OmniAI/omniai-web
3
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity
104 Commits 18 Branches 0 Tags
f920630160865691d2004168947bc4b98c2a6cc4
Commit Graph

104 Commits

This Branch
This Branch
All Branches
Author SHA1 Message Date
OmniAI Developer f920630160 Merge remote-tracking branch 'origin/master' into feat/dialog-generator-cancel-generation 2026-06-08 11:22:17 +08:00
stringadmin c1266169d7 Merge pull request 'feat: 工具盒视觉重设计 + 个人中心详情弹窗' (#22) from feat/tool-hub-redesign-and-profile-detail into master 
Reviewed-on: #22
 2026-06-08 03:05:47 +00:00
ludan 4530058648 feat: 工具盒视觉重设计 + 个人中心详情弹窗 
本次提交对全部工具入口页（MorePage）进行了全面的信息架构和视觉升级，并为个人中心新增卡片点击详情弹窗。

## 工具盒（MorePage）重设计
- 工具卡片增加 useCase 使用场景说明和 tags 标签行，帮助用户快速理解每个工具的适用场景
- 核心工具（Featured）卡片新增 kicker 标题、steps 操作步骤、outcome 产出说明，强化工作流引导
- 新增 ToolComparePanel 组件，为每个工具展示 Before/After 对比示意舞台
- 分类筛选按钮新增计数徽章，展示每个分类下的工具数量
- 页面头部新增 eyebrow（AI Tool Hub）+ 工具概览统计信息
- 最近使用区域增加分类标签副标题
- 空分类场景新增引导式空状态面板
- 全面补充 aria-label 和无障碍键盘支持

## 个人中心详情弹窗
- 新增 ProfileDetailSelection 类型和 openDetailSelection/closeDetailSelection 流程
- 使用 createPortal 渲染详情弹窗，支持代表作和资产两种详情视图
- 弹窗内支持媒体预览（图片/视频）、元数据展示、下载和删除操作
- 列表卡片（代表作/项目/资产）改为 interactive-card，支持键盘 Enter/Space 激活
- 删除项目按钮增加 event.stopPropagation 防止冒泡触发卡片点击
- 弹窗打开时锁定 body 滚动，Esc 键关闭

## App.tsx 适配
- 传递 setTasks 给 ProfilePage，支持代表作移除操作
- 传递 onOpenProject 回调，支持从个人中心打开项目

## CSS 样式升级
- more.css: 全面重设页头布局（grid 三栏）、筛选胶囊、核心卡片 Before/After 舞台、步骤条、响应式适配
- profile.css: 新增详情弹窗 overlay/panel/preview 布局、交互卡片 hover/focus 状态
- dark-green.css: 工具盒与详情弹窗的深绿主题样式约 780 行
 2026-06-07 11:42:00 +08:00
OmniAI Developer 2e52101b37 merge: 合并 master，保留拖拽上传样式和工具面板样式 2026-06-05 20:04:48 +08:00
stringadmin 5bdeac20fb Merge pull request 'feat: 个人中心仪表盘视觉打磨与交互优化' (#21) from feat/profile-dashboard-polish into master 
Reviewed-on: #21
 2026-06-05 10:29:24 +00:00
ludan bbc705c8d9 feat: 个人中心仪表盘视觉打磨与交互优化 
本次提交对个人中心（Profile Dashboard）进行了全面的 UI/UX 升级：

## AppShell 导航修复
- 修复浮动导航栏显示逻辑：移除未登录状态下多余的 session 判断条件，确保登录页不显示导航

## ProfilePage 功能增强
- 新增面板标题、描述和计数变量，动态展示不同面板（代表作/服务器项目/我的资产/社区审核）的上下文信息
- 背景图更换按钮增加 aria-label 无障碍支持，文字使用独立 span 便于移动端隐藏
- 积分与任务切换按钮拆分为标签+数值结构，信息层级更清晰
- 账号摘要卡片新增套餐名称和已完成任务数展示
- 操作按钮（工作台/社区/退出登录）包裹至 actions 容器，统一布局管理
- 主面板标签页文字包裹 span，支持响应式隐藏

## profile.css 滚动模型调整
- Dashboard 视图改用页面自然滚动，替代嵌套区域滚动，避免双滚动条问题

## dark-green.css 主题样式（约 1160 行新增）
- 背景图与头像区域：毛玻璃按钮、头像环绿边光晕、hover 编辑覆盖层
- 个性签名：圆角胶囊展示态 + 编辑态双向布局，状态提示条
- 账号卡片：标签按钮网格化布局、积分摘要面板、套餐标签
- 操作按钮组：主按钮渐变绿色、次要按钮低对比、退出按钮红色警示
- 内容标签页：胶囊切换 + 计数徽章，激活态绿边高亮
- 列表卡片：hover 微上浮 + 绿色边框过渡，空状态虚线面板
- 多轮视觉迭代：从 graphite 灰调到最终 black+green 参考色调
- 响应式适配：移动端头像环缩小、背景按钮圆形、标签页紧凑排列
- 页面级滚动：让 body 自然滚动，取消 content 内部滚动容器
 2026-06-05 18:28:10 +08:00
OmniAI Developer 5b87594e36 feat: 多页面拖拽上传、滚动条精简、UI优化 
- 剧本评测/分辨率提升/数字人/角色迁移/图片工作台/去水印/电商：新增外部拖拽文件上传
- 电商：爆款图复刻上传框支持拖拽+大滚动条，短视频/模特图/详情图滚动条精简回退
- 图片工作台：右侧输出面板移至左侧提示词上方，删除局部重绘遮罩/结果框
- 数字人：生成按钮改为「开始生成」
- 局部重绘：编辑遮罩→编辑页面
- 对话框生成器：新增对话/视频模式、模型/速度/深度选择按钮
- 视频时长默认改为5秒
- 工具箱页面空状态logo统一绿底亮色图标
- 多处CSS滚动条和布局优化
 2026-06-05 18:01:55 +08:00
stringadmin 796162de4d Merge pull request 'chore: re-upload current web project code' (#19) from reupload/current-web-20260605 into master 
Reviewed-on: #19
 2026-06-05 08:13:56 +00:00
stringadmin aebe0ff827 chore: re-upload current web project code 2026-06-05 16:08:47 +08:00
stringadmin c113d82844 Merge pull request 'feat: 实现全局响应式布局，适配不同设备、不同屏幕、不同分辨率' (#17) from feat/responsive-layout into master 
Merge PR 17 feat responsive-layout
 2026-06-05 07:21:29 +00:00
stringadmin 8cf9ee3519 merge: resolve conflicts between feat/responsive-layout and master 
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
 2026-06-05 15:14:17 +08:00
stringadmin 2129b29dfe Merge pull request 'Feat/profile account polish' (#16) from feat/profile-account-polish into master 
Reviewed-on: #16
 2026-06-05 06:58:37 +00:00
stringadmin d36d46836f merge: resolve EcommercePage.tsx conflict, integrate master into profile-account-polish 
Keep master's EcommercePage.tsx (has more complete upload logic from prior conflict resolution). Accept all other master changes including canvas tool panels, task lifecycle, and workbench updates.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
 2026-06-05 14:05:39 +08:00
stringadmin 91c332f567 Merge pull request 'Feat/canvas tool panels' (#15) from feat/canvas-tool-panels into master 
Reviewed-on: #15
 2026-06-05 05:30:22 +00:00
stringadmin 5097b5ce49 feat: update homepage banners to OSS, fix avatar edit hover, adjust workbench grid layout 
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
 2026-06-05 13:29:17 +08:00
ludan b17a978e9e Merge origin/master: 保留电商上传优化版，接入master新增面板组件 
冲突解决：EcommercePage.tsx 保留本地版本（上传预览大图+缩略图切换交互）
master新增：6个独立面板组件、图片校验工具、视频工作区增强、CSS更新
 2026-06-05 10:34:19 +08:00
stringadmin 93a7a6d5e6 feat: add canvas tool panels (multi-grid, upscale, inpaint) and conditional grid mode 
Add modal-based tool panels for multi-grid, super-resolution, and inpaint in canvas image-to-image workflow. Grid mode selector only appears for models that support multi-image generation (wan2.7-image, gpt-image-2). Also fixes merge conflict markers in CSS and adds missing toast import.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
 2026-06-05 01:48:13 +08:00
stringadmin d7379af717 feat: disable recharge modal, show coming-soon toast instead 
Payment gateway is not yet configured, so hide the recharge flow
and show an informational toast when users click the balance button.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
 2026-06-05 01:06:49 +08:00
stringadmin 178a2c47da feat: add task lifecycle management and improve generation reliability 
Centralize timeout policies, stall detection, and error classification
for image/video/text generation tasks. Improve ecommerce OSS upload flow
and add script evaluation enhancements.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
 2026-06-05 01:06:48 +08:00
stringadmin d36a093159 Improve generation task client errors 2026-06-05 01:05:54 +08:00
stringadmin 8fbb2ec95e Merge pull request 'Feat/dialog generator cancel generation' (#14) from feat/dialog-generator-cancel-generation into master 
Reviewed-on: #14
 2026-06-04 17:01:09 +00:00
OmniAI Developer 90e3b90e34 merge: 合并远程PR#12商业化打磨和PR#13修复 2026-06-05 00:45:21 +08:00
OmniAI Developer 10b8379965 feat: 交互式对话框生成器 + 电商取消生成与上传优化 
新增:
- 交互式对话框生成器模块（路由、页面、样式、MorePage入口）
- 电商模块取消生成功能（任务追踪/取消按钮/中止逻辑）
- 视频服务图片上传支持 Blob/dataURL/远程URL 多种来源

优化:
- 电商图片上传修复本地 blob 预览图缺少原始文件的问题
- 视频规划管线错误信息改进
- 生成流程中多处增加中止检查点
 2026-06-05 00:37:38 +08:00
stringadmin c1c4086383 Merge pull request 'fix: ????????? OSS ????' (#13) from fix/ecommerce-video-400-bug into master 
Reviewed-on: #13
 2026-06-04 12:10:38 +00:00
stringadmin 3493f169c0 fix: use public model config and disable source maps 2026-06-04 19:00:50 +08:00
stringadmin b81128d7ca fix: harden ecommerce media history for launch 2026-06-04 18:27:12 +08:00
OmniAI Developer f0fed2f0fd merge: 解决合并冲突 - 合并视频流程管道UI、v5样式及新功能模块 2026-06-04 18:19:41 +08:00
stringadmin e166722945 Merge pull request 'Feat/commercial saas polish' (#12) from feat/commercial-saas-polish into master 
Reviewed-on: #12
 2026-06-04 10:09:15 +00:00
ludan 6d68ab02bb feat: 个人中心账户摘要区重构、主题色调对齐电商 
【账户摘要区重构】
- 新增 profile-page__account-summary 双列网格布局（主信息 + 右侧指标）
- 主信息区（account-summary-main）：显示账号名/任务概览
- 指标区（account-summary-metric）：品牌绿色数字展示积分/完成数，左侧分隔线
- 任务概览改为"X 个任务"更自然的表达方式
- 替代旧 upload-card--meta/meta-item 类名体系

【主题色调对齐】
- 个人中心页面背景、侧边栏、卡片统一为电商同款平坦暗色
- 移除 box-shadow 深度阴影，使用 var(--bg-panel)/var(--bg-inset) Token
- Tab 切换按钮透明背景，选中态品牌绿边框+浅绿背景
- 统计卡片/简介/Bio/媒体预览卡片统一边框与背景色
- 媒体徽章、分享按钮、头像环去除阴影
 2026-06-04 18:06:43 +08:00
ludan 2b65206b84 feat: 电商克隆上传交互升级、视频模型选择器图标 
【电商克隆 - 商品图上传交互重构】
- 新增上传预览大图区（clone-ai-upload-preview-wrap），点击缩略图可切换预览
- 选中缩略图增加 is-active 绿色边框高亮
- 预览区显示商品图编号 + 尺寸/比例/格式信息（formatProductImageSpec）
- 上传区到达 7 张上限时显示"已达上限"、阻止拖拽上传、输入框禁用
- 上传图片自动异步读取尺寸（width/height），无需等待上传完成即可展示
- 已上传素材区重构为列表头（标题+计数）+ 缩略图栈式布局
- 缩略图增加序号角标（1-7），删除按钮独立于缩略图下方
- selectedProductImageId 状态自动管理：删除/新增时自动切换到有效图片

【工作台 - 视频模型选择器图标】
- 新增 VIDEO_MODEL_ICON_URLS 映射（HappyHorse/Pixverse/Vidu/Wan/Kling）
- SelectChip 组件在 chipId=video-model 时显示模型品牌图标
- getVideoModelIconUrl 支持中英文模糊匹配

【样式】
- ecommerce.css: 预览区/素材栈/缩略图选中态/上限态完整样式
- dark-green.css: 主题层微调
 2026-06-04 17:27:40 +08:00
OmniAI Developer 51762bb2c2 feat: 拖拽上传、图片缩放预览及新功能脚手架 
- EcommercePage/WorkbenchPage 增加页面级拖拽文件上传支持
- 上传图片悬停缩放预览效果
- Workbench 参考素材增加图片/视频缩放预览
- CanvasPage 连接菜单位置微调 (-40)
- script-tokens-v5 文本溢出省略号修复
- 新增: CookieConsentBanner, CompliancePage, 电商面板组件, generation store/hooks/service
 2026-06-04 17:03:49 +08:00
ludan e8a42dafde fix: 修复合并冲突导致的CSS未闭合花括号 2026-06-04 16:29:38 +08:00
ludan c4ef9cc6ba Merge origin/master: resolve CSS conflicts 
script-tokens-v5.css: keep both SaaS polish rules and master's additions
dark-green.css: keep both profile/canvas polish and master's additions
 2026-06-04 16:23:43 +08:00
ludan 05a42ed018 Merge origin/master: resolve CSS conflicts, keep both sides 2026-06-04 16:22:40 +08:00
ludan 9e7bfdd206 Merge origin/master into feat/commercial-saas-polish 2026-06-04 16:07:39 +08:00
stringadmin 20e219732d Merge pull request 'Fix/ecommerce video 400 bug' (#11) from fix/ecommerce-video-400-bug into master 
Reviewed-on: #11
 2026-06-04 08:05:20 +00:00
stringadmin c7c52c1467 chore: migrate frontend assets to OSS and same-origin APIs 2026-06-04 16:03:49 +08:00
ludan fb4011bf1f feat: 个人中心视觉重构、画布网点背景、剧本评分色调统一 
【个人中心视觉重构】
- 列表卡片新增媒体预览缩略图（图片/视频/项目/资产），支持 image/video 两种媒体类型
- 新增 renderCardPreview 通用预览组件，自动识别视频格式并渲染 <video> 标签
- 新增 formatAssetType 工具函数，资产类型中文化（角色/场景/道具/视频/图像/素材）
- 媒体卡片采用固定高度网格布局（标题行 18px/正文 36px/元信息 18px），保证列表节奏一致
- 卡片预览区左上角显示类型标签徽章（品牌绿边框+半透明背景）
- 删除按钮增加 hover 红色反馈（边框/背景/文字渐变至红色）
- 积分/任务面板从底部区域移至侧边栏头像下方，减少滚动距离
- 新增 account-card 容器包裹积分/任务切换面板
- 侧边栏统计数据改为 3 列网格布局，每项增加独立圆角卡片样式
- 作品/项目/资产/社区发布四个 Tab 改为均分 4 列网格
- 分区标题增加品牌绿圆点前缀装饰
- 响应式断点：960px（侧边栏双列+内容区单列）、640px（全部单列+标签横向滚动）、420px（紧凑间距）

【画布网点背景】
- 移除 ReactFlow <Background> 组件，改用纯 CSS radial-gradient 圆点背景
- 通过 CSS 自定义属性（--canvas-bg-size/--canvas-bg-dot/--canvas-bg-x/--canvas-bg-y）实现缩放/平移时网点同步
- 网点颜色使用半透明灰蓝（rgba(148,163,184,0.34)），随画布缩放动态调整点间距与大小

【剧本评分色调统一】
- 变量 Token 体系重定义为电商同款暗色面板色调（--v5-bg: #0d0d0f, --v5-panel: #151719）
- 移除所有 box-shadow 和 depth 阴影，改用 inset 顶部光泽线
- 移除 backdrop-filter 毛玻璃效果，统一为纯色半透明背景
- hover 交互简化为边框+背景色变化，取消 transform 浮起动画
- 上传区移除 ::after 径向光晕伪元素
- 已上传态/选中态仅通过 border-color 和背景色微调区分
 2026-06-04 13:16:38 +08:00
ludan b08a7918da feat: 剧本评分左侧面板滚动优化、电商克隆移动端适配、视觉细节精修 
【剧本评分左侧面板滚动重构】
- 新增 script-eval-v5-left-main 滚动容器，上传区/AI信息/历史记录统一在容器内滚动
- 底部操作按钮（开始评测/导出报告）独立于滚动区外，始终可见可点击
- 历史评测列表增加 max-height 限制，超出区域内置滚动条
- 自定义窄滚动条（品牌绿半透明 thumb），保持视觉干净
- 短视口（≤760px/820px）压缩上传区和历史列表最小高度

【剧本评分视觉精修】
- 左侧面板增加渐变背景层次与分区微光分割线
- 上传区增加 ::after 伪元素径向光晕，hover 时品牌绿边框增强
- 已上传状态上传区增加绿色边框高亮（is-ready/is-complete）
- 底部操作栏背景层次加深，导出按钮 hover 增加绿色反馈
- 右侧面板增加底部径向渐变，上传引导卡标题提亮
- 顶部状态栏背景加深，模糊效果增强

【电商克隆移动端适配增强】
- 900px/620px/480px 三级断点增加顶部预留空间，避免与导航重叠
- Logo 区域定位从 sticky 改为 static，避免滚动时遮挡内容
- 设置面板在窄屏下调整内边距与边距

【Token 用量页精简】
- 移除指标卡片序号角标，保持卡片视觉简洁
 2026-06-04 09:40:28 +08:00
stringadmin 7c6129555b fix: 修复多个运行时崩溃和功能bug，优化画布连接线和剧本评分 
- 修复 EcommercePage generateEcommerceImage 调用不存在变量导致运行时崩溃
- 修复 DigitalHumanPage/ImageWorkbenchPage 变量名错误导致页面不可用
- 修复 ecommerceVideoService token 读取用错 key 导致请求 401
- 修复画布连接线在弹窗出现后仍跟随鼠标的问题
- 剧本评分 .docx 文件改为服务端 mammoth 解析（新增 /api/files/extract-text）
- ErrorBoundary 加 key 支持切换页面时自动重置
- Vite proxy 改为指向公网域名 omniai.net.cn
- 新增视频生成历史记录面板和删除确认弹窗

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
 2026-06-04 01:12:51 +08:00
stringadmin 6bb71fcc19 feat: 视频时长滑块支持最大 45 秒，适配广告视频多分镜场景 
单次视频模型最高 15s，45s 总时长配 3 个分镜刚好每个 15s。
滑块 step 改为 5s，刻度标注 5/15/30/45 秒。

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
 2026-06-03 23:55:15 +08:00
stringadmin 7993435704 fix: 修复视频生成 API 调用链路，确保参考图正确传递到各阶段 
- 生图阶段：将用户上传的产品图作为 referenceUrls 传给生图模型
- 生视频阶段：同时传递用户原图 + 分镜图给视频模型
- 完整链路：参考图→视觉分析→分镜文本→(文本+原图)→分镜图→(文本+原图+分镜图)→视频

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
 2026-06-03 23:52:25 +08:00
stringadmin 31bf103d7c feat: 视频流程树动态节点、全自动流水线、图片/视频点击放大预览 
- 一键策划后自动连续执行完整流程（策划→图片→视频），无需手动点继续
- 节点数量跟随 API 返回的分镜数动态生成，策划前只显示 1 个占位节点
- 分镜图片和视频可点击弹出全屏预览浮层

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
 2026-06-03 23:43:34 +08:00
stringadmin bf401e4ab0 fix: 视频流程树节点放大并修复分支线与节点的对齐错位 
将 branch-tap 改为 flex:1 布局自动对齐行中心，
放大节点尺寸和间距使流程图在画布中更易阅读。

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
 2026-06-03 23:36:24 +08:00
stringadmin 7e631cfa1b fix: 电商页面 KeepAlive 容器使用绝对定位铺满视口，解决底部留白问题 
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
 2026-06-03 23:26:54 +08:00
stringadmin 0fc180637c feat: 电商页面 KeepAlive 保活机制，切换页面不再丢失生成状态 
通过 display:none 模式实现轻量 KeepAlive，电商页面首次访问后保持挂载，
切换到其他页面再切回时所有右侧面板状态（上传图片、生成进度、结果）完整保留。
同时清理项目中的临时文件和本地冗余图片。

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
 2026-06-03 23:20:57 +08:00
stringadmin fdf9c43731 merge master, accept theirs for known conflict files 2026-06-03 21:53:47 +08:00
stringadmin f86ca99548 Merge pull request '首页功能页更改' (#9) from 首页功能页更改 into master 
Reviewed-on: #9
 2026-06-03 13:44:57 +00:00
OmniAI Developer 4e95555bda merge: 解决与 master 的冲突，保留双方改动 2026-06-03 21:43:11 +08:00
OmniAI Developer 8d7f5d9a8a feat: 图片工作台/镜头实验室/局部重绘/数字人/去水印页面UI优化 2026-06-03 20:36:07 +08:00