papergod 0.1.0

package/frontend/src/components/workbench.jsx

@@ -0,0 +1,182 @@
+import {
+  BarChart3, BookMarked, BookOpen, Bot, Braces, FileCode, FolderKanban, FolderOpen,
+  Bug, Download, GitPullRequest, History, Library, Network, Play, PlayCircle, RefreshCw, Rocket, Save, ScanText,
+  Settings, Sparkles, SquareTerminal, Users, X,
+} from 'lucide-react';
+import { Button } from './ui/button.jsx';
+import packageData from '../../../package.json';
+
+function ProductHeader() {
+  return (
+    <header id="header">
+      <div className="brand-mark"><img className="brand-logo" src="/brand/papergod-logo.png" alt="" aria-hidden="true" /><span className="logo">Papergod</span><span id="active-workspace-name" title="Current workspace">Workspace</span></div>
+      <nav className="header-actions" aria-label="Workspace tools">
+        <Button id="library-open" variant="ghost" size="sm"><BookOpen size={14} /><span data-i18n="header.libraries">Writing libraries</span></Button>
+        <Button id="focus-annotation-open" variant="ghost" size="sm"><ScanText size={14} /><span data-i18n="header.focus">Focus annotation</span></Button>
+        <Button id="review-open" variant="ghost" size="sm"><GitPullRequest size={14} /><span data-i18n="header.review">Review &amp; revise</span></Button>
+        <Button id="peer-review-open" variant="ghost" size="sm"><Users size={14} /><span data-i18n="header.peerReview">Peer review</span></Button>
+      </nav>
+      <span id="status" role="status" aria-live="polite" />
+      <label className="language-control"><span data-i18n="language.label">Language</span><select id="language-select" aria-label="Language"><option value="en">English</option><option value="zh-CN">简体中文</option></select></label>
+    </header>
+  );
+}
+
+function Navigator() {
+  return (
+    <aside id="sidebar">
+      <div id="navigator-tabs" role="tablist" aria-label="Paper navigation"><button id="navigator-outline-tab" className="active" type="button" role="tab" aria-selected="true" data-i18n="nav.outline">Outline</button><button id="navigator-tools-tab" type="button" role="tab" aria-selected="false" data-i18n="nav.tools">Tools</button></div>
+      <section id="navigator-outline-panel" className="navigator-panel" role="tabpanel">
+        <div className="sidebar-heading"><h3 data-i18n="nav.paperOutline">Paper outline</h3><Button id="sync-outline" variant="ghost" size="icon" title="Synchronize outline" aria-label="Synchronize outline"><RefreshCw size={14} /></Button></div>
+        <div id="outline-tree"><div className="outline-empty" data-i18n="nav.openPaper">Open a paper</div></div>
+      </section>
+      <section id="navigator-tools-panel" className="navigator-panel hidden" role="tabpanel">
+        <div className="sidebar-heading"><h3 data-i18n="nav.workspaceTools">Workspace tools</h3></div>
+        <div className="tool-group">
+          <div className="tool-group-title" data-i18n="tools.group.workspace">Workspace</div>
+          <button id="tool-workspaces" type="button"><FolderKanban size={13} /><span data-i18n="tools.workspaces">Workspaces</span></button>
+          <button id="tool-references" type="button"><BookMarked size={13} /><span data-i18n="tools.references">References</span></button>
+          <button id="tool-terminal" type="button"><SquareTerminal size={13} /><span data-i18n="tools.terminal">Terminal</span></button>
+          <button id="tool-open-folder" type="button"><FolderOpen size={13} /><span data-i18n="tools.openFolder">Open paper folder</span></button>
+        </div>
+        <div className="tool-group">
+          <div className="tool-group-title" data-i18n="tools.group.ai">AI assistants</div>
+          <button id="tool-orchestration" type="button"><Network size={13} /><span data-i18n="tools.orchestration">Agent orchestration</span></button>
+          <button id="tool-analysis" type="button"><BarChart3 size={13} /><span data-i18n="tools.analysis">Paragraph analysis</span></button>
+          <button id="tool-agent-config" type="button"><Settings size={13} /><span data-i18n="tools.agentConfig">Agent configuration</span></button>
+        </div>
+        <div className="tool-group">
+          <div className="tool-group-title" data-i18n="tools.group.document">Document</div>
+          <button id="tool-show-source" type="button"><FileCode size={13} /><span data-i18n="tools.source">LaTeX source</span></button>
+          <button id="tool-compile" type="button"><PlayCircle size={13} /><span data-i18n="tools.compile">Compile PDF</span></button>
+          <button id="tool-change-history" type="button"><History size={13} /><span data-i18n="tools.changeHistory">Change history</span></button>
+          <button id="tool-libraries" type="button"><Library size={13} /><span data-i18n="tools.libraries">Writing libraries</span></button>
+        </div>
+        <div className="sidebar-heading tool-files-heading"><h3 data-i18n="tools.backendFiles">Backend files</h3></div><ul id="file-tree" />
+      </section>
+      <button id="version-status" className="version-status" type="button" aria-haspopup="dialog" aria-controls="version-overlay">
+        <span className="version-status-icon"><Download size={13} /></span>
+        <span className="version-status-copy"><span data-i18n="version.product">Papergod</span><strong id="current-version" data-current-version={packageData.version}>v{packageData.version}</strong></span>
+        <span id="version-update-badge" className="version-update-badge hidden" data-i18n="version.available">Update</span>
+      </button>
+    </aside>
+  );
+}
+
+function EditorWorkspace() {
+  return (
+    <main id="editor-panel">
+      <div id="editor-toolbar">
+        <div className="file-context"><Braces size={14} /><span id="current-file">main.tex</span></div>
+        <div id="workspace-view-switch" role="tablist" aria-label="Document view">
+          <button id="source-view-btn" className="view-tab active" type="button" role="tab" aria-selected="true" aria-controls="source-view" data-i18n="editor.source">Source</button>
+          <button id="preview-view-btn" className="view-tab" type="button" role="tab" aria-selected="false" aria-controls="preview-panel" disabled data-i18n="editor.preview">PDF Preview</button>
+        </div>
+        <Button id="history-open" variant="outline" size="sm" title="Change history"><History size={14} /><span data-i18n="history.title">Change history</span></Button>
+        <Button id="save-btn" variant="outline" size="sm" title="Save (Ctrl+S)"><Save size={14} /><span data-i18n="editor.save">Save</span></Button>
+        <Button id="compile-btn" variant="primary" size="sm" title="Compile LaTeX"><Play size={14} /><span data-i18n="editor.compile">Compile</span></Button>
+      </div>
+      <div id="workspace-view">
+        <section id="source-view" className="workspace-pane" role="tabpanel" aria-labelledby="source-view-btn"><textarea id="editor" /></section>
+        <section id="preview-panel" className="workspace-pane hidden" role="tabpanel" aria-labelledby="preview-view-btn">
+          <div id="pdf-preview" aria-label="Rendered PDF pages" />
+          <div id="preview-placeholder">Compile to render the paper</div>
+        </section>
+      </div>
+    </main>
+  );
+}
+
+function AssistantPanel() {
+  return (
+    <aside id="right-panel">
+      <div id="ai-panel">
+        <div id="ai-header"><span><Bot size={15} /><span data-i18n="ai.title">AI Assistant</span></span><select id="agent-provider-quick" aria-label="Active AI Agent"><option value="mock">Mock</option></select></div>
+        <div id="ai-module-list">
+          <section className="ai-module" id="agent-config-module">
+            <div className="ai-module-head"><div><span className="module-index">1</span><strong data-i18n="ai.agentConfig">Agent Configuration</strong></div><Button id="agent-config-open" variant="ghost" size="sm"><span data-i18n="ai.configure">Configure</span></Button></div>
+            <div id="agent-config-summary" data-i18n="ai.detecting">Detecting local Agents…</div>
+          </section>
+          <section className="ai-module" id="prompt-management-module">
+            <div className="ai-module-head"><div><span className="module-index">2</span><strong data-i18n="ai.promptManagement">Prompt Management</strong></div></div>
+            <details id="modification-intent-module">
+              <summary><span data-i18n="ai.intents">Modification intents</span><span id="modification-intent-count">0 queued</span></summary>
+              <div id="modification-intent-list"><div className="outline-empty" data-i18n="ai.intentsEmpty">Click PDF text to add revision comments.</div></div>
+            </details>
+            <div id="temporary-prompt-module">
+              <div className="prompt-management-label"><strong data-i18n="ai.tempPrompt">Temporary prompt</strong><span data-i18n="ai.thisRun">This run only</span></div>
+              <textarea id="ai-prompt" rows="4" placeholder="Add a one-time goal, constraint, or instruction…" data-i18n-placeholder="ai.tempPlaceholder" />
+            </div>
+            <Button id="prompt-preview-open" variant="outline" size="sm"><span data-i18n="ai.previewPrompt">Preview final prompt</span></Button>
+          </section>
+          <div id="prompt-context-compat" className="hidden" aria-hidden="true">
+            <div id="prompt-context-module"><div id="context-title">Whole document</div><div id="prompt-context-meta" /><pre id="prompt-context-excerpt" /></div>
+            <div id="context-definition-editor"><textarea id="context-summary" /><textarea id="context-prompt" /><div id="intent-field" className="hidden"><textarea id="context-intent" /></div><Button id="save-context">Save</Button><Button id="clear-context">Whole document</Button><span id="library-selection-status">Resources: auto</span></div>
+          </div>
+          <section className="ai-module invoke-module">
+            <Button id="ai-invoke" variant="primary"><Sparkles size={16} /><span data-i18n="ai.invoke">Invoke Agent</span><span id="ai-invoke-intent-count" className="hidden" /></Button>
+          </section>
+        </div>
+        <div id="library-usage" className="hidden" />
+        <div id="paragraph-draft" className="hidden" />
+        <div id="ai-suggestions" />
+        <div id="agent-activity" className="agent-activity idle">
+          <button id="agent-activity-toggle" type="button" aria-haspopup="dialog" aria-controls="agent-activity-details-overlay">
+            <span className="agent-activity-dot" aria-hidden="true" />
+            <span className="agent-activity-heading"><span id="agent-activity-label" data-i18n="activity.idle">Agent idle</span><span id="agent-activity-subtitle" data-i18n="activity.none">No Agent task has run in this session.</span></span>
+            <span id="agent-activity-elapsed">—</span>
+            <span className="agent-activity-detail-hint" data-i18n="activity.viewCli">View CLI</span>
+          </button>
+          <div id="agent-activity-panel">
+            <ol id="agent-activity-stages">
+              <li data-stage="prepare"><span className="activity-stage-index" /><span data-i18n="activity.context">Context</span></li>
+              <li data-stage="run"><span className="activity-stage-index" /><span data-i18n="activity.agent">Agent</span></li>
+              <li data-stage="apply"><span className="activity-stage-index" /><span data-i18n="activity.apply">Apply</span></li>
+              <li data-stage="compile"><span className="activity-stage-index" /><span data-i18n="activity.compile">Compile</span></li>
+            </ol>
+            <pre id="agent-activity-log" className="hidden" aria-hidden="true" data-i18n="activity.liveOutput">Live CLI output will appear here.</pre>
+            <div className="agent-activity-result hidden" id="agent-activity-result" />
+            <div className="agent-activity-actions"><button id="agent-activity-details" type="button" data-i18n="activity.details">CLI details</button><button id="agent-activity-cancel" className="hidden" type="button" data-i18n="activity.cancel">Cancel</button><button id="agent-activity-undo" className="hidden" type="button" data-i18n="activity.undo">Undo this revision</button></div>
+          </div>
+        </div>
+      </div>
+    </aside>
+  );
+}
+
+function VersionDialog() {
+  return (
+    <div id="version-overlay" className="compact-overlay hidden" role="dialog" aria-modal="true" aria-labelledby="version-title">
+      <section id="version-dialog" className="compact-dialog">
+        <header className="version-dialog-header">
+          <div className="version-dialog-heading">
+            <span className="version-dialog-icon"><Rocket size={20} /></span>
+            <div><span className="version-eyebrow" data-i18n="version.releaseNotes">Release notes</span><h2 id="version-title" data-i18n="version.upToDate">You’re up to date</h2></div>
+          </div>
+          <button id="version-close" type="button" aria-label="Close" data-i18n-aria-label="common.close"><X size={17} /></button>
+        </header>
+        <div className="version-dialog-body">
+          <div className="version-summary">
+            <div><span data-i18n="version.installed">Installed</span><strong id="version-installed">v{packageData.version}</strong></div>
+            <span className="version-arrow">→</span>
+            <div><span data-i18n="version.latest">Latest</span><strong id="version-latest">v{packageData.version}</strong></div>
+            <span id="version-date" className="version-date" />
+          </div>
+          <p id="version-check-note" className="version-check-note" data-i18n="version.checking">Checking for updates…</p>
+          <div id="version-notes" className="version-notes hidden">
+            <section><div className="version-section-title"><Rocket size={15} /><h3 data-i18n="version.whatsNew">What’s new</h3></div><ul id="version-highlights" /></section>
+            <section><div className="version-section-title version-section-title--fix"><Bug size={15} /><h3 data-i18n="version.fixes">Bug fixes</h3></div><ul id="version-fixes" /></section>
+          </div>
+        </div>
+        <footer className="version-dialog-footer">
+          <span data-i18n="version.safeNote">Review the release details before updating.</span>
+          <a id="version-release-link" className="ui-button ui-button--primary ui-button--sm hidden" target="_blank" rel="noreferrer"><Download size={14} /><span data-i18n="version.viewUpdate">View update</span></a>
+        </footer>
+      </section>
+    </div>
+  );
+}
+
+export function Workbench() {
+  return <div id="app"><ProductHeader /><Navigator /><EditorWorkspace /><AssistantPanel /><VersionDialog /></div>;
+}

package/frontend/src/lib/utils.js

@@ -0,0 +1,6 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}

package/frontend/src/main.jsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { flushSync } from 'react-dom';
+import { Workbench } from './components/workbench.jsx';
+import '@xterm/xterm/css/xterm.css';
+import './theme.css';
+
+let terminalApiPromise;
+globalThis.loadPapergodTerminal = () => {
+  terminalApiPromise ||= Promise.all([import('@xterm/xterm'), import('@xterm/addon-fit'), import('@xterm/addon-web-links')]).then(([xterm, fit, webLinks]) => ({ Terminal: xterm.Terminal, FitAddon: fit.FitAddon, WebLinksAddon: webLinks.WebLinksAddon }));
+  return terminalApiPromise;
+};
+
+const root = createRoot(document.getElementById('root'));
+flushSync(() => root.render(<Workbench />));
+
+import(/* @vite-ignore */ '/app.js').catch((error) => {
+  console.error('Papergod workflow failed to initialize', error);
+});

package/frontend/src/theme.css

@@ -0,0 +1,256 @@
+:root {
+  color-scheme: light;
+  --sidebar-w: 244px;
+  --right-w: 380px;
+  --header-h: 56px;
+  --background: #ffffff;
+  --foreground: #18181b;
+  --card: #ffffff;
+  --muted: #f6f7f9;
+  --muted-foreground: #71717a;
+  --primary: #2563eb;
+  --primary-foreground: #ffffff;
+  --border: #e4e4e7;
+  --ring: rgba(37, 99, 235, .22);
+  --radius: 8px;
+  --bg-dark: var(--background);
+  --bg-panel: #fafafa;
+  --bg-input: #f4f4f5;
+  --text: var(--foreground);
+  --text-dim: var(--muted-foreground);
+  --accent: var(--primary);
+  --accent-hover: #1d4ed8;
+  --success: #15803d;
+  --error: #dc2626;
+  --warn: #b45309;
+  --badge-style: #7c3aed;
+  --badge-grammar: #a16207;
+  --badge-structure: #2563eb;
+}
+
+html, body, #root { height: 100%; }
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  -webkit-font-smoothing: antialiased;
+}
+
+button, input, textarea, select { font: inherit; }
+
+button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible {
+  outline: 2px solid var(--ring);
+  outline-offset: 1px;
+}
+
+#app { background: var(--background); }
+
+#header {
+  gap: 6px;
+  padding: 0 14px;
+  background: rgba(255, 255, 255, .96);
+  border-color: var(--border);
+}
+
+.brand-mark { display: flex; align-items: center; gap: 8px; min-width: calc(var(--sidebar-w) - 14px); color: #27272a; }
+.brand-logo { width: 32px; height: 32px; flex: none; object-fit: contain; }
+.logo { color: #18181b; font-size: 15px; letter-spacing: -.02em; }
+.header-actions { display: flex; align-items: center; gap: 2px; }
+
+.ui-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  border: 1px solid transparent;
+  border-radius: 7px;
+  white-space: nowrap;
+  font-weight: 500;
+  cursor: pointer;
+  transition: color .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
+}
+.ui-button:disabled { pointer-events: none; opacity: .45; }
+.ui-button--md { min-height: 36px; padding: 8px 13px; font-size: 12px; }
+.ui-button--sm { min-height: 30px; padding: 6px 9px; font-size: 11px; }
+.ui-button--icon { width: 30px; height: 30px; padding: 0; }
+.ui-button--default, .ui-button--outline { color: #3f3f46; background: #fff; border-color: var(--border); }
+.ui-button--default:hover, .ui-button--outline:hover { background: #f4f4f5; border-color: #d4d4d8; }
+.ui-button--ghost { color: #52525b; background: transparent; }
+.ui-button--ghost:hover { color: #18181b; background: #f4f4f5; }
+.ui-button--primary { color: #fff; background: var(--primary); border-color: var(--primary); box-shadow: 0 1px 2px rgba(37, 99, 235, .12); }
+.ui-button--primary:hover { background: #1d4ed8; border-color: #1d4ed8; }
+
+.ui-badge {
+  display: inline-flex;
+  align-items: center;
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  padding: 3px 8px;
+  color: #71717a;
+  background: #fff;
+  font-size: 10px;
+  font-weight: 500;
+  line-height: 1;
+}
+
+#status { margin-left: auto; }
+#status.success { color: var(--success); background: #f0fdf4; }
+#status.error { color: var(--error); background: #fef2f2; }
+.language-control { display: inline-flex; align-items: center; gap: 5px; color: #71717a; font-size: 10px; }
+.language-control select { min-height: 26px; padding: 3px 22px 3px 7px; border: 1px solid var(--border); border-radius: 6px; color: #3f3f46; background: #fff; font-size: 10px; }
+
+#sidebar {
+  padding: 12px 10px;
+  background: #fafafa;
+  border-color: var(--border);
+  scrollbar-width: thin;
+}
+#sidebar h3 { color: #a1a1aa; font-size: 10px; letter-spacing: .08em; }
+.sidebar-heading { padding: 0 8px; }
+.outline-heading { margin-top: 18px; padding-top: 14px; }
+#sync-outline { color: #71717a; font-size: inherit; }
+#file-tree li { margin: 2px 0; padding: 7px 9px; border-radius: 6px; color: #52525b; font-size: 12px; }
+#file-tree li:hover { background: #f0f0f2; }
+#file-tree li.active { color: #1d4ed8; background: #eff6ff; font-weight: 600; }
+.outline-document { color: #1d4ed8; }
+.outline-node.selected, .outline-document.selected { color: #1d4ed8; background: #eff6ff; }
+.outline-node:hover, .outline-document:hover { background: #f0f0f2; }
+
+#editor-panel { background: #fff; }
+#editor-toolbar { min-height: 48px; padding: 7px 12px; background: #fff; border-color: var(--border); }
+.file-context { display: flex; align-items: center; gap: 7px; flex: 1; color: #a1a1aa; }
+#current-file { flex: initial; color: #52525b; font-size: 12px; }
+#workspace-view-switch { padding: 3px; background: #f4f4f5; border: 0; border-radius: 7px; }
+#editor-toolbar #workspace-view-switch .view-tab { min-height: 27px; padding: 4px 10px; border-radius: 5px; color: #71717a; }
+#editor-toolbar #workspace-view-switch .view-tab:hover:not(:disabled) { color: #3f3f46; background: #e9e9ec; }
+#editor-toolbar #workspace-view-switch .view-tab.active { color: #27272a; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .08); }
+#editor-toolbar > button { padding: 6px 9px; border-radius: 7px; background: #fff; color: #3f3f46; }
+#editor-toolbar > button:hover { color: #18181b; background: #f4f4f5; border-color: #d4d4d8; }
+#editor-toolbar > #compile-btn { color: #fff; background: var(--primary); border-color: var(--primary); }
+#editor-toolbar > #compile-btn:hover { color: #fff; background: #1d4ed8; border-color: #1d4ed8; }
+
+.CodeMirror { background: #fff; color: #27272a; font-size: 13px; line-height: 1.65; }
+.CodeMirror-gutters { background: #fafafa; border-color: #eeeeef; }
+.CodeMirror-linenumber { color: #b4b4bc; }
+.CodeMirror-cursor { border-left-color: #18181b; }
+.CodeMirror-selected { background: #dbeafe !important; }
+.cm-s-default .cm-keyword { color: #7c3aed; }
+.cm-s-default .cm-tag { color: #2563eb; }
+.cm-s-default .cm-bracket { color: #71717a; }
+.cm-s-default .cm-comment { color: #16a34a; }
+.cm-s-default .cm-string { color: #b45309; }
+
+#right-panel { background: #fafafa; border-color: var(--border); }
+#ai-header { display: flex; align-items: center; min-height: 48px; padding: 8px 12px; color: #52525b; background: #fafafa; border-color: var(--border); }
+#ai-header > span:first-child { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 600; }
+#agent-provider-quick { color: #2563eb; background-color: #eff6ff; border-color: #dbeafe; }
+#ai-module-list { max-height: 72%; background: #fafafa; border-color: var(--border); }
+.ai-module { padding: 13px 12px; border-color: var(--border); }
+.ai-module-head { margin-bottom: 8px; }
+.ai-module-head strong { color: #3f3f46; font-size: 11px; }
+.ai-module-head > span, #agent-config-summary, #prompt-context-meta { font-size: 10px; }
+.module-index { width: 19px; height: 19px; color: #52525b; background: #eeeeef; }
+.ai-module-head button, #context-definition-editor button { min-height: 26px; border-color: transparent; background: transparent; color: #71717a; }
+.ai-module-head button:hover, #context-definition-editor button:hover { color: #18181b; background: #eeeeef; border-color: transparent; }
+#agent-config-summary { color: #2563eb; }
+#prompt-management-module #modification-intent-module { background: #fff; border-color: #e4e4e7; }
+#prompt-management-module #prompt-preview-open { color: #3f3f46; background: #fff; border-color: #d4d4d8; }
+#prompt-management-module #prompt-preview-open:hover { color: #18181b; background: #f4f4f5; }
+#context-title { color: #27272a; }
+#prompt-context-excerpt { color: #71717a; background: #f4f4f5; border: 1px solid #eeeeef; }
+#context-definition-editor textarea, #temporary-prompt-module textarea,
+#context-panel textarea, #ai-prompt { color: #27272a; background: #fff; border-color: #d4d4d8; border-radius: 7px; }
+#context-definition-editor textarea:focus, #temporary-prompt-module textarea:focus,
+#context-panel textarea:focus, #ai-prompt:focus { border-color: #93c5fd; box-shadow: 0 0 0 3px var(--ring); outline: none; }
+#ai-invoke { min-height: 38px; border-radius: 7px; color: #fff; background: #18181b; border-color: #18181b; font-size: 12px; }
+#ai-invoke:hover { background: #27272a; border-color: #27272a; }
+#ai-suggestions { background: #fff; }
+
+#preview-panel, #preview-placeholder { background: #f1f5f9; }
+.pdf-page { box-shadow: 0 1px 3px rgba(15, 23, 42, .12), 0 10px 30px rgba(15, 23, 42, .06); }
+
+.compact-overlay, #focus-annotation-overlay, #library-overlay, #review-overlay, #peer-review-overlay { background: rgba(24, 24, 27, .28); backdrop-filter: blur(2px); }
+.compact-dialog, #focus-annotation-dialog, #library-drawer, #review-drawer, #peer-review-drawer { background: #fff; border-color: var(--border); box-shadow: 0 20px 60px rgba(24, 24, 27, .14); }
+.library-header { background: #fff; border-color: var(--border); }
+.library-header h2 { color: #18181b; }
+.library-header button { color: #71717a; }
+.library-toolbar, #review-workflow-tabs, .focus-column-heading { background: #fafafa; }
+#prompt-preview-content, #prompt-preview-manifest, .focus-reading-text, .suggestion .diff, .annotation-item blockquote,
+.change-before, .peer-finding, .peer-finding blockquote, .response-letter-form, .mini-diff del,
+.mini-diff ins, #paper-generation-preview pre { color: #334155; background: #f8fafc; }
+.prompt-manifest-details { border-color: var(--border); background: #fff; }
+.prompt-manifest-details summary { color: #2563eb; background: #f8fafc; }
+.prompt-manifest-details summary:hover { color: #1d4ed8; background: #eff6ff; }
+#prompt-preview-manifest { border-top: 1px solid #e4e4e7; }
+.focus-sentence-card, .agent-provider-card, .annotation-item, .revision-card, .reviewer-draft,
+.rubric-draft, .peer-review-card, .self-revision-card, .library-item, .candidate-item { background: #fff; }
+.focus-paragraph-button:hover, .focus-paragraph-button.active, .revision-head, .peer-review-head,
+.self-revision-head { background: #f4f4f5; }
+#library-usage, .peer-synthesis { background: #eff6ff; }
+#paragraph-draft, #paper-generation-preview, .verification.complete { background: #f0fdf4; }
+.verification.incomplete { background: #fffbeb; }
+
+input, textarea, select { accent-color: var(--primary); }
+input::placeholder, textarea::placeholder { color: #a1a1aa; }
+
+#sidebar { display: flex; flex-direction: column; overflow: hidden; }
+#navigator-tabs { flex: none; }
+.navigator-panel { flex: 1; }
+.version-status {
+  display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 8px;
+  width: 100%; margin-top: 10px; padding: 9px 8px; border: 1px solid transparent; border-radius: 8px;
+  color: #71717a; background: transparent; text-align: left; cursor: pointer;
+}
+.version-status:hover { color: #3f3f46; background: #f4f4f5; border-color: #e4e4e7; }
+.version-status.has-update { color: #1e40af; background: #eff6ff; border-color: #bfdbfe; }
+.version-status.has-update:hover { background: #dbeafe; border-color: #93c5fd; }
+.version-status-icon { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 7px; color: #71717a; background: #eeeeef; }
+.version-status.has-update .version-status-icon { color: #2563eb; background: #dbeafe; }
+.version-status-copy { display: grid; gap: 2px; min-width: 0; }
+.version-status-copy > span { font-size: 9px; font-weight: 500; }
+.version-status-copy strong { color: #3f3f46; font-size: 11px; font-weight: 650; }
+.version-update-badge { padding: 4px 7px; border-radius: 999px; color: #fff; background: #2563eb; font-size: 9px; font-weight: 700; }
+
+#version-dialog { width: min(620px, 94vw); border-radius: 14px; }
+.version-dialog-header { display: flex; align-items: center; justify-content: space-between; padding: 20px 22px; border-bottom: 1px solid var(--border); }
+.version-dialog-heading { display: flex; align-items: center; gap: 12px; }
+.version-dialog-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 10px; color: #2563eb; background: #eff6ff; }
+.version-eyebrow { display: block; margin-bottom: 3px; color: #2563eb; font-size: 9px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
+.version-dialog-header h2 { color: #18181b; font-size: 18px; letter-spacing: -.02em; }
+#version-close { display: grid; width: 32px; height: 32px; place-items: center; border: 0; border-radius: 7px; color: #71717a; background: transparent; cursor: pointer; }
+#version-close:hover { color: #18181b; background: #f4f4f5; }
+.version-dialog-body { padding: 20px 22px 24px; overflow-y: auto; }
+.version-summary { display: grid; grid-template-columns: 1fr auto 1fr auto; align-items: center; gap: 14px; padding: 14px 16px; border: 1px solid #e4e4e7; border-radius: 10px; background: #fafafa; }
+.version-summary > div { display: grid; gap: 3px; }
+.version-summary span { color: #71717a; font-size: 9px; }
+.version-summary strong { color: #27272a; font-size: 13px; }
+.version-arrow { color: #a1a1aa !important; font-size: 14px !important; }
+.version-date { justify-self: end; }
+.version-check-note { margin: 16px 2px 0; color: #71717a; font-size: 11px; line-height: 1.55; }
+.version-check-note.success { color: #15803d; }
+.version-check-note.warning { color: #b45309; }
+.version-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 18px; }
+.version-notes section { padding: 15px; border: 1px solid #e4e4e7; border-radius: 10px; background: #fff; }
+.version-section-title { display: flex; align-items: center; gap: 7px; color: #2563eb; }
+.version-section-title--fix { color: #7c3aed; }
+.version-section-title h3 { color: #27272a; font-size: 11px; }
+.version-notes ul { display: grid; gap: 8px; margin: 12px 0 0; padding-left: 17px; color: #52525b; font-size: 10px; line-height: 1.5; }
+.version-notes li::marker { color: #93c5fd; }
+.version-dialog-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 22px; border-top: 1px solid #e4e4e7; background: #fafafa; }
+.version-dialog-footer > span { color: #71717a; font-size: 9px; }
+.version-dialog-footer a { text-decoration: none; }
+
+@media (max-width: 1120px) {
+  :root { --sidebar-w: 210px; --right-w: 330px; }
+  .brand-mark { min-width: 150px; }
+  .header-actions .ui-button { font-size: 0; gap: 0; }
+}
+
+@media (max-width: 820px) {
+  :root { --sidebar-w: 190px; --right-w: 300px; }
+  .brand-mark { min-width: auto; margin-right: 8px; }
+  .version-notes { grid-template-columns: 1fr; }
+  .version-summary { grid-template-columns: 1fr auto 1fr; }
+  .version-date { display: none; }
+}

package/frontend/vite.config.js

@@ -0,0 +1,23 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import { resolve } from 'node:path';
+
+export default defineConfig({
+  root: resolve(import.meta.dirname),
+  publicDir: false,
+  plugins: [react()],
+  build: {
+    outDir: resolve(import.meta.dirname, '../public/react'),
+    emptyOutDir: true,
+    sourcemap: false,
+    rollupOptions: {
+      input: resolve(import.meta.dirname, 'src/main.jsx'),
+      external: ['/app.js'],
+      output: {
+        entryFileNames: 'app.js',
+        chunkFileNames: 'assets/[name]-[hash].js',
+        assetFileNames: 'assets/[name][extname]',
+      },
+    },
+  },
+});

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "papergod",
+  "version": "0.1.0",
+  "type": "module",
+  "description": "AI-powered local-first LaTeX writing platform and CLI",
+  "keywords": [
+    "latex",
+    "academic-writing",
+    "paper-writing",
+    "ai",
+    "editor",
+    "cli",
+    "overleaf",
+    "research"
+  ],
+  "license": "MIT",
+  "author": {
+    "name": "SHENGYU LIU",
+    "url": "https://github.com/LiuShengyu-Tech"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/LiuShengyu-Tech/papergod.git"
+  },
+  "bugs": {
+    "url": "https://github.com/LiuShengyu-Tech/papergod/issues"
+  },
+  "homepage": "https://github.com/LiuShengyu-Tech/papergod#readme",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "bin": {
+    "papergod": "src/cli.js"
+  },
+  "files": [
+    "src",
+    "frontend",
+    "public",
+    "example/main.tex",
+    "papergod-demo.png",
+    "README.md",
+    "ROADMAP.md"
+  ],
+  "scripts": {
+    "papergod": "node src/cli.js --resume",
+    "build:web": "vite build --config frontend/vite.config.js",
+    "prepack": "npm run build:web",
+    "test": "node --test tests/api.test.js"
+  },
+  "dependencies": {
+    "@xterm/addon-fit": "^0.11.0",
+    "@xterm/addon-web-links": "^0.12.0",
+    "@xterm/xterm": "^6.0.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "codemirror": "^5.65.16",
+    "express": "^4.21.0",
+    "lucide-react": "^1.31.0",
+    "node-pty": "^1.1.0",
+    "pdfjs-dist": "^4.8.69",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "tailwind-merge": "^3.6.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.7.0",
+    "vite": "^6.4.3"
+  }
+}