npm - agentopia - Versions diffs - 1.0.0 - Mend

agentopia 1.0.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 (140) hide show

package/.claude/settings.local.json +28 -0
package/dist/app.d.ts +10 -0
package/dist/app.d.ts.map +1 -0
package/dist/app.js +121 -0
package/dist/app.js.map +1 -0
package/dist/config.d.ts +9 -0
package/dist/config.d.ts.map +1 -0
package/dist/config.js +19 -0
package/dist/config.js.map +1 -0
package/dist/db/database.d.ts +5 -0
package/dist/db/database.d.ts.map +1 -0
package/dist/db/database.js +39 -0
package/dist/db/database.js.map +1 -0
package/dist/db/schema.d.ts +3 -0
package/dist/db/schema.d.ts.map +1 -0
package/dist/db/schema.js +621 -0
package/dist/db/schema.js.map +1 -0
package/dist/index.d.ts +2 -0
package/dist/index.d.ts.map +1 -0
package/dist/index.js +49 -0
package/dist/index.js.map +1 -0
package/dist/logger.d.ts +4 -0
package/dist/logger.d.ts.map +1 -0
package/dist/logger.js +9 -0
package/dist/logger.js.map +1 -0
package/dist/middleware/auth.d.ts +13 -0
package/dist/middleware/auth.d.ts.map +1 -0
package/dist/middleware/auth.js +733 -0
package/dist/middleware/auth.js.map +1 -0
package/dist/routes/agents.d.ts +3 -0
package/dist/routes/agents.d.ts.map +1 -0
package/dist/routes/agents.js +1058 -0
package/dist/routes/agents.js.map +1 -0
package/dist/routes/issues.d.ts +4 -0
package/dist/routes/issues.d.ts.map +1 -0
package/dist/routes/issues.js +946 -0
package/dist/routes/issues.js.map +1 -0
package/dist/routes/knowledge.d.ts +3 -0
package/dist/routes/knowledge.d.ts.map +1 -0
package/dist/routes/knowledge.js +117 -0
package/dist/routes/knowledge.js.map +1 -0
package/dist/routes/memories.d.ts +3 -0
package/dist/routes/memories.d.ts.map +1 -0
package/dist/routes/memories.js +115 -0
package/dist/routes/memories.js.map +1 -0
package/dist/routes/messages.d.ts +3 -0
package/dist/routes/messages.d.ts.map +1 -0
package/dist/routes/messages.js +130 -0
package/dist/routes/messages.js.map +1 -0
package/dist/routes/projects.d.ts +3 -0
package/dist/routes/projects.d.ts.map +1 -0
package/dist/routes/projects.js +754 -0
package/dist/routes/projects.js.map +1 -0
package/dist/routes/templates.d.ts +3 -0
package/dist/routes/templates.d.ts.map +1 -0
package/dist/routes/templates.js +117 -0
package/dist/routes/templates.js.map +1 -0
package/dist/routes/ui.d.ts +3 -0
package/dist/routes/ui.d.ts.map +1 -0
package/dist/routes/ui.js +38 -0
package/dist/routes/ui.js.map +1 -0
package/dist/services/agent-hierarchy.d.ts +14 -0
package/dist/services/agent-hierarchy.d.ts.map +1 -0
package/dist/services/agent-hierarchy.js +58 -0
package/dist/services/agent-hierarchy.js.map +1 -0
package/dist/services/agent-issue-batch.d.ts +17 -0
package/dist/services/agent-issue-batch.d.ts.map +1 -0
package/dist/services/agent-issue-batch.js +57 -0
package/dist/services/agent-issue-batch.js.map +1 -0
package/dist/services/controller.d.ts +4 -0
package/dist/services/controller.d.ts.map +1 -0
package/dist/services/controller.js +237 -0
package/dist/services/controller.js.map +1 -0
package/dist/services/langgraph-runner.d.ts +33 -0
package/dist/services/langgraph-runner.d.ts.map +1 -0
package/dist/services/langgraph-runner.js +478 -0
package/dist/services/langgraph-runner.js.map +1 -0
package/dist/services/orchestrator.d.ts +9 -0
package/dist/services/orchestrator.d.ts.map +1 -0
package/dist/services/orchestrator.js +116 -0
package/dist/services/orchestrator.js.map +1 -0
package/dist/services/pre-controller.d.ts +7 -0
package/dist/services/pre-controller.d.ts.map +1 -0
package/dist/services/pre-controller.js +101 -0
package/dist/services/pre-controller.js.map +1 -0
package/dist/services/process-manager.d.ts +67 -0
package/dist/services/process-manager.d.ts.map +1 -0
package/dist/services/process-manager.js +938 -0
package/dist/services/process-manager.js.map +1 -0
package/dist/services/project-permissions.d.ts +84 -0
package/dist/services/project-permissions.d.ts.map +1 -0
package/dist/services/project-permissions.js +129 -0
package/dist/services/project-permissions.js.map +1 -0
package/dist/services/scheduler.d.ts +6 -0
package/dist/services/scheduler.d.ts.map +1 -0
package/dist/services/scheduler.js +300 -0
package/dist/services/scheduler.js.map +1 -0
package/dist/services/system-prompt.d.ts +3 -0
package/dist/services/system-prompt.d.ts.map +1 -0
package/dist/services/system-prompt.js +285 -0
package/dist/services/system-prompt.js.map +1 -0
package/dist/services/terminal.d.ts +18 -0
package/dist/services/terminal.d.ts.map +1 -0
package/dist/services/terminal.js +222 -0
package/dist/services/terminal.js.map +1 -0
package/dist/services/websocket.d.ts +15 -0
package/dist/services/websocket.d.ts.map +1 -0
package/dist/services/websocket.js +204 -0
package/dist/services/websocket.js.map +1 -0
package/dist/types.d.ts +108 -0
package/dist/types.d.ts.map +1 -0
package/dist/types.js +3 -0
package/dist/types.js.map +1 -0
package/env.ini +18 -0
package/package.json +38 -0
package/project_id +0 -0
package/public/admin-users.html +188 -0
package/public/agent.html +199 -0
package/public/css/issues.css +275 -0
package/public/css/style.css +1299 -0
package/public/index.html +166 -0
package/public/issue.html +76 -0
package/public/js/agent.js +19 -0
package/public/js/common.js +735 -0
package/public/js/dashboard.js +772 -0
package/public/js/files-panel.js +703 -0
package/public/js/interactive-terminal.js +201 -0
package/public/js/issue-renderer.js +559 -0
package/public/js/issue.js +57 -0
package/public/js/project.js +2425 -0
package/public/js/terminal.js +564 -0
package/public/project.html +430 -0
package/public/terminal.html +67 -0
package/public/vendor/marked.js +74 -0
package/public/vendor/xterm-addon-fit.js +2 -0
package/public/vendor/xterm.css +209 -0
package/public/vendor/xterm.js +2 -0
package/send_message_and_update_issue.js +65 -0
package/tsconfig.json +19 -0
package/update_round2_and_create_round3.js +284 -0

package/public/project.html ADDED Viewed

@@ -0,0 +1,430 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Argus - Project</title>
+  <link rel="stylesheet" href="/public/css/style.css">
+  <link rel="stylesheet" href="/public/css/issues.css">
+</head>
+<body>
+  <div class="overlay" id="overlay" onclick="closeDrawer()"></div>
+  <div class="drawer" id="drawer">
+    <div class="drawer-header">
+      <h3><span style="color:var(--accent)">Argus</span></h3>
+      <button class="drawer-close" onclick="closeDrawer()">&times;</button>
+    </div>
+    <div class="drawer-content">
+      <div class="drawer-section">
+        <div class="drawer-section-header">Navigation</div>
+        <a href="/" class="drawer-link">Dashboard</a>
+      </div>
+      <div class="drawer-section">
+        <div class="drawer-section-header">Settings</div>
+        <div class="settings-section">
+          <div class="setting-group">
+            <label>Theme</label>
+            <select id="theme-select" onchange="changeTheme(this.value)">
+              <option value="github-dark">GitHub Dark</option>
+              <option value="dracula">Dracula</option>
+              <option value="nord-dark">Nord Dark</option>
+              <option value="nord-light">Nord Light</option>
+              <option value="monokai">Monokai</option>
+              <option value="solarized-dark">Solarized Dark</option>
+              <option value="solarized-light">Solarized Light</option>
+            </select>
+          </div>
+          <div class="setting-group">
+            <label class="toggle-label">
+              Notification Sound
+              <button type="button" class="toggle-switch notif-sound-toggle" onclick="toggleNotificationSound()">
+                <span class="toggle-knob"></span>
+              </button>
+            </label>
+          </div>
+        </div>
+      </div>
+      <div class="drawer-section">
+        <a href="/change-password" class="drawer-link">Change Password</a>
+        <a href="#" class="drawer-link" onclick="logout();return false" style="color:var(--error)">Logout</a>
+      </div>
+    </div>
+  </div>
+  <header>
+    <button class="menu-btn" onclick="toggleDrawer()">
+      <span></span><span></span><span></span>
+    </button>
+    <h1><a href="/" style="color:var(--accent);text-decoration:none">Argus</a></h1>
+    <div class="breadcrumb" style="margin-left:12px">
+      <a href="/">Projects</a> / <a id="project-name" href="#" onclick="switchTab('overview');return false" style="color:var(--link);text-decoration:none">Loading...</a><span id="breadcrumb-section"></span>
+    </div>
+    <div class="header-right">
+      <div id="ws-status-indicator" style="display:flex;align-items:center;padding-right:12px"></div>
+    </div>
+  </header>
+  <div class="container">
+    <!-- Header bar with project name + actions -->
+    <div class="project-header mb-16">
+      <div class="project-header-main">
+        <div class="project-title-row">
+          <h2 id="project-title">Project</h2>
+          <span id="project-status" class="status-badge"></span>
+          <span id="project-access-badge"></span>
+        </div>
+        <div class="project-access-row">
+          <span class="meta-chip" id="project-access-summary"></span>
+          <span class="meta-chip" id="project-owner-summary"></span>
+          <button class="btn btn-sm" id="btn-view-members" onclick="openProjectMembersModal(false)">Members</button>
+          <button class="btn btn-sm btn-primary" id="btn-share-project" onclick="openProjectMembersModal(true)" style="display:none">Share Settings</button>
+        </div>
+        <div class="project-inline-note" id="project-debug-note" style="display:none"></div>
+        <div class="project-readonly-banner" id="project-readonly-banner" style="display:none"></div>
+      </div>
+      <div class="flex" id="project-manage-actions" style="display:none">
+        <button class="btn btn-sm" id="btn-toggle" onclick="toggleProjectStatus()">Pause</button>
+        <button class="btn btn-sm btn-primary" id="btn-trigger" onclick="triggerController()">Trigger Controller</button>
+        <button class="btn btn-sm btn-danger" id="btn-delete-project" onclick="deleteProject()">Delete</button>
+      </div>
+    </div>
+    <!-- Tabs -->
+    <div class="tab-bar">
+      <div class="tab active" onclick="switchTab('overview')">Overview</div>
+      <div class="tab" onclick="switchTab('agents')">Agents</div>
+      <div class="tab" onclick="switchTab('issues')">Issues</div>
+      <div class="tab" onclick="switchTab('activity')">Activity</div>
+      <div class="tab" onclick="switchTab('git')">Git</div>
+      <div class="tab" onclick="switchTab('knowledge')">Knowledge</div>
+      <div class="tab" onclick="switchTab('files')">Files</div>
+    </div>
+    <!-- Overview Tab -->
+    <div id="tab-overview">
+      <!-- Status Dashboard -->
+      <div id="project-dashboard" style="display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px"></div>
+      <div class="card">
+        <div class="form-group">
+          <label>Project Name</label>
+          <input type="text" id="project-name-edit" style="font-size:15px;font-weight:600">
+        </div>
+        <div class="form-group">
+          <label>Description</label>
+          <input type="text" id="project-desc-edit" placeholder="Short description">
+        </div>
+        <div class="form-group">
+          <label>Task Description</label>
+          <textarea id="project-task" rows="4" placeholder="What should the controller agent do?"></textarea>
+        </div>
+        <div style="display:flex;gap:16px">
+          <div class="form-group" style="flex:1">
+            <label>Tool Path</label>
+            <input type="text" id="project-cmd" style="font-family:monospace" placeholder="claude">
+          </div>
+        </div>
+        <div style="display:flex;gap:16px;font-size:11px;color:var(--text-secondary);margin-bottom:12px">
+          <span>Created: <span id="project-created"></span></span>
+          <span id="project-cost" style="display:none">Cost: <strong id="project-cost-value"></strong></span>
+        </div>
+        <div class="project-inline-note" id="project-overview-readonly-hint" style="display:none"></div>
+        <button class="btn btn-primary" id="btn-save-overview" onclick="saveOverview()" style="display:none">Save Changes</button>
+      </div>
+      <!-- Cost Time-Series Chart (bottom of overview) -->
+      <div id="cost-chart-panel" style="display:none;margin-top:16px">
+        <div class="card" style="padding:16px">
+          <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:12px">
+            <div style="font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;opacity:0.6">Cost Trend</div>
+            <div style="display:flex;gap:4px" id="cost-period-tabs">
+              <button class="btn btn-sm cost-period-btn" data-period="hour" onclick="switchCostPeriod('hour')" style="padding:2px 8px;font-size:10px">hr</button>
+              <button class="btn btn-sm cost-period-btn" data-period="day" onclick="switchCostPeriod('day')" style="padding:2px 8px;font-size:10px">day</button>
+              <button class="btn btn-sm cost-period-btn" data-period="week" onclick="switchCostPeriod('week')" style="padding:2px 8px;font-size:10px">wk</button>
+            </div>
+          </div>
+          <div id="cost-chart-agents"></div>
+        </div>
+        <div class="card" style="padding:16px;margin-top:12px">
+          <div style="font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;opacity:0.6;margin-bottom:12px">Cost by Agent</div>
+          <div id="cost-agent-comparison"></div>
+        </div>
+      </div>
+    </div>
+    <!-- Agents Tab -->
+    <div id="tab-agents" style="display:none">
+      <div id="agent-graph-container" style="margin-bottom:16px"></div>
+      <div id="orchestration-decision-container" style="margin-bottom:16px"></div>
+      <div class="flex-between mb-16">
+        <h3>Agents</h3>
+        <button class="btn btn-primary btn-sm" id="btn-new-agent" onclick="showCreateAgentModal()" style="display:none">+ New Agent</button>
+      </div>
+      <div id="agent-error-banner" style="display:none;padding:10px 14px;background:rgba(220,50,47,0.1);border:1px solid rgba(220,50,47,0.3);border-radius:6px;margin-bottom:12px;color:var(--error);font-size:12px"></div>
+      <div class="card">
+        <ul id="agent-list" class="agent-list">
+          <li class="empty-state">Loading agents...</li>
+        </ul>
+      </div>
+      <div id="agent-detail" style="display:none"></div>
+    </div>
+    <!-- Issues Tab -->
+    <div id="tab-issues" style="display:none">
+      <!-- Search + controls -->
+      <div style="display:flex;gap:8px;margin-bottom:12px;align-items:center;flex-wrap:wrap">
+        <div style="flex:1;min-width:200px;position:relative">
+          <input type="text" id="issue-search" placeholder="Search issues..." onkeyup="if(event.key==='Enter')searchIssues()" style="width:100%;padding:6px 30px 6px 10px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--fg);font-size:13px;box-sizing:border-box">
+          <button onclick="searchIssues()" style="position:absolute;right:2px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 6px" title="Search"><svg width="14" height="14" viewBox="0 0 16 16" fill="currentColor"><path d="M11.5 7a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0zm-.82 4.74a6 6 0 111.06-1.06l3.04 3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z"/></svg></button>
+        </div>
+        <select id="issue-sort" onchange="loadIssues()" style="padding:6px 8px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--fg);font-size:12px">
+          <option value="priority">Priority</option>
+          <option value="newest" selected>Newest</option>
+          <option value="oldest">Oldest</option>
+          <option value="updated">Recently updated</option>
+          <option value="comments">Most comments</option>
+        </select>
+        <button class="btn btn-primary btn-sm" id="btn-new-issue" onclick="showCreateIssueModal()" style="display:none">+ New Issue</button>
+      </div>
+      <!-- Active filters summary -->
+      <div id="issue-active-filters" style="display:none;margin-bottom:8px;font-size:12px;color:var(--text-secondary);align-items:center;gap:6px;flex-wrap:wrap"></div>
+      <!-- Filter tabs -->
+      <div id="issue-filter-tabs" style="display:flex;gap:2px;font-size:13px;margin-bottom:12px"></div>
+      <div id="issue-list"></div>
+      <div id="issue-pagination" style="display:flex;justify-content:center;gap:8px;margin-top:12px"></div>
+      <!-- Issue Detail (inline) -->
+    </div>
+    <!-- Activity Tab -->
+    <div id="tab-activity" style="display:none">
+      <div class="card" id="activity-list">
+        <div class="empty-state">Loading activity...</div>
+      </div>
+    </div>
+    <!-- Git Tab -->
+    <div id="tab-git" style="display:none">
+      <div id="git-status-summary" style="margin-bottom:16px"></div>
+      <div class="card" id="git-commit-list">
+        <div class="empty-state">Loading git information...</div>
+      </div>
+      <div id="git-uncommitted" style="margin-top:16px"></div>
+    </div>
+    <!-- Knowledge Tab -->
+    <div id="tab-knowledge" style="display:none">
+      <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px">
+        <div style="display:flex;gap:8px;align-items:center">
+          <select id="knowledge-filter-importance" onchange="loadKnowledge()" style="font-size:12px;padding:4px 8px">
+            <option value="">All Importance</option>
+            <option value="high">High (auto-inject)</option>
+            <option value="medium">Medium</option>
+            <option value="low">Low</option>
+          </select>
+        </div>
+        <button class="btn btn-primary" id="btn-new-knowledge" onclick="showCreateKnowledgeModal()" style="display:none">+ Add Knowledge</button>
+      </div>
+      <div id="knowledge-list" class="card">
+        <div class="empty-state">Loading...</div>
+      </div>
+    </div>
+    <!-- Files Tab -->
+    <div id="tab-files" style="display:none">
+      <div class="card" style="padding:12px 12px 16px">
+        <div id="project-files-note" class="file-panel-note" style="display:none"></div>
+        <div id="project-files-shell" class="files-shell">
+          <aside class="file-browser-pane">
+            <div class="file-browser-toolbar">
+              <div class="file-browser-toolbar-main">
+                <div class="file-toolbar-group">
+                  <div class="file-pane-label">Agent</div>
+                  <select id="project-files-agent" class="files-agent-select" onchange="handleProjectFilesAgentChange(this.value)"></select>
+                </div>
+                <div class="file-toolbar-group">
+                  <div class="file-pane-label">Working Directory</div>
+                  <div id="project-files-root-label" class="file-browser-root">Select an agent</div>
+                </div>
+              </div>
+              <label class="file-hidden-toggle">
+                <input type="checkbox" id="project-file-show-hidden" onchange="ProjectFiles.toggleHiddenFiles(this.checked)">
+                <span>Show hidden</span>
+              </label>
+              <button class="btn btn-sm file-upload-btn" type="button" onclick="ProjectFiles.triggerUpload()" title="Upload files">&#8613; Upload</button>
+            </div>
+            <div id="project-file-tree" class="file-tree">
+              <div class="empty-state" style="padding:24px 12px">Open the Files tab to load the directory tree.</div>
+            </div>
+          </aside>
+          <section class="file-editor-pane">
+            <div class="file-editor-toolbar">
+              <button class="btn btn-sm file-mobile-browse" type="button" onclick="ProjectFiles.showBrowser()">Browse</button>
+              <div class="file-editor-meta">
+                <div class="file-pane-label">Current File</div>
+                <div id="project-file-current-path" class="file-current-path">No file selected</div>
+              </div>
+              <div class="file-editor-actions">
+                <span class="file-save-hint">Ctrl+S</span>
+                <button class="btn btn-sm btn-primary" id="project-file-save-btn" type="button" onclick="ProjectFiles.saveCurrentFile()" disabled>Save</button>
+              </div>
+            </div>
+            <div id="project-file-editor-banner" class="file-editor-banner" hidden></div>
+            <div id="project-file-editor-status" class="file-editor-status">Select an agent to browse files.</div>
+            <div id="project-file-editor" class="file-editor-surface"></div>
+          </section>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Create/Edit Knowledge Modal -->
+  <div class="modal-overlay" id="projectMembersModal" onclick="if(event.target===this)hideModal('projectMembersModal')">
+    <div class="modal project-members-modal">
+      <div class="project-members-header">
+        <div>
+          <h3>Project Members &amp; Sharing</h3>
+          <div class="project-inline-note" id="project-members-subtitle"></div>
+        </div>
+        <button class="drawer-close" type="button" onclick="hideModal('projectMembersModal')">&times;</button>
+      </div>
+      <div class="project-readonly-banner" id="project-members-readonly-note" style="display:none"></div>
+      <div class="project-inline-note" id="project-members-debug-hint" style="display:none"></div>
+      <div id="project-members-manage-panel">
+        <div class="project-share-form">
+          <div class="form-group" style="margin-bottom:0">
+            <label for="project-share-username">Add Member</label>
+            <input type="text" id="project-share-username" placeholder="Enter username, e.g. alice" onkeydown="if(event.key==='Enter'){event.preventDefault();addProjectMember()}">
+          </div>
+          <button class="btn btn-primary" id="btn-add-member" onclick="addProjectMember()">Grant Access</button>
+        </div>
+      </div>
+      <div id="project-members-list" class="project-members-list">
+        <div class="empty-state">Loading members...</div>
+      </div>
+    </div>
+  </div>
+  <div class="modal-overlay" id="knowledgeModal">
+    <div class="modal" style="max-width:600px">
+      <h3 id="knowledge-modal-title">Add Knowledge Entry</h3>
+      <input type="hidden" id="knowledge-edit-id">
+      <div class="form-group">
+        <label>Title</label>
+        <input type="text" id="knowledge-title" placeholder="Knowledge entry title">
+      </div>
+      <div class="form-group">
+        <label>Content</label>
+        <textarea id="knowledge-content" rows="8" placeholder="Knowledge content (Markdown supported)..."></textarea>
+      </div>
+      <div class="form-group">
+        <label>Tags (comma-separated)</label>
+        <input type="text" id="knowledge-tags" placeholder="architecture, convention, api">
+      </div>
+      <div class="form-group">
+        <label>Importance</label>
+        <select id="knowledge-importance">
+          <option value="high">High — auto-injected on agent start</option>
+          <option value="medium" selected>Medium — queryable on demand</option>
+          <option value="low">Low — reference</option>
+        </select>
+      </div>
+      <div class="modal-actions">
+        <button class="btn" onclick="hideModal('knowledgeModal')">Cancel</button>
+        <button class="btn btn-primary" onclick="saveKnowledge()">Save</button>
+      </div>
+    </div>
+  </div>
+  <!-- Create Agent Modal -->
+  <div class="modal-overlay" id="createAgentModal">
+    <div class="modal">
+      <h3>Create New Agent</h3>
+      <div class="form-group">
+        <label>Name</label>
+        <input type="text" id="agent-name" placeholder="worker-1">
+      </div>
+      <div class="form-group">
+        <label>Role</label>
+        <textarea id="agent-role" rows="3" placeholder="Describe the agent's role in detail..."></textarea>
+      </div>
+      <div class="form-group">
+        <label>Working Directory</label>
+        <input type="text" id="agent-workdir" placeholder="/path/to/project (optional)">
+      </div>
+      <div class="form-group">
+        <label>Parent Agent</label>
+        <select id="agent-parent">
+          <option value="">No parent (top-level agent)</option>
+        </select>
+        <div style="font-size:11px;color:var(--fg-dim);margin-top:2px">Optional direct parent. The hierarchy graph follows this parent-child relation.</div>
+      </div>
+      <div class="form-group">
+        <label>Tool Path</label>
+        <input type="text" id="agent-cmdtpl" style="font-family:monospace;font-size:13px" placeholder="(leave blank = use project default)">
+        <div style="font-size:11px;color:var(--fg-dim);margin-top:2px">Leave blank to use project-level Tool Path setting</div>
+      </div>
+      <div class="modal-actions">
+        <button class="btn" onclick="hideModal('createAgentModal')">Cancel</button>
+        <button class="btn btn-primary" onclick="createAgent()">Create</button>
+      </div>
+    </div>
+  </div>
+  <!-- Start Agent Modal -->
+  <div class="modal-overlay" id="startAgentModal">
+    <div class="modal">
+      <h3>Start with Custom Prompt</h3>
+      <div class="form-group">
+        <label>Custom Prompt (optional — leave empty to auto-generate from role and task)</label>
+        <textarea id="start-prompt" placeholder="Override prompt, or leave empty..." rows="5"></textarea>
+      </div>
+      <input type="hidden" id="start-agent-id">
+      <div class="modal-actions">
+        <button class="btn" onclick="hideModal('startAgentModal')">Cancel</button>
+        <button class="btn btn-primary" onclick="startAgent()">Start</button>
+      </div>
+    </div>
+  </div>
+  <!-- Create Issue Modal -->
+  <div class="modal-overlay" id="createIssueModal">
+    <div class="modal">
+      <h3>New Issue</h3>
+      <div class="form-group">
+        <label>Template</label>
+        <select id="issue-template" onchange="applyIssueTemplate(this.value)">
+          <option value="">Blank</option>
+          <option value="bug">Bug Report</option>
+          <option value="feature">Feature Request</option>
+        </select>
+      </div>
+      <div class="form-group">
+        <label>Title</label>
+        <input type="text" id="issue-title" placeholder="Issue title">
+      </div>
+      <div class="form-group">
+        <label>Description</label>
+        <textarea id="issue-body" rows="6" placeholder="Describe the issue..."></textarea>
+      </div>
+      <div class="form-group">
+        <label>Assign to</label>
+        <select id="issue-assign"><option value="">Unassigned</option></select>
+      </div>
+      <div class="form-group">
+        <label>Labels (comma-separated)</label>
+        <input type="text" id="issue-labels" placeholder="bug, urgent, feature">
+      </div>
+      <div class="modal-actions">
+        <button class="btn" onclick="hideModal('createIssueModal')">Cancel</button>
+        <button class="btn btn-primary" onclick="createIssue()">Create</button>
+      </div>
+    </div>
+  </div>
+  <script src="/public/js/common.js?v=2"></script>
+  <script src="/public/vendor/marked.js"></script>
+  <script src="/public/js/files-panel.js"></script>
+  <script src="/public/js/project.js"></script>
+</body>
+</html>

package/public/terminal.html ADDED Viewed

@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Argus - Terminal</title>
+  <link rel="stylesheet" href="/public/css/style.css">
+  <link rel="stylesheet" href="/public/vendor/xterm.css">
+  <style>
+    body { margin: 0; display: flex; flex-direction: column; height: 100vh; overflow: hidden; }
+    header { flex-shrink: 0; }
+    .terminal-wrap { flex: 1; display: flex; flex-direction: column; padding: 0 12px 12px; overflow: hidden; }
+    .terminal-toolbar { display: flex; align-items: center; justify-content: space-between; padding: 8px 4px; gap: 8px; flex-shrink: 0; }
+    .terminal-toolbar .agent-name { font-weight: bold; font-size: 14px; }
+    .terminal-toolbar .status { font-size: 12px; color: var(--text-secondary); }
+    #terminal { flex: 1; border-radius: 6px; overflow: hidden; }
+    .session-dialog { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center; z-index: 100; }
+    .session-dialog .dialog-box { background: var(--card-bg); border: 1px solid var(--border); border-radius: 12px; padding: 24px; max-width: 400px; width: 90%; }
+    .session-dialog h3 { margin: 0 0 16px; }
+    .session-dialog .actions { display: flex; gap: 8px; margin-top: 16px; }
+    .session-dialog .actions button { flex: 1; }
+  </style>
+</head>
+<body>
+  <header>
+    <button class="menu-btn" onclick="history.back()">
+      <span></span><span></span><span></span>
+    </button>
+    <h1><a href="/" style="color:var(--accent);text-decoration:none">Argus</a></h1>
+    <div class="breadcrumb" style="margin-left:12px">
+      <a href="/">Projects</a> / <a id="project-link" href="#">Project</a> / <a id="agent-link" href="#">Agent</a> / <span>Terminal</span>
+    </div>
+    <div class="header-right"></div>
+  </header>
+  <div class="terminal-wrap">
+    <div class="terminal-toolbar">
+      <div>
+        <span class="agent-name" id="agent-name">Agent</span>
+        <span class="status" id="connection-status">Connecting...</span>
+      </div>
+      <div class="flex" style="gap:8px">
+        <button class="btn btn-sm" onclick="reconnect(true)">New Session</button>
+        <button class="btn btn-sm btn-danger" onclick="killSession()">Kill</button>
+      </div>
+    </div>
+    <div id="terminal"></div>
+  </div>
+  <!-- Session choice dialog -->
+  <div class="session-dialog" id="sessionDialog" style="display:none">
+    <div class="dialog-box">
+      <h3>Terminal Session</h3>
+      <p id="dialog-text">An existing session was found. Continue or start new?</p>
+      <div class="actions">
+        <button class="btn" onclick="startSession(false)">Continue Session</button>
+        <button class="btn btn-primary" onclick="startSession(true)">New Session</button>
+      </div>
+    </div>
+  </div>
+  <script src="/public/js/common.js?v=2"></script>
+  <script src="/public/vendor/xterm.js"></script>
+  <script src="/public/vendor/xterm-addon-fit.js"></script>
+  <script src="/public/js/interactive-terminal.js"></script>
+</body>
+</html>