weifuwu 0.94.0 → 0.95.0

package/dist/level5/client/components/LogViewer/LogViewer.d.ts

@@ -0,0 +1,30 @@
+/** LogViewer：日志流：ANSI 着色 + 虚拟滚动 + 自动跟随 + 复制（showcase /components/logviewer） */
+/**
+ * weifuwu/client/components — LogViewer
+ *
+ * 日志流查看器（Agent 执行日志 / CI 输出）：ANSI 着色 + 虚拟滚动 + 自动跟随。
+ * 复用 VirtualList 滚动基座（useScrollPosition + rAF 节流）。
+ * 裁剪（CS-05，见 docs/client.md）：正则高亮、多日志源合并、搜索定位。
+ */
+import type { Component } from '../../../../level6/client/vdom/index.ts';
+export interface LogViewerProps {
+    lines: string[];
+    /** 视口高度（px），默认 400 */
+    height?: number;
+    /** 行高（px），默认 24 */
+    lineHeight?: number;
+    /** 可见区外额外渲染行数 */
+    overscan?: number;
+    /** 自动跟随：新行到达时若已在底部则滚到底（默认 true） */
+    follow?: boolean;
+    /** 只显示尾部 N 行（内存保护，默认不限） */
+    maxLines?: number;
+    /** 显示复制按钮（默认 true） */
+    showCopy?: boolean;
+    /** 显示行号（默认 true） */
+    showLineNumbers?: boolean;
+    className?: string;
+}
+/** ANSI 转义解析（16 色 + 粗体 + 背景 8 色）：累积样式到 reset 为止，零依赖 */
+export declare function parseAnsi(text: string): any[];
+export declare const LogViewer: Component<LogViewerProps>;

package/dist/level5/client/components/LogViewer/LogViewer.ts

@@ -0,0 +1,161 @@
+/** LogViewer：日志流：ANSI 着色 + 虚拟滚动 + 自动跟随 + 复制（showcase /components/logviewer） */
+/**
+ * weifuwu/client/components — LogViewer
+ *
+ * 日志流查看器（Agent 执行日志 / CI 输出）：ANSI 着色 + 虚拟滚动 + 自动跟随。
+ * 复用 VirtualList 滚动基座（useScrollPosition + rAF 节流）。
+ * 裁剪（CS-05，见 docs/client.md）：正则高亮、多日志源合并、搜索定位。
+ */
+
+import type { Component } from '../../../../level6/client/vdom/index.ts'
+import type { UIContext } from '../../../../level6/client/vdom/index.ts'
+import { h } from '../../../../level6/client/vdom/index.ts'
+import { Icon } from '../Icon/Icon.ts'
+
+export interface LogViewerProps {
+  lines: string[]
+  /** 视口高度（px），默认 400 */
+  height?: number
+  /** 行高（px），默认 24 */
+  lineHeight?: number
+  /** 可见区外额外渲染行数 */
+  overscan?: number
+  /** 自动跟随：新行到达时若已在底部则滚到底（默认 true） */
+  follow?: boolean
+  /** 只显示尾部 N 行（内存保护，默认不限） */
+  maxLines?: number
+  /** 显示复制按钮（默认 true） */
+  showCopy?: boolean
+  /** 显示行号（默认 true） */
+  showLineNumbers?: boolean
+  className?: string
+}
+
+const ansiRe = /\x1b\[([\d;]*)m/g
+
+/** ANSI 转义解析（16 色 + 粗体 + 背景 8 色）：累积样式到 reset 为止，零依赖 */
+export function parseAnsi(text: string): any[] {
+  const nodes: any[] = []
+  let last = 0
+  let active = new Set<string>()
+  let m: RegExpExecArray | null
+  while ((m = ansiRe.exec(text))) {
+    const plain = text.slice(last, m.index)
+    if (plain) {
+      if (active.size) nodes.push(h('span', { class: [...active].join(' ') }, plain))
+      else nodes.push(plain)
+    }
+    const codes = m[1].split(';').filter(Boolean)
+    for (const c of codes) {
+      if (c === '0') active.clear()
+      else if (c === '1') active.add('wf-log-ansi--bold')
+      else if (+c >= 30 && +c <= 37) active.add(`wf-log-ansi--${c}`)
+      else if (+c >= 40 && +c <= 47) active.add(`wf-log-ansi--bg${c}`)
+      // 其他 code（22/39 等）忽略——诚实裁剪
+    }
+    last = ansiRe.lastIndex
+  }
+  const tail = text.slice(last)
+  if (tail) {
+    if (active.size) nodes.push(h('span', { class: [...active].join(' ') }, tail))
+    else nodes.push(tail)
+  }
+  return nodes
+}
+
+export const LogViewer: Component<LogViewerProps> = (_init, ctx)=> {
+  // ── mount（只一次）──
+  let bodyEl: HTMLElement | null = null
+  let lastLineCount = 0
+  let atBottom = true
+  const scroll = ctx.ui.useScrollPosition({ getScroller: ()=> bodyEl ?? null })
+
+  const stableRef = (node: HTMLElement | null)=> {
+    if (node) {
+      bodyEl = node
+      scroll.refresh()
+    } else {
+      bodyEl = null
+    }
+  }
+
+  const copyLines = async (lines: string[])=> {
+    // 复制统一经 ctx.browser（clipboard + execCommand 降级）
+    await ctx.browser?.copyText(lines.join('\n'))
+  }
+
+  return (props: LogViewerProps)=> {
+    const {
+      lines, height = 400, lineHeight = 24, overscan = 5,
+      follow = true, maxLines, showCopy = true, showLineNumbers = true, className,
+    } = props
+
+    // maxLines 截断：只显示尾部 N 行（行号保持原文位置）
+    const offset = maxLines != null && lines.length > maxLines ? lines.length - maxLines : 0
+    const viewLines = maxLines != null && lines.length > maxLines ? lines.slice(-maxLines) : lines
+    const total = viewLines.length
+
+    // 自动跟随：行数增加 + 之前在底部 → 滚到底（DOM 挂载后微任务设置 scrollTop）
+    if (follow && lines.length !== lastLineCount) {
+      lastLineCount = lines.length
+      if (atBottom && bodyEl) {
+        queueMicrotask(()=> {
+          if (bodyEl) bodyEl.scrollTop = bodyEl.scrollHeight
+        })
+      }
+    } else {
+      lastLineCount = lines.length
+    }
+
+    // 滚动位置 → 是否在底部（用户手动上翻停止跟随）
+    const totalHeight = total * lineHeight
+    if (bodyEl) {
+      atBottom = scroll.y + height >= totalHeight - 2
+    }
+
+    const start = Math.max(0, Math.floor(scroll.y / lineHeight) - overscan)
+    const end = Math.min(total, Math.ceil((scroll.y + height) / lineHeight) + overscan)
+
+    const spacer = h('div', {
+      class: 'wf-log-spacer',
+      style: { height: `${totalHeight}px` },
+    })
+
+    const rows: any[] = []
+    for (let i = start; i < end; i++) {
+      const lineNo = i + offset + 1
+      rows.push(h('div', {
+        class: 'wf-log-row',
+        style: { position: 'absolute', top: `${i * lineHeight}px`, left: 0, right: 0, height: `${lineHeight}px` },
+        key: `${lineNo}:${viewLines[i]}`,
+      }, [
+        showLineNumbers ? h('span', { class: 'wf-log-line-no' }, String(lineNo)) : null,
+        h('span', { class: 'wf-log-line-content' }, parseAnsi(viewLines[i])),
+      ].filter(Boolean)))
+    }
+
+    const copyBtn = showCopy
+      ? h('button', {
+          class: 'wf-log-copy',
+          'aria-label': '复制全部日志',
+          onClick: ()=> void copyLines(lines),
+        }, h(Icon, { name: 'copy', size: 14 }))
+      : null
+
+    const body = total === 0
+      ? h('div', { class: 'wf-log-empty' }, '暂无日志')
+      : h('div', {
+          class: 'wf-log-body',
+          style: { position: 'relative', width: '100%', height: `${height}px`, overflowY: 'auto' },
+          ref: stableRef,
+        }, [spacer, ...rows])
+
+    return h('div', {
+      class: ['wf-log-viewer', className].filter(Boolean).join(' '),
+      style: { width: '100%' },
+    }, [
+      copyBtn,
+      body,
+    ].filter(Boolean))
+  }
+}

package/dist/level5/client/components/Markdown/Markdown.css

@@ -0,0 +1,105 @@
+/* weifuwu/client/components — Markdown 排版 */
+
+.wf-md {
+  font-family: var(--wf-font-sans);
+  font-size: var(--wf-font-size-sm);
+  line-height: var(--wf-line-height);
+  color: var(--wf-color-text);
+  word-break: break-word;
+}
+
+.wf-md > :first-child { margin-top: 0; }
+.wf-md > :last-child { margin-bottom: 0; }
+
+.wf-md-h { margin: var(--wf-space-md) 0 var(--wf-space-sm); font-weight: var(--wf-font-weight-bold); line-height: var(--wf-line-height-tight); }
+.wf-md-h1 { font-size: var(--wf-font-size-xl); }
+.wf-md-h2 { font-size: var(--wf-font-size-lg); }
+.wf-md-h3 { font-size: var(--wf-font-size-base); }
+.wf-md-h4 { font-size: var(--wf-font-size-sm); color: var(--wf-color-text-secondary); }
+
+.wf-md-p { margin: 0 0 var(--wf-space-sm); }
+
+.wf-md-ul, .wf-md-ol { margin: 0 0 var(--wf-space-sm); padding-left: var(--wf-space-lg); }
+.wf-md-li { margin: 2px 0; }
+
+.wf-md-code {
+  font-family: var(--wf-font-mono);
+  font-size: 0.875em; /* 行内代码相对字号（继承父级，随上下文缩放） */
+  background: var(--wf-color-bg-secondary);
+  border-radius: var(--wf-radius-xs);
+  padding: 1px var(--wf-space-xs);
+}
+
+.wf-md-strong { font-weight: var(--wf-font-weight-bold); }
+.wf-md-em { font-style: italic; }
+
+.wf-md-link {
+  color: var(--wf-color-primary-text);
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+.wf-md-link:hover { opacity: 0.85; }
+
+.wf-md-quote {
+  margin: 0 0 var(--wf-space-sm);
+  padding: var(--wf-space-xs) var(--wf-space-md);
+  border-left: 3px solid var(--wf-color-border);
+  color: var(--wf-color-text-secondary);
+}
+
+.wf-md-hr {
+  border: none;
+  border-top: var(--wf-border-width) solid var(--wf-color-border);
+  margin: var(--wf-space-md) 0;
+}
+
+/* GFM 删除线 */
+.wf-md-del {
+  text-decoration: line-through;
+  color: var(--wf-color-text-secondary);
+}
+
+/* GFM 任务列表 */
+.wf-md-task-list {
+  list-style: none;
+  padding-left: var(--wf-space-xs);
+}
+.wf-md-task {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--wf-gap-xs);
+}
+.wf-md-task-check {
+  margin-top: var(--wf-space-xs);
+  width: 14px;
+  height: 14px;
+  flex-shrink: 0;
+  accent-color: var(--wf-color-primary);
+  cursor: default;
+  /* 覆盖 _base.css input 全局 padding（12px 横向撑大 checkbox） */
+  padding: 0;
+  box-sizing: border-box;
+}
+
+/* GFM 表格 */
+.wf-md-table-wrap {
+  overflow-x: auto;
+  margin: var(--wf-space-sm) 0;
+}
+.wf-md-table {
+  border-collapse: collapse;
+  width: 100%;
+  font-size: var(--wf-font-size-sm);
+}
+.wf-md-th,
+.wf-md-td {
+  border: var(--wf-border-width) solid var(--wf-color-border);
+  padding: var(--wf-space-xs) var(--wf-space-sm);
+}
+.wf-md-th {
+  background: var(--wf-color-bg-secondary);
+  font-weight: var(--wf-font-weight-semibold);
+}
+.wf-md-tr:nth-child(even) .wf-md-td {
+  background: var(--wf-color-bg-secondary);
+}

package/dist/level5/client/components/Markdown/Markdown.d.ts

@@ -0,0 +1,15 @@
+/** Markdown：AI 回复渲染：安全子集 parser + 代码块 + 链接白名单（showcase /components/markdown） */
+/**
+ * weifuwu/client/components — Markdown
+ *
+ * AI 回复/富文本渲染。安全子集解析 → VNode 渲染（天然转义，无 innerHTML 注入面）。
+ * 与 CodeBlock 组合渲染代码围栏。
+ */
+import type { Component } from '../../../../level6/client/vdom/index.ts';
+import { type MdInline } from './parser.ts';
+export interface MarkdownProps {
+    content: string;
+    className?: string;
+}
+export declare const Markdown: Component<MarkdownProps>;
+export declare function renderInline(nodes: MdInline[]): any[];

package/dist/level5/client/components/Markdown/Markdown.ts

@@ -0,0 +1,89 @@
+/** Markdown：AI 回复渲染：安全子集 parser + 代码块 + 链接白名单（showcase /components/markdown） */
+/**
+ * weifuwu/client/components — Markdown
+ *
+ * AI 回复/富文本渲染。安全子集解析 → VNode 渲染（天然转义，无 innerHTML 注入面）。
+ * 与 CodeBlock 组合渲染代码围栏。
+ */
+
+import type { Component } from '../../../../level6/client/vdom/index.ts'
+import type { UIContext } from '../../../../level6/client/vdom/index.ts'
+import { h, Fragment } from '../../../../level6/client/vdom/index.ts'
+import { parseMarkdown, parseInline, type MdBlock, type MdInline } from './parser.ts'
+import { CodeBlock } from '../CodeBlock/CodeBlock.ts'
+
+export interface MarkdownProps {
+  content: string
+  className?: string
+}
+
+export const Markdown: Component<MarkdownProps> = (_init, _ctx)=>
+  (props)=> {
+    const { content = '', className } = props
+    const blocks = parseMarkdown(content)
+    if (blocks.length === 0) return null
+
+    return h('div', { class: `wf-md${className ? ` ${className}` : ''}` }, blocks.map((b, i)=> renderBlock(b, i)))
+  }
+
+function renderBlock(b: MdBlock, key: number): any {
+  switch (b.type) {
+    case 'heading':
+      return h(`h${b.level!}` as 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6', { class: `wf-md-h wf-md-h${b.level}`, key }, renderInline(b.inline!))
+    case 'paragraph':
+      return h('p', { class: 'wf-md-p', key }, renderInline(b.inline!))
+    case 'list': {
+      const hasTask = b.checks?.some(c => c !== null)
+      const Tag = b.ordered ? 'ol' : 'ul'
+      return h(Tag, { class: `wf-md-${b.ordered ? 'ol' : 'ul'}${hasTask ? ' wf-md-task-list' : ''}`, key }, b.items!.map((it, i)=> {
+        const checked = b.checks?.[i]
+        return h('li', { class: `wf-md-li${checked !== null && checked !== undefined ? ' wf-md-task' : ''}`, key: i },
+          checked !== null && checked !== undefined
+            ? [h('input', { type: 'checkbox', class: 'wf-md-task-check', checked: !!checked, disabled: true, key: 'c' }), ...renderInline(it)]
+            : renderInline(it))
+      }))
+    }
+    case 'code':
+      return h(CodeBlock, { key, code: b.code ?? '', lang: b.lang })
+    case 'quote':
+      return h('blockquote', { class: 'wf-md-quote', key }, renderInline(b.inline!))
+    case 'hr':
+      return h('hr', { class: 'wf-md-hr', key })
+    case 'table': {
+      const alignStyle = (i: number)=> b.aligns?.[i] ? { textAlign: b.aligns[i] } : undefined
+      return h('div', { class: 'wf-md-table-wrap', key }, h('table', { class: 'wf-md-table' }, [
+        h('thead', { key: 'h' }, h('tr', { key: 'r' }, b.headers!.map((hd, i)=>
+          h('th', { class: 'wf-md-th', style: alignStyle(i), key: i }, renderInline(parseInline(hd)))))),
+        h('tbody', { key: 'b' }, b.rows!.map((row, ri)=>
+          h('tr', { class: 'wf-md-tr', key: ri }, row.map((cell, ci)=>
+            h('td', { class: 'wf-md-td', style: alignStyle(ci), key: ci }, renderInline(parseInline(cell))))))),
+      ]))
+    }
+    default:
+      return null
+  }
+}
+
+export function renderInline(nodes: MdInline[]): any[] {
+  return nodes.map((n, i)=> {
+    switch (n.type) {
+      case 'code':
+        return h('code', { class: 'wf-md-code', key: i }, n.text ?? '')
+      case 'bold':
+        return h('strong', { class: 'wf-md-strong', key: i }, renderInline(n.children ?? []))
+      case 'italic':
+        return h('em', { class: 'wf-md-em', key: i }, renderInline(n.children ?? []))
+      case 'del':
+        return h('del', { class: 'wf-md-del', key: i }, renderInline(n.children ?? []))
+      case 'link':
+        // 安全：parseInline 已做 URL 白名单；再强制 noopener/nofollow
+        return h('a', {
+          class: 'wf-md-link', key: i,
+          href: n.href,
+          target: '_blank', rel: 'noopener noreferrer',
+        }, renderInline(n.children ?? []))
+      default:
+        return h(Fragment, { key: i }, n.text ?? '')
+    }
+  })
+}

package/dist/level5/client/components/Markdown/parser.ts

@@ -0,0 +1,276 @@
+/** Markdown：AI 回复渲染：安全子集 parser + 代码块 + 链接白名单（showcase /components/markdown） */
+/**
+ * weifuwu/client/components — Markdown 安全子集 parser
+ *
+ * 零依赖自研解析器，输出结构化 token（非 HTML 字符串）——
+ * 组件层以 VNode 渲染，天然转义任何用户/AI 内容（无 innerHTML 注入面）。
+ *
+ * 支持块级：标题(#~####) / 段落 / 列表(有序·无序·GFM 任务) / 围栏代码块 / 引用 / 分割线 / GFM 表格
+ * 支持行内：**粗体** / *斜体* / ~~删除线~~ / `行内代码` / [文本](链接)
+ *
+ * 诚实裁剪（CS-05，见 docs/client.md）：脚注/raw HTML/自动链接/语法高亮（raw HTML 安全红线——VNode 天然转义；语法高亮破零依赖）
+ */
+
+export interface MdInline {
+  type: 'text' | 'code' | 'bold' | 'italic' | 'del' | 'link'
+  text?: string
+  href?: string
+  children?: MdInline[]
+}
+
+export interface MdBlock {
+  type: 'heading' | 'paragraph' | 'list' | 'code' | 'quote' | 'hr' | 'table'
+  level?: number
+  inline?: MdInline[]
+  ordered?: boolean
+  items?: MdInline[][]
+  /** GFM 任务列表：与 items 平行，null=非任务项 */
+  checks?: (boolean | null)[]
+  lang?: string
+  code?: string
+  /** GFM 表格 */
+  headers?: string[]
+  rows?: string[][]
+  aligns?: ('left' | 'center' | 'right')[]
+}
+
+const URL_RE = /^https?:\/\//i
+
+/** 链接安全：仅 http/https；javascript:/data:/vbscript: 一律拒绝 */
+export function safeUrl(href: string): string | null {
+  const trimmed = href.trim()
+  if (!URL_RE.test(trimmed)) return null
+  return trimmed
+}
+
+/** 行内解析：code / bold / italic / link，其余为 text（有序优先防嵌套误判） */
+export function parseInline(src: string): MdInline[] {
+  const out: MdInline[] = []
+  let i = 0
+  let buf = ''
+
+  const flush = ()=> {
+    if (buf) { out.push({ type: 'text', text: buf }); buf = '' }
+  }
+
+  while (i < src.length) {
+    const ch = src[i]
+
+    // 行内代码 `...`
+    if (ch === '`') {
+      const end = src.indexOf('`', i + 1)
+      if (end > i) {
+        flush()
+        out.push({ type: 'code', text: src.slice(i + 1, end) })
+        i = end + 1
+        continue
+      }
+      buf += ch; i++; continue
+    }
+
+    // 粗体 **...**
+    if (ch === '*' && src[i + 1] === '*') {
+      const end = src.indexOf('**', i + 2)
+      if (end > i) {
+        flush()
+        out.push({ type: 'bold', children: parseInline(src.slice(i + 2, end)) })
+        i = end + 2
+        continue
+      }
+    }
+    // 删除线 ~~...~~（GFM）
+    if (ch === '~' && src[i + 1] === '~') {
+      const end = src.indexOf('~~', i + 2)
+      if (end > i) {
+        flush()
+        out.push({ type: 'del', children: parseInline(src.slice(i + 2, end)) })
+        i = end + 2
+        continue
+      }
+    }
+    // 斜体 *...*
+    if (ch === '*') {
+      const end = src.indexOf('*', i + 1)
+      if (end > i) {
+        flush()
+        out.push({ type: 'italic', children: parseInline(src.slice(i + 1, end)) })
+        i = end + 1
+        continue
+      }
+    }
+
+    // 链接 [text](url)
+    if (ch === '[') {
+      const close = src.indexOf(']', i + 1)
+      if (close > i && src[close + 1] === '(') {
+        const paren = src.indexOf(')', close + 2)
+        if (paren > close) {
+          const label = src.slice(i + 1, close)
+          const href = src.slice(close + 2, paren)
+          const url = safeUrl(href)
+          if (url) {
+            flush()
+            out.push({ type: 'link', href: url, children: parseInline(label) })
+            i = paren + 1
+            continue
+          }
+          // 非法 URL：降级为纯文本（不输出 <a>）
+          buf += src.slice(i, paren + 1)
+          i = paren + 1
+          continue
+        }
+      }
+    }
+
+    buf += ch
+    i++
+  }
+  flush()
+  return out
+}
+
+/** 块级解析：逐行状态机 */
+export function parseMarkdown(content: string): MdBlock[] {
+  const lines = content.replace(/\r\n/g, '\n').split('\n')
+  const blocks: MdBlock[] = []
+  let i = 0
+
+  const push = (b: MdBlock)=> {
+    // 连续空行合并
+    if (b.type === 'paragraph' && b.inline!.length === 0) return
+    blocks.push(b)
+  }
+
+  while (i < lines.length) {
+    const line = lines[i]
+
+    // 空行 → 段落边界
+    if (/^\s*$/.test(line)) { i++; continue }
+
+    // 围栏代码块 ```lang
+    if (/^```/.test(line.trim())) {
+      const lang = line.trim().slice(3).trim()
+      const buf: string[] = []
+      i++
+      while (i < lines.length && !/^\s*```/.test(lines[i])) {
+        buf.push(lines[i]); i++
+      }
+      i++ // 跳过闭合围栏
+      push({ type: 'code', lang: lang || undefined, code: buf.join('\n') + (buf.length ? '\n' : '') })
+      continue
+    }
+
+    // 标题 #~####
+    const h = line.match(/^(#{1,4})\s+(.+)$/)
+    if (h) {
+      push({ type: 'heading', level: h[1].length, inline: parseInline(h[2]) })
+      i++
+      continue
+    }
+
+    // 分割线 ---
+    if (/^\s*-{3,}\s*$/.test(line)) {
+      push({ type: 'hr' })
+      i++
+      continue
+    }
+
+    // 引用 >（连续行合并）
+    if (/^\s*>/.test(line)) {
+      const buf: string[] = []
+      while (i < lines.length && /^\s*>/.test(lines[i])) {
+        buf.push(lines[i].replace(/^\s*>\s?/, ''))
+        i++
+      }
+      push({ type: 'quote', inline: parseInline(buf.join('\n')) })
+      continue
+    }
+
+    // GFM 表格：| a | b | 后跟 | --- | :---: | 分隔行
+    const tableHdr = line.match(/^\|(.+)\|\s*$/)
+    if (tableHdr && i + 1 < lines.length && /^\|?[\s:|-]+\|?[\s:|-]*$/.test(lines[i + 1]) && lines[i + 1].includes('-')) {
+      const splitRow = (r: string)=> r.replace(/^\|/, '').replace(/\|\s*$/, '').split('|').map(c => c.trim())
+      const headers = splitRow(line)
+      // 对齐行
+      const aligns = splitRow(lines[i + 1]).map(c => {
+        const l = c.startsWith(':'), r2 = c.endsWith(':')
+        if (l && r2) return 'center' as const
+        if (r2) return 'right' as const
+        if (l) return 'left' as const
+        return 'left' as const
+      })
+      i += 2
+      const rows: string[][] = []
+      while (i < lines.length && /^\|(.+)\|\s*$/.test(lines[i])) {
+        rows.push(splitRow(lines[i]))
+        i++
+      }
+      push({ type: 'table', headers, rows, aligns })
+      continue
+    }
+
+    // 无序列表 -/*/+（含 GFM 任务列表 [ ]/[x]）
+    const ul = line.match(/^\s*[-*+]\s+(.+)$/)
+    const taskRe = /^\s*[-*+]\s+\[([ xX])]\s+(.+)$/
+    const taskM = line.match(taskRe)
+    if (taskM || ul) {
+      const items: MdInline[][] = []
+      const checks: (boolean | null)[] = []
+      const add = (raw: string)=> {
+        const tm = raw.match(taskRe)
+        if (tm) { items.push(parseInline(tm[2])); checks.push(tm[1].toLowerCase() === 'x') }
+        else { const m = raw.match(/^\s*[-*+]\s+(.+)$/); items.push(parseInline(m ? m[1] : raw)); checks.push(null) }
+      }
+      add(line)
+      i++
+      while (i < lines.length) {
+        const m = lines[i].match(taskRe) || lines[i].match(/^\s*[-*+]\s+(.+)$/)
+        if (m) { add(lines[i]); i++ }
+        else if (/^\s*$/.test(lines[i])) { i++; break }
+        else if (/^\s{2,}/.test(lines[i])) { // 续行
+          const last = items[items.length - 1]
+          last.push({ type: 'text', text: ' ' + lines[i].trim() })
+          i++
+        } else break
+      }
+      push({ type: 'list', ordered: false, items, checks })
+      continue
+    }
+
+    // 有序列表 1.
+    const ol = line.match(/^\s*\d+\.\s+(.+)$/)
+    if (ol) {
+      const items: MdInline[][] = [parseInline(ol[1])]
+      i++
+      while (i < lines.length) {
+        const m = lines[i].match(/^\s*\d+\.\s+(.+)$/)
+        if (m) { items.push(parseInline(m[1])); i++ }
+        else if (/^\s*$/.test(lines[i])) { i++; break }
+        else break
+      }
+      push({ type: 'list', ordered: true, items })
+      continue
+    }
+
+    // 段落：收集直到空行/块级起始
+    const buf: string[] = [line]
+    i++
+    while (
+      i < lines.length &&
+      !/^\s*$/.test(lines[i]) &&
+      !/^\s*```/.test(lines[i]) &&
+      !/^\s*#/.test(lines[i]) &&
+      !/^\s*>/.test(lines[i]) &&
+      !/^\s*[-*+]\s+/.test(lines[i]) &&
+      !/^\s*\d+\.\s+/.test(lines[i]) &&
+      !/^\s*-{3,}\s*$/.test(lines[i]) &&
+      !/^\|(.+)\|\s*$/.test(lines[i])
+    ) {
+      buf.push(lines[i])
+      i++
+    }
+    push({ type: 'paragraph', inline: parseInline(buf.join('\n')) })
+  }
+
+  return blocks
+}

package/dist/level5/client/components/MarkdownEditor/MarkdownEditor.css

@@ -0,0 +1,8 @@
+.wf-md-editor {
+  width: 100%;
+}
+.wf-md-editor-textarea {
+  width: 100%;
+}
+/* ── 语义标记类（DOM 钩子——无样式：测试定位/用户扩展——:where 零优先级显式声明） ── */
+:where(.wf-md-editor-preview) {}