# 制作画面（LjStudio）サムネールの撮り直し手順

このフォルダの `<RESOURCE>.png` は、**LjStudio が実データを入れて描いた画面**（配線済みの画面）を
ヘッドレス（`--shot`）で書き出したもの。`window_catalog.html` の「制作画面」列と右ペインに出る。
`index.js` はカタログが読む対応表で、**手で編集しない**（スクリプトが書く）。

## 撮り直す（i8 でよい。LightJockey.exe は起動しない・LjStudio の窓も出ない）

```powershell
pwsh tools\lj_catalog_shots.ps1 -Both           # classic と dark の両方（53 画面 × 2・約 75 秒）← ふだんはこれ
pwsh tools\lj_catalog_shots.ps1                 # classic だけ（実機比較用 → shots_studio\）
pwsh tools\lj_catalog_shots.ps1 -Theme dark     # dark だけ（新 UI・濃紺×ティール → shots_studio_dark\）
pwsh tools\lj_catalog_shots.ps1 -Only TLOADMACROLIST -Both
```

カタログは両方の `index.js` を読み、右上の「制作画面のテーマ」で dark / classic を切り替える（既定 dark・選択は記憶）。
ページ自体の配色もダークブルー（tkurume.work 系・紺＋シアン）が既定で、「☀ ライトにする」で切り替え。
`?theme=light` / `?theme=dark` を URL に付けると固定できる（`#<内部名>` と併用可: `window_catalog.html?theme=dark#TLoadMacroList`）。

## 画面が増えたら

`tools\lj_catalog_shots.ps1` の `$Screens` に 1 行足す（resource と、実データが入るライブラリ）。
どのライブラリに中身があるかは `src\LjStudio.Tests\ScreenEnrichmentDispatchTests.cs` の表と同じ考え方
（`Startup.ini` は Default だけ、`CueMacros` は User0553 / User0050 だけ、`HCues` は User0007 だけ …）。
スクリプトを回せば `index.js` が書き直され、`window_catalog.html` を開き直すだけで列に出る。

## 見え方の約束

- 列の見出しは DFM のまま。**列幅も DFM の宣言**（無ければ Delphi の既定 50、最後の AutoSize 列は残り全部）。
- 選択系／削除系の型（Select Cue / Delete Sequences など）は、単独で開いたときは**一覧だけ**実データを入れる
  （`CatalogListEnricher`・表示専用。ボタンは配線しない。削除の実体は `LibraryDeleteDialog` だけが持つ）。
- 保存系／名前系の小ダイアログは中身が無い（編集セッションから開くもの）ので DFM の描画のまま写る。