tt/ttstd-infinite-canvas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
809 Commits 1 Branch 0 Tags
86fc3fda2f511c1aecdb2e48a044be9aedec1406
Commit Graph

14 Commits

Author SHA1 Message Date
yepwait
86fc3fda2f feat(workflow): 工作流提供方 - 集成 RunningHub 与 ComfyUI Bridge 2026-08-26 15:02:42 +08:00
ddCat
914717cae6 feat(runtime): 即梦本机运行时 - 接入安全生成闭环与桌面本机渠道 
Refs #225

Co-authored-by: zkhyww <127009345+zkhyww@users.noreply.github.com>
 2026-08-15 12:45:29 +08:00
爱笑的毛毛虫
61f0dfb9c6 fix(canvas): 活动任务面板 - 恢复顶栏下方偏移并避免遮挡顶部工具 (#162) 
* fix(canvas): 活动任务面板 - 恢复顶栏下方偏移并避免遮挡顶部工具

Added topInset prop to CanvasActiveTaskPanel for positioning.

* fix(canvas): 活动任务面板 - 调用侧接入 topInset 让位契约
 2026-08-06 21:50:54 +08:00
爱笑的毛毛虫
ce40344e95 feat(canvas): 沉浸专注与短剧流程 - 支持专注模式与流程条并入顶栏体系 (#157) 
- 沉浸专注：进入后隐藏顶部栏、Dock、缩放控件、小地图与素材托盘，保留专注胶囊可唤出工具与智能体；小屏默认进入，⇧⌘F 切换，Esc 在无选中与浮层时退出
- 智能体面板改贴边停靠并按顶栏让位，作为沉浸专注的配套依赖
- 短剧流程条并入顶栏：折叠入口移入顶栏按钮组，展开条锚定顶栏下缘，与工作模式开关互斥
- 流程步骤改为里程碑节点与状态轨道，新增 --flow-step-* Design Token

Co-authored-by: sikongyue <3155157671@qq.com>
 2026-08-06 08:32:38 +08:00
ddCat
931531edbc refactor(canvas): 浮层布局 - 合并 PR #132 的 inset token 体系 
# Conflicts:
#	web/src/components/canvas/canvas-active-task-panel.tsx
#	web/src/components/canvas/canvas-asset-tray.tsx
 2026-08-04 21:26:53 +08:00
sikongyue
6840678db3 refactor(canvas): 浮层 inset token 体系重建 + 全量应用（审计 D2/P0-2） 
#116 曾引入 --canvas-inset-* token，上游合并后丢失。本轮重新建立画布
安全区 token 并全量替换硬编码定位，所有替换值等价（零视觉变化）。

新增 token（globals.css 6b 段，紧随 Elevation）：
- --canvas-inset-x/y: 16px        浮层水平/垂直安全区
- --canvas-topbar-h: 64px         顶部栏高度
- --canvas-topbar-offset: 72px    顶栏下方浮层顶部偏移
- --canvas-dock-popover-offset: 50px  dock 弹出面板底部偏移

替换：
- dock 根 inset-x-4/bottom-4 → --canvas-inset-x/y
- dock 弹出面板 bottom-[50px] ×4（appearance/add-node/zoom/asset-tray）→ --canvas-dock-popover-offset
- 顶栏 h-16/px-4 → --canvas-topbar-h/--canvas-inset-x
- 活动任务面板 top-[72px] → --canvas-topbar-offset

活动任务面板 right-3(12px) 刻意保留：与 16px 安全区不同且改它会级联到
--canvas-panel-width 公式（PR #130 领地），不宜混入。
 2026-08-04 21:18:51 +08:00
爱笑的毛毛虫
1fa10ca646 refactor(canvas): 浮层宽度 token 提取 — sidebar/panel-width 去硬编码 #126 (#130) 
补齐审计第 5 项「配套 token 提取」遗留：

- 新增 --canvas-sidebar-width(232px) 与 --canvas-panel-width(min(332px,calc(100vw-24px)))
  两个布局 token，归入 globals.css Canvas 布局段
- canvas-project-sidebar 侧栏 w-[232px] → w-[var(--canvas-sidebar-width)]
- canvas-active-task-panel 浮动面板 w-[min(332px,calc(100vw-24px))] →
  w-[var(--canvas-panel-width)]，消除审计 P0-8.1 重复硬编码公式

助手面板已改用动态 width prop（320–760px 可调），不消费该静态 token。

Co-authored-by: sikongyue <3155157671@qq.com>
 2026-08-04 21:00:18 +08:00
爱笑的毛毛虫
1024190476 refactor(canvas): 浮层体系重构 — z-index 14档+专注模式+工具栏click触发 #126 #127 #128 (#129) 
按视觉层重设计 z-index（12→14 档），新增节点层/激活节点层/节点工具栏层等
语义 token，并下沉节点内部 stacking context（--node-z-content/overlay/handle）
与 dock 子面板（--dock-z-popover），消除硬编码 z 值。

新增专注模式（避让分屏可切换）：use-focus-mode 管理 localStorage 偏好与小屏
（<1024px）强制避让；助手面板从 flex 改为 absolute + 垂直分槽（顶部 288px
让位活动任务面板），画布区按面板宽度动态 padding；顶栏新增 PanelRight
切换按钮并带强制态反馈。

节点工具栏由 hover+select 触发放为 click-only（选中即显），组件由
canvas-node-hover-toolbar 重命名为 canvas-node-toolbar；移除 project 与
render-model 中冗余的 toolbarNodeId 状态。

活动任务面板 z-index 由 --z-modal-overlay(110) 降至 --z-panel-floating(80)，
归位浮动面板层；AGENTS.md Elevation 同步至 14 档。

Co-authored-by: sikongyue <3155157671@qq.com>
 2026-08-04 20:46:25 +08:00
ddCat
1217f76b3b feat(*): 功能开放与页面布局 - 新增运维开关并优化后台及创作界面空间利用 2026-08-04 16:24:18 +08:00
sikongyue
d2741f39f3 feat(canvas): 动效系统与响应式适配 - token落地+断点体系+无障碍 #99 
基于 Wayfinder #99 决议，完成动效/响应式/无障碍三大维度落地：

1. 动效 token 迁移（CSS 动画）
   - 33 处 easing 替换为 var(--motion-ease-out/in-out/linear)
   - 7 处有限动画 duration 替换为 var(--motion-dur-*-calc)
     （含 motion-scale 降级，自动联动 prefers-reduced-motion）
   - canvas-node batch 动画内联值替换为 token

2. aceternityMotion 对齐 + motion/react 硬编码替换
   - 添加 JS↔CSS token 映射文档注释
   - 3 处 motion/react 硬编码 duration 替换为 aceternityMotion.* 引用

3. infinite 装饰动画 reduced-motion 降级
   - L1 (prefers-reduced-motion): 缩短至 0.01ms + 单次播放
   - L2 (.no-motion): animation: none 完全禁用
   - 覆盖 9 个 infinite 动画类（连线流光/边框流光/极光标题等）

4. 响应式断点体系
   - @theme 新增 3 断点 token: --breakpoint-tablet(768)/desktop(1024)/wide(1440)
   - 修复 canvas-toolbar 外观面板缺 max-w 导致移动端溢出

5. 无障碍
   - 画布页新增 skip-to-content 链接（键盘用户跳过侧栏直达画布）
   - 任务进度面板 aria-live="polite"（屏幕阅读器播报任务数变化）

Closes #99
 2026-08-03 22:38:31 +08:00
爱笑的毛毛虫
dd820616a4 feat(canvas): 面板层级管理 — 五层Elevation体系+渐进式三区+z-index全量迁移 #98 (#102) 
* feat(canvas): 面板层级管理优化 - 五层Elevation+渐进式三区+进度增强 #98 #94

基于 Wayfinder 地图 #98 决议执行面板层级管理优化：

1. 五层 Elevation 体系（决策1）
   - 画布组件 z-index 硬编码值全部迁移到 token
   - L0 画布层 → L1 工具层 → L2 面板层 → L3 对话框层 → L4 通知层
   - 涉及 14 个 .tsx 文件，0 处 z-[N] 硬编码残留

2. prompt 面板渐进式三区（决策2）
   - B区参数区改为手风琴折叠模式（默认折叠）
   - 新增 SlidersHorizontal + ChevronDown 图标切换
   - 点击展开 video 工具参数，收起后释放视觉空间
   - A区核心区（prompt+生成）始终展开

3. 任务进度条增强（决策3）
   - 进度条高度 1px→1.5px，视觉更醒目
   - 新增 shimmer 扫描动画（running 态，1.4s/cycle）
   - 新增百分比数字显示（tabular-nums 等宽数字）
   - 新增 indeterminate 模式（无百分比时循环扫描）
   - 尊重 prefers-reduced-motion（reducedMotion 时禁用动画）

4. CSS 动画
   - 新增 @keyframes canvas-task-progress-shimmer
   - .canvas-task-progress-shimmer 类

Closes #98

* refactor(canvas): z-index 全量迁移到五层Elevation token #98 #94

补全 #98 五层 Elevation 体系的剩余硬编码 z-index 清理：
- 三个设置弹层（图/音/视频）zIndex:1200 → var(--z-popover)
- model-setup-guide z-[900] → var(--z-toast)
- 项目侧栏 z-30 → var(--z-panel)，章节预览 z-50 → var(--z-panel-floating)
- shared 页头/缩放控件/访客提示 z-[80]/z-[70] → var(--z-panel-floating)，右键菜单 z-[90] → var(--z-modal)
- project 缩放控件容器 z-50 → var(--z-panel)，绘图加载遮罩 z-[500] → var(--z-toast)
- 反馈面板 z-[90] → var(--z-panel-floating)

共 16 处全局浮层 z-index 迁移到 token，消除层级冲突隐患。

---------

Co-authored-by: sikongyue <3155157671@qq.com>
 2026-08-03 22:16:25 +08:00
爱笑的毛毛虫
b4d2b34fae feat(canvas): 设计token系统 - 建立三层架构骨架 (#101) 
* feat(canvas): 设计token系统 - 建立三层架构骨架 #94 #96

建立 Primitive→Semantic→Component 三层设计 token 体系，覆盖 9 个维度：
色彩/间距/字号/圆角/阴影/Elevation/动效/描边/不透明度。

- Primitive 层：纯值无语义，含 neutral 色板+节点类型色板+状态色、
  4px 栅格间距、10档字号、10档圆角、阴影+glow、12档 z-index、
  动效(duration+easing+delay+motion-scale)、描边、不透明度
- Semantic 层：引用 Primitive，随主题切换，含通用语义色、
  Canvas 语义(--cn-*)、Aceternity spatial 语义、节点类型语义、状态语义
- Component 层：引用 Semantic，含 Dock/Node/Modal/Panel/Prompt面板/
  进度条/缩放控制专属 token
- @theme inline 映射：节点类型色、状态色、Canvas 语义色、字号映射到 Tailwind utility
- prefers-reduced-motion 三级降级(L0正常/L1简化/L2禁用)
- AGENTS.md 新增 Design Token 使用规范，禁止新增裸 px 值
- 附带修复 canvas-drawing-excalidraw-editor.tsx TS7006 类型注解
- 附带修复 canvas-drawing-editor-modal.tsx TS2339 engine 字段缺失

Wayfinder 决策来源：#95 #96 #97 #98 #99

* fix(canvas): 设计token系统 - 修复CSS变量循环引用和命名兼容性 #94 #96

修复两个问题：

1. CSS变量循环引用：Primitive层 --color-node-*/--color-status-* 与
   @theme inline 中的 --color-node-*/--color-status-* 同名，经 Semantic
   层中转后形成循环（A→B→A）。改用 --palette- 前缀隔离 Primitive 色板，
   打断循环链路。

2. 变量名小数点兼容性：--space-0.5/1.5/2.5/3.5 中的小数点被部分 CSS
   linter 误判为类选择器。改为 --space-half/-1-half/-2-half/-3-half，
   保持语义清晰的同时提升工具链兼容性。

* refactor(canvas): 画布核心组件 - 迁移硬编码值到设计token #94

批次1：5个画布核心组件的裸 text-[Npx]/rounded-[Npx]/z-[N] 替换为
对应设计token，统一视觉语言：

- canvas-node.tsx：text-[10/11/9/17px]→fs-tiny/label/micro/heading-lg，
  rounded-[18px]→node-radius
- canvas-node-hover-toolbar.tsx：text-[11/17/10/9px]→fs-*，
  rounded-[14/9px]→dock-radius/dock-item-radius，z-[70]→z-panel-floating
- canvas-toolbar.tsx：text-[9/10/11px]→fs-*，
  rounded-[17/16/11/10px]→panel-radius/dock-item-radius-*，
  z-[30/40]→z-toolbar/z-toolbar-floating
- canvas-assistant-panel.tsx：text-[8/9/10/11px]→fs-*
- canvas-script-node.tsx：text-[9/10/11px]→fs-*

视觉零回归（token值与原硬编码值一致），代码可维护性提升。

* refactor(canvas): 画布辅助组件 - 迁移硬编码值到设计token #94

批次2：6个画布辅助组件的裸 text-[Npx]/rounded-[Npx]/z-[N] 替换为
对应设计token：

- canvas-style-picker-modal.tsx：text-[10/11px]→fs-tiny/label
- canvas-file-drop-overlay.tsx：z-[110]→z-modal-overlay，
  rounded-[28/20px]→r-5xl/r-3xl
- canvas-character-reference-node.tsx：text-[10px]→fs-tiny
- canvas-drawing-editor-modal.tsx：text-[11px]→fs-label
- canvas-video-prompt-tools.tsx：z-[1500]→z-toast，
  rounded-[12/10px]→r-lg/dock-item-radius
- asset-picker-modal.tsx：text-[10px]→fs-tiny

视觉零回归（token值与原硬编码值一致）。

* refactor(*): 全项目硬编码值 - 批量迁移到设计token #94

批次3：全项目 .tsx 文件中 372 处裸 text-[Npx]/rounded-[Npx] 批量
替换为对应设计token，剩余 25 处无直接 token 对应的低频值保留。

替换覆盖（按频率）：
- text-[10px]→fs-tiny (132处)
- text-[11px]→fs-label (100处)
- text-[9px]→fs-micro (45处)
- text-[12px]→fs-caption, text-[13/14px]→fs-body, text-[15px]→fs-body-lg
- text-[18px]→fs-heading-lg, text-[22px]→fs-title, text-[8px]→fs-micro
- rounded-[9/10px]→dock-item-radius, rounded-[12px]→r-lg
- rounded-[14px]→dock-radius, rounded-[16px]→r-2xl
- rounded-[17px]→panel-radius, rounded-[8px]→r-md

涉及 components/ 和 pages/ 下所有 .tsx 文件。
视觉零回归（token值与原硬编码值一致）。

* feat(canvas): 节点视觉层次规范 - 色带+状态徽章+四态递进 #97 #94

基于 Wayfinder 地图 #97 决议执行节点视觉重设计：

1. 节点类型色带（决策1）
   - 新增 nodeTypeColorVar() 函数，10种节点类型对应色带色
   - 节点左侧3px色条，引用 --cn-type-* token
   - 远距离最强信号，用户扫视画布即可识别节点类型

2. 节点状态徽章（决策2）
   - 新增 NodeStatusBadge 组件，loading/success/error 三态
   - 左上角圆角徽章，backdrop-blur 玻璃质感
   - success 态 2s 后自动淡出（canvas-status-success-fade 动画）

3. 四态递进视觉权重（决策3）
   - idle：无额外阴影
   - hover：轻微抬升阴影（16px 48px）
   - selected：2px 边框环（accent.primary 40% 透明度）
   - selected-primary：4px 软色环 + resize handle
   - active：6px 外发光环 + inner glow（最强强调）
   - 120-150ms ease-out 过渡

4. 阴影迁移
   - boxShadow 从硬编码改为分层语义化表达
   - 边框色 hover 态使用 color-mix 动态加深

Closes #97

---------

Co-authored-by: sikongyue <3155157671@qq.com>
 2026-08-03 21:38:38 +08:00
爱笑的毛毛虫
c36ffa6925 Fix/补全filepath包导入 (#72) 
* fix(canvas): 视频生成 - 本地素材自动迁移到 OSS 避免手动重新上传

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>

* fix(canvas): 生成任务面板 - 默认收起避免遮挡画布空间

将任务面板默认状态从展开改为收起，减少任务生成期间对画布的视觉干扰。

Why: 面板默认展开时占用大量画布空间，影响创作体验；收起状态只显示任务数量和概要，用户可按需展开查看细节。

* fix(canvas): 素材迁移 - 补全 filepath 包导入修复编译错误

provider.go 中自动迁移逻辑使用了 filepath.Base() 但缺少 path/filepath 导入。

Why: 素材 OSS 迁移代码在第 239 行调用了 filepath.Base()，Go 编译器报 undefined: filepath。

---------

Co-authored-by: sikongyue <3155157671@qq.com>
Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
 2026-08-02 05:27:33 +08:00
ddCat
aea35896eb feat(platform): 开源发布 - 初始化 Open AI Canvas 2026-07-22 14:29:10 +08:00