Goal: Create a cinematic sci-fi product mockup of a futuristic operations dashboard titled {argument name="product title" default="HOLOGRAPHIC WORKBENCH"}, floating as a transparent neon-blue holographic screen above a dark control desk in a cyberpunk command center.
Canvas: Wide 16:9 landscape interface screenshot, dark navy/black glassmorphism UI, glowing cyan borders, subtle scanlines, tiny grid texture, high detail, realistic GPT-image-2 style render, shallow depth of field with blurred server lights in the background. The interface should feel like a clickable prototype built on top of a beautiful concept render.
Header: Top-left brand text reads “PARACORTEX TERMINAL” above the main title “HOLOGRAPHIC WORKBENCH” with the subtitle “Situational awareness across code, agents, and infrastructure.” Top-center metadata shows exactly 3 fields: Workspace “paracortex-core”, Session “
[email protected]”, Time “09:42:17 UTC”. Top-right includes a small button labeled “SIMULATE EVENT” plus tiny gear, sync, and plus icons.
Left navigation: A vertical glowing sidebar with exactly 8 icon navigation items labeled, from top to bottom: Overview, Pulse, Agents, Jobs, Traces, Infra, Config, Reports. At the lower left, include a small system status panel with Status “Operational”, Health “98.6%”, and Uptime “170 4H 23M”.
Top metric row: Show exactly 6 stat cards across the top. Card 1: “PULSE SCORE” value “78” status “GOOD” with a small line graph. Card 2: “ACTIVE AGENTS” value “42 / 64” status “ONLINE”. Card 3: “RUNNING JOBS” value “124” status “+12.4%”. Card 4: “SYSTEM HEALTH” value “98.6%” status “NOMINAL”. Card 5: “EVENTS (24H)” value “1,284” status “+8.7%”. Card 6: “TRACES (24H)” value “4.7M” status “+23.1%”.
Main layout: Beneath the metric row, create exactly 5 large vertical columns/cards. Column 1 is “NEEDS YOU” with badge count 3 and exactly 3 task cards: “Release blocked” with urgent red styling, “Schema change detected” with yellow approval styling, and “PR #402 open” with purple lifecycle styling. Column 2 is “IN MOTION” with badge count 4 and exactly 3 visible task cards: “Indexer lagging” as a red incident with small x20 badge and tiny bar chart, “Refactor batch running” with teal progress bar, and “Reconnected” with blue session recovered styling. Column 3 is “CHANGED” with badge count 6 and exactly 3 task cards: “v1.4.0 shipped”, “Indexer catching up” with mini bar chart, and “Agent config updated”. Column 4 is “CONDITIONS” with badge count 4 and exactly 3 task cards: “Telemetry not monitored”, “Message bus healthy”, and “Agent pool healthy”. Column 5 is a right-side “SELECTED CONTEXT” details panel focused on {argument name="selected incident" default="Indexer lagging"}, showing a red x20 badge, a red histogram, a vertical timeline with timestamps, and affected service chips.
Selected context details: The right detail panel should include title “Indexer lagging”, subtext “Since 09:25 UTC (16m)” and “20 repositories behind”. Add a red bar chart labeled along the bottom with times around 09:00, 09:15, 09:30, 09:45. Timeline contains exactly 5 entries: “09:42 Lag threshold breached”, “09:37 Alert sent”, “09:36 Auto mitigation started”, “09:34 Partial recovery”, and “09:26 Incident opened”. Add a small button labeled “Investigate”. Affected services chips: “paracortex-core”, “port-1”, “port-indexer”, “port-agent”, “+15 more”.
Bottom activity area: Add an “ACTIVITY TRACE” panel spanning the width under the main columns, labeled “Last 60 minutes”. Include a horizontal time-based trace with multicolored dots, small filter tabs exactly 6: “All”, “Events”, “Commits”, “Jobs”, “Agents”, “Alerts”. On the right of this panel, include a compact event list and a tiny legend with exactly 6 categories: Alerts, Changes, Jobs, Commits, Infra, Info.
Foreground controls: At the bottom center, place a separate rounded glass status dock floating in front of the screen. It contains exactly 4 large counters matching the columns: “Needs you 3” in red, “In motion 4” in blue, “Changed 6” in teal, and “Conditions 4” in amber. In the center bottom of the dock, include a glowing purple-blue cube orb emblem.
Color and style: Use neon cyan outlines, teal and electric blue glow, red for incidents, amber for warnings, purple for lifecycle/session items. UI panels are translucent dark glass with rounded corners. Text is small but mostly legible, technical, dense, and polished. Add subtle reflections on the desk, small physical knobs and screens at the bottom edge, and atmospheric blue light beams.
Constraints: Keep all listed counts exact: 8 sidebar items, 6 top metric cards, 5 main columns, 15 total visible main task/detail cards if counting the right selected context panel, 6 filter tabs, 6 legend categories, and 4 dock counters. Do not add people. Do not use a flat white background. Avoid cartoon styling; make it look like a premium sci-fi SaaS dashboard prototype.
目标：创建一个电影级科幻产品模型，展示一个未来感操作仪表盘，标题为 {argument name="product title" default="HOLOGRAPHIC WORKBENCH"}，悬浮在赛博朋克指挥中心深色控制台上方，呈现为半透明的霓虹蓝全息屏幕。
画布：宽屏 16:9 横向界面截图，深海军蓝/黑色玻璃拟态 UI，发光的青色边框，细微的扫描线，微小的网格纹理，高细节，逼真的 GPT-image-2 风格渲染，浅景深，背景中有模糊的服务器灯光。界面应呈现出一种构建在精美概念渲染之上的可点击原型感。
页眉：左上角品牌文字显示“PARACORTEX TERMINAL”，下方为主标题“HOLOGRAPHIC WORKBENCH”，副标题为“Situational awareness across code, agents, and infrastructure.”。顶部中央元数据精确显示 3 个字段：工作区 “paracortex-core”，会话 “
[email protected]”，时间 “09:42:17 UTC”。右上角包含一个标有 “SIMULATE EVENT” 的小按钮，以及微小的齿轮、同步和加号图标。
左侧导航：一个垂直的发光侧边栏，包含 8 个图标导航项，从上到下依次为：Overview、Pulse、Agents、Jobs、Traces、Infra、Config、Reports。左下角包含一个小型的系统状态面板，显示状态 “Operational”，健康度 “98.6%”，运行时间 “170 4H 23M”。
顶部指标行：顶部显示 6 个统计卡片。卡片 1：“PULSE SCORE”，数值 “78”，状态 “GOOD”，配有小型折线图。卡片 2：“ACTIVE AGENTS”，数值 “42 / 64”，状态 “ONLINE”。卡片 3：“RUNNING JOBS”，数值 “124”，状态 “+12.4%”。卡片 4：“SYSTEM HEALTH”，数值 “98.6%”，状态 “NOMINAL”。卡片 5：“EVENTS (24H)”，数值 “1,284”，状态 “+8.7%”。卡片 6：“TRACES (24H)”，数值 “4.7M”，状态 “+23.1%”。
主布局：在指标行下方，创建 5 个大型垂直列/卡片。第 1 列为 “NEEDS YOU”，徽章计数 3，包含 3 个任务卡片：“Release blocked”（红色紧急样式）、“Schema change detected”（黄色审批样式）和 “PR #402 open”（紫色生命周期样式）。第 2 列为 “IN MOTION”，徽章计数 4，包含 3 个可见任务卡片：“Indexer lagging”（红色事故，带 x20 徽章和微型柱状图）、“Refactor batch running”（青色进度条）和 “Reconnected”（蓝色会话恢复样式）。第 3 列为 “CHANGED”，徽章计数 6，包含 3 个任务卡片：“v1.4.0 shipped”、“Indexer catching up”（带迷你柱状图）和 “Agent config updated”。第 4 列为 “CONDITIONS”，徽章计数 4，包含 3 个任务卡片：“Telemetry not monitored”、“Message bus healthy” 和 “Agent pool healthy”。第 5 列为右侧 “SELECTED CONTEXT” 详情面板，聚焦于 {argument name="selected incident" default="Indexer lagging"}，显示红色 x20 徽章、红色直方图、带有时间戳的垂直时间轴以及受影响的服务标签。
选定上下文详情：右侧详情面板应包含标题 “Indexer lagging”，副标题 “Since 09:25 UTC (16m)” 和 “20 repositories behind”。添加一个底部标有 09:00、09:15、09:30、09:45 等时间的红色柱状图。时间轴包含 5 个条目：“09:42 Lag threshold breached”、“09:37 Alert sent”、“09:36 Auto mitigation started”、“09:34 Partial recovery” 和 “09:26 Incident opened”。添加一个标有 “Investigate” 的小按钮。受影响的服务标签：“paracortex-core”、“port-1”、“port-indexer”、“port-agent”、“+15 more”。
底部活动区域：在主列下方添加一个横跨宽度的 “ACTIVITY TRACE” 面板，标注为 “Last 60 minutes”。包含一个带有彩色圆点的水平时间轴，以及 6 个过滤标签：“All”、“Events”、“Commits”、“Jobs”、“Agents”、“Alerts”。在此面板右侧，包含一个紧凑的事件列表和一个包含 6 个类别的微型图例：Alerts、Changes、Jobs、Commits、Infra、Info。
前景控件：在底部中央，放置一个悬浮在屏幕前方的独立圆形玻璃状态底座。它包含 4 个与列对应的计数器：“Needs you 3”（红色）、“In motion 4”（蓝色）、“Changed 6”（青色）、“Conditions 4”（琥珀色）。底座中心包含一个发光的紫蓝色立方体球体徽标。
颜色与风格：使用霓虹青色轮廓、青色和电蓝色光晕、红色（事故）、琥珀色（警告）、紫色（生命周期/会话项）。UI 面板为半透明深色玻璃，圆角设计。文字较小但清晰可辨、技术感强、密集且精致。在桌面上添加细微的反射，底部边缘有小型物理旋钮和屏幕，以及大气感的蓝色光束。
约束：保持所有列出的计数精确：8 个侧边栏项目，6 个顶部指标卡片，5 个主列，15 个可见主任务/详情卡片（包含右侧选定上下文面板），6 个过滤标签，6 个图例类别，以及 4 个底座计数器。不要添加人物。不要使用纯白色背景。避免卡通风格；使其看起来像一个高端科幻 SaaS 仪表盘原型。
Comments & Questions (0)
No comments yet
Be the first to comment!