教师工作台 (Teacher Workbench)

面向中小学教师的一体化教学与班主任工作台，作为 DSH / Cordis 动态插件 运行在浏览器中。 界面基于暖白底色 + 蓝紫主色（#4F63D2）的 Notion Warm Workspace × Editorial Magazine 风格，内置手写 SVG 图表（折线 / 雷达 / 分组柱状 / 环形图），无需任何外部图表库。

✨ 功能

教学功能

• 今日工作台（课程 / 待办 / 备课进度 / 下一步建议）
• 教学驾驶舱（平行班对比、五维能力雷达图、教学风险预警）
• 个人课表、教学日历（月历 + 学期规划）、备课中心（AI 评分与校验建议）
• 本学期课程（平行班进度对比）、教育热点、优质课例库、我的知识库
• AI 教师助手（上下文感知对话，建议一键同步到待办 / 备课）

班主任功能

• 班级概览（成绩趋势）、学生列表（搜索 / 筛选）
• 🪑 座位管理：6×6 座位网格，点击交换 / 拖拽移动，随机排座，智能排座规则（男女隔列 / 按身高 / 成绩帮扶配对），保存 / 重置 / 导出
• 成绩分析（柱状 + 环形 + 趋势图）、出勤率统计、通知发布、班会记录、家校沟通
• 学生评价（五维素质）、教学资源库、节日活动方案、黑板报素材、学年学期管理

🏗 架构

插件采用「文件加载器」模式，把体积较大的 UI 源码与数据放成本地文件，由最小化的 Host/Client 半区在运行时加载：

plugin/
├── host.js         # Host 半区：通过 ctx.fs 提供数据与 UI 源码（两行路径常量）
├── client.js       # Client 半区：host.call 拉取 UI 源码并渲染
├── ui-source.js    # 工作台 UI 源码（React.createElement 编写，无构建步骤）
└── data.json       # 全部教学 / 班级 Mock 数据

• 全屏 UI 注册在 shell.overlay 槽位，右下角悬浮按钮开合
• 所有页面使用 React.createElement 编写，无 JSX / TS / 打包器

🚀 本地运行（DSH 环境）

1. 将 plugin/ 四个文件放到本机某目录（例如 C:/teacher-workbench/）
2. 打开 plugin/host.js，把开头两行路径常量改成你的实际路径
3. 在 DSH 中定义一个动态插件，分别粘贴 host.js 与 client.js 作为 Host / Client 代码
4. 激活插件并在授权卡片上允许
5. 右下角出现「教师工作台」悬浮按钮，点击进入

自定义：直接修改 ui-source.js（页面 / 样式 / 文案）或 data.json（数据），然后重启插件即可生效，无需重新打包。

📝 技术要点

• 数据来源：src/data/mockData.ts 与 src/data/homeroomMockData.ts（确定性生成，无随机数）
• 设计规范：docs/DESIGN.md（Notion Warm Workspace × Editorial Magazine）
• 座位管理交互参考：src/pages/SeatingMgmt.tsx

📄 License

MIT