doubao-seed-2-1-pro-260628 @ disabled · api

apidisabled
config
doubao-seed-2-1-pro-eff-disabled--api--official--dev
batch
2026-07-19--unified
transport
volcano-ark-official-api
protocol
api · metered
served model
doubao-seed-2-1-pro-260628
captured
Jul 18, 2026, 11:54 AM · N=4
variant
live
slot 0 · P-q · sandboxed iframe
doubao-seed-2-1-pro-260628 @disabled · api 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 neighbors

within 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 tempmatchshown: 25
  • 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=device-width, initial-scale=1.0">
    <title>Weather Card</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        .weather-card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border-radius: 24px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            width: 100%;
            max-width: 900px;
            overflow: hidden;
            padding: 40px;
        }

        .location-header {
            text-align: center;
            margin-bottom: 30px;
        }

        .location-name {
            font-size: 32px;
            font-weight: 700;
            color: #1a1a2e;
            margin-bottom: 8px;
        }

        .date {
            font-size: 18px;
            color: #666;
            font-weight: 500;
        }

        .main-weather {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 40px;
            padding: 30px;
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            border-radius: 20px;
        }

        .weather-icon {
            font-size: 120px;
            line-height: 1;
        }

        .weather-info {
            text-align: right;
        }

        .condition {
            font-size: 24px;
            font-weight: 600;
            color: #1a1a2e;
            margin-bottom: 15px;
            text-transform: capitalize;
        }

        .temps {
            display: flex;
            gap: 20px;
            font-size: 20px;
            font-weight: 600;
        }

        .max-temp {
            color: #e74c3c;
        }

        .min-temp {
            color: #3498db;
        }

        .hourly-section {
            margin-top: 20px;
        }

        .hourly-title {
            font-size: 20px;
            font-weight: 600;
            color: #1a1a2e;
            margin-bottom: 20px;
            text-align: center;
        }

        .hourly-scroll {
            display: flex;
            gap: 15px;
            overflow-x: auto;
            padding: 10px 0;
            scrollbar-width: thin;
            scrollbar-color: #667eea #f0f0f0;
        }

        .hourly-scroll::-webkit-scrollbar {
            height: 8px;
        }

        .hourly-scroll::-webkit-scrollbar-track {
            background: #f0f0f0;
            border-radius: 4px;
        }

        .hourly-scroll::-webkit-scrollbar-thumb {
            background: #667eea;
            border-radius: 4px;
        }

        .hour-item {
            min-width: 80px;
            background: white;
            border-radius: 16px;
            padding: 15px 10px;
            text-align: center;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            transition: transform 0.2s;
        }

        .hour-item:hover {
            transform: translateY(-5px);
        }

        .hour-time {
            font-size: 14px;
            font-weight: 600;
            color: #666;
            margin-bottom: 10px;
        }

        .hour-icon {
            font-size: 32px;
            margin-bottom: 10px;
        }

        .hour-temp {
            font-size: 18px;
            font-weight: 700;
            color: #1a1a2e;
        }

        .error-message {
            text-align: center;
            padding: 60px 20px;
            color: #e74c3c;
            font-size: 20px;
            font-weight: 600;
        }

        .loading {
            text-align: center;
            padding: 60px 20px;
            color: #667eea;
            font-size: 20px;
            font-weight: 600;
        }
    </style>
</head>
<body>
    <div class="weather-card" id="weatherCard">
        <div class="loading">Loading weather data...</div>
    </div>

    <script>
        // Weather code mapping
        const weatherCodes = {
            0: { condition: 'Clear sky', icon: '☀️' },
            1: { condition: 'Mainly clear', icon: '🌤️' },
            2: { condition: 'Partly cloudy', icon: '⛅' },
            3: { condition: 'Overcast', icon: '☁️' },
            45: { condition: 'Fog', 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 fall', icon: '🌨️' },
            73: { condition: 'Moderate snow fall', icon: '🌨️' },
            75: { condition: 'Heavy snow fall', 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: '⛈️' }
        };

        // Helper to get default date (today UTC as YYYY-MM-DD)
        function getDefaultDate() {
            const now = new Date();
            return now.toISOString().split('T')[0];
        }

        // Parse URL parameters
        const params = new URLSearchParams(window.location.search);
        const lat = params.get('lat') || '52.52';
        const lon = params.get('lon') || '13.405';
        const name = params.get('name') || 'Berlin';
        const date = params.get('date') || getDefaultDate();

        // Determine if date is in the past or today/future
        const targetDate = new Date(date + 'T00:00:00Z');
        const today = new Date();
        today.setUTCHours(0, 0, 0, 0);
        const isPast = targetDate < today;

        // Select API endpoint
        const apiPath = isPast ? '/api/om/archive' : '/api/om/forecast';

        // Build API URL
        const apiUrl = new URL(apiPath, window.location.origin);
        apiUrl.searchParams.set('latitude', lat);
        apiUrl.searchParams.set('longitude', lon);
        apiUrl.searchParams.set('daily', 'temperature_2m_max,temperature_2m_min,weather_code');
        apiUrl.searchParams.set('hourly', 'temperature_2m');
        apiUrl.searchParams.set('timezone', 'UTC');
        apiUrl.searchParams.set('temperature_unit', 'celsius');
        apiUrl.searchParams.set('start_date', date);
        apiUrl.searchParams.set('end_date', date);

        // Format date for display
        function formatDisplayDate(dateStr) {
            const d = new Date(dateStr + 'T00:00:00Z');
            return d.toLocaleDateString('en-US', {
                weekday: 'long',
                year: 'numeric',
                month: 'long',
                day: 'numeric',
                timeZone: 'UTC'
            });
        }

        // Format hour from ISO time string
        function formatHour(timeStr) {
            const d = new Date(timeStr);
            return d.getUTCHours().toString().padStart(2, '0') + ':00';
        }

        // Get hourly icon based on time of day and weather
        function getHourlyIcon(weatherCode, hour) {
            const isNight = hour < 6 || hour >= 20;
            if (weatherCode === 0 || weatherCode === 1) {
                return isNight ? '🌙' : '☀️';
            }
            return weatherCodes[weatherCode]?.icon || '🌡️';
        }

        // Fetch and render weather data
        async function loadWeather() {
            const card = document.getElementById('weatherCard');
            try {
                const response = await fetch(apiUrl.toString());
                if (!response.ok) throw new Error('Failed to fetch weather data');
                const data = await response.json();

                if (!data.daily || !data.hourly) throw new Error('Invalid weather data');

                const maxTemp = data.daily.temperature_2m_max[0];
                const minTemp = data.daily.temperature_2m_min[0];
                const weatherCode = data.daily.weather_code[0];
                const weather = weatherCodes[weatherCode] || { condition: 'Unknown', icon: '🌡️' };
                const hourlyTimes = data.hourly.time;
                const hourlyTemps = data.hourly.temperature_2m;

                // Build hourly items
                let hourlyHtml = '';
                for (let i = 0; i < hourlyTimes.length; i++) {
                    const hour = new Date(hourlyTimes[i]).getUTCHours();
                    const icon = getHourlyIcon(weatherCode, hour);
                    hourlyHtml += `
                        <div class="hour-item">
                            <div class="hour-time">${formatHour(hourlyTimes[i])}</div>
                            <div class="hour-icon">${icon}</div>
                            <div class="hour-temp">${Math.round(hourlyTemps[i])}°</div>
                        </div>
                    `;
                }

                card.innerHTML = `
                    <div class="location-header">
                        <div class="location-name">${name}</div>
                        <div class="date">${formatDisplayDate(date)}</div>
                    </div>
                    <div class="main-weather">
                        <div class="weather-icon">${weather.icon}</div>
                        <div class="weather-info">
                            <div class="condition">${weather.condition}</div>
                            <div class="temps">
                                <span class="max-temp">↑ ${Math.round(maxTemp)}°C</span>
                                <span class="min-temp">↓ ${Math.round(minTemp)}°C</span>
                            </div>
                        </div>
                    </div>
                    <div class="hourly-section">
                        <div class="hourly-title">Hourly Temperatures</div>
                        <div class="hourly-scroll">
                            ${hourlyHtml}
                        </div>
                    </div>
                `;
            } catch (error) {
                card.innerHTML = `<div class="error-message">Failed to load weather data. Please try again later.</div>`;
            }
        }

        loadWeather();
    </script>
</body>
</html>

L1 — cheap deterministic descriptors

bytes total11,583html / css / js365 / 4,009 / 7,209
dom nodes10dom depth4
css rules26js presentyes
brightness177.8contrast64.7
colorfulness60.1whitespace49.2%

This slot's telemetry

prompt tokens381completion tokens3,266
total tokens3,647wall46.6 s
costrequest id
config.json609 B
{
  "N": 4,
  "auth": {
    "credential_ref": "WCB_ARK_KEY",
    "method": "api-key"
  },
  "billing": "metered",
  "config_id": "doubao-seed-2-1-pro-eff-disabled--api--official--dev",
  "effort": "disabled",
  "family": "doubao",
  "m": {
    "min": 4,
    "q": 2
  },
  "model_id": "doubao-seed-2-1-pro-260628",
  "protocol": "api",
  "served_model": "doubao-seed-2-1-pro-260628",
  "telemetry": {
    "completion_tokens": 18021,
    "cost_usd": null,
    "prompt_tokens": 2250,
    "total_tokens": 20271,
    "wall_ms": 302013
  },
  "transport": "volcano-ark-official-api",
  "vendor_sanction_ref": null
}
send-log4.7 KB
{
  "N": 4,
  "batch_id": "2026-07-19--official-ark",
  "config_id": "doubao-seed-2-1-pro-eff-disabled--api--official--dev",
  "positions": [
    {
      "attempts": [
        {
          "attempt_index": 0,
          "backoff_ms": null,
          "charged": true,
          "ended_at": "2026-07-19T09:14:04.921506+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-07-19T09:13:18.325782+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-19T09:14:55.764617+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-07-19T09:14:10.060599+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-19T09:15:43.597535+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-07-19T09:14:59.236391+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-07-19T09:16:59.526333+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-07-19T09:15:48.571328+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-19T09:18:13.814724+00:00",
          "http_status": 200,
          "outcome": "model-failed",
          "reached_model": true,
          "reason": "no-valid-html",
          "request_id": null,
          "started_at": "2026-07-19T09:17:02.628213+00:00"
        }
      ],
      "block_index": 2,
      "model_reaching_attempt_index": 0,
      "slot_index": 2,
      "terminal_state": "model-failed",
      "variant": "P-q"
    },
    {
      "attempts": [
        {
          "attempt_index": 0,
          "backoff_ms": null,
          "charged": true,
          "ended_at": "2026-07-19T09:19:03.983817+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-07-19T09:18:13.815916+00:00"
        }
      ],
      "block_index": 2,
      "model_reaching_attempt_index": 0,
      "slot_index": 2,
      "terminal_state": "valid",
      "variant": "P-min"
    },
    {
      "attempts": [
        {
          "attempt_index": 0,
          "backoff_ms": null,
          "charged": true,
          "ended_at": "2026-07-19T09:19:51.644568+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-07-19T09:19:07.411206+00:00"
        }
      ],
      "block_index": 3,
      "model_reaching_attempt_index": 0,
      "slot_index": 3,
      "terminal_state": "valid",
      "variant": "P-min"
    },
    {
      "attempts": [
        {
          "attempt_index": 0,
          "backoff_ms": null,
          "charged": true,
          "ended_at": "2026-07-19T09:20:56.234616+00:00",
          "http_status": 200,
          "outcome": "model-failed",
          "reached_model": true,
          "reason": "no-valid-html",
          "request_id": null,
          "started_at": "2026-07-19T09:19:55.401352+00:00"
        }
      ],
      "block_index": 3,
      "model_reaching_attempt_index": 0,
      "slot_index": 3,
      "terminal_state": "model-failed",
      "variant": "P-q"
    }
  ],
  "retry_policy": {
    "max_unreachable_retries": 5,
    "rate_limit_backoff": {
      "max_attempts": 4,
      "max_total_ms": 60000
    }
  }
}