+ 
+
+ )
+ }
+ return 等宽展示） */
+function TextViewer(props: { path: string; fileUrl: string; isMd: boolean }) {
+ const [text, setText] = useState(null)
+ const [error, setError] = useState('')
+ useEffect(() => {
+ let dead = false
+ setText(null)
+ setError('')
+ fetch(props.fileUrl)
+ .then((r) => {
+ if (!r.ok) throw new Error('HTTP ' + r.status)
+ return r.text()
+ })
+ .then((t) => { if (!dead) setText(t) })
+ .catch((e) => { if (!dead) setError(String(e)) })
+ return () => { dead = true }
+ }, [props.fileUrl])
+ if (error) {
+ return {T('file.fail')}：{error}
+ }
+ if (text == null) {
+ return {T('file.loading')}
+ }
+ if (props.isMd) {
+ return (
+
+ {
+ const a = e.target && e.target.closest ? (e.target.closest('a') as HTMLAnchorElement | null) : null
+ if (!a) return
+ e.preventDefault()
+ const href = a.getAttribute('href') || ''
+ if (/^(https?:|mailto:)/i.test(href)) window.open(href, '_blank', 'noopener')
+ }}
+ />
+
+ )
+ }
+ return {text}
+}
+
/** 单个标签页的内容渲染 */
function PaneTabBody(props: { tab: PaneTab; row: PaneRow; index: number }) {
const content = props.tab.content
if (content.kind === 'iframe') {
return
}
+ if (content.kind === 'file') {
+ return = {
html: 'text/html; charset=utf-8', htm: 'text/html; charset=utf-8',
css: 'text/css; charset=utf-8', js: 'text/javascript; charset=utf-8', mjs: 'text/javascript; charset=utf-8',
- json: 'application/json; charset=utf-8', md: 'text/plain; charset=utf-8', txt: 'text/plain; charset=utf-8',
- svg: 'image/svg+xml', png: 'image/png', jpg: 'image/jpeg', jpeg: 'image/jpeg', gif: 'image/gif', webp: 'image/webp',
+ json: 'application/json; charset=utf-8', md: 'text/markdown; charset=utf-8', markdown: 'text/markdown; charset=utf-8', txt: 'text/plain; charset=utf-8', log: 'text/plain; charset=utf-8',
+ pdf: 'application/pdf', svg: 'image/svg+xml', png: 'image/png', jpg: 'image/jpeg', jpeg: 'image/jpeg', gif: 'image/gif', webp: 'image/webp', bmp: 'image/bmp', ico: 'image/x-icon',
}
res.writeHead(200, { 'content-type': types[ext] ?? 'application/octet-stream', 'cache-control': 'no-store' })
res.end(data)
diff --git a/02_process/PRD.md b/02_process/PRD.md
index fcf544a..a724074 100644
--- a/02_process/PRD.md
+++ b/02_process/PRD.md
@@ -335,8 +335,9 @@ type SplitPane = {
视口内钳制；透明遮罩点击关闭），不再使用侧边栏内展开式下拉；面板内容仅「选择布局 + 填名称」
（快捷方式表单暂移除，存量快捷方式条目仍保留展示/删除）；
- **拓扑预设六个**（2 行 × 3 列缩略图网格，聊天窗蓝色 💬 标注）：
- 左右两栏 / 三栏横排 / 左一右二 / 上一下二 / 井字四栏 / 左品右聊（2026-08-16 定案）；
- 左一右二 = 左列整高内容窗 + 右列「上内容 + 下聊天」（左列布局聊天固定右下，无 ⇄ 翻转）；
+ 左右两栏 / 三栏横排 / 左二右一 / 上一下二 / 井字四栏 / 左品右聊（2026-08-17 更新：
+ 第三个预设由「左一右二」改为「左二右一」）；
+ 左二右一 = 左侧上下两个内容窗 + 右侧聊天通高整列（chatFullHeight 几何，聊天可 ⇄ 翻转贴左）；
左品右聊 = 左侧品字形（上一个、下两个内容窗）+ 右侧聊天通高整列（chatFullHeight 几何，
聊天可 ⇄ 翻转贴左）；
- 保存的布局以「布局条目」形式出现在项目区（布局 = 一种工作台项目），点击打开 tiling 工作区，
diff --git a/02_process/worklogs/2026-08-16_worktable-v2.md b/02_process/worklogs/2026-08-16_worktable-v2.md
index e6de638..6788003 100644
--- a/02_process/worklogs/2026-08-16_worktable-v2.md
+++ b/02_process/worklogs/2026-08-16_worktable-v2.md
@@ -597,3 +597,21 @@
- 打点：git tag checkpoint-2026-08-17-pre-fileviewer（已推远端，b22cd6b）。
- 状态：工作台 UI/交互（卡片统一、图标、弹窗、删除确认、互斥、预设均衡、picker 自适应、
分隔线居中）全部完成并验证；下一个大块 = 文件预览（MD/TXT/PDF 等自定义开发）。
+## 补记（文件预览 MD/TXT/PDF/图片 + 预设三改左二右一）
+
+- 用户确认默认方案开工 + 第 3 个预设（左一右二）改为「左边两个 + 右边一个对话」。
+- 文件预览实现：
+ ① SplitContent 新增 kind:'file'（path）；tabTitleOf 取 basename；openTab 去重
+ （同内容已有标签 → 直接激活，sameContent 判定）；
+ ② FileViewer：pdf → iframe 原生渲染（服务端 MIME application/pdf）；图片 → 居中 img；
+ md/markdown → markdown-it（打进 client.js，linkify 开、内嵌 HTML 关闭，链接点击新标签外开）；
+ 其余 → 等宽 纯文本；fetch 失败/加载中文案（file.fail/file.loading）；
+ ③ 资源管理器点击 .md/.markdown/.mdown/.txt/.log/.pdf/图片 开预览标签（.html 行为不变，
+ 其他类型提示不支持）；服务端 file 路由 MIME 补 pdf/markdown/log/bmp/ico；
+ ④ 全套暗色 MD 排版样式（标题/代码块/引用/表格/列表/分割线）。
+- 预设 l2 改造：PRESET_DEFS l2 → {top:1, content:1, chatFull:true}（左列上下两内容窗 + 右列通高聊天），
+ 缩略图改为左 2 右 1；PRD §13 预设说明同步更新。
+- 验证（functional-diag STEP11）：openTab kind:file PRD.md → 标签名 PRD.md、.dsh-wt_md 渲染出
+ PRD 开头文本；同路径再开 tabsAfterDup=1（去重）；package.json → .dsh-wt_txt 展示；
+ 全 STEP 回归 ERROR_COUNT: 0。bundle-eval 补 atob/btoa 桩后 PASS（markdown-it 引入）。
+- 备注：客户端改动 F5 生效；服务端 pdf MIME 需手动重启 dsh web 一次后 PDF 预览才生效。
diff --git a/04_test/bundle-eval.cjs b/04_test/bundle-eval.cjs
index 8e20a76..93bb2b3 100644
--- a/04_test/bundle-eval.cjs
+++ b/04_test/bundle-eval.cjs
@@ -27,6 +27,7 @@ const sandbox = { self: null,
addEventListener(){}, removeEventListener(){},
},
localStorage: { getItem(){ return null }, setItem(){}, removeItem(){} },
+ atob: (s) => Buffer.from(s, 'base64').toString('binary'), btoa: (s) => Buffer.from(s, 'binary').toString('base64'),
CustomEvent: class { constructor(t, o){ this.type = t; this.detail = o && o.detail } },
ResizeObserver: class { observe(){} disconnect(){} },
MutationObserver: class { observe(){} disconnect(){} },
diff --git a/04_test/functional-diag.cjs b/04_test/functional-diag.cjs
index 189d363..66aae0d 100644
--- a/04_test/functional-diag.cjs
+++ b/04_test/functional-diag.cjs
@@ -250,6 +250,28 @@ const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
})()`);
console.log('STEP10:', JSON.stringify(step10));
+ // 文件预览：MD 渲染 / TXT 文本 / 标签去重
+ const step11 = await evaluate(`(async function(){
+ var out={};
+ var st=window.__dshWorktable.splitStore;
+ st.open({id:'t-file',title:'file',top:null,main:[{id:'f1',title:'f',min:200,content:null}],chatWidth:{default:320,min:240,max:600}});
+ await new Promise(function(r){setTimeout(r,400)});
+ st.openTab('main',0,{kind:'file',path:'E:\\\\AI_Workspace\\\\DeepseekHarness\\\\Projects\\\\dsh-worktable\\\\02_process\\\\PRD.md'});
+ await new Promise(function(r){setTimeout(r,1200)});
+ out.mdTitle=st.spec.main[0].tabs[0].title;
+ out.mdView=!!document.querySelector('.dsh-wt_md');
+ out.mdText=document.querySelector('.dsh-wt_md')?String(document.querySelector('.dsh-wt_md').textContent).slice(0,50):null;
+ st.openTab('main',0,{kind:'file',path:'E:\\\\AI_Workspace\\\\DeepseekHarness\\\\Projects\\\\dsh-worktable\\\\02_process\\\\PRD.md'});
+ out.tabsAfterDup=st.spec.main[0].tabs.length;
+ st.openTab('main',0,{kind:'file',path:'E:\\\\AI_Workspace\\\\DeepseekHarness\\\\Projects\\\\dsh-worktable\\\\01_content\\\\package.json'});
+ await new Promise(function(r){setTimeout(r,900)});
+ out.txtView=!!document.querySelector('.dsh-wt_txt');
+ out.tabsNow=st.spec.main[0].tabs.length;
+ st.close();
+ return JSON.stringify(out);
+ })()`);
+ console.log('STEP11:', JSON.stringify(step11));
+
const errors = events.filter((e) =>
e.method === 'Runtime.exceptionThrown' ||
(e.method === 'Log.entryAdded' && e.params.entry.level === 'error') ||