npm - papergod - Versions diffs - 0.1.0 - Mend

papergod 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

package/LICENSE +21 -0
package/README.md +244 -0
package/ROADMAP.md +171 -0
package/example/main.tex +360 -0
package/frontend/src/components/ui/badge.jsx +5 -0
package/frontend/src/components/ui/button.jsx +24 -0
package/frontend/src/components/workbench.jsx +182 -0
package/frontend/src/lib/utils.js +6 -0
package/frontend/src/main.jsx +19 -0
package/frontend/src/theme.css +256 -0
package/frontend/vite.config.js +23 -0
package/package.json +73 -0
package/papergod-demo.png +0 -0
package/public/app.js +5480 -0
package/public/brand/papergod-logo.png +0 -0
package/public/i18n.js +95 -0
package/public/index.html +480 -0
package/public/pdf-sentence-mapping.js +142 -0
package/public/react/app.js +209 -0
package/public/react/assets/addon-fit-YJmn1quW.js +12 -0
package/public/react/assets/addon-web-links-BWjmmSgS.js +12 -0
package/public/react/assets/main.css +32 -0
package/public/react/assets/xterm-BqvuqXEL.js +27 -0
package/public/style.css +1462 -0
package/src/cli.js +128 -0
package/src/server/agent-adapters.js +1240 -0
package/src/server/agent-errors.js +105 -0
package/src/server/agent-runtime.js +81 -0
package/src/server/agent.js +173 -0
package/src/server/app-version.js +86 -0
package/src/server/change-history.js +114 -0
package/src/server/document-structure.js +174 -0
package/src/server/index.js +1442 -0
package/src/server/latex-structure.js +344 -0
package/src/server/latex.js +67 -0
package/src/server/library-engine.js +193 -0
package/src/server/library-files.js +134 -0
package/src/server/literature-review.js +122 -0
package/src/server/orchestration-engine.js +662 -0
package/src/server/paragraph-analysis.js +300 -0
package/src/server/project-resources.js +290 -0
package/src/server/project-store.js +808 -0
package/src/server/prompt-manifest.js +300 -0
package/src/server/references.js +425 -0
package/src/server/review-panel.js +263 -0
package/src/server/revise-workflow.js +278 -0
package/src/server/revision-engine.js +607 -0
package/src/server/security.js +16 -0
package/src/server/text-extraction.js +149 -0
package/src/server/workspace-browser.js +49 -0
package/src/server/workspace-registry.js +143 -0
package/src/server/workspace-terminal.js +99 -0
package/src/server/workspace.js +223 -0
package/src/server/zotero.js +98 -0

package/public/index.html ADDED Viewed

@@ -0,0 +1,480 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Papergod</title>
+  <link rel="icon" type="image/png" href="/brand/papergod-logo.png">
+  <link rel="stylesheet" href="/vendor/codemirror/lib/codemirror.css">
+  <link rel="stylesheet" href="/style.css">
+  <link rel="stylesheet" href="/react/assets/main.css">
+</head>
+<body>
+  <div id="root"></div>
+  <div id="workspace-manager-overlay" class="hidden compact-overlay" role="dialog" aria-modal="true" aria-labelledby="workspace-manager-title">
+    <section id="workspace-manager-dialog" class="compact-dialog">
+      <div class="library-header"><div><h2 id="workspace-manager-title" data-i18n="workspace.title">Workspaces</h2><p data-i18n="workspace.subtitle">Switch papers without restarting Papergod. Each folder keeps its own Agent configuration and writing data.</p></div><button id="workspace-manager-close" type="button" aria-label="Close">×</button></div>
+      <div class="workspace-manager-body">
+        <div id="workspace-current-card"><span data-i18n="workspace.current">Current workspace</span><strong id="workspace-current-name">—</strong><code id="workspace-current-path">—</code></div>
+        <div id="workspace-list" aria-live="polite"><div class="outline-empty" data-i18n="workspace.loading">Loading workspaces…</div></div>
+        <form id="workspace-add-form">
+          <label for="workspace-path" data-i18n="workspace.addLabel">Add a local folder</label>
+          <p data-i18n="workspace.addHelp">Choose an existing folder, including a cloned Git repository. Empty folders receive a starter paper and writing library.</p>
+          <div class="workspace-path-row"><input id="workspace-path" type="text" placeholder="/absolute/path/to/paper" required><button id="workspace-browse" type="button" data-i18n="workspace.browse">Browse…</button></div>
+          <section id="workspace-browser" class="hidden">
+            <div class="workspace-browser-head"><button id="workspace-browser-up" type="button" aria-label="Parent folder">↑</button><code id="workspace-browser-path">—</code><button id="workspace-browser-select" type="button" data-i18n="workspace.selectFolder">Select this folder</button></div>
+            <div id="workspace-browser-list"><div class="outline-empty" data-i18n="workspace.loadingFolders">Loading folders…</div></div>
+          </section>
+          <button id="workspace-add" class="primary" type="submit" data-i18n="workspace.addSwitch">Add and switch</button>
+          <p id="workspace-manager-note" role="status" aria-live="polite"></p>
+        </form>
+      </div>
+    </section>
+  </div>
+  <div id="terminal-overlay" class="hidden compact-overlay" role="dialog" aria-modal="true" aria-labelledby="terminal-title">
+    <section id="terminal-dialog" class="compact-dialog">
+      <div class="library-header"><div><h2 id="terminal-title" data-i18n="terminal.title">Workspace Terminal</h2><p id="terminal-workspace" data-i18n="terminal.starting">Starting shell in the current workspace…</p></div><div class="terminal-header-actions"><button id="terminal-stop" type="button" data-i18n="terminal.stop">Stop terminal</button><button id="terminal-close" type="button" aria-label="Close">×</button></div></div>
+      <div id="terminal-screen" aria-label="Interactive workspace terminal"></div>
+      <div id="terminal-status" role="status" aria-live="polite" data-i18n="terminal.connecting">Connecting…</div>
+    </section>
+  </div>
+  <div id="references-overlay" class="hidden compact-overlay" role="dialog" aria-modal="true" aria-labelledby="references-title">
+    <section id="references-dialog" class="compact-dialog">
+      <div class="library-header"><div><h2 id="references-title" data-i18n="references.title">References</h2><p data-i18n="references.subtitle">One searchable citation library from local papers and Zotero Desktop.</p></div><button id="references-close" type="button" aria-label="Close">×</button></div>
+      <div class="references-toolbar">
+        <input id="references-search" type="search" data-i18n-placeholder="references.search" placeholder="Search title, author, year, DOI, or citekey…">
+        <button id="references-write-bib" type="button" data-i18n="references.writeBib">Update references.bib</button>
+        <button id="references-check" type="button" data-i18n="references.check">Check citations</button>
+        <button id="references-insert-selected" class="primary" type="button" data-i18n="references.insertSelected">Insert selected</button>
+      </div>
+      <div class="references-review-row">
+        <input id="references-review-prompt" type="text" data-i18n-placeholder="references.reviewPrompt" placeholder="What should the review paragraph cover? (optional)">
+        <button id="references-review" type="button" data-i18n="references.reviewButton">Generate review paragraph</button>
+      </div>
+      <div class="references-body">
+        <aside class="references-sources">
+          <section><h3 data-i18n="references.folderSource">Literature folders</h3><p data-i18n="references.folderHelp">Scan BibTeX and PDF files recursively. Uncertain PDF matches remain marked for review.</p>
+            <form id="references-folder-form"><div class="reference-folder-path-row"><input id="references-folder-path" type="text" placeholder="/absolute/path/to/papers" required><button id="references-folder-browse" type="button" data-i18n="workspace.browse">Browse…</button></div><button type="submit" data-i18n="references.addScan">Add &amp; scan</button></form>
+            <div id="references-folders"><div class="outline-empty" data-i18n="references.noFolders">No folders configured.</div></div>
+            <button id="references-rescan" type="button" data-i18n="references.rescan">Rescan folders</button>
+          </section>
+          <section><div class="reference-source-heading"><h3>Zotero Desktop</h3><span id="zotero-status">—</span></div><p data-i18n="references.zoteroHelp">Read the local Zotero library without cloud credentials.</p>
+            <button id="zotero-connect" type="button" data-i18n="references.connectZotero">Connect Zotero</button>
+            <select id="zotero-collection" class="hidden"><option value="" data-i18n="references.allZotero">All Zotero items</option></select>
+            <div class="zotero-search-row hidden" id="zotero-search-row"><input id="zotero-search" type="search" placeholder="Search Zotero…"><button id="zotero-search-button" type="button" data-i18n="references.searchButton">Search</button></div>
+            <div id="zotero-results"></div>
+          </section>
+        </aside>
+        <main class="references-library">
+          <div class="references-summary"><span id="references-count">0 references</span><span id="references-bib-file">references.bib</span></div>
+          <div id="references-check-result" class="hidden"></div>
+          <div id="references-review-result" class="hidden"></div>
+          <button id="references-add-setup" class="hidden" type="button" data-i18n="references.addSetup">Add bibliography setup to paper</button>
+          <div id="references-list"><div class="outline-empty" data-i18n="references.loading">Loading references…</div></div>
+        </main>
+      </div>
+      <div id="references-note" role="status" aria-live="polite"></div>
+    </section>
+  </div>
+  <div id="pdf-scope-menu" class="hidden pdf-menu" role="menu" aria-label="PDF annotation scope">
+    <button data-pdf-scope="word" type="button" data-i18n="pdf.word">Word</button>
+    <button data-pdf-scope="sentence" type="button" data-i18n="pdf.sentence">Sentence</button>
+    <button data-pdf-scope="paragraph" type="button" data-i18n="pdf.paragraph">Paragraph</button>
+    <button id="pdf-locate-source" class="pdf-menu-secondary" type="button" data-i18n="pdf.locateSource">Locate in LaTeX source</button>
+    <button id="pdf-sentence-reader-open" type="button" data-i18n="pdf.reader">Sentence reader</button>
+  </div>
+  <div id="pdf-edit-menu" class="hidden pdf-menu" role="dialog" aria-label="PDF revision comment">
+    <blockquote id="pdf-edit-quote"></blockquote>
+    <textarea id="pdf-edit-comment" rows="3" placeholder="What should the AI change?" data-i18n-placeholder="pdf.commentPlaceholder"></textarea>
+    <div class="pdf-edit-actions"><button id="pdf-edit-cancel" type="button" data-i18n="pdf.cancel">Cancel</button><button id="pdf-edit-submit" class="primary" type="button" data-i18n="pdf.queue">Add to revision queue</button></div>
+  </div>
+  <div id="sentence-reader-overlay" class="hidden compact-overlay" role="dialog" aria-modal="true" aria-labelledby="sentence-reader-title">
+    <section id="sentence-reader-dialog" class="compact-dialog">
+      <header class="sentence-reader-header">
+        <div><h2 id="sentence-reader-title" data-i18n="reader.title">Sentence reader</h2><p id="sentence-reader-position">Sentence 1 of 1</p></div>
+        <button id="sentence-reader-close" type="button" aria-label="Close sentence reader" data-i18n-aria-label="reader.close">×</button>
+      </header>
+      <div class="sentence-reader-body">
+        <p class="sentence-reader-help" data-i18n="reader.help">Focus on one sentence at a time. Select a word to comment on that word; leave all words unselected to comment on the whole sentence.</p>
+        <article id="sentence-reader-text" tabindex="0" aria-live="polite"></article>
+        <div id="sentence-reader-selection" data-i18n="reader.scopeSentence">Current scope: whole sentence</div>
+        <label for="sentence-reader-comment" data-i18n="reader.comment">Revision comment</label>
+        <textarea id="sentence-reader-comment" rows="4" placeholder="Describe how this sentence should be revised…" data-i18n-placeholder="reader.commentPlaceholder"></textarea>
+        <div class="sentence-reader-actions">
+          <button id="sentence-reader-prev" type="button" data-i18n="reader.previous">← Previous sentence</button>
+          <button id="sentence-reader-next" type="button" data-i18n="reader.next">Next sentence →</button>
+          <button id="sentence-reader-submit" class="primary" type="button" data-i18n="reader.queue">Add to revision queue</button>
+        </div>
+      </div>
+    </section>
+  </div>
+  <div id="agent-config-overlay" class="hidden compact-overlay" role="dialog" aria-modal="true" aria-labelledby="agent-config-title">
+    <section class="compact-dialog">
+      <div class="library-header"><div><h2 id="agent-config-title" data-i18n="agentConfig.title">Agent Configuration</h2><p data-i18n="agentConfig.subtitle">Configure local CLI Agents; unavailable adapters retain the same interface shape</p></div><button id="agent-config-close" aria-label="Close">×</button></div>
+      <div class="compact-dialog-body">
+        <div id="agent-provider-list"></div>
+        <form id="agent-config-form">
+          <label for="agent-config-provider" data-i18n="agentConfig.provider">Provider</label>
+          <select id="agent-config-provider"></select>
+          <p id="agent-config-note" aria-live="polite"></p>
+          <div class="agent-config-actions">
+            <button id="agent-config-login" type="button" class="hidden">Sign in</button>
+            <button id="agent-config-probe" type="button" data-i18n="agentConfig.check">Test subscription</button>
+            <button id="agent-config-save" type="submit" class="primary" data-i18n="agentConfig.save">Use this Agent</button>
+          </div>
+          <details class="agent-advanced-settings">
+            <summary>Advanced settings</summary>
+            <div class="agent-advanced-grid">
+              <label for="agent-config-command" data-i18n="agentConfig.command">CLI command</label>
+              <input id="agent-config-command" placeholder="codex">
+              <label for="agent-config-model" data-i18n="agentConfig.model">Model override</label>
+              <div class="agent-model-picker">
+                <input id="agent-config-model" placeholder="Use the CLI default" autocomplete="off">
+                <div id="agent-model-dropdown" class="agent-model-dropdown hidden" role="listbox" aria-label="Available models"></div>
+              </div>
+              <label for="agent-config-reasoning">Reasoning effort</label>
+              <select id="agent-config-reasoning"><option value="">Automatic by task</option><option value="minimal">Minimal</option><option value="low">Low</option><option value="medium">Medium</option><option value="high">High</option><option value="xhigh">Extra high</option></select>
+              <label for="agent-config-args" data-i18n="agentConfig.args">Prefix args (one per line)</label>
+              <textarea id="agent-config-args" rows="3"></textarea>
+            </div>
+          </details>
+        </form>
+      </div>
+    </section>
+  </div>
+  <div id="agent-activity-details-overlay" class="hidden compact-overlay" role="dialog" aria-modal="true" aria-labelledby="agent-activity-details-title">
+    <section id="agent-activity-details-dialog" class="compact-dialog">
+      <div class="library-header"><div><h2 id="agent-activity-details-title" data-i18n="activity.detailsTitle">Agent CLI details</h2><p id="agent-activity-details-meta" data-i18n="activity.detailsHelp">Inspect the exact background command progress and provider output.</p></div><button id="agent-activity-details-close" type="button" aria-label="Close">×</button></div>
+      <div class="agent-activity-details-body">
+        <pre id="agent-activity-details-log" data-i18n="activity.liveOutput">Live CLI output will appear here.</pre>
+      </div>
+    </section>
+  </div>
+  <div id="prompt-preview-overlay" class="hidden compact-overlay" role="dialog" aria-modal="true" aria-labelledby="prompt-preview-title">
+    <section class="compact-dialog prompt-dialog">
+      <div class="library-header"><div><h2 id="prompt-preview-title" data-i18n="promptPreview.title">Final Agent Prompt</h2><p id="prompt-preview-meta" data-i18n="promptPreview.empty">Not generated yet</p></div><button id="prompt-preview-close" aria-label="Close">×</button></div>
+      <h3>Actual CLI payload</h3>
+      <pre id="prompt-preview-content" data-i18n="promptPreview.bodyEmpty">Prompt not generated yet.</pre>
+      <details class="prompt-manifest-details" open>
+        <summary>Prompt Manifest · tasks, stable targets, and local resource addresses</summary>
+        <pre id="prompt-preview-manifest">Manifest not generated yet.</pre>
+      </details>
+    </section>
+  </div>
+  <div id="invoke-confirm-overlay" class="hidden compact-overlay" role="dialog" aria-modal="true" aria-labelledby="invoke-confirm-title">
+    <section class="compact-dialog confirm-dialog">
+      <div class="library-header"><div><h2 id="invoke-confirm-title" data-i18n="invoke.title">Confirm Agent Invocation</h2><p data-i18n="invoke.subtitle">The queued modification intents, temporary prompt, and managed context will be sent as one final prompt.</p></div><button id="invoke-confirm-close" aria-label="Close">×</button></div>
+      <div class="confirm-dialog-body">
+        <p id="invoke-confirm-summary" data-i18n="invoke.preparing">Preparing prompt…</p>
+        <div class="confirm-actions"><button id="invoke-cancel" type="button" data-i18n="invoke.cancel">Cancel</button><button id="invoke-confirm" class="primary" type="button" data-i18n="invoke.confirm">Confirm</button></div>
+      </div>
+    </section>
+  </div>
+  <div id="change-history-overlay" class="hidden compact-overlay" role="dialog" aria-modal="true" aria-labelledby="change-history-title">
+    <section id="change-history-dialog" class="compact-dialog">
+      <div class="library-header"><div><h2 id="change-history-title" data-i18n="history.title">Change history</h2><p data-i18n="history.subtitle">Preview and restore any of the five most recent paper versions.</p></div><div class="change-history-header-actions"><button id="change-history-refresh" type="button" data-i18n="history.refresh">Refresh</button><button id="change-history-close" type="button" aria-label="Close">×</button></div></div>
+      <div id="change-history-body">
+        <aside id="change-history-list"><div class="outline-empty" data-i18n="history.loading">Loading change history…</div></aside>
+        <main id="change-history-detail"><div class="change-history-empty"><strong data-i18n="history.select">Select a version</strong><p data-i18n="history.selectHelp">Open a version to inspect its changes without altering the paper.</p></div></main>
+      </div>
+    </section>
+  </div>
+  <div id="focus-annotation-overlay" class="hidden" role="dialog" aria-modal="true" aria-labelledby="focus-annotation-title">
+    <section id="focus-annotation-dialog">
+      <div class="library-header">
+        <div><h2 id="focus-annotation-title">Focus Annotation</h2><p>Read one paragraph and one sentence at a time, then prepare precise prompts for later Agent revisions</p></div>
+        <div class="focus-header-status"><span id="focus-annotation-progress">No document loaded</span><button id="focus-annotation-close" aria-label="Close">×</button></div>
+      </div>
+      <div id="focus-annotation-body">
+        <aside id="focus-outline-column">
+          <div class="focus-column-heading"><span>Paper structure</span><small>Sections and paragraphs</small></div>
+          <div id="focus-section-tree"><div class="outline-empty">No structure available</div></div>
+        </aside>
+        <main id="focus-paragraph-column">
+          <div class="focus-column-heading"><span>Paragraph reading</span><small id="focus-paragraph-position">No paragraph selected</small></div>
+          <div class="focus-navigation">
+            <button id="focus-prev-paragraph" type="button">← Previous</button>
+            <button id="focus-locate-paragraph" type="button">Open in editor</button>
+            <button id="focus-next-paragraph" type="button">Next →</button>
+          </div>
+          <article id="focus-paragraph-text" class="focus-reading-text">Select a paragraph from the paper structure.</article>
+          <div class="focus-prompt-editor paragraph-prompt-editor">
+            <label for="focus-paragraph-prompt">Paragraph revision prompt</label>
+            <p>Describe the paragraph's purpose, required evidence, constraints, and intended revision.</p>
+            <textarea id="focus-paragraph-prompt" rows="8" placeholder="Example: Establish the research gap, retain the quantitative evidence, and end with the study question."></textarea>
+            <button id="focus-save-paragraph" class="primary" type="button">Save paragraph prompt</button>
+          </div>
+        </main>
+        <aside id="focus-sentence-column">
+          <div class="focus-column-heading"><span>Sentence reading</span><small id="focus-sentence-position">No sentence selected</small></div>
+          <div id="focus-sentence-list"><div class="outline-empty">Select a paragraph first</div></div>
+          <article id="focus-sentence-text" class="focus-reading-text sentence-reading-text">Select a sentence to inspect it closely.</article>
+          <div class="focus-prompt-editor sentence-prompt-editor">
+            <label for="focus-sentence-intent">Sentence intent</label>
+            <input id="focus-sentence-intent" placeholder="What rhetorical job does this sentence perform?">
+            <label for="focus-sentence-prompt">Sentence revision prompt</label>
+            <textarea id="focus-sentence-prompt" rows="5" placeholder="Example: Replace vague emphasis with a measurable claim; do not alter the reported values."></textarea>
+            <button id="focus-save-sentence" class="primary" type="button">Save sentence annotation</button>
+          </div>
+        </aside>
+      </div>
+    </section>
+  </div>
+  <div id="library-overlay" class="hidden" role="dialog" aria-modal="true" aria-labelledby="library-title">
+    <section id="library-drawer">
+      <div class="library-header">
+        <div><h2 id="library-title">Writing libraries</h2><p>Corpora, reusable sentence patterns, and collaboration vocabulary</p></div>
+        <button id="library-close" aria-label="Close">×</button>
+      </div>
+      <div class="library-toolbar">
+        <select id="library-kind">
+          <option value="corpora">Corpora</option>
+          <option value="sentence-patterns">Sentence patterns</option>
+          <option value="vocabulary">Vocabulary</option>
+        </select>
+        <select id="library-scope" class="hidden">
+          <option value="global">Global vocabulary</option>
+          <option value="session">This writing session</option>
+        </select>
+        <input id="library-search" type="search" placeholder="Search this library...">
+        <button id="library-extract">Extract from paper</button>
+        <button id="library-extract-pdf" type="button" data-i18n="library.extractPdf">Extract from PDF</button>
+      </div>
+      <div id="pdf-extract-row" class="hidden">
+        <select id="pdf-file-select" aria-label="PDF file"></select>
+        <button id="pdf-extract-run" class="primary" type="button" data-i18n="library.extractPdfRun">Extract patterns</button>
+        <button id="pdf-extract-cancel" type="button" data-i18n="library.cancel">Cancel</button>
+      </div>
+      <div class="library-body">
+        <form id="library-form">
+          <h3>Add resource</h3>
+          <label id="resource-name-label" for="resource-name">Name</label>
+          <input id="resource-name" required>
+          <label id="resource-content-label" for="resource-content">Content</label>
+          <textarea id="resource-content" rows="5" required></textarea>
+          <label id="resource-description-label" for="resource-description">Description</label>
+          <textarea id="resource-description" rows="2"></textarea>
+          <label for="resource-tags">Tags (comma separated)</label>
+          <input id="resource-tags">
+          <div id="resource-extra-field">
+            <label id="resource-extra-label" for="resource-extra">Applicable sections</label>
+            <input id="resource-extra">
+          </div>
+          <div id="resource-examples-field" class="hidden">
+            <label for="resource-examples">Examples (one per line)</label>
+            <textarea id="resource-examples" rows="2"></textarea>
+          </div>
+          <label for="resource-source">Source / citation</label>
+          <input id="resource-source">
+          <button type="submit" class="primary">Add to library</button>
+        </form>
+        <div class="library-results-column">
+          <div id="library-candidates" class="hidden"></div>
+          <div id="library-list"></div>
+        </div>
+      </div>
+    </section>
+  </div>
+  <div id="review-overlay" class="hidden" role="dialog" aria-modal="true" aria-labelledby="review-title">
+    <section id="review-drawer">
+      <div class="library-header">
+        <div><h2 id="review-title">Review &amp; Revise</h2><p>From feedback and revision plans to response letters, verification, and delivery</p></div>
+        <button id="review-close" aria-label="Close">×</button>
+      </div>
+      <nav id="review-workflow-tabs" role="tablist" aria-label="Review and revision workflow">
+        <button id="review-plan-tab" class="active" type="button" role="tab" aria-selected="true" aria-controls="review-planning-view">1. Opinions &amp; plans</button>
+        <button id="review-delivery-tab" type="button" role="tab" aria-selected="false" aria-controls="review-delivery-view">2. Responses &amp; delivery</button>
+      </nav>
+      <div id="review-planning-view" class="review-body" role="tabpanel" aria-labelledby="review-plan-tab">
+        <aside class="review-inputs">
+          <form id="selection-comment-form">
+            <h3>Comment on selection</h3>
+            <p class="helper">Select text in the editor, then anchor a comment to that exact range.</p>
+            <textarea id="selection-comment" rows="3" placeholder="What should change, and why?" required></textarea>
+            <input id="selection-fix" placeholder="Optional replacement text">
+            <div class="review-row">
+              <select id="selection-category"><option>content</option><option>style</option><option>grammar</option><option>structure</option><option>method</option><option>evidence</option><option>citation</option></select>
+              <select id="selection-severity"><option>info</option><option>minor</option><option>major</option><option>critical</option></select>
+            </div>
+            <button type="submit" class="primary">Add anchored comment</button>
+          </form>
+          <form id="review-import-form">
+            <h3>Import reviewer feedback</h3>
+            <input id="review-actor" placeholder="Reviewer / source">
+            <textarea id="review-import-text" rows="8" placeholder="1. Replace “old text” with “new text”.&#10;2. Explain the evidence for..." required></textarea>
+            <button type="submit" class="primary">Extract atomic opinions</button>
+          </form>
+        </aside>
+        <main class="review-workspace">
+          <section class="review-section">
+            <div class="review-section-head">
+              <div><h3>Opinions</h3><span id="annotation-count">0 selected</span></div>
+              <div class="review-row"><input id="revision-title-input" value="Guided revision" aria-label="Revision title"><button id="plan-selected" class="primary">Plan selected</button></div>
+            </div>
+            <div id="annotation-list"><div class="outline-empty">No comments yet</div></div>
+          </section>
+          <section class="review-section revision-section">
+            <div class="review-section-head"><div><h3>Revision plans</h3><span>Every write is previewed and user-approved</span></div></div>
+            <div id="revision-list"><div class="outline-empty">No revision plans yet</div></div>
+          </section>
+        </main>
+      </div>
+      <div id="review-delivery-view" class="self-revise-body hidden" role="tabpanel" aria-labelledby="review-delivery-tab">
+        <aside class="self-revise-actions">
+          <section>
+            <h3>Additional review</h3>
+            <p>Run an independent specialist panel, then send its prioritized concerns back into the opinions and plans stage.</p>
+            <button id="self-open-panel" type="button">Run peer review panel</button>
+          </section>
+          <section>
+            <h3>Generate a full-paper draft</h3>
+            <p>Uses project/document prompts, outline prompts, paragraph goals, and selected writing-library resources.</p>
+            <textarea id="paper-generation-instruction" rows="5" placeholder="Describe the intended paper, contribution, evidence, and constraints..."></textarea>
+            <div id="generation-resource-status">Writing resources: automatic</div>
+            <button id="generate-paper" class="primary" type="button">Generate reviewable draft</button>
+            <div id="paper-generation-preview" class="hidden"></div>
+          </section>
+          <section>
+            <h3>Portable export</h3>
+            <p>Download source, annotations, reviews, revisions, response letters, change lists, run history, and recovery metadata.</p>
+            <button id="download-workflow-export" type="button">Download JSON bundle</button>
+          </section>
+        </aside>
+        <main class="self-revise-workspace">
+          <div class="review-section-head"><div><h3>Responses &amp; verification</h3><span id="self-revise-summary">Loading...</span></div><button id="refresh-self-revise">Refresh</button></div>
+          <div id="self-revision-list"><div class="outline-empty">No revision plans yet</div></div>
+          <div class="review-section-head history-heading"><div><h3>Workflow history</h3><span>Agent runs, reviews, and revisions</span></div></div>
+          <div id="workflow-history"><div class="outline-empty">No history yet</div></div>
+        </main>
+      </div>
+    </section>
+  </div>
+  <div id="peer-review-overlay" class="hidden" role="dialog" aria-modal="true" aria-labelledby="peer-review-title">
+    <section id="peer-review-drawer">
+      <div class="library-header">
+        <div><h2 id="peer-review-title">Peer review panel</h2><p>Independent specialist reviews, followed by explicit consensus and conflict synthesis</p></div>
+        <button id="peer-review-close" aria-label="Close">×</button>
+      </div>
+      <div class="peer-review-body">
+        <aside class="panel-builder">
+          <h3>Configure a review round</h3>
+          <label for="panel-name">Round name</label>
+          <input id="panel-name" value="Independent peer review">
+          <label for="panel-provider">Agent provider</label>
+          <select id="panel-provider"><option value="mock">Mock</option><option value="codex">Codex</option><option value="claude-code">Claude Code</option><option value="opencode">OpenCode</option><option value="pi">Pi Agent</option></select>
+          <div class="builder-heading"><h3>Reviewers</h3><span>Select 1–8</span></div>
+          <div id="reviewer-builder"><div class="outline-empty">Loading profiles...</div></div>
+          <details class="custom-builder"><summary>Add custom reviewer</summary>
+            <input id="custom-reviewer-name" placeholder="Reviewer name">
+            <select id="custom-reviewer-role"><option value="methodology">Methodology</option><option value="statistics">Statistics</option><option value="writing">Writing</option><option value="domain">Domain</option><option value="reproducibility">Reproducibility</option></select>
+            <textarea id="custom-reviewer-focus" rows="2" placeholder="Independent review focus"></textarea>
+            <textarea id="custom-reviewer-prompt" rows="2" placeholder="Additional instruction"></textarea>
+            <button id="add-custom-reviewer" type="button">Add reviewer</button>
+          </details>
+          <div class="builder-heading"><h3>Rubric</h3><button id="add-rubric" type="button">+ criterion</button></div>
+          <div id="rubric-builder"></div>
+          <button id="create-panel" class="primary" type="button">Create review round</button>
+        </aside>
+        <main class="panel-results">
+          <div class="review-section-head"><div><h3>Review rounds</h3><span id="peer-review-count">0 rounds</span></div><button id="refresh-peer-reviews">Refresh</button></div>
+          <div id="peer-review-list"><div class="outline-empty">No review rounds yet</div></div>
+        </main>
+      </div>
+    </section>
+  </div>
+  <div id="orchestration-overlay" class="hidden" role="dialog" aria-modal="true" aria-labelledby="orchestration-title">
+    <section id="orchestration-dialog">
+      <div class="library-header">
+        <div><h2 id="orchestration-title" data-i18n="orch.title">Agent orchestration</h2><p data-i18n="orch.subtitle">Connect configured local Agents into reviewable multi-step workflows with approval gates. Every node output and edge summary is audited.</p></div>
+        <div class="orch-header-actions">
+          <select id="orchestration-select" aria-label="Orchestration"></select>
+          <button id="orchestration-new" type="button" data-i18n="orch.new">New</button>
+          <button id="orchestration-delete" type="button" data-i18n="orch.delete">Delete</button>
+          <button id="orchestration-close" type="button" aria-label="Close">×</button>
+        </div>
+      </div>
+      <div id="orchestration-body">
+        <aside id="orchestration-palette">
+          <h3 data-i18n="orch.palette">Palette</h3>
+          <button id="orch-add-agent" type="button" data-i18n="orch.addAgent">+ Agent node</button>
+          <button id="orch-add-gate" type="button" data-i18n="orch.addGate">+ Approval gate</button>
+          <hr>
+          <button id="orch-connect-toggle" type="button" data-i18n="orch.connect">Connect nodes</button>
+          <button id="orch-delete-selected" type="button" data-i18n="orch.deleteSelected">Delete selected</button>
+          <button id="orch-clear" type="button" data-i18n="orch.clear">Clear results</button>
+          <p class="orch-hint" data-i18n="orch.hint">Drag nodes to arrange them. Click Connect, then two nodes in order to link them.</p>
+        </aside>
+        <main id="orchestration-canvas-wrap">
+          <div id="orchestration-canvas">
+            <svg id="orchestration-edges" aria-hidden="true"></svg>
+            <div id="orchestration-nodes"></div>
+          </div>
+          <div id="orchestration-statusbar">
+            <span id="orchestration-status" class="orch-status" data-i18n="orch.draft">Draft</span>
+            <span id="orchestration-status-detail"></span>
+            <span class="orch-status-actions"><button id="orchestration-reset" type="button" data-i18n="orch.reset">Reset</button><button id="orchestration-cancel" class="hidden" type="button" data-i18n="orch.cancelRun">Cancel run</button><button id="orchestration-run" class="primary" type="button" data-i18n="orch.run">Run</button></span>
+          </div>
+        </main>
+        <aside id="orchestration-inspector">
+          <div class="orch-inspector-head"><h3 data-i18n="orch.inspector">Inspector</h3><span id="orch-inspector-hint">Select a node or edge</span></div>
+          <div id="orchestration-inspector-body"></div>
+        </aside>
+      </div>
+      <div id="orchestration-note" role="status" aria-live="polite"></div>
+    </section>
+  </div>
+  <div id="analysis-overlay" class="hidden compact-overlay" role="dialog" aria-modal="true" aria-labelledby="analysis-title">
+    <section id="analysis-dialog" class="compact-dialog analysis-dialog">
+      <div class="library-header">
+        <div><h2 id="analysis-title" data-i18n="analysis.title">Paragraph analysis</h2><p id="analysis-target-name" data-i18n="analysis.loading">Analyzing…</p></div>
+        <button id="analysis-close" type="button" aria-label="Close">×</button>
+      </div>
+      <div id="analysis-body">
+        <aside id="analysis-sidebar">
+          <h3 data-i18n="analysis.units">Units</h3>
+          <div id="analysis-target-list"><div class="outline-empty" data-i18n="analysis.loading">Loading…</div></div>
+        </aside>
+        <main id="analysis-main">
+          <div id="analysis-verdict" class="hidden"></div>
+          <section class="analysis-section">
+            <div class="analysis-section-head"><h3 data-i18n="analysis.sentenceChart">Sentence lengths</h3><span id="analysis-chart-caption"></span></div>
+            <div id="analysis-chart" aria-label="Sentence length bar chart"></div>
+          </section>
+          <section class="analysis-section">
+            <div class="analysis-section-head"><h3 data-i18n="analysis.stats">Statistics</h3></div>
+            <div id="analysis-stats"></div>
+          </section>
+          <section class="analysis-section">
+            <details class="analysis-formulas">
+              <summary data-i18n="analysis.formulas">Formulas used</summary>
+              <div id="analysis-formula-list"></div>
+            </details>
+          </section>
+          <div id="analysis-note" role="status" aria-live="polite"></div>
+        </main>
+      </div>
+    </section>
+  </div>
+  <script src="/vendor/codemirror/lib/codemirror.js"></script>
+  <script src="/vendor/codemirror/mode/stex/stex.js"></script>
+  <script type="module" src="/react/app.js"></script>
+</body>
+</html>