orquesta-agent 0.2.58 → 0.2.59

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.
@@ -4,138 +4,159 @@
4
4
  <meta charset="UTF-8">
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <title>Orquesta Agent Manager</title>
7
+ <link rel="preconnect" href="https://fonts.googleapis.com">
8
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
7
9
  <link rel="stylesheet" href="style.css">
8
10
  </head>
9
11
  <body>
10
- <div class="container">
11
- <!-- Header -->
12
- <header class="header">
13
- <div class="header-content">
14
- <h1>🎼 Orquesta Agent Manager</h1>
15
- <div class="header-info">
16
- <span id="version" class="badge">v0.0.0</span>
17
- <button id="refresh-btn" class="btn btn-secondary">
18
- <span class="icon">🔄</span> Refresh
19
- </button>
12
+ <div class="layout">
13
+ <!-- Sidebar -->
14
+ <aside class="sidebar">
15
+ <div class="sidebar-header">
16
+ <img src="https://orquesta.live/logo-mark.png" alt="" class="sidebar-logo" onerror="this.style.display='none'">
17
+ <div class="sidebar-brand">
18
+ <span class="brand-name">orquesta</span>
19
+ <span class="brand-version" id="version">v0.0.0</span>
20
20
  </div>
21
21
  </div>
22
- </header>
23
22
 
24
- <!-- System Info -->
25
- <div id="system-info" class="system-info">
26
- <div class="system-item">
27
- <span class="label">Platform:</span>
28
- <span id="platform">-</span>
29
- </div>
30
- <div class="system-item">
31
- <span class="label">Claude CLI:</span>
32
- <span id="claude-status">-</span>
33
- </div>
34
- <div class="system-item">
35
- <span class="label">Orquesta CLI:</span>
36
- <span id="orquesta-status">-</span>
37
- </div>
38
- </div>
23
+ <nav class="sidebar-nav">
24
+ <button class="nav-item active" data-tab="agents" onclick="switchTab('agents')">
25
+ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="6" width="20" height="12" rx="2"/><path d="M6 10h.01M10 10h.01M6 14h12"/></svg>
26
+ Agents
27
+ </button>
28
+ <button class="nav-item" data-tab="health" onclick="switchTab('health')">
29
+ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
30
+ System
31
+ </button>
32
+ </nav>
39
33
 
40
- <!-- Actions -->
41
- <div class="actions">
42
- <button id="add-agent-btn" class="btn btn-primary">
43
- <span class="icon">➕</span> Add New Agent
44
- </button>
45
- </div>
34
+ <div class="sidebar-footer">
35
+ <div class="cli-status">
36
+ <div class="cli-row">
37
+ <span class="cli-dot" id="claude-dot"></span>
38
+ <span class="cli-label">Claude CLI</span>
39
+ <span class="cli-value" id="claude-status">--</span>
40
+ </div>
41
+ <div class="cli-row">
42
+ <span class="cli-dot" id="orquesta-dot"></span>
43
+ <span class="cli-label">Orquesta CLI</span>
44
+ <span class="cli-value" id="orquesta-status">--</span>
45
+ </div>
46
+ <div class="cli-row">
47
+ <span class="cli-dot on" id="node-dot"></span>
48
+ <span class="cli-label">Node.js</span>
49
+ <span class="cli-value" id="node-status">--</span>
50
+ </div>
51
+ </div>
52
+ <div class="sidebar-links">
53
+ <a href="https://orquesta.live/dashboard" target="_blank">Dashboard</a>
54
+ <a href="https://orquesta.live/docs" target="_blank">Docs</a>
55
+ </div>
56
+ </div>
57
+ </aside>
46
58
 
47
- <!-- Agents List -->
48
- <div id="agents-container" class="agents-container">
49
- <div id="empty-state" class="empty-state">
50
- <div class="empty-icon">📦</div>
51
- <h3>No agents configured</h3>
52
- <p>Click "Add New Agent" to get started</p>
59
+ <!-- Main content -->
60
+ <main class="main">
61
+ <!-- Agents Tab -->
62
+ <div id="tab-agents" class="tab-content active">
63
+ <div class="page-header">
64
+ <div>
65
+ <h1>Agents</h1>
66
+ <p class="page-subtitle" id="agent-count">Loading...</p>
67
+ </div>
68
+ <button class="btn btn-primary" id="add-agent-btn" onclick="openAddAgentModal()">
69
+ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
70
+ Add Agent
71
+ </button>
72
+ </div>
73
+ <div id="agents-container"></div>
53
74
  </div>
54
- </div>
55
75
 
56
- <!-- Modal: Add/Edit Agent -->
57
- <div id="agent-modal" class="modal">
58
- <div class="modal-content">
59
- <div class="modal-header">
60
- <h2 id="modal-title">Configure Agent</h2>
61
- <button class="modal-close" onclick="closeAgentModal()">&times;</button>
76
+ <!-- Health Tab -->
77
+ <div id="tab-health" class="tab-content">
78
+ <div class="page-header">
79
+ <h1>System Health</h1>
62
80
  </div>
63
- <form id="agent-form" class="modal-body">
64
- <div class="form-group">
65
- <label for="agent-name">Agent Name *</label>
66
- <input type="text" id="agent-name" required placeholder="my-project">
81
+ <div class="health-grid" id="health-grid">
82
+ <div class="health-card">
83
+ <div class="health-label">CPU Usage</div>
84
+ <div class="health-value" id="cpu-value">--%</div>
85
+ <div class="health-bar"><div class="health-bar-fill" id="cpu-bar"></div></div>
86
+ <div class="health-detail" id="cpu-detail"></div>
67
87
  </div>
68
-
69
- <div class="form-group">
70
- <label for="agent-working-dir">Working Directory *</label>
71
- <input type="text" id="agent-working-dir" required placeholder="/path/to/project">
72
- <small>The folder where your project code lives</small>
88
+ <div class="health-card">
89
+ <div class="health-label">Memory</div>
90
+ <div class="health-value" id="mem-value">--%</div>
91
+ <div class="health-bar"><div class="health-bar-fill" id="mem-bar"></div></div>
92
+ <div class="health-detail" id="mem-detail"></div>
73
93
  </div>
74
-
75
- <div class="form-group">
76
- <label for="agent-token">Token *</label>
77
- <input type="password" id="agent-token" required placeholder="oat_...">
78
- <small>Get your token from Orquesta dashboard</small>
94
+ <div class="health-card">
95
+ <div class="health-label">Disk</div>
96
+ <div class="health-value" id="disk-value">--%</div>
97
+ <div class="health-bar"><div class="health-bar-fill" id="disk-bar"></div></div>
98
+ <div class="health-detail" id="disk-detail"></div>
99
+ </div>
100
+ <div class="health-card">
101
+ <div class="health-label">Uptime</div>
102
+ <div class="health-value" id="uptime-value">--</div>
103
+ <div class="health-detail" id="hostname-detail"></div>
79
104
  </div>
105
+ </div>
106
+ </div>
107
+ </main>
108
+ </div>
80
109
 
110
+ <!-- Modal: Add/Edit Agent -->
111
+ <div id="agent-modal" class="modal-overlay">
112
+ <div class="modal">
113
+ <div class="modal-header">
114
+ <h2 id="modal-title">Add Agent</h2>
115
+ <button class="modal-close" onclick="closeAgentModal()">&times;</button>
116
+ </div>
117
+ <form id="agent-form" class="modal-body">
118
+ <div class="form-group">
119
+ <label>Agent Name</label>
120
+ <input type="text" id="agent-name" required placeholder="my-project">
121
+ </div>
122
+ <div class="form-group">
123
+ <label>Working Directory</label>
124
+ <input type="text" id="agent-working-dir" required placeholder="/path/to/project">
125
+ <small>The folder where your project code lives</small>
126
+ </div>
127
+ <div class="form-group">
128
+ <label>Token</label>
129
+ <input type="password" id="agent-token" required placeholder="oat_...">
130
+ <small>Get from Orquesta dashboard &gt; Settings &gt; Agent Tokens</small>
131
+ </div>
132
+ <div class="form-row">
81
133
  <div class="form-group">
82
- <label for="agent-cli-preference">CLI Preference</label>
134
+ <label>CLI Preference</label>
83
135
  <select id="agent-cli-preference">
84
- <option value="auto">Auto (prefer Orquesta CLI)</option>
85
- <option value="orquesta">Orquesta CLI (force local LLM)</option>
86
- <option value="claude">Claude CLI (force Anthropic API)</option>
136
+ <option value="auto">Auto</option>
137
+ <option value="orquesta">Orquesta CLI</option>
138
+ <option value="claude">Claude CLI</option>
87
139
  </select>
88
140
  </div>
89
-
90
141
  <div class="form-group">
91
- <label for="agent-permission-mode">Permission Mode</label>
142
+ <label>Permission Mode</label>
92
143
  <select id="agent-permission-mode">
93
- <option value="auto">Auto (no approval needed)</option>
94
- <option value="supervised">Supervised (require approval)</option>
144
+ <option value="auto">Auto (skip approvals)</option>
145
+ <option value="supervised">Supervised</option>
95
146
  </select>
96
147
  </div>
97
-
98
- <div class="form-group">
99
- <label class="checkbox-label">
100
- <input type="checkbox" id="agent-auto-start">
101
- <span>Auto-start on boot (systemd/launchd)</span>
102
- </label>
103
- </div>
104
-
105
- <div class="form-group">
106
- <label class="checkbox-label">
107
- <input type="checkbox" id="agent-auto-pull" checked>
108
- <span>Auto-pull git before prompts</span>
109
- </label>
110
- </div>
111
-
112
- <div class="form-actions">
113
- <button type="button" class="btn btn-secondary" onclick="closeAgentModal()">Cancel</button>
114
- <button type="submit" class="btn btn-primary">Save Agent</button>
115
- </div>
116
- </form>
117
- </div>
118
- </div>
119
-
120
- <!-- Modal: Logs Viewer -->
121
- <div id="logs-modal" class="modal">
122
- <div class="modal-content modal-large">
123
- <div class="modal-header">
124
- <h2 id="logs-title">Agent Logs</h2>
125
- <button class="modal-close" onclick="closeLogsModal()">&times;</button>
126
148
  </div>
127
- <div class="modal-body">
128
- <div class="logs-controls">
129
- <button id="logs-refresh" class="btn btn-secondary btn-sm">🔄 Refresh</button>
130
- <button id="logs-clear" class="btn btn-secondary btn-sm">🗑️ Clear Logs</button>
131
- <label class="checkbox-label">
132
- <input type="checkbox" id="logs-autoscroll" checked>
133
- <span>Auto-scroll</span>
134
- </label>
135
- </div>
136
- <pre id="logs-content" class="logs-content"></pre>
149
+ <div class="form-group">
150
+ <label class="checkbox-label">
151
+ <input type="checkbox" id="agent-auto-pull" checked>
152
+ Auto-pull git before prompts
153
+ </label>
137
154
  </div>
138
- </div>
155
+ <div class="form-actions">
156
+ <button type="button" class="btn" onclick="closeAgentModal()">Cancel</button>
157
+ <button type="submit" class="btn btn-primary">Save</button>
158
+ </div>
159
+ </form>
139
160
  </div>
140
161
  </div>
141
162