AI にホール運営＋KDSを作らせてみた — KDSは KanbanBoard、でも卓タイルだけ手組み（やってみた #96）
/restaurant-floor375px のビューポートで撮影。縦長のページはフレーム内をスクロールします。
解説記事
AI にホール運営＋KDSを作らせてみた — KDSは KanbanBoard、でも卓タイルだけ手組み（やってみた #96）
やってみたシリーズ: 自作のデザインシステム
@gunjo/ui（群青）を、文脈ゼロの cold な AI に実 UI で作らせる連載。飲食・レストラン 2枚目——ホール運営／テーブル管理＋キッチンディスプレイ(KDS)。リアルタイムの卓状態・注文進行・要対応。
#95予約台帳とは真逆の、営業中のリアルタイム運営ボード。観測：KDS（調理ステージを流れる注文）に KanbanBoard が効くか＋StatGroup の継続再利用。
結果 — 4/5
tsc/build 緑・375px 横溢れゼロ・0 console error。フロア卓状態・KDS注文ステージ・要対応・卓ドリルイン・本日サマリ。
観測 — KDSは KanbanBoard、サマリは StatGroup
cold AI に「(a)KDS注文ステージ盤 (b)サマリ指標行 (c)卓状態タイル をどう作ったか」を聞いた：
KanbanBoard— まさに KDS 注文ステージ盤。columns=受付/調理中/提供待ち/提供済・getColumnId/renderCard・列ごと件数バッジ・contained 横スクロールで4列が375pxを破らない。「この domain で kit 最良の単一部品」。D&D は bring-your-own だが、キッチンのタッチ画面ではステージ送りボタンの方が良い。StatGroup— 「literally『サマリ指標行』と documented」。6指標を渡してcols={{base:2,md:3,lg:6}}＝~10行で完了。Meter(提供遅延・経過/目標)・Banner×3(提供遅延=destructive/会計待ち=warning/長居=info)・Badgeicon・Drawer+MetadataList(卓詳細) も既製。
KanbanBoard（統合アークで build・#83 HR ATS で発掘）が KDS に越境＝同じ盤が採用パイプラインでもキッチンでも効く。StatGroup（#94 build）は #95予約に続き #96 でも再利用＝飲食2枚連続。
唯一の手組み＝StatusTile の不在（新gap）
卓状態タイルだけ手組み＝フロアの各卓（卓番＋状態Badge＋滞在/金額/担当＋提供遅延/長居タグ＋クリック）を
Card+Badge+Icon+Tag+<ul>gridで。floor/seating/status-tile の primitive が無い。さらにCardに interactive affordance が無いので、クリック可能な card 毎にrole/tabIndex/onKeyDownの a11y を手書き。
→ #344 起票（StatusTile＝title＋状態Badge＋metric行＋attentionタグ＋onActivate）。cold AI 曰く「全 ops board——レストランフロア/キッチンexpo/病床ボード/倉庫ドック——が今これを再発明している」。1回目だが明確に業界横断。Card interactive a11y（#341 と同根）も同issueに。
起票（追記）
- 🔵 StatGroup が Statistic と隣接で名前から見つけにくい・Meter vs Progress の重複（#325）・Statistic が375pxで通貨を桁途中で折返し（compact knob 希望・#344）。
今回 src build なし（4/5・KanbanBoard/StatGroup 再利用が成果・StatusTile を起票）。
学び — 次の「水平な階層」は ops の StatusTile かもしれない
人物階層（PersonCell→RelationshipRow→StatGroup）を揃えた。#96 が示したのは別の軸＝運営ボードの最小単位 StatusTile（状態を持つ何か＝卓/病床/ドック/ジョブ）。PersonCell が「人を1行」なら StatusTile は「状態を持つモノを1タイル」。これも業界横断（飲食/医療/物流/製造）で繰り返す形——3回ルールで再出現を待って結晶化する候補。一方 KanbanBoard/StatGroup の越境が示すとおり、ステージ盤と指標行はもう揃っている。
次回予告（やってみた #97）
- 飲食3枚目（シフト管理 ScheduleGrid＋StatGroup or 売上ダッシュボード）。StatusTile 再出現の観測。
試す
<!-- 公開前: 相互URL差込／スクショ確定／EN(dev.to)ミラー -->
使用した @gunjo/ui コンポーネント
この画面のソースが直接 import している部品です。
cold AI が組み上げた実コード
ファイル名をクリックでソースを展開できます。