gpt-5.4 @ low · cursor
cursorlow
- config
- gpt-5.4-eff-low--cli--cursor--dev
- batch
- 2026-07-19--unified
- transport
- cursor-agent-cli-isolated-home
- protocol
- cli · plan
- served model
- gpt-5.4-low
- 采集于
- 2026年7月18日 11:54 · N=2
variant
live
slot 0 · P-q · sandboxed iframe

截图是 similarity 通道测量时的原始像素。运行 live 会在 sandboxed iframe 中重新执行原始输出;渲染结果取决于你的浏览器和字体,不保证与测量像素一致。
similarity 邻居本 session 没有 similarity 数据 —— 这个 batch 没有计算 pairs。
Fidelity —— 卡片展示的数据对不对?
- namematch
- conditionmatch
- datematch
- max tempambiguousinsufficient-distinct-temperature-nodes
- min tempambiguousinsufficient-distinct-temperature-nodes
- hourlyambiguouscoverage · 0 命中 · 0 不符 · 24 未展示
- request sidematch0 处违规
extractor fidelity-extractor-v1+Berlin-2026-07-15
源码 —— 原始模型输出,一字节未改
下载 card.html<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Weather Card</title>
<style>
:root {
--bg-1: #0b1220;
--bg-2: #121c33;
--card: rgba(12, 18, 32, 0.72);
--card-border: rgba(255, 255, 255, 0.12);
--text: #f7fbff;
--muted: #a8b7cf;
--accent: #8dd6ff;
--accent-2: #cdb8ff;
--shadow: 0 24px 80px rgba(0, 0, 0, 0.38);
--good: #9be7b3;
--bad: #ffb3b3;
--hour-bg: rgba(255, 255, 255, 0.06);
--hour-border: rgba(255, 255, 255, 0.09);
}
* {
box-sizing: border-box;
}
html, body {
margin: 0;
width: 1280px;
height: 800px;
overflow: hidden;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
color: var(--text);
background:
radial-gradient(circle at 18% 20%, rgba(93, 160, 255, 0.32), transparent 30%),
radial-gradient(circle at 82% 16%, rgba(180, 126, 255, 0.24), transparent 26%),
radial-gradient(circle at 50% 100%, rgba(66, 103, 178, 0.32), transparent 45%),
linear-gradient(145deg, var(--bg-1), var(--bg-2));
}
body {
display: grid;
place-items: center;
padding: 28px;
position: relative;
isolation: isolate;
}
body::before,
body::after {
content: "";
position: absolute;
inset: auto;
border-radius: 999px;
filter: blur(40px);
opacity: 0.8;
pointer-events: none;
z-index: -1;
}
body::before {
width: 260px;
height: 260px;
left: 60px;
top: 64px;
background: rgba(96, 176, 255, 0.18);
}
body::after {
width: 320px;
height: 320px;
right: 48px;
bottom: 40px;
background: rgba(181, 145, 255, 0.15);
}
.card {
width: 100%;
height: 100%;
border-radius: 32px;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
var(--card);
border: 1px solid var(--card-border);
box-shadow: var(--shadow);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
overflow: hidden;
display: grid;
grid-template-rows: auto 1fr auto;
position: relative;
}
.card::before {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(120deg, rgba(255,255,255,0.12), transparent 25%, transparent 75%, rgba(255,255,255,0.06)),
linear-gradient(180deg, transparent, rgba(255,255,255,0.02));
pointer-events: none;
}
.header {
padding: 34px 38px 20px;
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 24px;
position: relative;
z-index: 1;
}
.title-wrap {
min-width: 0;
}
.eyebrow {
color: var(--accent);
text-transform: uppercase;
letter-spacing: 0.14em;
font-size: 12px;
font-weight: 700;
margin-bottom: 12px;
opacity: 0.95;
}
.location {
margin: 0;
font-size: 52px;
line-height: 1;
letter-spacing: -0.04em;
font-weight: 800;
max-width: 680px;
text-wrap: balance;
}
.date {
margin-top: 12px;
color: var(--muted);
font-size: 20px;
letter-spacing: -0.01em;
font-weight: 500;
}
.icon-wrap {
width: 120px;
height: 120px;
border-radius: 28px;
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.1);
display: grid;
place-items: center;
flex: 0 0 auto;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}
.icon {
font-size: 58px;
line-height: 1;
filter: drop-shadow(0 8px 22px rgba(0,0,0,0.25));
}
.main {
display: grid;
grid-template-columns: 420px 1fr;
gap: 22px;
padding: 8px 38px 24px;
min-height: 0;
position: relative;
z-index: 1;
}
.summary {
display: grid;
grid-template-rows: auto auto 1fr;
gap: 18px;
min-height: 0;
}
.hero {
border-radius: 28px;
background:
radial-gradient(circle at top right, rgba(141, 214, 255, 0.18), transparent 35%),
linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04));
border: 1px solid rgba(255,255,255,0.1);
padding: 28px 26px;
min-height: 240px;
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
}
.condition {
color: #ffffff;
font-size: 30px;
line-height: 1.15;
letter-spacing: -0.03em;
font-weight: 700;
max-width: 280px;
}
.temps {
display: flex;
align-items: baseline;
gap: 16px;
flex-wrap: wrap;
}
.temp-main {
font-size: 84px;
line-height: 0.95;
font-weight: 800;
letter-spacing: -0.06em;
}
.temp-range {
display: grid;
gap: 8px;
color: var(--muted);
font-size: 18px;
font-weight: 600;
}
.temp-range strong {
color: var(--text);
font-size: 24px;
letter-spacing: -0.03em;
}
.details {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.detail {
border-radius: 22px;
padding: 18px 18px 16px;
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.08);
min-height: 102px;
}
.detail-label {
color: var(--muted);
font-size: 13px;
letter-spacing: 0.08em;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 12px;
}
.detail-value {
font-size: 28px;
line-height: 1.1;
letter-spacing: -0.03em;
font-weight: 750;
}
.detail-sub {
margin-top: 8px;
color: var(--muted);
font-size: 14px;
}
.hourly-panel {
min-width: 0;
border-radius: 28px;
background:
linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035));
border: 1px solid rgba(255,255,255,0.1);
padding: 22px 20px 20px;
display: grid;
grid-template-rows: auto 1fr;
min-height: 0;
}
.panel-head {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 12px;
margin-bottom: 18px;
padding: 0 4px;
}
.panel-title {
margin: 0;
font-size: 24px;
letter-spacing: -0.03em;
font-weight: 750;
}
.panel-subtitle {
color: var(--muted);
font-size: 14px;
font-weight: 500;
}
.hours {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 12px;
align-content: start;
overflow: hidden;
padding: 2px;
}
.hour {
background: var(--hour-bg);
border: 1px solid var(--hour-border);
border-radius: 20px;
min-height: 108px;
padding: 14px 12px;
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}
.hour-time {
color: var(--muted);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.04em;
}
.hour-temp {
font-size: 28px;
line-height: 1;
font-weight: 800;
letter-spacing: -0.05em;
}
.hour-bar {
height: 8px;
border-radius: 999px;
background: rgba(255,255,255,0.07);
overflow: hidden;
}
.hour-bar-fill {
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, var(--accent), var(--accent-2));
width: 50%;
}
.footer {
position: relative;
z-index: 1;
padding: 0 38px 26px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 18px;
color: var(--muted);
font-size: 14px;
}
.status {
padding: 10px 14px;
border-radius: 999px;
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.08);
white-space: nowrap;
}
.status.loading {
color: var(--accent);
}
.status.error {
color: var(--bad);
}
.status.ok {
color: var(--good);
}
.error-screen,
.loading-screen {
position: absolute;
inset: 0;
display: none;
place-items: center;
padding: 40px;
z-index: 3;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
background: rgba(5, 10, 18, 0.28);
}
.error-box,
.loading-box {
width: min(620px, 100%);
border-radius: 28px;
padding: 32px 28px;
text-align: center;
background: rgba(12, 18, 32, 0.78);
border: 1px solid rgba(255,255,255,0.12);
box-shadow: var(--shadow);
}
.error-box h2,
.loading-box h2 {
margin: 0 0 12px;
font-size: 30px;
letter-spacing: -0.03em;
}
.error-box p,
.loading-box p {
margin: 0;
color: var(--muted);
font-size: 18px;
line-height: 1.5;
}
.error-screen.show,
.loading-screen.show {
display: grid;
}
.muted {
color: var(--muted);
}
</style>
</head>
<body>
<div class="card" id="card">
<div class="header">
<div class="title-wrap">
<div class="eyebrow">Weather Card</div>
<h1 class="location" id="location">Loading location</h1>
<div class="date" id="dateLabel">Loading date</div>
</div>
<div class="icon-wrap" aria-hidden="true">
<div class="icon" id="weatherIcon">...</div>
</div>
</div>
<div class="main">
<section class="summary">
<div class="hero">
<div class="condition" id="condition">Loading weather</div>
<div class="temps">
<div class="temp-main" id="tempMain">--°</div>
<div class="temp-range">
<div>High <strong id="tempMax">--°</strong></div>
<div>Low <strong id="tempMin">--°</strong></div>
</div>
</div>
</div>
<div class="details">
<div class="detail">
<div class="detail-label">Conditions</div>
<div class="detail-value" id="detailCondition">--</div>
<div class="detail-sub">Open-Meteo weather code</div>
</div>
<div class="detail">
<div class="detail-label">Daily Range</div>
<div class="detail-value" id="detailRange">--</div>
<div class="detail-sub">Max and min in Celsius</div>
</div>
</div>
</section>
<section class="hourly-panel">
<div class="panel-head">
<h2 class="panel-title">Hourly Temperatures</h2>
<div class="panel-subtitle" id="hourlySubtitle">UTC</div>
</div>
<div class="hours" id="hours"></div>
</section>
</div>
<div class="footer">
<div>Source: same-origin Open-Meteo compatible API</div>
<div class="status loading" id="status">Loading weather data...</div>
</div>
<div class="loading-screen show" id="loadingScreen">
<div class="loading-box">
<h2>Loading weather data</h2>
<p>Fetching forecast for the selected location and date in UTC.</p>
</div>
</div>
<div class="error-screen" id="errorScreen">
<div class="error-box">
<h2>Weather data could not be loaded</h2>
<p id="errorText">Please try again later.</p>
</div>
</div>
</div>
<script>
(function () {
const params = new URLSearchParams(window.location.search);
const now = new Date();
const todayUtc = now.toISOString().slice(0, 10);
const lat = parseFloat(params.get("lat") || "52.52");
const lon = parseFloat(params.get("lon") || "13.405");
const name = (params.get("name") || "Berlin").trim() || "Berlin";
const date = (params.get("date") || todayUtc).trim() || todayUtc;
const el = {
location: document.getElementById("location"),
dateLabel: document.getElementById("dateLabel"),
weatherIcon: document.getElementById("weatherIcon"),
condition: document.getElementById("condition"),
tempMain: document.getElementById("tempMain"),
tempMax: document.getElementById("tempMax"),
tempMin: document.getElementById("tempMin"),
detailCondition: document.getElementById("detailCondition"),
detailRange: document.getElementById("detailRange"),
hours: document.getElementById("hours"),
status: document.getElementById("status"),
hourlySubtitle: document.getElementById("hourlySubtitle"),
loadingScreen: document.getElementById("loadingScreen"),
errorScreen: document.getElementById("errorScreen"),
errorText: document.getElementById("errorText")
};
const weatherCodeMap = {
0: { label: "Clear sky", icon: "☀️" },
1: { label: "Mainly clear", icon: "🌤️" },
2: { label: "Partly cloudy", icon: "⛅" },
3: { label: "Overcast", icon: "☁️" },
45: { label: "Fog", icon: "🌫️" },
48: { label: "Depositing rime fog", icon: "🌫️" },
51: { label: "Light drizzle", icon: "🌦️" },
53: { label: "Moderate drizzle", icon: "🌦️" },
55: { label: "Dense drizzle", icon: "🌧️" },
56: { label: "Light freezing drizzle", icon: "🌧️" },
57: { label: "Dense freezing drizzle", icon: "🌧️" },
61: { label: "Slight rain", icon: "🌦️" },
63: { label: "Moderate rain", icon: "🌧️" },
65: { label: "Heavy rain", icon: "🌧️" },
66: { label: "Light freezing rain", icon: "🌧️" },
67: { label: "Heavy freezing rain", icon: "🌧️" },
71: { label: "Slight snow fall", icon: "🌨️" },
73: { label: "Moderate snow fall", icon: "🌨️" },
75: { label: "Heavy snow fall", icon: "❄️" },
77: { label: "Snow grains", icon: "❄️" },
80: { label: "Slight rain showers", icon: "🌦️" },
81: { label: "Moderate rain showers", icon: "🌧️" },
82: { label: "Violent rain showers", icon: "⛈️" },
85: { label: "Slight snow showers", icon: "🌨️" },
86: { label: "Heavy snow showers", icon: "❄️" },
95: { label: "Thunderstorm", icon: "⛈️" },
96: { label: "Thunderstorm with hail", icon: "⛈️" },
99: { label: "Heavy thunderstorm with hail", icon: "⛈️" }
};
function formatDateLong(dateStr) {
const d = new Date(dateStr + "T00:00:00Z");
return new Intl.DateTimeFormat("en-US", {
weekday: "long",
year: "numeric",
month: "long",
day: "numeric",
timeZone: "UTC"
}).format(d);
}
function formatTemp(value) {
if (typeof value !== "number" || !isFinite(value)) return "--°";
return Math.round(value) + "°";
}
function formatHour(isoString) {
const d = new Date(isoString + "Z");
return new Intl.DateTimeFormat("en-GB", {
hour: "2-digit",
minute: "2-digit",
hour12: false,
timeZone: "UTC"
}).format(d);
}
function getWeatherInfo(code) {
return weatherCodeMap[code] || { label: "Unknown conditions", icon: "🌍" };
}
function setStatus(text, type) {
el.status.textContent = text;
el.status.className = "status " + type;
}
function showError(message) {
setStatus("Unable to load weather", "error");
el.errorText.textContent = message || "Weather data could not be loaded.";
el.loadingScreen.classList.remove("show");
el.errorScreen.classList.add("show");
}
function hideOverlays() {
el.loadingScreen.classList.remove("show");
el.errorScreen.classList.remove("show");
}
function buildHourCards(times, temps) {
el.hours.innerHTML = "";
const validTemps = temps.filter(function (t) {
return typeof t === "number" && isFinite(t);
});
const min = Math.min.apply(null, validTemps);
const max = Math.max.apply(null, validTemps);
const range = Math.max(max - min, 1);
for (let i = 0; i < times.length; i++) {
const temp = temps[i];
const width = typeof temp === "number" && isFinite(temp)
? ((temp - min) / range) * 100
: 0;
const card = document.createElement("div");
card.className = "hour";
const time = document.createElement("div");
time.className = "hour-time";
time.textContent = formatHour(times[i]);
const temperature = document.createElement("div");
temperature.className = "hour-temp";
temperature.textContent = formatTemp(temp);
const bar = document.createElement("div");
bar.className = "hour-bar";
const fill = document.createElement("div");
fill.className = "hour-bar-fill";
fill.style.width = Math.max(8, Math.round(width)) + "%";
bar.appendChild(fill);
card.appendChild(time);
card.appendChild(temperature);
card.appendChild(bar);
el.hours.appendChild(card);
}
}
async function loadWeather() {
el.location.textContent = name;
el.dateLabel.textContent = formatDateLong(date);
el.hourlySubtitle.textContent = "24 hours in UTC";
const isPast = date < todayUtc;
const endpoint = isPast ? "/api/om/archive" : "/api/om/forecast";
const qs = new URLSearchParams({
latitude: String(lat),
longitude: String(lon),
daily: "temperature_2m_max,temperature_2m_min,weather_code",
hourly: "temperature_2m",
timezone: "UTC",
temperature_unit: "celsius",
start_date: date,
end_date: date
});
try {
const res = await fetch(endpoint + "?" + qs.toString(), {
method: "GET",
headers: {
"Accept": "application/json"
}
});
if (!res.ok) {
throw new Error("API returned status " + res.status);
}
const data = await res.json();
const daily = data && data.daily;
const hourly = data && data.hourly;
if (
!daily ||
!hourly ||
!Array.isArray(daily.temperature_2m_max) ||
!Array.isArray(daily.temperature_2m_min) ||
!Array.isArray(daily.weather_code) ||
!Array.isArray(hourly.time) ||
!Array.isArray(hourly.temperature_2m) ||
daily.temperature_2m_max.length < 1 ||
daily.temperature_2m_min.length < 1 ||
daily.weather_code.length < 1
) {
throw new Error("Weather response was incomplete");
}
const maxTemp = daily.temperature_2m_max[0];
const minTemp = daily.temperature_2m_min[0];
const code = daily.weather_code[0];
const info = getWeatherInfo(code);
el.weatherIcon.textContent = info.icon;
el.condition.textContent = info.label;
el.detailCondition.textContent = info.label;
el.tempMain.textContent = formatTemp(maxTemp);
el.tempMax.textContent = formatTemp(maxTemp);
el.tempMin.textContent = formatTemp(minTemp);
el.detailRange.textContent = formatTemp(maxTemp) + " / " + formatTemp(minTemp);
buildHourCards(hourly.time, hourly.temperature_2m);
hideOverlays();
setStatus("Weather loaded successfully", "ok");
} catch (err) {
showError("Weather data for this date and location could not be loaded.");
}
}
loadWeather();
})();
</script>
</body>
</html>L1 —— 廉价的确定性描述量
| bytes 总计 | 20,261 | html / css / js | 2,539 / 9,268 / 8,454 |
|---|---|---|---|
| dom 节点 | 52 | dom 深度 | 10 |
| css 规则 | 50 | 含 js | 是 |
| brightness | 52.5 | contrast | 29.4 |
| colorfulness | 12.5 | 留白 | 53.4% |
该 slot 的 telemetry
| prompt tokens | 16,108 | completion tokens | 5,777 |
|---|---|---|---|
| total tokens | 21,885 | wall | 51.3 s |
| cost | — | request id | — |
config.json553 B
{
"N": 2,
"auth": {
"credential_ref": "WCB_NONE",
"method": "oauth-login"
},
"billing": "plan",
"config_id": "gpt-5.4-eff-low--cli--cursor--dev",
"effort": "low",
"family": "gpt",
"m": {
"min": 2,
"q": 2
},
"model_id": "gpt-5.4",
"protocol": "cli",
"served_model": "gpt-5.4-low",
"telemetry": {
"completion_tokens": 22064,
"cost_usd": null,
"prompt_tokens": 36771,
"total_tokens": 58835,
"wall_ms": 188300
},
"transport": "cursor-agent-cli-isolated-home",
"vendor_sanction_ref": null
}send-log2.5 KB
{
"N": 2,
"batch_id": "2026-08-13--cursor-s2",
"config_id": "gpt-5.4-eff-low--cli--cursor--dev",
"positions": [
{
"attempts": [
{
"attempt_index": 0,
"backoff_ms": null,
"charged": true,
"ended_at": "2026-08-12T21:18:15.239108+00:00",
"http_status": null,
"outcome": "valid",
"reached_model": true,
"reason": "ok",
"request_id": null,
"started_at": "2026-08-12T21:17:23.888190+00:00"
}
],
"block_index": 0,
"model_reaching_attempt_index": 0,
"slot_index": 0,
"terminal_state": "valid",
"variant": "P-q"
},
{
"attempts": [
{
"attempt_index": 0,
"backoff_ms": null,
"charged": true,
"ended_at": "2026-08-12T21:18:53.263037+00:00",
"http_status": null,
"outcome": "valid",
"reached_model": true,
"reason": "ok",
"request_id": null,
"started_at": "2026-08-12T21:18:18.858058+00:00"
}
],
"block_index": 0,
"model_reaching_attempt_index": 0,
"slot_index": 0,
"terminal_state": "valid",
"variant": "P-min"
},
{
"attempts": [
{
"attempt_index": 0,
"backoff_ms": null,
"charged": true,
"ended_at": "2026-08-12T21:19:51.707494+00:00",
"http_status": null,
"outcome": "valid",
"reached_model": true,
"reason": "ok",
"request_id": null,
"started_at": "2026-08-12T21:18:56.476385+00:00"
}
],
"block_index": 1,
"model_reaching_attempt_index": 0,
"slot_index": 1,
"terminal_state": "valid",
"variant": "P-min"
},
{
"attempts": [
{
"attempt_index": 0,
"backoff_ms": null,
"charged": true,
"ended_at": "2026-08-12T21:20:42.566352+00:00",
"http_status": null,
"outcome": "valid",
"reached_model": true,
"reason": "ok",
"request_id": null,
"started_at": "2026-08-12T21:19:55.245137+00:00"
}
],
"block_index": 1,
"model_reaching_attempt_index": 0,
"slot_index": 1,
"terminal_state": "valid",
"variant": "P-q"
}
],
"retry_policy": {
"max_unreachable_retries": 5,
"rate_limit_backoff": {
"max_attempts": 4,
"max_total_ms": 60000
}
}
}