grok-4.5 · go

config: grok-4.5--opencode-go--dev
batch: 2026-07-19--unified
transport: opencode-go-gateway
protocol: api · plan
served model: grok-4.5
采集于: 2026年7月18日 11:54 · N=2

该 model 的全部 effort 与 arm →

variant

live

slot 0 · P-q · sandboxed iframe

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

similarity 邻居

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

namematch
conditionmatch
datematch
max tempambiguous展示值:17max-equals-min
min tempambiguous展示值:17max-equals-min
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=1280, height=800">
<title>Weather Card</title>
<style>
  @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap');

  :root {
    --bg-deep: #0b1220;
    --bg-card: rgba(18, 28, 48, 0.72);
    --border: rgba(255, 255, 255, 0.08);
    --text: #e8eef8;
    --text-muted: #8b9bb4;
    --accent: #5b9fd4;
    --accent-warm: #f0a06a;
    --max-color: #ff8b6a;
    --min-color: #6ab0ff;
    --glass: rgba(255, 255, 255, 0.04);
    --shadow: 0 32px 64px rgba(0, 0, 0, 0.45);
  }

  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  html, body {
    width: 1280px;
    height: 800px;
    overflow: hidden;
    font-family: 'DM Sans', system-ui, sans-serif;
    background: var(--bg-deep);
    color: var(--text);
  }

  body {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }

  .bg-atmosphere {
    position: absolute;
    inset: 0;
    overflow: hidden;
    z-index: 0;
  }

  .bg-atmosphere .orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.45;
    animation: drift 18s ease-in-out infinite alternate;
  }

  .orb-1 {
    width: 520px;
    height: 520px;
    background: radial-gradient(circle, #1a4a7a 0%, transparent 70%);
    top: -120px;
    left: -80px;
  }

  .orb-2 {
    width: 420px;
    height: 420px;
    background: radial-gradient(circle, #3a2a6a 0%, transparent 70%);
    bottom: -100px;
    right: 80px;
    animation-delay: -6s;
  }

  .orb-3 {
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, #1a5a5a 0%, transparent 70%);
    top: 40%;
    left: 55%;
    animation-delay: -12s;
  }

  @keyframes drift {
    from { transform: translate(0, 0) scale(1); }
    to { transform: translate(40px, 30px) scale(1.08); }
  }

  .card {
    position: relative;
    z-index: 1;
    width: 1080px;
    height: 640px;
    background: var(--bg-card);
    backdrop-filter: blur(40px) saturate(1.4);
    -webkit-backdrop-filter: blur(40px) saturate(1.4);
    border: 1px solid var(--border);
    border-radius: 28px;
    box-shadow: var(--shadow);
    display: flex;
    flex-direction: column;
    padding: 40px 48px 36px;
    overflow: hidden;
  }

  .card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);
  }

  .card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 28px;
  }

  .location-block h1 {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1.15;
  }

  .location-block .date-label {
    margin-top: 8px;
    font-size: 15px;
    color: var(--text-muted);
    font-weight: 400;
    letter-spacing: 0.02em;
  }

  .condition-badge {
    display: flex;
    align-items: center;
    gap: 14px;
    background: var(--glass);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 14px 22px;
  }

  .condition-icon {
    font-size: 42px;
    line-height: 1;
    filter: drop-shadow(0 4px 12px rgba(0,0,0,0.3));
  }

  .condition-text {
    font-size: 16px;
    font-weight: 500;
    color: var(--text);
    letter-spacing: 0.01em;
  }

  .temps-row {
    display: flex;
    gap: 24px;
    margin-bottom: 36px;
  }

  .temp-pill {
    flex: 0 0 auto;
    background: var(--glass);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 20px 32px;
    min-width: 180px;
  }

  .temp-pill .label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--text-muted);
    font-weight: 500;
    margin-bottom: 6px;
  }

  .temp-pill .value {
    font-size: 48px;
    font-weight: 300;
    letter-spacing: -0.04em;
    line-height: 1;
  }

  .temp-pill .value .unit {
    font-size: 22px;
    font-weight: 400;
    opacity: 0.55;
    margin-left: 2px;
  }

  .temp-pill.max .value { color: var(--max-color); }
  .temp-pill.min .value { color: var(--min-color); }

  .hourly-section {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
  }

  .hourly-section .section-title {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--text-muted);
    font-weight: 500;
    margin-bottom: 16px;
  }

  .hourly-chart {
    flex: 1;
    display: flex;
    align-items: flex-end;
    gap: 6px;
    padding: 12px 0 0;
    position: relative;
  }

  .hour-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: flex-end;
    position: relative;
    cursor: default;
  }

  .hour-temp {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    font-weight: 500;
    color: var(--text);
    margin-bottom: 8px;
    opacity: 0.9;
    transition: opacity 0.2s;
  }

  .hour-bar-wrap {
    width: 100%;
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-height: 80px;
  }

  .hour-bar {
    width: 70%;
    max-width: 28px;
    border-radius: 8px 8px 4px 4px;
    background: linear-gradient(180deg, var(--accent) 0%, rgba(91, 159, 212, 0.25) 100%);
    transition: height 0.6s cubic-bezier(0.22, 1, 0.36, 1), background 0.3s;
    min-height: 4px;
    box-shadow: 0 0 20px rgba(91, 159, 212, 0.15);
  }

  .hour-col:hover .hour-bar {
    background: linear-gradient(180deg, #7ec8f0 0%, rgba(126, 200, 240, 0.35) 100%);
    box-shadow: 0 0 24px rgba(126, 200, 240, 0.3);
  }

  .hour-col:hover .hour-temp {
    opacity: 1;
    color: #fff;
  }

  .hour-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    color: var(--text-muted);
    margin-top: 10px;
    letter-spacing: -0.02em;
  }

  .loading-state, .error-state {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
  }

  .spinner {
    width: 40px;
    height: 40px;
    border: 2px solid var(--border);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
  }

  @keyframes spin {
    to { transform: rotate(360deg); }
  }

  .loading-state p, .error-state p {
    font-size: 15px;
    color: var(--text-muted);
  }

  .error-state .error-icon {
    font-size: 48px;
    opacity: 0.7;
  }

  .error-state p {
    color: #e8a0a0;
    max-width: 400px;
    text-align: center;
    line-height: 1.5;
  }

  .content-hidden { display: none !important; }

  .fade-in {
    animation: fadeIn 0.5s ease forwards;
  }

  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
  }
</style>
</head>
<body>
  <div class="bg-atmosphere" aria-hidden="true">
    <div class="orb orb-1"></div>
    <div class="orb orb-2"></div>
    <div class="orb orb-3"></div>
  </div>

  <div class="card" id="card">
    <div class="loading-state" id="loading">
      <div class="spinner"></div>
      <p>Loading weather data…</p>
    </div>

    <div class="error-state content-hidden" id="error">
      <div class="error-icon">☁</div>
      <p id="error-message">Weather data could not be loaded.</p>
    </div>

    <div id="content" class="content-hidden" style="display:flex;flex-direction:column;flex:1;min-height:0;">
      <div class="card-header">
        <div class="location-block">
          <h1 id="loc-name">—</h1>
          <div class="date-label" id="date-label">—</div>
        </div>
        <div class="condition-badge">
          <span class="condition-icon" id="cond-icon">—</span>
          <span class="condition-text" id="cond-text">—</span>
        </div>
      </div>

      <div class="temps-row">
        <div class="temp-pill max">
          <div class="label">High</div>
          <div class="value" id="temp-max">—<span class="unit">°C</span></div>
        </div>
        <div class="temp-pill min">
          <div class="label">Low</div>
          <div class="value" id="temp-min">—<span class="unit">°C</span></div>
        </div>
      </div>

      <div class="hourly-section">
        <div class="section-title">Hourly temperature</div>
        <div class="hourly-chart" id="hourly-chart"></div>
      </div>
    </div>
  </div>

<script>
(function () {
  const WMO = {
    0:  { label: 'Clear sky', icon: '☀️' },
    1:  { label: 'Mainly clear', icon: '🌤️' },
    2:  { label: 'Partly cloudy', icon: '⛅' },
    3:  { label: 'Overcast', icon: '☁️' },
    45: { label: 'Fog', icon: '🌫️' },
    48: { label: 'Depositing rime fog', icon: '🌫️' },
    51: { label: 'Light drizzle', icon: '🌦️' },
    53: { label: 'Moderate drizzle', icon: '🌦️' },
    55: { label: 'Dense drizzle', icon: '🌧️' },
    56: { label: 'Light freezing drizzle', icon: '🌧️' },
    57: { label: 'Dense freezing drizzle', icon: '🌧️' },
    61: { label: 'Slight rain', icon: '🌧️' },
    63: { label: 'Moderate rain', icon: '🌧️' },
    65: { label: 'Heavy rain', icon: '🌧️' },
    66: { label: 'Light freezing rain', icon: '🌧️' },
    67: { label: 'Heavy freezing rain', icon: '🌧️' },
    71: { label: 'Slight snow', icon: '🌨️' },
    73: { label: 'Moderate snow', icon: '🌨️' },
    75: { label: 'Heavy snow', icon: '❄️' },
    77: { label: 'Snow grains', icon: '❄️' },
    80: { label: 'Slight rain showers', icon: '🌦️' },
    81: { label: 'Moderate rain showers', icon: '🌧️' },
    82: { label: 'Violent rain showers', icon: '⛈️' },
    85: { label: 'Slight snow showers', icon: '🌨️' },
    86: { label: 'Heavy snow showers', icon: '❄️' },
    95: { label: 'Thunderstorm', icon: '⛈️' },
    96: { label: 'Thunderstorm with slight hail', icon: '⛈️' },
    99: { label: 'Thunderstorm with heavy hail', icon: '⛈️' }
  };

  function todayUTC() {
    const n = new Date();
    const y = n.getUTCFullYear();
    const m = String(n.getUTCMonth() + 1).padStart(2, '0');
    const d = String(n.getUTCDate()).padStart(2, '0');
    return y + '-' + m + '-' + d;
  }

  function parseParams() {
    const q = new URLSearchParams(window.location.search);
    return {
      lat: parseFloat(q.get('lat')) || 52.52,
      lon: parseFloat(q.get('lon')) || 13.405,
      name: q.get('name') || 'Berlin',
      date: q.get('date') || todayUTC()
    };
  }

  function isPastDate(dateStr) {
    return dateStr < todayUTC();
  }

  function formatDisplayDate(dateStr) {
    const parts = dateStr.split('-');
    const dt = new Date(Date.UTC(+parts[0], +parts[1] - 1, +parts[2]));
    const days = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];
    const months = ['January','February','March','April','May','June','July','August','September','October','November','December'];
    return days[dt.getUTCDay()] + ', ' + months[dt.getUTCMonth()] + ' ' + dt.getUTCDate() + ', ' + dt.getUTCFullYear();
  }

  function weatherInfo(code) {
    return WMO[code] || { label: 'Unknown (' + code + ')', icon: '🌡️' };
  }

  function showError(msg) {
    document.getElementById('loading').classList.add('content-hidden');
    document.getElementById('content').classList.add('content-hidden');
    document.getElementById('content').style.display = 'none';
    const err = document.getElementById('error');
    err.classList.remove('content-hidden');
    document.getElementById('error-message').textContent = msg || 'Weather data could not be loaded.';
  }

  function showContent() {
    document.getElementById('loading').classList.add('content-hidden');
    document.getElementById('error').classList.add('content-hidden');
    const c = document.getElementById('content');
    c.classList.remove('content-hidden');
    c.style.display = 'flex';
    c.classList.add('fade-in');
  }

  function buildHourly(times, temps) {
    const chart = document.getElementById('hourly-chart');
    chart.innerHTML = '';
    if (!temps || !temps.length) return;

    const valid = temps.filter(function (t) { return t != null; });
    const lo = Math.min.apply(null, valid);
    const hi = Math.max.apply(null, valid);
    const range = hi - lo || 1;

    times.forEach(function (t, i) {
      const temp = temps[i];
      if (temp == null) return;

      const hour = t.substring(11, 13);
      const norm = (temp - lo) / range;
      const pct = 12 + norm * 88;

      const col = document.createElement('div');
      col.className = 'hour-col';

      const tempEl = document.createElement('div');
      tempEl.className = 'hour-temp';
      tempEl.textContent = Math.round(temp) + '°';

      const wrap = document.createElement('div');
      wrap.className = 'hour-bar-wrap';

      const bar = document.createElement('div');
      bar.className = 'hour-bar';
      bar.style.height = '0%';

      wrap.appendChild(bar);

      const label = document.createElement('div');
      label.className = 'hour-label';
      label.textContent = hour;

      col.appendChild(tempEl);
      col.appendChild(wrap);
      col.appendChild(label);
      chart.appendChild(col);

      requestAnimationFrame(function () {
        requestAnimationFrame(function () {
          bar.style.height = pct + '%';
        });
      });
    });
  }

  async function load() {
    const params = parseParams();
    const endpoint = isPastDate(params.date) ? '/api/om/archive' : '/api/om/forecast';

    const qs = new URLSearchParams({
      latitude: params.lat,
      longitude: params.lon,
      daily: 'temperature_2m_max,temperature_2m_min,weather_code',
      hourly: 'temperature_2m',
      timezone: 'UTC',
      temperature_unit: 'celsius',
      start_date: params.date,
      end_date: params.date
    });

    try {
      const res = await fetch(endpoint + '?' + qs.toString());
      if (!res.ok) throw new Error('Request failed (' + res.status + ')');
      const data = await res.json();

      if (data.error) throw new Error(data.reason || 'API error');

      if (!data.daily || !data.daily.time || !data.daily.time.length) {
        throw new Error('No daily data returned for this date.');
      }

      const maxT = data.daily.temperature_2m_max[0];
      const minT = data.daily.temperature_2m_min[0];
      const code = data.daily.weather_code[0];
      const info = weatherInfo(code);

      document.getElementById('loc-name').textContent = params.name;
      document.getElementById('date-label').textContent = formatDisplayDate(params.date);

      const maxEl = document.getElementById('temp-max');
      maxEl.innerHTML = (maxT != null ? Math.round(maxT) : '—') + '<span class="unit">°C</span>';

      const minEl = document.getElementById('temp-min');
      minEl.innerHTML = (minT != null ? Math.round(minT) : '—') + '<span class="unit">°C</span>';

      document.getElementById('cond-icon').textContent = info.icon;
      document.getElementById('cond-text').textContent = info.label;

      const hourlyTimes = (data.hourly && data.hourly.time) || [];
      const hourlyTemps = (data.hourly && data.hourly.temperature_2m) || [];
      buildHourly(hourlyTimes, hourlyTemps);

      showContent();
    } catch (e) {
      showError('Weather data could not be loaded. ' + (e.message || ''));
    }
  }

  load();
})();
</script>
</body>
</html>

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

bytes 总计	15,559	html / css / js	1,770 / 6,801 / 6,988
dom 节点	39	dom 深度	8
css 规则	49	含 js	是
brightness	30.4	contrast	22.9
colorfulness	25.2	留白	86.6%

该 slot 的 telemetry

prompt tokens	526	completion tokens	5,103
total tokens	5,629	wall	56.5 s
cost	—	request id	—

config.json534 B

{
  "N": 2,
  "auth": {
    "credential_ref": "WCB_OPENCODE_KEY",
    "method": "oauth"
  },
  "billing": "plan",
  "config_id": "grok-4.5--opencode-go--dev",
  "effort": null,
  "family": "grok",
  "m": {
    "min": 2,
    "q": 2
  },
  "model_id": "grok-4.5",
  "protocol": "api",
  "served_model": "grok-4.5",
  "telemetry": {
    "completion_tokens": 18094,
    "cost_usd": null,
    "prompt_tokens": 2088,
    "total_tokens": 20182,
    "wall_ms": 184812
  },
  "transport": "opencode-go-gateway",
  "vendor_sanction_ref": null
}

send-log2.4 KB

{
  "N": 2,
  "batch_id": "2026-07-19--go-requeue2",
  "config_id": "grok-4.5--opencode-go--dev",
  "positions": [
    {
      "attempts": [
        {
          "attempt_index": 0,
          "backoff_ms": null,
          "charged": true,
          "ended_at": "2026-07-18T19:59:04.104606+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-07-18T19:58:07.566398+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-18T19:59:34.047832+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-07-18T19:59:08.579017+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-18T20:00:07.183570+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-07-18T19:59:37.625739+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-18T20:01:23.804431+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-07-18T20:00:10.554427+00:00"
        }
      ],
      "block_index": 1,
      "model_reaching_attempt_index": 0,
      "slot_index": 1,
      "terminal_state": "valid",
      "variant": "P-q"
    }
  ],
  "retry_policy": {
    "max_unreachable_retries": 5,
    "rate_limit_backoff": {
      "max_attempts": 4,
      "max_total_ms": 60000
    }
  }
}