orquesta-agent 0.2.56 → 0.2.58
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.
- package/dist/executor.d.ts.map +1 -1
- package/dist/executor.js +1 -3
- package/dist/executor.js.map +1 -1
- package/dist/ui/public/app.js +282 -265
- package/dist/ui/public/index.html +61 -96
- package/dist/ui/public/style.css +287 -421
- package/dist/ui/server.d.ts.map +1 -1
- package/dist/ui/server.js +0 -39
- package/dist/ui/server.js.map +1 -1
- package/package.json +1 -1
|
@@ -4,105 +4,52 @@
|
|
|
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">
|
|
9
7
|
<link rel="stylesheet" href="style.css">
|
|
10
8
|
</head>
|
|
11
9
|
<body>
|
|
12
10
|
<div class="container">
|
|
13
11
|
<!-- Header -->
|
|
14
12
|
<header class="header">
|
|
15
|
-
<div class="header-
|
|
16
|
-
<
|
|
17
|
-
<div>
|
|
18
|
-
<
|
|
19
|
-
<
|
|
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>
|
|
20
20
|
</div>
|
|
21
21
|
</div>
|
|
22
|
-
<div class="header-right">
|
|
23
|
-
<button id="refresh-btn" class="btn">
|
|
24
|
-
<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>
|
|
25
|
-
Refresh
|
|
26
|
-
</button>
|
|
27
|
-
</div>
|
|
28
22
|
</header>
|
|
29
23
|
|
|
30
|
-
<!-- System
|
|
31
|
-
<div id="
|
|
32
|
-
<div class="
|
|
33
|
-
<
|
|
34
|
-
<
|
|
35
|
-
<div class="health-bar"><div class="health-bar-fill green" id="cpu-bar" style="width:0%"></div></div>
|
|
36
|
-
<div class="health-detail" id="cpu-detail">Loading...</div>
|
|
37
|
-
</div>
|
|
38
|
-
<div class="health-card">
|
|
39
|
-
<div class="health-label">Memory</div>
|
|
40
|
-
<div class="health-value" id="mem-value">--<small>%</small></div>
|
|
41
|
-
<div class="health-bar"><div class="health-bar-fill green" id="mem-bar" style="width:0%"></div></div>
|
|
42
|
-
<div class="health-detail" id="mem-detail">Loading...</div>
|
|
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>
|
|
43
29
|
</div>
|
|
44
|
-
<div class="
|
|
45
|
-
<
|
|
46
|
-
<
|
|
47
|
-
<div class="health-bar"><div class="health-bar-fill green" id="disk-bar" style="width:0%"></div></div>
|
|
48
|
-
<div class="health-detail" id="disk-detail">Loading...</div>
|
|
30
|
+
<div class="system-item">
|
|
31
|
+
<span class="label">Claude CLI:</span>
|
|
32
|
+
<span id="claude-status">-</span>
|
|
49
33
|
</div>
|
|
50
|
-
<div class="
|
|
51
|
-
<
|
|
52
|
-
<
|
|
53
|
-
<div class="health-detail" id="hostname-detail">Loading...</div>
|
|
54
|
-
</div>
|
|
55
|
-
</div>
|
|
56
|
-
|
|
57
|
-
<!-- Execution Modes -->
|
|
58
|
-
<div class="modes-section">
|
|
59
|
-
<div class="modes-title">Execution Modes</div>
|
|
60
|
-
<div class="status-row" id="status-row">
|
|
61
|
-
<div class="mode-card" id="mode-claude">
|
|
62
|
-
<div class="mode-header">
|
|
63
|
-
<span class="dot" id="claude-dot"></span>
|
|
64
|
-
<strong>Claude CLI</strong>
|
|
65
|
-
</div>
|
|
66
|
-
<div class="mode-desc">Anthropic API — full Claude Code capabilities</div>
|
|
67
|
-
<div class="mode-status" id="claude-label">checking...</div>
|
|
68
|
-
</div>
|
|
69
|
-
<div class="mode-card" id="mode-orquesta">
|
|
70
|
-
<div class="mode-header">
|
|
71
|
-
<span class="dot" id="orquesta-dot"></span>
|
|
72
|
-
<strong>Orquesta CLI</strong>
|
|
73
|
-
</div>
|
|
74
|
-
<div class="mode-desc">Batuta LLM Proxy — 22 models, zero config</div>
|
|
75
|
-
<div class="mode-status" id="orquesta-label">checking...</div>
|
|
76
|
-
</div>
|
|
77
|
-
<div class="mode-card" id="mode-node">
|
|
78
|
-
<div class="mode-header">
|
|
79
|
-
<span class="dot" id="node-dot"></span>
|
|
80
|
-
<strong>Runtime</strong>
|
|
81
|
-
</div>
|
|
82
|
-
<div class="mode-desc">Node.js environment</div>
|
|
83
|
-
<div class="mode-status" id="node-label">checking...</div>
|
|
84
|
-
</div>
|
|
34
|
+
<div class="system-item">
|
|
35
|
+
<span class="label">Orquesta CLI:</span>
|
|
36
|
+
<span id="orquesta-status">-</span>
|
|
85
37
|
</div>
|
|
86
38
|
</div>
|
|
87
39
|
|
|
88
|
-
<!--
|
|
89
|
-
<div class="actions
|
|
90
|
-
<h2>Agents <span id="agent-count" style="color:var(--text-muted);font-weight:400;font-size:13px"></span></h2>
|
|
40
|
+
<!-- Actions -->
|
|
41
|
+
<div class="actions">
|
|
91
42
|
<button id="add-agent-btn" class="btn btn-primary">
|
|
92
|
-
<
|
|
93
|
-
Add Agent
|
|
43
|
+
<span class="icon">➕</span> Add New Agent
|
|
94
44
|
</button>
|
|
95
45
|
</div>
|
|
96
46
|
|
|
97
|
-
|
|
47
|
+
<!-- Agents List -->
|
|
48
|
+
<div id="agents-container" class="agents-container">
|
|
98
49
|
<div id="empty-state" class="empty-state">
|
|
99
|
-
<
|
|
50
|
+
<div class="empty-icon">📦</div>
|
|
100
51
|
<h3>No agents configured</h3>
|
|
101
|
-
<p>Add
|
|
102
|
-
<button class="btn btn-primary" onclick="openAddAgentModal()">
|
|
103
|
-
<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>
|
|
104
|
-
Add Your First Agent
|
|
105
|
-
</button>
|
|
52
|
+
<p>Click "Add New Agent" to get started</p>
|
|
106
53
|
</div>
|
|
107
54
|
</div>
|
|
108
55
|
|
|
@@ -115,27 +62,31 @@
|
|
|
115
62
|
</div>
|
|
116
63
|
<form id="agent-form" class="modal-body">
|
|
117
64
|
<div class="form-group">
|
|
118
|
-
<label for="agent-name">Agent Name
|
|
65
|
+
<label for="agent-name">Agent Name *</label>
|
|
119
66
|
<input type="text" id="agent-name" required placeholder="my-project">
|
|
120
67
|
</div>
|
|
68
|
+
|
|
121
69
|
<div class="form-group">
|
|
122
|
-
<label for="agent-working-dir">Working Directory
|
|
70
|
+
<label for="agent-working-dir">Working Directory *</label>
|
|
123
71
|
<input type="text" id="agent-working-dir" required placeholder="/path/to/project">
|
|
124
72
|
<small>The folder where your project code lives</small>
|
|
125
73
|
</div>
|
|
74
|
+
|
|
126
75
|
<div class="form-group">
|
|
127
|
-
<label for="agent-token">Token
|
|
76
|
+
<label for="agent-token">Token *</label>
|
|
128
77
|
<input type="password" id="agent-token" required placeholder="oat_...">
|
|
129
|
-
<small>Get your token from
|
|
78
|
+
<small>Get your token from Orquesta dashboard</small>
|
|
130
79
|
</div>
|
|
80
|
+
|
|
131
81
|
<div class="form-group">
|
|
132
82
|
<label for="agent-cli-preference">CLI Preference</label>
|
|
133
83
|
<select id="agent-cli-preference">
|
|
134
84
|
<option value="auto">Auto (prefer Orquesta CLI)</option>
|
|
135
|
-
<option value="orquesta">Orquesta CLI (local LLM)</option>
|
|
136
|
-
<option value="claude">Claude CLI (Anthropic API)</option>
|
|
85
|
+
<option value="orquesta">Orquesta CLI (force local LLM)</option>
|
|
86
|
+
<option value="claude">Claude CLI (force Anthropic API)</option>
|
|
137
87
|
</select>
|
|
138
88
|
</div>
|
|
89
|
+
|
|
139
90
|
<div class="form-group">
|
|
140
91
|
<label for="agent-permission-mode">Permission Mode</label>
|
|
141
92
|
<select id="agent-permission-mode">
|
|
@@ -143,35 +94,49 @@
|
|
|
143
94
|
<option value="supervised">Supervised (require approval)</option>
|
|
144
95
|
</select>
|
|
145
96
|
</div>
|
|
97
|
+
|
|
146
98
|
<div class="form-group">
|
|
147
99
|
<label class="checkbox-label">
|
|
148
100
|
<input type="checkbox" id="agent-auto-start">
|
|
149
|
-
Auto-start on boot
|
|
101
|
+
<span>Auto-start on boot (systemd/launchd)</span>
|
|
150
102
|
</label>
|
|
151
103
|
</div>
|
|
104
|
+
|
|
152
105
|
<div class="form-group">
|
|
153
106
|
<label class="checkbox-label">
|
|
154
107
|
<input type="checkbox" id="agent-auto-pull" checked>
|
|
155
|
-
Auto-pull git before prompts
|
|
108
|
+
<span>Auto-pull git before prompts</span>
|
|
156
109
|
</label>
|
|
157
110
|
</div>
|
|
111
|
+
|
|
158
112
|
<div class="form-actions">
|
|
159
|
-
<button type="button" class="btn" onclick="closeAgentModal()">Cancel</button>
|
|
113
|
+
<button type="button" class="btn btn-secondary" onclick="closeAgentModal()">Cancel</button>
|
|
160
114
|
<button type="submit" class="btn btn-primary">Save Agent</button>
|
|
161
115
|
</div>
|
|
162
116
|
</form>
|
|
163
117
|
</div>
|
|
164
118
|
</div>
|
|
165
|
-
</div>
|
|
166
119
|
|
|
167
|
-
<!--
|
|
168
|
-
<
|
|
169
|
-
<
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
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()">×</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>
|
|
175
140
|
</div>
|
|
176
141
|
|
|
177
142
|
<script src="app.js"></script>
|