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

159 Commits

This Branch
This Branch
All Branches
Author SHA1 Message Date
stringadmin f9f90bdb96 Merge branch 'master' into feat/home-saas-premium-and-icon-system 2026-06-10 02:22:32 +00:00
stringadmin 2509925644 Merge pull request 'feat: 首页响应式视觉升级与全局UI细节打磨' (#30) from feat/home-responsive-polish-and-ui-refinements into master 
Reviewed-on: #30
 2026-06-10 02:22:18 +00:00
stringadmin 4562243fd7 Merge branch 'master' into feat/home-responsive-polish-and-ui-refinements 2026-06-10 02:22:13 +00:00
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
stringadmin d535d0d74a Merge pull request 'feat: 新增引导式新手指引 (OnboardingTour) 组件，全站页面接入' (#29) from feat/add-onboarding-tour into master 
Reviewed-on: #29
 2026-06-08 14:31:17 +00:00
OmniAI Developer 6ed65ca3ee feat: 新增引导式新手指引 (OnboardingTour) 组件，全站页面接入 2026-06-08 21:32:17 +08:00
stringadmin 1e756808c1 Merge pull request 'feat: 工具盒卡片预览图替换与响应式视觉优化' (#28) from feat/toolbox-preview-cards-and-responsive-polish into master 
Reviewed-on: #28
 2026-06-08 10:59:26 +00:00
stringadmin 1049fa3218 Merge branch 'master' into feat/toolbox-preview-cards-and-responsive-polish 2026-06-08 10:59:20 +00: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
stringadmin 9b7e708f85 Merge pull request 'Codex/generation task reliability' (#27) from codex/generation-task-reliability into master 
Reviewed-on: #27
 2026-06-08 10:31:08 +00:00
stringadmin 4e97e706fd Add beta application email fields 2026-06-08 18:30:05 +08:00
stringadmin 30536ad15f Fix wan2.7 image quality selection 2026-06-08 18:26:44 +08:00
stringadmin e78cc05299 Merge remote-tracking branch 'origin/master' into codex/generation-task-reliability 2026-06-08 17:39:11 +08:00
stringadmin b88be66e7f Merge pull request 'feat: Workbench SaaS视觉升级与视图重置机制' (#26) from feat/workbench-saas-polish-and-reset into master 
Reviewed-on: #26
 2026-06-08 09:31:55 +00:00
stringadmin 1a9196a63a Merge branch 'master' into feat/workbench-saas-polish-and-reset 2026-06-08 09:31:49 +00: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 e351e93200 Center beta application review layout 2026-06-08 16:35:32 +08:00
stringadmin 117b9354eb Restore moderation page styles 2026-06-08 16:32:16 +08:00
stringadmin 446514dd06 Fix beta application review page scrolling 2026-06-08 16:26:38 +08:00
stringadmin 85a174bcb5 Avoid clearing sessions on permission errors 2026-06-08 16:20:52 +08:00
stringadmin 560a7baddc Restore image generation estimate to 20 credits 2026-06-08 16:07:04 +08:00
stringadmin 4f7f67a278 Scale generation billing estimates to 1-to-100 credits 2026-06-08 16:03:52 +08:00
stringadmin 3963d9ae2f Show billing estimate and clarify session replacement 2026-06-08 15:55:50 +08:00
stringadmin 60d5cd2edf Merge pull request 'Codex/generation task reliability' (#25) from codex/generation-task-reliability into master 
Reviewed-on: #25
 2026-06-08 07:49:24 +00:00
stringadmin 2afa73ac18 Align visible credit pricing to 1-to-100 2026-06-08 15:46:31 +08:00
stringadmin 3a1bc0241e feat: add beta application review flow 2026-06-08 15:23:13 +08:00
stringadmin 33723d00f0 Merge remote-tracking branch 'origin/master' into codex/generation-task-reliability 2026-06-08 15:08:26 +08:00
stringadmin 52972d4521 Merge pull request 'feat: 内测申请弹窗 + 电商功能介绍页样式优化' (#24) from feat/dialog-generator-cancel-generation into master 
Reviewed-on: #24
 2026-06-08 06:59:39 +00:00
stringadmin fe5a839b37 fix: harden generation task polling fallback 2026-06-08 14:47:27 +08:00
OmniAI Developer ce9a7308a3 Merge origin/master into feat/dialog-generator-cancel-generation 2026-06-08 14:46:34 +08:00
OmniAI Developer 192be0e701 feat: 内测申请弹窗 + 电商功能介绍页样式优化 
- 新增 BetaApplicationModal 组件，支持文本输入、单/多选、签字等交互

- 顶部通知铃铛左侧添加「内测申请」按钮（脉冲动画）

- 电商功能介绍页等比例放大，减少空白，布局更紧凑

- 右侧卡片区域放大，卡片内容清晰可见
 2026-06-08 14:40:47 +08:00
stringadmin 8252f56722 Merge pull request 'Codex/generation task reliability' (#20) from codex/generation-task-reliability into master 
Reviewed-on: #20
 2026-06-08 05:56:38 +00:00
stringadmin 6e271347ae fix: restore bug feedback entry 2026-06-08 13:54:45 +08:00
stringadmin bff66a3545 feat: refine generation workspace experience 2026-06-08 13:44:03 +08:00
stringadmin f817e31366 Merge pull request 'Feat/dialog generator cancel generation' (#23) from feat/dialog-generator-cancel-generation into master 
Reviewed-on: #23
 2026-06-08 03:41:11 +00: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
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
stringadmin 9a0be35501 perf: replace shell icon bundle 2026-06-05 20:42:34 +08:00
stringadmin 6f7355e689 perf: defer dark green theme styles 2026-06-05 20:28:47 +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