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

76 Commits

Author SHA1 Message Date
OmniAI Developer 7afcfa54c2 feat: 个人中心侧边栏显示、代表作滚动、图片工作台预览样式、首页轮播尺寸调整 2026-06-03 19:15:45 +08:00
ludan 7be4e65e1e feat: 管理中心Token用量页面SaaS商业化精修 
【页面状态感知】
- 新增页面级状态类名（is-syncing/has-sync-error/has-low-balance/is-healthy）
- 状态指示灯根据加载/错误/正常动态切换样式与动画
- 加载中禁用刷新按钮，防止重复请求

【工具栏视觉升级】
- 标题增加副标题（"用量、成员与模型调用监控"）
- 状态胶囊 pill 增加圆点动画（绿色脉冲=在线，琥珀色=异常）
- 按钮增加 hover 品牌绿高亮、禁用态半透明
- 成员管理按钮增加 is-muted-action 弱化样式

【指标卡片精修】
- 四张指标卡片增加序号角标（01-04），左侧彩色竖线标识
- 主卡片（可用额度）增加品牌绿光晕背景 + 绿色竖线
- 卡片增加渐变背景、顶部光泽内阴影、圆角阴影

【数据展示增强】
- 模型消耗分布/系统状态/调用记录标题增加图标
- 模型消耗列表项增加 hover 浮起 + 品牌绿边框
- 调用记录表格增加表头背景、行 hover 高亮、状态标签徽章
- 分页按钮增加 hover 品牌绿填充

【响应式适配】
- 1180px/900px/560px 三级断点完整适配
- 900px：工具栏吸顶、指标卡单列、图表区单列
- 560px：工具栏按钮 2 列网格、状态胶囊全宽、卡片间距缩小
 2026-06-03 18:52:14 +08:00
ludan 73a6043310 feat: 剧本评分SaaS化精修、画布视觉升级、电商克隆预览响应式修复 
【剧本评分页面 SaaS 商业化精修】
- 上传区增加玻璃拟态渐变边框，hover 时高亮为品牌绿
- 已上传文件显示文件名+文件大小，重新上传按钮优化
- 上传按钮文案从"+ 上传剧本"改为"选择剧本"，增加图标
- 评测按钮增加 LoadingOutlined/ThunderboltOutlined 图标动画
- 评测等待态增加分步加载提示（结构识别/冲突评估/商业潜力）
- 六维评分柱状图增加 hover/focus 交互：悬停维度高亮，其余维度 dim，底部显示当前维度详细说明
- 评分卡片、报告面板、历史记录项增加渐变背景与阴影层次
- 新增 script-tokens-v5 设计 Token 变量体系
- 响应式断点适配 1180px/900px/680px，移动端左右面板上下堆叠

【画布页面视觉升级】
- 画布背景增加网点纹理 + 径向渐变，增强空间感
- 项目栏/缩放控件增加玻璃拟态毛玻璃效果
- 节点卡片增加渐变背景、内阴影、边框高亮
- 选中节点增加品牌绿外圈光环 + 投影
- 连线 connector 增加 hover 品牌绿高亮
- 节点连线/选区框/缩放手柄统一品牌绿主题色
- 所有编辑器/菜单面板统一玻璃拟态风格
- 移动端 560px 项目栏改为 4 列网格布局，按钮显示中文标签（编辑/最近/导出/提交）

【电商克隆预览响应式修复】
- 短视口（高度≤760px）下预览面板内 header/空状态/底部输入改为静态流式布局
- 平板（≤860px）下预览面板取消绝对定位，改为 grid 流式布局
- 手机（≤620px）缩小间距与最小高度

【其他】
- 个人中心登录注册表单移除 form-kicker 标签
- 品牌色（auth-page__brand）调整为强调绿色
 2026-06-03 18:21:10 +08:00
OmniAI Developer 7b41cf3e87 feat: 首页功能页样式与组件更新 2026-06-03 17:28:44 +08:00
ludan 9282e6c0d8 feat: 电商页面视觉精修，全局页面滚动按钮交互简化 
AppShell.tsx：
- 全局页面滚动操作按钮（floating-page-scroll-actions）暂时关闭
- 后续将通过页面级滚动交互替代全局滚动按钮

EcommercePage.tsx（电商生成页功能增强）：
- 预览区header下方新增生成配置摘要条(clone-ai-preview-summary)
- 展示当前选择的输出类型、平台、市场、语言、比例参数
- 方便用户快速确认当前生成配置无误

ecommerce.css（电商页面视觉精修）：
- 新增CSS自定义属性体系(ecm-*)，统一电商页面颜色/间距/阴影
- 页面背景增加accent径向光晕和半透明渐变叠加
- 设置面板/预览区域卡片增加毛玻璃质感和微阴影
- 文本颜色层级化（ecm-text/ecm-muted/ecm-soft）
- 保持现有布局结构不变，仅提升视觉效果

dark-green.css（暗绿主题电商按钮状态精修）：
- 电商页面各工具模块按钮active态增加相对定位和overflow控制
- clone/set/detail/wear工具中is-active按钮状态一致性增强
- 限定在[data-view="ecommerce"]作用域内，避免全局污染
 2026-06-03 16:42:57 +08:00
ludan f0f6f66d60 feat: 登录注册表单体验优化、工作台滚动按钮交互增强、主题层视觉精修 
ProfilePage.tsx（登录/注册表单优化）：
- 新增邮箱格式、手机号、密码强度前端校验逻辑
- 输入框内联校验提示（CheckCircleFilled图标+绿色文字）
- 登录态展示区增加平台能力Stats（Studio/Assets/Team）
- 表单增加kicker标签区分"账户登录"/"新用户注册"
- 手机验证码tab标签精简为"手机"

WorkbenchPage.tsx（工作台滚动交互增强）：
- 新增滚动操作按钮显隐状态管理（scrollActionsVisible/direction）
- 滚动时自动展示上下滚动按钮，950ms后自动隐藏
- scrollMessagesToLatest触发时间接展示滚动按钮
- 组件卸载时清理定时器避免内存泄漏

dark-green.css（主题层视觉精修）：
- 工作台激活态页面背景增加微光渐变和径向光晕
- 消息表面区域增加内边距和scrollbar-gutter稳定布局
- 消息列表最大宽度约束为1040px，左右padding自适应
- 消息气泡增加边框、背景、阴影层次感
- AI助手气泡与用户气泡差异化背景色
- 头像增加微边框和accent色区分
- 作者标签字号和颜色精细调整
 2026-06-03 15:38:52 +08:00
stringadmin 56dabf1f7d fix: 电商视频生成链路稳定性 — AI超时/重试/断点续传 + 404页面 + DashScope Key移除 
- adVideoPlanClient: 模型级联降级(qwen-max→plus→turbo), 5xx/网络错误可重试, 超时延长至180s, 错误信息包含上游响应体
- 服务端ai/chat: 超时60s→120s, AbortError返回504(非500), PM2已热重载
- EcommerceVideoWorkspace: 策划失败后支持从断点继续(保留已完成步骤的中间产物), 分镜图/视频生成仅重做失败场景
- scriptEvalClient: 移除客户端DASHSCOPE_API_KEY引用(Nginx代理注入)
- NotFoundPage: 未知路由显示404页面(替代兜底跳首页)

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
 2026-06-03 12:16:33 +08:00
ludan da45196c6e Merge remote-tracking branch 'origin/master' into feat/profile-ui-polish 2026-06-03 10:48:48 +08:00
ludan da06187a9c Merge branch 'master' of http://118.145.251.184:3000/OmniAI/omniai-web into feat/profile-ui-polish 2026-06-03 09:55:15 +08:00
ludan 87d81d2c86 feat: 个人中心界面UI优化，提升商业产品精致度 
ProfilePage组件优化：
- 新增个性签名编辑功能（内联编辑/确认/取消交互）
- 新增 icon 导入（EditOutlined, CheckOutlined, CloseOutlined）
- 新增 formatProfileDate 工具函数，统一日期格式化（中文友好）
- 新增 formatTaskType 函数，任务类型中文化显示
- 新增 formatTaskStatus 函数，任务状态中文化显示
- 新增 formatAssetStatus 函数，资产状态中文化显示
- 优化空状态展示，增加图标占位

dark-green主题层样式增强：
- 个人中心背景增加微光渐变（accent光晕+半透明遮罩）
- Banner区域高度优化为214px，增加底部渐变分割线
- Banner叠加层增加径向光晕效果
- Banner编辑按钮增加毛玻璃质感（backdrop-filter）
- 侧边栏/主体/选项卡/列表卡片等多处细节增强
- 按钮、标签、统计数字等组件加入微交互
- 保持暗绿主题配色体系不变，仅提升精致度
 2026-06-03 09:53:05 +08:00
stringadmin 4ed02aaad5 feat: 错误监控面板、生成通知、社区搜索、任务队列优化 
- AdminMonitor: admin用户可见的客户端错误实时监控面板，右下角浮窗
- generationNotifier: 生成完成浏览器通知 + 站内Toast
- CommunityPage: 新增搜索框，标题/描述/标签模糊匹配，防抖300ms
- App.tsx: 全局unhandled error/rejection监听上报
- WorkbenchPage: 任务并发提示改为显示当前任务数
- serverConnection: 后端client-errors路由注册
- WelcomeSplash: 欢迎按钮全程显示

Co-Authored-By: Claude Code <noreply@anthropic.com>
 2026-06-03 02:01:21 +08:00
stringadmin 468d1d27dd fix: 全站页面保活机制、登录拦截优化、UI修复与功能完善 
- 移除未登录全页面拦截，改为浏览自由 + 功能使用时弹窗
- 修复PageTransition退出动画卡死导致黑屏的bug
- CanvasPage添加加载中状态避免首次访问黑屏假死
- 全站7个工具页添加页面保活机制，切页后台任务不中断
- 修复未登录时401误触发"用户已在别处登录"弹窗
- 删除MorePage模板板块、微信登录、EcommerceTemplates/SizeTemplate路由
- 剧本评分接入DashScope qwen3.7-max直连API
- 电商视频生成重构为3阶段可视管线（策划→生成图片→生成视频）
- 电商视频保活增强：异步函数直接写localStorage避免卸载丢失
- Workbench侧边栏移除mode过滤，三模式共用同一对话列表
- 首页更新轮播图/背景视频、按钮跳转修正、文案优化
- AppShell顶栏新增网站备案信息按钮
- 多个页面的terminate/cancel按钮覆盖、单镜头重试、批量保存下载

Co-Authored-By: Claude Code <noreply@anthropic.com>
 2026-06-03 01:39:06 +08:00
stringadmin 8f57e08004 Merge branch 'master' of http://118.145.251.184:3000/OmniAI/omniai-web into fix/ecommerce-video-400-bug 2026-06-02 23:26:23 +08:00
OmniAI Developer 1cac62d14a feat: 首页下方剧本评测展示页替换为ScriptReviewShowcase，团队token监控替换为ModelGenerationShowcase 2026-06-02 22:45:16 +08:00
stringadmin e555209516 fix: page transition UI jitter — remove enter phase to prevent double animation 
The three-phase exit→enter→idle flow caused a visible "double refresh"
jitter. During the enter phase (220ms), the wrapper animated from
opacity:0 while cancelling child .page-motion with animation:none
!important. When phase switched to idle, the !important rule was
removed and child .page-motion re-triggered, creating a second
entrance animation — the jitter.

Fix: remove the enter phase entirely. After exit animation (180ms),
phase goes directly to idle. The child page's own .page-motion class
handles entrance naturally via React's fresh DOM mount. No wrapper
animation on enter, no double-animation conflict.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
 2026-06-02 22:19:14 +08:00
OmniAI Developer d4d8cc528d feat: 剧本评测页面支持更多文本文件格式上传，优化历史记录排序和UI交互 2026-06-02 21:36:44 +08:00
ludan 178c2ec695 Merge branch 'master' of http://118.145.251.184:3000/OmniAI/omniai-web into feat/home-entry-buttons-refined 2026-06-02 21:30:06 +08:00
stringadmin 5fcd225825 fix(ecommerce): video 400 error — use OSS URLs instead of data URLs for video generation 
The renderScene function was passing local data URLs (data:image/png;base64,...)
as imageUrl and referenceUrls to createVideoTask, which the /api/ai/video endpoint
rejects with 400 Bad Request. The planning phase already uploads images to OSS
but the resulting URLs were not returned to the component.

- Add imageUrls field to EcommerceVideoPlanResult
- Return OSS imageUrls from runVideoPlan alongside existing plan data
- Use planResult.imageUrls[0] in handleRender instead of productImageDataUrls[0]
- Use planResult?.imageUrls[0] for sourceImage display fallback

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
 2026-06-02 19:37:29 +08:00
ludan 324ebf5ce5 feat: 优化首页入口按钮质感，提升商业产品精致度 
- 按钮背景改为微渐变+毛玻璃效果(backdrop-filter)
- 边框改为半透明白色，圆角从8px升级到12px
- 增加内高光+外层深度阴影提升层次感
- 字间距、字重大小幅调整，更精致克制
- hover态增加accent光晕+图标变绿+放大效果
- 主按钮增加渐变绿底+内高光+绿色辉光阴影
- 增加按压态scale(0.97)反馈
- 主按钮图标hover放大1.12倍
 2026-06-02 19:09:00 +08:00
OmniAI Developer dd69b295c2 Merge origin/master into feature/首页和下方的功能页面 - 解决冲突 2026-06-02 19:05:43 +08:00
OmniAI Developer 05e4f5b4b3 feat: 首页增加工具箱功能区、剧本评测可视化展示；重构剧本评分页面UI 
- 首页新增工具箱功能区(ToolboxSection)，展示四大AI工具卡片
- 首页剧本功能区替换为六维柱状图可视化(ScriptReviewVisual)
- 剧本评分页面(ScriptTokensPage)全面重构为新版UI布局
- 左侧面板：上传区、AI识别信息、历史评测(持久化)、操作按钮
- 右侧：剧本输入区、评测结果Hero、六维柱状图、亮点/扣分点、优化建议表格
- 历史评测支持localStorage持久化，按时间倒序排列
 2026-06-02 18:58:13 +08:00
stringadmin 6b9953625e feat: UI interaction polish — exit animations, hover effects, directional transitions 
- Add AnimatedPanel component with CSS transition-based enter/exit for
  Profile popover and Notification panel (140ms scale+fade)
- Add nav-activate-pulse animation for floating-nav active indicator (320ms glow)
- Add tool-panel-fade-in crossfade when switching ecommerce tools
- Add carousel-card-label slide-up-in 260ms on active carousel card
- Add feature-visual img hover scale(1.03)+brightness, experience-route hover translateY(-2px)
- Add community-case-card--mosaic hover scale(1.02)+shadow lift
- Add directional PageTransition: forward→slideX(20px), backward→slideX(-20px)
- Move vite proxy target from hardcoded IP to VITE_DEV_PROXY env variable
- Add .env.example for developer onboarding

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
 2026-06-02 18:31:39 +08:00
ludan 9ababfda46 fix: 修复剧本评分文本框随内容无限下拉导致按钮被挤出视口 
- textarea 增加 max-height 限制高度不随内容增长
- textarea 增加 overflow-y: auto 启用内部滚动
- text-shell 同步增加 max-height 约束
 2026-06-02 18:18:00 +08:00
ludan ecade14bd0 feat: 实现全局响应式布局，适配不同设备、不同屏幕、不同分辨率 
- 统一断点体系：560px(手机)、900px(平板)、1180px(小桌面)
- Shell导航：900px底部导航条、560px紧凑布局、顶栏触控优化
- 电商页面：三栏布局在平板/手机下改为单栏堆叠+横向标签切换
- 工作台：启动页编辑器全宽、消息气泡适配窄屏、建议标签换行
- 画布页面：工具栏横向滚动、节点缩小、手机全屏操作
- 社区/资产库/工具页/数字人等全部17个页面补齐响应式断点
- 新增32条@media规则，媒体查询从107条增至139条
 2026-06-02 17:45:57 +08:00
stringadmin 93a538d51d feat: UI animation enhancements across all major pages 
P1 - Critical UX feedback:
- Add scale-in + slide-up-in entrance animations to profile popover and notification panel
- Port SmoothedProgressBar to EcommercePage (4 generation tools: clone, detail, tryOn, productSet)
- Add result-reveal stagger animation to ecommerce result grids
- Add heart-pop spring animation to CommunityPage favorite toggle

P2 - Visual polish:
- Add scroll-entrance IntersectionObserver animations for HomePage feature sections and experience section
- Add chat-message-in entrance animation to WorkbenchPage message rows
- Fix prefers-reduced-motion accessibility in WelcomeSplash canvas (skip animation, instant entry)

P3 - CSS consolidation:
- Remove conflicting .page-motion definition from legacy-pages.css (keep translateY version from legacy-components.css)
- Consolidate skeleton-shimmer: remove opacity-pulse keyframe from primitives.css, unify with gradient sweep
- Wire up --ease-spring token for heart-pop animation
- Add :active press states (scale 0.97) to topbar buttons, brand lockup

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
 2026-06-02 17:37:51 +08:00
stringadmin bedee3ba8d Initial commit: OmniAI Web Frontend 
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
 2026-06-02 12:38:01 +08:00