grok-4.3 @ high · api

apihigh

config: grok-4.3-eff-high--api--official--dev
batch: 2026-07-19--unified
transport: xai-official-api
protocol: api · metered
served model: grok-4.3
采集于: 2026年7月18日 11:54 · N=4

该 model 的全部 effort 与 arm →

variant

live

slot 0 · P-q · sandboxed iframe

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

similarity 邻居

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

namematch
conditionmatch
datematch
max tempmatch展示值:25.3
min tempmatch展示值:16
hourlymatchcoverage 24/24 · 24 命中 · 0 不符 · 0 未展示
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>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&amp;family=Space+Grotesk:wght@500;600&amp;display=swap');
        
        :root {
            --primary: #0f172a;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Inter', system_ui, -apple-system, sans-serif;
            background: linear-gradient(135deg, #e0f0fe 0%, #c7d2fe 100%);
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 40px 20px;
            color: #0f172a;
        }
        
        .weather-card {
            width: 100%;
            max-width: 820px;
            background: white;
            border-radius: 28px;
            box-shadow: 0 25px 50px -12px rgb(15 23 42 / 0.15), 
                       0 10px 10px -6px rgb(15 23 42 / 0.1);
            overflow: hidden;
            border: 1px solid #e2e8f0;
        }
        
        .header {
            background: linear-gradient(135deg, #0f172a 0%, #1e2937 100%);
            color: white;
            padding: 32px 40px;
            position: relative;
        }
        
        .header::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: linear-gradient(to right, transparent, rgba(255,255,255,0.1), transparent);
        }
        
        .location-info h1 {
            font-family: 'Space Grotesk', system_ui, sans-serif;
            font-size: 2.1rem;
            font-weight: 600;
            letter-spacing: -0.025em;
            margin-bottom: 4px;
        }
        
        .location-info p {
            font-size: 1.05rem;
            opacity: 0.85;
            font-weight: 400;
        }
        
        .main-content {
            padding: 40px;
            display: flex;
            gap: 60px;
            align-items: center;
        }
        
        .weather-visual {
            display: flex;
            flex-direction: column;
            align-items: center;
            flex-shrink: 0;
        }
        
        .weather-emoji {
            font-size: 5.5rem;
            line-height: 1;
            margin-bottom: 12px;
            filter: drop-shadow(0 10px 10px rgb(15 23 42 / 0.1));
        }
        
        .weather-condition {
            font-size: 1.25rem;
            font-weight: 600;
            color: #334155;
            text-align: center;
        }
        
        .temperature-section {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 24px;
        }
        
        .temp-row {
            display: flex;
            align-items: flex-end;
            gap: 24px;
        }
        
        .temp-block {
            display: flex;
            flex-direction: column;
        }
        
        .temp-label {
            font-size: 0.875rem;
            font-weight: 500;
            color: #64748b;
            margin-bottom: 4px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        
        .temp-value {
            font-size: 3.25rem;
            font-weight: 700;
            line-height: 1;
            font-family: 'Space Grotesk', system_ui, sans-serif;
            letter-spacing: -0.04em;
        }
        
        .temp-max .temp-value {
            color: #f97316;
        }
        
        .temp-min .temp-value {
            color: #3b82f6;
        }
        
        .hourly-section {
            padding: 0 40px 40px;
        }
        
        .hourly-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20px;
            padding: 0 4px;
        }
        
        .hourly-header h3 {
            font-size: 1.1rem;
            font-weight: 600;
            color: #334155;
        }
        
        .hourly-list {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
            gap: 10px;
        }
        
        .hour-item {
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            border-radius: 16px;
            padding: 14px 10px;
            text-align: center;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        .hour-item:hover {
            background: #f1e7ff;
            border-color: #c4b5fd;
            transform: translateY(-1px);
        }
        
        .hour-time {
            font-size: 0.8rem;
            font-weight: 500;
            color: #64748b;
            margin-bottom: 6px;
        }
        
        .hour-temp {
            font-size: 1.15rem;
            font-weight: 700;
            color: #0f172a;
            line-height: 1;
        }
        
        .error-state {
            padding: 80px 40px;
            text-align: center;
        }
        
        .error-icon {
            font-size: 3.5rem;
            margin-bottom: 20px;
        }
        
        .error-title {
            font-size: 1.35rem;
            font-weight: 600;
            margin-bottom: 8px;
            color: #334155;
        }
        
        .error-subtitle {
            color: #64748b;
            font-size: 1rem;
        }
    </style>
</head>
<body>
    <div class="weather-card" id="weather-card">
        <!-- Content populated by JavaScript -->
    </div>

    <script>
        function getWeatherInfo(code) {
            const weatherMap = {
                0: { desc: "Clear sky", emoji: "☀️" },
                1: { desc: "Mainly clear", emoji: "🌤️" },
                2: { desc: "Partly cloudy", emoji: "⛅" },
                3: { desc: "Overcast", emoji: "☁️" },
                45: { desc: "Fog", emoji: "🌫️" },
                48: { desc: "Rime fog", emoji: "🌫️" },
                51: { desc: "Light drizzle", emoji: "🌦️" },
                53: { desc: "Moderate drizzle", emoji: "🌦️" },
                55: { desc: "Dense drizzle", emoji: "🌧️" },
                61: { desc: "Light rain", emoji: "🌧️" },
                63: { desc: "Moderate rain", emoji: "🌧️" },
                65: { desc: "Heavy rain", emoji: "🌧️" },
                71: { desc: "Light snow", emoji: "❄️" },
                73: { desc: "Moderate snow", emoji: "❄️" },
                75: { desc: "Heavy snow", emoji: "❄️" },
                77: { desc: "Snow grains", emoji: "❄️" },
                80: { desc: "Light showers", emoji: "🌦️" },
                81: { desc: "Moderate showers", emoji: "🌦️" },
                82: { desc: "Heavy showers", emoji: "🌧️" },
                85: { desc: "Light snow showers", emoji: "🌨️" },
                86: { desc: "Heavy snow showers", emoji: "🌨️" },
                95: { desc: "Thunderstorm", emoji: "⛈️" },
                96: { desc: "Thunderstorm with hail", emoji: "⛈️" },
                99: { desc: "Thunderstorm with hail", emoji: "⛈️" }
            };
            
            return weatherMap[code] || { desc: "Unknown", emoji: "🌡️" };
        }

        function createWeatherCardHTML() {
            return `
                <div class="header">
                    <div class="location-info">
                        <h1 id="location-name">Berlin</h1>
                        <p id="date-display">Loading...</p>
                    </div>
                </div>
                
                <div class="main-content">
                    <div class="weather-visual">
                        <div class="weather-emoji" id="weather-emoji">☀️</div>
                        <div class="weather-condition" id="weather-condition">Clear sky</div>
                    </div>
                    
                    <div class="temperature-section">
                        <div class="temp-row">
                            <div class="temp-block temp-max">
                                <div class="temp-label">High</div>
                                <div class="temp-value" id="max-temp">—°C</div>
                            </div>
                            <div class="temp-block temp-min">
                                <div class="temp-label">Low</div>
                                <div class="temp-value" id="min-temp">—°C</div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="hourly-section">
                    <div class="hourly-header">
                        <h3>Hourly Temperatures</h3>
                    </div>
                    <div class="hourly-list" id="hourly-list">
                        <!-- Populated by JS -->
                    </div>
                </div>
            `;
        }

        function showError() {
            const card = document.getElementById('weather-card');
            card.innerHTML = `
                <div class="error-state">
                    <div class="error-icon">⚠️</div>
                    <div class="error-title">Unable to load weather data</div>
                    <div class="error-subtitle">Please check your connection or try again later.</div>
                </div>
            `;
        }

        async function loadWeatherData() {
            const card = document.getElementById('weather-card');
            
            // Parse URL parameters
            const urlParams = new URLSearchParams(window.location.search);
            const lat = parseFloat(urlParams.get('lat')) || 52.52;
            const lon = parseFloat(urlParams.get('lon')) || 13.405;
            const name = urlParams.get('name') || 'Berlin';
            let date = urlParams.get('date');
            
            // Default to today (UTC)
            if (!date) {
                const now = new Date();
                date = now.toISOString().split('T')[0];
            }
            
            // Render initial card structure
            card.innerHTML = createWeatherCardHTML();
            
            // Set initial location name
            document.getElementById('location-name').textContent = name;
            
            // Determine endpoint based on date
            const todayStr = new Date().toISOString().split('T')[0];
            const endpoint = date < todayStr ? '/api/om/archive' : '/api/om/forecast';
            
            // Build API URL
            const apiUrl = `${endpoint}?latitude=${lat}&longitude=${lon}&daily=temperature_2m_max,temperature_2m_min,weather_code&hourly=temperature_2m&timezone=UTC&temperature_unit=celsius&start_date=${date}&end_date=${date}`;
            
            try {
                const response = await fetch(apiUrl);
                
                if (!response.ok) {
                    throw new Error('API request failed');
                }
                
                const data = await response.json();
                
                // Validate data structure
                if (!data.daily || !data.daily.time || data.daily.time.length === 0 || 
                    !data.hourly || !data.hourly.time || data.hourly.time.length === 0) {
                    throw new Error('Invalid data format');
                }
                
                // Format date
                const dateObj = new Date(date + 'T12:00:00Z');
                const formattedDate = dateObj.toLocaleDateString('en-US', {
                    weekday: 'long',
                    year: 'numeric',
                    month: 'long',
                    day: 'numeric'
                });
                
                // Populate header
                document.getElementById('date-display').textContent = formattedDate;
                
                // Populate temperatures
                const maxTemp = data.daily.temperature_2m_max[0];
                const minTemp = data.daily.temperature_2m_min[0];
                
                document.getElementById('max-temp').textContent = maxTemp.toFixed(1) + '°C';
                document.getElementById('min-temp').textContent = minTemp.toFixed(1) + '°C';
                
                // Populate weather condition
                const weatherCode = data.daily.weather_code[0];
                const weatherInfo = getWeatherInfo(weatherCode);
                
                document.getElementById('weather-emoji').textContent = weatherInfo.emoji;
                document.getElementById('weather-condition').textContent = weatherInfo.desc;
                
                // Populate hourly data
                const hourlyContainer = document.getElementById('hourly-list');
                hourlyContainer.innerHTML = '';
                
                const hourlyTimes = data.hourly.time;
                const hourlyTemps = data.hourly.temperature_2m;
                
                for (let i = 0; i < hourlyTimes.length; i++) {
                    const timeStr = hourlyTimes[i];
                    const timePart = timeStr.split('T')[1];
                    const hour = timePart.substring(0, 5);
                    const temp = hourlyTemps[i];
                    
                    const hourItem = document.createElement('div');
                    hourItem.className = 'hour-item';
                    hourItem.innerHTML = `
                        <div class="hour-time">${hour}</div>
                        <div class="hour-temp">${temp.toFixed(1)}°C</div>
                    `;
                    hourlyContainer.appendChild(hourItem);
                }
                
            } catch (error) {
                console.error('Weather data error:', error);
                showError();
            }
        }
        
        // Initialize
        document.addEventListener('DOMContentLoaded', loadWeatherData);
    </script>
</body>
</html>

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

bytes 总计	14,264	html / css / js	356 / 5,447 / 8,461
dom 节点	9	dom 深度	3
css 规则	31	含 js	是
brightness	213.0	contrast	61.8
colorfulness	27.8	留白	85.9%

该 slot 的 telemetry

prompt tokens	487	completion tokens	3,198
total tokens	3,685	wall	58.4 s
cost	—	request id	—

config.json553 B

{
  "N": 4,
  "auth": {
    "credential_ref": "WCB_XAI_OFFICIAL_KEY",
    "method": "api-key"
  },
  "billing": "metered",
  "config_id": "grok-4.3-eff-high--api--official--dev",
  "effort": "high",
  "family": "grok",
  "m": {
    "min": 4,
    "q": 4
  },
  "model_id": "grok-4.3",
  "protocol": "api",
  "served_model": "grok-4.3",
  "telemetry": {
    "completion_tokens": 21360,
    "cost_usd": null,
    "prompt_tokens": 3864,
    "total_tokens": 25224,
    "wall_ms": 473111
  },
  "transport": "xai-official-api",
  "vendor_sanction_ref": null
}

send-log4.6 KB

{
  "N": 4,
  "batch_id": "2026-07-18--official-grok",
  "config_id": "grok-4.3-eff-high--api--official--dev",
  "positions": [
    {
      "attempts": [
        {
          "attempt_index": 0,
          "backoff_ms": null,
          "charged": true,
          "ended_at": "2026-07-17T14:48:04.224266+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-07-17T14:46:58.791732+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-17T14:49:06.224679+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-07-17T14:48:07.864029+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-17T14:49:56.941884+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-07-17T14:49:10.429079+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-17T14:51:08.422135+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-07-17T14:50:01.229925+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-17T14:52:18.737306+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-07-17T14:51:12.148905+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-07-17T14:53:19.112309+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-07-17T14:52:23.019931+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-17T14:54:15.120390+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-07-17T14:53:22.706356+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-17T14:55:19.100130+00:00",
          "http_status": 200,
          "outcome": "valid",
          "reached_model": true,
          "reason": "ok",
          "request_id": null,
          "started_at": "2026-07-17T14:54:18.629765+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
    }
  }
}