PR #21247 verification, local head883183932e33b6f22e0cb4a4447815fe11a3e8ea
Base c274a251510e4bb035f8479a7f1e96443cd2503c
Fresh Astra test phase:0 original added tests ->0;45 existing tests3files passed. No automated red/green geometry test is claimed.
Fresh Sol implementation: reduced39changedlines to29, conditional button padding preserves wrapped heights.45tests, targeted lint/fmt, web typecheck passed.
Independent read-only R1 Opus5.5 + Sol6: no code blockers; requested fresh body/proof handled by primary.
Live Linux real web client, isolated worktree server and browser-only synthetic six-model summary; no provider runs or production data. Same1280x800 light theme and fixture font before/after. Base production file temporarily loaded then restored exactly, clean git diff. Additional480x900 geometry check. Model detail click opens free model dialog with400K tokens.
Measurements use Range label bounds vs cell center; -0.25px is normal text baseline difference; no-bar improvement4px. Bar detection excludes provider SVG.
Native macOS/Windows, Electron desktop, iOS/Android not exercised. No real billing/account correctness or provider data acquisition claims.
+{
  "base": [
    {
      "model": "priced-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 192
    },
    {
      "model": "tiny-priced-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 8
    },
    {
      "model": "free-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 0
    },
    {
      "model": "unpriced-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 0
    },
    {
      "model": "long-free-model-name-that-wraps-into-more-than-one-line",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 0
    },
    {
      "model": "zero-token-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 0
    }
  ],
  "head": [
    {
      "model": "priced-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 192
    },
    {
      "model": "tiny-priced-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 8
    },
    {
      "model": "free-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -0.25,
      "bar": false,
      "barWidth": 0
    },
    {
      "model": "unpriced-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -0.25,
      "bar": false,
      "barWidth": 0
    },
    {
      "model": "long-free-model-name-that-wraps-into-more-than-one-line",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -0.25,
      "bar": false,
      "barWidth": 0
    },
    {
      "model": "zero-token-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -0.25,
      "bar": false,
      "barWidth": 0
    }
  ],
  "tokens": [
    {
      "model": "priced-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 192
    },
    {
      "model": "free-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 96
    },
    {
      "model": "unpriced-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 48
    },
    {
      "model": "tiny-priced-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 24
    },
    {
      "model": "long-free-model-name-that-wraps-into-more-than-one-line",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 12
    },
    {
      "model": "zero-token-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -0.25,
      "bar": false,
      "barWidth": 0
    }
  ],
  "narrowBase": [
    {
      "model": "priced-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 192
    },
    {
      "model": "tiny-priced-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 8
    },
    {
      "model": "free-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 0
    },
    {
      "model": "unpriced-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 0
    },
    {
      "model": "long-free-model-name-that-wraps-into-more-than-one-line",
      "height": 69,
      "labelHeight": 35.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 0
    },
    {
      "model": "zero-token-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 0
    }
  ],
  "narrowHead": [
    {
      "model": "priced-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 192
    },
    {
      "model": "tiny-priced-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 8
    },
    {
      "model": "free-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -0.25,
      "bar": false,
      "barWidth": 0
    },
    {
      "model": "unpriced-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -0.25,
      "bar": false,
      "barWidth": 0
    },
    {
      "model": "long-free-model-name-that-wraps-into-more-than-one-line",
      "height": 69,
      "labelHeight": 35.5,
      "offset": -0.25,
      "bar": false,
      "barWidth": 0
    },
    {
      "model": "zero-token-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -0.25,
      "bar": false,
      "barWidth": 0
    }
  ],
  "narrowTokens": [
    {
      "model": "priced-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 192
    },
    {
      "model": "free-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 96
    },
    {
      "model": "unpriced-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 48
    },
    {
      "model": "tiny-priced-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 24
    },
    {
      "model": "long-free-model-name-that-wraps-into-more-than-one-line",
      "height": 69,
      "labelHeight": 35.5,
      "offset": -4.25,
      "bar": true,
      "barWidth": 12
    },
    {
      "model": "zero-token-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -0.25,
      "bar": false,
      "barWidth": 0
    }
  ],
  "allZero": [
    {
      "model": "priced-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -0.25,
      "bar": false,
      "barWidth": 0
    },
    {
      "model": "free-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -0.25,
      "bar": false,
      "barWidth": 0
    },
    {
      "model": "unpriced-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -0.25,
      "bar": false,
      "barWidth": 0
    },
    {
      "model": "tiny-priced-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -0.25,
      "bar": false,
      "barWidth": 0
    },
    {
      "model": "long-free-model-name-that-wraps-into-more-than-one-line",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -0.25,
      "bar": false,
      "barWidth": 0
    },
    {
      "model": "zero-token-model",
      "height": 49,
      "labelHeight": 15.5,
      "offset": -0.25,
      "bar": false,
      "barWidth": 0
    }
  ]
}