feat(canvas): refine connections, text styles and icon editing

README.md

@@ -105,13 +105,16 @@ API 测试使用本机临时后端和独立前端进程，检查会话 Cookie、
 
 左上和底部工具栏按右上视图控件的分组节奏增加横向留白（间隙 6px、横向内边距 6px），按钮仍为 32×32px，竖向内边距仍为 4px。三处分隔线统一；左侧标题不再额外叠加外边距，右上现有样式保持不变。
 
-选中卡片后，上、下、左、右各显示一个加号。点击会在对应方向新增文字卡片并连线，视图跟随新节点；重复添加会避开已有节点，整个操作可一步撤销。方向连线也会保存在本地草稿和导出的 JSON 中，旧版左右连接继续兼容。
+卡片四边正中心提供连接点；选中后连接点通过动画变为加号。拖动点或加号建立贝塞尔连线；点击加号打开菜单，选择文本、上传图片或脚本后再创建节点并连线。选中卡片拖线到空白处，也会在释放位置打开类型菜单。新增节点与连线组成一步撤销。
 
-## 元素变换与继承
+## 元素变换、样式与继承
 
-- 卡片选中后可拖动四边或四角调整大小；拖动上方旋转柄旋转，Shift 吸附到 15°，双击旋转柄复位。旋转后仍按元素自身方向缩放。
-- 底部 T 添加纯文本，便签按钮添加文本卡片。纯文本没有卡片外框、连接点或四向加号；缩放时同步改变字号及文本框大小。
-- 大小、角度与字号保存在本地草稿和 JSON 中；一次拖动对应一步撤销，旧文本卡片导入后仍是卡片。
-- 业务类继承为 `CanvasElement → CardElement → TextCardElement / ImageCardElement / ScriptCardElement`；`PlainTextElement` 直接继承 `CanvasElement`。基础元素拥有缩放和旋转能力，卡片层追加连线和分支能力。React 组件通过组合共享 `TransformableNode`，不使用组件类继承。
-- `/dashboard/{workspace}/{board}` 的两个 ID 分别标识工作空间和图谱。前者确定访问范围，后者定位该空间内的图谱；读取和改名接口也使用相同的空间层级。
-- 回归：`node --experimental-strip-types --test tests/canvas-geometry.test.mjs tests/canvas.test.mjs tests/workspace.test.mjs`。
+- 选中后拖动右下角小符号调整大小，已移除八向缩放控件。样式浮栏中的旋转按钮开启旋转模式，拖动元素旋转，Shift 吸附 15°；点击外部或按 Esc 退出。纯文本宽、高独立调整，文字随宽度换行，字号由样式栏控制；图标保持等比缩放。
+- 卡片标题位于框外，整个框内是文本编辑区域；卡片与纯文本均取消独立的聚焦内框。
+- 样式浮栏提供文字颜色、字体、字号、加粗、斜体、下划线、对齐、行距、背景及旋转；样式作用于整个文本节点。选中与取消选中、连接点加号和菜单均有动画，尊重系统减少动态效果偏好。
+- 底部 T 添加纯文本，便签按钮添加文本卡片。纯文本没有卡片外框、连接点或四向加号。
+- 底部图形按钮打开左侧图标浮层，可搜索并插入 45 个 Lucide 图标；图标支持移动、缩放、旋转和颜色设置，无需额外图标目录服务。
+- 大小、角度、样式、字号和图标标识保存在本地草稿及 JSON；支持撤销和重做。目前尚未存入数据库，Core 的 board.content 不接受这些字段。后端需求及验收契约见 [CORE_CANVAS_API.md](docs/CORE_CANVAS_API.md)。
+- 业务类继承为 `CanvasElement → CardElement → TextCardElement / ImageCardElement / ScriptCardElement`；`PlainTextElement` 和 `IconElement` 直接继承 `CanvasElement`。基础元素拥有缩放和旋转能力，卡片层追加连线和分支能力。React 组件通过组合共享 `TransformableNode`。
+- `/dashboard/{workspace}/{board}` 的两个 ID 分别标识工作空间和图谱。
+- 回归：`node --experimental-strip-types --test tests/canvas-style.test.mjs tests/canvas-geometry.test.mjs tests/canvas.test.mjs tests/workspace.test.mjs`。