@rynfar/meridian 1.72.0 → 1.73.0

package/dist/cli-grfp0s1j.js

@@ -0,0 +1,330 @@
+// src/telemetry/profileFacts.ts
+var profileFactsJs = `
+function timeAgo(ts) {
+  if (!ts) return '\\u2014';
+  var s = Math.floor((Date.now() - ts) / 1000);
+  if (s < 5) return 'just now';
+  if (s < 60) return s + 's ago';
+  if (s < 3600) return Math.floor(s / 60) + 'm ago';
+  if (s < 86400) return Math.floor(s / 3600) + 'h ago';
+  return new Date(ts).toLocaleString();
+}
+
+function profileFacts(p) {
+  var facts = [];
+  var authStale = p.authProvenance && p.authProvenance !== 'live';
+  var statusValue = p.authProvenance === 'never' ? 'never read' : (p.loggedIn ? '\\u2713 Authenticated' : '\\u2717 Not logged in');
+  facts.push({
+    label: 'Status',
+    value: statusValue,
+    tone: p.loggedIn ? 'ok' : 'err',
+    cached: authStale && p.authProvenance !== 'never'
+  });
+  if (p.email) facts.push({ label: 'Email', value: p.email, tone: '', cached: authStale });
+  if (p.organizationName) facts.push({ label: 'Organization', value: p.organizationName, tone: '' });
+  if (p.accountType) facts.push({ label: 'Account', value: p.accountType, tone: '' });
+  var plan = p.planName || p.planLabel || p.subscriptionType;
+  if (plan) facts.push({ label: 'Plan', value: plan, tone: '', cached: authStale, title: p.seatTier || p.rateLimitTier || '' });
+  if (p.allowance) facts.push({ label: 'Allowance', value: p.allowance + ' of a Pro plan\\u2019s Claude Code usage', shortValue: p.allowance, tone: '', title: p.rateLimitTier || '' });
+  if (p.aliases && p.aliases.length > 0) facts.push({ label: 'Former names', value: p.aliases.join(', '), tone: '', title: 'Requests naming these are served by this profile, until the name is added again' });
+  if (p.lastSuccessAt) facts.push({ label: 'Last Verified', value: timeAgo(p.lastSuccessAt), tone: 'ok' });
+  if (p.lastCheckedAt && p.lastCheckedAt !== p.lastSuccessAt) {
+    facts.push({ label: 'Last Checked', value: timeAgo(p.lastCheckedAt), tone: '' });
+  }
+  return facts;
+}
+`;
+
+// src/telemetry/profileOrder.ts
+var EDGE_ZONE_PX = 96;
+var MAX_SCROLL_PX_PER_FRAME = 20;
+var reorderCss = `
+  .profile-card.dragging { opacity: 0.45; border-color: var(--accent); }
+  .profile-card.drop-target { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
+  .drag-handle {
+    background: none; border: 1px solid transparent; border-radius: 6px;
+    color: var(--muted); cursor: grab; padding: 2px 6px; font-size: 15px;
+    line-height: 1; user-select: none; flex-shrink: 0;
+  }
+  .drag-handle:hover { color: var(--accent); border-color: var(--border); }
+  .drag-handle:focus-visible { outline: none; color: var(--accent); border-color: var(--accent); }
+  .drag-handle:active { cursor: grabbing; }
+  .order-index {
+    font-family: 'SF Mono', SFMono-Regular, Consolas, monospace; font-size: 11px;
+    color: var(--muted); min-width: 16px; text-align: right; flex-shrink: 0;
+  }
+  .order-note { font-size: 12px; color: var(--muted); margin-bottom: 12px; max-width: 620px; }
+  .order-note code {
+    font-family: 'SF Mono', SFMono-Regular, Consolas, monospace; font-size: 11px;
+    background: var(--bg); padding: 1px 5px; border-radius: 4px; color: var(--accent2);
+  }
+  .order-note.locked { color: var(--yellow); }
+  .sr-only {
+    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
+    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
+  }
+`;
+var reorderLiveRegionHtml = `<div id="orderStatus" class="sr-only" role="status" aria-live="polite"></div>`;
+var reorderClientJs = `
+window.meridianReorder = (function () {
+  function moveInOrder(order, from, to) {
+    var next = order.slice();
+    if (from < 0 || from >= next.length) return next;
+    if (to < 0 || to >= next.length) return next;
+    if (from === to) return next;
+    var moved = next.splice(from, 1)[0];
+    next.splice(to, 0, moved);
+    return next;
+  }
+
+  function sortByOrder(items, order) {
+    // Null-prototype: a profile called "constructor" or "toString" would
+    // otherwise test true against Object.prototype and rank as position 0.
+    var rank = Object.create(null);
+    for (var i = 0; i < order.length; i++) {
+      if (!(order[i] in rank)) rank[order[i]] = i;
+    }
+    return items
+      .map(function (item, index) { return { item: item, index: index }; })
+      .sort(function (a, b) {
+        var ra = a.item.id in rank ? rank[a.item.id] : Number.MAX_SAFE_INTEGER;
+        var rb = b.item.id in rank ? rank[b.item.id] : Number.MAX_SAFE_INTEGER;
+        if (ra !== rb) return ra - rb;
+        return a.index - b.index;
+      })
+      .map(function (entry) { return entry.item; });
+  }
+
+  // Escapes the attribute delimiter too. The profiles page's own esc() goes
+  // through textContent, which leaves a double quote intact and would break
+  // out of the aria-label this builds.
+  function escAttr(s) {
+    return String(s == null ? '' : s).replace(/[&<>"']/g, function (ch) {
+      return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[ch];
+    });
+  }
+
+  var EDGE_ZONE_PX = ${EDGE_ZONE_PX};
+  var MAX_SCROLL_PX_PER_FRAME = ${MAX_SCROLL_PX_PER_FRAME};
+
+  // Mirrors edgeScrollVelocity in src/telemetry/profileOrder.ts, unit-tested
+  // in profile-order.test.ts.
+  function edgeScrollVelocity(clientY, viewportHeight) {
+    if (!isFinite(clientY) || !isFinite(viewportHeight) || viewportHeight <= 0) return 0;
+    var zone = Math.min(EDGE_ZONE_PX, viewportHeight / 2);
+    if (zone <= 0) return 0;
+    if (clientY < zone) return -Math.round(MAX_SCROLL_PX_PER_FRAME * Math.min(1, (zone - clientY) / zone));
+    var fromBottom = viewportHeight - clientY;
+    if (fromBottom < zone) return Math.round(MAX_SCROLL_PX_PER_FRAME * Math.min(1, (zone - fromBottom) / zone));
+    return 0;
+  }
+
+  var velocity = 0;
+  var frame = null;
+  var pointerSeenAt = 0;
+  // A drag that leaves the window stops producing dragover events while the
+  // last velocity is still in force, which would scroll to the end on its
+  // own. dragend covers the ordinary paths; this covers the rest.
+  var POINTER_STALE_MS = 700;
+
+  function step() {
+    frame = null;
+    if (velocity === 0) return;
+    if (Date.now() - pointerSeenAt > POINTER_STALE_MS) { velocity = 0; return; }
+    window.scrollBy(0, velocity);
+    frame = window.requestAnimationFrame(step);
+  }
+
+  function trackPointer(e) {
+    if (fromIndex === null) return;
+    pointerSeenAt = Date.now();
+    velocity = edgeScrollVelocity(e.clientY, window.innerHeight);
+    if (velocity !== 0 && frame === null) frame = window.requestAnimationFrame(step);
+  }
+
+  function stopAutoScroll() {
+    velocity = 0;
+    if (frame !== null) { window.cancelAnimationFrame(frame); frame = null; }
+  }
+
+  var state = { order: [], envPinned: false };
+  var fromIndex = null;
+  var pendingFocusId = null;
+  var onSaved = function () {};
+
+  function adopt(cfg) {
+    if (!cfg) return;
+    if (Array.isArray(cfg.profileOrder)) state.order = cfg.profileOrder;
+    state.envPinned = !!(cfg.envOverride && cfg.envOverride.profileOrder);
+  }
+
+  function sortProfiles(items) { return sortByOrder(items || [], state.order || []); }
+
+  function announce(message) {
+    var live = document.getElementById('orderStatus');
+    if (live) live.textContent = message;
+  }
+
+  function noteHtml(reorderable) {
+    return reorderable
+      ? '<div class="order-note">Drag a card by its handle to reorder, or focus a handle and press \\u2191 / \\u2193. '
+        + 'The order is saved, and drives <a href="/settings" style="color:var(--accent)">Priority routing</a> \\u2014 the pool drains from the top.</div>'
+      : '<div class="order-note locked">Order is pinned by the <code>MERIDIAN_PROFILE_ORDER</code> environment variable. Unset it to reorder from here.</div>';
+  }
+
+  function handleHtml(id, index, total) {
+    return '<span class="order-index">' + (index + 1) + '</span>'
+      + '<button type="button" class="drag-handle" draggable="true" data-index="' + index + '"'
+      + ' title="Drag to reorder, or press \\u2191 / \\u2193"'
+      + ' aria-label="Reorder ' + escAttr(id) + ', position ' + (index + 1) + ' of ' + total
+      + '. Press arrow up or arrow down to move.">\\u283f</button>';
+  }
+
+  // The rendered order is the truth the server must agree with — read it back
+  // off the DOM rather than from the cached config, which may list ids the
+  // current /profiles/list no longer has (PUT rejects unknown ids outright).
+  function currentOrderIds() {
+    var ids = [];
+    var cards = document.querySelectorAll('.profile-card[data-id]');
+    for (var i = 0; i < cards.length; i++) ids.push(cards[i].dataset.id);
+    return ids;
+  }
+
+  function clearMarks() {
+    var marked = document.querySelectorAll('.profile-card.dragging, .profile-card.drop-target');
+    for (var i = 0; i < marked.length; i++) marked[i].classList.remove('dragging', 'drop-target');
+  }
+
+  function save(order, message) {
+    var previous = state.order;
+    state.order = order;
+    return fetch('/settings/api/routing', {
+      method: 'PUT',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ profileOrder: order })
+    }).catch(function () { return null; }).then(function (res) {
+      if (!res || !res.ok) {
+        state.order = previous;
+        announce('Could not save the new order.');
+      } else if (message) {
+        announce(message);
+      }
+      return onSaved();
+    });
+  }
+
+  function moveTo(from, to) {
+    var order = currentOrderIds();
+    if (to < 0 || to >= order.length || from === to) return;
+    save(moveInOrder(order, from, to), order[from] + ' moved to position ' + (to + 1) + ' of ' + order.length + '.');
+  }
+
+  function init(opts) {
+    if (opts && opts.onSaved) onSaved = opts.onSaved;
+    var content = document.getElementById('content');
+
+    content.addEventListener('dragstart', function (e) {
+      var handle = e.target.closest && e.target.closest('.drag-handle');
+      if (!handle) return;
+      var card = handle.closest('.profile-card');
+      fromIndex = Number(handle.dataset.index);
+      pointerSeenAt = Date.now();
+      e.dataTransfer.effectAllowed = 'move';
+      // Firefox will not start a drag at all unless the payload is set.
+      e.dataTransfer.setData('text/plain', card.dataset.id || '');
+      if (e.dataTransfer.setDragImage) e.dataTransfer.setDragImage(card, 24, 24);
+      card.classList.add('dragging');
+    });
+
+    content.addEventListener('dragover', function (e) {
+      if (fromIndex === null) return;
+      var card = e.target.closest && e.target.closest('.profile-card');
+      if (!card) return;
+      // preventDefault is what makes an element a drop target at all.
+      e.preventDefault();
+      e.dataTransfer.dropEffect = 'move';
+      var marked = document.querySelectorAll('.profile-card.drop-target');
+      for (var i = 0; i < marked.length; i++) marked[i].classList.remove('drop-target');
+      if (Number(card.dataset.index) !== fromIndex) card.classList.add('drop-target');
+    });
+
+    content.addEventListener('drop', function (e) {
+      if (fromIndex === null) return;
+      var card = e.target.closest && e.target.closest('.profile-card');
+      if (!card) return;
+      e.preventDefault();
+      var from = fromIndex;
+      var to = Number(card.dataset.index);
+      fromIndex = null;
+      stopAutoScroll();
+      clearMarks();
+      moveTo(from, to);
+    });
+
+    content.addEventListener('keydown', function (e) {
+      if (e.key !== 'ArrowUp' && e.key !== 'ArrowDown') return;
+      var handle = e.target.closest && e.target.closest('.drag-handle');
+      if (!handle) return;
+      e.preventDefault();
+      var order = currentOrderIds();
+      var from = Number(handle.dataset.index);
+      var to = e.key === 'ArrowUp' ? from - 1 : from + 1;
+      if (to < 0 || to >= order.length) return;
+      pendingFocusId = order[from];
+      moveTo(from, to);
+    });
+
+    // The page scrolls only while the pointer sits near a viewport edge, and
+    // the pointer is over the header or the gap between cards as often as it
+    // is over one — so this listens on the document, not on #content.
+    document.addEventListener('dragover', trackPointer);
+    document.addEventListener('dragend', function () {
+      fromIndex = null;
+      stopAutoScroll();
+      clearMarks();
+    });
+    document.addEventListener('drop', stopAutoScroll);
+  }
+
+  // A poll landing mid-drag would replace the very cards being dragged.
+  function dragging() { return fromIndex !== null; }
+
+  // A re-render replaces the focused handle; without this the keyboard path
+  // loses focus mid-reorder and the next arrow key goes nowhere.
+  function focusAnchor() {
+    var pending = pendingFocusId;
+    pendingFocusId = null;
+    if (pending) return pending;
+    var active = document.activeElement;
+    if (!active || !active.closest || !active.closest('.drag-handle')) return null;
+    var card = active.closest('.profile-card');
+    return card ? card.dataset.id : null;
+  }
+
+  function restoreFocus(id) {
+    if (!id) return;
+    var cards = document.querySelectorAll('.profile-card[data-id]');
+    for (var i = 0; i < cards.length; i++) {
+      if (cards[i].dataset.id !== id) continue;
+      var handle = cards[i].querySelector('.drag-handle');
+      if (handle) handle.focus();
+      return;
+    }
+  }
+
+  return {
+    adopt: adopt,
+    sortProfiles: sortProfiles,
+    envPinned: function () { return state.envPinned; },
+    noteHtml: noteHtml,
+    handleHtml: handleHtml,
+    init: init,
+    dragging: dragging,
+    focusAnchor: focusAnchor,
+    restoreFocus: restoreFocus,
+    announce: announce
+  };
+})();
+`;
+
+export { profileFactsJs, reorderCss, reorderLiveRegionHtml, reorderClientJs };