claude-fable-5-thinking @ high · cursor

cursorhigh

config: claude-fable-5-thinking-eff-high--cli--cursor--dev
batch: 2026-07-19--unified
transport: cursor-agent-cli-isolated-home
protocol: cli · plan
served model: claude-fable-5-thinking-high
captured: Jul 18, 2026, 11:54 AM · N=2

variant

live

slot 0 · P-q · sandboxed iframe

claude-fable-5-thinking @high · cursor 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.3
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">
<title>Weather</title>
<style>
  :root {
    --ink: #eaf1fb;
    --ink-dim: rgba(234, 241, 251, 0.62);
    --ink-faint: rgba(234, 241, 251, 0.38);
    --card-bg: rgba(255, 255, 255, 0.07);
    --card-stroke: rgba(255, 255, 255, 0.14);
    --accent: #8ec5ff;
  }
  * { margin: 0; padding: 0; box-sizing: border-box; }
  html, body { width: 100%; height: 100%; }
  body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--ink);
    background: #0b1220;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
  }
  .sky {
    position: fixed;
    inset: 0;
    background:
      radial-gradient(1100px 700px at 18% -10%, rgba(126, 166, 255, 0.28), transparent 60%),
      radial-gradient(900px 600px at 88% 8%, rgba(255, 178, 120, 0.14), transparent 55%),
      radial-gradient(1000px 800px at 50% 115%, rgba(84, 120, 200, 0.22), transparent 60%),
      linear-gradient(165deg, #101a30 0%, #0b1220 55%, #0a0f1c 100%);
    z-index: -2;
  }
  .sky::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
      radial-gradient(1.4px 1.4px at 12% 22%, rgba(255,255,255,0.55), transparent 100%),
      radial-gradient(1px 1px at 28% 12%, rgba(255,255,255,0.4), transparent 100%),
      radial-gradient(1.2px 1.2px at 44% 28%, rgba(255,255,255,0.35), transparent 100%),
      radial-gradient(1px 1px at 63% 9%, rgba(255,255,255,0.5), transparent 100%),
      radial-gradient(1.5px 1.5px at 78% 20%, rgba(255,255,255,0.45), transparent 100%),
      radial-gradient(1px 1px at 91% 33%, rgba(255,255,255,0.35), transparent 100%),
      radial-gradient(1.2px 1.2px at 7% 55%, rgba(255,255,255,0.3), transparent 100%),
      radial-gradient(1px 1px at 96% 62%, rgba(255,255,255,0.3), transparent 100%);
    opacity: 0.7;
    pointer-events: none;
  }

  .card {
    width: 1120px;
    border-radius: 28px;
    background: var(--card-bg);
    border: 1px solid var(--card-stroke);
    box-shadow:
      0 40px 90px -30px rgba(0, 0, 0, 0.65),
      inset 0 1px 0 rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(22px);
    padding: 44px 52px 40px;
    position: relative;
    overflow: hidden;
  }
  .card::before {
    content: "";
    position: absolute;
    top: -220px;
    right: -160px;
    width: 560px;
    height: 560px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(142, 197, 255, 0.16), transparent 65%);
    pointer-events: none;
  }

  .top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
  }
  .place h1 {
    font-size: 44px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.1;
  }
  .place .date {
    margin-top: 8px;
    font-size: 17px;
    font-weight: 500;
    color: var(--ink-dim);
    letter-spacing: 0.01em;
  }
  .place .coords {
    margin-top: 6px;
    font-size: 13px;
    color: var(--ink-faint);
    font-variant-numeric: tabular-nums;
  }

  .now {
    display: flex;
    align-items: center;
    gap: 28px;
  }
  .icon-wrap { width: 116px; height: 116px; flex: none; filter: drop-shadow(0 8px 24px rgba(0,0,0,0.35)); }
  .icon-wrap svg { width: 100%; height: 100%; }
  .readout { text-align: left; }
  .big-temp {
    font-size: 74px;
    font-weight: 200;
    letter-spacing: -0.03em;
    line-height: 1;
    font-variant-numeric: tabular-nums;
  }
  .big-temp sup { font-size: 34px; font-weight: 300; vertical-align: 26px; color: var(--ink-dim); }
  .condition {
    margin-top: 8px;
    font-size: 19px;
    font-weight: 600;
    color: var(--ink);
  }
  .hilo {
    margin-top: 10px;
    display: flex;
    gap: 18px;
    font-size: 15px;
    font-variant-numeric: tabular-nums;
    color: var(--ink-dim);
  }
  .hilo b { color: var(--ink); font-weight: 600; margin-left: 6px; }
  .hilo .dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; margin-right: 7px; vertical-align: 1px; }
  .dot.hi { background: #ffab6b; box-shadow: 0 0 10px rgba(255,171,107,0.7); }
  .dot.lo { background: #7db8ff; box-shadow: 0 0 10px rgba(125,184,255,0.7); }

  .divider {
    height: 1px;
    margin: 34px 0 22px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18) 18%, rgba(255,255,255,0.18) 82%, transparent);
  }

  .section-label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ink-faint);
    margin-bottom: 14px;
  }
  .chart-wrap { width: 100%; }
  .chart-wrap svg { display: block; width: 100%; height: auto; }

  .state {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    text-align: center;
  }
  .spinner {
    width: 42px; height: 42px;
    border-radius: 50%;
    border: 3px solid rgba(255,255,255,0.15);
    border-top-color: var(--accent);
    animation: spin 0.9s linear infinite;
  }
  @keyframes spin { to { transform: rotate(360deg); } }
  .state .msg { font-size: 17px; color: var(--ink-dim); }
  .error-badge {
    width: 58px; height: 58px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: rgba(255, 120, 120, 0.12);
    border: 1px solid rgba(255, 120, 120, 0.35);
    font-size: 26px; color: #ff9c9c;
  }
  .error-title { font-size: 22px; font-weight: 700; }
  .error-detail { font-size: 14px; color: var(--ink-faint); max-width: 560px; line-height: 1.5; }

  .fade-in { animation: fadeUp 0.55s cubic-bezier(0.2, 0.7, 0.3, 1) both; }
  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
  }
</style>
</head>
<body>
<div class="sky"></div>
<main class="card" id="card">
  <div class="state" id="loading">
    <div class="spinner"></div>
    <div class="msg">Loading weather…</div>
  </div>
</main>

<script>
(function () {
  "use strict";

  var params = new URLSearchParams(location.search);

  function todayUTC() {
    var d = new Date();
    return d.getUTCFullYear() + "-" +
      String(d.getUTCMonth() + 1).padStart(2, "0") + "-" +
      String(d.getUTCDate()).padStart(2, "0");
  }

  var lat = parseFloat(params.get("lat"));
  var lon = parseFloat(params.get("lon"));
  if (!isFinite(lat)) lat = 52.52;
  if (!isFinite(lon)) lon = 13.405;
  var name = params.get("name") || "Berlin";
  var dateStr = params.get("date");
  if (!dateStr || !/^\d{4}-\d{2}-\d{2}$/.test(dateStr) || isNaN(Date.parse(dateStr + "T00:00:00Z"))) {
    dateStr = todayUTC();
  }

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

  var ICONS = {
    sun: '<svg viewBox="0 0 64 64" fill="none"><circle cx="32" cy="32" r="13" fill="#FFD166"/><circle cx="32" cy="32" r="13" fill="url(#sg)" opacity="0.5"/><g stroke="#FFD166" stroke-width="3.4" stroke-linecap="round"><line x1="32" y1="7" x2="32" y2="14"/><line x1="32" y1="50" x2="32" y2="57"/><line x1="7" y1="32" x2="14" y2="32"/><line x1="50" y1="32" x2="57" y2="32"/><line x1="14.3" y1="14.3" x2="19.2" y2="19.2"/><line x1="44.8" y1="44.8" x2="49.7" y2="49.7"/><line x1="14.3" y1="49.7" x2="19.2" y2="44.8"/><line x1="44.8" y1="19.2" x2="49.7" y2="14.3"/></g><defs><radialGradient id="sg" cx="0.35" cy="0.3" r="1"><stop offset="0" stop-color="#fff" stop-opacity="0.9"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient></defs></svg>',
    suncloud: '<svg viewBox="0 0 64 64" fill="none"><circle cx="24" cy="24" r="10" fill="#FFD166"/><g stroke="#FFD166" stroke-width="2.8" stroke-linecap="round"><line x1="24" y1="6" x2="24" y2="11"/><line x1="6" y1="24" x2="11" y2="24"/><line x1="11.3" y1="11.3" x2="14.8" y2="14.8"/><line x1="33.2" y1="11.3" x2="36.7" y2="14.8"/><line x1="11.3" y1="36.7" x2="14.8" y2="33.2"/></g><path d="M23 48a9 9 0 0 1 1.5-17.9A12 12 0 0 1 47 33a8.5 8.5 0 0 1 3 16.5c-1 .3-2 .5-3 .5H23z" fill="#E8EEF7"/><path d="M23 48a9 9 0 0 1 1.5-17.9A12 12 0 0 1 47 33a8.5 8.5 0 0 1 3 16.5c-1 .3-2 .5-3 .5H23z" fill="url(#cg1)" opacity="0.55"/><defs><linearGradient id="cg1" x1="0" y1="30" x2="0" y2="50" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#B9C6DB"/></linearGradient></defs></svg>',
    cloud: '<svg viewBox="0 0 64 64" fill="none"><path d="M18 50a11 11 0 0 1 1.8-21.8A14.5 14.5 0 0 1 48 31a10 10 0 0 1 2.7 19.6c-.9.3-1.8.4-2.7.4H18z" fill="#DFE7F2"/><path d="M18 50a11 11 0 0 1 1.8-21.8A14.5 14.5 0 0 1 48 31a10 10 0 0 1 2.7 19.6c-.9.3-1.8.4-2.7.4H18z" fill="url(#cg2)" opacity="0.6"/><defs><linearGradient id="cg2" x1="0" y1="18" x2="0" y2="52" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#A9B8CF"/></linearGradient></defs></svg>',
    fog: '<svg viewBox="0 0 64 64" fill="none"><path d="M20 36a9.5 9.5 0 0 1 1.6-18.8A12.5 12.5 0 0 1 45.5 20 8.6 8.6 0 0 1 48 36H20z" fill="#DFE7F2" opacity="0.95"/><g stroke="#AFC3DE" stroke-width="3.2" stroke-linecap="round"><line x1="14" y1="44" x2="50" y2="44"/><line x1="19" y1="51" x2="45" y2="51"/><line x1="24" y1="58" x2="40" y2="58"/></g></svg>',
    drizzle: '<svg viewBox="0 0 64 64" fill="none"><path d="M19 40a10 10 0 0 1 1.7-19.9A13 13 0 0 1 46 23.5 9 9 0 0 1 48.5 41H19z" fill="#DFE7F2"/><g stroke="#8EC5FF" stroke-width="3" stroke-linecap="round"><line x1="24" y1="47" x2="23" y2="52"/><line x1="33" y1="47" x2="32" y2="52"/><line x1="42" y1="47" x2="41" y2="52"/><line x1="28" y1="55" x2="27" y2="60"/><line x1="37" y1="55" x2="36" y2="60"/></g></svg>',
    rain: '<svg viewBox="0 0 64 64" fill="none"><path d="M19 38a10 10 0 0 1 1.7-19.9A13 13 0 0 1 46 21.5 9 9 0 0 1 48.5 39H19z" fill="#DFE7F2"/><g stroke="#6FB4FF" stroke-width="3.4" stroke-linecap="round"><line x1="24" y1="45" x2="21.5" y2="55"/><line x1="34" y1="45" x2="31.5" y2="55"/><line x1="44" y1="45" x2="41.5" y2="55"/></g></svg>',
    snow: '<svg viewBox="0 0 64 64" fill="none"><path d="M19 38a10 10 0 0 1 1.7-19.9A13 13 0 0 1 46 21.5 9 9 0 0 1 48.5 39H19z" fill="#E6EDF7"/><g fill="#CFE4FF"><circle cx="23" cy="48" r="2.6"/><circle cx="33" cy="53" r="2.6"/><circle cx="43" cy="48" r="2.6"/><circle cx="28" cy="58" r="2.2"/><circle cx="38" cy="59" r="2.2"/></g></svg>',
    storm: '<svg viewBox="0 0 64 64" fill="none"><path d="M19 36a10 10 0 0 1 1.7-19.9A13 13 0 0 1 46 19.5 9 9 0 0 1 48.5 37H19z" fill="#D5DEEC"/><path d="M34 39l-8 12h6l-3 11 11-14h-6l4-9h-4z" fill="#FFD166"/><g stroke="#6FB4FF" stroke-width="3" stroke-linecap="round"><line x1="22" y1="43" x2="20" y2="50"/><line x1="45" y1="43" x2="43" y2="50"/></g></svg>'
  };

  function describe(code) {
    var e = WMO[code];
    if (e) return e;
    if (code >= 1 && code <= 3) return ["Cloudy", "cloud"];
    return ["Unknown conditions", "cloud"];
  }

  function fmtDateLabel(iso) {
    var d = new Date(iso + "T00:00:00Z");
    return d.toLocaleDateString("en-US", {
      weekday: "long", year: "numeric", month: "long", day: "numeric", timeZone: "UTC"
    });
  }

  function esc(s) {
    return String(s).replace(/[&<>"']/g, function (c) {
      return { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }[c];
    });
  }

  function round1(v) { return Math.round(v * 10) / 10; }

  function buildChart(hours, temps) {
    var n = hours.length;
    var W = 1016, H = 250;
    var padL = 8, padR = 8, topPad = 46, bottomPad = 56;
    var step = (W - padL - padR) / Math.max(n - 1, 1);
    var min = Math.min.apply(null, temps);
    var max = Math.max.apply(null, temps);
    var span = Math.max(max - min, 1);
    function x(i) { return padL + i * step; }
    function y(t) { return topPad + (1 - (t - min) / span) * (H - topPad - bottomPad); }

    var pts = temps.map(function (t, i) { return [x(i), y(t)]; });

    var path = "M " + pts[0][0].toFixed(1) + " " + pts[0][1].toFixed(1);
    for (var i = 1; i < n; i++) {
      var p0 = pts[i - 1], p1 = pts[i];
      var mx = (p0[0] + p1[0]) / 2;
      path += " C " + mx.toFixed(1) + " " + p0[1].toFixed(1) + ", " +
                      mx.toFixed(1) + " " + p1[1].toFixed(1) + ", " +
                      p1[0].toFixed(1) + " " + p1[1].toFixed(1);
    }
    var area = path + " L " + pts[n - 1][0].toFixed(1) + " " + (H - bottomPad + 10) +
               " L " + pts[0][0].toFixed(1) + " " + (H - bottomPad + 10) + " Z";

    var svg = '<svg viewBox="0 0 ' + W + ' ' + H + '" role="img" aria-label="Hourly temperatures">';
    svg += '<defs><linearGradient id="areaGrad" x1="0" y1="0" x2="0" y2="1">' +
           '<stop offset="0" stop-color="#8ec5ff" stop-opacity="0.34"/>' +
           '<stop offset="1" stop-color="#8ec5ff" stop-opacity="0.02"/></linearGradient>' +
           '<linearGradient id="lineGrad" x1="0" y1="0" x2="1" y2="0">' +
           '<stop offset="0" stop-color="#7db8ff"/><stop offset="0.5" stop-color="#a8d4ff"/>' +
           '<stop offset="1" stop-color="#7db8ff"/></linearGradient></defs>';

    var gy = H - bottomPad + 10;
    svg += '<line x1="0" y1="' + gy + '" x2="' + W + '" y2="' + gy + '" stroke="rgba(255,255,255,0.12)" stroke-width="1"/>';
    svg += '<path d="' + area + '" fill="url(#areaGrad)"/>';
    svg += '<path d="' + path + '" fill="none" stroke="url(#lineGrad)" stroke-width="2.5" stroke-linecap="round"/>';

    var minIdx = temps.indexOf(min), maxIdx = temps.indexOf(max);
    for (var j = 0; j < n; j++) {
      var px = pts[j][0], py = pts[j][1];
      var isHi = j === maxIdx, isLo = j === minIdx;
      var r = (isHi || isLo) ? 4 : 2.6;
      var fill = isHi ? "#ffab6b" : (isLo ? "#7db8ff" : "#dcebff");
      svg += '<circle cx="' + px.toFixed(1) + '" cy="' + py.toFixed(1) + '" r="' + r + '" fill="' + fill + '"' +
             ((isHi || isLo) ? ' stroke="rgba(10,16,28,0.6)" stroke-width="1.5"' : '') + '/>';
      var label = Math.round(temps[j]) + "\u00B0";
      var ly = py - 11;
      var weight = (isHi || isLo) ? "700" : "500";
      var lcol = isHi ? "#ffc79a" : (isLo ? "#a8d0ff" : "rgba(234,241,251,0.85)");
      svg += '<text x="' + px.toFixed(1) + '" y="' + ly.toFixed(1) + '" text-anchor="middle" ' +
             'font-size="12.5" font-weight="' + weight + '" fill="' + lcol + '" ' +
             'font-family="inherit">' + label + '</text>';
      var hh = hours[j];
      svg += '<text x="' + px.toFixed(1) + '" y="' + (gy + 22) + '" text-anchor="middle" ' +
             'font-size="11.5" fill="rgba(234,241,251,0.42)" font-family="inherit">' + hh + '</text>';
    }
    svg += '</svg>';
    return svg;
  }

  function showError(detail) {
    var card = document.getElementById("card");
    card.innerHTML =
      '<div class="state fade-in">' +
        '<div class="error-badge">!</div>' +
        '<div class="error-title">Weather data could not be loaded</div>' +
        '<div class="error-detail">' + esc(detail || "Something went wrong while fetching the forecast. Please try again later.") + '</div>' +
        '<div class="error-detail">' + esc(name) + ' &middot; ' + esc(fmtDateLabel(dateStr)) + '</div>' +
      '</div>';
  }

  function render(data) {
    var daily = data && data.daily;
    var hourly = data && data.hourly;
    if (!daily || !daily.temperature_2m_max || !daily.temperature_2m_min || !daily.weather_code ||
        !hourly || !hourly.time || !hourly.temperature_2m ||
        daily.temperature_2m_max.length < 1 || hourly.time.length < 1) {
      showError("The weather service returned an unexpected or empty response for this date.");
      return;
    }

    var tMax = daily.temperature_2m_max[0];
    var tMin = daily.temperature_2m_min[0];
    var code = daily.weather_code[0];
    if (tMax == null || tMin == null) {
      showError("No temperature data is available for this date and location.");
      return;
    }

    var hours = [], temps = [];
    for (var i = 0; i < hourly.time.length; i++) {
      if (hourly.time[i].slice(0, 10) === dateStr && hourly.temperature_2m[i] != null) {
        hours.push(hourly.time[i].slice(11, 16));
        temps.push(hourly.temperature_2m[i]);
      }
    }
    if (temps.length === 0) {
      showError("No hourly temperature data is available for this date and location.");
      return;
    }

    var cond = describe(code == null ? -1 : code);
    var midday = temps[Math.min(13, temps.length - 1)];
    var current = round1(midday);

    var card = document.getElementById("card");
    card.innerHTML =
      '<div class="fade-in">' +
        '<div class="top">' +
          '<div class="place">' +
            '<h1>' + esc(name) + '</h1>' +
            '<div class="date">' + esc(fmtDateLabel(dateStr)) + ' &middot; UTC</div>' +
            '<div class="coords">' + lat.toFixed(3) + '&deg;, ' + lon.toFixed(3) + '&deg;</div>' +
          '</div>' +
          '<div class="now">' +
            '<div class="icon-wrap">' + ICONS[cond[1]] + '</div>' +
            '<div class="readout">' +
              '<div class="big-temp">' + current + '<sup>&deg;C</sup></div>' +
              '<div class="condition">' + esc(cond[0]) + '</div>' +
              '<div class="hilo">' +
                '<span><span class="dot hi"></span>High<b>' + round1(tMax) + '&deg;C</b></span>' +
                '<span><span class="dot lo"></span>Low<b>' + round1(tMin) + '&deg;C</b></span>' +
              '</div>' +
            '</div>' +
          '</div>' +
        '</div>' +
        '<div class="divider"></div>' +
        '<div class="section-label">Hourly temperature</div>' +
        '<div class="chart-wrap">' + buildChart(hours, temps) + '</div>' +
      '</div>';
  }

  var isPast = dateStr < todayUTC();
  var base = isPast ? "/api/om/archive" : "/api/om/forecast";
  var url = base +
    "?latitude=" + encodeURIComponent(lat) +
    "&longitude=" + encodeURIComponent(lon) +
    "&daily=" + encodeURIComponent("temperature_2m_max,temperature_2m_min,weather_code") +
    "&hourly=temperature_2m" +
    "&timezone=UTC" +
    "&temperature_unit=celsius" +
    "&start_date=" + encodeURIComponent(dateStr) +
    "&end_date=" + encodeURIComponent(dateStr);

  fetch(url)
    .then(function (res) {
      if (!res.ok) throw new Error("The weather service responded with status " + res.status + ".");
      return res.json();
    })
    .then(render)
    .catch(function (err) {
      showError(err && err.message ? err.message : "A network error prevented loading the weather data.");
    });
})();
</script>
</body>
</html>

L1 — cheap deterministic descriptors

bytes total	19,494	html / css / js	379 / 5,713 / 13,402
dom nodes	13	dom depth	5
css rules	40	js present	yes
brightness	40.5	contrast	19.8
colorfulness	15.2	whitespace	69.8%

This slot's telemetry

prompt tokens	2	completion tokens	11,058
total tokens	11,060	wall	121.2 s
cost	—	request id	—

config.json603 B

{
  "N": 2,
  "auth": {
    "credential_ref": "WCB_NONE",
    "method": "oauth-login"
  },
  "billing": "plan",
  "config_id": "claude-fable-5-thinking-eff-high--cli--cursor--dev",
  "effort": "high",
  "family": "claude",
  "m": {
    "min": 2,
    "q": 2
  },
  "model_id": "claude-fable-5-thinking",
  "protocol": "cli",
  "served_model": "claude-fable-5-thinking-high",
  "telemetry": {
    "completion_tokens": 34023,
    "cost_usd": null,
    "prompt_tokens": 8,
    "total_tokens": 34031,
    "wall_ms": 382303
  },
  "transport": "cursor-agent-cli-isolated-home",
  "vendor_sanction_ref": null
}

send-log2.5 KB

{
  "N": 2,
  "batch_id": "2026-08-13--cursor-s0",
  "config_id": "claude-fable-5-thinking-eff-high--cli--cursor--dev",
  "positions": [
    {
      "attempts": [
        {
          "attempt_index": 0,
          "backoff_ms": null,
          "charged": true,
          "ended_at": "2026-08-12T17:14:07.805987+00:00",
          "http_status": null,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-08-12T17:12:06.592518+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-12T17:14:59.125173+00:00",
          "http_status": null,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-08-12T17:14:11.667332+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-12T17:15:56.767087+00:00",
          "http_status": null,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-08-12T17:15:02.794991+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-12T17:18:40.016687+00:00",
          "http_status": null,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-08-12T17:16:00.345514+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
    }
  }
}