gpt-5.3-codex @ low · cursor-xl

cursor-xllow

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

variant

live

slot 0 · P-q · sandboxed iframe

gpt-5.3-codex @low · 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 {
      --bg-1: #0b1220;
      --bg-2: #111d33;
      --card: rgba(20, 31, 53, 0.72);
      --card-stroke: rgba(255, 255, 255, 0.14);
      --text: #e9f2ff;
      --muted: #9fb2cf;
      --accent: #63b3ff;
      --accent-2: #8be4c1;
      --danger: #ff8692;
      --shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
    }

    * {
      box-sizing: border-box;
    }

    html, body {
      width: 100%;
      min-width: 1280px;
      height: 100%;
      margin: 0;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
      color: var(--text);
      background:
        radial-gradient(1200px 700px at 15% 5%, #1d4a88 0%, transparent 55%),
        radial-gradient(1000px 600px at 90% 90%, #1f6d5a 0%, transparent 50%),
        linear-gradient(140deg, var(--bg-1), var(--bg-2));
      display: grid;
      place-items: center;
      overflow: auto;
    }

    .shell {
      width: min(1120px, calc(100vw - 56px));
      min-height: 680px;
      padding: 28px;
      border-radius: 28px;
      background: linear-gradient(155deg, rgba(255,255,255,0.09), rgba(255,255,255,0.03));
      border: 1px solid rgba(255,255,255,0.18);
      box-shadow: var(--shadow);
      backdrop-filter: blur(10px);
      position: relative;
      overflow: hidden;
    }

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

    .shell::before {
      width: 360px;
      height: 360px;
      top: -120px;
      right: -100px;
      background: rgba(99, 179, 255, 0.26);
    }

    .shell::after {
      width: 300px;
      height: 300px;
      bottom: -130px;
      left: -80px;
      background: rgba(139, 228, 193, 0.22);
    }

    .content {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 1.05fr 1.6fr;
      gap: 22px;
      height: 100%;
    }

    .panel {
      background: var(--card);
      border: 1px solid var(--card-stroke);
      border-radius: 22px;
      padding: 24px;
      display: flex;
      flex-direction: column;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
    }

    .left {
      justify-content: space-between;
      min-height: 620px;
    }

    .label {
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: var(--muted);
      margin-bottom: 8px;
      font-weight: 600;
    }

    .location {
      font-size: 42px;
      line-height: 1.05;
      margin: 0;
      letter-spacing: -0.02em;
      font-weight: 750;
      max-width: 95%;
    }

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

    .condition-wrap {
      margin-top: 26px;
      padding: 16px 18px;
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,0.14);
      background: rgba(10, 20, 36, 0.45);
    }

    .condition {
      font-size: 24px;
      font-weight: 680;
      margin: 4px 0 2px;
    }

    .temps {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-top: 24px;
    }

    .temp-card {
      border-radius: 16px;
      padding: 16px;
      border: 1px solid rgba(255,255,255,0.14);
      background: rgba(255,255,255,0.04);
    }

    .temp-value {
      font-size: 42px;
      line-height: 1;
      margin: 6px 0 4px;
      font-weight: 760;
      letter-spacing: -0.02em;
    }

    .max {
      color: #ffcb73;
    }

    .min {
      color: #99d3ff;
    }

    .meta {
      margin-top: 24px;
      font-size: 14px;
      color: var(--muted);
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
    }

    .chip {
      background: rgba(255,255,255,0.08);
      border: 1px solid rgba(255,255,255,0.14);
      border-radius: 999px;
      padding: 6px 10px;
    }

    .right {
      min-height: 620px;
    }

    .hourly-header {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      gap: 12px;
      margin-bottom: 14px;
    }

    .hourly-title {
      margin: 0;
      font-size: 24px;
      font-weight: 720;
      letter-spacing: -0.01em;
    }

    .hourly-subtitle {
      color: var(--muted);
      font-size: 13px;
    }

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

    .hourly-item {
      border-radius: 14px;
      border: 1px solid rgba(255,255,255,0.13);
      background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
      padding: 10px 8px;
      text-align: center;
      min-height: 92px;
      display: grid;
      align-content: center;
      gap: 6px;
    }

    .hour {
      font-size: 13px;
      color: var(--muted);
      font-weight: 650;
      letter-spacing: 0.02em;
    }

    .hour-temp {
      font-size: 23px;
      font-weight: 760;
      letter-spacing: -0.01em;
      color: #dff1ff;
    }

    .state {
      position: absolute;
      inset: 0;
      display: none;
      place-items: center;
      background: rgba(6, 12, 22, 0.72);
      backdrop-filter: blur(4px);
      z-index: 3;
      text-align: center;
      padding: 24px;
    }

    .state.show {
      display: grid;
    }

    .state-card {
      border-radius: 18px;
      border: 1px solid rgba(255,255,255,0.18);
      background: rgba(19, 31, 51, 0.9);
      padding: 22px 24px;
      max-width: 500px;
      box-shadow: var(--shadow);
    }

    .state-title {
      margin: 0 0 8px;
      font-size: 22px;
      font-weight: 720;
    }

    .state-text {
      margin: 0;
      color: var(--muted);
      line-height: 1.5;
    }

    .loading .state-title {
      color: var(--accent);
    }

    .error .state-title {
      color: var(--danger);
    }

    .muted {
      color: var(--muted);
    }
  </style>
</head>
<body>
  <main class="shell">
    <section class="content">
      <article class="panel left">
        <div>
          <div class="label">Location</div>
          <h1 class="location" id="locationName">-</h1>
          <div class="date" id="dateLabel">-</div>

          <div class="condition-wrap">
            <div class="label">Condition</div>
            <div class="condition" id="conditionText">-</div>
          </div>

          <div class="temps">
            <div class="temp-card">
              <div class="label">Max</div>
              <div class="temp-value max" id="maxTemp">--°C</div>
            </div>
            <div class="temp-card">
              <div class="label">Min</div>
              <div class="temp-value min" id="minTemp">--°C</div>
            </div>
          </div>
        </div>

        <div class="meta">
          <span class="chip" id="coordChip">Lat --, Lon --</span>
          <span class="chip">Timezone: UTC</span>
          <span class="chip">Unit: Celsius</span>
        </div>
      </article>

      <article class="panel right">
        <div class="hourly-header">
          <h2 class="hourly-title">Hourly Temperatures</h2>
          <span class="hourly-subtitle">Requested date (UTC)</span>
        </div>
        <div class="hourly-grid" id="hourlyGrid"></div>
      </article>
    </section>

    <div class="state loading show" id="loadingState">
      <div class="state-card">
        <h3 class="state-title">Loading weather data...</h3>
        <p class="state-text">Fetching forecast for the selected date.</p>
      </div>
    </div>

    <div class="state error" id="errorState">
      <div class="state-card">
        <h3 class="state-title">Could not load weather data</h3>
        <p class="state-text" id="errorText">Please try again later.</p>
      </div>
    </div>
  </main>

  <script>
    (function () {
      function pad(n) {
        return String(n).padStart(2, "0");
      }

      function utcTodayYYYYMMDD() {
        var now = new Date();
        return now.getUTCFullYear() + "-" + pad(now.getUTCMonth() + 1) + "-" + pad(now.getUTCDate());
      }

      function isValidDateString(s) {
        if (!/^\d{4}-\d{2}-\d{2}$/.test(s)) return false;
        var d = new Date(s + "T00:00:00Z");
        if (Number.isNaN(d.getTime())) return false;
        return d.toISOString().slice(0, 10) === s;
      }

      function formatDateLabel(dateStr) {
        var d = new Date(dateStr + "T00:00:00Z");
        return d.toLocaleDateString(undefined, {
          weekday: "long",
          year: "numeric",
          month: "long",
          day: "numeric",
          timeZone: "UTC"
        });
      }

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

      function weatherCodeToText(code) {
        var 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"
        };
        return map.hasOwnProperty(code) ? map[code] : "Unknown condition";
      }

      function showLoading(show) {
        document.getElementById("loadingState").classList.toggle("show", !!show);
      }

      function showError(message) {
        var el = document.getElementById("errorState");
        var text = document.getElementById("errorText");
        text.textContent = message || "The weather data could not be loaded.";
        el.classList.add("show");
      }

      function hideError() {
        document.getElementById("errorState").classList.remove("show");
      }

      function asTemp(value) {
        if (!Number.isFinite(value)) return "--°C";
        return Math.round(value) + "°C";
      }

      function extractHourLabel(iso) {
        if (typeof iso !== "string") return "--:--";
        var m = iso.match(/T(\d{2}):(\d{2})/);
        if (m) return m[1] + ":" + m[2];
        return "--:--";
      }

      function buildHourly(times, temps) {
        var grid = document.getElementById("hourlyGrid");
        grid.innerHTML = "";

        if (!Array.isArray(times) || !Array.isArray(temps) || times.length === 0 || temps.length === 0) {
          var empty = document.createElement("div");
          empty.className = "muted";
          empty.textContent = "No hourly data available for this date.";
          grid.appendChild(empty);
          return;
        }

        var count = Math.min(times.length, temps.length);
        for (var i = 0; i < count; i++) {
          var item = document.createElement("div");
          item.className = "hourly-item";

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

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

          item.appendChild(hour);
          item.appendChild(temp);
          grid.appendChild(item);
        }
      }

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

        var lat = parseNumber(params.get("lat"), 52.52);
        var lon = parseNumber(params.get("lon"), 13.405);
        var name = params.get("name") || "Berlin";

        var today = utcTodayYYYYMMDD();
        var requestedDate = params.get("date");
        if (!isValidDateString(requestedDate || "")) {
          requestedDate = today;
        }

        document.getElementById("locationName").textContent = name;
        document.getElementById("dateLabel").textContent = formatDateLabel(requestedDate);
        document.getElementById("coordChip").textContent =
          "Lat " + lat.toFixed(3) + ", Lon " + lon.toFixed(3);

        var endpoint = requestedDate < 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: requestedDate,
          end_date: requestedDate
        });

        showLoading(true);
        hideError();

        try {
          var response = await fetch(endpoint + "?" + query.toString(), { method: "GET" });
          if (!response.ok) {
            throw new Error("HTTP " + response.status);
          }

          var data = await response.json();
          if (
            !data ||
            !data.daily ||
            !Array.isArray(data.daily.temperature_2m_max) ||
            !Array.isArray(data.daily.temperature_2m_min) ||
            !Array.isArray(data.daily.weather_code) ||
            !data.hourly ||
            !Array.isArray(data.hourly.time) ||
            !Array.isArray(data.hourly.temperature_2m)
          ) {
            throw new Error("Unexpected response format");
          }

          var max = data.daily.temperature_2m_max[0];
          var min = data.daily.temperature_2m_min[0];
          var code = data.daily.weather_code[0];

          document.getElementById("maxTemp").textContent = asTemp(max);
          document.getElementById("minTemp").textContent = asTemp(min);
          document.getElementById("conditionText").textContent = weatherCodeToText(code);

          buildHourly(data.hourly.time, data.hourly.temperature_2m);
        } catch (err) {
          showError("Could not load weather data for the selected date.");
        } finally {
          showLoading(false);
        }
      }

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

L1 — cheap deterministic descriptors

bytes total	14,600	html / css / js	2,072 / 5,954 / 6,574
dom nodes	42	dom depth	9
css rules	38	js present	yes
brightness	44.7	contrast	22.8
colorfulness	25.8	whitespace	56.7%

This slot's telemetry

prompt tokens	15,749	completion tokens	4,190
total tokens	19,939	wall	41.2 s
cost	—	request id	—

config.json574 B

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

send-log2.5 KB

{
  "N": 2,
  "batch_id": "2026-08-13--cursor-xl-s0",
  "config_id": "gpt-5.3-codex-eff-low--cli--cursor-xl--dev",
  "positions": [
    {
      "attempts": [
        {
          "attempt_index": 0,
          "backoff_ms": null,
          "charged": true,
          "ended_at": "2026-08-13T08:34:32.845272+00:00",
          "http_status": null,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-08-13T08:33:56.691859+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:35:18.724851+00:00",
          "http_status": null,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-08-13T08:34:37.535494+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:36:06.968576+00:00",
          "http_status": null,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-08-13T08:35:22.171012+00:00"
        }
      ],
      "block_index": 1,
      "model_reaching_attempt_index": 0,
      "slot_index": 1,
      "terminal_state": "valid",
      "variant": "P-q"
    },
    {
      "attempts": [
        {
          "attempt_index": 0,
          "backoff_ms": null,
          "charged": true,
          "ended_at": "2026-08-13T08:36:43.960285+00:00",
          "http_status": null,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-08-13T08:36:11.014590+00:00"
        }
      ],
      "block_index": 1,
      "model_reaching_attempt_index": 0,
      "slot_index": 1,
      "terminal_state": "valid",
      "variant": "P-min"
    }
  ],
  "retry_policy": {
    "max_unreachable_retries": 5,
    "rate_limit_backoff": {
      "max_attempts": 4,
      "max_total_ms": 60000
    }
  }
}