{% extends "base.html" %}
{% set active = "strategos" %}
{% block title %}War Council — Strategos{% endblock %}

{% block extra_css %}
<style>
/* ── Layout ───────────────────────────────────────────────────────────────── */
.wc-grid {
  display: grid;
  grid-template-columns: 40% 60%;
  gap: 1rem;
  align-items: start;
}
@media (max-width: 860px) { .wc-grid { grid-template-columns: 1fr; } }

/* ── Classification banner ────────────────────────────────────────────────── */
.wc-banner {
  background: #0a1628;
  border: 1px solid #1e3a5f;
  border-left: 4px solid #3b82f6;
  border-radius: 6px;
  padding: .55rem 1rem;
  display: flex;
  align-items: center;
  gap: .75rem;
  margin-bottom: 1rem;
  letter-spacing: .06em;
  font-size: .78rem;
  font-weight: 700;
}
.wc-banner .wc-cls-pill {
  background: #1e3a5f;
  color: #60a5fa;
  padding: .2rem .65rem;
  border-radius: 3px;
  font-family: monospace;
  font-size: .75rem;
}
.wc-banner .wc-session {
  color: var(--text-muted);
  font-weight: 400;
  font-size: .72rem;
  margin-left: auto;
}

/* ── Form labels & inputs ─────────────────────────────────────────────────── */
.wc-form-label {
  display: block;
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--text-muted);
  margin-bottom: .3rem;
}
.wc-input, .wc-select, .wc-textarea {
  width: 100%;
  padding: .4rem .65rem;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
  border-radius: 4px;
  font-size: .85rem;
  box-sizing: border-box;
  font-family: inherit;
  transition: border-color .15s;
}
.wc-input:focus, .wc-select:focus, .wc-textarea:focus {
  outline: none;
  border-color: #3b82f6;
}
.wc-textarea { resize: vertical; }

/* ── COG collapsible ──────────────────────────────────────────────────────── */
.cog-toggle {
  background: none;
  border: none;
  color: var(--text-secondary);
  font-size: .8rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: .4rem;
  padding: 0;
  font-family: inherit;
}
.cog-toggle:hover { color: var(--text-primary); }
.cog-toggle .cog-arrow { transition: transform .2s; display: inline-block; }
.cog-toggle.open .cog-arrow { transform: rotate(90deg); }
#cog-section {
  display: none;
  margin-top: .75rem;
  padding-top: .75rem;
  border-top: 1px solid var(--border-color);
}
#cog-section.visible { display: block; }
.cog-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .6rem;
}
@media (max-width: 500px) { .cog-grid { grid-template-columns: 1fr; } }
.cog-side-label {
  font-size: .67rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  padding: .15rem .5rem;
  border-radius: 3px;
  margin-bottom: .5rem;
  display: inline-block;
}
.cog-side-blue { background: rgba(59,130,246,.15); color: #3b82f6; }
.cog-side-red  { background: rgba(239,68,68,.15);  color: #ef4444; }

/* ── Generate button ─────────────────────────────────────────────────────── */
.btn-generate {
  width: 100%;
  padding: .55rem;
  background: #3b82f6;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: .9rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  letter-spacing: .04em;
  transition: background .15s, opacity .15s;
}
.btn-generate:hover   { background: #2563eb; }
.btn-generate:disabled { opacity: .6; cursor: not-allowed; }

/* ── Right panel placeholder / brief ─────────────────────────────────────── */
.wc-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 320px;
  color: var(--text-muted);
  gap: .75rem;
}
.wc-placeholder-icon {
  font-size: 2.8rem;
  opacity: .35;
}

/* ── Brief output ────────────────────────────────────────────────────────── */
#brief-output { display: none; }

.brief-header-row {
  display: flex;
  align-items: center;
  gap: .6rem;
  flex-wrap: wrap;
  margin-bottom: .75rem;
}
.brief-id-pill {
  font-family: monospace;
  font-size: .72rem;
  padding: .18rem .55rem;
  border-radius: 3px;
  background: rgba(59,130,246,.12);
  color: #60a5fa;
  border: 1px solid rgba(59,130,246,.25);
}
.brief-cls-pill {
  font-size: .7rem;
  font-weight: 700;
  padding: .18rem .55rem;
  border-radius: 3px;
  background: rgba(245,158,11,.12);
  color: #f59e0b;
  border: 1px solid rgba(245,158,11,.3);
  letter-spacing: .06em;
}
.brief-theater-pill {
  font-size: .72rem;
  padding: .18rem .55rem;
  border-radius: 3px;
  background: rgba(16,185,129,.1);
  color: #10b981;
  border: 1px solid rgba(16,185,129,.25);
  font-weight: 600;
}
.brief-meta {
  font-size: .72rem;
  color: var(--text-muted);
  margin-left: auto;
}

/* ── Section headings inside brief ───────────────────────────────────────── */
.brief-section-hdr {
  font-size: .7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .09em;
  color: var(--text-muted);
  margin: 1rem 0 .5rem;
  display: flex;
  align-items: center;
  gap: .5rem;
}
.brief-section-hdr::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--border-color);
}

/* ── Doctrine / precedent / COA cards ─────────────────────────────────────── */
.brief-card-row {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.brief-card {
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 5px;
  padding: .65rem .85rem;
}
.brief-card .bc-ref {
  font-family: monospace;
  font-size: .72rem;
  color: #60a5fa;
  margin-bottom: .25rem;
}
.brief-card .bc-excerpt {
  font-size: .82rem;
  color: var(--text-secondary);
  line-height: 1.5;
}
.brief-card .bc-title {
  font-size: .85rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: .2rem;
}
.coa-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(59,130,246,.2);
  color: #60a5fa;
  font-size: .72rem;
  font-weight: 700;
  flex-shrink: 0;
  margin-right: .5rem;
}

/* ── Markdown prose output ────────────────────────────────────────────────── */
.brief-prose {
  font-size: .85rem;
  line-height: 1.7;
  color: var(--text-secondary);
}
.brief-prose h1, .brief-prose h2, .brief-prose h3 {
  color: var(--text-primary);
  font-size: 1rem;
  margin: .75rem 0 .35rem;
}
.brief-prose p  { margin: .4rem 0; }
.brief-prose ul { padding-left: 1.25rem; }
.brief-prose li { margin: .2rem 0; }
.brief-prose pre {
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  padding: .65rem;
  overflow-x: auto;
  white-space: pre-wrap;
  font-size: .8rem;
}

/* ── Save button ─────────────────────────────────────────────────────────── */
.btn-save-brief {
  padding: .4rem 1rem;
  background: rgba(16,185,129,.15);
  color: #10b981;
  border: 1px solid rgba(16,185,129,.3);
  border-radius: 4px;
  font-size: .82rem;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s;
}
.btn-save-brief:hover { background: rgba(16,185,129,.25); }

/* ── Spinner ─────────────────────────────────────────────────────────────── */
.spinner {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255,255,255,.3);
  border-top-color: #fff;
  border-radius: 50%;
  animation: spin .6s linear infinite;
  display: inline-block;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* ── Ask STRATEGOS button (brief header) ─────────────────────────────────── */
.btn-ask-strategos {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .22rem .65rem;
  background: rgba(245,158,11,.12);
  border: 1px solid rgba(245,158,11,.35);
  border-radius: 4px;
  color: #f59e0b;
  font-size: .78rem;
  font-weight: 600;
  cursor: pointer;
  transition: background .12s, border-color .12s;
  font-family: inherit;
}
.btn-ask-strategos:hover { background: rgba(245,158,11,.22); border-color: #f59e0b; }

/* ── Brief cards — right-click hint ──────────────────────────────────────── */
.brief-card[data-sg-ctx] { cursor: context-menu; }
.brief-card[data-sg-ctx]:hover { border-color: rgba(245,158,11,.4); }

/* ── Error state ─────────────────────────────────────────────────────────── */
.wc-error {
  background: rgba(239,68,68,.08);
  border: 1px solid rgba(239,68,68,.3);
  border-radius: 5px;
  padding: .65rem 1rem;
  color: #f87171;
  font-size: .85rem;
}

/* ── Scenario Library chips ──────────────────────────────────────────────── */
.sc-picker {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin-top: .3rem;
}
.sc-chip {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  padding: .22rem .55rem;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font-size: .76rem;
  font-family: inherit;
  cursor: pointer;
  transition: border-color .12s, background .12s, color .12s;
  white-space: nowrap;
}
.sc-chip:hover { border-color: #3b82f6; color: var(--text-primary); }
.sc-chip.active {
  border-color: #3b82f6;
  background: rgba(59,130,246,.12);
  color: #60a5fa;
  font-weight: 600;
}
.sc-chip.custom-chip { border-style: dashed; color: var(--text-muted); }
.sc-chip.custom-chip:hover  { border-color: #a78bfa; color: #a78bfa; }
.sc-chip.custom-chip.active {
  border-color: #a78bfa;
  background: rgba(167,139,250,.1);
  color: #a78bfa;
}
.sc-theater-tag {
  font-size: .62rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: .1rem .3rem;
  border-radius: 3px;
  line-height: 1;
}
.sc-tag-ip  { background: rgba(16,185,129,.15);  color: #10b981; }
.sc-tag-ee  { background: rgba(239,68,68,.15);   color: #ef4444; }
.sc-tag-me  { background: rgba(245,158,11,.15);  color: #f59e0b; }
.sc-tag-arc { background: rgba(96,165,250,.15);  color: #60a5fa; }
.sc-tag-cy  { background: rgba(167,139,250,.15); color: #a78bfa; }
.sc-preview {
  padding: .5rem .75rem;
  background: rgba(59,130,246,.06);
  border: 1px solid rgba(59,130,246,.18);
  border-radius: 5px;
  font-size: .78rem;
  color: var(--text-muted);
  line-height: 1.55;
  margin-top: .3rem;
  animation: sc-fade .15s ease;
}
@keyframes sc-fade { from { opacity:0; transform:translateY(-4px); } to { opacity:1; } }
</style>
{% endblock %}

{% block content %}

<!-- Classification-style banner -->
<div class="wc-banner">
  <span style="color:#3b82f6;font-size:1rem">&#9733;</span>
  <span style="color:var(--text-secondary)">WAR COUNCIL</span>
  <span class="wc-cls-pill">CUI // SP-CTI</span>
  <span style="color:var(--text-muted);font-size:.75rem">Adversary Modeling &amp; Doctrine Synthesis Workspace</span>
  <span class="wc-session" id="wc-session-ts">—</span>
</div>

<!-- Page header -->
<div class="page-header page-header--compact">
  <h1>War Council
    <span style="font-size:.65em;color:var(--text-secondary);font-weight:400">
      Commander&#8217;s Estimate &amp; COG Analysis
    </span>
  </h1>
  <a href="/strategos" style="font-size:.85rem;color:var(--text-secondary)">&larr; Back to Strategos</a>
</div>

<!-- Two-column workspace -->
<div class="wc-grid">

  <!-- ── LEFT: Input form ── -->
  <div class="card" style="padding:1rem;display:flex;flex-direction:column;gap:.85rem">

    <!-- Scenario Library -->
    <div>
      <label class="wc-form-label">Scenario Library</label>
      <div class="sc-picker" id="sc-picker"><!-- chips rendered by JS --></div>
      <div id="sc-preview" class="sc-preview" style="display:none"></div>
    </div>

    <!-- Theater -->
    <div>
      <label class="wc-form-label" for="wc-theater">Theater of Operations</label>
      <select id="wc-theater" class="wc-select">
        <option value="indo-pacific">Indo-Pacific</option>
        <option value="eastern-europe">Eastern Europe</option>
        <option value="middle-east">Middle East</option>
        <option value="arctic">Arctic</option>
        <option value="cyber-domain">Cyber Domain</option>
      </select>
    </div>

    <!-- Scenario -->
    <div>
      <label class="wc-form-label" for="wc-scenario">
        Operational Scenario <span style="color:#ef4444">*</span>
      </label>
      <textarea id="wc-scenario" class="wc-textarea" rows="3"
                placeholder="Describe the operational scenario — threat actor, geography, timeline, triggering event…"
                required></textarea>
    </div>

    <!-- Commander's Intent -->
    <div>
      <label class="wc-form-label" for="wc-intent">Commander&#8217;s Intent</label>
      <textarea id="wc-intent" class="wc-textarea" rows="2"
                placeholder="End state, purpose, and key tasks…"></textarea>
    </div>

    <!-- COG Analysis (collapsible) -->
    <div>
      <button class="cog-toggle" id="cog-toggle-btn" onclick="toggleCOG()" type="button">
        <span class="cog-arrow">&#9658;</span>
        COG Analysis (Friendly &amp; Adversary)
      </button>

      <div id="cog-section">
        <div class="cog-grid">
          <!-- Friendly -->
          <div>
            <span class="cog-side-label cog-side-blue">Friendly</span>
            <div style="display:flex;flex-direction:column;gap:.5rem">
              <div>
                <label class="wc-form-label" for="wc-fcog">Center of Gravity</label>
                <input id="wc-fcog" class="wc-input" type="text" placeholder="e.g. Maritime supremacy">
              </div>
              <div>
                <label class="wc-form-label" for="wc-fcc">Critical Capability</label>
                <input id="wc-fcc" class="wc-input" type="text" placeholder="e.g. Forward basing">
              </div>
              <div>
                <label class="wc-form-label" for="wc-fcv">Critical Vulnerability</label>
                <input id="wc-fcv" class="wc-input" type="text" placeholder="e.g. Extended LOC">
              </div>
            </div>
          </div>
          <!-- Adversary -->
          <div>
            <span class="cog-side-label cog-side-red">Adversary</span>
            <div style="display:flex;flex-direction:column;gap:.5rem">
              <div>
                <label class="wc-form-label" for="wc-acog">Center of Gravity</label>
                <input id="wc-acog" class="wc-input" type="text" placeholder="e.g. A2/AD network">
              </div>
              <div>
                <label class="wc-form-label" for="wc-acc">Critical Capability</label>
                <input id="wc-acc" class="wc-input" type="text" placeholder="e.g. Long-range missiles">
              </div>
              <div>
                <label class="wc-form-label" for="wc-acv">Critical Vulnerability</label>
                <input id="wc-acv" class="wc-input" type="text" placeholder="e.g. C2 nodes">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Constraints -->
    <div>
      <label class="wc-form-label" for="wc-constraints">Constraints (comma-separated)</label>
      <input id="wc-constraints" class="wc-input" type="text"
             placeholder="e.g. ROE restrictions, Escalation limits, Host-nation approval">
    </div>

    <!-- Generate button -->
    <button class="btn-generate" id="wc-generate-btn" onclick="generateBrief()">
      <span id="wc-btn-icon">[*]</span>
      <span id="wc-btn-label">Generate Brief</span>
    </button>

    <!-- Error message -->
    <div id="wc-error" class="wc-error" style="display:none"></div>
  </div>

  <!-- ── RIGHT: Brief display ── -->
  <div class="card" style="padding:1rem">

    <!-- Placeholder -->
    <div id="wc-placeholder" class="wc-placeholder">
      <div class="wc-placeholder-icon">&#9737;</div>
      <div style="font-size:.9rem;font-weight:600;color:var(--text-secondary)">
        Awaiting scenario input&hellip;
      </div>
      <div style="font-size:.8rem;text-align:center;max-width:280px">
        Configure the theater, describe the operational scenario, and press
        <strong>Generate Brief</strong> to produce a doctrine-anchored estimate.
      </div>
    </div>

    <!-- Brief output (hidden until generated) -->
    <div id="brief-output">

      <!-- Brief metadata row -->
      <div class="brief-header-row">
        <span class="brief-id-pill" id="brief-id-badge">—</span>
        <span class="brief-cls-pill">CUI // SP-CTI</span>
        <span class="brief-theater-pill" id="brief-theater-badge">—</span>
        <span class="brief-meta" id="brief-generated-at">—</span>
        <button class="btn-ask-strategos" id="btn-ask-strategos" onclick="askStratAboutBrief()" style="display:none">&#9889; Ask STRATEGOS</button>
        <button class="btn-save-brief" onclick="saveBrief()">&#9654; Save to Intel Briefs</button>
      </div>

      <!-- Main body prose -->
      <div class="brief-section-hdr">Commander&#8217;s Estimate</div>
      <div id="brief-prose" class="brief-prose"></div>

      <!-- Doctrine Citations -->
      <div class="brief-section-hdr">Doctrine Citations</div>
      <div id="brief-doctrine" class="brief-card-row"></div>

      <!-- Historical Precedents -->
      <div class="brief-section-hdr">Historical Precedents</div>
      <div id="brief-precedents" class="brief-card-row"></div>

      <!-- Courses of Action -->
      <div class="brief-section-hdr">Courses of Action (COA)</div>
      <div id="brief-coas" class="brief-card-row"></div>

    </div><!-- /#brief-output -->
  </div>

</div><!-- /.wc-grid -->

<script src="/static/vendor/marked/marked.min.js"></script>
<script>
// ── Globals ────────────────────────────────────────────────────────────────
let _lastBrief = null;
let _activeScenario = null;

// ── Preset scenario library ────────────────────────────────────────────────
const SCENARIOS = {
  taiwan_blockade: {
    label: 'Taiwan Strait Blockade', theater: 'indo-pacific', theaterTag: 'IP', tagClass: 'sc-tag-ip',
    preview: 'PRC imposes a naval quarantine on Taiwan to coerce political concessions ahead of a scheduled independence referendum.',
    scenario: `People's Liberation Army Navy declares a naval exclusion zone around Taiwan in response to a scheduled independence referendum. Submarine patrols seal the strait; maritime militia vessels enforce inspection of commercial shipping. US 7th Fleet repositions to the Philippine Sea. Japan activates Self-Defense Forces under collective self-defense provisions. Timeline: 72-hour ultimatum before blockade tightens to a full quarantine.`,
    intent: `Deter PLAN escalation to armed seizure; maintain freedom of navigation through the strait; reassure Taiwan of treaty commitments without triggering miscalculation that could ignite kinetic conflict.`,
    constraints: 'No first use of lethal force against PLAN vessels, ROE requires positive identification before interdiction, Host-nation basing approval required for Okinawa surge, No strikes on PRC mainland targets',
    friendly_cog: 'US-Japan-Taiwan combined maritime deterrence posture', friendly_cc: 'Forward carrier strike group presence and ISR coverage of strait', friendly_cv: 'Extended logistics lines from Pearl Harbor; political will fragility under economic pressure',
    adversary_cog: 'PLAN A2/AD bubble anchored on DF-21D/DF-26 missile forces', adversary_cc: 'Layered anti-ship missile coverage from shore, surface, and submarine', adversary_cv: 'C2 node concentration at Eastern Theater Command HQ, Fuzhou',
  },
  arctic_resource: {
    label: 'Arctic Resource Conflict', theater: 'arctic', theaterTag: 'ARC', tagClass: 'sc-tag-arc',
    preview: 'Russia and Norway dispute resource extraction rights in newly ice-free Arctic shelf zones as climate change opens new contested maritime boundaries.',
    scenario: `Accelerated Arctic ice loss opens the Lomonosov Ridge to commercial exploitation. Russia files UN continental shelf claims overlapping Norwegian and Canadian sectors. Russian icebreakers escorted by Akula-class submarines begin exploratory drilling 40 nm inside the disputed zone. Norway invokes Article 5 consultations; Canada deploys HMCS Harry DeWolf. Russia suspends New START inspections and stages Tu-95MS long-range aviation exercises from Murmansk.`,
    intent: `Uphold UNCLOS-based Arctic governance framework; prevent unilateral Russian fait accompli in disputed shelf zones; avoid escalation to kinetic engagement above the Arctic Circle.`,
    constraints: 'No military overflights inside Russian Arctic ADIZ without political authorization, Environmental protection constraints limit ASW active sonar use, NATO unified command not yet activated',
    friendly_cog: 'UNCLOS legal framework and allied Arctic Council solidarity', friendly_cc: 'Norwegian Coast Guard and allied submarine surveillance of Barents approaches', friendly_cv: 'Limited NATO basing infrastructure above Arctic Circle; harsh operating environment degrading sensor performance',
    adversary_cog: 'Northern Fleet combat power and domestic resource nationalism narrative', adversary_cc: 'Nuclear-powered icebreaker fleet enabling year-round presence; Bastion coastal defense systems', adversary_cv: 'Isolated resupply lines to Arctic outposts; limited allied air defense coverage at extreme latitudes',
  },
  eastern_flank: {
    label: 'NATO Eastern Flank Pressure', theater: 'eastern-europe', theaterTag: 'EE', tagClass: 'sc-tag-ee',
    preview: 'Multi-axis coercion campaign combining cyber, proxy forces, and conventional military pressure against NATO\'s eastern flank states.',
    scenario: `Russia launches a coordinated hybrid campaign against the Baltic states: sustained cyber intrusions disrupt financial systems and power grids; Kaliningrad-based Iskander missiles conduct live-fire exercises 30 km from the Lithuanian border; Belarusian forces conduct "snap exercise" with 50,000 troops near the Suwalki Gap; GRU-linked disinformation accelerates political polarization in Estonia's Russian-speaking community. No overt military border crossing — all actions calibrated below Article 5 threshold.`,
    intent: `Reinforce deterrence credibility along the Suwalki corridor; expose and attribute hybrid operations; prevent fait accompli seizure of any NATO territory without triggering uncontrolled escalation to major theater war.`,
    constraints: 'Operations must remain below Article 5 response threshold to maintain allied consensus, No offensive cyber operations against Russian civilian infrastructure, No pre-positioning of nuclear-capable systems without full NATO approval',
    friendly_cog: 'NATO Article 5 collective defense commitment and forward presence battalions', friendly_cc: 'Multinational EFP battle groups at Elblag, Adazi, Tapa, and Rukla providing trip-wire deterrence', friendly_cv: 'Suwalki Gap — 100 km land corridor between Belarus and Kaliningrad easily severable; political cohesion among 31 allies under economic pressure',
    adversary_cog: 'Integrated escalation dominance — ability to control the conflict threshold', adversary_cc: 'A2/AD bubble from Kaliningrad covering approaches; Iskander-M precision strike capability', adversary_cv: 'Legitimacy deficit in Baltic Russian-speaking population; economic vulnerability to energy decoupling sanctions',
  },
  hormuz_closure: {
    label: 'Strait of Hormuz Closure', theater: 'middle-east', theaterTag: 'ME', tagClass: 'sc-tag-me',
    preview: 'Iran mines the Strait of Hormuz and deploys IRGC swarm vessels to enforce an asymmetric blockade following US secondary sanctions.',
    scenario: `Following expanded US secondary sanctions targeting Iranian petrochemical exports, IRGC Navy deploys bottom-influence mines across the Strait of Hormuz shipping lanes. Three commercial tankers strike mines within 72 hours; oil prices spike 40%. Fast-attack swarm craft enforce a de facto exclusion zone using swarming tactics and coastal Noor anti-ship missiles. Iranian proxies activate rocket barrages against UAE and Saudi oil infrastructure. Global shipping market freezes; 20% of world oil transits are interrupted.`,
    intent: `Restore freedom of navigation through the Strait of Hormuz; neutralize IRGC mine-laying and swarm vessel threat without strikes on Iranian mainland that would widen conflict to regional war; protect partner nation critical infrastructure.`,
    constraints: 'No strikes on Iranian territory without SecDef authorization, MCM operations require EOD confirmation before declaring lanes clear, Saudi Arabia and UAE basing contingent on no escalation to mainland strikes',
    friendly_cog: 'Combined Maritime Forces EOD and MCM capability; carrier air superiority over the Gulf', friendly_cc: 'MH-53E airborne MCM and P-8A Poseidon maritime patrol; F/A-18 anti-swarm CAS', friendly_cv: 'Narrow operating environment favors asymmetric attacker; proximity of Iranian Silkworm batteries to Hormuz shipping lanes',
    adversary_cog: 'IRGC asymmetric deterrence — ability to threaten global oil supply at acceptable cost', adversary_cc: 'Distributed swarm boat tactics; Noor/C-802 shore-based anti-ship missiles; proxy escalation levers', adversary_cv: 'IRGC swarm craft vulnerable to airborne area suppression; mine-laying logistics exposed to ISR',
  },
  grid_attack: {
    label: 'Cyber-Physical Grid Attack', theater: 'cyber-domain', theaterTag: 'CY', tagClass: 'sc-tag-cy',
    preview: 'Coordinated cyber-physical attacks on US power grid and military logistics nodes ahead of a conventional military provocation in a separate theater.',
    scenario: `State-sponsored APT pre-positions destructive malware in 12 US power generation control systems (OT/ICS) and 3 major military logistics hubs simultaneously with conventional force build-up in a separate theater. Zero-day exploits targeting Siemens SCADA systems and Honeywell DCS trigger cascading grid failures across the Midwest. Military base operations, GPS spoofing operations, and fuel depot management systems are disrupted. Attribution is deliberately ambiguous — infrastructure consistent with both Russia and a proxy actor.`,
    intent: `Attribute the attack with sufficient confidence to trigger proportional response options; restore critical infrastructure within 72 hours; prevent the cyber campaign from providing meaningful advantage to conventional forces in the companion theater.`,
    constraints: 'Offensive cyber response requires Presidential authorization, Attribution must meet IC community confidence threshold before public declaration, Civilian infrastructure targets off-limits for offensive cyber operations',
    friendly_cog: 'CYBERCOM defensive operations capability and NSA SIGINT attribution pipeline', friendly_cc: 'Hunt Forward operations pre-positioned in partner networks; CISA emergency coordination with sector ISACs', friendly_cv: 'Legacy ICS/SCADA systems lack patch capability; civilian-military infrastructure interdependence creates cascading failure risk',
    adversary_cog: 'Strategic ambiguity — deniability maintained through proxy actors and false-flag TTPs', adversary_cc: 'Pre-positioned access in US critical infrastructure; sophisticated OT malware tooling (CRASHOVERRIDE/Industroyer-class)', adversary_cv: 'Attribution gaps narrow with each incident; Exfiltration traffic detectable by NSA sensors',
  },
  korea_escalation: {
    label: 'Korean Peninsula Escalation', theater: 'indo-pacific', theaterTag: 'IP', tagClass: 'sc-tag-ip',
    preview: 'North Korean ICBM test over Japan triggers escalation ladder as DPRK demonstrates nuclear delivery capability against CONUS targets.',
    scenario: `DPRK launches a Hwasong-17 ICBM on a lofted trajectory over Japan, demonstrating 15,000 km range capability. Tokyo invokes Article 5 consultations; South Korea requests THAAD augmentation. Kim Jong-un announces readiness to "demonstrate warhead miniaturization" with an atmospheric nuclear test. US B-52s surge to Guam; USS Carl Vinson repositions to Yellow Sea. China publicly calls for "restraint by all parties" while PLAAF increases patrol frequency over Senkaku-adjacent airspace.`,
    intent: `Demonstrate credible extended deterrence to reassure South Korea and Japan without triggering DPRK preemptive strike or Chinese military intervention; establish escalation off-ramps that preserve denuclearization dialogue.`,
    constraints: 'ROE requires positive launch confirmation before missile defense intercept of DPRK test vehicles, No strikes on DPRK nuclear sites without Presidential authorization, China-US hotline must remain open throughout crisis',
    friendly_cog: 'Extended nuclear deterrence guarantee to ROK and Japan; US-ROK Combined Forces Command operational integration', friendly_cc: 'THAAD and Patriot PAC-3 layered missile defense; F-22 and B-2 surge capability from Andersen AFB', friendly_cv: 'DPRK artillery threat to Seoul within range without warning; alliance political fragility under DPRK provocations',
    adversary_cog: 'Kim regime survivability dependent on nuclear deterrence credibility', adversary_cc: 'KN-23 short-range ballistic missiles targeting ROK military bases; nuclear warhead miniaturization', adversary_cv: 'Fuel and logistics vulnerabilities during sustained operations; elite unit loyalty dependent on Kim family patronage',
  },
  gray_zone: {
    label: 'Gray Zone Hybrid Campaign', theater: 'eastern-europe', theaterTag: 'EE', tagClass: 'sc-tag-ee',
    preview: 'Comprehensive below-threshold coercion campaign combining disinformation, economic pressure, sabotage, and proxy forces — designed to deny Article 5 applicability.',
    scenario: `A coordinated gray-zone campaign unfolds simultaneously across five domains: (1) Social media influence operation amplifies secessionist sentiment in a NATO member's Russian-speaking minority; (2) Critical infrastructure sabotage — undersea cable cut and pipeline valve tampering; (3) Economic coercion via sudden gas transit fee increases and export controls on rare earth materials; (4) "Volunteer" paramilitary units conduct low-level violence in border region; (5) Consistent legal-political messaging frames all actions as "defensive responses to NATO aggression." No single act crosses the Article 5 threshold.`,
    intent: `Develop an integrated whole-of-government response that exposes, attributes, and counters the gray-zone campaign without providing adversary a pretext for escalation to overt military action.`,
    constraints: 'Response must maintain allied consensus — unilateral military action forfeits burden-sharing, Legal attribution for sabotage must meet evidentiary standard for public disclosure, Economic counter-measures require EU coordination',
    friendly_cog: 'Democratic institutional resilience and allied information environment credibility', friendly_cc: 'NATO Strategic Communications Centre; EUCOM SOF for attribution and counter-influence support', friendly_cv: 'Public opinion vulnerability to sustained disinformation; economic interdependence constraining sanctions toolkit',
    adversary_cog: 'Escalation control — ability to calibrate below Article 5 threshold while achieving political objectives', adversary_cc: 'Deniability of proxy actors; legal and narrative cover for all physical actions', adversary_cv: 'Coordination between multiple proxy actors creates seams for attribution; economic pressure of own sanctions exposure',
  },
  space_denial: {
    label: 'Space Asset Denial', theater: 'cyber-domain', theaterTag: 'CY', tagClass: 'sc-tag-cy',
    preview: 'Adversary ASAT campaign targeting GPS Block III and ISR constellations to degrade US precision strike and intelligence collection ahead of conventional operations.',
    scenario: `During rising tensions in a primary theater, adversary launches coordinated kinetic (co-orbital ASAT) and non-kinetic (directed energy, jamming, cyber) attacks against US GPS Block III satellites and key ISR constellations. Three GPS satellites disabled; two NRO SIGINT satellites experience anomalous telemetry consistent with cyber intrusion. PNT disruption cascades to commercial aviation, financial systems, and military precision munitions guidance. Debris field from kinetic kill vehicle threatens ISS and commercial orbits. Russia and China simultaneously conduct "routine" satellite maneuvering in GEO.`,
    intent: `Restore space-based PNT and ISR capability within 30 days; establish escalation dominance in space domain without kinetic engagement that generates unacceptable debris; deter follow-on ASAT strikes on remaining assets.`,
    constraints: 'No kinetic response in space without NSC authorization and debris-field modeling, Commercial satellite operator coordination required before any spectrum operations, OST Article IV compliance required for all response options',
    friendly_cog: 'US space superiority enabling joint force precision operations globally', friendly_cc: 'Alternative PNT pathways (LORAN resurgence, inertial navigation augmentation); rapid-launch surge capacity via Space Force tactically responsive launch', friendly_cv: 'GPS constellation replacement timeline is 3+ years; allied forces dependent on US-provided PNT with no backup',
    adversary_cog: 'Space denial strategy — degrade US joint force effectiveness without triggering nuclear escalation', adversary_cc: 'Co-orbital ASAT maneuvering capability; ground-based directed energy systems (Peresvet/Tiangong-class)', adversary_cv: 'Own forces increasingly dependent on GPS-equivalent (GLONASS/BeiDou) — mutual space vulnerability',
  },
  island_chain_defense: {
    label: 'Island Chain Defense', theater: 'indo-pacific', theaterTag: 'IP', tagClass: 'sc-tag-ip',
    preview: 'Defending the First Island Chain against a combined PLAN amphibious assault and airborne operation targeting multiple objectives simultaneously.',
    scenario: `PLAN activates Type 075 LHDs and Type 071 LPDs for a multi-pronged amphibious operation targeting simultaneously: (1) a contested atoll in the Spratlys with a PHL garrison; (2) a Taiwanese-controlled outer island; (3) an uninhabited Japanese Senkaku islet. PLAAF provides J-20 and J-16 air superiority coverage; PLA Rocket Force conducts saturation DF-17 HGV strikes on Kadena and Misawa air bases. The multi-front assault is designed to split allied response and prevent mutual reinforcement.`,
    intent: `Defeat the amphibious assault without allowing any First Island Chain territory to be seized; maintain air superiority in the Philippine Sea; prevent escalation to strikes on Japanese or US home territory.`,
    constraints: 'Engagement authority for strikes within 12 nm of Chinese-claimed territories requires JCS authorization, PHL, Taiwan, and Japan must be consulted before major strike operations in their EEZ, Rules of engagement prohibit strikes on PLAN vessels inside China\'s 12 nm territorial sea',
    friendly_cog: 'Combined allied air-maritime deterrence along the First Island Chain', friendly_cc: 'F-35B/C distributed basing across dispersed airfields; submarine picket lines on PLAN amphibious approach routes', friendly_cv: 'Kadena and Misawa fixed basing vulnerable to DF-21D saturation strike; limited pre-positioned logistics for island defense',
    adversary_cog: 'PLA joint operations capability — ability to conduct multi-domain, multi-axis simultaneous assault', adversary_cc: 'Type 075 LHD amphibious lift; DF-17 HGV saturation strike to suppress air defenses; J-20 stealth fighter air superiority', adversary_cv: 'Amphibious logistics train exposed during transit; C2 seams between PLA theater commands in multi-axis operation',
  },
  south_china_sea_atoll: {
    label: 'SCS Atoll Seizure', theater: 'indo-pacific', theaterTag: 'IP', tagClass: 'sc-tag-ip',
    preview: 'Rapid seizure and militarization of a contested atoll in the South China Sea using a combination of coast guard vessels, maritime militia, and engineering forces.',
    scenario: `Under cover of a typhoon that disperses regional maritime patrol assets, PRC coast guard vessels and maritime militia occupy a contested atoll claimed by the Philippines within UNCLOS EEZ. Within 96 hours, engineering barges begin rapid construction of a makeshift airstrip and radar installation. Philippine Coast Guard vessels are water-cannoned when attempting to approach; a supply boat is rammed. China issues Navigation Warning designating a new maritime exclusion zone. US calls for UNCLOS tribunal but China cites its non-participation in the arbitration ruling.`,
    intent: `Assist Philippines in recovering access to the atoll or ensuring the constructed facility cannot be militarized; avoid direct US-China military confrontation while upholding MDT obligations and UNCLOS-based rules-based order.`,
    constraints: 'MDT obligations require consultation before any military response; unilateral US strikes would fracture ASEAN consensus, Coast Guard Law Enforcement operations must remain distinct from military actions, No kinetic action against PRC coast guard or maritime militia without escalation review',
    friendly_cog: 'Rules-based international order and US-PHL Mutual Defense Treaty credibility', friendly_cc: 'US P-8A ISR providing persistent surveillance of construction activity; Philippine Coast Guard sustained legal presence operations', friendly_cv: 'Political will in Manila fragmented; PRC economic leverage over regional ASEAN states limits coalition formation',
    adversary_cog: 'Fait accompli strategy — establish irreversible facts on the ground below the kinetic threshold', adversary_cc: 'Maritime militia providing legal cover for state action; rapid-construction engineering capability', adversary_cv: 'Supply chain to new facility exposed during initial construction phase; international legal narrative disadvantageous',
  },
};

// ── Build scenario picker chips ────────────────────────────────────────────
(function buildPicker() {
  const picker = document.getElementById('sc-picker');
  if (!picker) return;
  Object.entries(SCENARIOS).forEach(([key, sc]) => {
    const chip = document.createElement('button');
    chip.type = 'button';
    chip.className = 'sc-chip';
    chip.dataset.key = key;
    chip.innerHTML = `<span class="sc-theater-tag ${sc.tagClass}">${sc.theaterTag}</span>${escHtml(sc.label)}`;
    chip.addEventListener('click', () => loadScenario(key));
    picker.appendChild(chip);
  });
  const custom = document.createElement('button');
  custom.type = 'button';
  custom.className = 'sc-chip custom-chip';
  custom.id = 'sc-chip-custom';
  custom.innerHTML = '✏ Custom';
  custom.addEventListener('click', () => loadScenario(null));
  picker.appendChild(custom);
})();

// ── Load a preset scenario (null = custom / clear) ─────────────────────────
function loadScenario(key) {
  _activeScenario = key;
  document.querySelectorAll('.sc-chip').forEach(c => c.classList.remove('active'));
  if (key) {
    const chip = document.querySelector(`.sc-chip[data-key="${key}"]`);
    if (chip) chip.classList.add('active');
  } else {
    const custom = document.getElementById('sc-chip-custom');
    if (custom) custom.classList.add('active');
  }
  const preview = document.getElementById('sc-preview');
  if (!key) {
    document.getElementById('wc-theater').value   = 'indo-pacific';
    document.getElementById('wc-scenario').value  = '';
    document.getElementById('wc-intent').value    = '';
    document.getElementById('wc-constraints').value = '';
    document.getElementById('wc-fcog').value = '';
    document.getElementById('wc-fcc').value  = '';
    document.getElementById('wc-fcv').value  = '';
    document.getElementById('wc-acog').value = '';
    document.getElementById('wc-acc').value  = '';
    document.getElementById('wc-acv').value  = '';
    preview.style.display = 'none';
    document.getElementById('wc-scenario').focus();
    return;
  }
  const sc = SCENARIOS[key];
  if (!sc) return;
  document.getElementById('wc-theater').value     = sc.theater;
  document.getElementById('wc-scenario').value    = sc.scenario;
  document.getElementById('wc-intent').value      = sc.intent || '';
  document.getElementById('wc-constraints').value = sc.constraints || '';
  document.getElementById('wc-fcog').value = sc.friendly_cog || '';
  document.getElementById('wc-fcc').value  = sc.friendly_cc  || '';
  document.getElementById('wc-fcv').value  = sc.friendly_cv  || '';
  document.getElementById('wc-acog').value = sc.adversary_cog || '';
  document.getElementById('wc-acc').value  = sc.adversary_cc  || '';
  document.getElementById('wc-acv').value  = sc.adversary_cv  || '';
  const cogSec = document.getElementById('cog-section');
  const cogBtn = document.getElementById('cog-toggle-btn');
  if (!cogSec.classList.contains('visible')) {
    cogSec.classList.add('visible');
    cogBtn.classList.add('open');
  }
  preview.style.display = 'block';
  preview.innerHTML = `<strong style="color:var(--text-primary)">${escHtml(sc.label)}</strong> &mdash; ${escHtml(sc.preview)}`;
  clearError();
}

// ── Session timestamp ──────────────────────────────────────────────────────
(function () {
  const el = document.getElementById('wc-session-ts');
  if (el) {
    const now = new Date();
    el.textContent = 'Session: ' + now.toISOString().replace('T', ' ').slice(0, 16) + 'Z';
  }
})();

// ── COG collapsible ────────────────────────────────────────────────────────
function toggleCOG() {
  const btn = document.getElementById('cog-toggle-btn');
  const sec = document.getElementById('cog-section');
  const open = sec.classList.toggle('visible');
  btn.classList.toggle('open', open);
}

// ── Generate brief ─────────────────────────────────────────────────────────
function generateBrief() {
  const scenario = document.getElementById('wc-scenario').value.trim();
  if (!scenario) {
    showError('Operational scenario is required.');
    return;
  }

  const constraints = document.getElementById('wc-constraints').value
    .split(',')
    .map(s => s.trim())
    .filter(Boolean);

  const payload = {
    theater:           document.getElementById('wc-theater').value,
    scenario:          scenario,
    commander_intent:  document.getElementById('wc-intent').value.trim(),
    constraints:       constraints,
    friendly_cog:      document.getElementById('wc-fcog').value.trim(),
    friendly_cc:       document.getElementById('wc-fcc').value.trim(),
    friendly_cv:       document.getElementById('wc-fcv').value.trim(),
    adversary_cog:     document.getElementById('wc-acog').value.trim(),
    adversary_cc:      document.getElementById('wc-acc').value.trim(),
    adversary_cv:      document.getElementById('wc-acv').value.trim(),
  };

  setLoading(true);
  clearError();

  fetch('/api/strategos/war-council/generate', {
    method:  'POST',
    headers: { 'Content-Type': 'application/json' },
    body:    JSON.stringify(payload),
  })
    .then(r => {
      if (!r.ok) return r.json().then(d => { throw new Error(d.error || d.detail || r.statusText); });
      return r.json();
    })
    .then(data => {
      _lastBrief = data;
      renderBrief(data);
    })
    .catch(err => {
      showError('Generation failed: ' + err.message);
    })
    .finally(() => setLoading(false));
}

// ── Render brief into right panel ──────────────────────────────────────────
function renderBrief(data) {
  document.getElementById('wc-placeholder').style.display = 'none';
  document.getElementById('brief-output').style.display   = 'block';

  // Show Ask STRATEGOS button
  const askBtn = document.getElementById('btn-ask-strategos');
  if (askBtn) askBtn.style.display = '';

  // Header row
  document.getElementById('brief-id-badge').textContent =
    data.brief_id ? 'ID: ' + data.brief_id : 'DRAFT';
  document.getElementById('brief-theater-badge').textContent =
    theaterLabel(data.theater || '');
  document.getElementById('brief-generated-at').textContent =
    data.generated_at ? 'Generated: ' + data.generated_at.replace('T', ' ').slice(0, 16) + 'Z' : '';

  // Main prose (markdown → HTML)
  const proseEl = document.getElementById('brief-prose');
  const body = data.content || data.brief || data.body || '';
  if (typeof marked !== 'undefined' && body) {
    proseEl.innerHTML = marked.parse(body);
  } else if (body) {
    proseEl.innerHTML = '<pre style="white-space:pre-wrap">' + escHtml(body) + '</pre>';
  } else {
    proseEl.innerHTML = '<p style="color:var(--text-muted)">No narrative returned.</p>';
  }

  // Doctrine citations
  const docEl    = document.getElementById('brief-doctrine');
  const citations = data.doctrine_citations || [];
  docEl.innerHTML = citations.length
    ? citations.map(c => `
        <div class="brief-card" data-sg-ctx="1">
          <div class="bc-ref">${escHtml(c.reference || c.ref || '')}</div>
          <div class="bc-excerpt">${escHtml(c.excerpt || c.text || '')}</div>
        </div>`).join('')
    : '<p style="color:var(--text-muted);font-size:.83rem">No doctrine citations returned.</p>';
  if (citations.length) {
    docEl.querySelectorAll('.brief-card').forEach((card, i) => {
      const c = citations[i];
      card.addEventListener('contextmenu', e => {
        e.preventDefault();
        if (window.sgChat) window.sgChat.showMenu(e.clientX, e.clientY, {
          type: 'doctrine_citation',
          label: c.reference || c.ref || 'Doctrine',
          detail: c.excerpt || c.text || '',
          theater: data.theater || '',
        });
      });
    });
  }

  // Historical precedents
  const precEl = document.getElementById('brief-precedents');
  const prec   = data.historical_precedents || data.precedents || [];
  precEl.innerHTML = prec.length
    ? prec.map(p => `
        <div class="brief-card" data-sg-ctx="1">
          <div class="bc-title">${escHtml(p.title || p.name || '')}</div>
          <div class="bc-excerpt">${escHtml(p.summary || p.description || '')}</div>
        </div>`).join('')
    : '<p style="color:var(--text-muted);font-size:.83rem">No historical precedents returned.</p>';
  if (prec.length) {
    precEl.querySelectorAll('.brief-card').forEach((card, i) => {
      const p = prec[i];
      card.addEventListener('contextmenu', e => {
        e.preventDefault();
        if (window.sgChat) window.sgChat.showMenu(e.clientX, e.clientY, {
          type: 'historical_precedent',
          label: p.title || p.name || 'Precedent',
          detail: p.summary || p.description || '',
          theater: data.theater || '',
        });
      });
    });
  }

  // COAs
  const coaEl = document.getElementById('brief-coas');
  const coas   = data.courses_of_action || data.coas || [];
  coaEl.innerHTML = coas.length
    ? coas.map((c, i) => {
        const risk = (c.risk_level || '').toUpperCase();
        const riskColor = risk === 'LOW' ? '#22c55e' : risk === 'HIGH' || risk === 'CRITICAL' ? '#ef4444' : '#f59e0b';
        const score = c.composite_score != null ? ' &nbsp;<span style="color:#94a3b8;font-size:.78rem">Score: ' + (c.composite_score * 100).toFixed(0) + '%</span>' : '';
        return `
        <div class="brief-card" data-sg-ctx="1" style="display:flex;gap:.5rem;align-items:flex-start">
          <span class="coa-number">${i + 1}</span>
          <div style="flex:1">
            <div class="bc-title" style="display:flex;align-items:center;gap:.5rem">
              ${escHtml(c.title || c.name || 'COA ' + (i + 1))}
              ${risk ? `<span style="font-size:.7rem;font-weight:700;color:${riskColor};border:1px solid ${riskColor};border-radius:3px;padding:0 4px">${risk}</span>` : ''}
              ${score}
            </div>
            <div class="bc-excerpt">${escHtml(c.description || c.summary || '')}</div>
            ${c.doctrine_basis ? `<div style="font-size:.75rem;color:#64748b;margin-top:.3rem">&#128196; ${escHtml(c.doctrine_basis)}</div>` : ''}
          </div>
        </div>`;
      }).join('')
    : '<p style="color:var(--text-muted);font-size:.83rem">No COAs returned.</p>';
  if (coas.length) {
    coaEl.querySelectorAll('.brief-card').forEach((card, i) => {
      const c = coas[i];
      card.addEventListener('contextmenu', e => {
        e.preventDefault();
        if (window.sgChat) window.sgChat.showMenu(e.clientX, e.clientY, {
          type: 'war_council_coa',
          label: c.title || c.name || 'COA ' + (i + 1),
          detail: c.description || c.summary || '',
          theater: data.theater || '',
        });
      });
    });
  }
}

// ── Save brief ────────────────────────────────────────────────────────────
function saveBrief() {
  if (!_lastBrief) { showError('No brief to save.'); return; }
  fetch('/api/strategos/briefs', {
    method:  'POST',
    headers: { 'Content-Type': 'application/json' },
    body:    JSON.stringify({
      brief_type: 'war_council',
      title:      'War Council — ' + theaterLabel(_lastBrief.theater || ''),
      content:    _lastBrief.content || _lastBrief.brief || '',
      theater:    _lastBrief.theater || '',
      brief_id:   _lastBrief.brief_id || null,
    }),
  })
    .then(r => r.json())
    .then(d => {
      if (d.error) { showError('Save failed: ' + d.error); return; }
      const btn = document.querySelector('.btn-save-brief');
      if (btn) { btn.textContent = '&#10003; Saved'; btn.disabled = true; }
    })
    .catch(err => showError('Save failed: ' + err.message));
}

// ── Ask STRATEGOS about the current brief ─────────────────────────────────
function askStratAboutBrief() {
  if (!_lastBrief || !window.sgChat) return;
  const theater  = theaterLabel(_lastBrief.theater || '');
  const scenario = document.getElementById('wc-scenario').value.trim();
  window.sgChat.open({
    type:     'war_council_brief',
    label:    'War Council Brief — ' + theater,
    detail:   scenario.slice(0, 300),
    theater:  _lastBrief.theater || '',
    brief_id: _lastBrief.brief_id || null,
  });
}

// ── Helpers ────────────────────────────────────────────────────────────────
function setLoading(on) {
  const btn   = document.getElementById('wc-generate-btn');
  const icon  = document.getElementById('wc-btn-icon');
  const label = document.getElementById('wc-btn-label');
  btn.disabled = on;
  if (on) {
    icon.className  = 'spinner';
    icon.textContent = '';
    label.textContent = 'Generating…';
  } else {
    icon.className  = '';
    icon.textContent = '[*]';
    label.textContent = 'Generate Brief';
  }
}

function showError(msg) {
  const el = document.getElementById('wc-error');
  el.style.display = 'block';
  el.textContent   = msg;
}
function clearError() {
  const el = document.getElementById('wc-error');
  el.style.display = 'none';
  el.textContent   = '';
}

function escHtml(str) {
  return String(str)
    .replace(/&/g, '&amp;')
    .replace(/</g, '&lt;')
    .replace(/>/g, '&gt;')
    .replace(/"/g, '&quot;');
}

function theaterLabel(key) {
  const map = {
    'indo-pacific':   'Indo-Pacific',
    'eastern-europe': 'Eastern Europe',
    'middle-east':    'Middle East',
    'arctic':         'Arctic',
    'cyber-domain':   'Cyber Domain',
  };
  return map[key] || key;
}
</script>
{% endblock %}