ペイン構成と toolbar の整理（最小幅・Run/Export の toolbar 化・再生コントロール整理）

[temoki]

2026-07-19 の UI 精査より。3 ペイン構成と再生まわりの整理。

課題

1. ペイン最小幅が未定義: canvas は maxWidth: .infinity のみで最小なし → macOS でウィンドウを縮めるとキャンバスが 0 幅まで潰れる。iPad 11" 縦（regular・834pt）でもキャンバスは 250pt 程度で主役として窮屈。パレットを畳む手段もない
2. toolbar 不在: Run / Export / Canvas⇔Code 切替がペイン内ヘッダに埋まっている。DocumentGroup 標準 toolbar（macOS はウィンドウ toolbar、iPadOS はナビゲーションバー）に載せるのが両 OS の作法で、フルスクリーンや Stage Manager でも操作位置が安定する
3. 再生コントロールの未整理: 「Command: N」とスクラバー右の「N / M」が同じ数の二重表示。Pause / Clear が未実行時も活性。PlaybackControls が常時 150pt 程度を占有し iPad 縦でキャンバスを圧迫（折りたたみ検討）

検討ポイント

• キャンバスに最小幅（例 280pt）と、狭幅時のパレット折りたたみ（NavigationSplitView 化 or 自前トグル）
• ⚠ 要検証: 画面キャンバス（ペインサイズ・可変アスペクト）と書き出し（512×512 固定）の構図一致。「画面では見えていたのに書き出しで切れる」が起き得るなら TortoiseGraphics2 側の fit 仕様含め upstream 検討
• 軽微（ついで）: Run メニューに Clear / Copy Code を追加、スクラバー下限 -1（開始前）の表示

受け入れ条件

• macOS でウィンドウをどこまで縮めてもキャンバスが操作不能な幅にならない
• Run / Export / 表示切替が toolbar から操作できる（既存のペイン内導線は整理）
• 再生位置表示の二重化解消・未実行時の Pause/Clear の非活性化
• iPad 縦でキャンバスの有効面積が現状より広い
• 両ビルド green + 目視確認

[temoki]

設計（2026-07-20・方針レベル）

視覚モックアップ（Artifact・非公開）で比較し、ペイン構造 = NavigationSplitView 化、再生コントロール = 主要 1 段 + 折りたたみに決定。

ペイン構造

• regular 幅の RegularRootView を NavigationSplitView（sidebar = パレット / content = ワークスペース / detail = キャンバス）に置き換える。compact の TabView 分岐は現状維持
• パレットの折りたたみトグルと toolbar の置き場が両 OS の標準作法で手に入る（iPad 11" 縦でパレットを畳んでキャンバスを広げられる）
• toolbar へ移すもの: 書き出しメニュー・キャンバス⇔コード切替。Run はキャンバス下の大ボタンのまま（子どもの主操作を toolbar の小さいアイコンにしない）
• 最小幅: detail（キャンバス）に minWidth（280pt 目安・試作で調整）。ウィンドウ最小サイズはこれで自然に定義される
• 試作の先頭で確認するリスク: パレット→ワークスペースの列またぎ D&D、列幅の挙動、sidebar の material 背景上での濃色ブロックの見え方

再生コントロール

• 常時表示は 1 段: 実行 / けす / ⏸ / 位置表示（N / M）/ 展開 ⌄
• ⌄ でステップ・スクラバー・はやさを展開（@State・非永続）
• 「Command: N」と「N / M」の二重表示は 1 本に統合。未実行時（commandCount == 0）は ⏸ / けす を disabled

あわせて実施

• ⚠ 実装ステップ 0 で画面キャンバスと 512×512 書き出しの構図一致を検証（TortoiseCanvas の fit 仕様確認）。ずれる場合はこの issue では直さず、upstream 含め別 issue に切り出す
• Run メニューに「けす」「コードをコピー」を追加
• スクラバー下限 -1（開始前）の表示上の扱いを統合時に整理

実装段取り（2 段階）

1. 試作コミット（構造置き換え + 再生 1 段化、Kit 非接触）→ macOS 目視 + iPad Simulator
2. 仕上げ: disabled 整理・xcstrings・両ビルド green → commit（Fixes ペイン構成と toolbar の整理（最小幅・Run/Export の toolbar 化・再生コントロール整理） #23）

受け入れ条件（本文に追加）

• NavigationSplitView 化後も compact（TabView）分岐の挙動が不変
• パレット→ワークスペースの D&D が列をまたいで機能する
• Run が常に 1 タップ/クリックで押せる位置にある（toolbar に埋没しない）