<div class="operator-shell">
  <a class="skip-link" href="#operator-main">Skip to runtime console</a>
  <aside class="operator-sidebar" aria-label="Syntropy navigation">
    <div class="operator-brand">
      <p class="eyebrow">// GHOSTNET</p>
      <h1>Mission Control</h1>
      <p>Operator truth for the live BEAM-native multi-agent runtime.</p>
    </div>

    <%= if platform_url("/") do %>
      <nav class="operator-nav operator-nav--primary" aria-label="Product navigation">
        <a class="operator-nav-link operator-nav-link--product" href={platform_url("/")}>
          Back to Platform Dashboard
        </a>
        <a class="operator-nav-link" href={platform_url("/runs")}>
          Platform Run Cockpit
        </a>
      </nav>
    <% end %>

    <nav class="operator-nav" aria-label="Mission Control navigation">
      <.link navigate={~p"/"} class={operator_nav_class(assigns, "/")}>
        Lattice
      </.link>
      <.link navigate={~p"/tasks"} class={operator_nav_class(assigns, "/tasks")}>
        Tasks
      </.link>
      <.link navigate={~p"/history"} class={operator_nav_class(assigns, "/history")}>
        History
      </.link>
    </nav>

    <div class="operator-sidebar-note">
      <p class="note-label">Runtime boundary</p>
      <p>
        Use the platform for the clean product workflow. Use Mission Control for dense operator
        inspection, approvals, replay, and topology evidence.
      </p>
    </div>
  </aside>

  <div id="operator-main" class="operator-main">
    <%= @inner_content %>
  </div>
</div>
