deepseek-v4-flash-vision-exp @ minimal · api

apiminimal

config: deepseek-v4-flash-vision-exp-eff-minimal--api--official--dev
batch: 2026-07-19--unified
transport: deepseek-official-api
protocol: api · metered
served model: deepseek-v4-flash-vision-exp
采集于: 2026年7月18日 11:54 · N=4

该 model 的全部 effort 与 arm →

variant

live

slot 0 · P-q · sandboxed iframe

deepseek-v4-flash-vision-exp @minimal · api P-q slot 0 截图

输出带 markdown 围栏 — 模型把 HTML 包在代码围栏里返回,提取时已剥离;记录在此以便追溯。

截图是 similarity 通道测量时的原始像素。运行 live 会在 sandboxed iframe 中重新执行原始输出;渲染结果取决于你的浏览器和字体,不保证与测量像素一致。

similarity 邻居本 session 没有 similarity 数据 —— 这个 batch 没有计算 pairs。

Fidelity —— 卡片展示的数据对不对?

namematch
conditionmatch
datematch
max tempmatch展示值:25
min tempmatch展示值:16
hourlyambiguouscoverage · 0 命中 · 0 不符 · 24 未展示
request sidematch0 处违规

extractor fidelity-extractor-v1+Berlin-2026-07-15

源码 —— 原始模型输出,一字节未改

下载 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: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
            background: #0b0f19;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            min-width: 1280px;
            overflow: hidden;
        }

        .weather-card {
            width: 720px;
            background: linear-gradient(155deg, #0b1a2e 0%, #16324d 45%, #1f4e73 100%);
            border-radius: 28px;
            box-shadow: 0 20px 70px rgba(0, 0, 0, .55), 0 2px 8px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .08);
            padding: 44px 52px 40px;
            position: relative;
            overflow: hidden;
            color: #eef2f7;
            transition: box-shadow .3s;
        }
        .weather-card::before {
            content: '';
            position: absolute;
            top: -120px;
            right: -80px;
            width: 260px;
            height: 260px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(255, 255, 255, .12) 0%, transparent 70%);
            pointer-events: none;
        }
        .weather-card::after {
            content: '';
            position: absolute;
            bottom: -60px;
            left: -40px;
            width: 160px;
            height: 160px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(100, 180, 255, .15) 0%, transparent 70%);
            pointer-events: none;
        }

        .card-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;
            z-index: 1;
        }
        .location-info .location-name {
            font-size: 20px;
            font-weight: 700;
            letter-spacing: .3px;
            line-height: 1.2;
            color: #fff;
            display: flex;
            align-items: center;
            gap: 6px;
        }
        .location-info .location-name .tag {
            background: rgba(255, 255, 255, .12);
            font-size: 10px;
            padding: 2px 8px;
            border-radius: 12px;
            font-weight: 600;
            letter-spacing: .5px;
            color: rgba(255, 255, 255, .85);
        }
        .location-info .date-label {
            font-size: 14px;
            color: rgba(255, 255, 255, .65);
            margin-top: 4px;
            letter-spacing: .2px;
        }
        .weather-icon {
            font-size: 72px;
            line-height: 1;
            filter: drop-shadow(0 6px 18px rgba(0, 0, 0, .25));
            position: relative;
            z-index: 1;
        }

        .card-body {
            text-align: center;
            padding: 32px 0 20px;
            position: relative;
            z-index: 1;
        }
        .temp-large {
            font-size: 108px;
            font-weight: 200;
            line-height: 1;
            color: #fff;
            text-shadow: 0 8px 36px rgba(0, 0, 0, .2);
            letter-spacing: -5px;
            display: inline-block;
            vertical-align: middle;
        }
        .temp-large .unit {
            font-size: 42px;
            font-weight: 300;
            vertical-align: super;
            letter-spacing: 0;
            margin-left: 2px;
            color: rgba(255, 255, 255, .8);
        }
        .condition-text {
            font-size: 17px;
            color: rgba(255, 255, 255, .85);
            margin-top: 10px;
            letter-spacing: .4px;
            font-weight: 500;
        }
        .minmax-row {
            display: flex;
            justify-content: center;
            gap: 16px;
            margin-top: 18px;
            position: relative;
            z-index: 1;
        }
        .minmax-chip {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background: rgba(255, 255, 255, .1);
            border: 1px solid rgba(255, 255, 255, .08);
            padding: 6px 14px;
            border-radius: 30px;
            font-size: 13px;
            font-weight: 600;
            color: #e8eef4;
        }
        .minmax-chip .dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
        }
        .minmax-chip.high .dot {
            background: #ff9f43;
        }
        .minmax-chip.low .dot {
            background: #54a0ff;
        }

        .hourly-section {
            background: rgba(0, 0, 0, .18);
            border-radius: 18px;
            padding: 20px 24px 16px;
            margin-top: 22px;
            position: relative;
            z-index: 1;
            border: 1px solid rgba(255, 255, 255, .05);
        }
        .hourly-section .section-title {
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 1.2px;
            color: rgba(255, 255, 255, .6);
            font-weight: 700;
            margin-bottom: 4px;
        }
        .hourly-chart-wrap {
            width: 100%;
            height: 150px;
            position: relative;
        }
        .hourly-chart-wrap canvas {
            width: 100%;
            height: 100%;
            display: block;
        }

        .error-card {
            width: 720px;
            background: linear-gradient(155deg, #1a1a2e, #16213e);
            border-radius: 28px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, .4);
            padding: 80px 60px;
            text-align: center;
            color: #e0e6ec;
        }
        .error-card .err-icon {
            font-size: 64px;
            margin-bottom: 20px;
        }
        .error-card .err-title {
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 8px;
        }
        .error-card .err-msg {
            font-size: 14px;
            color: rgba(255, 255, 255, .6);
        }
    </style>
</head>
<body>
    <div id="card-container"></div>

    <script>
        (function() {
            const params = new URLSearchParams(window.location.search);
            const lat = parseFloat(params.get('lat') || '52.52');
            const lon = parseFloat(params.get('lon') || '13.405');
            const locationName = params.get('name') || 'Berlin';
            const dateStr = params.get('date') || new Date().toISOString().slice(0, 10);

            const today = new Date().toISOString().slice(0, 10);
            const apiBase = dateStr < today ? '/api/om/archive' : '/api/om/forecast';

            const url = apiBase + '?latitude=' + lat +
                '&longitude=' + lon +
                '&daily=temperature_2m_max,temperature_2m_min,weather_code' +
                '&hourly=temperature_2m' +
                '&timezone=UTC' +
                '&temperature_unit=celsius' +
                '&start_date=' + dateStr +
                '&end_date=' + dateStr;

            const container = document.getElementById('card-container');

            fetch(url)
                .then(function(res) {
                    if (!res.ok) throw new Error('API request failed (HTTP ' + res.status + ')');
                    return res.json();
                })
                .then(function(data) {
                    if (data.error) throw new Error(data.reason);

                    const daily = data.daily;
                    const hourly = data.hourly;

                    if (!daily || !daily.temperature_2m_max || daily.temperature_2m_max.length === 0) {
                        throw new Error('No daily data');
                    }

                    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 hourlyTemps = (hourly && hourly.temperature_2m) ? hourly.temperature_2m.slice(0, 24) : [];

                    const weatherInfo = getWeatherInfo(weatherCode);
                    const formattedDate = formatDate(dateStr);

                    var html = '<div class="weather-card">';
                    html += '<div class="card-header">';
                    html += '<div class="location-info">';
                    html += '<div class="location-name">' + escapeHtml(locationName) +
                        ' <span class="tag">' + lat.toFixed(1) + ', ' + lon.toFixed(1) + '</span></div>';
                    html += '<div class="date-label">' + formattedDate + '</div>';
                    html += '</div>';
                    html += '<div class="weather-icon">' + weatherInfo.icon + '</div>';
                    html += '</div>';

                    html += '<div class="card-body">';
                    html += '<span class="temp-large">' + maxTemp + '<span class="unit">°C</span></span>';
                    html += '<div class="condition-text">' + weatherInfo.text + '</div>';
                    html += '<div class="minmax-row">';
                    html += '<span class="minmax-chip high"><span class="dot"></span>H: ' + maxTemp + '°C</span>';
                    html += '<span class="minmax-chip low"><span class="dot"></span>L: ' + minTemp + '°C</span>';
                    html += '</div>';
                    html += '</div>';

                    html += '<div class="hourly-section">';
                    html += '<div class="section-title">Hourly Temperatures</div>';
                    html += '<div class="hourly-chart-wrap"><canvas id="hourlyChart"></canvas></div>';
                    html += '</div>';

                    html += '</div>';

                    container.innerHTML = html;

                    var canvas = document.getElementById('hourlyChart');
                    if (canvas && hourlyTemps.length > 0) {
                        drawHourlyChart(canvas, hourlyTemps);
                    }
                })
                .catch(function(err) {
                    container.innerHTML = '<div class="error-card">' +
                        '<div class="err-icon">⚠️</div>' +
                        '<div class="err-title">Weather Unavailable</div>' +
                        '<div class="err-msg">Could not load weather data for "' + escapeHtml(locationName) +
                        '". Please try again.</div>' +
                        '</div>';
                });

            function getWeatherInfo(code) {
                var conditions = {
                    0: { text: 'Clear Sky', icon: '☀️' },
                    1: { text: 'Mainly Clear', icon: '🌤️' },
                    2: { text: 'Partly Cloudy', icon: '⛅' },
                    3: { text: 'Overcast', icon: '☁️' },
                    45: { text: 'Fog', icon: '🌫️' },
                    48: { text: 'Rime Fog', icon: '🌫️' },
                    51: { text: 'Light Drizzle', icon: '🌦️' },
                    53: { text: 'Drizzle', icon: '🌦️' },
                    55: { text: 'Dense Drizzle', icon: '🌦️' },
                    56: { text: 'Freezing Drizzle', icon: '🌧️' },
                    57: { text: 'Freezing Drizzle', icon: '🌧️' },
                    61: { text: 'Slight Rain', icon: '🌧️' },
                    63: { text: 'Moderate Rain', icon: '🌧️' },
                    65: { text: 'Heavy Rain', icon: '🌧️' },
                    66: { text: 'Freezing Rain', icon: '🌧️' },
                    67: { text: 'Freezing Rain', icon: '🌧️' },
                    71: { text: 'Slight Snow', icon: '🌨️' },
                    73: { text: 'Moderate Snow', icon: '❄️' },
                    75: { text: 'Heavy Snow', icon: '❄️' },
                    77: { text: 'Snow Grains', icon: '❄️' },
                    80: { text: 'Rain Showers', icon: '🌧️' },
                    81: { text: 'Rain Showers', icon: '🌧️' },
                    82: { text: 'Violent Rain', icon: '⛈️' },
                    85: { text: 'Snow Showers', icon: '🌨️' },
                    86: { text: 'Snow Showers', icon: '❄️' },
                    95: { text: 'Thunderstorm', icon: '⛈️' },
                    96: { text: 'Thunderstorm + Hail', icon: '⛈️' },
                    99: { text: 'Thunderstorm + Hail', icon: '⛈️' }
                };
                return conditions[code] || { text: 'Unknown Condition', icon: '🌡️' };
            }

            function formatDate(str) {
                if (!str || str.length < 10) return str;
                var parts = str.split('-');
                if (parts.length !== 3) return str;
                var y = parseInt(parts[0]),
                    m = parseInt(parts[1]),
                    d = parseInt(parts[2]);
                if (isNaN(y) || isNaN(m) || isNaN(d)) return str;
                var months = ['January', 'February', 'March', 'April', 'May', 'June',
                    'July', 'August', 'September', 'October', 'November', 'December'
                ];
                return months[m - 1] + ' ' + d + ', ' + y;
            }

            function escapeHtml(str) {
                if (!str) return '';
                var div = document.createElement('div');
                div.appendChild(document.createTextNode(str));
                return div.innerHTML;
            }

            function drawHourlyChart(canvas, temps) {
                var dpr = window.devicePixelRatio || 1;
                var width = canvas.clientWidth;
                var height = canvas.clientHeight;

                canvas.width = width * dpr;
                canvas.height = height * dpr;

                var ctx = canvas.getContext('2d');
                ctx.scale(dpr, dpr);
                ctx.clearRect(0, 0, width, height);

                if (!temps || temps.length === 0) return;

                var minTemp = Math.min.apply(null, temps);
                var maxTemp = Math.max.apply(null, temps);
                var range = Math.max(5, maxTemp - minTemp);
                var padTop = 12;
                var padBottom = 24;
                var padLeft = 8;
                var padRight = 8;
                var chartH = height - padTop - padBottom;
                var chartW = width - padLeft - padRight;

                var min = minTemp - 2;
                var max = maxTemp + 2;

                // Draw grid lines
                ctx.strokeStyle = 'rgba(255,255,255,0.1)';
                ctx.lineWidth = 1;
                for (var i = 0; i <= 4; i++) {
                    var gy = padTop + (chartH * i / 4);
                    ctx.beginPath();
                    ctx.moveTo(padLeft, gy);
                    ctx.lineTo(width - padRight, gy);
                    ctx.stroke();
                }

                // Draw temperature labels on left
                ctx.fillStyle = 'rgba(255,255,255,0.5)';
                ctx.font = '10px sans-serif';
                ctx.textAlign = 'left';
                for (var i = 0; i <= 4; i++) {
                    var gy = padTop + (chartH * i / 4);
                    var tempVal = max - ((max - min) * i / 4);
                    ctx.fillText(Math.round(tempVal) + '°', 2, gy + 3);
                }

                var n = temps.length;
                var barGap = 2;
                var barW = Math.max(3, Math.floor(chartW / n) - barGap);
                var stepX = chartW / n;

                // Draw bars
                for (var i = 0; i < n; i++) {
                    var temp = temps[i];
                    var barH = ((temp - min) / (max - min)) * chartH;
                    var x = padLeft + (i * stepX) + barGap / 2;
                    var y = padTop + chartH - barH;

                    var t = (temp - min) / (max - min);
                    var hue = Math.max(0, Math.min(220, (1 - t) * 200 + 10));
                    var alpha = 0.75 + 0.25 * t;

                    ctx.fillStyle = 'hsla(' + hue + ', 70%, 65%, ' + alpha + ')';

                    // Rounded rect
                    var radius = Math.min(4, barW / 2);
                    ctx.beginPath();
                    ctx.moveTo(x + radius, y);
                    ctx.lineTo(x + barW - radius, y);
                    ctx.quadraticCurveTo(x + barW, y, x + barW, y + radius);
                    ctx.lineTo(x + barW, y + barH - radius);
                    ctx.quadraticCurveTo(x + barW, y + barH, x + barW - radius, y + barH);
                    ctx.lineTo(x + radius, y + barH);
                    ctx.quadraticCurveTo(x, y + barH, x, y + barH - radius);
                    ctx.lineTo(x, y + radius);
                    ctx.quadraticCurveTo(x, y, x + radius, y);
                    ctx.closePath();
                    ctx.fill();

                    // Highlight max bar
                    if (temp === maxTemp) {
                        ctx.fillStyle = 'hsla(' + hue + ', 80%, 75%, 0.9)';
                        ctx.fill();
                    }
                }

                // Draw hour labels
                ctx.fillStyle = 'rgba(255,255,255,0.55)';
                ctx.font = '10px sans-serif';
                ctx.textAlign = 'center';

                var labelInterval = Math.ceil(n / 6);
                for (var i = 0; i < n; i += labelInterval) {
                    var x = padLeft + (i * stepX) + stepX / 2;
                    ctx.fillText(i + ':00', x, height - 6);
                }

                // Draw a subtle baseline
                ctx.strokeStyle = 'rgba(255,255,255,0.2)';
                ctx.lineWidth = 1;
                ctx.beginPath();
                ctx.moveTo(padLeft, padTop + chartH);
                ctx.lineTo(width - padRight, padTop + chartH);
                ctx.stroke();
            }
        })();
    </script>
</body>
</html>

L1 —— 廉价的确定性描述量

bytes 总计	18,105	html / css / js	283 / 6,056 / 11,766
dom 节点	9	dom 深度	3
css 规则	27	含 js	是
brightness	32.8	contrast	32.3
colorfulness	34.2	留白	62.9%

该 slot 的 telemetry

prompt tokens	321	completion tokens	16,565
total tokens	16,886	wall	141.3 s
cost	—	request id	—

config.json627 B

{
  "N": 4,
  "auth": {
    "credential_ref": "WCB_DEEPSEEK_KEY",
    "method": "api-key"
  },
  "billing": "metered",
  "config_id": "deepseek-v4-flash-vision-exp-eff-minimal--api--official--dev",
  "effort": "minimal",
  "family": "deepseek",
  "m": {
    "min": 4,
    "q": 4
  },
  "model_id": "deepseek-v4-flash-vision-exp",
  "protocol": "api",
  "served_model": "deepseek-v4-flash-vision-exp",
  "telemetry": {
    "completion_tokens": 149273,
    "cost_usd": null,
    "prompt_tokens": 2536,
    "total_tokens": 151809,
    "wall_ms": 1239502
  },
  "transport": "deepseek-official-api",
  "vendor_sanction_ref": null
}

send-log4.7 KB

{
  "N": 4,
  "batch_id": "2026-08-22--deepseek-vision-exp",
  "config_id": "deepseek-v4-flash-vision-exp-eff-minimal--api--official--dev",
  "positions": [
    {
      "attempts": [
        {
          "attempt_index": 0,
          "backoff_ms": null,
          "charged": true,
          "ended_at": "2026-09-02T02:04:12.666892+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-09-02T02:01:51.386167+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-09-02T02:06:51.002715+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-09-02T02:04:16.060997+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-09-02T02:09:15.715305+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-09-02T02:06:54.987746+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-09-02T02:11:58.631253+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-09-02T02:09:19.781210+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-09-02T02:14:44.780681+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-09-02T02:12:02.543298+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-09-02T02:17:24.308991+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-09-02T02:14:48.711149+00:00"
        }
      ],
      "block_index": 2,
      "model_reaching_attempt_index": 0,
      "slot_index": 2,
      "terminal_state": "valid",
      "variant": "P-q"
    },
    {
      "attempts": [
        {
          "attempt_index": 0,
          "backoff_ms": null,
          "charged": true,
          "ended_at": "2026-09-02T02:19:49.117292+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-09-02T02:17:28.177006+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-09-02T02:22:58.130750+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-09-02T02:19:53.187054+00:00"
        }
      ],
      "block_index": 3,
      "model_reaching_attempt_index": 0,
      "slot_index": 3,
      "terminal_state": "valid",
      "variant": "P-q"
    }
  ],
  "retry_policy": {
    "max_unreachable_retries": 5,
    "rate_limit_backoff": {
      "max_attempts": 4,
      "max_total_ms": 60000
    }
  }
}