minimax-m2.1 · kiro
kiro
- config
- minimax-m2.1--cli--kiro--dev
- batch
- 2026-07-19--unified
- transport
- kiro-cli-isolated-home-github-social
- protocol
- cli · plan
- served model
- minimax-m2.1
- 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 neighbors
nearest
minimax-m2.5 · go0.69qwen3.5-plus · go0.64claude-fable-5 @xhigh · CC0.63claude-sonnet-4-6 @medium · kiro0.63claude-sonnet-4-6 @high · kiro0.61farthest
qwen3.7-plus · go0.36nemotron-3-ultra-free · api0.38minimax-m2.5 · kiro0.41mimo-v2.5-free · api0.41gpt-5.4 @low · codex-oauth0.42within session 2026-07-19--unified
similarity measures convergence within this session — not quality.
Fidelity — does the card show the right data?
- namematch
- conditionmatch
- datematch
- max tempambiguousinsufficient-distinct-temperature-nodes
- min tempambiguousinsufficient-distinct-temperature-nodes
- 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, height=800">
<title>Weather Card</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
@font-face {
font-family: 'System';
src: local('SF Pro Display'), local('Segoe UI'), local('Roboto'), local('Helvetica Neue');
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 800px;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.weather-card {
background: #ffffff;
border-radius: 24px;
box-shadow:
0 25px 50px -12px rgba(0, 0, 0, 0.25),
0 0 0 1px rgba(255, 255, 255, 0.1);
width: 100%;
max-width: 600px;
overflow: hidden;
animation: slideUp 0.5s ease-out;
}
@keyframes slideUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.card-header {
background: linear-gradient(135deg, #1e3a5f 0%, #2d5a87 100%);
padding: 32px;
color: #ffffff;
position: relative;
overflow: hidden;
}
.card-header::before {
content: '';
position: absolute;
top: -50%;
right: -20%;
width: 300px;
height: 300px;
background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
border-radius: 50%;
}
.location {
font-size: 28px;
font-weight: 600;
margin-bottom: 4px;
position: relative;
z-index: 1;
}
.date {
font-size: 16px;
opacity: 0.85;
font-weight: 400;
position: relative;
z-index: 1;
}
.weather-main {
padding: 32px;
display: flex;
align-items: center;
gap: 24px;
border-bottom: 1px solid #f0f0f0;
}
.weather-icon {
width: 100px;
height: 100px;
flex-shrink: 0;
}
.temp-container {
display: flex;
align-items: baseline;
gap: 12px;
}
.temp-main {
font-size: 64px;
font-weight: 300;
color: #1e3a5f;
line-height: 1;
}
.temp-unit {
font-size: 28px;
color: #666;
font-weight: 400;
}
.temp-range {
margin-top: 8px;
color: #666;
font-size: 16px;
}
.condition {
margin-left: auto;
text-align: right;
}
.condition-text {
font-size: 24px;
font-weight: 500;
color: #1e3a5f;
margin-bottom: 4px;
}
.condition-desc {
font-size: 14px;
color: #888;
}
.hourly-section {
padding: 24px 32px 32px;
}
.hourly-title {
font-size: 14px;
font-weight: 600;
color: #888;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 16px;
}
.hourly-scroll {
display: flex;
gap: 8px;
overflow-x: auto;
padding-bottom: 8px;
scrollbar-width: thin;
scrollbar-color: #ddd #f9f9f9;
}
.hourly-scroll::-webkit-scrollbar {
height: 6px;
}
.hourly-scroll::-webkit-scrollbar-track {
background: #f9f9f9;
border-radius: 3px;
}
.hourly-scroll::-webkit-scrollbar-thumb {
background: #ddd;
border-radius: 3px;
}
.hourly-item {
flex-shrink: 0;
text-align: center;
padding: 12px 8px;
background: #f8f9fa;
border-radius: 12px;
min-width: 60px;
transition: transform 0.2s ease, background 0.2s ease;
}
.hourly-item:hover {
transform: translateY(-2px);
background: #f0f2f5;
}
.hourly-time {
font-size: 12px;
color: #888;
margin-bottom: 8px;
}
.hourly-temp {
font-size: 16px;
font-weight: 600;
color: #1e3a5f;
}
.loading {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 80px 32px;
color: #666;
}
.spinner {
width: 48px;
height: 48px;
border: 3px solid #f0f0f0;
border-top-color: #667eea;
border-radius: 50%;
animation: spin 1s linear infinite;
margin-bottom: 16px;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
.error {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 80px 32px;
color: #dc3545;
}
.error-icon {
width: 64px;
height: 64px;
margin-bottom: 16px;
stroke: #dc3545;
}
.error-text {
font-size: 18px;
font-weight: 500;
text-align: center;
}
.error-details {
font-size: 14px;
color: #888;
margin-top: 8px;
text-align: center;
}
.hidden {
display: none !important;
}
</style>
</head>
<body>
<div class="weather-card">
<div id="loading" class="loading">
<div class="spinner"></div>
<span>Loading weather data...</span>
</div>
<div id="error" class="error hidden">
<svg class="error-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="12" cy="12" r="10"/>
<line x1="15" y1="9" x2="9" y2="15"/>
<line x1="9" y1="9" x2="15" y2="15"/>
</svg>
<div class="error-text">Unable to load weather data</div>
<div id="error-details" class="error-details"></div>
</div>
<div id="content" class="hidden">
<div class="card-header">
<div class="location" id="location">Location</div>
<div class="date" id="date">Date</div>
</div>
<div class="weather-main">
<svg class="weather-icon" id="weather-icon" viewBox="0 0 100 100"></svg>
<div>
<div class="temp-container">
<span class="temp-main" id="temp-main">--</span>
<span class="temp-unit">°C</span>
</div>
<div class="temp-range">
H: <span id="temp-max">--</span>°C · L: <span id="temp-min">--</span>°C
</div>
</div>
<div class="condition">
<div class="condition-text" id="condition-text">--</div>
<div class="condition-desc" id="condition-desc"></div>
</div>
</div>
<div class="hourly-section">
<div class="hourly-title">Hourly Temperature</div>
<div class="hourly-scroll" id="hourly-list"></div>
</div>
</div>
</div>
<script>
(function() {
const WMO_CODES = {
0: { desc: 'Clear sky', icon: 'sunny' },
1: { desc: 'Mainly clear', icon: 'sunny' },
2: { desc: 'Partly cloudy', icon: 'partly-cloudy' },
3: { desc: 'Overcast', icon: 'cloudy' },
45: { desc: 'Fog', icon: 'fog' },
48: { desc: 'Depositing rime fog', icon: 'fog' },
51: { desc: 'Light drizzle', icon: 'drizzle' },
53: { desc: 'Moderate drizzle', icon: 'drizzle' },
55: { desc: 'Dense drizzle', icon: 'drizzle' },
56: { desc: 'Light freezing drizzle', icon: 'drizzle' },
57: { desc: 'Dense freezing drizzle', icon: 'drizzle' },
61: { desc: 'Slight rain', icon: 'rain' },
63: { desc: 'Moderate rain', icon: 'rain' },
65: { desc: 'Heavy rain', icon: 'rain' },
66: { desc: 'Light freezing rain', icon: 'rain' },
67: { desc: 'Heavy freezing rain', icon: 'rain' },
71: { desc: 'Slight snow', icon: 'snow' },
73: { desc: 'Moderate snow', icon: 'snow' },
75: { desc: 'Heavy snow', icon: 'snow' },
77: { desc: 'Snow grains', icon: 'snow' },
80: { desc: 'Slight rain showers', icon: 'showers' },
81: { desc: 'Moderate rain showers', icon: 'showers' },
82: { desc: 'Violent rain showers', icon: 'showers' },
85: { desc: 'Slight snow showers', icon: 'snow' },
86: { desc: 'Heavy snow showers', icon: 'snow' },
95: { desc: 'Thunderstorm', icon: 'thunderstorm' },
96: { desc: 'Thunderstorm with slight hail', icon: 'thunderstorm' },
99: { desc: 'Thunderstorm with heavy hail', icon: 'thunderstorm' }
};
const ICON_PATHS = {
sunny: `<circle cx="50" cy="50" r="22" fill="#FFD93D"/><g stroke="#FFD93D" stroke-width="4" stroke-linecap="round"><line x1="50" y1="12" x2="50" y2="22"/><line x1="50" y1="78" x2="50" y2="88"/><line x1="12" y1="50" x2="22" y2="50"/><line x1="78" y1="50" x2="88" y2="50"/><line x1="22" y1="22" x2="29" y2="29"/><line x1="71" y1="71" x2="78" y2="78"/><line x1="22" y1="78" x2="29" y2="71"/><line x1="71" y1="29" x2="78" y2="22"/></g>`,
'partly-cloudy': `<g fill="#FFD93D"><circle cx="30" cy="40" r="15"/><circle cx="70" cy="45" r="12"/></g><g fill="#E8E8E8"><ellipse cx="50" cy="70" rx="35" ry="20"/><ellipse cx="35" cy="60" rx="20" ry="15"/><ellipse cx="75" cy="55" rx="18" ry="12"/></g>`,
cloudy: `<g fill="#E8E8E8"><ellipse cx="35" cy="50" rx="25" ry="18"/><ellipse cx="65" cy="45" rx="28" ry="20"/><ellipse cx="50" cy="70" rx="30" ry="18"/></g>`,
fog: `<g stroke="#B0BEC5" stroke-width="3" fill="none" stroke-linecap="round"><line x1="20" y1="55" x2="35" y2="55"/><line x1="40" y1="50" x2="60" y2="50"/><line x1="65" y1="55" x2="80" y2="55"/><line x1="25" y1="65" x2="45" y2="65"/><line x1="50" y1="70" x2="70" y2="70"/></g>`,
drizzle: `<g fill="#64B5F6"><ellipse cx="30" cy="75" rx="4" ry="6"/><ellipse cx="50" cy="75" rx="4" ry="6"/><ellipse cx="70" cy="75" rx="4" ry="6"/></g><g fill="#E8E8E8"><ellipse cx="40" cy="45" rx="25" ry="15"/><ellipse cx="65" cy="40" rx="22" ry="14"/></g>`,
rain: `<g fill="#64B5F6"><ellipse cx="25" cy="80" rx="4" ry="7"/><ellipse cx="45" cy="80" rx="4" ry="7"/><ellipse cx="65" cy="80" rx="4" ry="7"/><ellipse cx="85" cy="80" rx="4" ry="7"/></g><g fill="#90A4AE"><ellipse cx="50" cy="45" rx="35" ry="22"/><ellipse cx="25" cy="55" rx="20" ry="14"/></g>`,
snow: `<g fill="#E3F2FD"><circle cx="25" cy="75" r="4"/><circle cx="45" cy="78" r="3"/><circle cx="65" cy="73" r="4"/><circle cx="82" cy="77" r="3"/></g><g fill="#E8E8E8"><ellipse cx="50" cy="45" rx="30" ry="18"/><ellipse cx="75" cy="42" rx="22" ry="14"/></g>`,
showers: `<g fill="#64B5F6"><ellipse cx="20" cy="78" rx="3" ry="5"/><ellipse cx="40" cy="80" rx="3" ry="5"/><ellipse cx="60" cy="75" rx="3" ry="5"/><ellipse cx="80" cy="80" rx="3" ry="5"/></g><g fill="#CFD8DC"><ellipse cx="50" cy="42" rx="35" ry="20"/><ellipse cx="25" cy="50" rx="20" ry="12"/></g>`,
thunderstorm: `<g stroke="#FFD93D" stroke-width="4" fill="none"><polyline points="45,25 55,50 40,50 50,80"/></g><g fill="#546E7A"><ellipse cx="55" cy="60" rx="30" ry="18"/></g>`
};
function getQueryParams() {
const params = new URLSearchParams(window.location.search);
const today = new Date();
const utcToday = new Date(Date.UTC(today.getUTCFullYear(), today.getUTCMonth(), today.getUTCDate()));
const todayStr = utcToday.toISOString().split('T')[0];
return {
lat: parseFloat(params.get('lat')) || 52.52,
lon: parseFloat(params.get('lon')) || 13.405,
name: params.get('name') || 'Berlin',
date: params.get('date') || todayStr
};
}
function isPastDate(dateStr) {
const today = new Date();
const utcToday = new Date(Date.UTC(today.getUTCFullYear(), today.getUTCMonth(), today.getUTCDate()));
const targetDate = new Date(dateStr + 'T00:00:00Z');
return targetDate < utcToday;
}
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 getApiEndpoint(date) {
return isPastDate(date) ? '/api/om/archive' : '/api/om/forecast';
}
function buildApiUrl(endpoint, params) {
const url = new URL(endpoint, window.location.origin);
url.searchParams.set('latitude', params.lat.toString());
url.searchParams.set('longitude', params.lon.toString());
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', params.date);
url.searchParams.set('end_date', params.date);
return url.toString();
}
function setIcon(code) {
const info = WMO_CODES[code] || { desc: 'Unknown', icon: 'cloudy' };
const iconSvg = document.getElementById('weather-icon');
iconSvg.innerHTML = ICON_PATHS[info.icon] || ICON_PATHS.cloudy;
return info.desc;
}
function renderHourly(hourlyData) {
const container = document.getElementById('hourly-list');
container.innerHTML = '';
const times = hourlyData.time || [];
const temps = hourlyData.temperature_2m || [];
times.forEach((time, i) => {
const hour = new Date(time).getUTCHours();
const temp = temps[i];
const item = document.createElement('div');
item.className = 'hourly-item';
item.innerHTML = `
<div class="hourly-time">${hour.toString().padStart(2, '0')}:00</div>
<div class="hourly-temp">${Math.round(temp)}°</div>
`;
container.appendChild(item);
});
}
function showContent() {
document.getElementById('loading').classList.add('hidden');
document.getElementById('error').classList.add('hidden');
document.getElementById('content').classList.remove('hidden');
}
function showError(message) {
document.getElementById('loading').classList.add('hidden');
document.getElementById('content').classList.add('hidden');
document.getElementById('error').classList.remove('hidden');
document.getElementById('error-details').textContent = message;
}
async function loadWeather() {
const params = getQueryParams();
document.getElementById('location').textContent = params.name;
document.getElementById('date').textContent = formatDate(params.date);
try {
const endpoint = getApiEndpoint(params.date);
const url = buildApiUrl(endpoint, params);
const response = await fetch(url);
if (!response.ok) {
throw new Error(`HTTP ${response.status}: ${response.statusText}`);
}
const data = await response.json();
const daily = data.daily || {};
const hourly = data.hourly || {};
const maxTemp = daily.temperature_2m_max?.[0];
const minTemp = daily.temperature_2m_min?.[0];
const weatherCode = daily.weather_code?.[0];
if (maxTemp !== undefined) {
document.getElementById('temp-main').textContent = Math.round(maxTemp);
document.getElementById('temp-max').textContent = Math.round(maxTemp);
}
if (minTemp !== undefined) {
document.getElementById('temp-min').textContent = Math.round(minTemp);
}
const conditionDesc = setIcon(weatherCode);
document.getElementById('condition-text').textContent = conditionDesc;
renderHourly(hourly);
showContent();
} catch (err) {
console.error('Weather fetch error:', err);
showError(err.message || 'Failed to fetch weather data');
}
}
document.addEventListener('DOMContentLoaded', loadWeather);
})();
</script>
</body>
</html>L1 — cheap deterministic descriptors
| bytes total | 16,140 | html / css / js | 1,815 / 4,902 / 9,423 |
|---|---|---|---|
| dom nodes | 38 | dom depth | 8 |
| css rules | 39 | js present | yes |
| brightness | 136.9 | contrast | 55.7 |
| colorfulness | 63.2 | whitespace | 42.2% |
This slot's telemetry
| prompt tokens | 0 | completion tokens | 0 |
|---|---|---|---|
| total tokens | 0 | wall | 107.3 s |
| cost | — | request id | — |
config.json560 B
{
"N": 2,
"auth": {
"credential_ref": "WCB_NONE",
"method": "oauth-login"
},
"billing": "plan",
"config_id": "minimax-m2.1--cli--kiro--dev",
"effort": null,
"family": "minimax",
"m": {
"min": 2,
"q": 2
},
"model_id": "minimax-m2.1",
"protocol": "cli",
"served_model": "minimax-m2.1",
"telemetry": {
"completion_tokens": null,
"cost_usd": null,
"prompt_tokens": null,
"total_tokens": null,
"wall_ms": 358849
},
"transport": "kiro-cli-isolated-home-github-social",
"vendor_sanction_ref": null
}send-log2.4 KB
{
"N": 2,
"batch_id": "2026-07-18--kiro-cli",
"config_id": "minimax-m2.1--cli--kiro--dev",
"positions": [
{
"attempts": [
{
"attempt_index": 0,
"backoff_ms": null,
"charged": true,
"ended_at": "2026-07-19T07:11:58.489227+00:00",
"http_status": null,
"outcome": "valid",
"reached_model": true,
"reason": "ok",
"request_id": null,
"started_at": "2026-07-19T07:10:58.274530+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-19T07:13:48.975647+00:00",
"http_status": null,
"outcome": "valid",
"reached_model": true,
"reason": "ok",
"request_id": null,
"started_at": "2026-07-19T07:12:01.645463+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-07-19T07:15:01.963625+00:00",
"http_status": null,
"outcome": "valid",
"reached_model": true,
"reason": "ok",
"request_id": null,
"started_at": "2026-07-19T07:13:53.050953+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-19T07:17:07.966837+00:00",
"http_status": null,
"outcome": "valid",
"reached_model": true,
"reason": "ok",
"request_id": null,
"started_at": "2026-07-19T07:15:05.569274+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
}
}
}