qwen3.7-max · opencode

opencode

config: qwen3.7-max--cli--opencode--dev
batch: 2026-07-19--unified
transport: opencode-cli-isolated-xdg-go-subscription
protocol: cli · plan
served model: qwen3.7-max
captured: Jul 18, 2026, 11:54 AM · N=2

variant

live

slot 1 · P-q · sandboxed iframe

qwen3.7-max · opencode P-q slot 1 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 tempambiguousshown: 25max-equals-min
min tempambiguousshown: 25max-equals-min
hourlyambiguouscoverage · 0 match · 0 mismatch · 24 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 Card</title>
<style>
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
@font-face{font-family:sys;src:local("Inter"),local("SF Pro Display"),local("Segoe UI"),local("Helvetica Neue"),local("Arial")}
html,body{width:1280px;height:800px;overflow:hidden;font-family:sys,sans-serif}
body{display:flex;align-items:center;justify-content:center;background:#0f172a;color:#e2e8f0}
.card{width:720px;border-radius:28px;overflow:hidden;background:linear-gradient(145deg,#1e293b 0%,#0f172a 100%);box-shadow:0 25px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.06);position:relative}
.card::before{content:"";position:absolute;top:-120px;right:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.12) 0%,transparent 70%);pointer-events:none}
.card::after{content:"";position:absolute;bottom:-100px;left:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.08) 0%,transparent 70%);pointer-events:none}
.header{padding:40px 44px 0;display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}
.location{font-size:28px;font-weight:700;letter-spacing:-.02em;color:#f8fafc}
.date-label{font-size:14px;color:#94a3b8;margin-top:4px;font-weight:500}
.weather-icon{font-size:56px;line-height:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}
.summary{padding:28px 44px 0;display:flex;align-items:baseline;gap:16px;position:relative;z-index:1}
.temp-range{display:flex;align-items:baseline;gap:12px}
.temp-hi{font-size:56px;font-weight:800;letter-spacing:-.03em;color:#f8fafc;line-height:1}
.temp-lo{font-size:28px;font-weight:600;color:#64748b;line-height:1}
.condition{font-size:16px;font-weight:600;color:#94a3b8;margin-left:auto;text-transform:capitalize;letter-spacing:.02em}
.hourly-section{padding:32px 44px 40px;position:relative;z-index:1}
.hourly-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#475569;margin-bottom:16px}
.hourly-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}
.hour-cell{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0;border-radius:12px;transition:background .2s}
.hour-cell:hover{background:rgba(255,255,255,.04)}
.hour-time{font-size:11px;color:#64748b;font-weight:600;font-variant-numeric:tabular-nums}
.hour-bar-wrap{width:6px;height:80px;border-radius:3px;background:rgba(255,255,255,.04);position:relative;overflow:hidden}
.hour-bar{position:absolute;bottom:0;left:0;width:100%;border-radius:3px;background:linear-gradient(to top,#38bdf8,#818cf8);transition:height .6s cubic-bezier(.4,0,.2,1)}
.hour-temp{font-size:12px;font-weight:700;color:#cbd5e1;font-variant-numeric:tabular-nums}
.error-box{padding:60px 44px;text-align:center}
.error-box h2{font-size:22px;color:#f87171;margin-bottom:8px}
.error-box p{font-size:14px;color:#94a3b8}
.loading{padding:80px 44px;text-align:center;color:#64748b;font-size:15px}
.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);margin:0 44px}
</style>
</head>
<body>
<div class="card" id="card">
  <div class="loading" id="loading">Loading weather data…</div>
</div>
<script>
(function(){
  var p=new URLSearchParams(location.search);
  var lat=p.get("lat")||"52.52";
  var lon=p.get("lon")||"13.405";
  var name=p.get("name")||"Berlin";
  var today=new Date();
  var utcToday=today.getUTCFullYear()+"-"+String(today.getUTCMonth()+1).padStart(2,"0")+"-"+String(today.getUTCDate()).padStart(2,"0");
  var date=p.get("date")||utcToday;

  var isPast=(function(){
    var d=new Date(date+"T00:00:00Z");
    var now=new Date();
    var t=new Date(Date.UTC(now.getUTCFullYear(),now.getUTCMonth(),now.getUTCDate()));
    return d<t;
  })();

  var endpoint=isPast?"/api/om/archive":"/api/om/forecast";
  var qs="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="+encodeURIComponent(date)
    +"&end_date="+encodeURIComponent(date);

  var card=document.getElementById("card");
  var loading=document.getElementById("loading");

  function wmo(code){
    var m={0:"Clear sky",1:"Mainly clear",2:"Partly cloudy",3:"Overcast",
      45:"Foggy",48:"Rime fog",51:"Light drizzle",53:"Drizzle",55:"Dense drizzle",
      56:"Freezing drizzle",57:"Freezing drizzle",61:"Light rain",63:"Rain",65:"Heavy rain",
      66:"Freezing rain",67:"Freezing rain",71:"Light snow",73:"Snow",75:"Heavy snow",
      77:"Snow grains",80:"Light showers",81:"Showers",82:"Heavy showers",
      85:"Light snow showers",86:"Snow showers",95:"Thunderstorm",96:"Thunderstorm with hail",99:"Thunderstorm with hail"};
    return m[code]||"Unknown";
  }

  function wmoIcon(code){
    if(code===0)return"☀️";if(code<=3)return"⛅";if(code<=48)return"🌫️";
    if(code<=57)return"🌦️";if(code<=67)return"🌧️";if(code<=77)return"❄️";
    if(code<=86)return"🌦️";return"⛈️";
  }

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

  function render(data){
    var daily=data.daily;
    var hourly=data.hourly;
    if(!daily||!hourly||!daily.time||!daily.time.length){
      card.innerHTML='<div class="error-box"><h2>No data</h2><p>No weather data available for this date.</p></div>';
      return;
    }
    var hi=daily.temperature_2m_max[0];
    var lo=daily.temperature_2m_min[0];
    var wc=daily.weather_code[0];
    var temps=hourly.temperature_2m;
    var times=hourly.time;

    var minT=Infinity,maxT=-Infinity;
    for(var i=0;i<temps.length;i++){
      if(temps[i]!=null){
        if(temps[i]<minT)minT=temps[i];
        if(temps[i]>maxT)maxT=temps[i];
      }
    }
    var range=maxT-minT||1;

    var hourlyHTML="";
    var step=Math.max(1,Math.floor(times.length/12));
    var count=0;
    for(var i=0;i<times.length&&count<12;i+=step){
      var t=temps[i];
      if(t==null){count++;continue;}
      var h=times[i].split("T")[1];
      var hr=parseInt(h,10);
      var label=(hr<10?"0":"")+hr+":00";
      var pct=((t-minT)/range)*100;
      if(pct<8)pct=8;
      hourlyHTML+='<div class="hour-cell">'
        +'<span class="hour-time">'+label+'</span>'
        +'<div class="hour-bar-wrap"><div class="hour-bar" style="height:'+pct+'%"></div></div>'
        +'<span class="hour-temp">'+Math.round(t)+'°</span>'
        +'</div>';
      count++;
    }

    card.innerHTML=
      '<div class="header">'
        +'<div><div class="location">'+name+'</div>'
        +'<div class="date-label">'+fmtDate(date)+'</div></div>'
        +'<div class="weather-icon">'+wmoIcon(wc)+'</div>'
      +'</div>'
      +'<div class="summary">'
        +'<div class="temp-range">'
          +'<span class="temp-hi">'+Math.round(hi)+'°</span>'
          +'<span class="temp-lo">'+Math.round(lo)+'°</span>'
        +'</div>'
        +'<span class="condition">'+wmo(wc)+'</span>'
      +'</div>'
      +'<div class="divider"></div>'
      +'<div class="hourly-section">'
        +'<div class="hourly-title">Hourly Temperature</div>'
        +'<div class="hourly-grid">'+hourlyHTML+'</div>'
      +'</div>';
  }

  fetch(endpoint+"?"+qs)
    .then(function(r){
      if(!r.ok)throw new Error("HTTP "+r.status);
      return r.json();
    })
    .then(function(data){
      render(data);
    })
    .catch(function(err){
      card.innerHTML='<div class="error-box"><h2>Failed to load weather data</h2><p>'+err.message+'</p></div>';
    });
})();
</script>
</body>
</html>

L1 — cheap deterministic descriptors

bytes total	7,824	html / css / js	301 / 3,048 / 4,475
dom nodes	10	dom depth	4
css rules	30	js present	yes
brightness	26.6	contrast	12.9
colorfulness	13.3	whitespace	95.8%

This slot's telemetry

prompt tokens	0	completion tokens	0
total tokens	0	wall	120.2 s
cost	—	request id	—

config.json571 B

{
  "N": 2,
  "auth": {
    "credential_ref": "WCB_OPENCODE_KEY",
    "method": "oauth-login"
  },
  "billing": "plan",
  "config_id": "qwen3.7-max--cli--opencode--dev",
  "effort": null,
  "family": "qwen",
  "m": {
    "min": 2,
    "q": 1
  },
  "model_id": "qwen3.7-max",
  "protocol": "cli",
  "served_model": "qwen3.7-max",
  "telemetry": {
    "completion_tokens": null,
    "cost_usd": null,
    "prompt_tokens": null,
    "total_tokens": null,
    "wall_ms": 239696
  },
  "transport": "opencode-cli-isolated-xdg-go-subscription",
  "vendor_sanction_ref": null
}

send-log2.5 KB

{
  "N": 2,
  "batch_id": "2026-07-18--dev-opencode-cli",
  "config_id": "qwen3.7-max--cli--opencode--dev",
  "positions": [
    {
      "attempts": [
        {
          "attempt_index": 0,
          "backoff_ms": null,
          "charged": true,
          "ended_at": "2026-07-17T18:21:25.242469+00:00",
          "http_status": null,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-07-17T18:20:10.537313+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-07-17T18:22:36.727077+00:00",
          "http_status": null,
          "outcome": "infra-failed",
          "reached_model": true,
          "reason": "mid-stream-death",
          "request_id": null,
          "started_at": "2026-07-17T18:21:28.424754+00:00"
        }
      ],
      "block_index": 0,
      "model_reaching_attempt_index": 0,
      "slot_index": 0,
      "terminal_state": "infra-failed",
      "variant": "P-q"
    },
    {
      "attempts": [
        {
          "attempt_index": 0,
          "backoff_ms": null,
          "charged": true,
          "ended_at": "2026-07-17T18:24:36.932407+00:00",
          "http_status": null,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-07-17T18:22:36.727985+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-07-17T18:25:24.885019+00:00",
          "http_status": null,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-07-17T18:24:40.110847+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
    }
  }
}