deepresearch-flow 0.3.0__py3-none-any.whl → 0.4.0__py3-none-any.whl

deepresearch_flow/paper/web/static/js/detail.js

@@ -0,0 +1,406 @@
+/* Detail page JavaScript - extracted from embedded inline scripts in paper_detail handler */
+(function() {
+  'use strict';
+
+  // ========================================
+  // View-specific initialization based on body classes/data attributes
+  // ========================================
+
+  function init() {
+    initFullscreen();
+    initMarkdownRendering();
+    initFootnotes();
+    initBackToTop();
+
+    // View-specific initializers
+    if (document.getElementById('translationLang')) {
+      initTranslationSelect();
+    }
+    if (document.getElementById('splitLeft') || document.getElementById('splitRight')) {
+      initSplitView();
+    }
+    if (document.getElementById('the-canvas')) {
+      initPdfView();
+    }
+  }
+
+  // ========================================
+  // Back-to-top button
+  // ========================================
+
+  function initBackToTop() {
+    var button = document.getElementById('backToTop');
+    if (!button) return;
+
+    function updateVisibility() {
+      if (window.scrollY > 120) {
+        button.classList.add('visible');
+      } else {
+        button.classList.remove('visible');
+      }
+    }
+
+    button.addEventListener('click', function() {
+      window.scrollTo({ top: 0, behavior: 'smooth' });
+    });
+
+    document.addEventListener('scroll', updateVisibility, { passive: true });
+    updateVisibility();
+  }
+
+  // ========================================
+  // Fullscreen functionality
+  // ========================================
+
+  function initFullscreen() {
+    var fullscreenEnter = document.getElementById('fullscreenEnter');
+    var fullscreenExit = document.getElementById('fullscreenExit');
+
+    function setFullscreen(enable) {
+      document.body.classList.toggle('detail-fullscreen', enable);
+      if (document.body.classList.contains('split-view')) {
+        document.body.classList.toggle('split-controls-collapsed', enable);
+        var toggle = document.getElementById('splitControlsToggle');
+        if (toggle) {
+          toggle.setAttribute('aria-expanded', enable ? 'false' : 'true');
+        }
+      }
+    }
+
+    if (fullscreenEnter) {
+      fullscreenEnter.addEventListener('click', function() { setFullscreen(true); });
+    }
+    if (fullscreenExit) {
+      fullscreenExit.addEventListener('click', function() { setFullscreen(false); });
+    }
+    document.addEventListener('keydown', function(event) {
+      if (event.key === 'Escape' && document.body.classList.contains('detail-fullscreen')) {
+        setFullscreen(false);
+      }
+    });
+  }
+
+  // ========================================
+  // Markdown rendering (Mermaid + KaTeX)
+  // ========================================
+
+  function initMarkdownRendering() {
+    // Only run if we have content with mermaid/katex
+    if (!document.getElementById('content')) return;
+
+    function initRendering() {
+      // Markmap: convert fenced markmap blocks to svg mindmaps
+      if (window.markmap && window.markmap.Transformer && window.markmap.Markmap) {
+        var transformer = new window.markmap.Transformer();
+        document.querySelectorAll('code.language-markmap').forEach(function(code) {
+          var pre = code.parentElement;
+          if (!pre) return;
+          var svg = document.createElement('svg');
+          svg.className = 'markmap';
+          pre.replaceWith(svg);
+          try {
+            var result = transformer.transform(code.textContent || '');
+            window.markmap.Markmap.create(svg, null, result.root);
+          } catch (err) {
+            // Ignore markmap parse errors
+          }
+        });
+      }
+
+      // Mermaid: convert fenced code blocks to mermaid divs
+      document.querySelectorAll('code.language-mermaid').forEach(function(code) {
+        var pre = code.parentElement;
+        var div = document.createElement('div');
+        div.className = 'mermaid';
+        div.textContent = code.textContent;
+        pre.replaceWith(div);
+      });
+
+      if (window.mermaid) {
+        mermaid.initialize({ startOnLoad: false });
+        mermaid.run();
+      }
+
+      if (window.renderMathInElement) {
+        renderMathInElement(document.getElementById('content'), {
+          delimiters: [
+            {left: '$$', right: '$$', display: true},
+            {left: '$', right: '$', display: false},
+            {left: '\\(', right: '\\)', display: false},
+            {left: '\\[', right: '\\]', display: true}
+          ],
+          throwOnError: false
+        });
+      }
+    }
+
+    if (document.readyState === 'loading') {
+      document.addEventListener('DOMContentLoaded', initRendering);
+    } else {
+      initRendering();
+    }
+  }
+
+  // ========================================
+  // Footnote tooltips
+  // ========================================
+
+  function initFootnotes() {
+    if (!document.querySelector('.footnotes')) return;
+
+    var notes = {};
+    document.querySelectorAll('.footnotes li[id]').forEach(function(li) {
+      var id = li.getAttribute('id');
+      if (!id) return;
+      var clone = li.cloneNode(true);
+      clone.querySelectorAll('a.footnote-backref').forEach(function(el) { el.remove(); });
+      var text = (clone.textContent || '').replace(/\s+/g, ' ').trim();
+      if (text) notes['#' + id] = text.length > 400 ? text.slice(0, 397) + '…' : text;
+    });
+    document.querySelectorAll('.footnote-ref a[href^="#fn"]').forEach(function(link) {
+      var ref = link.getAttribute('href');
+      var text = notes[ref];
+      if (!text) return;
+      link.dataset.footnote = text;
+      link.classList.add('footnote-tip');
+    });
+  }
+
+  // ========================================
+  // Translation language select
+  // ========================================
+
+  function initTranslationSelect() {
+    var translationSelect = document.getElementById('translationLang');
+    if (!translationSelect) return;
+
+    translationSelect.addEventListener('change', function() {
+      var params = new URLSearchParams(window.location.search);
+      params.set('view', 'translated');
+      params.set('lang', translationSelect.value);
+      window.location.search = params.toString();
+    });
+  }
+
+  // ========================================
+  // Split view controls
+  // ========================================
+
+  function initSplitView() {
+    var leftSelect = document.getElementById('splitLeft');
+    var rightSelect = document.getElementById('splitRight');
+    var swapButton = document.getElementById('splitSwap');
+    var tightenButton = document.getElementById('splitTighten');
+    var widenButton = document.getElementById('splitWiden');
+    var controlsToggle = document.getElementById('splitControlsToggle');
+    var searchInput = document.getElementById('splitSearch');
+
+    if (!leftSelect || !rightSelect) return;
+
+    function updateSplit() {
+      var params = new URLSearchParams(window.location.search);
+      params.set('view', 'split');
+      params.set('left', leftSelect.value);
+      params.set('right', rightSelect.value);
+      window.location.search = params.toString();
+    }
+
+    leftSelect.addEventListener('change', updateSplit);
+    rightSelect.addEventListener('change', updateSplit);
+
+    function setControlsCollapsed(collapsed) {
+      document.body.classList.toggle('split-controls-collapsed', collapsed);
+      if (controlsToggle) {
+        controlsToggle.setAttribute('aria-expanded', collapsed ? 'false' : 'true');
+      }
+    }
+
+    if (controlsToggle) {
+      controlsToggle.addEventListener('click', function() {
+        var collapsed = document.body.classList.contains('split-controls-collapsed');
+        setControlsCollapsed(!collapsed);
+      });
+    }
+
+    if (document.body.classList.contains('detail-fullscreen')) {
+      setControlsCollapsed(true);
+    }
+
+    function filterOptions(select, term) {
+      var value = select.value;
+      for (var i = 0; i < select.options.length; i++) {
+        var option = select.options[i];
+        var label = (option.textContent || "").toLowerCase();
+        var match = !term || label.indexOf(term) !== -1 || option.value === value;
+        option.hidden = !match;
+        option.style.display = match ? "" : "none";
+      }
+    }
+
+    if (searchInput) {
+      searchInput.addEventListener('input', function() {
+        var term = searchInput.value.trim().toLowerCase();
+        filterOptions(leftSelect, term);
+        filterOptions(rightSelect, term);
+      });
+    }
+
+    if (swapButton) {
+      swapButton.addEventListener('click', function() {
+        var leftValue = leftSelect.value;
+        leftSelect.value = rightSelect.value;
+        rightSelect.value = leftValue;
+        updateSplit();
+      });
+    }
+
+    // Width adjustment with localStorage persistence
+    var widthSteps = ["1200px", "1400px", "1600px", "1800px", "2000px", "100%"];
+    var widthIndex = widthSteps.length - 1;
+
+    try {
+      var stored = localStorage.getItem('splitWidthIndex');
+      if (stored !== null) {
+        var parsed = Number.parseInt(stored, 10);
+        if (!Number.isNaN(parsed)) {
+          widthIndex = Math.max(0, Math.min(widthSteps.length - 1, parsed));
+        }
+      }
+    } catch (err) {
+      // Ignore storage errors (e.g. private mode)
+    }
+
+    function applySplitWidth() {
+      var value = widthSteps[widthIndex];
+      document.documentElement.style.setProperty('--split-max-width', value);
+      try {
+        localStorage.setItem('splitWidthIndex', String(widthIndex));
+      } catch (err) {
+        // Ignore storage errors
+      }
+    }
+
+    if (tightenButton) {
+      tightenButton.addEventListener('click', function() {
+        widthIndex = Math.max(0, widthIndex - 1);
+        applySplitWidth();
+      });
+    }
+
+    if (widenButton) {
+      widenButton.addEventListener('click', function() {
+        widthIndex = Math.min(widthSteps.length - 1, widthIndex + 1);
+        applySplitWidth();
+      });
+    }
+
+    applySplitWidth();
+  }
+
+  // ========================================
+  // PDF view (canvas-based)
+  // ========================================
+
+  function initPdfView() {
+    var pdfUrl = document.body.dataset.pdfUrl;
+    if (!pdfUrl) return;
+
+    var pdfJsLib = window.pdfjsLib;
+    if (!pdfJsLib) return;
+
+    pdfJsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.0.379/pdf.worker.min.js';
+
+    var pdfDoc = null;
+    var pageNum = 1;
+    var pageRendering = false;
+    var pageNumPending = null;
+    var zoomLevel = 1.0;
+    var canvas = document.getElementById('the-canvas');
+    var ctx = canvas.getContext('2d');
+
+    function renderPage(num) {
+      pageRendering = true;
+      pdfDoc.getPage(num).then(function(page) {
+        var baseViewport = page.getViewport({scale: 1});
+        var containerWidth = canvas.clientWidth || baseViewport.width;
+        var fitScale = containerWidth / baseViewport.width;
+        var scale = fitScale * zoomLevel;
+
+        var viewport = page.getViewport({scale: scale});
+        var outputScale = window.devicePixelRatio || 1;
+
+        canvas.width = Math.floor(viewport.width * outputScale);
+        canvas.height = Math.floor(viewport.height * outputScale);
+        canvas.style.width = Math.floor(viewport.width) + 'px';
+        canvas.style.height = Math.floor(viewport.height) + 'px';
+
+        var transform = outputScale !== 1 ? [outputScale, 0, 0, outputScale, 0, 0] : null;
+        var renderContext = { canvasContext: ctx, viewport: viewport, transform: transform };
+        var renderTask = page.render(renderContext);
+        renderTask.promise.then(function() {
+          pageRendering = false;
+          document.getElementById('page_num').textContent = String(pageNum);
+          if (pageNumPending !== null) {
+            var next = pageNumPending;
+            pageNumPending = null;
+            renderPage(next);
+          }
+        });
+      });
+    }
+
+    function queueRenderPage(num) {
+      if (pageRendering) {
+        pageNumPending = num;
+      } else {
+        renderPage(num);
+      }
+    }
+
+    function onPrevPage() {
+      if (pageNum <= 1) return;
+      pageNum--;
+      queueRenderPage(pageNum);
+    }
+
+    function onNextPage() {
+      if (pageNum >= pdfDoc.numPages) return;
+      pageNum++;
+      queueRenderPage(pageNum);
+    }
+
+    function adjustZoom(delta) {
+      zoomLevel = Math.max(0.5, Math.min(3.0, zoomLevel + delta));
+      queueRenderPage(pageNum);
+    }
+
+    document.getElementById('prev').addEventListener('click', onPrevPage);
+    document.getElementById('next').addEventListener('click', onNextPage);
+    document.getElementById('zoomOut').addEventListener('click', function() { adjustZoom(-0.1); });
+    document.getElementById('zoomIn').addEventListener('click', function() { adjustZoom(0.1); });
+
+    pdfJsLib.getDocument(pdfUrl).promise.then(function(pdfDoc_) {
+      pdfDoc = pdfDoc_;
+      document.getElementById('page_count').textContent = String(pdfDoc.numPages);
+      renderPage(pageNum);
+    });
+
+    var resizeTimer = null;
+    window.addEventListener('resize', function() {
+      if (!pdfDoc) return;
+      if (resizeTimer) clearTimeout(resizeTimer);
+      resizeTimer = setTimeout(function() { queueRenderPage(pageNum); }, 150);
+    });
+  }
+
+  // ========================================
+  // Initialize on DOM ready
+  // ========================================
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', init);
+  } else {
+    init();
+  }
+
+})();

deepresearch_flow/paper/web/static/js/index.js

@@ -0,0 +1,266 @@
+/* Index page functionality */
+(function() {
+  'use strict';
+
+  var page = 1;
+  var loading = false;
+  var done = false;
+
+  function currentParams(nextPage) {
+    var params = new URLSearchParams();
+    params.set("page", String(nextPage));
+    params.set("page_size", "30");
+    var q = document.getElementById("query").value.trim();
+    if (q) params.set("q", q);
+    var fq = document.getElementById("filterQuery").value.trim();
+    if (fq) params.set("fq", fq);
+    var sortBy = document.getElementById("sortBy").value;
+    if (sortBy) params.set("sort_by", sortBy);
+    var sortDir = document.getElementById("sortDir").value;
+    if (sortDir) params.set("sort_dir", sortDir);
+    function addMulti(id, key) {
+      var el = document.getElementById(id);
+      var values = Array.from(el.selectedOptions).map(function(opt) { return opt.value; }).filter(Boolean);
+      for (var i = 0; i < values.length; i++) {
+        params.append(key, values[i]);
+      }
+    }
+    addMulti("filterPdf", "pdf");
+    addMulti("filterSource", "source");
+    addMulti("filterTranslated", "translated");
+    addMulti("filterSummary", "summary");
+    addMulti("filterTemplate", "template");
+    return params;
+  }
+
+  function escapeHtml(text) {
+    var div = document.createElement("div");
+    div.textContent = text;
+    return div.innerHTML;
+  }
+
+  function normalizeText(text) {
+    return String(text || "").replace(/\s+/g, " ").trim();
+  }
+
+  function cleanVenue(text) {
+    return normalizeText(text).replace(/\{\{|\}\}/g, "");
+  }
+
+  function viewSuffixForItem(item) {
+    var viewSelect = document.getElementById("openView");
+    var view = viewSelect ? viewSelect.value : "summary";
+    var isPdfOnly = item.is_pdf_only;
+    var pdfFallback = item.has_pdf ? "pdfjs" : "pdf";
+    if (isPdfOnly && (view === "summary" || view === "source" || view === "translated")) {
+      view = pdfFallback;
+    }
+    if (!view || view === "summary") return "";
+    var params = new URLSearchParams();
+    params.set("view", view);
+    if (view === "split") {
+      if (isPdfOnly) {
+        params.set("left", pdfFallback);
+        params.set("right", pdfFallback);
+      } else {
+        params.set("left", "summary");
+        if (item.has_pdf) {
+          params.set("right", "pdfjs");
+        } else if (item.has_source) {
+          params.set("right", "source");
+        } else {
+          params.set("right", "summary");
+        }
+      }
+    }
+    return "?" + params.toString();
+  }
+
+  function renderItem(item, ordinal) {
+    var tags = (item.tags || []).map(function(t) { return '<span class="pill">' + escapeHtml(t) + '</span>'; }).join("");
+    var templateTags = (item.template_tags || []).map(function(t) { return '<span class="pill template">tmpl:' + escapeHtml(t) + '</span>'; }).join("");
+    var authors = (item.authors || []).slice(0, 6).map(function(a) { return escapeHtml(a); }).join(", ");
+    var venue = cleanVenue(item.venue || "");
+    var dateLabel = escapeHtml(item.year || "") + "-" + escapeHtml(item.month || "");
+    var meta = venue ? (dateLabel + " · <strong>" + escapeHtml(venue) + "</strong>") : dateLabel;
+    var excerpt = "";
+    var fullSummary = normalizeText(item.summary_full || "");
+    var shortSummary = normalizeText(item.summary_excerpt || fullSummary);
+    if (shortSummary) {
+      if (fullSummary && fullSummary !== shortSummary) {
+        excerpt = '<div class="summary-snippet" data-summary="1">' +
+          '<button class="summary-toggle" type="button" aria-expanded="false" title="Expand summary">▾</button>' +
+          '<div class="summary-text summary-short">' + escapeHtml(shortSummary) + '</div>' +
+          '<div class="summary-text summary-full">' + escapeHtml(fullSummary) + '</div>' +
+          '</div>';
+      } else {
+        excerpt = '<div class="summary-snippet"><div class="summary-text summary-short">' + escapeHtml(shortSummary) + '</div></div>';
+      }
+    }
+    var viewSuffix = viewSuffixForItem(item);
+    var badges = [];
+    if (item.has_source) badges.push('<span class="pill">source</span>');
+    if (item.has_translation) badges.push('<span class="pill">translated</span>');
+    if (item.has_pdf) badges.push('<span class="pill">pdf</span>');
+    if (item.is_pdf_only) badges.push('<span class="pill pdf-only">pdf-only</span>');
+    var indexBadge = typeof ordinal === "number" ? '<span class="card-index">#' + ordinal + '</span>' : "";
+    return '<div class="card paper-card">' +
+      indexBadge +
+      '<div><a href="/paper/' + encodeURIComponent(item.source_hash) + viewSuffix + '">' + escapeHtml(item.title || "") + '</a></div>' +
+      '<div class="muted">' + authors + '</div>' +
+      '<div class="muted">' + meta + '</div>' +
+      excerpt +
+      '<div style="margin-top:6px">' + badges.join("") + " " + templateTags + " " + tags + '</div>' +
+      '</div>';
+  }
+
+  function renderStatsRow(targetId, label, counts) {
+    var row = document.getElementById(targetId);
+    if (!row || !counts) return;
+    var pills = [];
+    pills.push('<span class="stats-label">' + escapeHtml(label) + '</span>');
+    pills.push('<span class="pill stat">Count ' + counts.total + '</span>');
+    pills.push('<span class="pill stat">PDF ' + counts.pdf + '</span>');
+    pills.push('<span class="pill stat">Source ' + counts.source + '</span>');
+    pills.push('<span class="pill stat">Translated ' + (counts.translated || 0) + '</span>');
+    pills.push('<span class="pill stat">Summary ' + counts.summary + '</span>');
+    var order = counts.template_order || Object.keys(counts.templates || {});
+    for (var i = 0; i < order.length; i++) {
+      var tag = order[i];
+      var count = (counts.templates && counts.templates[tag]) || 0;
+      pills.push('<span class="pill stat">tmpl:' + escapeHtml(tag) + ' ' + count + '</span>');
+    }
+    row.innerHTML = pills.join("");
+  }
+
+  function updateStats(stats) {
+    if (!stats) return;
+    renderStatsRow("statsTotal", "Total", stats.all);
+    renderStatsRow("statsFiltered", "Filtered", stats.filtered);
+  }
+
+  function loadMore() {
+    if (loading || done) return;
+    loading = true;
+    var loadingEl = document.getElementById("loading");
+    if (loadingEl) loadingEl.textContent = "Loading...";
+    var url = "/api/papers?" + currentParams(page).toString();
+    fetch(url).then(function(res) { return res.json(); }).then(function(data) {
+      if (data.stats) updateStats(data.stats);
+      var results = document.getElementById("results");
+    if (results) {
+      var startIndex = (data.page - 1) * data.page_size;
+      for (var i = 0; i < data.items.length; i++) {
+        results.insertAdjacentHTML("beforeend", renderItem(data.items[i], startIndex + i + 1));
+      }
+      if (window.renderMathInElement) {
+        renderMathInElement(results, {
+          delimiters: [
+            {left: '$$', right: '$$', display: true},
+            {left: '$', right: '$', display: false},
+            {left: '\\\\(', right: '\\\\)', display: false},
+            {left: '\\\\[', right: '\\\\]', display: true}
+          ],
+          throwOnError: false
+        });
+      }
+    }
+      if (!data.has_more) {
+        done = true;
+        if (loadingEl) loadingEl.textContent = "End.";
+      } else {
+        page++;
+        if (loadingEl) loadingEl.textContent = "Scroll to load more...";
+      }
+      loading = false;
+    }).catch(function() {
+      loading = false;
+      if (loadingEl) loadingEl.textContent = "Error loading papers.";
+    });
+  }
+
+  function resetAndLoad() {
+    page = 1;
+    done = false;
+    var results = document.getElementById("results");
+    if (results) results.innerHTML = "";
+    loadMore();
+  }
+
+  function initEventListeners() {
+    var eventElements = ["query", "openView", "filterQuery", "filterPdf", "filterSource", "filterTranslated", "filterSummary", "filterTemplate", "sortBy", "sortDir"];
+    for (var i = 0; i < eventElements.length; i++) {
+      var el = document.getElementById(eventElements[i]);
+      if (el) el.addEventListener("change", resetAndLoad);
+    }
+    var buildBtn = document.getElementById("buildQuery");
+    if (buildBtn) {
+      buildBtn.addEventListener("click", function() {
+        function add(field, value) {
+          value = value.trim();
+          if (!value) return "";
+          if (value.includes(" ")) return field + ':"' + value + '"';
+          return field + ":" + value;
+        }
+        var parts = [];
+        var t = document.getElementById("advTitle").value.trim();
+        var a = document.getElementById("advAuthor").value.trim();
+        var tag = document.getElementById("advTag").value.trim();
+        var y = document.getElementById("advYear").value.trim();
+        var m = document.getElementById("advMonth").value.trim();
+        var v = document.getElementById("advVenue").value.trim();
+        if (t) parts.push(add("title", t));
+        if (a) parts.push(add("author", a));
+        if (tag) {
+          var tagParts = tag.split(",");
+          for (var j = 0; j < tagParts.length; j++) {
+            var val = tagParts[j].trim();
+            if (val) parts.push(add("tag", val));
+          }
+        }
+        if (y) parts.push(add("year", y));
+        if (m) parts.push(add("month", m));
+        if (v) parts.push(add("venue", v));
+        var q = parts.join(" ");
+        var generatedEl = document.getElementById("generated");
+        if (generatedEl) generatedEl.textContent = q;
+        var queryEl = document.getElementById("query");
+        if (queryEl) queryEl.value = q;
+        resetAndLoad();
+      });
+    }
+  }
+
+  function initScrollHandler() {
+    window.addEventListener("scroll", function() {
+      if ((window.innerHeight + window.scrollY) >= (document.body.offsetHeight - 600)) {
+        loadMore();
+      }
+    });
+  }
+
+  function initSummaryToggle() {
+    document.addEventListener("click", function(event) {
+      var target = event.target;
+      if (!target || !target.classList.contains("summary-toggle")) return;
+      var container = target.closest(".summary-snippet");
+      if (!container) return;
+      var isOpen = container.classList.toggle("is-open");
+      target.setAttribute("aria-expanded", isOpen ? "true" : "false");
+      target.textContent = isOpen ? "▴" : "▾";
+    });
+  }
+
+  function init() {
+    initEventListeners();
+    initScrollHandler();
+    initSummaryToggle();
+    loadMore();
+  }
+
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", init);
+  } else {
+    init();
+  }
+})();