From 7d4efa48443ec73e360e02561776f0f286ce35c2 Mon Sep 17 00:00:00 2001 From: kang Date: Fri, 15 May 2026 19:19:18 +0800 Subject: [PATCH] auto-save 2026-05-15 19:19 (~4) --- .memory/worklog.json | 26 ++--- docs/source-analysis.html | 16 ++- web/app/globals.css | 78 +++++++++++++ web/app/login/page.tsx | 238 +++++++++++++++----------------------- 4 files changed, 197 insertions(+), 161 deletions(-) diff --git a/.memory/worklog.json b/.memory/worklog.json index 7bbec24..62f318d 100644 --- a/.memory/worklog.json +++ b/.memory/worklog.json @@ -1,18 +1,5 @@ { "entries": [ - { - "files_changed": 3, - "message": "Codex 会话活跃 · 最近命令：codex · 3 项未提交变更 · 最近提交：auto-save 2026-05-14 03:14 (~2)", - "ts": "2026-05-13T19:18:49Z", - "type": "session-heartbeat" - }, - { - "files_changed": 4, - "hash": "2144c37", - "message": "auto-save 2026-05-14 03:20 (~4)", - "ts": "2026-05-14T03:20:46+08:00", - "type": "commit" - }, { "files_changed": 1, "message": "Claude 会话活跃 · 最近命令：claude · 1 项未提交变更 · 最近提交：auto-save 2026-05-14 03:20 (~4)", @@ -3257,6 +3244,19 @@ "message": "auto-save 2026-05-15 19:08 (~3)", "hash": "086585a", "files_changed": 3 + }, + { + "ts": "2026-05-15T19:13:46+08:00", + "type": "commit", + "message": "auto-save 2026-05-15 19:13 (~2)", + "hash": "ea52864", + "files_changed": 2 + }, + { + "ts": "2026-05-15T11:14:49Z", + "type": "session-heartbeat", + "message": "Codex 会话活跃 · 最近命令：codex · 1 项未提交变更 · 最近提交：auto-save 2026-05-15 19:13 (~2)", + "files_changed": 1 } ] } diff --git a/docs/source-analysis.html b/docs/source-analysis.html index 6238d28..d64e851 100644 --- a/docs/source-analysis.html +++ b/docs/source-analysis.html @@ -591,10 +591,10 @@ - + - + @@ -944,6 +944,18 @@ SubjectAsset {

变更记录

这个记录不是 git log 的替代品。它记录“产品理解发生了什么变化、影响了哪些源码、你以后描述需求时该怎么说”。后续每次改功能都要补一条。

+
+
+

2026-05-15 · 登录页只保留源码背景、登录和动画

+ UI + Login +
+
+

问题：登录页仍像内容页，保留了 SKG 标题、内容创作中枢、Pipeline 状态和底部指标，和“直接把源码背景写过来，上面只放登录和动画”的目标不一致。

+

改动：web/app/login/page.tsx 删除左侧营销文案、状态胶囊、标题、说明、Pipeline 和指标栏，只保留 OasisCanvas、动态角色透明框和登录表单。web/app/globals.css 新增 login-page--source、login-source-overlay、login-source-character-panel 等样式，让两个功能浮层直接叠在原版 Digital Oasis 背景上。

+

影响：web/app/login/page.tsx、web/app/globals.css、docs/source-analysis.html。

+
+

2026-05-15 · 登录页草地鼠标转发、面板压缩和角色放大

diff --git a/web/app/globals.css b/web/app/globals.css index cc65d5c..bd08759 100644 --- a/web/app/globals.css +++ b/web/app/globals.css @@ -365,6 +365,61 @@ -webkit-text-fill-color: #fff; transition: background-color 9999s ease-in-out 0s; } +.login-page--source::before, +.login-page--source::after { + display: none; +} +.login-page--source .login-oasis-shade { + background: + radial-gradient(circle at 34% 52%, rgba(230, 245, 120, 0.08), transparent 28%), + linear-gradient(90deg, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.04) 44%, rgba(0, 0, 0, 0.38)); +} +.login-source-overlay { + position: relative; + z-index: 10; + display: grid; + min-height: 100vh; + grid-template-columns: minmax(320px, 460px) minmax(280px, 320px); + align-items: center; + justify-content: center; + gap: clamp(28px, 8vw, 120px); + padding: clamp(20px, 4vw, 56px); +} +.login-source-character-panel { + width: min(460px, 36vw); + border: 1px solid rgba(140, 180, 120, 0.14); + border-radius: 16px; + background: rgba(10, 18, 10, 0.28); + padding: 16px; + box-shadow: 0 8px 40px rgba(0, 0, 0, 0.32); + backdrop-filter: blur(12px); +} +.login-source-character-panel .login-character-stage { + min-height: 330px; + border-color: rgba(255, 255, 255, 0.12); + background: + linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px), + linear-gradient(180deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px), + rgba(255, 255, 255, 0.035); + background-size: 28px 28px, 28px 28px, auto; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08); +} +.login-source-character-panel .login-character-stage::after { + background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.24)); +} +.login-source-character-panel .login-stage-grid { + border-color: rgba(255, 255, 255, 0.11); +} +.login-source-character-panel .login-characters-container { + transform: translateX(-50%) scale(0.78); +} +.login-page--oasis .login-source-auth-panel { + width: min(320px, calc(100vw - 40px)); + padding: 22px; +} +.login-page--source .login-auth-icon { + margin-bottom: 0; +} .login-hero { isolation: isolate; color: #282828; @@ -1089,6 +1144,29 @@ .login-page--oasis .login-auth-panel { padding: 24px 18px; } + .login-source-overlay { + min-height: 100vh; + grid-template-columns: 1fr; + align-content: center; + gap: 18px; + padding: 20px; + } + .login-source-character-panel { + width: min(100%, 350px); + justify-self: center; + padding: 12px; + } + .login-source-character-panel .login-character-stage { + min-height: 220px; + } + .login-source-character-panel .login-characters-container { + transform: translateX(-50%) scale(0.48); + } + .login-page--oasis .login-source-auth-panel { + width: min(100%, 330px); + justify-self: center; + padding: 20px; + } .login-page--oasis .login-wordmark__logo { font-size: 24px; } diff --git a/web/app/login/page.tsx b/web/app/login/page.tsx index c551558..6429ab8 100644 --- a/web/app/login/page.tsx +++ b/web/app/login/page.tsx @@ -9,8 +9,6 @@ import { Eye, EyeOff, LockKeyhole, - ShieldCheck, - Sparkles, UserRound, } from "lucide-react" import { AnimatedLoginCharacters, type LoginCharacterMood } from "@/components/login/animated-login-characters" @@ -86,162 +84,110 @@ export default function LoginPage() { } return ( -
+
-
-
-
-
-
-
- SKG - Creative OS -
-
- - Internal Access -
-
+
+ -
-

CONTENT PRODUCTION SYSTEM

-

内容创作中枢

-

统一进入素材拆解、画面处理、声音处理与成片生成流程。

-
- -
-
- Creative Pipeline - Pipeline ready -
-
- Live Creative Modules - -
-
- - Pipeline Online -
-
- -
- {[ - ["Frame Lab", "画面"], - ["Sound Lab", "声音"], - ["Final Cut", "成片"], - ].map(([label, value]) => ( -
- {label} - {value} -
- ))} +
+
+
+
+
-
-
- -
-
- -
-

身份验证

-

验证后进入内容生产环境

-
- -
- - - -
- -
- -
- {error ? ( -
- - {error} -
- ) : status === "success" ? ( -
- - 验证通过，正在打开工作台 -
- ) : null} -
+ +
- - -
-
+ onChange={(event) => setRemember(event.target.checked)} + /> + 保持会话 + + +
+ {error ? ( +
+ + {error} +
+ ) : status === "success" ? ( +
+ + 正在进入 +
+ ) : null} +
+ + + +
)
web/app/page.tsx产品工作台主状态：jobs、activeJobId、按 job 隔离的 selectedFrames/详情面板状态、clipboard、ReactFlow 节点和边；负责打开/找回画布工作面板。
web/app/login/page.tsx生产登录页：访问账号/访问密钥表单、保持会话、错误/成功状态；页面改为全屏 Digital Oasis 式动态背景、黑白/香槟金视觉、Internal Access 胶囊和画面/声音/成片状态栏；右侧身份验证面板保持简约窄列，不再强制大高度。
web/app/login/page.tsx生产登录页：访问账号/访问密钥表单、保持会话、错误/成功状态；当前只在原版 Digital Oasis 动态背景上叠加登录表单和动态角色，不再保留 SKG 标题、内容创作中枢、Pipeline、指标栏等额外文案。
web/components/login/oasis-canvas.tsx登录页全屏动态视觉层：用 iframe 直接承载下载包 web/public/oasis-source/index.html 的原 WebGPU / Three.js 草场源码；父级登录页只覆盖自己的文案和表单，并在捕获阶段把全局鼠标坐标转发给 iframe，避免登录面板遮挡时草地失去鼠标响应。
web/public/oasis-source/index.html从下载包 remix-3d-website-the-digital-o 复制来的原始视觉源码。只额外隐藏 demo 站自己的导航、文字和设置面板，保留原 WebGPU 渲染、草场、景深和鼠标交互源码；同时接收父页面 postMessage 指针坐标驱动草地交互。
web/components/login/animated-login-characters.tsx登录页四个几何动态角色组件：当前作为左侧透明框架里的放大主视觉展示，保留鼠标眼神跟随、输入、显示密码、错误和成功状态反馈。
web/components/login/animated-login-characters.tsx登录页四个几何动态角色组件：当前作为原版 Oasis 背景上的独立透明框架展示，保留鼠标眼神跟随、输入、显示密码、错误和成功状态反馈。
web/components/nodes/index.tsxDAG 节点定义：Input、VisualLab、Audio、Compose，以及画布工作面板 KeyframePanel / VideoFramePanel；旧 Keyframe/Storyboard/VideoGen 组件保留但不再挂主画布。
web/components/audio-strip.tsx底部吸附音频条：可拖拽调整高度；播放原音频时移动指针，逐个高亮英文/中文字幕节点和对应波形，并在右侧固定显示按原音频时长生成的 SKG 英文产品口播和 MiniMax 随机英文配音。
web/components/lightbox.tsx关键帧素材准备面板：清洗、统一主体候选、参考帧网格、六张主体重绘图、每帧去主体场景图、纵向 6 行产品融合镜头工作表和审核。