deepseek-v4-pro-0812 @ low · dsh

dshlow

config: deepseek-v4-pro-0812-eff-low--cli--dsh--dev
batch: 2026-07-19--unified
transport: dsh-0.1.0-rc.8-headless-isolated-home
protocol: cli · api
served model: deepseek-v4-pro
captured: Jul 18, 2026, 11:54 AM · N=2

variant

live

slot 0 · P-q · sandboxed iframe

deepseek-v4-pro-0812 @low · dsh 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
hourlymismatchcoverage 0/24 · 0 match · 5 mismatch · 19 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=device-width, initial-scale=1.0">
<title>Weather</title>
<style>
  :root{
    --accent:#4ea8de;
    --accent-soft:rgba(78,168,222,.28);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{height:100%}
  body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    background:linear-gradient(160deg,#0b1622 0%,#152238 48%,#1f3a5f 100%);
    color:#eef2f7;
    display:flex;align-items:center;justify-content:center;
    min-height:100vh;padding:40px;
    position:relative;overflow:hidden;
  }
  .glow{
    position:fixed;top:-20vh;right:-10vw;
    width:70vw;height:70vw;border-radius:50%;
    background:radial-gradient(circle at center,var(--accent) 0%,transparent 62%);
    opacity:.32;filter:blur(90px);pointer-events:none;z-index:0;
    transition:background 1.2s ease;
  }
  .glow.g2{
    top:auto;right:auto;bottom:-25vh;left:-15vw;width:55vw;height:55vw;
    opacity:.22;
  }
  .card{
    position:relative;z-index:1;
    width:min(760px,100%);
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.14);
    border-radius:28px;
    backdrop-filter:blur(26px) saturate(150%);
    -webkit-backdrop-filter:blur(26px) saturate(150%);
    box-shadow:0 34px 90px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.1);
    padding:44px 48px 40px;
  }
  .top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
  .badge{
    display:inline-flex;align-items:center;gap:7px;
    font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
    color:var(--accent);
    background:var(--accent-soft);
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;padding:6px 13px;margin-bottom:18px;
    transition:color .6s,background .6s;
  }
  .badge .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);transition:background .6s}
  .location{font-size:40px;font-weight:650;letter-spacing:-.02em;line-height:1.1}
  .location .pin{margin-right:6px}
  .date{font-size:15px;color:rgba(255,255,255,.6);margin-top:9px;font-weight:450}
  .condition{text-align:right;flex-shrink:0}
  .icon{font-size:74px;line-height:1;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}
  .cond-label{font-size:15px;color:rgba(255,255,255,.72);margin-top:10px;font-weight:550}
  .temps{display:flex;align-items:flex-end;gap:26px;margin:34px 0 6px}
  .big-temp{font-size:92px;font-weight:150;letter-spacing:-.04em;line-height:.9}
  .big-temp sup{font-size:44px;font-weight:300;vertical-align:top;margin-left:2px}
  .temp-meta{display:flex;flex-direction:column;gap:10px;padding-bottom:12px}
  .meta-row{display:flex;align-items:baseline;gap:10px;font-size:14px;color:rgba(255,255,255,.6)}
  .meta-row b{font-size:22px;font-weight:600;color:#fff}
  .meta-row b sup{font-size:12px;font-weight:400;color:rgba(255,255,255,.6)}
  .tag{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.42);width:38px}
  .divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);margin:28px 0 24px}
  .hourly-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px}
  .hourly-head h2{font-size:15px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}
  .hourly-range{font-size:13px;color:rgba(255,255,255,.45)}
  .chart{width:100%;display:block}
  .chart .grid{stroke:rgba(255,255,255,.08);stroke-width:1}
  .chart .axis-label{font-size:11px;fill:rgba(255,255,255,.45)}
  .chart .line{fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .6s}
  .chart .dot{fill:#fff;stroke:var(--accent);stroke-width:2;transition:stroke .6s}
  .chart .mark{font-size:11px;font-weight:600;fill:#fff}
  .error{display:none;text-align:center;padding:40px 16px}
  .error .err-icon{font-size:46px;margin-bottom:16px}
  .error h2{font-size:22px;font-weight:650;margin-bottom:10px}
  .error p{font-size:14px;color:rgba(255,255,255,.6);line-height:1.6;max-width:420px;margin:0 auto}
  .loading{display:flex;align-items:center;justify-content:center;gap:14px;padding:90px 0;color:rgba(255,255,255,.6);font-size:15px}
  .spinner{width:26px;height:26px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:var(--accent);animation:spin .8s linear infinite}
  @keyframes spin{to{transform:rotate(360deg)}}
</style>
</head>
<body>
  <div class="glow"></div>
  <div class="glow g2"></div>

  <main class="card" id="card">
    <div class="loading" id="loading">
      <div class="spinner"></div>
      <span>Loading weather…</span>
    </div>

    <div id="content" style="display:none">
      <div class="top">
        <div>
          <div class="badge"><span class="dot"></span><span id="badgeText">Today</span></div>
          <div class="location"><span class="pin">📍</span><span id="locName"></span></div>
          <div class="date" id="dateLabel"></div>
        </div>
        <div class="condition">
          <div class="icon" id="icon"></div>
          <div class="cond-label" id="condLabel"></div>
        </div>
      </div>

      <div class="temps">
        <div class="big-temp"><span id="maxTemp"></span><sup>°C</sup></div>
        <div class="temp-meta">
          <div class="meta-row"><span class="tag">High</span><b id="maxVal"></b></div>
          <div class="meta-row"><span class="tag">Low</span><b id="minVal"></b></div>
        </div>
      </div>

      <div class="divider"></div>

      <div class="hourly-head">
        <h2>Hourly temperature</h2>
        <span class="hourly-range" id="range"></span>
      </div>
      <svg class="chart" id="chart" viewBox="0 0 680 210" preserveAspectRatio="xMidYMid meet" role="img" aria-label="Hourly temperature chart"></svg>
    </div>

    <div class="error" id="error">
      <div class="err-icon">⚠️</div>
      <h2>Couldn't load the weather</h2>
      <p id="errorMsg">Weather data could not be loaded. Please try again.</p>
    </div>
  </main>

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

  var WMO = {
    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:"Drizzle",                  icon:"🌦️"},
    55: {label:"Dense drizzle",            icon:"🌧️"},
    56: {label:"Freezing drizzle",         icon:"🌧️"},
    57: {label:"Freezing drizzle",         icon:"🌧️"},
    61: {label:"Light rain",               icon:"🌧️"},
    63: {label:"Rain",                     icon:"🌧️"},
    65: {label:"Heavy rain",               icon:"🌧️"},
    66: {label:"Freezing rain",            icon:"🌧️"},
    67: {label:"Freezing rain",            icon:"🌧️"},
    71: {label:"Light snow",               icon:"🌨️"},
    73: {label:"Snow",                     icon:"❄️"},
    75: {label:"Heavy snow",               icon:"❄️"},
    77: {label:"Snow grains",              icon:"🌨️"},
    80: {label:"Light rain showers",       icon:"🌦️"},
    81: {label:"Rain showers",             icon:"🌧️"},
    82: {label:"Violent rain showers",     icon:"⛈️"},
    85: {label:"Snow showers",             icon:"🌨️"},
    86: {label:"Snow showers",             icon:"🌨️"},
    95: {label:"Thunderstorm",             icon:"⛈️"},
    96: {label:"Thunderstorm, slight hail",icon:"⛈️"},
    99: {label:"Thunderstorm, heavy hail", icon:"⛈️"}
  };

  var ACCENTS = {
    clear:"#f5b041", partly:"#6f9bd8", overcast:"#7f8ea3", fog:"#93a4bd",
    rain:"#4a7fb5", snow:"#8ecae6", storm:"#7d6bb5", drizzle:"#5f8fb4"
  };

  function accentFor(code){
    if(code===0) return ACCENTS.clear;
    if(code===1||code===2) return ACCENTS.partly;
    if(code===3) return ACCENTS.overcast;
    if(code===45||code===48) return ACCENTS.fog;
    if(code>=95) return ACCENTS.storm;
    if(code>=71 && code<=86) return ACCENTS.snow;
    if(code>=51 && code<=67) return ACCENTS.drizzle;
    if(code>=80 && code<=82) return ACCENTS.rain;
    if(code>=61 && code<=65) return ACCENTS.rain;
    return ACCENTS.partly;
  }

  var params = new URLSearchParams(window.location.search);
  var lat = params.get("lat") || "52.52";
  var lon = params.get("lon") || "13.405";
  var name = params.get("name") || "Berlin";

  function todayUTC(){ return new Date().toISOString().slice(0,10); }
  var today = todayUTC();
  var rawDate = params.get("date");
  var date = (rawDate && /^\d{4}-\d{2}-\d{2}$/.test(rawDate)) ? rawDate : today;

  var $ = function(id){ return document.getElementById(id); };

  function showError(msg){
    $("loading").style.display = "none";
    $("content").style.display = "none";
    $("error").style.display = "block";
    $("errorMsg").textContent = msg || "Weather data could not be loaded. Please try again.";
  }

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

  function fmtTemp(t){
    var v = round1(t);
    return (v>0 ? "+" : "") + v + "°";
  }

  function pad(n){ return (n<10?"0":"") + n; }

  function render(dateISO, nameText, daily, hourly){
    var tMax = daily.temperature_2m_max[0];
    var tMin = daily.temperature_2m_min[0];
    var code = daily.weather_code[0];
    var w = WMO[code] || {label:"Unknown", icon:"🌡️"};
    var accent = accentFor(code);

    document.documentElement.style.setProperty("--accent", accent);
    document.documentElement.style.setProperty("--accent-soft", accent + "33");

    $("locName").textContent = nameText;
    $("icon").textContent = w.icon;
    $("condLabel").textContent = w.label;
    $("maxTemp").textContent = Math.round(tMax);
    $("maxVal").innerHTML = fmtTemp(tMax) + '<sup>°C</sup>';
    $("minVal").innerHTML = fmtTemp(tMin) + '<sup>°C</sup>';

    // Date label
    var d = new Date(dateISO + "T00:00:00Z");
    $("dateLabel").textContent = d.toLocaleDateString("en-US", {weekday:"long", year:"numeric", month:"long", day:"numeric", timeZone:"UTC"});

    // Badge
    var badge;
    if(dateISO === today) badge = "Today";
    else if(dateISO < today) badge = "Historical";
    else {
      var tomorrow = new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), d.getUTCDate()+1)).toISOString().slice(0,10);
      badge = (dateISO === tomorrow) ? "Tomorrow" : "Forecast";
    }
    $("badgeText").textContent = badge;

    // Hourly chart
    var temps = hourly.temperature_2m.slice(0,24);
    var n = temps.length;
    var lo = Math.min.apply(null, temps);
    var hi = Math.max.apply(null, temps);
    var span = (hi - lo) || 2;
    var yLo = lo - span*0.22, yHi = hi + span*0.22;

    var W=680, H=210, L=34, R=24, T=18, B=34;
    var pw = W-L-R, ph = H-T-B;

    function x(i){ return L + (n===1 ? pw/2 : (i/(n-1))*pw); }
    function y(t){ return T + (1 - (t-yLo)/(yHi-yLo))*ph; }

    var pts = [];
    for(var i=0;i<n;i++){ pts.push(x(i).toFixed(1)+","+y(temps[i]).toFixed(1)); }
    var line = pts.join(" ");

    var area = "M"+pts[0]
      + " L" + pts.slice(1).join(" L")
      + " L"+x(n-1).toFixed(1)+","+(T+ph).toFixed(1)
      + " L"+x(0).toFixed(1)+","+(T+ph).toFixed(1)
      + " Z";

    var svg = "";
    svg += '<defs><linearGradient id="areaGrad" x1="0" y1="0" x2="0" y2="1">'
         + '<stop offset="0%" stop-color="'+accent+'" stop-opacity="0.42"/>'
         + '<stop offset="100%" stop-color="'+accent+'" stop-opacity="0"/>'
         + '</linearGradient></defs>';

    // gridlines
    var lines = 4;
    for(var g=0; g<=lines; g++){
      var gy = T + (g/lines)*ph;
      svg += '<line class="grid" x1="'+L+'" y1="'+gy.toFixed(1)+'" x2="'+(W-R)+'" y2="'+gy.toFixed(1)+'"/>';
      var val = yHi - (g/lines)*(yHi-yLo);
      svg += '<text class="axis-label" x="'+(L-8)+'" y="'+(gy+4).toFixed(1)+'" text-anchor="end">'+Math.round(val)+'°</text>';
    }

    // x labels every 6h + last
    [0,6,12,18,23].forEach(function(h){
      if(h >= n) return;
      var hx = x(h);
      svg += '<text class="axis-label" x="'+hx.toFixed(1)+'" y="'+(H-10)+'" text-anchor="middle">'+pad(h)+':00</text>';
    });

    svg += '<path d="'+area+'" fill="url(#areaGrad)"/>';
    svg += '<polyline class="line" points="'+line+'"/>';

    for(var i=0;i<n;i++){
      var cx = x(i), cy = y(temps[i]);
      var tip = pad(i)+":00 — "+fmtTemp(temps[i]);
      svg += '<circle class="dot" cx="'+cx.toFixed(1)+'" cy="'+cy.toFixed(1)+'" r="3.2"><title>'+tip+'</title></circle>';
    }

    // min & max markers
    var iMax = temps.indexOf(hi), iMin = temps.indexOf(lo);
    svg += '<text class="mark" x="'+x(iMax).toFixed(1)+'" y="'+(y(hi)-9).toFixed(1)+'" text-anchor="middle">'+Math.round(hi)+'°</text>';
    svg += '<text class="mark" x="'+x(iMin).toFixed(1)+'" y="'+(y(lo)+18).toFixed(1)+'" text-anchor="middle">'+Math.round(lo)+'°</text>';

    $("chart").innerHTML = svg;
    $("range").textContent = "High " + fmtTemp(hi) + "  ·  Low " + fmtTemp(lo);

    $("loading").style.display = "none";
    $("content").style.display = "block";
    $("error").style.display = "none";
  }

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

    fetch(url)
      .then(function(res){
        if(!res.ok){ throw new Error("HTTP " + res.status); }
        return res.json();
      })
      .then(function(data){
        if(!data || !data.daily || !data.hourly) throw new Error("Malformed response");
        if(!data.daily.temperature_2m_max || !data.daily.temperature_2m_max.length) throw new Error("No daily data");
        if(!data.hourly.temperature_2m || !data.hourly.temperature_2m.length) throw new Error("No hourly data");
        render(date, name, data.daily, data.hourly);
      })
      .catch(function(e){
        showError("The weather data for this location and date could not be loaded" + (e && e.message ? " (" + e.message + ")." : ".") + " Please check the location and date, then try again.");
      });
  }

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

L1 — cheap deterministic descriptors

bytes total	14,654	html / css / js	1,818 / 4,345 / 8,491
dom nodes	47	dom depth	8
css rules	42	js present	yes
brightness	48.7	contrast	18.6
colorfulness	25.8	whitespace	53.7%

This slot's telemetry

prompt tokens	8,052	completion tokens	13,512
total tokens	21,564	wall	136.5 s
cost	—	request id	—

config.json595 B

{
  "N": 2,
  "auth": {
    "credential_ref": "WCB_DEEPSEEK_KEY",
    "method": "api-key"
  },
  "billing": "api",
  "config_id": "deepseek-v4-pro-0812-eff-low--cli--dsh--dev",
  "effort": "low",
  "family": "deepseek",
  "m": {
    "min": 2,
    "q": 2
  },
  "model_id": "deepseek-v4-pro-0812",
  "protocol": "cli",
  "served_model": "deepseek-v4-pro",
  "telemetry": {
    "completion_tokens": 42986,
    "cost_usd": null,
    "prompt_tokens": 31843,
    "total_tokens": 74829,
    "wall_ms": 405026
  },
  "transport": "dsh-0.1.0-rc.8-headless-isolated-home",
  "vendor_sanction_ref": null
}

send-log2.5 KB

{
  "N": 2,
  "batch_id": "2026-08-21--dsh-s1",
  "config_id": "deepseek-v4-pro-0812-eff-low--cli--dsh--dev",
  "positions": [
    {
      "attempts": [
        {
          "attempt_index": 0,
          "backoff_ms": null,
          "charged": true,
          "ended_at": "2026-08-21T12:54:30.688628+00:00",
          "http_status": null,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-08-21T12:53:59.165802+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-21T12:56:52.174280+00:00",
          "http_status": null,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-08-21T12:54:35.641380+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-21T12:59:31.790009+00:00",
          "http_status": null,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-08-21T12:56:57.293413+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-21T13:00:57.784616+00:00",
          "http_status": null,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-08-21T12:59:35.309400+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
    }
  }
}