orquesta-agent 0.2.53 → 0.2.55

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 (7) hide show
  1. package/dist/ui/public/app.js +265 -282
  2. package/dist/ui/public/index.html +99 -61
  3. package/dist/ui/public/style.css +458 -255
  4. package/dist/ui/server.d.ts.map +1 -1
  5. package/dist/ui/server.js +39 -0
  6. package/dist/ui/server.js.map +1 -1
  7. package/package.json +1 -1
package/dist/ui/public/index.html CHANGED
@@ -4,52 +4,108 @@
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&display=swap" rel="stylesheet">
7
9
  <link rel="stylesheet" href="style.css">
8
10
  </head>
9
11
  <body>
10
12
  <div class="container">
11
13
  <!-- Header -->
12
14
  <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>
15
+ <div class="header-left">
16
+ <svg class="logo-svg" width="32" height="32" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
17
+ <rect width="200" height="200" rx="40" fill="#8b5cf6"/>
18
+ <text x="100" y="140" text-anchor="middle" font-family="Inter,sans-serif" font-weight="700" font-size="130" fill="white">O</text>
19
+ </svg>
20
+ <div>
21
+ <h1>orquesta<span class="brand-dot">.</span>live</h1>
22
+ <div class="header-subtitle">Agent Manager <span id="version">v0.0.0</span></div>
20
23
  </div>
21
24
  </div>
25
+ <div class="header-right">
26
+ <button id="refresh-btn" class="btn">
27
+ <svg id="refresh-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12a9 9 0 0 1-9 9m9-9a9 9 0 0 0-9-9m9 9H3m0 0a9 9 0 0 1 9-9m-9 9a9 9 0 0 0 9 9"/></svg>
28
+ Refresh
29
+ </button>
30
+ </div>
22
31
  </header>
23
32
 
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>
33
+ <!-- System Health -->
34
+ <div id="health-grid" class="health-grid">
35
+ <div class="health-card">
36
+ <div class="health-label">CPU</div>
37
+ <div class="health-value" id="cpu-value">--<small>%</small></div>
38
+ <div class="health-bar"><div class="health-bar-fill green" id="cpu-bar" style="width:0%"></div></div>
39
+ <div class="health-detail" id="cpu-detail">Loading...</div>
40
+ </div>
41
+ <div class="health-card">
42
+ <div class="health-label">Memory</div>
43
+ <div class="health-value" id="mem-value">--<small>%</small></div>
44
+ <div class="health-bar"><div class="health-bar-fill green" id="mem-bar" style="width:0%"></div></div>
45
+ <div class="health-detail" id="mem-detail">Loading...</div>
29
46
  </div>
30
- <div class="system-item">
31
- <span class="label">Claude CLI:</span>
32
- <span id="claude-status">-</span>
47
+ <div class="health-card">
48
+ <div class="health-label">Disk</div>
49
+ <div class="health-value" id="disk-value">--<small>%</small></div>
50
+ <div class="health-bar"><div class="health-bar-fill green" id="disk-bar" style="width:0%"></div></div>
51
+ <div class="health-detail" id="disk-detail">Loading...</div>
33
52
  </div>
34
- <div class="system-item">
35
- <span class="label">Orquesta CLI:</span>
36
- <span id="orquesta-status">-</span>
53
+ <div class="health-card">
54
+ <div class="health-label">Uptime</div>
55
+ <div class="health-value" id="uptime-value">--</div>
56
+ <div class="health-detail" id="hostname-detail">Loading...</div>
57
+ </div>
58
+ </div>
59
+
60
+ <!-- Execution Modes -->
61
+ <div class="modes-section">
62
+ <div class="modes-title">Execution Modes</div>
63
+ <div class="status-row" id="status-row">
64
+ <div class="mode-card" id="mode-claude">
65
+ <div class="mode-header">
66
+ <span class="dot" id="claude-dot"></span>
67
+ <strong>Claude CLI</strong>
68
+ </div>
69
+ <div class="mode-desc">Anthropic API &mdash; full Claude Code capabilities</div>
70
+ <div class="mode-status" id="claude-label">checking...</div>
71
+ </div>
72
+ <div class="mode-card" id="mode-orquesta">
73
+ <div class="mode-header">
74
+ <span class="dot" id="orquesta-dot"></span>
75
+ <strong>Orquesta CLI</strong>
76
+ </div>
77
+ <div class="mode-desc">Batuta LLM Proxy &mdash; 22 models, zero config</div>
78
+ <div class="mode-status" id="orquesta-label">checking...</div>
79
+ </div>
80
+ <div class="mode-card" id="mode-node">
81
+ <div class="mode-header">
82
+ <span class="dot" id="node-dot"></span>
83
+ <strong>Runtime</strong>
84
+ </div>
85
+ <div class="mode-desc">Node.js environment</div>
86
+ <div class="mode-status" id="node-label">checking...</div>
87
+ </div>
37
88
  </div>
38
89
  </div>
39
90
 
40
- <!-- Actions -->
41
- <div class="actions">
91
+ <!-- Agents -->
92
+ <div class="actions-bar">
93
+ <h2>Agents <span id="agent-count" style="color:var(--text-muted);font-weight:400;font-size:13px"></span></h2>
42
94
  <button id="add-agent-btn" class="btn btn-primary">
43
- <span class="icon">➕</span> Add New Agent
95
+ <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>
96
+ Add Agent
44
97
  </button>
45
98
  </div>
46
99
 
47
- <!-- Agents List -->
48
- <div id="agents-container" class="agents-container">
100
+ <div id="agents-container" class="agents-grid">
49
101
  <div id="empty-state" class="empty-state">
50
- <div class="empty-icon">📦</div>
102
+ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="2" y="6" width="20" height="12" rx="2"/><path d="M6 10h.01M10 10h.01M6 14h12"/></svg>
51
103
  <h3>No agents configured</h3>
52
- <p>Click "Add New Agent" to get started</p>
104
+ <p>Add an agent to start managing your projects</p>
105
+ <button class="btn btn-primary" onclick="openAddAgentModal()">
106
+ <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>
107
+ Add Your First Agent
108
+ </button>
53
109
  </div>
54
110
  </div>
55
111
 
@@ -62,31 +118,27 @@
62
118
  </div>
63
119
  <form id="agent-form" class="modal-body">
64
120
  <div class="form-group">
65
- <label for="agent-name">Agent Name *</label>
121
+ <label for="agent-name">Agent Name</label>
66
122
  <input type="text" id="agent-name" required placeholder="my-project">
67
123
  </div>
68
-
69
124
  <div class="form-group">
70
- <label for="agent-working-dir">Working Directory *</label>
125
+ <label for="agent-working-dir">Working Directory</label>
71
126
  <input type="text" id="agent-working-dir" required placeholder="/path/to/project">
72
127
  <small>The folder where your project code lives</small>
73
128
  </div>
74
-
75
129
  <div class="form-group">
76
- <label for="agent-token">Token *</label>
130
+ <label for="agent-token">Token</label>
77
131
  <input type="password" id="agent-token" required placeholder="oat_...">
78
- <small>Get your token from Orquesta dashboard</small>
132
+ <small>Get your token from the Orquesta dashboard</small>
79
133
  </div>
80
-
81
134
  <div class="form-group">
82
135
  <label for="agent-cli-preference">CLI Preference</label>
83
136
  <select id="agent-cli-preference">
84
137
  <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>
138
+ <option value="orquesta">Orquesta CLI (local LLM)</option>
139
+ <option value="claude">Claude CLI (Anthropic API)</option>
87
140
  </select>
88
141
  </div>
89
-
90
142
  <div class="form-group">
91
143
  <label for="agent-permission-mode">Permission Mode</label>
92
144
  <select id="agent-permission-mode">
@@ -94,49 +146,35 @@
94
146
  <option value="supervised">Supervised (require approval)</option>
95
147
  </select>
96
148
  </div>
97
-
98
149
  <div class="form-group">
99
150
  <label class="checkbox-label">
100
151
  <input type="checkbox" id="agent-auto-start">
101
- <span>Auto-start on boot (systemd/launchd)</span>
152
+ Auto-start on boot
102
153
  </label>
103
154
  </div>
104
-
105
155
  <div class="form-group">
106
156
  <label class="checkbox-label">
107
157
  <input type="checkbox" id="agent-auto-pull" checked>
108
- <span>Auto-pull git before prompts</span>
158
+ Auto-pull git before prompts
109
159
  </label>
110
160
  </div>
111
-
112
161
  <div class="form-actions">
113
- <button type="button" class="btn btn-secondary" onclick="closeAgentModal()">Cancel</button>
162
+ <button type="button" class="btn" onclick="closeAgentModal()">Cancel</button>
114
163
  <button type="submit" class="btn btn-primary">Save Agent</button>
115
164
  </div>
116
165
  </form>
117
166
  </div>
118
167
  </div>
168
+ </div>
119
169
 
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
- </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>
137
- </div>
138
- </div>
139
- </div>
170
+ <!-- Footer -->
171
+ <footer class="footer">
172
+ <a href="https://orquesta.live" target="_blank" rel="noopener">orquesta.live</a>
173
+ <span>&middot;</span>
174
+ <a href="https://orquesta.live/docs" target="_blank" rel="noopener">Docs</a>
175
+ <span>&middot;</span>
176
+ <a href="https://orquesta.live/dashboard" target="_blank" rel="noopener">Dashboard</a>
177
+ </footer>
140
178
  </div>
141
179
 
142
180
  <script src="app.js"></script>