Duriin-API/public/admin/assets/js/intel-signals.js

// intelligence → signals (trade signal cards)
// depends on: app.js, intel-shared.js

async function loadSignals() {
  let data;
  try {
    data = await api("/admin/api/intelligence/signals");
  } catch (_) {
    data = [];
  }

  const grid  = document.getElementById("intel-signals-grid");
  const empty = document.getElementById("intel-signals-empty");

  if (!data || data.length === 0) {
    grid.innerHTML = "";
    empty.style.display = "";
    return;
  }

  empty.style.display = "none";

  grid.innerHTML = data.map(s => {
    const firstSentence = (s.summary || "").split(/\.\s+/)[0].replace(/\.$/, "") + ".";
    const eventTs = s.latest_event_date ? s.latest_event_date.slice(0, 10) : null;

    let drivers = [];
    let risks = [];
    let predIds = [];
    try { drivers = JSON.parse(s.key_drivers || "[]"); } catch (_) {}
    try { risks = JSON.parse(s.risk_factors || "[]"); } catch (_) {}
    try { predIds = JSON.parse(s.supporting_prediction_ids || "[]"); } catch (_) {}

    const driverItems = drivers.map(d => `<li>${escapeHtml(d)}</li>`).join("");
    const riskItems   = risks.map(r => `<li>${escapeHtml(r)}</li>`).join("");

    return `
      <div class="signal-card" id="signal-card-${s.company_id}">
        <div class="signal-card-glance" onclick="toggleSignalCard(${s.company_id})">
          <div class="signal-card-header">
            <div>
              <div class="signal-company">${escapeHtml(s.company_name)}</div>
              <div class="signal-ticker">${escapeHtml(s.ticker)}</div>
            </div>
            <span class="signal-badge ${s.signal}">${s.signal}</span>
          </div>
          <div class="signal-tags">
            <span class="signal-tag">conf: ${escapeHtml(s.confidence)}</span>
            <span class="signal-tag">risk: ${escapeHtml(s.risk_level)}</span>
            <span class="signal-tag">${escapeHtml(s.timeframe)}</span>
          </div>
          <div class="signal-summary">${escapeHtml(firstSentence)}</div>
          <div class="signal-ts">${eventTs ? `Latest event ${eventTs}` : "No dated event"}</div>
        </div>
        <div class="signal-card-detail">
          <div class="signal-detail-section">
            <div class="signal-detail-label">Summary</div>
            <p>${escapeHtml(s.summary || "—")}</p>
          </div>
          ${driverItems ? `<div class="signal-detail-section"><div class="signal-detail-label">Key drivers</div><ul>${driverItems}</ul></div>` : ""}
          ${riskItems   ? `<div class="signal-detail-section"><div class="signal-detail-label">Risk factors</div><ul>${riskItems}</ul></div>` : ""}
          <div class="signal-detail-section">
            <div class="signal-detail-label">Data used</div>
            <p style="color:var(--muted-dark)">${predIds.length} predictions &nbsp;·&nbsp; window: 90 days</p>
          </div>
          <div class="signal-detail-section" id="signal-refs-${s.company_id}" data-loaded="0">
            <div class="signal-detail-label">References</div>
            <p style="color:var(--muted-dark)">Loading…</p>
          </div>
          <button class="signal-regen-btn" onclick="regenerateSignal(event, ${s.company_id})">Regenerate</button>
        </div>
      </div>
    `;
  }).join("");
}


function toggleSignalCard(companyId) {
  const card = document.getElementById(`signal-card-${companyId}`);
  if (!card) return;

  card.classList.toggle("expanded");

  if (card.classList.contains("expanded")) {
    loadSignalReferences(companyId);
  }
}


async function loadSignalReferences(companyId) {
  const container = document.getElementById(`signal-refs-${companyId}`);
  if (!container || container.dataset.loaded === "1") return;

  container.dataset.loaded = "1";

  let data;
  try {
    data = await api(`/admin/api/intelligence/signals/${companyId}/references`);
  } catch (_) {
    container.innerHTML = `
      <div class="signal-detail-label">References</div>
      <p style="color:var(--muted-dark)">Failed to load references</p>
    `;
    container.dataset.loaded = "0";
    return;
  }

  const events = data?.events || [];

  if (!events.length) {
    container.innerHTML = `
      <div class="signal-detail-label">References</div>
      <p style="color:var(--muted-dark)">No linked events</p>
    `;
    return;
  }

  const blocks = events.map(ev => {
    const dateStr = (ev.event_date || ev.created_at || "").slice(0, 10);

    const articles = (ev.articles || []).map(a => {
      const src = a.source ? `<span class="signal-ref-source">${escapeHtml(a.source)}</span>` : "";
      const pd  = a.pub_date ? `<span class="signal-ref-date">${escapeHtml(a.pub_date.slice(0, 10))}</span>` : "";
      return `
        <li>
          <a href="${escapeHtml(a.url)}" target="_blank" rel="noopener">${escapeHtml(a.title || a.url)}</a>
          ${src}${pd}
        </li>
      `;
    }).join("");

    return `
      <div class="signal-ref-event">
        <div class="signal-ref-event-title">
          ${escapeHtml(ev.title || `Event #${ev.id}`)}
          ${dateStr ? `<span class="signal-ref-date">${dateStr}</span>` : ""}
        </div>
        ${articles ? `<ul class="signal-ref-articles">${articles}</ul>` : `<p style="color:var(--muted-dark);margin:4px 0 0">No articles linked</p>`}
      </div>
    `;
  }).join("");

  container.innerHTML = `
    <div class="signal-detail-label">References</div>
    ${blocks}
  `;
}


async function regenerateSignal(ev, companyId) {
  ev.stopPropagation();

  try {
    await api(`/admin/api/intelligence/signals/${companyId}`, { method: "DELETE" });
    toast("Signal cleared — worker will regenerate on next cycle");
    const card = document.getElementById(`signal-card-${companyId}`);
    if (card) card.remove();

    const grid = document.getElementById("intel-signals-grid");
    if (!grid.children.length) {
      document.getElementById("intel-signals-empty").style.display = "";
    }
  } catch (_) {
    toast("Failed to clear signal", true);
  }
}


document.addEventListener("DOMContentLoaded", () => {
  // fire both in parallel — signals api returns [] when intelligence
  // db is unavailable, so no need to gate on the stats call
  Promise.all([loadIntelStatsRow(), loadSignals()]);
});