@withpica/mcp-server 2.5.2 → 2.5.4

package/dist/apps/briefing.d.ts

@@ -0,0 +1,2 @@
+export declare const BRIEFING_HTML: string;
+//# sourceMappingURL=briefing.d.ts.map

package/dist/apps/briefing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"briefing.d.ts","sourceRoot":"","sources":["../../src/apps/briefing.ts"],"names":[],"mappings":"AAyTA,eAAO,MAAM,aAAa,EAAE,MAI3B,CAAC"}

package/dist/apps/briefing.js

@@ -0,0 +1,308 @@
+// Copyright (c) 2024-2026 Withpica Ltd. All rights reserved.
+import { buildAppHtml } from "./shared.js";
+// ---------------------------------------------------------------------------
+// Body HTML — briefing card structure
+// ---------------------------------------------------------------------------
+const BRIEFING_BODY_HTML = `
+<div class="stack gap-8" style="padding: 24px 20px;">
+
+  <!-- Section 1: Attention items -->
+  <section class="section" id="attention-section">
+    <div class="row between" style="margin-bottom: 16px;">
+      <h2 class="heading heading-md">needs attention</h2>
+      <span class="badge badge-copper" id="attention-count">0</span>
+    </div>
+    <div class="stack gap-4" id="attention-list">
+      <div class="card-flat" style="color: var(--text-tertiary); font-size: 0.875rem;">loading...</div>
+    </div>
+  </section>
+
+  <!-- Section 2: Catalog health -->
+  <section class="section" id="health-section">
+    <h2 class="heading heading-md" style="margin-bottom: 16px;">catalog health</h2>
+    <div class="row" style="gap: 24px; margin-bottom: 16px; align-items: flex-end;">
+      <span class="heading heading-lg" id="health-score" style="color: var(--accent);">--</span>
+      <div class="row" style="gap: 20px; flex: 1;">
+        <div class="stack" style="gap: 2px;">
+          <span class="heading heading-sm" id="health-complete">--</span>
+          <span class="label">complete</span>
+        </div>
+        <div class="stack" style="gap: 2px;">
+          <span class="heading heading-sm" id="health-incomplete">--</span>
+          <span class="label">incomplete</span>
+        </div>
+        <div class="stack" style="gap: 2px;">
+          <span class="heading heading-sm" id="health-attention">--</span>
+          <span class="label">attention</span>
+        </div>
+      </div>
+    </div>
+    <div class="health-bar" id="health-bar"></div>
+  </section>
+
+  <!-- Section 3: Recent activity -->
+  <section class="section" id="activity-section">
+    <div class="row between clickable" onclick="toggleActivity()" style="margin-bottom: 0;" id="activity-header">
+      <h2 class="heading heading-md">recent activity</h2>
+      <span id="activity-toggle" style="color: var(--text-tertiary); font-size: 0.875rem;">&#9660;</span>
+    </div>
+    <div class="stack gap-4" id="activity-list" style="margin-top: 16px;">
+      <div class="card-flat" style="color: var(--text-tertiary); font-size: 0.875rem;">loading...</div>
+    </div>
+  </section>
+
+  <!-- Section 4: Quick actions -->
+  <section class="section">
+    <div class="row" style="gap: 12px; flex-wrap: wrap;">
+      <button class="btn-ghost" onclick="picaAgentAction('enrich all incomplete works')">enrich incomplete</button>
+      <button class="btn-ghost" onclick="picaAgentAction('send attestation requests for all unattested credits')">request attestations</button>
+    </div>
+  </section>
+
+</div>
+`;
+// ---------------------------------------------------------------------------
+// Card-specific JavaScript — ES5 compatible, DOM API only (no innerHTML)
+// ---------------------------------------------------------------------------
+const BRIEFING_APP_JS = `
+(function () {
+  'use strict';
+
+  var activityCollapsed = false;
+
+  function renderBriefing(data) {
+    var briefing = data && data.briefing ? data.briefing : null;
+    var pulse = data && data.pulse ? data.pulse : null;
+    var attention = data && data.attention ? data.attention : [];
+
+    renderAttention(attention);
+    renderHealth(briefing, pulse);
+    renderActivity(pulse);
+  }
+
+  function renderAttention(items) {
+    var list = document.getElementById('attention-list');
+    var countEl = document.getElementById('attention-count');
+    if (!list || !countEl) return;
+
+    // Clear existing content
+    while (list.firstChild) { list.removeChild(list.firstChild); }
+
+    if (!items || items.length === 0) {
+      var emptyCard = document.createElement('div');
+      emptyCard.className = 'card-flat';
+      emptyCard.style.cssText = 'color: var(--text-tertiary); font-size: 0.875rem;';
+      emptyCard.textContent = 'no items need attention right now';
+      list.appendChild(emptyCard);
+      countEl.textContent = '0';
+      return;
+    }
+
+    countEl.textContent = String(items.length);
+
+    for (var i = 0; i < items.length; i++) {
+      var item = items[i];
+      var card = document.createElement('div');
+      card.className = 'card-flat clickable';
+      card.style.cssText = 'display: flex; flex-direction: column; gap: 6px;';
+
+      var action = item.action || ('investigate: ' + (item.title || 'item'));
+      (function (actionStr) {
+        card.onclick = function () { picaAgentAction(actionStr); };
+      })(action);
+
+      var headerRow = document.createElement('div');
+      headerRow.style.cssText = 'display: flex; align-items: center; justify-content: space-between; gap: 8px;';
+
+      var titleEl = document.createElement('span');
+      titleEl.style.cssText = 'font-size: 0.9375rem; color: var(--text-primary);';
+      titleEl.textContent = item.title || 'untitled';
+      headerRow.appendChild(titleEl);
+
+      if (item.priority === 'high') {
+        var badge = document.createElement('span');
+        badge.className = 'badge badge-copper';
+        badge.textContent = 'high';
+        headerRow.appendChild(badge);
+      }
+
+      card.appendChild(headerRow);
+
+      if (item.description) {
+        var desc = document.createElement('span');
+        desc.style.cssText = 'font-size: 0.8125rem; color: var(--text-secondary);';
+        desc.textContent = item.description;
+        card.appendChild(desc);
+      }
+
+      list.appendChild(card);
+    }
+  }
+
+  function renderHealth(briefing, pulse) {
+    var scoreEl = document.getElementById('health-score');
+    var completeEl = document.getElementById('health-complete');
+    var incompleteEl = document.getElementById('health-incomplete');
+    var attentionEl = document.getElementById('health-attention');
+    var barEl = document.getElementById('health-bar');
+
+    if (!scoreEl || !barEl) return;
+
+    var total = 0;
+    var complete = 0;
+    var incomplete = 0;
+    var attention = 0;
+    var score = 0;
+
+    if (briefing) {
+      total = (briefing.total_works || briefing.total || 0);
+      complete = (briefing.complete_works || briefing.complete || 0);
+      incomplete = (briefing.incomplete_works || briefing.incomplete || 0);
+      attention = (briefing.attention_works || briefing.attention || 0);
+      score = (briefing.health_score || briefing.score || 0);
+    } else if (pulse) {
+      total = (pulse.total_works || pulse.total || 0);
+      complete = (pulse.complete_works || pulse.complete || 0);
+      incomplete = (pulse.incomplete_works || pulse.incomplete || 0);
+      attention = (pulse.attention_works || pulse.attention || 0);
+      score = (pulse.health_score || pulse.score || 0);
+    }
+
+    scoreEl.textContent = score ? String(Math.round(score)) + '%' : '--';
+    if (completeEl) completeEl.textContent = String(complete);
+    if (incompleteEl) incompleteEl.textContent = String(incomplete);
+    if (attentionEl) attentionEl.textContent = String(attention);
+
+    // Build health bar segments using DOM API
+    while (barEl.firstChild) { barEl.removeChild(barEl.firstChild); }
+
+    if (total > 0) {
+      var completePct = Math.round((complete / total) * 100);
+      var attentionPct = Math.round((attention / total) * 100);
+      var incompletePct = Math.max(0, 100 - completePct - attentionPct);
+
+      if (completePct > 0) {
+        var seg1 = document.createElement('div');
+        seg1.className = 'health-bar__complete';
+        seg1.style.width = completePct + '%';
+        barEl.appendChild(seg1);
+      }
+
+      if (attentionPct > 0) {
+        var seg2 = document.createElement('div');
+        seg2.className = 'health-bar__attention';
+        seg2.style.width = attentionPct + '%';
+        barEl.appendChild(seg2);
+      }
+
+      if (incompletePct > 0) {
+        var seg3 = document.createElement('div');
+        seg3.className = 'health-bar__incomplete';
+        seg3.style.width = incompletePct + '%';
+        barEl.appendChild(seg3);
+      }
+    } else {
+      // Empty state bar
+      var emptyBar = document.createElement('div');
+      emptyBar.className = 'health-bar__incomplete';
+      emptyBar.style.width = '100%';
+      barEl.appendChild(emptyBar);
+    }
+  }
+
+  function renderActivity(pulse) {
+    var list = document.getElementById('activity-list');
+    if (!list) return;
+
+    while (list.firstChild) { list.removeChild(list.firstChild); }
+
+    var tasks = (pulse && pulse.background_tasks) ? pulse.background_tasks : [];
+    var deadlines = (pulse && pulse.upcoming_deadlines) ? pulse.upcoming_deadlines : [];
+
+    if (tasks.length === 0 && deadlines.length === 0) {
+      var emptyCard = document.createElement('div');
+      emptyCard.className = 'card-flat';
+      emptyCard.style.cssText = 'color: var(--text-tertiary); font-size: 0.875rem;';
+      emptyCard.textContent = 'no recent activity';
+      list.appendChild(emptyCard);
+      return;
+    }
+
+    for (var i = 0; i < tasks.length; i++) {
+      var task = tasks[i];
+      var card = document.createElement('div');
+      card.className = 'card-flat';
+      card.style.cssText = 'display: flex; flex-direction: column; gap: 4px;';
+
+      var titleEl = document.createElement('span');
+      titleEl.style.cssText = 'font-size: 0.9375rem; color: var(--text-primary);';
+      titleEl.textContent = task.label || task.name || 'background task';
+      card.appendChild(titleEl);
+
+      if (task.status || task.progress) {
+        var sub = document.createElement('span');
+        sub.style.cssText = 'font-size: 0.8125rem; color: var(--text-tertiary);';
+        sub.textContent = task.status || (String(task.progress) + '%');
+        card.appendChild(sub);
+      }
+
+      list.appendChild(card);
+    }
+
+    for (var j = 0; j < deadlines.length; j++) {
+      var deadline = deadlines[j];
+      var dcard = document.createElement('div');
+      dcard.className = 'card-flat clickable';
+      dcard.style.cssText = 'display: flex; flex-direction: column; gap: 4px;';
+
+      var dlabel = deadline.label || deadline.title || 'upcoming deadline';
+      (function (dl) {
+        dcard.onclick = function () { picaAgentAction('tell me about: ' + dl); };
+      })(dlabel);
+
+      var dtitleEl = document.createElement('span');
+      dtitleEl.style.cssText = 'font-size: 0.9375rem; color: var(--text-primary);';
+      dtitleEl.textContent = dlabel;
+      dcard.appendChild(dtitleEl);
+
+      if (deadline.due || deadline.date) {
+        var ddue = document.createElement('span');
+        ddue.style.cssText = 'font-size: 0.8125rem; color: var(--accent);';
+        ddue.textContent = deadline.due || deadline.date;
+        dcard.appendChild(ddue);
+      }
+
+      list.appendChild(dcard);
+    }
+  }
+
+  function toggleActivity() {
+    var section = document.getElementById('activity-section');
+    var toggle = document.getElementById('activity-toggle');
+    var contentList = document.getElementById('activity-list');
+    if (!section || !contentList) return;
+
+    activityCollapsed = !activityCollapsed;
+
+    if (activityCollapsed) {
+      contentList.style.display = 'none';
+      if (toggle) toggle.textContent = '\\u25B6';
+    } else {
+      contentList.style.display = '';
+      if (toggle) toggle.textContent = '\\u25BC';
+    }
+  }
+
+  window.toggleActivity = toggleActivity;
+
+  window.onPicaToolResult = function (data) {
+    renderBriefing(data);
+  };
+
+})();
+`;
+// ---------------------------------------------------------------------------
+// Export
+// ---------------------------------------------------------------------------
+export const BRIEFING_HTML = buildAppHtml("pica \u2014 daily briefing", BRIEFING_BODY_HTML, BRIEFING_APP_JS);
+//# sourceMappingURL=briefing.js.map

package/dist/apps/briefing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"briefing.js","sourceRoot":"","sources":["../../src/apps/briefing.ts"],"names":[],"mappings":"AAAA,6DAA6D;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,8EAA8E;AAC9E,sCAAsC;AACtC,8EAA8E;AAE9E,MAAM,kBAAkB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyD1B,CAAC;AAEF,8EAA8E;AAC9E,yEAAyE;AACzE,8EAA8E;AAE9E,MAAM,eAAe,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4OvB,CAAC;AAEF,8EAA8E;AAC9E,SAAS;AACT,8EAA8E;AAE9E,MAAM,CAAC,MAAM,aAAa,GAAW,YAAY,CAC/C,4BAA4B,EAC5B,kBAAkB,EAClB,eAAe,CAChB,CAAC"}