设计说明/静态原型 v0.1
静态原型 · 待审查 · 确认后转 React
魂镜 原型 v0.2
魂镜 Web 界面静态 HTML 原型(v0.1 第一批方向已确认,v0.2 增补第二批共 15 个界面),供审查视觉方向、布局结构与文化语言的界面落地方式。全部确认后按此实现为 React 组件;未在本文档登记的视觉细节以本页令牌为准。
原型页面
第一批(已确认):镜庭、镜生、镜树;第二批:息壤、形仪、天工阁、神识阁、百工坊、雅集、同契台、云市、器谱、司命台、设置,及运营者/自托管使用的管理面与认证页。全站链接已疏通:跨页指向对应页面、页内为锚点;logo 单击回本目录,350ms 内连点 5 次触发「镜启」彩蛋(承接 main 分支旧版设计);侧栏可折叠并记忆偏好。
镜庭个人首页全局框架、角色入口、任务与待审事项home.html
镜树分支对话ContentBlock、请命朱批、界域、候答、流式芽体、分支树conversation.html
镜生角色身份道体、缘契、内驱力、大周天、谱系、生命周期characters.html
息壤记忆与知识候选审阅、正影纠正、明忆版本、玄络投影memory.html
形仪形象与资产真形锚、主仪化仪、声音、Live2D 与 3D、易相历史avatar.html
天工阁Agent 任务工筹计划、预算、分工使、轨迹、验收agent-workspace.html
神识阁模型与路由逻辑模型、路由继承链、BYOK、用量观测model-gateway.html
百工坊插件生态沙箱、已安装、升级权限确认、授契记录plugins.html
雅集社区广场动态流、角色谱、话题、推荐解释与重置community.html
同契台协作空间分支版本、审稿合卷、成员权限矩阵、活动collaboration.html
云市创作市场商品、市契许可、退契规则、分润结算marketplace.html
器谱设备与感知形器登记、授契、通感会话、直白权限请求devices.html
司命台安全与治理治理队列、诊断双重授权、审计、安全概览governance.html
管理面运营与部署后台司议队列、支持工单与脱敏支持包、权限管理(RBAC / 双人授权)、部署健康(灵台双形态)、SLOadmin.html
登录铜镜鉴心铭文环镜背、扫描亮带、会话 Cookie / PKCE 说明、通行密钥与恢复钥匙login.html
注册创建账户邮箱验证码、数据权告知(默认不训练 / 可导出删除 / 私箧持钥)、条款确认register.html
设置账户与偏好会话、私箧、数据权、删除、封镜settings.html
设计立场
四条约束所有页面的决定,审查时优先核对这四条是否成立。
一 · 双层文字系统 —— 文化名用衬线宋体,直白解释用无衬线小字,两种字体本身就是"文化名 · 直白解释"两层结构的可视化;风险、金额、权限、删除等后果始终以直白语言为主,文化名只作辅助。
二 · 朱砂只属于朱批 —— 朱砂色是"用户确认决定"的专用语义色:请命卡的允许按钮、危险动作入口使用它;普通操作一律铜镜青。颜色即权限语言。
三 · 墨与月白 —— 深色为墨(青调黑,非纯黑),浅色为月白(青灰白,非暖米);铜镜青为主色,取铜镜铜绿之意,不用蓝紫系默认色。
四 · 状态永远三段式 —— 状态徽章固定为「文化状态 · 直白状态 + 稳定工程值」,例如「运转 · 运行中 running」;错误与交易状态绝不只显示文化名。
色彩令牌
右下角可切换主题;以下色板随主题联动。转 React 时这些令牌进入 Tailwind 配置 / CSS 变量。
底 · 墨 / 月白表面层级 0--bg
浮面卡片与气泡--bg-raised
铜镜青主色 · 选中/链接/运转--accent
朱砂朱批 · 确认与危险--cinnabar
已成完成态--ok
秋香整备 / 幻境--warn
受阻失败态--err
正文一级文字--text-1
字体规范
不引入外部字体文件,使用系统中文字体栈;转 React 时同栈迁移。
文化名 · 宋体衬线镜树 · 分支对话
界面正文 · 无衬线正文 14px / 行高 1.65,辅助文字 12.5px,元信息 11.5px
稳定值 · 等宽running · m_01h8xq… · block_id: blk_7f3a
状态徽章全集
对应 docs/product/cultural-language.md 第 10 节;徽章三段:文化状态 · 直白状态 · 稳定值。
| 徽章 | 稳定值 | 使用场景 |
|---|---|---|
| 待启 · 排队中 queued | queued | Run / 媒体任务排队 |
| 运转 · 运行中 running | running | Run 执行中 |
| 请命中 · 等待确认 waiting_approval | waiting_approval | 等待朱批 |
| 已成 · 已完成 completed | completed | Run / 任务完成 |
| 受阻 · 失败 failed | failed | 失败(附原因与重试) |
| 已止 · 已取消 cancelled | cancelled | 用户取消 |
| 守一 · 安静待命 idle | idle | 角色无运行 |
| 整备 · 正在处理 processing | processing | 媒体 / 资源处理 |
| 待审 · 等待审核 pending_review | pending_review | 社区 / 市场审核 |
| 已刊 · 已发布 published | published | 社区内容 |
组件样例
按钮语义:铜镜青为主操作,朱砂仅用于朱批(用户确认决定)与危险操作,描边为次操作。
请命请求你的确认
息壤角色记忆
幻境临时试演 · 不入正史
pythonreading_progress.py
# 汇总共读接龙进度(示意) from pathlib import Path def summarize(records: list[dict]) -> dict: done = [r for r in records if r["finished"]] return { "total": len(records), "finished": len(done), "pending": [r["name"] for r in records if not r["finished"]], }
注意力权重 = softmax( QKT / √dk ) · V
fallback:注意力权重等于 Q、K 转置乘积经缩放与归一化后对 V 的加权求和
审查重点
第一批(色彩、字体、镜树/镜生/镜庭结构)已确认;本轮重点核对第二批页面,反馈时按页名 + 位置描述即可。
1. 息壤:候选审阅的「归真入忆 / 正影纠正 / 忽略」操作,以及大周天来源、重忆提示的呈现是否可理解。
2. 天工阁:工筹步骤、预算、分工使、轨迹的信息层级是否符合你对 Run 治理的预期。
3. 神识阁 / 百工坊:路由继承链与「升级新增权限需重新确认」的展示是否清晰,朱批语义是否仍然专一。
4. 云市:金额、分润、退契规则是否足够直白(文化名没有掩盖交易后果)。
5. 器谱 / 司命台 / 设置:直白权限句、双重授权、私箧与删除等高风险项的措辞与视觉重量。
6. 雅集 / 同契台:社区帖卡与协作审稿流的信息密度是否合适。
旧版传承与候选
已系统挖掘 main 分支旧版 25 页设计原型(铜镜鉴心体系),按「取手法、不照搬旧概念名」原则融入——六爻 / 九枢 / 三魂等概念 1.0 已由小周天、灵台六模块、内驱力等替代,仅传承其可视化手法。
| 旧版想法 | 来源页 | 状态 |
|---|---|---|
| 鎏金发丝线三档令牌 | tokens.css | ✓ 已融入全站(分组标题 / 金标竖条 / 品牌外环 / 时间线) |
| logo 五连击「镜启」诗签彩蛋 | _theme.js | ✓ 已融入(修好首次单击即跳转的缺陷) |
| 铜镜登录页(铭文环 / 铜面噪点 / 扫描亮带) | copper-mirror-login | ✓ 已融入登录 / 注册页 |
| 极光铜晕底 + 卡片 hover 光扫 | _base.css / rune-engine | ✓ 已融入全站(极淡,不干扰阅读) |
| 日晷时辰盘 + 节气 + 相伴日文案 | time | ✓ 已融入镜庭 hero(巳时 · 白露 · 第 918 日) |
| 朱批卡风险分级(RISK L2) | chat-redesign | ✓ 已融入镜树请命卡 |
| 「呈镜」发送按钮命名(旧版已确立血脉) | chat-redesign | ✓ 已融入镜树输入区(aria 仍读「发送」) |
| 运行阶段爻象三态(done / active / pending) | chat / evolution | ✓ 已融入天工阁工筹(active 步骤鎏金光晕) |
| 河图置信度图谱(置信→线宽,假设→朱漆虚线待验) | world | ✓ 已融入息壤玄络(待验边 + 标注) |
| 息壤浮现(本次回应用了哪些记忆) | chat / copper-v2 | ✓ 对应 1.0 上下文镜(镜树右栏,同源 ContextSnapshot) |
| 九枢星盘「活的仪器」+ 铜镜四态健康词汇 | admin / copper-v2 | ✓ 已复刻为灵台六枢星盘(太一居中 + 五枢环绕 + 呼吸刻度 / 慢旋 / 告警闪烁)+ 镜态徽章(管理面) |
| 五行生克健康环(系统健康=关系动力学) | wuxing | ✓ 已复刻为相生 / 相克指标对告警(管理面星盘卡;环状图 React 阶段评估) |
| 眉批 depth 标尺注入预览 | margin-notes | 候选 —— 上下文镜深度维度(React 阶段与 Context Manifest 联动) |
| 好奇萤火(亮度=期望值)与探索天平 | drive | ✓ 萤火已融入内驱力维度(亮度=维度值);探索天平待天工阁预算增强时评估 |
| 周天四镜阶段链(评 / 演 / 候 / 藏 四面小铜镜) | evolution | ✓ 已复刻为大周天四镜:回 / 照 / 议 / 呈(镜生页,ADR-023 四阶段) |
| 会话列表「今日 / 本周 / 更早」分组 + 彩点状态 | chat-redesign | ✓ 已融入镜树会话列表(活跃铜绿 / 幻境秋香 / 待朱批朱砂) |
| 「深虑 / 博闻」输入控制药丸 + 用户消息鎏金右边线 | chat-redesign / copper-v2 | ✓ 已融入镜树输入区与用户气泡 |
| 起居注时间河「卷」章分割 | admin | ✓ 已融入管理面审计快照 |
| 太极阴阳平衡 gauge(三态) | cosmos | ✓ 已复刻为朱批治理阴阳平衡(司命台,阳亢 / 平衡 / 阴盛) |
| 角色 card-banner 渐变横幅 | character-detail | ✓ 已融入镜生详情页 |
| 思考块折叠卡(复刻 chat-redesign) | chat-redesign | ✓ 已融入(用户确认):思考摘要可折叠 + 深虑强度(低/中/高)——契约候选:正式实现前需在 content-blocks 契约登记 thinking 块类型与流式语义;摘要仅会话内可见,不入长期记录与诊断导出 |