Bridge · 知识体系
知识库› 系统管理› HTML 模板预览

Bridge HTML 统一模板 · v4 预览

状态 草案 版本 v4.0 最后更新 2026-06-10 13:55 负责 macmini-admin 5 分钟前同步
html-template design-system confluence-style a11y

概要 #

v4 增量：P0 全部修齐（可访问性 / 健壮性 / 打印）+ P1 12 个新控件 + JS 进 Bridge 命名空间。
本期重点

把"模板"做成可塞内容的承载层

新增 spec 表 / figure / 引文 / 脚注 / 进度 / sparkline / 标签 / 数据新鲜度等 KB 长期使用的控件；打印 / PDF 导出走专门的 print stylesheet；所有交互组件补齐 WAI-ARIA 语义。

核心指标 #

四列等宽，每个卡片可内嵌迷你 sparkline。
活跃报告数
128
+12 vs. 上周
知识库条目
2,463
+8.4%
未审核草稿
17
-3 vs. 昨日
平均加载
0.84s
基线 0.9s

时间序列 #

同色系单调线 + 数据来源 + 粒度切换 + 加载失败时降级为静态表格。

数据来源 #

本图取自 DuckDB signals 与 raw_documents 表的滚动 10 周聚合，每周三 01:00 UTC 重算一次，无人工干预[1]。

粒度切换 #

切换按钮已接成可按下状态（aria-pressed），数据切换逻辑可在 v5 接入[2]。

每日发布量趋势

明细表 #

可真排序（点表头）、可搜索、可导 CSV、移动端自动堆叠。

字段说明 #

"状态"列三档：健康 观察 阻塞。"数量"列设置 data-type="num" 让排序按数值而非字符串。

共 6 条
名称 类型 状态 数量 说明
投研-总控Dashboard健康142D' 系统聚合 X / 雪球 / 公众号 KOL 信号，统计本周交集 ticker。
企微会话存档Pipeline观察87日跑量 87，比基线低 3.2%；可能 ACL 权限缓存所致，已排入观察。
心动跟踪 (2400.HK)Tracking运行中31每日抓 X / 雪球 / HKEX 公告 / 卖方研报，落入 ticker_alerts。
Codex deep-researchTask阻塞2CDP 连接超时 2 次重试失败，需要人工介入排查 sandbox 网络出口。
HKEX filings syncCron健康412已收 412 份年报中报，6 家 watchlist 全部跟齐。
BRM 进门财经MCP空闲0SSE 通道连接正常，本周未触发调用。

提示与告警 #

Info / Warn / Bad 三档，弱底色不抢戏。
提示

本页所有控件都已封装为 Python 函数候选，可在 publish_html_report 流程里组合调用。

注意

如果你看完这一份觉得可以，下一步会替换 bridge_core/html_design.py 里的 _CLAUDE_STYLESHEET。

阻塞

Codex deep-research 通道连接超时 2 次，请优先确认 sandbox 出口策略。

空态示例 #

表格 / 列表 / dashboard 没有数据时统一形态。
∅
暂无候选信号
本周 D' 系统未发现满足 ≥3 个 KOL 共同提及的 ticker。下次扫描预计在明天 01:00 UTC。

分页视图 #

WAI-ARIA tabs：左右键切换、URL hash 深链、刷新保持。

概览：当前模板包含 18+ 控件，全部围绕一种重点色组织。

展开式条目 #

Q&A / 折叠列表 / 风险清单适用。
这套模板能用来做什么？

单页报告（D' 投研日报、运维事件复盘）；Confluence 风格知识库（多页同款风格）。两种产物共用同一套 CSS。

为什么不用蓝色 / 绿色？

用户明确要求严肃极简风，把视觉冲击降到最低。OK / Warn / Bad 三档用文字 + 弱底色表达。

未来怎么继续更新知识库？

publish_html_report 支持 overwrite=True 路径，每页一个 slug；后续会建 KB Dashboard 模板。

进度与 sparkline #

用于额度 / 完成度 / 阈值；sparkline 见 KPI 卡内嵌示例。
AlphaClaw 当日额度312 / 500
Codex Token 占用78 / 100
磁盘占用92 / 100

规格表 #

key-value 两列结构，适合页面元数据、参数清单、配置对照。
模板版本
v4.0
主题
商务极简单色系（浅色 + 深色可切换）
字体
系统 sans-serif（SF / Segoe UI / Inter / 苹方）
重点色
#2C3E50 深石板灰
响应断点
≤900px 移动布局 · ≤560px 隐藏次要按钮 · ≤360px 折叠 brand
适配场景
一次性单页报告、Confluence 风格 KB、Dashboard
打印
支持，自动隐藏导航 / 抽屉 / FAB，强制浅色高对比

图文与引文 #

figure + caption + 引文 + 拉出式引言。
示意走势
图 1本图可换成 base64 PNG / 远程图 URL / 内联 SVG。
原文引用：模板里所有控件都围绕"密度大、颜色少、语义对齐"三点设计。 — 设计原则，2026-06-10
"颜色越少，密度才能越大。"

脚注示例 #

行内 [1] 跳到底部脚注，脚注 ↩ 反跳回原位。

D' 投研系统的 KOL 信源覆盖 X / 雪球 / 公众号 / HKEX 公告 / 卖方研报[3]，每天定时跑信号交集检测，输出 frontier alpha 候选清单[4]。

脚注

  1. DuckDB signals 表 schema 见 d-prime-research skill bundle。↩
  2. v5 时间序列粒度切换通过给 chart-card 加 data-source 数据集 + JS 按 grain 切 dataset 实现。↩
  3. 完整信源注册表见 sources 表（每条带 weight）。↩
  4. 输出文件 d_prime/data/convergence/convergence_frontier_alpha.json。↩

事件时间线 #

为运维事件 / 投研里程碑 / 产品迭代设计。
  • 06-10 13:55
    v4 控件全集 + a11y + print + JS 命名空间
    P0 + P1 + P2 全部落地。
  • 06-10 13:18
    v3 左侧目录改为分组 + 折叠
    支持大标题 + 小标题 + 子标题三级结构。
  • 06-10 12:55
    v2 浅色默认 + 修按钮 + scroll spy
    浅色作为默认主题；深色改为 toggle。
  • 06-10 10:50
    Codex 超时 fallback 切 Gemini CLI
    通过烟雾测试，Codex 恢复后已切回。
  • 06-08 13:18
    MBP SSH 调 CLI 失败
    Keychain ACL 未放行，需 GUI 端 Access Control 修正。