gpt-5.3-codex · cursor-xl

cursor-xl

config: gpt-5.3-codex--cli--cursor-xl--dev
batch: 2026-07-19--unified
transport: cursor-agent-cli-isolated-home
protocol: cli · plan
served model: gpt-5.3-codex
captured: Jul 18, 2026, 11:54 AM · N=2

variant

live

slot 0 · P-q · sandboxed iframe

gpt-5.3-codex · cursor-xl P-q slot 0 screenshot

The screenshot is the exact frozen pixels the similarity channels measured. Run live re-executes the raw output in a sandboxed iframe; its rendering depends on your browser and fonts and is not guaranteed to match the measured pixels.

similarity neighborsNo similarity data for this session — this batch has no computed pairs.

Fidelity — does the card show the right data?

namematch
conditionmatch
datematch
max tempmatchshown: 25
min tempmatchshown: 16
hourlymatchcoverage 24/24 · 24 match · 0 mismatch · 0 not shown
request sidematch0 violation(s)

extractor fidelity-extractor-v1+Berlin-2026-07-15

Source — raw model output, one byte unchanged

download card.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=1280, initial-scale=1.0" />
  <title>Weather Card</title>
  <style>
    :root {
      --bg1: #0b1220;
      --bg2: #18243d;
      --card: rgba(16, 24, 40, 0.72);
      --card-border: rgba(148, 163, 184, 0.28);
      --text: #e5edf8;
      --muted: #93a4bf;
      --accent: #7dd3fc;
      --accent-2: #a78bfa;
      --error: #fecaca;
      --error-bg: rgba(127, 29, 29, 0.45);
      --shadow: 0 20px 50px rgba(2, 6, 23, 0.55);
    }

    * {
      box-sizing: border-box;
    }

    html, body {
      width: 1280px;
      height: 800px;
      margin: 0;
      overflow: hidden;
      font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      color: var(--text);
      background:
        radial-gradient(1100px 600px at -10% -20%, rgba(125, 211, 252, 0.18), transparent 65%),
        radial-gradient(900px 540px at 105% 120%, rgba(167, 139, 250, 0.2), transparent 65%),
        linear-gradient(135deg, var(--bg1), var(--bg2));
      letter-spacing: 0.01em;
    }

    .wrap {
      width: 100%;
      height: 100%;
      padding: 44px;
      display: grid;
      place-items: center;
    }

    .card {
      width: 100%;
      max-width: 1120px;
      height: 710px;
      border-radius: 28px;
      background: linear-gradient(170deg, rgba(30, 41, 59, 0.68), rgba(15, 23, 42, 0.8));
      border: 1px solid var(--card-border);
      box-shadow: var(--shadow);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      padding: 34px 34px 28px;
      position: relative;
      overflow: hidden;
      display: grid;
      grid-template-rows: auto auto 1fr;
      gap: 22px;
    }

    .card::before,
    .card::after {
      content: "";
      position: absolute;
      pointer-events: none;
      border-radius: 999px;
      filter: blur(40px);
      opacity: 0.32;
    }

    .card::before {
      width: 300px;
      height: 300px;
      background: var(--accent);
      top: -130px;
      right: -100px;
    }

    .card::after {
      width: 240px;
      height: 240px;
      background: var(--accent-2);
      left: -80px;
      bottom: -110px;
    }

    .header {
      position: relative;
      z-index: 1;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 20px;
    }

    .location {
      margin: 0;
      font-size: 46px;
      line-height: 1.05;
      font-weight: 700;
      text-wrap: balance;
    }

    .date {
      margin: 8px 0 0;
      color: var(--muted);
      font-size: 18px;
      font-weight: 500;
    }

    .condition {
      text-align: right;
      align-self: center;
    }

    .condition .label {
      font-size: 15px;
      color: var(--muted);
      margin-bottom: 4px;
    }

    .condition .value {
      font-size: 24px;
      font-weight: 640;
      line-height: 1.2;
    }

    .stats {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
    }

    .stat {
      background: rgba(15, 23, 42, 0.52);
      border: 1px solid rgba(148, 163, 184, 0.22);
      border-radius: 18px;
      padding: 16px 18px;
      display: flex;
      flex-direction: column;
      gap: 5px;
      min-height: 96px;
    }

    .stat .name {
      color: var(--muted);
      font-size: 14px;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .stat .num {
      font-size: 46px;
      line-height: 1;
      font-weight: 680;
    }

    .hourly-wrap {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      min-height: 0;
    }

    .hourly-title {
      margin: 0 0 12px;
      font-size: 18px;
      color: var(--muted);
      font-weight: 600;
    }

    .hourly-grid {
      flex: 1;
      min-height: 0;
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 10px;
      align-content: start;
      overflow: auto;
      padding-right: 4px;
    }

    .hourly-grid::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }

    .hourly-grid::-webkit-scrollbar-thumb {
      background: rgba(148, 163, 184, 0.35);
      border-radius: 999px;
    }

    .hour {
      background: rgba(15, 23, 42, 0.44);
      border: 1px solid rgba(148, 163, 184, 0.2);
      border-radius: 14px;
      padding: 11px 12px;
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      gap: 8px;
      min-height: 52px;
    }

    .hour-time {
      font-size: 15px;
      color: #cbd5e1;
      font-weight: 540;
    }

    .hour-temp {
      font-size: 19px;
      font-weight: 650;
      color: #f8fafc;
    }

    .state {
      position: absolute;
      inset: 0;
      display: grid;
      place-items: center;
      padding: 40px;
      text-align: center;
      z-index: 2;
      background: rgba(9, 14, 24, 0.64);
      backdrop-filter: blur(3px);
      -webkit-backdrop-filter: blur(3px);
      transition: opacity 200ms ease;
    }

    .state.hidden {
      opacity: 0;
      pointer-events: none;
    }

    .state .msg {
      max-width: 600px;
      font-size: 22px;
      line-height: 1.4;
      color: #dbe7ff;
    }

    .state.error .msg {
      color: var(--error);
      background: var(--error-bg);
      border: 1px solid rgba(254, 202, 202, 0.35);
      border-radius: 14px;
      padding: 16px 18px;
    }
  </style>
</head>
<body>
  <div class="wrap">
    <section class="card" aria-live="polite">
      <header class="header">
        <div>
          <h1 id="location" class="location">Loading...</h1>
          <p id="date" class="date">--</p>
        </div>
        <div class="condition">
          <div class="label">Condition</div>
          <div id="condition" class="value">--</div>
        </div>
      </header>

      <section class="stats">
        <article class="stat">
          <div class="name">Max Temperature</div>
          <div id="tmax" class="num">--</div>
        </article>
        <article class="stat">
          <div class="name">Min Temperature</div>
          <div id="tmin" class="num">--</div>
        </article>
      </section>

      <section class="hourly-wrap">
        <h2 class="hourly-title">Hourly Temperatures (UTC)</h2>
        <div id="hourly" class="hourly-grid"></div>
      </section>

      <div id="state" class="state">
        <div class="msg">Loading weather data...</div>
      </div>
    </section>
  </div>

  <script>
    (function () {
      var DEFAULTS = {
        lat: 52.52,
        lon: 13.405,
        name: "Berlin"
      };

      var WEATHER_CODE_MAP = {
        0: "Clear sky",
        1: "Mainly clear",
        2: "Partly cloudy",
        3: "Overcast",
        45: "Fog",
        48: "Depositing rime fog",
        51: "Light drizzle",
        53: "Moderate drizzle",
        55: "Dense drizzle",
        56: "Light freezing drizzle",
        57: "Dense freezing drizzle",
        61: "Slight rain",
        63: "Moderate rain",
        65: "Heavy rain",
        66: "Light freezing rain",
        67: "Heavy freezing rain",
        71: "Slight snow fall",
        73: "Moderate snow fall",
        75: "Heavy snow fall",
        77: "Snow grains",
        80: "Slight rain showers",
        81: "Moderate rain showers",
        82: "Violent rain showers",
        85: "Slight snow showers",
        86: "Heavy snow showers",
        95: "Thunderstorm",
        96: "Thunderstorm with slight hail",
        99: "Thunderstorm with heavy hail"
      };

      var els = {
        location: document.getElementById("location"),
        date: document.getElementById("date"),
        condition: document.getElementById("condition"),
        tmax: document.getElementById("tmax"),
        tmin: document.getElementById("tmin"),
        hourly: document.getElementById("hourly"),
        state: document.getElementById("state")
      };

      function utcToday() {
        return new Date().toISOString().slice(0, 10);
      }

      function parseDateOrDefault(value) {
        var raw = (value || "").trim();
        if (!/^\d{4}-\d{2}-\d{2}$/.test(raw)) return utcToday();
        var d = new Date(raw + "T00:00:00Z");
        if (Number.isNaN(d.getTime())) return utcToday();
        return raw;
      }

      function parseFloatOrDefault(value, fallback) {
        var n = parseFloat(value);
        return Number.isFinite(n) ? n : fallback;
      }

      function setState(message, isError) {
        if (!message) {
          els.state.classList.add("hidden");
          els.state.classList.remove("error");
          return;
        }
        els.state.classList.remove("hidden");
        els.state.classList.toggle("error", !!isError);
        els.state.innerHTML = '<div class="msg">' + escapeHtml(message) + "</div>";
      }

      function formatDisplayDate(isoDate) {
        var d = new Date(isoDate + "T00:00:00Z");
        return new Intl.DateTimeFormat("en-GB", {
          weekday: "long",
          year: "numeric",
          month: "long",
          day: "numeric",
          timeZone: "UTC"
        }).format(d);
      }

      function roundTemp(value) {
        return Math.round(value);
      }

      function tempLabel(value) {
        return roundTemp(value) + "°C";
      }

      function weatherLabel(code) {
        return Object.prototype.hasOwnProperty.call(WEATHER_CODE_MAP, code)
          ? WEATHER_CODE_MAP[code]
          : "Unknown conditions";
      }

      function hourFromIso(iso) {
        var parts = (iso || "").split("T");
        if (parts.length < 2) return "--:--";
        return parts[1].slice(0, 5);
      }

      function escapeHtml(str) {
        return String(str)
          .replace(/&/g, "&amp;")
          .replace(/</g, "&lt;")
          .replace(/>/g, "&gt;")
          .replace(/"/g, "&quot;")
          .replace(/'/g, "&#39;");
      }

      function renderHourly(times, temps) {
        els.hourly.innerHTML = "";
        for (var i = 0; i < times.length; i++) {
          var cell = document.createElement("article");
          cell.className = "hour";

          var time = document.createElement("div");
          time.className = "hour-time";
          time.textContent = hourFromIso(times[i]);

          var temp = document.createElement("div");
          temp.className = "hour-temp";
          temp.textContent = tempLabel(temps[i]);

          cell.appendChild(time);
          cell.appendChild(temp);
          els.hourly.appendChild(cell);
        }
      }

      async function load() {
        var params = new URLSearchParams(window.location.search);

        var lat = parseFloatOrDefault(params.get("lat"), DEFAULTS.lat);
        var lon = parseFloatOrDefault(params.get("lon"), DEFAULTS.lon);
        var name = (params.get("name") || DEFAULTS.name).trim() || DEFAULTS.name;
        var date = parseDateOrDefault(params.get("date"));

        els.location.textContent = name;
        els.date.textContent = formatDisplayDate(date);

        var today = utcToday();
        var endpoint = date < today ? "/api/om/archive" : "/api/om/forecast";

        var query = 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
        });

        setState("Loading weather data...", false);

        try {
          var response = await fetch(endpoint + "?" + query.toString(), {
            method: "GET",
            headers: { "Accept": "application/json" }
          });

          if (!response.ok) {
            throw new Error("Request failed with status " + response.status);
          }

          var data = await response.json();

          var tMax = data && data.daily && data.daily.temperature_2m_max && data.daily.temperature_2m_max[0];
          var tMin = data && data.daily && data.daily.temperature_2m_min && data.daily.temperature_2m_min[0];
          var code = data && data.daily && data.daily.weather_code && data.daily.weather_code[0];
          var times = data && data.hourly && data.hourly.time;
          var temps = data && data.hourly && data.hourly.temperature_2m;

          var validDaily = Number.isFinite(tMax) && Number.isFinite(tMin) && Number.isFinite(code);
          var validHourly = Array.isArray(times) && Array.isArray(temps) && times.length > 0 && times.length === temps.length;

          if (!validDaily || !validHourly) {
            throw new Error("Incomplete weather data");
          }

          els.tmax.textContent = tempLabel(tMax);
          els.tmin.textContent = tempLabel(tMin);
          els.condition.textContent = weatherLabel(code);
          renderHourly(times, temps);

          setState("", false);
        } catch (err) {
          els.condition.textContent = "--";
          els.tmax.textContent = "--";
          els.tmin.textContent = "--";
          els.hourly.innerHTML = "";
          setState("Weather data could not be loaded.", true);
        }
      }

      load();
    })();
  </script>
</body>
</html>

L1 — cheap deterministic descriptors

bytes total	13,228	html / css / js	1,264 / 5,272 / 6,692
dom nodes	29	dom depth	7
css rules	30	js present	yes
brightness	34.5	contrast	20.9
colorfulness	13.6	whitespace	87.0%

This slot's telemetry

prompt tokens	15,755	completion tokens	4,193
total tokens	19,948	wall	41.8 s
cost	—	request id	—

config.json561 B

{
  "N": 2,
  "auth": {
    "credential_ref": "WCB_NONE",
    "method": "oauth-login"
  },
  "billing": "plan",
  "config_id": "gpt-5.3-codex--cli--cursor-xl--dev",
  "effort": null,
  "family": "gpt",
  "m": {
    "min": 2,
    "q": 2
  },
  "model_id": "gpt-5.3-codex",
  "protocol": "cli",
  "served_model": "gpt-5.3-codex",
  "telemetry": {
    "completion_tokens": 15458,
    "cost_usd": null,
    "prompt_tokens": 21520,
    "total_tokens": 36978,
    "wall_ms": 157044
  },
  "transport": "cursor-agent-cli-isolated-home",
  "vendor_sanction_ref": null
}

send-log2.5 KB

{
  "N": 2,
  "batch_id": "2026-08-13--cursor-xl-s1",
  "config_id": "gpt-5.3-codex--cli--cursor-xl--dev",
  "positions": [
    {
      "attempts": [
        {
          "attempt_index": 0,
          "backoff_ms": null,
          "charged": true,
          "ended_at": "2026-08-13T08:34:38.456422+00:00",
          "http_status": null,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-08-13T08:33:56.691711+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-13T08:35:18.119764+00:00",
          "http_status": null,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-08-13T08:34:43.468764+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-13T08:36:00.708065+00:00",
          "http_status": null,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-08-13T08:35:21.266368+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-13T08:36:45.305679+00:00",
          "http_status": null,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-08-13T08:36:04.112499+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
    }
  }
}