export const OFFICE_BODY = `
<div class="office-app">
  <header class="topbar">
    <div class="brand-block">
      <div class="eyebrow">ASTRA OFFICE</div>
      <div class="h-title">Operations Floor</div>
    </div>
    <div class="topbar-center">
      <div class="phase-pill" id="phasePill"><span class="phase-dot"></span><span id="status">대기 중</span></div>
      <div class="agent-pill"><span class="agent-label">현재 담당</span><strong id="agent">Astra</strong></div>
    </div>
    <div class="topbar-actions">
      <button id="editBtn" class="edit-btn" title="오피스 배치 편집 모드 토글">Customize</button>
    </div>
  </header>

  <div id="editToolbar" class="edit-toolbar" style="display:none;">
    <span class="et-hint">드래그로 이동 · <b>R</b> 회전 · <b>]</b>/<b>[</b> 레이어 · 4px snap</span>
    <button id="addDeskBtn" class="add" title="책상 추가">+ 책상</button>
    <button id="addPropBtn" class="add" title="가구 추가">+ 가구</button>
    <button id="deleteSelBtn" class="del" title="선택 항목 삭제" disabled>삭제</button>
    <button id="layerUpBtn" title="레이어 위로 (])">위로</button>
    <button id="layerDownBtn" title="레이어 아래로 ([)">아래로</button>
    <button id="saveBtn">저장</button>
    <button id="resetBtn" title="기본 배치로 복귀">초기화</button>
    <button id="cancelBtn" title="저장 안 하고 종료">취소</button>
  </div>

  <main class="workspace">
    <aside class="side-panel team-panel">
      <div class="panel-head">
        <div>
          <div class="panel-kicker">Team</div>
          <h2>오늘의 라인업</h2>
        </div>
        <div class="count-badge" id="rosterCount">0</div>
      </div>
      <div id="rosterList" class="roster-list"></div>
    </aside>

    <section class="office-shell">
      <div class="mission-strip">
        <div>
          <div class="panel-kicker">Current Mission</div>
          <div class="mission-title" id="task">새 요청을 기다리고 있습니다.</div>
        </div>
        <div class="mission-step-wrap">
          <span>현재 단계</span>
          <strong id="step">대기 중</strong>
        </div>
      </div>
      <div id="miniMap" class="mini-map" style="display:none;"></div>
      <div class="office-stage-wrap">
        <div class="office">
          <div class="stage" id="stage">
            <svg id="flowLayer" class="flow-layer" viewBox="0 0 720 585" preserveAspectRatio="none" aria-hidden="true"></svg>
            <div class="wall-window w1"></div>
            <div class="wall-window w2"></div>
          </div>
          <div id="propPanel" class="prop-panel"></div>
        </div>
      </div>
    </section>

    <aside class="side-panel mission-panel">
      <div class="panel-head compact">
        <div>
          <div class="panel-kicker">Signal</div>
          <h2>운영 브리프</h2>
        </div>
      </div>
      <div class="brief-grid">
        <section class="brief-card hero">
          <span>현재 흐름</span>
          <strong id="phaseLabel">대기 중</strong>
          <p id="phaseNote">새로운 작업 요청을 기다리고 있습니다.</p>
        </section>
        <section class="brief-card">
          <span>진행률</span>
          <strong id="progressLabel">0%</strong>
          <div class="progress"><div class="bar" id="bar"></div></div>
        </section>
        <section class="brief-card" id="attentionCard">
          <span>주의 신호</span>
          <strong id="attentionTitle">없음</strong>
          <p id="attentionBody">현재 막힘 없이 진행 중입니다.</p>
        </section>
      </div>
    </aside>
  </main>

  <footer class="activity-dock">
    <div class="activity-head">
      <div>
        <div class="panel-kicker">Activity</div>
        <strong>최근 실행</strong>
      </div>
      <div id="log" class="last-log">아직 기록된 활동이 없습니다.</div>
    </div>
    <div id="ticker" class="ticker" style="display:none;"><div class="tk-track" id="tickerTrack"></div></div>
  </footer>
</div>
`;
