Repository navigation
feat(overview): Stage-1 mock「实时进行中」摘要卡（只读） - #435
Merged
Merged
Conversation
Agent Queue 观感映射既有账号池槽位 / 进行中请求 / 冷却限流 / 深度； 假数据 + GSAP 入场与扫光；无 Pause/Cancel/并发步进。同步 webui static。
Reimplement drop/slot/grow/sheen/glow/shake timings and cubic-bezier(0.22,1,0.36,1) from publicly served Agent Queue demo CSS (notes only — no Pro source). Horizontal worker rail (pill + clip-path bar + elapsed), amber cooldown, refreshed screenshots.
Remap public AffectUI Agent Queue demo CSS vars onto project tokens (--il-* color-mix wells/chips, amber cooldown only, chart-1 depth, ok/err edge bins). Elevate nested surfaces off the card; keep motion timings. Refresh Stage-1 mock screenshots + webui static.
Shift Stage-1 card bases off cold gray with chart-3 washes (still project tokens). Replace SVG polyline depth with recharts monotone Area + gradient fill and rate-limit ReferenceArea bands. Keep GSAP entrance on transform/opacity with force3D and public AffectUI timings (drop/slot/grow/ sheen/glow/shake).
Card/well/chip back to foreground×surface mixes per project tokens. chart-3 orange only stays out of surfaces; amber (--warning) reserved for rate-limit/cooldown accents. Keep recharts depth curve. Refresh shots.
Owner
Author
|
视觉反馈「底色不要橙色」已跟：去掉 card/well/chip 上的 tip: |
…tUI motion Extend /api/live with read-only workers/rate_limits/sticky from AccountView, Pool DownUntil/ModelCooldowns, and SessionAffinity.Stats — no new cooldown SM, inflight routes, or SQLite. InflightLiveCard queue/slot items use solid-glass; Stage-1 mock live loop adds subtle queue 流光, stronger running sheen, and GSAP flies queue→worker and worker→Done/Failed. Sync webui + refresh mock shots.
GSAP-only: queue vacancy FLIP after fly-out, worker occupy on land, priority glide-past, CountUp metrics, depth chart continuous glide, retry slide-back. Queue shows 3 pills + kind dots; workers rail ≤4.
…fills Overflow: 3 pills + kind dots; workers rail ≤4; solid-glass, amber only on rate-limit.
User feedback after Docker: waiting queue felt like it never flew into account slots. flyGhost was fading to opacity 0.15 (barely-visible text). Match AffectUI Agent Queue fly-in: opaque solid-glass pill clone (kind wash + kind dot), 720ms clear horizontal FLIP into the slot, 3 staggered afterimage residuals, short land hold before unmount. Keep solid-glass; no orange / chart-3 wash.
Owner
Author
视觉跟进（本地 Docker 反馈）
a270ed3 加强 queue→worker：
请再 |
Default collapsed — no live projection until expand (LiveStrip concurrency or card toggle). Open → map workers/rate_limits/sticky; mock tick only when live is missing. Sync static for Docker rebuild.
applyLiveProjection 在 live 投影时清零 totals/throughput/p95，深度仅滚动真实 in_flight 采样；InflightLiveCard 仅在 live === null 时跑 mock 活环。
忙碌槽位用 Pool InFlightSince → /api/live started_at 显示墙钟已耗时 （约 150ms 滴答）；进度条改为 indeterminate 流光，不再用假百分比。 空闲保持干净；同步 webui static。
账号槽位 py-2 / h-2.5 / 11px 文案与 gap-2，贴近 AffectUI 呼吸感； kind 粉彩、完成薄荷/失败珊瑚略加深，限流琥珀洗底变轻，忙碌槽冷色描边。
账号槽复用 ProviderMark（贴合 solid-glass）；完成/失败图标优先；等待/槽位/P95 等文案精简。
忙碌槽 chart-1 流光更亮；队列飞入不透明胶囊 + kind 拖尾光晕；kind/忙碌描边略加饱和。
busy→idle 按单次结果路由：/api/live 抽干 recent_completions， last_error_kind 兜底；mock completions + GSAP 按 job 分到 Done/Failed。
队列/槽位/任务 pill/Done·Failed/深度图去掉叠 solid-glass；靠颜色洗底区分，小项最多一根极细描边。保留流光、失败路由、ProviderMark。
账号 max_inflight 驱动槽条 N 等分格；in_flight 占用格洗底+流光。
飞向 Done/Failed 落点略短于按钮中心；飞行 onComplete 即对细描边做 1–2 次 GSAP 轻脉冲（success/danger）。
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Overview 阶段 1：只读「实时进行中」摘要卡（假数据），用 AffectUI Agent Queue 的观感呈现 cli2api 既有机制（等待请求 / 账号池槽位 / sticky / 冷却·限流琥珀 / 深度图），不发明并行队列控制面。
jobs≈进行中/等待请求，workers≈账号槽，rateLimits≈冷却/限流，depth≈近窗 waiting/并发lib/motion）；限流槽琥珀冻结 + 深度图琥珀色带/live（本 PR 不实现全页；等视觉点头后再做 Stage 2 + 真 inflight）npm run sync嵌入internal/webui/staticchangelog/unreleased/overview-inflight-mock-card.md未 merge / release / deploy。请先过视觉再开 Stage 2。
Screenshots
本地副本：
/workspace/overview-inflight-mock-shots/Test plan
/live（可 404/回首页，预期）frontend/dist同步；changelog 双语条目存在