feat(ai-writing): 研究模板独立实体 + 配置页 + 内置范例 + 点击直接进入写作（0616 #5）

后端：
- 新持久化包 research_templates（表 ai_writing_research_templates，create_all 建表，注册 models/__init__），deps 接 research_template_store
- 路由 /api/ai-writing/research-templates CRUD（在 ai_writing.py）
- 内置范例 网摘/周报/要讯（DEFAULT_RESEARCH_TEMPLATES + seed_defaults，表空时由 list 接口幂等播种）
- tests/test_research_templates.py（9 passed）

前端：
- api/ai-writing-research-templates.ts + hooks/useResearchTemplates.ts
- 配置页 ResearchTemplatesConfigPage（/page/canvas/research-templates）CRUD
- ResearchSidebar 研究模板改用研究模板实体；点击回填整张表单并直接 startWriting 进入写作；顶部齿轮进配置页

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

frontend-web/src/open-canvas/api/ai-writing-research-templates.ts

@@ -0,0 +1,75 @@
+import { getBackendBaseURL } from '@/core/config';
+import { apiFetch } from '@/core/api';
+
+/** 课题研究模板：一组写作表单预设（需求 0616 #5）。 */
+export interface ResearchTemplate {
+  id: string;
+  name: string;
+  description: string | null;
+  /** 引用的文章类型 key（对应 ArticleType.key）；null = 不设。 */
+  article_type_key: string | null;
+  outline: string | null;
+  material_source: 'general' | 'notebook';
+  word_count: number;
+  audience: string | null;
+  strict_mode: boolean;
+  topic: string | null;
+  sort_order: number;
+  created_at: string;
+  updated_at: string;
+}
+
+export interface CreateResearchTemplateRequest {
+  name: string;
+  description?: string | null;
+  article_type_key?: string | null;
+  outline?: string | null;
+  material_source?: 'general' | 'notebook';
+  word_count?: number;
+  audience?: string | null;
+  strict_mode?: boolean;
+  topic?: string | null;
+  sort_order?: number;
+}
+
+export type UpdateResearchTemplateRequest = Partial<CreateResearchTemplateRequest>;
+
+const BASE = () => `${getBackendBaseURL()}/api/ai-writing/research-templates`;
+
+export async function listResearchTemplates(): Promise<ResearchTemplate[]> {
+  const resp = await apiFetch(BASE());
+  if (!resp.ok) throw new Error(`获取研究模板失败: ${resp.status}`);
+  return resp.json();
+}
+
+export async function createResearchTemplate(
+  data: CreateResearchTemplateRequest,
+): Promise<ResearchTemplate> {
+  const resp = await apiFetch(BASE(), {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify(data),
+  });
+  if (!resp.ok) throw new Error(`创建研究模板失败: ${resp.status}`);
+  return resp.json();
+}
+
+export async function updateResearchTemplate(
+  id: string,
+  data: UpdateResearchTemplateRequest,
+): Promise<ResearchTemplate> {
+  const resp = await apiFetch(`${BASE()}/${id}`, {
+    method: 'PATCH',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify(data),
+  });
+  if (resp.status === 404) throw new Error(`研究模板不存在`);
+  if (!resp.ok) throw new Error(`更新研究模板失败: ${resp.status}`);
+  return resp.json();
+}
+
+export async function deleteResearchTemplate(id: string): Promise<void> {
+  const resp = await apiFetch(`${BASE()}/${id}`, { method: 'DELETE' });
+  if (resp.status === 404) throw new Error(`研究模板不存在`);
+  if (!resp.ok) throw new Error(`删除研究模板失败: ${resp.status}`);
+}

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

@@ -1,7 +1,8 @@
 "use client";
 
-import { BookOpen, FileText, LayoutGrid, Loader2, Plus } from "lucide-react";
+import { BookOpen, FileText, LayoutGrid, Loader2, Plus, Settings2 } from "lucide-react";
 import { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
 import { useQueryClient } from "@tanstack/react-query";
 
 import { Button } from "@/components/ui/button";
@@ -16,15 +17,17 @@ import { createSearchSpace } from "@/core/studio/api";
 import { useStudioNotebooks } from "@/core/studio/hooks";
 import { cn } from "@/lib/utils";
 
-import { useArticleTypes } from "../../hooks/useArticleTypes";
+import { useResearchTemplates } from "../../hooks/useResearchTemplates";
+import type { ResearchTemplate } from "../../api/ai-writing-research-templates";
 import { useWritingForm } from "../../contexts/WritingFormContext";
+import { useAIWriting } from "../../contexts/AIWritingContext";
 
 /**
  * 课题研究左栏（需求 0616 #5）。
- *  - 上半「研究模板」= 文章类型（``useArticleTypes``）；点击预填表单（设置文章类型 +
- *    默认字数 + 展开写作配置），沿用现有 articleType 设置逻辑。
- *  - 下半「笔记本」= 我的空间（``useStudioNotebooks``）；点击设为当前课题研究的素材来源
- *    （materialSource='notebook' + 选中该本）。
+ *  - 上半「研究模板」= 研究模板实体（``useResearchTemplates``）；点击一键预填整张写作表单
+ *    （文章类型 / 大纲 / 搜索来源 / 字数 / 受众 / 严格模式 / 主题）并展开配置。顶部「配置」
+ *    入口进入模板配置页维护这些模板。
+ *  - 下半「笔记本」= 我的空间（``useStudioNotebooks``）；点击在右侧内嵌打开该笔记本页。
  */
 export function ResearchSidebar({
   viewingNotebookId,
@@ -38,14 +41,25 @@ export function ResearchSidebar({
   /** 点击「所有空间」→ 在右侧内嵌打开空间列表页。 */
   onOpenAllSpaces: () => void;
 }) {
-  const { articleTypes, refresh } = useArticleTypes();
+  const navigate = useNavigate();
+  const { templates, refresh } = useResearchTemplates();
+  const { startWriting } = useAIWriting();
   const {
     notebooks,
     isLoading: notebooksLoading,
     isError: notebooksError,
   } = useStudioNotebooks();
-  const { articleType, setArticleType, setWordCountInput, setFormExpanded } =
-    useWritingForm();
+  const {
+    setIntent,
+    setArticleType,
+    setOutlineText,
+    setShowOutline,
+    setMaterialSource,
+    setWordCountInput,
+    setAudience,
+    setStrictMode,
+    setFormExpanded,
+  } = useWritingForm();
   const queryClient = useQueryClient();
 
   // 新建空间弹窗（与 workspace-nav-studio 同款）。
@@ -78,50 +92,86 @@ export function ResearchSidebar({
     }
   };
 
-  const handleTemplateClick = (key: string, defaultWordCount: number) => {
-    setArticleType(key);
-    if (defaultWordCount > 0) setWordCountInput(String(defaultWordCount));
+  // 点击研究模板 → ①回填整张写作表单（保持写作态左栏显示与运行配置一致）
+  // ②直接以模板预设进入 AI 写作流程（startWriting）。
+  const handleTemplateClick = (tpl: ResearchTemplate) => {
+    const intent = tpl.topic?.trim() ?? "";
+    const articleType = tpl.article_type_key || "analysis";
+    const outline = tpl.outline?.trim() || "";
+    const audience = tpl.audience?.trim() || "普通读者";
+    const wordCount = tpl.word_count > 0 ? tpl.word_count : 800;
+    const writingMode = tpl.strict_mode ? "strict" : "loose";
+
+    // 回填表单上下文（写作态左栏据此展示）。
+    if (intent) setIntent(intent);
+    if (tpl.article_type_key) setArticleType(tpl.article_type_key);
+    if (outline) {
+      setOutlineText(outline);
+      setShowOutline(true);
+    }
+    setMaterialSource(tpl.material_source);
+    setWordCountInput(String(wordCount));
+    if (tpl.audience?.trim()) setAudience(audience);
+    setStrictMode(tpl.strict_mode);
     setFormExpanded(true);
+
+    // 无主题/意图无法发起写作 → 仅回填表单，由用户补充后手动开始。
+    if (!intent) return;
+    void startWriting({
+      userIntent: intent,
+      userOutline: outline || undefined,
+      articleType,
+      targetAudience: audience,
+      wordCountTarget: wordCount,
+      keywordCount: 1,
+      writingMode,
+      materialSource: tpl.material_source,
+    });
   };
 
   return (
     <aside className="flex h-full w-64 shrink-0 flex-col overflow-hidden border-r border-border/70 bg-card/60 backdrop-blur-sm">
-      {/* 上半：研究模板（文章类型） */}
+      {/* 上半：研究模板 */}
       <div className="flex min-h-0 flex-1 flex-col overflow-y-auto px-2 py-3">
-        <h2 className="text-muted-foreground/70 px-2 mb-1.5 text-[10px] font-semibold tracking-[0.12em] uppercase select-none">
-          研究模板
-        </h2>
-        {articleTypes.length === 0 ? (
-          <p className="px-2 py-1.5 text-xs text-muted-foreground/70">暂无研究模板</p>
+        <div className="px-2 mb-1.5 flex items-center justify-between">
+          <h2 className="text-muted-foreground/70 text-[10px] font-semibold tracking-[0.12em] uppercase select-none">
+            研究模板
+          </h2>
+          <button
+            type="button"
+            onClick={() => navigate("/page/canvas/research-templates")}
+            title="配置研究模板"
+            aria-label="配置研究模板"
+            className="text-muted-foreground/70 hover:text-foreground rounded p-0.5 transition-colors"
+          >
+            <Settings2 className="size-3.5" />
+          </button>
+        </div>
+        {templates.length === 0 ? (
+          <p className="px-2 py-1.5 text-xs text-muted-foreground/70">
+            暂无研究模板，点右上角配置
+          </p>
         ) : (
           <div className="flex flex-col gap-1">
-            {articleTypes.map((t) => {
-              const active = articleType === t.key;
-              return (
-                <button
-                  key={t.key}
-                  type="button"
-                  onClick={() => handleTemplateClick(t.key, t.default_word_count)}
-                  title={t.description ?? t.label}
-                  className={cn(
-                    "flex items-start gap-2 rounded-lg px-2.5 py-1.5 text-left transition-colors",
-                    active
-                      ? "bg-primary/10 text-primary"
-                      : "text-muted-foreground hover:bg-sidebar-accent/60 hover:text-foreground",
+            {templates.map((tpl) => (
+              <button
+                key={tpl.id}
+                type="button"
+                onClick={() => handleTemplateClick(tpl)}
+                title={tpl.description ?? tpl.name}
+                className="flex items-start gap-2 rounded-lg px-2.5 py-1.5 text-left text-muted-foreground transition-colors hover:bg-sidebar-accent/60 hover:text-foreground"
+              >
+                <FileText className="mt-0.5 size-3.5 shrink-0 text-muted-foreground/70" />
+                <span className="min-w-0">
+                  <span className="block truncate text-[13px] font-medium">{tpl.name}</span>
+                  {tpl.description && (
+                    <span className="text-muted-foreground/70 line-clamp-1 block text-[11px]">
+                      {tpl.description}
+                    </span>
                   )}
-                >
-                  <FileText className="mt-0.5 size-3.5 shrink-0 text-muted-foreground/70" />
-                  <span className="min-w-0">
-                    <span className="block truncate text-[13px] font-medium">{t.label}</span>
-                    {t.description && (
-                      <span className="text-muted-foreground/70 line-clamp-1 block text-[11px]">
-                        {t.description}
-                      </span>
-                    )}
-                  </span>
-                </button>
-              );
-            })}
+                </span>
+              </button>
+            ))}
           </div>
         )}
       </div>

frontend-web/src/open-canvas/hooks/useResearchTemplates.ts

@@ -0,0 +1,60 @@
+import { useCallback, useState } from 'react';
+
+import {
+  createResearchTemplate,
+  deleteResearchTemplate,
+  listResearchTemplates,
+  updateResearchTemplate,
+} from '../api/ai-writing-research-templates';
+import type {
+  CreateResearchTemplateRequest,
+  ResearchTemplate,
+  UpdateResearchTemplateRequest,
+} from '../api/ai-writing-research-templates';
+
+export function useResearchTemplates() {
+  const [templates, setTemplates] = useState<ResearchTemplate[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  const refresh = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      setTemplates(await listResearchTemplates());
+    } catch (e) {
+      setError(e instanceof Error ? e.message : '加载失败');
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  const create = useCallback(
+    async (data: CreateResearchTemplateRequest): Promise<ResearchTemplate> => {
+      const created = await createResearchTemplate(data);
+      setTemplates((prev) =>
+        [...prev, created].sort((a, b) => a.sort_order - b.sort_order),
+      );
+      return created;
+    },
+    [],
+  );
+
+  const update = useCallback(
+    async (id: string, data: UpdateResearchTemplateRequest): Promise<ResearchTemplate> => {
+      const updated = await updateResearchTemplate(id, data);
+      setTemplates((prev) =>
+        prev.map((t) => (t.id === id ? updated : t)).sort((a, b) => a.sort_order - b.sort_order),
+      );
+      return updated;
+    },
+    [],
+  );
+
+  const remove = useCallback(async (id: string): Promise<void> => {
+    await deleteResearchTemplate(id);
+    setTemplates((prev) => prev.filter((t) => t.id !== id));
+  }, []);
+
+  return { templates, loading, error, refresh, create, update, remove };
+}

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

@@ -0,0 +1,374 @@
+import { useEffect, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { ArrowLeft, FileText, Loader2, Pencil, Plus, Trash2 } from 'lucide-react';
+
+import { Button } from '@/components/ui/button';
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog';
+
+import { useResearchTemplates } from '../hooks/useResearchTemplates';
+import { useArticleTypes } from '../hooks/useArticleTypes';
+import type {
+  CreateResearchTemplateRequest,
+  ResearchTemplate,
+} from '../api/ai-writing-research-templates';
+
+const INPUT_CLASS =
+  'flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm ' +
+  'placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:opacity-50';
+const TEXTAREA_CLASS =
+  'flex w-full rounded-md border border-input bg-background px-3 py-2 text-sm shadow-sm ' +
+  'placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring resize-none';
+const LABEL_CLASS = 'mb-1 block text-xs font-medium text-muted-foreground';
+
+interface FormState {
+  name: string;
+  description: string;
+  article_type_key: string;
+  outline: string;
+  material_source: 'general' | 'notebook';
+  word_count: string;
+  audience: string;
+  strict_mode: boolean;
+  topic: string;
+  sort_order: string;
+}
+
+const EMPTY_FORM: FormState = {
+  name: '',
+  description: '',
+  article_type_key: '',
+  outline: '',
+  material_source: 'general',
+  word_count: '800',
+  audience: '',
+  strict_mode: false,
+  topic: '',
+  sort_order: '0',
+};
+
+function toForm(t: ResearchTemplate): FormState {
+  return {
+    name: t.name,
+    description: t.description ?? '',
+    article_type_key: t.article_type_key ?? '',
+    outline: t.outline ?? '',
+    material_source: t.material_source,
+    word_count: String(t.word_count),
+    audience: t.audience ?? '',
+    strict_mode: t.strict_mode,
+    topic: t.topic ?? '',
+    sort_order: String(t.sort_order),
+  };
+}
+
+function toPayload(form: FormState): CreateResearchTemplateRequest {
+  return {
+    name: form.name.trim(),
+    description: form.description.trim() || null,
+    article_type_key: form.article_type_key || null,
+    outline: form.outline.trim() || null,
+    material_source: form.material_source,
+    word_count: Math.max(100, parseInt(form.word_count, 10) || 800),
+    audience: form.audience.trim() || null,
+    strict_mode: form.strict_mode,
+    topic: form.topic.trim() || null,
+    sort_order: parseInt(form.sort_order, 10) || 0,
+  };
+}
+
+export default function ResearchTemplatesConfigPage() {
+  const navigate = useNavigate();
+  const { templates, loading, error, refresh, create, update, remove } = useResearchTemplates();
+  const { articleTypes, refresh: refreshTypes } = useArticleTypes();
+
+  const [dialogOpen, setDialogOpen] = useState(false);
+  const [editingId, setEditingId] = useState<string | null>(null);
+  const [form, setForm] = useState<FormState>(EMPTY_FORM);
+  const [formError, setFormError] = useState<string | null>(null);
+  const [saving, setSaving] = useState(false);
+
+  const [deleteTargetId, setDeleteTargetId] = useState<string | null>(null);
+  const [deleting, setDeleting] = useState(false);
+
+  useEffect(() => {
+    void refresh();
+    void refreshTypes();
+  }, [refresh, refreshTypes]);
+
+  const set = <K extends keyof FormState>(key: K, value: FormState[K]) =>
+    setForm((f) => ({ ...f, [key]: value }));
+
+  const openCreate = () => {
+    setEditingId(null);
+    setForm(EMPTY_FORM);
+    setFormError(null);
+    setDialogOpen(true);
+  };
+
+  const openEdit = (t: ResearchTemplate) => {
+    setEditingId(t.id);
+    setForm(toForm(t));
+    setFormError(null);
+    setDialogOpen(true);
+  };
+
+  const handleSave = async () => {
+    if (!form.name.trim()) {
+      setFormError('请填写模板名称');
+      return;
+    }
+    setSaving(true);
+    setFormError(null);
+    try {
+      const payload = toPayload(form);
+      if (editingId) await update(editingId, payload);
+      else await create(payload);
+      setDialogOpen(false);
+    } catch (e) {
+      setFormError(e instanceof Error ? e.message : '保存失败');
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const handleDelete = async () => {
+    if (!deleteTargetId) return;
+    setDeleting(true);
+    try {
+      await remove(deleteTargetId);
+      setDeleteTargetId(null);
+    } finally {
+      setDeleting(false);
+    }
+  };
+
+  const articleTypeLabel = (key: string | null) =>
+    key ? articleTypes.find((t) => t.key === key)?.label ?? key : '—';
+
+  return (
+    <div className="mx-auto h-full w-full max-w-4xl overflow-y-auto p-6">
+      <div className="mb-5 flex items-center justify-between">
+        <div className="flex items-center gap-2">
+          <Button variant="ghost" size="icon-sm" onClick={() => navigate(-1)}>
+            <ArrowLeft className="size-4" />
+          </Button>
+          <div>
+            <h1 className="text-lg font-semibold">研究模板配置</h1>
+            <p className="text-xs text-muted-foreground">
+              配置课题研究左栏的研究模板；点击模板时一键预填写作表单。
+            </p>
+          </div>
+        </div>
+        <Button size="sm" onClick={openCreate}>
+          <Plus className="size-4" />
+          新建模板
+        </Button>
+      </div>
+
+      {error && <p className="mb-3 text-sm text-destructive">{error}</p>}
+
+      {loading ? (
+        <div className="flex justify-center py-16">
+          <Loader2 className="size-6 animate-spin text-muted-foreground" />
+        </div>
+      ) : templates.length === 0 ? (
+        <p className="py-16 text-center text-sm text-muted-foreground">
+          暂无研究模板，点击右上角「新建模板」创建。
+        </p>
+      ) : (
+        <div className="flex flex-col gap-2">
+          {templates.map((t) => (
+            <div
+              key={t.id}
+              className="flex items-start gap-3 rounded-xl border border-border bg-card p-4"
+            >
+              <div className="bg-primary/10 text-primary mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-lg">
+                <FileText className="size-4" />
+              </div>
+              <div className="min-w-0 flex-1">
+                <div className="flex items-center gap-2">
+                  <span className="truncate text-sm font-semibold">{t.name}</span>
+                  <span className="shrink-0 rounded bg-muted px-1.5 py-0.5 text-[11px] text-muted-foreground">
+                    {articleTypeLabel(t.article_type_key)}
+                  </span>
+                </div>
+                {t.description && (
+                  <p className="mt-0.5 line-clamp-1 text-xs text-muted-foreground">{t.description}</p>
+                )}
+                <div className="mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-[11px] text-muted-foreground/80">
+                  <span>来源：{t.material_source === 'notebook' ? '我的空间' : '通用检索'}</span>
+                  <span>字数：{t.word_count}</span>
+                  {t.audience && <span>受众：{t.audience}</span>}
+                  <span>{t.strict_mode ? '严格模式' : '宽松模式'}</span>
+                </div>
+              </div>
+              <div className="flex shrink-0 items-center gap-1">
+                <Button variant="ghost" size="icon-sm" onClick={() => openEdit(t)} title="编辑">
+                  <Pencil className="size-4" />
+                </Button>
+                <Button
+                  variant="ghost"
+                  size="icon-sm"
+                  onClick={() => setDeleteTargetId(t.id)}
+                  title="删除"
+                  className="text-muted-foreground hover:text-destructive"
+                >
+                  <Trash2 className="size-4" />
+                </Button>
+              </div>
+            </div>
+          ))}
+        </div>
+      )}
+
+      {/* 新建 / 编辑 弹窗 */}
+      <Dialog open={dialogOpen} onOpenChange={(v) => !saving && setDialogOpen(v)}>
+        <DialogContent className="max-h-[85vh] overflow-y-auto sm:max-w-[640px]">
+          <DialogHeader>
+            <DialogTitle>{editingId ? '编辑研究模板' : '新建研究模板'}</DialogTitle>
+          </DialogHeader>
+          <div className="grid grid-cols-2 gap-4 py-2">
+            <div className="col-span-2">
+              <label className={LABEL_CLASS}>模板名称 *</label>
+              <input
+                className={INPUT_CLASS}
+                value={form.name}
+                onChange={(e) => set('name', e.target.value)}
+                placeholder="如：深度舆情分析"
+              />
+            </div>
+            <div className="col-span-2">
+              <label className={LABEL_CLASS}>描述</label>
+              <input
+                className={INPUT_CLASS}
+                value={form.description}
+                onChange={(e) => set('description', e.target.value)}
+                placeholder="模板用途简述"
+              />
+            </div>
+            <div>
+              <label className={LABEL_CLASS}>文章类型</label>
+              <select
+                className={INPUT_CLASS}
+                value={form.article_type_key}
+                onChange={(e) => set('article_type_key', e.target.value)}
+              >
+                <option value="">不设</option>
+                {articleTypes.map((t) => (
+                  <option key={t.key} value={t.key}>
+                    {t.label}
+                  </option>
+                ))}
+              </select>
+            </div>
+            <div>
+              <label className={LABEL_CLASS}>搜索来源</label>
+              <select
+                className={INPUT_CLASS}
+                value={form.material_source}
+                onChange={(e) => set('material_source', e.target.value as 'general' | 'notebook')}
+              >
+                <option value="general">通用检索</option>
+                <option value="notebook">我的空间（笔记本）</option>
+              </select>
+            </div>
+            <div>
+              <label className={LABEL_CLASS}>目标字数</label>
+              <input
+                type="number"
+                className={INPUT_CLASS}
+                value={form.word_count}
+                onChange={(e) => set('word_count', e.target.value)}
+              />
+            </div>
+            <div>
+              <label className={LABEL_CLASS}>目标受众</label>
+              <input
+                className={INPUT_CLASS}
+                value={form.audience}
+                onChange={(e) => set('audience', e.target.value)}
+                placeholder="如：决策者"
+              />
+            </div>
+            <div className="col-span-2">
+              <label className={LABEL_CLASS}>主题 / 意图</label>
+              <textarea
+                className={TEXTAREA_CLASS}
+                rows={2}
+                value={form.topic}
+                onChange={(e) => set('topic', e.target.value)}
+                placeholder="点击模板时预填到写作意图输入框"
+              />
+            </div>
+            <div className="col-span-2">
+              <label className={LABEL_CLASS}>默认大纲</label>
+              <textarea
+                className={TEXTAREA_CLASS}
+                rows={4}
+                value={form.outline}
+                onChange={(e) => set('outline', e.target.value)}
+                placeholder={'一、…\n二、…\n三、…'}
+              />
+            </div>
+            <div className="flex items-center gap-2">
+              <input
+                id="rt-strict"
+                type="checkbox"
+                checked={form.strict_mode}
+                onChange={(e) => set('strict_mode', e.target.checked)}
+                className="size-4"
+              />
+              <label htmlFor="rt-strict" className="text-sm">
+                严格写作模式
+              </label>
+            </div>
+            <div>
+              <label className={LABEL_CLASS}>排序（小在前）</label>
+              <input
+                type="number"
+                className={INPUT_CLASS}
+                value={form.sort_order}
+                onChange={(e) => set('sort_order', e.target.value)}
+              />
+            </div>
+          </div>
+          {formError && <p className="text-sm text-destructive">{formError}</p>}
+          <DialogFooter>
+            <Button variant="outline" onClick={() => setDialogOpen(false)} disabled={saving}>
+              取消
+            </Button>
+            <Button onClick={() => void handleSave()} disabled={saving}>
+              {saving && <Loader2 className="size-4 animate-spin" />}
+              保存
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+
+      {/* 删除确认 */}
+      <Dialog open={!!deleteTargetId} onOpenChange={(v) => !deleting && !v && setDeleteTargetId(null)}>
+        <DialogContent className="sm:max-w-sm">
+          <DialogHeader>
+            <DialogTitle>删除研究模板</DialogTitle>
+          </DialogHeader>
+          <p className="py-2 text-sm text-muted-foreground">确定删除该研究模板吗？此操作不可恢复。</p>
+          <DialogFooter>
+            <Button variant="outline" onClick={() => setDeleteTargetId(null)} disabled={deleting}>
+              取消
+            </Button>
+            <Button variant="destructive" onClick={() => void handleDelete()} disabled={deleting}>
+              {deleting && <Loader2 className="size-4 animate-spin" />}
+              删除
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+}

frontend-web/src/open-canvas/routes/OpenCanvasRoutes.tsx

@@ -4,6 +4,7 @@ import CanvasHomePage from "../pages/CanvasHomePage";
 import CanvasThreadPage from "../pages/CanvasThreadPage";
 import AIWritingPage from "../pages/AIWritingPage";
 import ArticleTypesConfigPage from "../pages/ArticleTypesConfigPage";
+import ResearchTemplatesConfigPage from "../pages/ResearchTemplatesConfigPage";
 
 export default function OpenCanvasRoutes() {
   return (
@@ -11,6 +12,7 @@ export default function OpenCanvasRoutes() {
       <Route index element={<CanvasHomePage />} />
       <Route path="ai-writing" element={<AIWritingPage hideAdvancedFields />} />
       <Route path="article-types" element={<ArticleTypesConfigPage />} />
+      <Route path="research-templates" element={<ResearchTemplatesConfigPage />} />
       <Route path=":thread_id" element={<CanvasThreadPage />} />
     </Routes>
   );