From 4ba7eb7db73811469664a6f473a0dc06dda99992 Mon Sep 17 00:00:00 2001
From: Codex Bot <codex-bot@gitea.entroia.local>
Date: Mon, 26 Oct 2026 20:26:17 +0800
Subject: [PATCH] Expose Studio cover rendering API and add three source-based
 layout tools

---
 .../studio/src/components/LayoutSelection.tsx |  13 +
 apps/studio/src/components/SourceCover.tsx    |  21 ++
 apps/studio/src/components/TemplateTrial.tsx  |   4 +-
 apps/studio/src/content/ideas.ts              |   4 +-
 .../src/content/templates/selection.json      | 353 ++++++++++++++++++
 apps/studio/src/content/tool-links.ts         |   2 +
 apps/studio/src/lib/api-documentation.ts      |  15 +-
 apps/studio/src/lib/render-cover.ts           |  22 ++
 apps/studio/src/pages/api/export/[slug].ts    |  29 +-
 apps/studio/src/pages/ideas/[slug].tsx        |   4 +-
 apps/studio/src/pages/index.tsx               |   8 +-
 apps/studio/src/styles/globals.css            |   1 +
 12 files changed, 455 insertions(+), 21 deletions(-)
 create mode 100644 apps/studio/src/components/LayoutSelection.tsx
 create mode 100644 apps/studio/src/components/SourceCover.tsx
 create mode 100644 apps/studio/src/content/templates/selection.json
 create mode 100644 apps/studio/src/content/tool-links.ts
 create mode 100644 apps/studio/src/lib/render-cover.ts

diff --git a/apps/studio/src/components/LayoutSelection.tsx b/apps/studio/src/components/LayoutSelection.tsx
new file mode 100644
index 0000000..3bda054
--- /dev/null
+++ b/apps/studio/src/components/LayoutSelection.tsx
@@ -0,0 +1,13 @@
+import {useState} from 'react';
+import Head from 'next/head';
+import {SourceCover,selections,type CoverValues} from './SourceCover';
+import {tutorialPost} from '../content/tool-links';
+export function LayoutSelection(){
+ const [active,setActive]=useState(0),[values,setValues]=useState<CoverValues[]>(selections.map(l=>({fields:Object.fromEntries(Object.entries(l.fields).filter(([,v])=>v!==undefined)) as Record<string,string>,color:'#83918a',accent:'#c3cec5'}))),[guides,setGuides]=useState(false),[status,setStatus]=useState('');
+ const layout=selections[active],current=values[active];
+ function update(patch:Partial<CoverValues>){setValues(old=>old.map((v,i)=>i===active?{...v,...patch}:v));}
+ async function download(format:'svg'|'json'){
+  try{setStatus('正在生成…');const r=await fetch('/studio/api/export/layout-selection?format='+format,{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({layoutId:layout.id,...current})});if(!r.ok)throw Error();const url=URL.createObjectURL(await r.blob()),a=document.createElement('a');a.href=url;a.download=layout.id+'.'+format;a.click();setTimeout(()=>URL.revokeObjectURL(url),500);setStatus('已导出当前模板。')}catch{setStatus('导出失败，请重试。')}
+ }
+ return <main className="template-trial"><Head><title>三种排版 · Studio 工具</title></Head><header className="trial-nav"><a href={tutorialPost}>← waterfall-wiki 使用教程</a><span>STUDIO / LAYOUT SELECTION</span></header><section className="trial-intro"><div><small>REF-01 / REF-07 / REF-26</small><h1>三个构图，各有位置。</h1><p>切换真实原图对应的模板，分别试文字与配色。图位蒙版与装饰来自教程的分层资产；当前只放占位内容。</p></div></section><div className="trial-workspace"><aside className="trial-controls"><h2>选择与编辑</h2><label>排版<select value={active} onChange={e=>{setActive(Number(e.target.value));setStatus('')}}>{selections.map((l,i)=><option key={l.id} value={i}>{l.id} · {l.name}</option>)}</select></label>{layout.slots.filter(s=>s.kind==='text').map(s=><label key={s.id}>{s.id} · {s.role}<textarea rows={current.fields[s.id]?.includes('\n')?3:1} maxLength={120} value={current.fields[s.id]||''} onChange={e=>update({fields:{...current.fields,[s.id]:e.target.value}})}/></label>)}<div className="trial-colors"><label>主图色<input type="color" value={current.color} onChange={e=>update({color:e.target.value})}/></label><label>副图色<input type="color" value={current.accent} onChange={e=>update({accent:e.target.value})}/></label></div><label className="trial-switch"><input type="checkbox" checked={guides} onChange={e=>setGuides(e.target.checked)}/>显示构件边界</label><div className="trial-actions"><button className="trial-primary" onClick={()=>void download('svg')}>下载当前 SVG</button><button onClick={()=>void download('json')}>下载参数 JSON</button></div><p className="trial-help">每张模板单独保留本页修改，刷新恢复初始值。下载 SVG 为无边界线的正式图；原始装饰为低分辨率图层。</p><p role="status">{status}</p></aside><div><div className="selection-preview"><SourceCover layout={layout} values={current} guides={guides}/></div><div className="selection-thumbs">{selections.map((l,i)=><button key={l.id} aria-pressed={active===i} onClick={()=>setActive(i)}><SourceCover layout={l} values={values[i]}/><span>{l.id}</span></button>)}</div><details className="trial-reference"><summary>原图与构件坐标</summary><div className="trial-reference-body"><img src={layout.referenceUrl} alt={layout.name+'原图'}/><div><a href={layout.tutorialUrl}>阅读这张原图的教程 ↗</a><table><thead><tr><th>ID</th><th>构件</th><th>x,y,w,h</th></tr></thead><tbody>{layout.slots.map(s=><tr key={s.id}><td>{s.id}</td><td>{s.role}</td><td>{s.box.join(', ')}</td></tr>)}</tbody></table></div></div></details></div></div></main>;
+}
diff --git a/apps/studio/src/components/SourceCover.tsx b/apps/studio/src/components/SourceCover.tsx
new file mode 100644
index 0000000..3454a62
--- /dev/null
+++ b/apps/studio/src/components/SourceCover.tsx
@@ -0,0 +1,21 @@
+import {useId} from 'react';
+import selections from '../content/templates/selection.json';
+export type SourceLayout=typeof selections[number];
+export type CoverValues={fields:Record<string,string>;color:string;accent:string};
+export {selections};
+export function SourceCover({layout,values,guides=false}:{layout:SourceLayout;values:CoverValues;guides?:boolean}){
+ const uid=useId().replace(/:/g,''),W=layout.width*10,H=layout.height*10;
+ return <svg xmlns="http://www.w3.org/2000/svg" viewBox={`0 0 ${W} ${H}`} width={W} height={H} role="img" aria-label={layout.id+' '+layout.name} data-layout-id={layout.id} style={{display:'block',width:'100%',height:'auto'}}>
+ <title>{layout.name} · 封面试版</title><desc>文字为可编辑占位，图位使用原始形状蒙版，装饰沿用原图分层。来源 {layout.tutorialUrl}</desc><rect width={W} height={H} fill="#f4f2eb"/>
+ {['image','decoration','text'].flatMap(kind=>layout.slots.filter(s=>s.kind===kind).map(s=>{
+ const [x,y,w,h]=s.box.map(n=>n*10),raster='raster' in s?s.raster:undefined;
+ if(kind==='image')return <g data-slot={s.id} key={s.id}><defs><mask id={uid+s.id} maskUnits="userSpaceOnUse" x={x} y={y} width={w} height={h} style={{maskType:'alpha'}}><image href={raster} x={x} y={y} width={w} height={h}/></mask></defs><rect x={x} y={y} width={w} height={h} fill={s.id==='I01'?values.color:values.accent} mask={`url(#${uid+s.id})`}/></g>;
+ if(kind==='decoration')return <image data-slot={s.id} key={s.id} href={raster} x={x} y={y} width={w} height={h}/>;
+ const text=values.fields[s.id]||'',lines=text.split('\n').slice(0,4),length=(str:string)=>Array.from(str).reduce((sum,c)=>sum+(/[\u3400-\u9fff]/.test(c)?1:.6),0),size=Math.min(h/(lines.length*1.25),w/Math.max(1,...lines.map(length))*.94);
+ if(s.direction==='vertical'){const letters=Array.from(text.replace(/\n/g,'')),font=Math.min(w*.88,h/Math.max(1,letters.length));return <g data-slot={s.id} key={s.id} fill="#26362f" fontFamily="'PingFang SC',sans-serif">{letters.map((c,i)=><text key={i} x={x+w/2} y={y+font*(i+.85)} textAnchor="middle" fontSize={font}>{c}</text>)}</g>}
+ if(s.direction==='curved')return <g data-slot={s.id} key={s.id}><defs><path id={uid+s.id} d={`M${x} ${y} Q${x+w/2} ${y+h*1.8} ${x+w} ${y}`}/></defs><text fill="#26362f" fontFamily="Arial,sans-serif" fontSize={Math.min(36,w/Math.max(1,text.length*.6))} letterSpacing="1"><textPath href={'#'+uid+s.id} startOffset="50%" textAnchor="middle">{text}</textPath></text></g>;
+ return <g data-slot={s.id} key={s.id} fill="#26362f" fontFamily={h>100?"Georgia,'PingFang SC',serif":"Arial,'PingFang SC',sans-serif"}>{lines.map((line,i)=><text key={i} x={x} y={y+size*(.88+i*1.25)} fontSize={size}>{line}</text>)}</g>;
+ }))}
+ {guides&&<g aria-hidden="true" fontFamily="Arial,sans-serif">{layout.slots.map(s=>{const[x,y,w,h]=s.box.map(n=>n*10),color=({text:'#2c64d8',image:'#d36b30',decoration:'#08875d'} as Record<string,string>)[s.kind];return <g key={s.id}><rect x={x} y={y} width={w} height={h} stroke={color} strokeWidth="2" fill="none"/><rect x={x} y={y} width="66" height="29" fill={color}/><text x={x+4} y={y+22} fontSize="24" fill="white">{s.id}</text></g>})}</g>}
+ </svg>;
+}
diff --git a/apps/studio/src/components/TemplateTrial.tsx b/apps/studio/src/components/TemplateTrial.tsx
index 5a3e4ee..c583d39 100644
--- a/apps/studio/src/components/TemplateTrial.tsx
+++ b/apps/studio/src/components/TemplateTrial.tsx
@@ -1,6 +1,6 @@
 import {useState} from 'react';
 import Head from 'next/head';
-import Link from 'next/link';
+import {tutorialPost} from '../content/tool-links';
 import {ideaMarkdown,type Idea,type Slide} from '../content/ideas';
 import {Ref17Cover} from './Ref17Cover';
 export function TemplateTrial({idea}:{idea:Idea}){
@@ -12,7 +12,7 @@ export function TemplateTrial({idea}:{idea:Idea}){
  async function exportSvg(){await document.fonts.ready;const svg=document.querySelector(`[data-proof="${selected.key}"] svg`);if(!svg)return;download(new XMLSerializer().serializeToString(svg),'image/svg+xml',`ref-17-${selected.key}.svg`);setNotice('已下载当前封面 SVG，可继续编辑文字与图形。')}
  const reset=()=>{setSlides(idea.slides);setMasthead(template.masthead);setGuides(false);setNotice('已恢复初始试版。')};
  return <main className="template-trial"><Head><title>{idea.title} · Studio</title><link rel="alternate" type="text/markdown" href={'/studio/api/export/'+idea.slug+'?format=markdown'}/></Head>
-  <header className="trial-nav"><Link href="/">← 我的创作</Link><span>STUDIO / TEMPLATE PROOF</span><a href={template.tutorialUrl} target="_blank" rel="noreferrer">排版教程 ↗</a></header>
+  <header className="trial-nav"><a href={tutorialPost}>← waterfall-wiki 使用教程</a><span>STUDIO / TEMPLATE PROOF</span><a href={template.tutorialUrl} target="_blank" rel="noreferrer">排版教程 ↗</a></header>
   <section className="trial-intro"><div><small>REF-17 · 同一母版 / 四张试版</small><h1>先试封面，再填内容。</h1><p>英文刊头、圆形叠标、左下主图与右侧窄栏保持同一套坐标。三组合集先用主题占位，暂不放入具体 Skills。</p></div><div className="trial-source"><b>01 母版</b><span>02 笔记复习</span><span>03 教学资料</span><span>04 英语学习</span></div></section>
   <div className="trial-workspace"><aside className="trial-controls"><h2>试一试</h2><label>当前封面<select value={active} onChange={e=>{setActive(Number(e.target.value));setNotice('')}}>{slides.map((s,i)=><option value={i} key={s.key}>{s.label}</option>)}</select></label>
    <fieldset><legend>共享英文刊头</legend><label>第一行<input value={masthead[0]} maxLength={8} onChange={e=>setMasthead([e.target.value.toUpperCase().replace(/[^A-Z ]/g,''),masthead[1]])}/></label><label>第二行<input value={masthead[1]} maxLength={8} onChange={e=>setMasthead([masthead[0],e.target.value.replace(/[^A-Za-z ]/g,'')])}/></label></fieldset>
diff --git a/apps/studio/src/content/ideas.ts b/apps/studio/src/content/ideas.ts
index 13f66bb..e5767f0 100644
--- a/apps/studio/src/content/ideas.ts
+++ b/apps/studio/src/content/ideas.ts
@@ -1,8 +1,8 @@
 import ref17 from './templates/ref-17.json';
 export type Slide={heading:string;body:string;color:string;key?:string;label?:string;accent?:string;kicker?:string};
-export type Idea={slug:string;title:string;summary:string;slides:Slide[];template?:typeof ref17};
+export type Idea={slug:string;title:string;summary:string;slides:Slide[];tool?:string;template?:typeof ref17};
 // Studio owns creative pages. Wiki source tutorials are consumed as text/image data.
-export const ideas:Idea[]=[{
+export const ideas:Idea[]=[{slug:'layout-selection',tool:'layout-selection',title:'三种排版 · 模板选择工具',summary:'ref-01、ref-07、ref-26 三种不同构图的可编辑试版。',slides:[]},{
  slug:'learning-skills-template',title:'学习资料合集 · 封面模板试版',
  summary:'一张空白母版与三张主题占位封面，共用 ref-17 的同一套构件坐标；先试文案、色调和边界，暂不填具体 Skills。',template:ref17,
  slides:[
diff --git a/apps/studio/src/content/templates/selection.json b/apps/studio/src/content/templates/selection.json
new file mode 100644
index 0000000..7e9235a
--- /dev/null
+++ b/apps/studio/src/content/templates/selection.json
@@ -0,0 +1,353 @@
+[
+  {
+    "id": "ref-01",
+    "name": "双矩形错位与左下说明",
+    "width": 113,
+    "height": 171,
+    "tutorialUrl": "http://8.211.154.134:18131/explore/eb937b42be92a9f6feee684f",
+    "referenceUrl": "http://8.211.154.134:18131/api/media/7d1eedda-bf64-4bf0-ae2b-a7a684282c20",
+    "sourceSha256": "121ab8a362c45eee86281ca5dfbbe33577cfcd255579a16c3542530484b9f1dc",
+    "slots": [
+      {
+        "id": "T01",
+        "kind": "text",
+        "role": "品牌字标",
+        "box": [
+          8,
+          20,
+          36,
+          15
+        ],
+        "direction": "horizontal"
+      },
+      {
+        "id": "T02",
+        "kind": "text",
+        "role": "左下说明",
+        "box": [
+          7,
+          121,
+          44,
+          34
+        ],
+        "direction": "horizontal"
+      },
+      {
+        "id": "I01",
+        "kind": "image",
+        "role": "上方主图",
+        "box": [
+          24,
+          14,
+          77,
+          71
+        ],
+        "direction": "horizontal",
+        "raster": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAABHCAYAAABCksrWAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAA9ElEQVR4nO3bwWoCQRRFwf7/n24RIkjU2J4EsnhVS6fdHO7MQpy11lqbj1ybifYhwQLRAtECz7RAtEC030Rbd+4vPhz+8uo7E6wTpwf3EDnafvHZBMfRTg7vIXKwbWlna3sX7WoPsE59P7wt7edYz4LdTFlXWtrpGicQLTheyKQlvTPu1voLggUWFogWiBaIFogWiBaIFogWiBaIFogWiBaIFogWiBb4PS0QLRAtEC0QLRAtEC0QLRAtEC0QLRAtEC0QLRAtEC0QLRAtEC0QLRAtEC0QLRAtEC0QLRAtEC0QLRAtEC0QLfCnvkC0/7w916BXui8i2N6UcgAWCwAAAABJRU5ErkJggg=="
+      },
+      {
+        "id": "I02",
+        "kind": "image",
+        "role": "下方副图",
+        "box": [
+          42,
+          89,
+          59,
+          70
+        ],
+        "direction": "horizontal",
+        "raster": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAABGCAYAAABymeysAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAAnElEQVR4nOXSMQqAUBDE0Nz/0hELwUK/Vgqb106zgcUQDMEQDMEQDMEQDMEQDMEQDMEQDMEQDMEQDMEQDMEQDMEQDMEQDMEQDMEQDMEQDMEQDMEQDnejE2NXHII3HILlOCh0NyrmCVNf9kov1lO1g2EIhmAIhmAIhmAIhmAIhmAIhmAIhmAIhmAIhmAIhmAIhmAIhmAIhvD3AV/aAPX2x64pVJGiAAAAAElFTkSuQmCC"
+      },
+      {
+        "id": "D01",
+        "kind": "decoration",
+        "role": "顶部短线",
+        "box": [
+          41,
+          4,
+          29,
+          3
+        ],
+        "direction": "horizontal",
+        "raster": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAADCAYAAABvTwTkAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAAaElEQVQYlcXNSwqAIBSF4dYbplYUGUiPNVk3za0UTYv2cAIHDW3YhY+fM7rJdZ9I/rr92OC8xUQmdHH0Nsa55dM8G1hLIJrCfp+unjCMGlykkDlDUXKotgqNKQsZpZoaUmQQnAV9p/EAUCCZZA9uDUAAAAAASUVORK5CYII="
+      },
+      {
+        "id": "D02",
+        "kind": "decoration",
+        "role": "底部横线",
+        "box": [
+          29,
+          158,
+          58,
+          8
+        ],
+        "direction": "horizontal",
+        "raster": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAAICAYAAACoCeyOAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAAzElEQVQ4je2U3QqCMBiGd/P9QGkRhllqRoV5EYUU3Uilzv15CW+4g45q5IEQ2AMP39gOPt5vbIQ0JD0fQbpCVtxQlDmY4K/QVFSgQrY+BKYqMCXxqRJCCK/U29oYqcru3OqfX6egd+z2EfxgYdZfGg1Dv3U3mzWiKEQQrOB5Llx3jiSJcb1ePj8pVTF9KCRFfNhiMh2ZnVhGLWvUqnUPx5lpbXuMwaCH4bCvg6fp6bu/o2QZuCiMCsGMSslblTH6Wtf9OC+R5w+9b8r2BC1NEOae04xDAAAAAElFTkSuQmCC"
+      }
+    ],
+    "fields": {
+      "T01": "STUDY",
+      "T02": "合集标题\n主题说明占位\n正文稍后填入"
+    }
+  },
+  {
+    "id": "ref-07",
+    "name": "同心圆图位与底部年份",
+    "width": 112,
+    "height": 172,
+    "tutorialUrl": "http://8.211.154.134:18131/explore/7d4cefdfada28bbe9e570af3",
+    "referenceUrl": "http://8.211.154.134:18131/api/media/da5eb520-196d-4cca-b056-95a40d20a281",
+    "sourceSha256": "121ab8a362c45eee86281ca5dfbbe33577cfcd255579a16c3542530484b9f1dc",
+    "slots": [
+      {
+        "id": "T01",
+        "kind": "text",
+        "role": "下沿环形文字",
+        "box": [
+          17,
+          75,
+          90,
+          34
+        ],
+        "direction": "curved"
+      },
+      {
+        "id": "T02",
+        "kind": "text",
+        "role": "年份",
+        "box": [
+          2,
+          129,
+          27,
+          12
+        ],
+        "direction": "horizontal"
+      },
+      {
+        "id": "T03",
+        "kind": "text",
+        "role": "年份下副标题",
+        "box": [
+          3,
+          140,
+          58,
+          5
+        ],
+        "direction": "horizontal"
+      },
+      {
+        "id": "T04",
+        "kind": "text",
+        "role": "底部说明",
+        "box": [
+          1,
+          146,
+          109,
+          16
+        ],
+        "direction": "horizontal"
+      },
+      {
+        "id": "T05",
+        "kind": "text",
+        "role": "右下品牌",
+        "box": [
+          58,
+          161,
+          52,
+          9
+        ],
+        "direction": "horizontal"
+      },
+      {
+        "id": "I01",
+        "kind": "image",
+        "role": "中央圆形主图",
+        "box": [
+          18,
+          9,
+          92,
+          94
+        ],
+        "direction": "horizontal",
+        "raster": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABeCAYAAACuJ3NTAAAACXBIWXMAAAPoAAAD6AG1e1JrAAABaklEQVR4nO3cSw7CMAwAUd//0kYsukEgkICxHc/bsmlHVT8JSURT+QPV59BaAmK7LBRbZENxohwipsuhYqIcLqbIw0RneajoJpeIDnKZMDbPK7uAt5EC3rML+IAs4NtIAV/9CvieXcAPmwJ+RcL8ZIcZvIADUgUcAYQ53FrA8W2YkwkFnL2BOVUGu6YiV89NVjA4zKsbZnCYwWE+LEFe3TCDwwwOMzjMBybM4DCDwwxewBFCmMFhBocZHGZwmMFhBocZHGZwmMFhft7DDA4zOMzgMIPDnNeEGRxmcJh/V4YZHLZ+h7bSJScuO/kfV7HBXKsJciUyyM0NYAYHuYkvzH2vpuzsRh7oCdxGD+ZmkdNie2uBQxv+PYOfEvuOPJnVoY1eGPySS0W1XCQ6yCWik+uA8jDxaj6yizxMTJCHiGkeDz6HiOmuk8jm4jTZVJwuGwReEfqZZyH+FXht5HceY7367dPYiu9MDXoDZF/PA7GzUrEAAAAASUVORK5CYII="
+      },
+      {
+        "id": "D01",
+        "kind": "decoration",
+        "role": "同心环线",
+        "box": [
+          0,
+          0,
+          112,
+          138
+        ],
+        "direction": "horizontal",
+        "raster": "data:image/png;base64,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"
+      }
+    ],
+    "fields": {
+      "T01": "STUDY / LEARN / CREATE",
+      "T02": "2026",
+      "T03": "COLLECTION / TEMPLATE",
+      "T04": "课程 · 笔记 · 复习\n主题说明占位，正文稍后填入",
+      "T05": "学习资料合集"
+    }
+  },
+  {
+    "id": "ref-26",
+    "name": "三行英文与曲线指引小图",
+    "width": 114,
+    "height": 173,
+    "tutorialUrl": "http://8.211.154.134:18131/explore/f356b77194288909ee4352b4",
+    "referenceUrl": "http://8.211.154.134:18131/api/media/43a6b1f3-317b-4464-a192-92ef023eedeb",
+    "sourceSha256": "121ab8a362c45eee86281ca5dfbbe33577cfcd255579a16c3542530484b9f1dc",
+    "slots": [
+      {
+        "id": "D01",
+        "kind": "decoration",
+        "role": "第二行下划线",
+        "box": [
+          0,
+          41,
+          47,
+          1
+        ],
+        "direction": "horizontal",
+        "raster": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAABCAYAAABOgffqAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAAK0lEQVQImWPo6e34f+Xqhf8MVAYtzfX/bW0sSDa3vq7qf0iwP0F90VFh/wGu8BDDDC7utAAAAABJRU5ErkJggg=="
+      },
+      {
+        "id": "D02",
+        "kind": "decoration",
+        "role": "第三行下划线",
+        "box": [
+          0,
+          58,
+          67,
+          2
+        ],
+        "direction": "horizontal",
+        "raster": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAACCAYAAAADzmG6AAAACXBIWXMAAAPoAAAD6AG1e1JrAAAAlUlEQVQokYXOXQ6CMBAEYK5kArZQ+uMhTPQMCu22QR8VPfgYqhJNZH34Mvswm0wx3m9I5xP64HEMHp4C+kigFHOGSGxOP5yp89ZRyL46MbC6RKwD+Rf6mX4Y4Ie0mHlbeu4sLuMV2/0OpRRYVSVq3UK2CkI1aIz+S1mDxi2rrZ5J086EVtl0r+0y4TRLbhyrMpr1ue8BjkUNwLJos6wAAAAASUVORK5CYII="
+      },
+      {
+        "id": "T01",
+        "kind": "text",
+        "role": "第一行英文",
+        "box": [
+          0,
+          0,
+          81,
+          18
+        ],
+        "direction": "horizontal"
+      },
+      {
+        "id": "T02",
+        "kind": "text",
+        "role": "第二行英文",
+        "box": [
+          0,
+          23,
+          49,
+          18
+        ],
+        "direction": "horizontal"
+      },
+      {
+        "id": "T03",
+        "kind": "text",
+        "role": "第三行英文",
+        "box": [
+          0,
+          41,
+          68,
+          19
+        ],
+        "direction": "horizontal"
+      },
+      {
+        "id": "T04",
+        "kind": "text",
+        "role": "右侧竖排标题",
+        "box": [
+          98,
+          68,
+          12,
+          46
+        ],
+        "direction": "vertical"
+      },
+      {
+        "id": "T05",
+        "kind": "text",
+        "role": "左下说明",
+        "box": [
+          4,
+          140,
+          44,
+          29
+        ],
+        "direction": "horizontal"
+      },
+      {
+        "id": "I01",
+        "kind": "image",
+        "role": "右下方形图片",
+        "box": [
+          66,
+          118,
+          43,
+          50
+        ],
+        "direction": "horizontal",
+        "raster": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAyCAYAAADFhCKTAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAAZUlEQVRogdXOQREAAAyDMPybZhr62hEFwRAMwRAMwRAMwRAMwRAMwRAMwRAMwRAMwRAMwRAMwRAMwRAMwRAMwRAMwRAMwRAMwRAMwRAMwRAMwRAMwRAMwRAMwRAMwRAMwRC+A4sDrrx4WPTDHxoAAAAASUVORK5CYII="
+      },
+      {
+        "id": "D03",
+        "kind": "decoration",
+        "role": "中间分隔线",
+        "box": [
+          0,
+          60,
+          112,
+          3
+        ],
+        "direction": "horizontal",
+        "raster": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAAADCAYAAABLVoskAAAACXBIWXMAAAPoAAAD6AG1e1JrAAABLklEQVQ4je3QTUrDQBgG4BzDhXgEoWmSmTSJIigNWNwULNUjiEmTTCa/9d87KO7qwtPoQhQPoJ7jlQwkdNGMUHXnwMP3TSZk3nzK5fUVxocH0Awdna4Ky7FBTCr2VW9Q0kqjBLpJpap3al1iCKqhCx2iQ6XGj+iWKaX1qFSdqc18/kXWNVXkII4l/odu2Njq72BlbRXmpiOey3z3/WqGxOqB2pboTccWubbdPoajfShxwpGXBZIsFYppiTTPwHiMrMhRncuEPJZiadKIEt6oz0Wf8qWrH4XwWNhag5hhwtnCWpnPtAwvDBAkMfw4wnEUID0pMRyP4O4NkJ1OxV0ydY42ExY1qnnxPBP9ke/BHexCub27wevbC5T/pfzWmj3c4/H56U9n+v75gbOLc3wBeFTTiec0wyAAAAAASUVORK5CYII="
+      },
+      {
+        "id": "D04",
+        "kind": "decoration",
+        "role": "中央自由曲线",
+        "box": [
+          6,
+          48,
+          85,
+          87
+        ],
+        "direction": "horizontal",
+        "raster": "data:image/png;base64,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"
+      },
+      {
+        "id": "D05",
+        "kind": "decoration",
+        "role": "自动识别细线",
+        "box": [
+          91,
+          59,
+          19,
+          1
+        ],
+        "direction": "horizontal",
+        "raster": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAABCAYAAAA8TpVcAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAAKElEQVQImWOwtLf9j45tHBzxYis7ezC2dXT6b2pp9d/S1u6/hY3tfwDS8CCaWS4mwwAAAABJRU5ErkJggg=="
+      }
+    ],
+    "fields": {
+      "T01": "Study 01",
+      "T02": "Learn",
+      "T03": "Create",
+      "T04": "学习合集",
+      "T05": "主题说明占位\n正文稍后填入"
+    }
+  }
+]
diff --git a/apps/studio/src/content/tool-links.ts b/apps/studio/src/content/tool-links.ts
new file mode 100644
index 0000000..dd2ab81
--- /dev/null
+++ b/apps/studio/src/content/tool-links.ts
@@ -0,0 +1,2 @@
+// Stable Wiki post ID; the tutorial is published through /api/posts, never registered as a Wiki route.
+export const tutorialPost='/explore/9ebd8f78d54b4b9db741b4e8';
diff --git a/apps/studio/src/lib/api-documentation.ts b/apps/studio/src/lib/api-documentation.ts
index f1bda3f..7a66200 100644
--- a/apps/studio/src/lib/api-documentation.ts
+++ b/apps/studio/src/lib/api-documentation.ts
@@ -1,6 +1,19 @@
 import type {NextApiRequest,NextApiResponse} from 'next';
 const docs:Record<string,string>={
- '/studio/api/export/{slug}': '# 导出创作方案\n\n方法：GET\n路径参数：slug，创作方案的稳定标识。\n查询参数：format=markdown 返回 Markdown；format=svg&slide=0 返回模板封面 SVG（slide 为从 0 开始的整数，默认 0）；其他值或省略时返回方案 JSON，带附件文件名。普通方案 version:1；模板方案 version:2，包含 template 来源链接、画板比例、原图九个 slots 及 slides 文字和颜色。模板几何共用，图片位为占位色块。\n示例：GET /studio/api/export/{slug}\n错误：400 SVG 模板或 slide 参数无效；404 方案不存在；405 方法不支持。',
+ '/studio/api/export/{slug}': `# Studio 封面工具 API
+
+方法：GET, POST
+路径参数：slug 为 learning-skills-template（同一母版四张试版）或 layout-selection（三种不同构图）；first-idea 仅提供 GET 内容导出。
+GET 参数：省略 format 返回方案 JSON；format=markdown 返回说明；format=svg 返回初始封面。四张试版用 slide=0..3（默认 0），多模板工具用 layoutId=ref-01|ref-07|ref-26（默认 ref-01）。
+JSON：普通方案 version:1；四张试版 version:2；多模板 version:3，layouts 包含源教程、画板、构件坐标及分层蒙版。文字、图位、装饰一一对应，图片位为色块占位。
+POST：Content-Type: application/json。format=svg（默认）返回独立 SVG；format=json 返回渲染参数及模板信息。请求最大 32KB，无存储副作用。
+learning-skills-template 参数：slide（整数 0–3，默认 0）、heading（1–6 字）、body（最多 360 字、3 行）、color、accent（#RRGGBB）、masthead（2 项数组，每项 1–8 个英文字母/空格）；省略参数沿用初始值。
+layout-selection 参数：layoutId（必填，ref-01/ref-07/ref-26）、fields（可选，以对应模板 T 构件 ID 为键；每项 1–120 字、最多 4 行）、color、accent（#RRGGBB）。省略文字沿用初始值；拒绝未知参数或构件 ID。
+示例：POST /studio/api/export/learning-skills-template?format=svg
+{"slide":1,"heading":"笔记复习","color":"#7a8b7e"}
+POST /studio/api/export/layout-selection?format=svg
+{"layoutId":"ref-01","fields":{"T01":"STUDY","T02":"笔记复习\\n主题说明占位"},"color":"#83918a"}
+错误：400 参数/格式错误；404 方案不存在；405 方法不支持；413 请求过大。SVG 不含编辑辅助边界，文字经过 XML 转义；装饰位分层图片是原始低分辨率图层。`,
  '/studio/api/health': '# 创作站健康检查\n\n方法：GET, HEAD\n无业务参数。GET 返回 200 JSON：{"status":"ok","service":"prompt-studio"}；HEAD 无正文。\n示例：GET /studio/api/health\n错误：405 方法不支持。',
 };
 export function serveApiDocumentation(req:NextApiRequest,res:NextApiResponse,path:string){
diff --git a/apps/studio/src/lib/render-cover.ts b/apps/studio/src/lib/render-cover.ts
new file mode 100644
index 0000000..f424631
--- /dev/null
+++ b/apps/studio/src/lib/render-cover.ts
@@ -0,0 +1,22 @@
+import {createElement} from 'react';
+import {ideas} from '../content/ideas';
+import {Ref17Cover} from '../components/Ref17Cover';
+import {SourceCover,selections} from '../components/SourceCover';
+const record=(v:unknown):v is Record<string,unknown>=>!!v&&typeof v==='object'&&!Array.isArray(v);
+function color(value:unknown,fallback:string){if(value===undefined)return fallback;if(typeof value!=='string'||!/^#[0-9a-f]{6}$/i.test(value))throw Error('颜色必须为 #RRGGBB');return value;}
+function text(value:unknown,fallback:string,max:number,lines=1){if(value===undefined)return fallback;if(typeof value!=='string'||!value.trim()||Array.from(value).length>max||value.split('\n').length>lines)throw Error('文字长度或行数超限');return value;}
+function keys(input:Record<string,unknown>,allowed:string[]){if(Object.keys(input).some(k=>!allowed.includes(k)))throw Error('包含不支持的参数');}
+export function renderCover(slug:string,input:unknown){
+ if(!record(input))throw Error('需要 JSON 对象');
+ if(slug==='layout-selection'){
+  keys(input,['layoutId','fields','color','accent']);const layout=selections.find(l=>l.id===input.layoutId);if(!layout)throw Error('layoutId 必须为 ref-01、ref-07 或 ref-26');
+  if(input.fields!==undefined&&!record(input.fields))throw Error('fields 必须为对象');const supplied=(input.fields||{}) as Record<string,unknown>,defaults=Object.fromEntries(Object.entries(layout.fields).filter(([,v])=>v!==undefined)) as Record<string,string>;
+  keys(supplied,Object.keys(defaults));const fields=Object.fromEntries(Object.entries(defaults).map(([key,value])=>[key,text(supplied[key],value,120,4)]));
+  const values={fields,color:color(input.color,'#83918a'),accent:color(input.accent,'#c3cec5')};return {node:createElement(SourceCover,{layout,values}),data:{version:3,tool:slug,layoutId:layout.id,template:layout,...values}};
+ }
+ const idea=ideas.find(i=>i.slug===slug);if(!idea?.template)throw Error('这个方案不支持封面渲染');keys(input,['slide','heading','body','color','accent','masthead']);
+ const index=input.slide??0;if(typeof index!=='number'||!Number.isInteger(index)||!idea.slides[index])throw Error('slide 必须是 0–3 的整数');const initial=idea.slides[index];
+ const slide={...initial,heading:text(input.heading,initial.heading,6),body:text(input.body,initial.body,360,3),color:color(input.color,initial.color),accent:color(input.accent,initial.accent!)};
+ const masthead=input.masthead??idea.template.masthead;if(!Array.isArray(masthead)||masthead.length!==2||!masthead.every(v=>typeof v==='string'&&/^[A-Za-z ]{1,8}$/.test(v)&&v.trim()))throw Error('masthead 为两行、每行 1–8 个英文字母或空格');
+ return {node:createElement(Ref17Cover,{template:idea.template,slide,masthead}),data:{version:2,tool:slug,template:{...idea.template,masthead},slide}};
+}
diff --git a/apps/studio/src/pages/api/export/[slug].ts b/apps/studio/src/pages/api/export/[slug].ts
index 08e2932..1c141cb 100644
--- a/apps/studio/src/pages/api/export/[slug].ts
+++ b/apps/studio/src/pages/api/export/[slug].ts
@@ -1,19 +1,26 @@
-import {createElement} from 'react';
 import {renderToStaticMarkup} from 'react-dom/server';
 import {serveApiDocumentation} from '../../../lib/api-documentation';
 import type {NextApiRequest,NextApiResponse} from 'next';
 import {ideas,ideaMarkdown} from '../../../content/ideas';
-import {Ref17Cover} from '../../../components/Ref17Cover';
+import {selections} from '../../../components/SourceCover';
+import {renderCover} from '../../../lib/render-cover';
+import {tutorialPost} from '../../../content/tool-links';
 export default function handler(req:NextApiRequest,res:NextApiResponse){
  if(serveApiDocumentation(req,res,'/studio/api/export/{slug}'))return;
- if(req.method!=='GET')return res.status(405).end();
- const idea=ideas.find(i=>i.slug===req.query.slug);if(!idea)return res.status(404).end();
- if(req.query.format==='markdown'){res.setHeader('Content-Type','text/markdown; charset=utf-8');return res.send(ideaMarkdown(idea));}
- if(req.query.format==='svg'){
-  const raw=req.query.slide??'0',index=typeof raw==='string'&&/^\d+$/.test(raw)?Number(raw):-1;
-  if(!idea.template||!idea.slides[index])return res.status(400).json({error:'SVG requires a template and a valid zero-based slide index.'});
-  res.setHeader('Content-Type','image/svg+xml; charset=utf-8');res.setHeader('Content-Disposition',`inline; filename="${idea.slug}-${index}.svg"`);
-  return res.send(renderToStaticMarkup(createElement(Ref17Cover,{template:idea.template,slide:idea.slides[index]})));
+ if(!['GET','POST'].includes(req.method||'')){res.setHeader('Allow','GET, POST');return res.status(405).end();}
+ const slug=String(req.query.slug||''),idea=ideas.find(i=>i.slug===slug);if(!idea)return res.status(404).end();
+ if(req.method==='POST'||req.query.format==='svg'){
+  if(req.query.format!==undefined&&!['svg','json'].includes(String(req.query.format)))return res.status(400).json({error:'渲染格式必须为 svg 或 json'});
+  try{
+   const raw=req.query.slide??'0';if(req.method==='GET'&&(typeof raw!=='string'||!/^\d+$/.test(raw)))throw Error('无效 slide');
+   const input=req.method==='POST'?req.body:idea.tool?{layoutId:req.query.layoutId??selections[0].id}:{slide:Number(raw)};
+   const result=renderCover(slug,input);res.setHeader('Cache-Control','no-store');
+   res.setHeader('Content-Disposition',`attachment; filename="${slug}.${req.query.format==='json'?'json':'svg'}"`);
+   if(req.query.format==='json')return res.json(result.data);
+   res.setHeader('Content-Type','image/svg+xml; charset=utf-8');return res.send(renderToStaticMarkup(result.node));
+  }catch(error){return res.status(400).json({error:error instanceof Error?error.message:'无效参数'});}
  }
- res.setHeader('Content-Disposition',`attachment; filename="${idea.slug}.json"`);return res.json({version:idea.template?2:1,...idea});
+ if(req.query.format==='markdown'){res.setHeader('Content-Type','text/markdown; charset=utf-8');return res.send(ideaMarkdown(idea)+'\n\n使用教程：'+tutorialPost+(idea.tool?'\n\n```json\n'+JSON.stringify(selections,null,2)+'\n```':''));}
+ res.setHeader('Content-Disposition',`attachment; filename="${idea.slug}.json"`);return res.json({version:idea.tool?3:idea.template?2:1,...idea,...(idea.tool?{layouts:selections}:{}),tutorialPost});
 }
+export const config={api:{bodyParser:{sizeLimit:'32kb'}}};
diff --git a/apps/studio/src/pages/ideas/[slug].tsx b/apps/studio/src/pages/ideas/[slug].tsx
index 0b3ecda..1ed592d 100644
--- a/apps/studio/src/pages/ideas/[slug].tsx
+++ b/apps/studio/src/pages/ideas/[slug].tsx
@@ -1,8 +1,10 @@
 import type {GetStaticPaths,GetStaticProps} from 'next';
 import Head from 'next/head';
 import Link from 'next/link';
+import {LayoutSelection} from '../../components/LayoutSelection';
+import {tutorialPost} from '../../content/tool-links';
 import {TemplateTrial} from '../../components/TemplateTrial';
 import {ideas,type Idea} from '../../content/ideas';
-export default function IdeaPage({idea}:{idea:Idea}){if(idea.template)return <TemplateTrial idea={idea}/>;return <main className="editor"><Head><title>{idea.title} · 创作站</title><link rel="alternate" type="text/markdown" href={'/studio/api/export/'+idea.slug+'?format=markdown'}/></Head><header><Link href="/">← 我的创作</Link><a href={'/studio/api/export/'+idea.slug}>导出内容包 ↓</a><a href={'/studio/api/export/'+idea.slug+'?format=markdown'}>Markdown ↓</a><button onClick={()=>window.print()}>打印 / PDF</button></header><h1>{idea.title}</h1><p>{idea.summary}</p><div className="slides">{idea.slides.map((s,i)=><article className="slide" key={i} style={{background:s.color}}><small>PROMPT STUDIO / {String(i+1).padStart(2,'0')}</small><h2>{s.heading}</h2><p>{s.body}</p><footer>记录灵感 · 自由表达</footer></article>)}</div></main>}
+export default function IdeaPage({idea}:{idea:Idea}){if(idea.tool==='layout-selection')return <LayoutSelection/>;if(idea.template)return <TemplateTrial idea={idea}/>;return <main className="editor"><Head><title>{idea.title} · 创作站</title><link rel="alternate" type="text/markdown" href={'/studio/api/export/'+idea.slug+'?format=markdown'}/></Head><header><a href={tutorialPost}>← waterfall-wiki 使用教程</a><a href={'/studio/api/export/'+idea.slug}>导出内容包 ↓</a><a href={'/studio/api/export/'+idea.slug+'?format=markdown'}>Markdown ↓</a><button onClick={()=>window.print()}>打印 / PDF</button></header><h1>{idea.title}</h1><p>{idea.summary}</p><div className="slides">{idea.slides.map((s,i)=><article className="slide" key={i} style={{background:s.color}}><small>PROMPT STUDIO / {String(i+1).padStart(2,'0')}</small><h2>{s.heading}</h2><p>{s.body}</p><footer>记录灵感 · 自由表达</footer></article>)}</div></main>}
 export const getStaticPaths:GetStaticPaths=async()=>({paths:ideas.map(i=>({params:{slug:i.slug}})),fallback:false});
 export const getStaticProps:GetStaticProps=async({params})=>{const idea=ideas.find(i=>i.slug===params?.slug);return idea?{props:{idea}}:{notFound:true}};
diff --git a/apps/studio/src/pages/index.tsx b/apps/studio/src/pages/index.tsx
index 23331f8..bb1388b 100644
--- a/apps/studio/src/pages/index.tsx
+++ b/apps/studio/src/pages/index.tsx
@@ -1,4 +1,4 @@
-import Link from 'next/link';
-import {Ref17Cover} from '../components/Ref17Cover';
-import {ideas} from '../content/ideas';
-export default function Home(){return <main className="workspace"><aside><b className="logo">PROMPT / 创作</b><p>想法 · 页面 · 作品</p><a href="/">我的创作</a><a href="/studio/api">AI 内容索引 ↗</a></aside><section><small>YOUR CREATIVE WORKSPACE</small><h1>今天，想表达什么？</h1><p>一个页面，装下一个想法。让内容慢慢长成作品。</p><div className="grid">{ideas.map(i=><Link className="card" href={'/ideas/'+i.slug} key={i.slug}><div className={i.template?"cover cover-template":"cover"}>{i.template?<Ref17Cover template={i.template} slide={i.slides[0]}/>:i.title}</div><h2>{i.title}</h2><p>{i.summary}</p><span>打开创作 →</span></Link>)}</div><p className="hint">新增作品：在 src/content/ideas.ts 添加内容，页面与导出会同步生成。</p></section></main>}
+import type {GetServerSideProps} from 'next';
+export default function StudioEntry(){return null;}
+// Studio tools are entered from their Wiki posts; there is no separate catalogue homepage.
+export const getServerSideProps:GetServerSideProps=async()=>({redirect:{destination:'/',permanent:false,basePath:false}});
diff --git a/apps/studio/src/styles/globals.css b/apps/studio/src/styles/globals.css
index afe8993..5b02149 100644
--- a/apps/studio/src/styles/globals.css
+++ b/apps/studio/src/styles/globals.css
@@ -25,3 +25,4 @@
 @media(max-width:440px){.trial-grid{grid-template-columns:1fr}.trial-nav{gap:10px}.template-trial{padding:18px}}
 @page ref17Proof{size:113mm 174mm;margin:0}
 @media print{.template-trial{padding:0;max-width:none}.trial-nav,.trial-intro,.trial-controls,.trial-reference,.proof-card figcaption{display:none}.trial-workspace,.trial-grid{display:block}.proof-card{page:ref17Proof;break-after:page;width:113mm;height:174mm}.proof-card:last-child{break-after:auto}.proof-select,.proof-active .proof-select{outline:none;box-shadow:none;width:113mm;height:174mm}.proof-select svg{width:113mm!important;height:174mm!important;print-color-adjust:exact}.proof-select svg g[aria-hidden=true]{display:none}}
+.selection-preview{max-width:540px;margin:auto;box-shadow:0 3px 15px #28362f14}.selection-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.selection-thumbs button{padding:0;border-radius:0;border:1px solid #d8dcd5;background:#fff}.selection-thumbs button[aria-pressed=true]{outline:2px solid #617d65;outline-offset:4px}.selection-thumbs span{display:block;font-size:12px;padding:10px}