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

90 Commits

Author SHA1 Message Date
ludan 65bb91c551 feat: 首页SaaS高端化视觉升级与图标系统统一 
本次提交包含以下改进：

## 1. 首页架构精简 (HomePage.tsx)
- 移除模型生成(ModelGenerationShowcase)专题区和相关导入
- 移除"一站进入 OmniAI"Experience体验区及HOME_EXPERIENCE_POINTS
- 移除未使用的导入(DashboardOutlined, ThunderboltOutlined)
- 首页专题区从3个(model/ecommerce/script)缩减为2个(ecommerce/script)
- 轮播卡片x偏移量从固定px值改为clamp()流式响应式单位

## 2. 首页入口按钮重设计 (HomePage.tsx)
- 按钮文案升级：新手→快速生成(副标题:新手友好)，老手→专业创作(副标题:画布工作流)，电商→电商出图(副标题:商品视觉)
- 每个按钮新增small元素展示副标题
- 主按钮(专业创作)渐变绿色背景+发光阴影

## 3. 图标系统统一 — Emoji→Ant Design (ModelGenerationShowcase.tsx + ToolboxSection.tsx)
- ModelGenerationShowcase: emoji(🤖🖼️🎬📷🎨🛍️🌈✨)全部替换为对应的@ant-design/icons组件
- ToolboxSection: emoji(🎨📷🧑✨)替换为PictureOutlined/CameraOutlined/VideoCameraOutlined/ScissorOutlined
- SVG播放按钮替换为PlayCircleOutlined

## 4. 工具预览图补充 (MorePage.tsx)
- 为workbench核心工具添加预览图URL
- 为digitalHuman工具添加预览图URL

## 5. 合规页面按需样式加载 (App.tsx)
- 新增COMPLIANCE_PAGE_STYLE_VIEWS集合(communityReview/communityCaseAdd/report/userAgreement/privacyPolicy)
- 新增loadCompliancePageStyles()动态加载compliance.css
- 只在进入合规页面时才加载对应样式，减少首屏CSS体积

## 6. 全局滚动操作按钮禁用 (AppShell.tsx)
- showPageScrollActions强制设为false，全局禁用页面滚动到顶部/底部的浮动按钮

## 7. 首页Premium SaaS视觉升级 (home.css)
- 全新CSS变量体系：--home-card-radius/panel-radius/section-line/panel-border/text-strong/muted/faint
- 背景三层渐变叠加+双radial光晕(brand green+blue accent)
- Hero区域：eyebrow胶囊标签(绿点+毛玻璃)、h1字重950+text-shadow、描述text-wrap:balance
- 轮播卡片：流式clamp尺寸、非激活卡滤镜降饱和、激活卡高亮阴影、底部渐变分割线
- 入口按钮组：统一三列grid布局、图标圆形背景、hover微上移
- Feature专题页：grid网格背景+radial光晕+border分割线、Visual卡片统一玻璃态
- Ecommerce Matrix全面重写：三栏→自适应grid、feature/item/input/ai-node/output全组件玻璃态统一风格
- Experience区域：双radial光晕+网格纹理背景、路线卡片route-color动态渐变
- Script Review专题区：专属高度/内边距/溢出控制，容器查询适配
- Cookie Consent移动端优化

## 8. 响应式断点矩阵 (home.css)
- 1200px: 轮播卡片尺寸压缩
- 1100px: 专题页解除固定高度，Matrix双列布局
- 980px: h1字号clamp、轮播缩小、Matrix紧凑间距
- 899px: 专题页inline padding收紧
- 720px: 入口按钮堆叠、轮播全宽、专题页解除overflow
- 699px: Matrix grid-template-areas重构(copy+input双栏，outputs全宽)
- 640px: Matrix单列、feature-icon/text逐级隐藏
- 520px: output-group水平grid、output-cards三列
- 480px: 全页面紧缩、h1最大字号、carousel最小尺寸

## 9. 入口按钮多轮视觉打磨 (home.css 多轮迭代)
- Round 1: 绿色主题毛玻璃+三列grid
- Round 2: 暗色产品路径选择器风格，actions外框+entry透明
- Round 3: 回归深色面板风格(#101214)，保持原始配色调性

## 10. Ecommerce Matrix分层响应式策略 (home.css)
- 1101px+: 三列流式宽度+dvh高度自适应
- 900-1100px: 三列紧凑+逐步隐藏描述文字
- 700-899px: 三列超紧凑+大量line-clamp截断
- <699px: grid-template-areas双栏+全宽输出
- <640px: 全单列堆叠

## 11. 脚本评审Showcase容器查询 (script-review-showcase.css)
- 外层@media保留padding控制
- 内层@container查询适配880px/720px/560px断点
- 图表列720px以下水平进度条布局
- 品牌区域/评分标签/流程卡片逐级压缩
 2026-06-09 18:45:57 +08:00
ludan 52677e33f1 feat: 首页响应式视觉升级与全局UI细节打磨 
本次提交包含以下改进：

## 1. 首页轮播卡片响应式重构 (HomePage.tsx + home.css)
- 将旋转木马卡片偏移量从固定px值改为clamp()流式单位，随视口宽度自适应缩放
- 使用calc(0px - ...)替代乘法计算方向偏移，兼容CSS变量传递
- 轮播舞台新增mask-image渐变遮罩，边缘卡片自然淡出
- 非激活卡片增加saturate/brightness滤镜，强化主次视觉层级
- 激活卡与非激活卡分别设置图片filter效果
- 移除旧carousel-card-label样式
- 多断点适配：1200px/980px/720px/480px逐级调整卡片尺寸和舞台高度

## 2. 首页入口按钮重设计 (HomePage.tsx + home.css)
- 按钮文案从'新手/老手/电商'改为'快速生成/专业创作/电商出图'
- 每个按钮新增small副标题（'新手友好'/'画布工作流'/'商品视觉'）
- 主按钮(专业创作)使用渐变绿色背景+发光阴影，新建--primary small样式
- 普通按钮玻璃态背景+内阴影，hover绿色边框高亮
- 720px以下单列全宽布局，按钮居中

## 3. 首页全页视觉强化 (home.css)
- Scrim层三重渐变叠加+radial光晕
- Hero区域文字text-shadow + text-wrap: balance排版
- Feature页面::before叠加渐变遮罩
- Feature Visual卡片增加边框/阴影/背景三层嵌套
- Experience区域斜向分割线装饰背景
- Cookie Consent弹窗玻璃态重设计，移动端自适应

## 4. 首页工具盒区域打磨 (toolbox.css)
- 全新CSS变量（--toolbox-radius-card/inner）
- 工具盒整体深色渐变背景+radial光晕
- Shell容器max-width + clamp流式padding
- 左侧品牌区域标题/brand-icon/subtitle重设计
- 工具列表项、工作流卡片统一玻璃态风格
- 工具卡片hover上浮4px+绿色边框+阴影增强
- @media: 1160px/980px/680px/420px四断点响应式

## 5. 工具盒卡片布局简化 (MorePage.tsx + more.css)
- 核心工具卡片移除独立icon区域，改为单列网格布局
- 普通工具卡片隐藏.more-card__icon（近期记录除外）
- 预览图aspect-ratio从16/9改为4/3，内边距优化
- 移动端移除featured-icon相关样式

## 6. 脚本评审Showcase响应式改造 (script-review-showcase.css)
- 主容器从@media切换为@container查询，跟随父容器自适应
- 新增880px/720px/560px三档container断点
- 图表列在720px以下改为水平进度条布局（bar从垂直改水平）
- 图表列增加卡片边框/圆角/背景
- 品牌区域、评分标签、流程卡片逐级压缩
- @media保留外层padding控制

## 7. 通知中心UI修复 (dark-green.css)
- notification-center改为inline-flex定位锚点
- 面板改为absolute+flex列布局，修复定位偏移
- 列表flex自适应高度+overscroll-behavior: contain
- 移动端面板右偏移clamp适配，箭头位置同步
- 高度单位从vh改为dvh，避免移动浏览器地址栏干扰
 2026-06-09 14:22:37 +08:00
ludan 6f54ad92c0 feat: 工具盒卡片预览图替换与响应式视觉优化 
本次提交包含以下改进：

## 1. 工具卡片真实预览图替换 (MorePage.tsx)
- 移除原有的CSS绘制Before/After对比图(ToolComparePanel/CompareScene)
- 新增ToolPreviewPanel组件，使用OSS真实截图展示每个工具的效果预览
- 建立toolPreviewImages映射表，为8个工具分别配置预览图URL
- 预览图支持hover悬浮放大效果(popover)，桌面端鼠标悬停时展示大图
- 触摸设备通过@media (hover: none)隐藏popover，避免移动端误触

## 2. 核心工具区重构 (MorePage.tsx)
- 移除FeaturedTool独立接口和featuredTools数组，统一到tools体系
- 新增coreToolIds集合标记核心工具(workbench/inpaint/watermarkRemoval)
- 新增coreToolGradients和coreToolSteps独立配置每张核心卡的渐变和步骤
- 移除openFeaturedTool，统一使用openTool处理所有工具点击
- 核心卡片kick er改为显示分类标签(图像创作/视频创作)
- 视频生成分类标签更名为"视频创作"

## 3. 工具卡片视觉升级 (more.css)
- 新增CSS变量体系：--more-card-surface/surface-strong/border/border-strong
- 核心工具卡：三列网格布局、渐变背景叠加、预览图16:9占位区
- 普通工具卡：增大最小高度至392px、radial-gradient光晕、增强边框
- 卡片预览图：aspect-ratio容器、内边框光效、::after渐变叠加层
- Hover悬浮popover：从卡片底部弹出大图，160ms过渡动画
- CTA按钮强化：渐变背景、内阴影高光、font-weight 850
- :active状态按压反馈(translateY(0)消除位移)
- 阴影系统升级：更深、更柔和的阴影层次

## 4. Prompt案例弹窗响应式重构 (workbench.css)
- 720px断点：从垂直堆叠改为水平左右分栏布局(1.08:0.92)
- 侧边栏从底部面板移至右侧，带左分割线和投影
- 420px断点：紧凑水平分栏(0.9:1.1)、更小字号和间距
- 弹窗增加边框和圆角、关闭按钮毛玻璃效果
- 作者信息采用grid布局、描述文本line-clamp截断

## 5. 响应式细节完善
- more.css 860px: 双列核心卡、增大预览图、调整间距
- more.css 520px: 单列布局、筛选标签横向滚动、CTA按钮全宽
- workbench.css: 各断点prompt-case-modal精确调优
 2026-06-08 18:57:07 +08:00
ludan 4dfcb6fc8a feat: Workbench SaaS视觉升级与视图重置机制 
本次提交包含以下改进：

## 1. Workbench视图重置机制 (App.tsx + WorkbenchPage.tsx)
- 在App.tsx中新增workbenchResetToken状态，每次导航到workbench页面且存在session时递增token
- WorkbenchPage新增resetToken属性，检测token变化后自动调用handleNewConversation()重置工作台状态
- 重置时清空消息列表和活跃会话ID，确保每次进入工作台都是全新状态

## 2. 滚动操作提示系统 (WorkbenchPage.tsx)
- 新增scrollActionHint状态和hideScrollActionHint/showScrollActionHint方法
- 用户滚动离开消息区域时自动显示滚动方向提示（顶部/底部按钮）
- 1.4秒后自动隐藏提示，优化交互体验
- 手动点击滚动按钮后立即隐藏提示
- 为滚动按钮添加--top/--bottom标识类名，支持独立定位

## 3. Prompt案例弹窗自适应布局 (WorkbenchPage.tsx)
- renderPromptCaseOverlay重构为动态计算moda l类名
- 根据图片实测宽高比(is-tall-media/is-portrait-media)和文案长度(is-long-copy)动态调整布局
- 添加handlePromptCaseImageLoad回调在图片加载后测量尺寸

## 4. Workbench SaaS视觉美化 (workbench.css)
- 全新SaaS风格设计变量(--wb-panel, --wb-line, --wb-shadow等)
- 首页区域：标题样式、Composer输入框圆角/阴影/聚焦态、发送按钮渐变样式
- 模式选择/芯片组件：下拉菜单、悬停态优化、选中态高亮
- 聊天消息区：气泡圆角、头像样式、消息间距、空状态引导
- 图片/视频结果卡片：边框、阴影、标签徽章、视频PLAY标识
- 生成中卡片：停止按钮样式
- 会话侧边栏：折叠态浮动按钮定位、展开态面板样式、选中项左侧指示条
- 滚动快捷键：固定定位圆形按钮、显示/隐藏过渡动画
- Prompt案例弹窗：桌面端毛玻璃双栏布局、移动端底部面板布局
- @media适配：560px/720px/900px/980px四个断点全覆盖

## 5. 全局移动端布局变量 (dark-green.css)
- 新增--dg-mobile-nav-height/gap/space CSS变量，统一移动端底部导航高度计算
- 优化Topbar z-index层级
- 非特殊页面自动添加顶部padding避让移动导航
- Profile弹窗fixed定位及安全区域适配
 2026-06-08 17:30:21 +08:00
stringadmin bff66a3545 feat: refine generation workspace experience 2026-06-08 13:44:03 +08:00
OmniAI Developer 0384d7f2a3 feat: 侧边栏顺序调整、模型选择去除积分价格、修复canvas.css语法错误 
- 侧边栏：社区移到底部，工具盒移到资产库上方
- 生成页面：图像/视频模型选择下拉去除积分价格文本
- 修复 canvas.css 多余的右花括号语法错误
 2026-06-08 11:39:28 +08:00
OmniAI Developer f920630160 Merge remote-tracking branch 'origin/master' into feat/dialog-generator-cancel-generation 2026-06-08 11:22:17 +08: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
stringadmin 9a0be35501 perf: replace shell icon bundle 2026-06-05 20:42:34 +08:00
stringadmin e3bdd10156 perf: defer recharge modal bundle 2026-06-05 20:24:21 +08:00
OmniAI Developer 2e52101b37 merge: 合并 master，保留拖拽上传样式和工具面板样式 2026-06-05 20:04:48 +08:00
stringadmin 98058236e6 perf: defer image tool workspace styles 2026-06-05 19:49:50 +08:00
stringadmin 3d4001353d perf: route ecommerce utility styles on demand 2026-06-05 19:45:56 +08:00
stringadmin c42c8d4f7b perf: defer shared utility styles 2026-06-05 19:34:36 +08:00
stringadmin 719674b4ad perf: defer home page styles 2026-06-05 19:17:35 +08:00
stringadmin a1fd24a5f6 perf: reduce repeated collection traversal 2026-06-05 19:11:43 +08:00
stringadmin 13893bc3a9 Merge remote-tracking branch 'origin/master' into codex/generation-task-reliability 
# Conflicts:
#	src/components/AppShell.tsx
 2026-06-05 18:38:08 +08: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
stringadmin 0d136d8622 perf: reduce chained array traversal 2026-06-05 18:27:08 +08:00
stringadmin d09e5e673e refactor: extract canvas marking popover 2026-06-05 18:19:24 +08:00
stringadmin d68064f529 refactor: share canvas mention textarea 2026-06-05 18:15:29 +08:00
stringadmin 31046eae58 refactor: extract canvas text prompt composer 2026-06-05 18:08:16 +08:00
OmniAI Developer 5b87594e36 feat: 多页面拖拽上传、滚动条精简、UI优化 
- 剧本评测/分辨率提升/数字人/角色迁移/图片工作台/去水印/电商：新增外部拖拽文件上传
- 电商：爆款图复刻上传框支持拖拽+大滚动条，短视频/模特图/详情图滚动条精简回退
- 图片工作台：右侧输出面板移至左侧提示词上方，删除局部重绘遮罩/结果框
- 数字人：生成按钮改为「开始生成」
- 局部重绘：编辑遮罩→编辑页面
- 对话框生成器：新增对话/视频模式、模型/速度/深度选择按钮
- 视频时长默认改为5秒
- 工具箱页面空状态logo统一绿底亮色图标
- 多处CSS滚动条和布局优化
 2026-06-05 18:01:55 +08:00
stringadmin ef05667caa refactor: extract canvas derived state 2026-06-05 18:01:48 +08:00
stringadmin b8b3b8f137 perf: memoize derived render data 2026-06-05 17:35:54 +08:00
stringadmin 6060705345 perf: split page css from main bundle 2026-06-05 17:19:38 +08:00
stringadmin 53f6a02377 fix: reduce store rerenders and cleanup timers 2026-06-05 17:04:01 +08:00
stringadmin 9999e516ae fix: improve generation task reliability 2026-06-05 16:43:02 +08:00
stringadmin aebe0ff827 chore: re-upload current web project code 2026-06-05 16:08:47 +08: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
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 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
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 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
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 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 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 0fc180637c feat: 电商页面 KeepAlive 保活机制，切换页面不再丢失生成状态 
通过 display:none 模式实现轻量 KeepAlive，电商页面首次访问后保持挂载，
切换到其他页面再切回时所有右侧面板状态（上传图片、生成进度、结果）完整保留。
同时清理项目中的临时文件和本地冗余图片。

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
 2026-06-03 23:20:57 +08:00