キャンバス/コードの切り替えが「Canv…」と切れないようにする

[temoki]

キャンバス側のツールバーにある「キャンバス / コード」の切り替えが、iPad で文字が切れていたのを直します。文字が入るときは文字、入らないときはアイコンで出します。

何が起きていたか

11 インチの iPad シミュレータで確かめました。#119 で直したあとも、まだ切れていました。

	横向き	縦向き
英語	書類を開いた直後は切れない。描画のあとは「Canv…」（ティーザーに映っていました）	「Ca… Co…」
日本語	切れない	「キ… コ…」

原因は、ツールバーの右側に置けるボタンの幅に上限があることです。その中で、縮められる切り替えが押し縮められていました。

試したこと

• 切り替えを自分の幅に固定する（.fixedSize()）：文字は切れなくなりますが、縦向きでは ⟳ と書き出しが「•••」の中に隠れました。日本語では切り替えまで隠れ、今より悪くなります。
• ツールバーの余白（ToolbarSpacer）を外す：伸び縮みする方・固定の方のどちらを外しても、変わりませんでした。
• 文字が入らなければアイコンにする（ViewThatFits）：切れず、ボタンも隠れません → これを採用しました（メンテナが比較画像を見て選択）。

変更後

• アイコンは、キャンバスが「なぐり書き」（scribble.variable）、コードが「</>」です。VoiceOver では、これまでどおり「Canvas」「Code」と読まれます。
• 文字版もアイコン版も自分の幅に固定しているので、「…」に縮められることはありません。

	表示
iPad 13 インチ・横向き	文字（英語・日本語）
iPad 11 インチ・横向き	英語は文字、日本語はアイコン
iPad 縦向き（11・13 インチとも）	アイコン
Mac	文字（日本語で確認）
iPhone のキャンバスのシート	文字（英語で確認）

11 インチでは、描画のあとも同じ表示のまま（切れない）ことを確かめました。

そのほか

• 動画作成ツールのコメントと Tools/film/README.md の誤りを直しました。「1 コマ送りボタンも Forward という名前」と書いていましたが、実際は「Step Forward」です。最初のティーザー撮影で当たった「Forward」という名前の別のボタンは、正体を突き止めていないと書き直しました。
• App/Views/CLAUDE.md の キャンバス/コード切り替えが二重のカプセルで描かれる（縦向きではラベルも省略される） #119 の節に、今回分かったことを足しました。

確認したこと

• iPad 11 インチ・13 インチのシミュレータで、横・縦 × 英語・日本語のツールバーを撮影し、修正前と見比べた
• Mac（書類を開いてウィンドウを撮影）、iPhone（プレビュー動画のキャンバスのシート）
• iOS・macOS・visionOS のビルド、swift format lint --strict

リリース前に

• iPad 13 インチの横向きでは、切り替えが少し細くなりました（文字に合わせた幅になったため）。App Store のスクリーンショットとプレビューを撮り直しておくと、新しい画面と一致します