claude-opus-4-5-thinking @ high · cursor-xl
cursor-xlhigh
- config
- claude-opus-4-5-thinking-eff-high--cli--cursor-xl--dev
- batch
- 2026-07-19--unified
- transport
- cursor-agent-cli-isolated-home
- protocol
- cli · plan
- served model
- claude-4.5-opus-high-thinking
- captured
- Jul 18, 2026, 11:54 AM · N=2
variant
live
slot 0 · P-q · sandboxed iframe
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 tempambiguousno-remaining-candidate
- min tempmismatchshown: 25
- 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>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
padding: 40px;
}
.weather-card {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(20px);
border-radius: 24px;
padding: 40px;
width: 100%;
max-width: 800px;
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);
color: #fff;
}
.header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 32px;
}
.location {
font-size: 32px;
font-weight: 600;
letter-spacing: -0.5px;
}
.date {
font-size: 16px;
color: rgba(255, 255, 255, 0.7);
margin-top: 8px;
}
.weather-icon {
font-size: 64px;
line-height: 1;
}
.main-info {
display: flex;
align-items: center;
gap: 40px;
margin-bottom: 40px;
padding-bottom: 32px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.temperature-range {
display: flex;
flex-direction: column;
gap: 8px;
}
.temp-high {
font-size: 64px;
font-weight: 300;
letter-spacing: -2px;
line-height: 1;
}
.temp-low {
font-size: 28px;
color: rgba(255, 255, 255, 0.6);
font-weight: 300;
}
.condition {
font-size: 24px;
color: rgba(255, 255, 255, 0.9);
font-weight: 400;
}
.hourly-section h3 {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1.5px;
color: rgba(255, 255, 255, 0.5);
margin-bottom: 20px;
font-weight: 500;
}
.hourly-temps {
display: flex;
gap: 8px;
overflow-x: auto;
padding-bottom: 8px;
}
.hourly-temps::-webkit-scrollbar {
height: 6px;
}
.hourly-temps::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.1);
border-radius: 3px;
}
.hourly-temps::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.3);
border-radius: 3px;
}
.hour-item {
display: flex;
flex-direction: column;
align-items: center;
padding: 16px 12px;
background: rgba(255, 255, 255, 0.05);
border-radius: 16px;
min-width: 60px;
transition: background 0.2s;
}
.hour-item:hover {
background: rgba(255, 255, 255, 0.1);
}
.hour-time {
font-size: 12px;
color: rgba(255, 255, 255, 0.5);
margin-bottom: 8px;
}
.hour-temp {
font-size: 18px;
font-weight: 500;
}
.loading, .error {
text-align: center;
padding: 60px 40px;
}
.loading {
color: rgba(255, 255, 255, 0.7);
}
.error {
color: #ff6b6b;
}
.error-icon {
font-size: 48px;
margin-bottom: 16px;
}
.spinner {
width: 40px;
height: 40px;
border: 3px solid rgba(255, 255, 255, 0.1);
border-top-color: rgba(255, 255, 255, 0.7);
border-radius: 50%;
animation: spin 1s linear infinite;
margin: 0 auto 20px;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
</style>
</head>
<body>
<div class="weather-card" id="card">
<div class="loading">
<div class="spinner"></div>
<p>Loading weather data...</p>
</div>
</div>
<script>
const weatherCodes = {
0: { condition: 'Clear Sky', icon: '☀️' },
1: { condition: 'Mainly Clear', icon: '🌤️' },
2: { condition: 'Partly Cloudy', icon: '⛅' },
3: { condition: 'Overcast', icon: '☁️' },
45: { condition: 'Foggy', icon: '🌫️' },
48: { condition: 'Depositing Rime Fog', icon: '🌫️' },
51: { condition: 'Light Drizzle', icon: '🌧️' },
53: { condition: 'Moderate Drizzle', icon: '🌧️' },
55: { condition: 'Dense Drizzle', icon: '🌧️' },
56: { condition: 'Light Freezing Drizzle', icon: '🌧️' },
57: { condition: 'Dense Freezing Drizzle', icon: '🌧️' },
61: { condition: 'Slight Rain', icon: '🌧️' },
63: { condition: 'Moderate Rain', icon: '🌧️' },
65: { condition: 'Heavy Rain', icon: '🌧️' },
66: { condition: 'Light Freezing Rain', icon: '🌧️' },
67: { condition: 'Heavy Freezing Rain', icon: '🌧️' },
71: { condition: 'Slight Snow', icon: '🌨️' },
73: { condition: 'Moderate Snow', icon: '🌨️' },
75: { condition: 'Heavy Snow', icon: '❄️' },
77: { condition: 'Snow Grains', icon: '❄️' },
80: { condition: 'Slight Rain Showers', icon: '🌦️' },
81: { condition: 'Moderate Rain Showers', icon: '🌦️' },
82: { condition: 'Violent Rain Showers', icon: '⛈️' },
85: { condition: 'Slight Snow Showers', icon: '🌨️' },
86: { condition: 'Heavy Snow Showers', icon: '🌨️' },
95: { condition: 'Thunderstorm', icon: '⛈️' },
96: { condition: 'Thunderstorm with Slight Hail', icon: '⛈️' },
99: { condition: 'Thunderstorm with Heavy Hail', icon: '⛈️' }
};
function getWeatherInfo(code) {
return weatherCodes[code] || { condition: 'Unknown', icon: '❓' };
}
function formatDate(dateStr) {
const date = new Date(dateStr + 'T00:00:00Z');
return date.toLocaleDateString('en-US', {
weekday: 'long',
year: 'numeric',
month: 'long',
day: 'numeric',
timeZone: 'UTC'
});
}
function getParams() {
const params = new URLSearchParams(window.location.search);
const today = new Date().toISOString().split('T')[0];
return {
lat: params.get('lat') || '52.52',
lon: params.get('lon') || '13.405',
name: params.get('name') || 'Berlin',
date: params.get('date') || today
};
}
function isPastDate(dateStr) {
const today = new Date().toISOString().split('T')[0];
return dateStr < today;
}
async function fetchWeather() {
const { lat, lon, name, date } = getParams();
const endpoint = isPastDate(date) ? '/api/om/archive' : '/api/om/forecast';
const url = new URL(endpoint, window.location.origin);
url.searchParams.set('latitude', lat);
url.searchParams.set('longitude', lon);
url.searchParams.set('daily', 'temperature_2m_max,temperature_2m_min,weather_code');
url.searchParams.set('hourly', 'temperature_2m');
url.searchParams.set('timezone', 'UTC');
url.searchParams.set('temperature_unit', 'celsius');
url.searchParams.set('start_date', date);
url.searchParams.set('end_date', date);
const response = await fetch(url);
if (!response.ok) {
throw new Error('Failed to fetch weather data');
}
return response.json();
}
function renderWeather(data, params) {
const daily = data.daily;
const hourly = data.hourly;
const maxTemp = Math.round(daily.temperature_2m_max[0]);
const minTemp = Math.round(daily.temperature_2m_min[0]);
const weatherCode = daily.weather_code[0];
const weatherInfo = getWeatherInfo(weatherCode);
const hourlyHtml = hourly.time.map((time, i) => {
const hour = new Date(time).getUTCHours();
const temp = Math.round(hourly.temperature_2m[i]);
return `
<div class="hour-item">
<span class="hour-time">${hour.toString().padStart(2, '0')}:00</span>
<span class="hour-temp">${temp}°</span>
</div>
`;
}).join('');
document.getElementById('card').innerHTML = `
<div class="header">
<div>
<div class="location">${params.name}</div>
<div class="date">${formatDate(params.date)}</div>
</div>
<div class="weather-icon">${weatherInfo.icon}</div>
</div>
<div class="main-info">
<div class="temperature-range">
<div class="temp-high">${maxTemp}°C</div>
<div class="temp-low">Low: ${minTemp}°C</div>
</div>
<div class="condition">${weatherInfo.condition}</div>
</div>
<div class="hourly-section">
<h3>Hourly Temperature</h3>
<div class="hourly-temps">${hourlyHtml}</div>
</div>
`;
}
function renderError(message) {
document.getElementById('card').innerHTML = `
<div class="error">
<div class="error-icon">⚠️</div>
<p>${message}</p>
</div>
`;
}
async function init() {
try {
const params = getParams();
const data = await fetchWeather();
renderWeather(data, params);
} catch (error) {
renderError('Unable to load weather data. Please try again later.');
}
}
init();
</script>
</body>
</html>L1 — cheap deterministic descriptors
| bytes total | 9,342 | html / css / js | 366 / 3,496 / 5,480 |
|---|---|---|---|
| dom nodes | 12 | dom depth | 5 |
| css rules | 28 | js present | yes |
| brightness | 44.8 | contrast | 18.5 |
| colorfulness | 23.5 | whitespace | 57.8% |
This slot's telemetry
| prompt tokens | 26 | completion tokens | 3,930 |
|---|---|---|---|
| total tokens | 3,956 | wall | 55 s |
| cost | — | request id | — |
config.json610 B
{
"N": 2,
"auth": {
"credential_ref": "WCB_NONE",
"method": "oauth-login"
},
"billing": "plan",
"config_id": "claude-opus-4-5-thinking-eff-high--cli--cursor-xl--dev",
"effort": "high",
"family": "claude",
"m": {
"min": 2,
"q": 2
},
"model_id": "claude-opus-4-5-thinking",
"protocol": "cli",
"served_model": "claude-4.5-opus-high-thinking",
"telemetry": {
"completion_tokens": 18178,
"cost_usd": null,
"prompt_tokens": 90,
"total_tokens": 18268,
"wall_ms": 237245
},
"transport": "cursor-agent-cli-isolated-home",
"vendor_sanction_ref": null
}send-log2.5 KB
{
"N": 2,
"batch_id": "2026-08-13--cursor-xl-s2",
"config_id": "claude-opus-4-5-thinking-eff-high--cli--cursor-xl--dev",
"positions": [
{
"attempts": [
{
"attempt_index": 0,
"backoff_ms": null,
"charged": true,
"ended_at": "2026-08-13T15:41:50.051652+00:00",
"http_status": null,
"outcome": "valid",
"reached_model": true,
"reason": "ok",
"request_id": null,
"started_at": "2026-08-13T15:40:36.182190+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-13T15:42:48.964180+00:00",
"http_status": null,
"outcome": "valid",
"reached_model": true,
"reason": "ok",
"request_id": null,
"started_at": "2026-08-13T15:41:53.967404+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-13T15:43:47.063753+00:00",
"http_status": null,
"outcome": "valid",
"reached_model": true,
"reason": "ok",
"request_id": null,
"started_at": "2026-08-13T15:42:52.400809+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-13T15:44:44.242681+00:00",
"http_status": null,
"outcome": "valid",
"reached_model": true,
"reason": "ok",
"request_id": null,
"started_at": "2026-08-13T15:43:50.518644+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
}
}
}