@walwal-harness/cli 7.1.39 → 7.1.41

package/apps/harness-dashboard/components/three/Floor3D.tsx

@@ -1,404 +0,0 @@
-"use client";
-import { Html } from "@react-three/drei";
-import { ROOM_RECTS, CORRIDOR_RECTS, type RoomRect } from "@/lib/iso";
-import { ROOM_LABELS } from "@/lib/agent-roster";
-import {
-  deskSlotsForRoom,
-  doorsForRoom,
-  type DoorSpec,
-} from "@/lib/furniture";
-import type { RoomId, RoomState } from "@/lib/types";
-
-const ROOM_PALETTE: Record<string, { floor: string; wall: string; trim: string }> = {
-  ceo: { floor: "#3a4a72", wall: "#4d5f8f", trim: "#88a2d4" },
-  meeting: { floor: "#324063", wall: "#465782", trim: "#7e98c6" },
-  coo: { floor: "#374566", wall: "#48598a", trim: "#83a0d3" },
-  "cto-team": { floor: "#2a3a55", wall: "#3a4d72", trim: "#6a87b5" },
-  "cqo-team": { floor: "#3a304a", wall: "#4d4068", trim: "#9476c0" },
-  "service-ops": { floor: "#28394d", wall: "#385069", trim: "#6da4c2" },
-  archive: { floor: "#2a2d3a", wall: "#3a3d4d", trim: "#7c8197" },
-};
-
-const FLOOR_THICKNESS = 0.2;
-const WALL_HEIGHT = 0.9;
-const WALL_THICKNESS = 0.12;
-const Y_BASE = 0;
-
-// Build the segments for one wall, removing the slice covered by each door.
-// Returns absolute world-space ranges along the wall axis (in absolute coords,
-// not local-to-room).
-function wallSegments(wallStart: number, wallEnd: number, doors: number[][]): Array<[number, number]> {
-  const segments: Array<[number, number]> = [[wallStart, wallEnd]];
-  for (const [doorStart, doorEnd] of doors) {
-    const next: Array<[number, number]> = [];
-    for (const [s, e] of segments) {
-      if (doorEnd <= s || doorStart >= e) {
-        next.push([s, e]);
-        continue;
-      }
-      if (doorStart > s) next.push([s, doorStart]);
-      if (doorEnd < e) next.push([doorEnd, e]);
-    }
-    segments.splice(0, segments.length, ...next);
-  }
-  return segments.filter(([s, e]) => e - s > 0.01);
-}
-
-function doorsBySide(rect: RoomRect, side: "north" | "south" | "east" | "west"): number[][] {
-  // Returns gap intervals along the wall axis in absolute world coords.
-  const out: number[][] = [];
-  for (const d of doorsForRoom(rect)) {
-    if (d.side !== side) continue;
-    if (side === "north" || side === "south") {
-      out.push([d.position[0] - d.width / 2, d.position[0] + d.width / 2]);
-    } else {
-      out.push([d.position[1] - d.width / 2, d.position[1] + d.width / 2]);
-    }
-  }
-  return out;
-}
-
-interface RoomBlockProps {
-  rect: RoomRect;
-  room: RoomState | undefined;
-  lang: "ko" | "en";
-  onRoomClick?: (id: RoomId) => void;
-}
-
-function Wall({
-  start,
-  end,
-  axis,
-  fixedCoord,
-  height,
-  color,
-}: {
-  start: number;
-  end: number;
-  axis: "x" | "z";
-  fixedCoord: number;
-  height: number;
-  color: string;
-}) {
-  const len = end - start;
-  if (len <= 0.01) return null;
-  const cx = axis === "x" ? (start + end) / 2 : fixedCoord;
-  const cz = axis === "z" ? (start + end) / 2 : fixedCoord;
-  const w = axis === "x" ? len : WALL_THICKNESS;
-  const d = axis === "z" ? len : WALL_THICKNESS;
-  return (
-    <mesh
-      castShadow
-      receiveShadow
-      position={[cx, FLOOR_THICKNESS + height / 2, cz]}
-    >
-      <boxGeometry args={[w, height, d]} />
-      <meshStandardMaterial color={color} roughness={0.85} />
-    </mesh>
-  );
-}
-
-function Desk({
-  position,
-  facing,
-}: {
-  position: [number, number, number];
-  facing: number;
-}) {
-  return (
-    <group position={position} rotation={[0, facing, 0]}>
-      {/* Desktop */}
-      <mesh castShadow receiveShadow position={[0, 0.32, 0]}>
-        <boxGeometry args={[0.7, 0.06, 0.4]} />
-        <meshStandardMaterial color="#caa978" roughness={0.7} />
-      </mesh>
-      {/* Legs (front pair only — the back is hidden by the wall) */}
-      <mesh castShadow position={[-0.3, 0.16, 0.16]}>
-        <boxGeometry args={[0.06, 0.32, 0.06]} />
-        <meshStandardMaterial color="#5a4a30" roughness={0.85} />
-      </mesh>
-      <mesh castShadow position={[0.3, 0.16, 0.16]}>
-        <boxGeometry args={[0.06, 0.32, 0.06]} />
-        <meshStandardMaterial color="#5a4a30" roughness={0.85} />
-      </mesh>
-      {/* Monitor */}
-      <mesh castShadow position={[0, 0.5, -0.12]}>
-        <boxGeometry args={[0.32, 0.22, 0.04]} />
-        <meshStandardMaterial color="#1a1f2e" emissive="#22d3ee" emissiveIntensity={0.25} roughness={0.4} />
-      </mesh>
-      <mesh position={[0, 0.36, -0.12]}>
-        <boxGeometry args={[0.06, 0.06, 0.04]} />
-        <meshStandardMaterial color="#1a1f2e" />
-      </mesh>
-    </group>
-  );
-}
-
-function Chair({ position, facing }: { position: [number, number, number]; facing: number }) {
-  return (
-    <group position={position} rotation={[0, facing, 0]}>
-      <mesh castShadow position={[0, 0.18, 0]}>
-        <boxGeometry args={[0.32, 0.06, 0.32]} />
-        <meshStandardMaterial color="#2c3e63" roughness={0.7} />
-      </mesh>
-      <mesh castShadow position={[0, 0.34, 0.13]}>
-        <boxGeometry args={[0.32, 0.32, 0.06]} />
-        <meshStandardMaterial color="#2c3e63" roughness={0.7} />
-      </mesh>
-      <mesh position={[0, 0.06, 0]}>
-        <cylinderGeometry args={[0.04, 0.04, 0.12, 8]} />
-        <meshStandardMaterial color="#1a1f2e" />
-      </mesh>
-    </group>
-  );
-}
-
-function RoomBlock({ rect, room, lang, onRoomClick }: RoomBlockProps) {
-  const palette = ROOM_PALETTE[rect.id];
-  const cx = rect.wx + rect.ww / 2;
-  const cz = rect.wy + rect.wh / 2;
-  const label = lang === "ko" ? ROOM_LABELS[rect.id].ko : ROOM_LABELS[rect.id].en;
-  const verdict = room?.metrics?.sprint_verdict;
-  const desks = deskSlotsForRoom(rect);
-
-  // Walls with door gaps. North/south run along x-axis; east/west run along z-axis.
-  const northSegs = wallSegments(rect.wx, rect.wx + rect.ww, doorsBySide(rect, "north"));
-  const southSegs = wallSegments(rect.wx, rect.wx + rect.ww, doorsBySide(rect, "south"));
-  const westSegs = wallSegments(rect.wy, rect.wy + rect.wh, doorsBySide(rect, "west"));
-  const eastSegs = wallSegments(rect.wy, rect.wy + rect.wh, doorsBySide(rect, "east"));
-
-  return (
-    <group userData={{ roomId: rect.id }}>
-      {/* Floor slab — placed at the room center in absolute world coords.
-          Clicking the floor opens the room-metrics drawer. */}
-      <mesh
-        receiveShadow
-        position={[cx, FLOOR_THICKNESS / 2, cz]}
-        onClick={(e) => {
-          e.stopPropagation();
-          onRoomClick?.(rect.id);
-        }}
-        onPointerOver={(e) => {
-          e.stopPropagation();
-          document.body.style.cursor = "pointer";
-        }}
-        onPointerOut={() => {
-          document.body.style.cursor = "default";
-        }}
-      >
-        <boxGeometry args={[rect.ww, FLOOR_THICKNESS, rect.wh]} />
-        <meshStandardMaterial color={palette.floor} roughness={0.85} metalness={0.05} />
-      </mesh>
-
-      {/* Trim border on top of floor */}
-      <mesh position={[cx, FLOOR_THICKNESS + 0.02, cz]}>
-        <boxGeometry args={[rect.ww, 0.04, rect.wh]} />
-        <meshStandardMaterial color={palette.trim} roughness={0.5} metalness={0.2} opacity={0.35} transparent />
-      </mesh>
-
-      {/* North wall (z = rect.wy) */}
-      {northSegs.map(([s, e], i) => (
-        <Wall
-          key={`n${i}`}
-          axis="x"
-          start={s}
-          end={e}
-          fixedCoord={rect.wy}
-          height={WALL_HEIGHT}
-          color={palette.wall}
-        />
-      ))}
-      {/* South wall (z = rect.wy + rect.wh) */}
-      {southSegs.map(([s, e], i) => (
-        <Wall
-          key={`s${i}`}
-          axis="x"
-          start={s}
-          end={e}
-          fixedCoord={rect.wy + rect.wh}
-          height={WALL_HEIGHT}
-          color={palette.wall}
-        />
-      ))}
-      {/* West wall (x = rect.wx) */}
-      {westSegs.map(([s, e], i) => (
-        <Wall
-          key={`w${i}`}
-          axis="z"
-          start={s}
-          end={e}
-          fixedCoord={rect.wx}
-          height={WALL_HEIGHT}
-          color={palette.wall}
-        />
-      ))}
-      {/* East wall (x = rect.wx + rect.ww) */}
-      {eastSegs.map(([s, e], i) => (
-        <Wall
-          key={`e${i}`}
-          axis="z"
-          start={s}
-          end={e}
-          fixedCoord={rect.wx + rect.ww}
-          height={WALL_HEIGHT}
-          color={palette.wall}
-        />
-      ))}
-
-      {/* Door frame trim — emphasises openings */}
-      {doorsForRoom(rect).map((d, i) => (
-        <DoorFrame key={`door${i}`} rect={rect} door={d} color={palette.trim} />
-      ))}
-
-      {/* Desks + chairs */}
-      {desks.map((slot) => (
-        <group key={`desk-${slot.index}`}>
-          <Desk position={slot.desk} facing={slot.facing} />
-          <Chair position={slot.chair} facing={slot.facing} />
-        </group>
-      ))}
-
-      {/* Room label as DOM overlay */}
-      <Html
-        position={[cx, FLOOR_THICKNESS + 0.05, cz + rect.wh / 2 - 0.3]}
-        center
-        distanceFactor={20}
-        pointerEvents="none"
-      >
-        <span
-          className="select-none rounded bg-black/55 px-2 py-0.5 text-[11px] font-mono uppercase tracking-widest text-gray-100"
-          style={{ whiteSpace: "nowrap" }}
-        >
-          {label}
-        </span>
-      </Html>
-
-      {verdict && verdict !== "pending" && (
-        <Html
-          position={[cx, FLOOR_THICKNESS + 0.06, cz - rect.wh / 2 + 0.3]}
-          center
-          distanceFactor={20}
-          pointerEvents="none"
-        >
-          <span
-            className={`select-none rounded px-1.5 py-0.5 text-[9px] font-mono ${
-              verdict === "PASS"
-                ? "bg-aura-typing/30 text-aura-typing"
-                : "bg-aura-alert/30 text-aura-alert"
-            }`}
-          >
-            {verdict}
-          </span>
-        </Html>
-      )}
-    </group>
-  );
-}
-
-function DoorFrame({
-  rect,
-  door,
-  color,
-}: {
-  rect: RoomRect;
-  door: DoorSpec;
-  color: string;
-}) {
-  const cy = FLOOR_THICKNESS + WALL_HEIGHT;
-  if (door.side === "north" || door.side === "south") {
-    const z = door.side === "north" ? rect.wy : rect.wy + rect.wh;
-    return (
-      <mesh position={[door.position[0], cy + 0.05, z]} castShadow>
-        <boxGeometry args={[door.width + 0.1, 0.1, WALL_THICKNESS + 0.04]} />
-        <meshStandardMaterial color={color} metalness={0.3} roughness={0.5} />
-      </mesh>
-    );
-  }
-  const x = door.side === "west" ? rect.wx : rect.wx + rect.ww;
-  return (
-    <mesh position={[x, cy + 0.05, door.position[1]]} castShadow>
-      <boxGeometry args={[WALL_THICKNESS + 0.04, 0.1, door.width + 0.1]} />
-      <meshStandardMaterial color={color} metalness={0.3} roughness={0.5} />
-    </mesh>
-  );
-}
-
-interface Floor3DProps {
-  rooms: RoomState[];
-  lang?: "ko" | "en";
-  onRoomClick?: (id: RoomId) => void;
-}
-
-export function Floor3D({ rooms, lang = "ko", onRoomClick }: Floor3DProps) {
-  const byId = new Map(rooms.map((r) => [r.id, r]));
-  return (
-    <group>
-      {/* Ground / lawn — extends well past the building to give the figures
-          room to stroll outside the office. */}
-      <mesh receiveShadow position={[5.5, -0.05, 4.5]} rotation={[-Math.PI / 2, 0, 0]}>
-        <planeGeometry args={[26, 22]} />
-        <meshStandardMaterial color="#7ba27a" roughness={1} />
-      </mesh>
-
-      {/* Corridor floors — same height as room floors, lighter palette so the
-          path between rooms reads as a connector. */}
-      {CORRIDOR_RECTS.map((c, i) => (
-        <group key={`corr-${i}`}>
-          <mesh
-            receiveShadow
-            position={[c.wx + c.ww / 2, FLOOR_THICKNESS / 2, c.wy + c.wh / 2]}
-          >
-            <boxGeometry args={[c.ww, FLOOR_THICKNESS, c.wh]} />
-            <meshStandardMaterial color="#9aa6b8" roughness={0.85} />
-          </mesh>
-          <mesh position={[c.wx + c.ww / 2, FLOOR_THICKNESS + 0.011, c.wy + c.wh / 2]}>
-            <boxGeometry args={[c.ww, 0.02, c.wh]} />
-            <meshStandardMaterial color="#cdd5e0" roughness={0.7} />
-          </mesh>
-        </group>
-      ))}
-
-      {/* Sidewalk strip leading to the entrance */}
-      <mesh position={[5.5, 0.0, -1.2]} rotation={[-Math.PI / 2, 0, 0]} receiveShadow>
-        <planeGeometry args={[14, 0.7]} />
-        <meshStandardMaterial color="#bcc4d4" roughness={1} />
-      </mesh>
-
-      {ROOM_RECTS.map((rect) => (
-        <RoomBlock
-          key={rect.id}
-          rect={rect}
-          room={byId.get(rect.id)}
-          lang={lang}
-          onRoomClick={onRoomClick}
-        />
-      ))}
-
-      {/* Decorative trees — placed where the corridor meets the lawn so the
-          building doesn't sit on a flat green disk. */}
-      {[
-        [-1.8, 0.8],
-        [-1.8, 4.5],
-        [-1.8, 8.5],
-        [12.5, 0.8],
-        [12.5, 4.5],
-        [12.5, 8.5],
-        [3, 10.5],
-        [8, 10.5],
-        [5, -1.2],
-        [9, -1.2],
-      ].map(([x, z], i) => (
-        <group key={i} position={[x, 0, z]}>
-          <mesh castShadow position={[0, 0.5, 0]}>
-            <cylinderGeometry args={[0.08, 0.1, 1, 8]} />
-            <meshStandardMaterial color="#7a4f2e" roughness={0.95} />
-          </mesh>
-          <mesh castShadow position={[0, 1.2, 0]}>
-            <icosahedronGeometry args={[0.55, 0]} />
-            <meshStandardMaterial color="#5a8a52" roughness={0.9} />
-          </mesh>
-        </group>
-      ))}
-    </group>
-  );
-}

package/apps/harness-dashboard/components/three/GoalCard3D.tsx

@@ -1,123 +0,0 @@
-"use client";
-import { Html } from "@react-three/drei";
-import type {
-  ContractSnapshot,
-  EscalationEntry,
-  GoalCard,
-} from "@/lib/types";
-import { ROOM_RECTS } from "@/lib/iso";
-
-interface GoalCard3DProps {
-  goal: GoalCard | null;
-  lang?: "ko" | "en";
-  contract?: ContractSnapshot;
-  escalations?: EscalationEntry[];
-}
-
-const PIPELINE_TONE: Record<string, string> = {
-  FULLSTACK: "bg-aura-typing/30 text-aura-typing",
-  "FE-ONLY": "bg-aura-talking/30 text-aura-talking",
-  "BE-ONLY": "bg-aura-talking/30 text-aura-talking",
-  META_REFACTOR: "bg-aura-alert/20 text-aura-alert",
-};
-
-// Mounted on the back wall of the CEO room. The Html node renders a card-like
-// DOM element so long titles/descriptions stay readable instead of being
-// crammed into a 3D text mesh that would otherwise need a font load.
-//
-// CEO wall now also carries the pipeline + sprint badge and an open-escalation
-// counter — these are CEO-only signals (Owner-facing). Putting them here keeps
-// the doctrine "Owner ↔ Dispatcher only" intuition visible.
-export function GoalCard3D({
-  goal,
-  lang = "ko",
-  contract,
-  escalations = [],
-}: GoalCard3DProps) {
-  const ceo = ROOM_RECTS.find((r) => r.id === "ceo")!;
-  const cx = ceo.wx + ceo.ww / 2;
-  const cz = ceo.wy + 0.15;
-
-  const pipelineTone = contract?.pipeline
-    ? PIPELINE_TONE[contract.pipeline] ?? "bg-gray-500/30 text-gray-300"
-    : "bg-gray-500/30 text-gray-400";
-
-  return (
-    <Html
-      position={[cx, 0.85, cz]}
-      transform
-      occlude={false}
-      scale={0.16}
-      pointerEvents="none"
-      zIndexRange={[5, 0]}
-    >
-      <div
-        data-testid="goal-card"
-        className="rounded-md border border-aura-typing/60 bg-brick-bg/95 px-3 py-2 shadow-lg text-gray-100 font-mono"
-        style={{ minWidth: 240, maxWidth: 320 }}
-      >
-        {goal ? (
-          <>
-            <div className="flex items-center justify-between gap-2">
-              <div className="text-[9px] uppercase tracking-widest text-aura-typing">
-                GOAL
-              </div>
-              <div className="flex items-center gap-1">
-                {contract?.sprint_number !== null && contract?.sprint_number !== undefined && (
-                  <span
-                    data-testid="ceo-sprint-pill"
-                    className="rounded bg-aura-typing/20 px-1 py-0.5 text-[9px] uppercase text-aura-typing"
-                  >
-                    sprint {contract.sprint_number}
-                  </span>
-                )}
-                {contract?.pipeline && (
-                  <span
-                    data-testid="ceo-pipeline-pill"
-                    className={`rounded px-1 py-0.5 text-[9px] uppercase ${pipelineTone}`}
-                  >
-                    {contract.pipeline}
-                  </span>
-                )}
-              </div>
-            </div>
-            <div className="text-[14px] leading-tight font-semibold">
-              {goal.title}
-            </div>
-            {goal.description_truncated && (
-              <div className="mt-1 text-[10px] leading-snug text-gray-300">
-                {goal.description_truncated}
-              </div>
-            )}
-            <div className="mt-1 flex items-center justify-between">
-              {typeof goal.adherence === "number" ? (
-                <span className="text-[9px] text-gray-500">
-                  adherence {(goal.adherence * 100).toFixed(0)}%
-                </span>
-              ) : (
-                <span className="text-[9px] text-gray-600">adherence —</span>
-              )}
-              {escalations.length > 0 && (
-                <span
-                  data-testid="ceo-escalation-pill"
-                  className="rounded bg-aura-alert/30 px-1.5 py-0.5 text-[9px] uppercase text-aura-alert"
-                >
-                  ↑ {escalations.length} escalation{escalations.length === 1 ? "" : "s"}
-                </span>
-              )}
-            </div>
-          </>
-        ) : (
-          <>
-            <div className="text-[9px] uppercase tracking-widest text-gray-500">
-              GOAL
-            </div>
-            <div className="text-[12px] text-gray-500">
-              {lang === "en" ? "No active goal" : "활성 GOAL 없음"}
-            </div>
-          </>
-        )}
-      </div>
-    </Html>
-  );
-}

package/apps/harness-dashboard/components/three/HypothesisCards.tsx

@@ -1,71 +0,0 @@
-"use client";
-import { Html } from "@react-three/drei";
-import { ROOM_RECTS } from "@/lib/iso";
-import type { HypothesisEntry } from "@/lib/types";
-
-interface HypothesisCardsProps {
-  hypothesis: HypothesisEntry[];
-}
-
-const VERDICT_TONE: Record<string, string> = {
-  pending: "bg-aura-talking/30 text-aura-talking border-aura-talking/40",
-  valid: "bg-aura-typing/30 text-aura-typing border-aura-typing/40",
-  invalid: "bg-aura-alert/30 text-aura-alert border-aura-alert/40",
-};
-
-// Stack of cards on the COO room wall — each card is one hypothesis from the
-// COO Hypothesis Cell. Limited to the latest 3 to keep the wall readable.
-export function HypothesisCards({ hypothesis }: HypothesisCardsProps) {
-  const room = ROOM_RECTS.find((r) => r.id === "coo")!;
-  const cx = room.wx + room.ww / 2;
-  const cz = room.wy + 0.18;
-
-  if (hypothesis.length === 0) return null;
-  const visible = hypothesis.slice(0, 3);
-  const overflow = hypothesis.length - visible.length;
-
-  return (
-    <Html
-      position={[cx, 0.75, cz]}
-      transform
-      occlude={false}
-      scale={0.12}
-      pointerEvents="none"
-      zIndexRange={[5, 0]}
-    >
-      <div
-        data-testid="hypothesis-cards"
-        className="flex flex-col gap-1 rounded-md border border-brick-wall bg-brick-bg/95 px-2 py-2 shadow-lg font-mono"
-        style={{ minWidth: 220, maxWidth: 260 }}
-      >
-        <div className="text-[9px] uppercase tracking-widest text-gray-400">
-          COO HYPOTHESIS CELL
-        </div>
-        {visible.map((h) => (
-          <div
-            key={h.id}
-            data-testid={`hypothesis-${h.id}`}
-            className={`rounded border px-1.5 py-0.5 text-[10px] ${
-              VERDICT_TONE[h.verdict]
-            }`}
-          >
-            <div className="flex items-center justify-between">
-              <span className="opacity-70 tracking-wider">{h.id}</span>
-              <span className="uppercase tracking-wide text-[9px]">
-                {h.verdict}
-              </span>
-            </div>
-            <div className="text-[10px] leading-tight text-gray-100 truncate">
-              {h.brief}
-            </div>
-          </div>
-        ))}
-        {overflow > 0 && (
-          <div className="text-[9px] text-gray-500 text-right">
-            +{overflow} more
-          </div>
-        )}
-      </div>
-    </Html>
-  );
-}

package/apps/harness-dashboard/components/three/MeetingWhiteboard.tsx

@@ -1,98 +0,0 @@
-"use client";
-import { Html } from "@react-three/drei";
-import { ROOM_RECTS } from "@/lib/iso";
-import type { MeetingsState, ParallelTrack } from "@/lib/types";
-
-interface MeetingWhiteboardProps {
-  meetings: MeetingsState;
-  tracks: ParallelTrack[];
-}
-
-const TYPE_LABEL: Record<string, { ko: string; tone: string }> = {
-  standup: { ko: "스탠드업", tone: "bg-aura-typing/30 text-aura-typing" },
-  "sprint-review": { ko: "스프린트 리뷰", tone: "bg-aura-talking/30 text-aura-talking" },
-  "spec-review": { ko: "스펙 리뷰", tone: "bg-aura-talking/30 text-aura-talking" },
-  "incident-war-room": { ko: "워룸", tone: "bg-aura-alert/30 text-aura-alert" },
-  "all-hands": { ko: "올핸즈", tone: "bg-aura-typing/30 text-aura-typing" },
-  "followup-review": { ko: "팔로우업", tone: "bg-aura-talking/30 text-aura-talking" },
-};
-
-const CADENCE_TONE: Record<string, string> = {
-  light: "bg-aura-idle/40 text-gray-200",
-  normal: "bg-aura-typing/30 text-aura-typing",
-  heavy: "bg-aura-alert/30 text-aura-alert",
-};
-
-// Whiteboard mounted on the back wall of the meeting room. Surfaces:
-//   - active meeting type (typed badge)
-//   - cadence (light/normal/heavy)
-//   - active parallel track count
-// When no meeting is in session and no tracks are active, the board reads
-// "idle" so the room never looks broken.
-export function MeetingWhiteboard({ meetings, tracks }: MeetingWhiteboardProps) {
-  const room = ROOM_RECTS.find((r) => r.id === "meeting")!;
-  const cx = room.wx + room.ww / 2;
-  const cz = room.wy + 0.18;
-  const meeting = meetings.current;
-  const typeInfo = meeting ? TYPE_LABEL[meeting.type] : null;
-  const cadenceTone = CADENCE_TONE[meetings.cadence] ?? CADENCE_TONE.normal;
-
-  return (
-    <Html
-      position={[cx, 0.85, cz]}
-      transform
-      occlude={false}
-      scale={0.14}
-      pointerEvents="none"
-      zIndexRange={[5, 0]}
-    >
-      <div
-        data-testid="meeting-whiteboard"
-        className="rounded-md border border-brick-wall bg-brick-bg/95 px-3 py-2 shadow-lg text-gray-100 font-mono"
-        style={{ minWidth: 240, maxWidth: 320 }}
-      >
-        <div className="text-[9px] uppercase tracking-widest text-gray-400">
-          MEETING ROOM
-        </div>
-        <div className="mt-1 flex flex-wrap items-center gap-1">
-          {typeInfo ? (
-            <span
-              data-testid={`meeting-type-${meeting!.type}`}
-              className={`rounded px-1.5 py-0.5 text-[10px] uppercase ${typeInfo.tone}`}
-            >
-              {typeInfo.ko}
-            </span>
-          ) : (
-            <span className="rounded bg-aura-idle/40 px-1.5 py-0.5 text-[10px] uppercase text-gray-300">
-              유휴
-            </span>
-          )}
-          <span
-            data-testid={`cadence-${meetings.cadence}`}
-            className={`rounded px-1.5 py-0.5 text-[10px] uppercase ${cadenceTone}`}
-          >
-            cadence: {meetings.cadence}
-          </span>
-          {tracks.length > 0 && (
-            <span
-              data-testid="track-count"
-              className="rounded bg-aura-talking/30 px-1.5 py-0.5 text-[10px] uppercase text-aura-talking"
-            >
-              tracks ×{tracks.length}
-            </span>
-          )}
-        </div>
-        {meeting?.topic && (
-          <div className="mt-1 text-[10px] text-gray-300 leading-snug">
-            {meeting.topic}
-          </div>
-        )}
-        {meetings.next_scheduled && (
-          <div className="mt-1 text-[9px] text-gray-500">
-            next {meetings.next_scheduled}
-          </div>
-        )}
-      </div>
-    </Html>
-  );
-}