orquesta-agent 0.2.53 → 0.2.54
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/ui/public/app.js +261 -282
- package/dist/ui/public/index.html +70 -63
- package/dist/ui/public/style.css +411 -260
- package/dist/ui/server.d.ts.map +1 -1
- package/dist/ui/server.js +39 -0
- package/dist/ui/server.js.map +1 -1
- package/package.json +1 -1
|
@@ -4,52 +4,87 @@
|
|
|
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-
|
|
14
|
-
<
|
|
15
|
-
<
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
15
|
+
<div class="header-left">
|
|
16
|
+
<div class="logo">O</div>
|
|
17
|
+
<h1>Agent Manager <span id="version">v0.0.0</span></h1>
|
|
18
|
+
</div>
|
|
19
|
+
<div class="header-right">
|
|
20
|
+
<button id="refresh-btn" class="btn">
|
|
21
|
+
<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>
|
|
22
|
+
Refresh
|
|
23
|
+
</button>
|
|
21
24
|
</div>
|
|
22
25
|
</header>
|
|
23
26
|
|
|
24
|
-
<!-- System
|
|
25
|
-
<div id="
|
|
26
|
-
<div class="
|
|
27
|
-
<
|
|
28
|
-
<
|
|
27
|
+
<!-- System Health -->
|
|
28
|
+
<div id="health-grid" class="health-grid">
|
|
29
|
+
<div class="health-card">
|
|
30
|
+
<div class="health-label">CPU</div>
|
|
31
|
+
<div class="health-value" id="cpu-value">--<small>%</small></div>
|
|
32
|
+
<div class="health-bar"><div class="health-bar-fill green" id="cpu-bar" style="width:0%"></div></div>
|
|
33
|
+
<div class="health-detail" id="cpu-detail">Loading...</div>
|
|
34
|
+
</div>
|
|
35
|
+
<div class="health-card">
|
|
36
|
+
<div class="health-label">Memory</div>
|
|
37
|
+
<div class="health-value" id="mem-value">--<small>%</small></div>
|
|
38
|
+
<div class="health-bar"><div class="health-bar-fill green" id="mem-bar" style="width:0%"></div></div>
|
|
39
|
+
<div class="health-detail" id="mem-detail">Loading...</div>
|
|
40
|
+
</div>
|
|
41
|
+
<div class="health-card">
|
|
42
|
+
<div class="health-label">Disk</div>
|
|
43
|
+
<div class="health-value" id="disk-value">--<small>%</small></div>
|
|
44
|
+
<div class="health-bar"><div class="health-bar-fill green" id="disk-bar" style="width:0%"></div></div>
|
|
45
|
+
<div class="health-detail" id="disk-detail">Loading...</div>
|
|
46
|
+
</div>
|
|
47
|
+
<div class="health-card">
|
|
48
|
+
<div class="health-label">Uptime</div>
|
|
49
|
+
<div class="health-value" id="uptime-value">--</div>
|
|
50
|
+
<div class="health-detail" id="hostname-detail">Loading...</div>
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
|
|
54
|
+
<!-- CLI Status -->
|
|
55
|
+
<div class="status-row" id="status-row">
|
|
56
|
+
<div class="status-chip">
|
|
57
|
+
<span class="dot" id="claude-dot"></span>
|
|
58
|
+
<span>Claude CLI: <strong id="claude-label">checking...</strong></span>
|
|
29
59
|
</div>
|
|
30
|
-
<div class="
|
|
31
|
-
<span class="
|
|
32
|
-
<span id="
|
|
60
|
+
<div class="status-chip">
|
|
61
|
+
<span class="dot" id="orquesta-dot"></span>
|
|
62
|
+
<span>Orquesta CLI: <strong id="orquesta-label">checking...</strong></span>
|
|
33
63
|
</div>
|
|
34
|
-
<div class="
|
|
35
|
-
<span class="
|
|
36
|
-
<span id="
|
|
64
|
+
<div class="status-chip">
|
|
65
|
+
<span class="dot" id="node-dot"></span>
|
|
66
|
+
<span>Node: <strong id="node-label">checking...</strong></span>
|
|
37
67
|
</div>
|
|
38
68
|
</div>
|
|
39
69
|
|
|
40
|
-
<!--
|
|
41
|
-
<div class="actions">
|
|
70
|
+
<!-- Agents -->
|
|
71
|
+
<div class="actions-bar">
|
|
72
|
+
<h2>Agents <span id="agent-count" style="color:var(--text-muted);font-weight:400;font-size:13px"></span></h2>
|
|
42
73
|
<button id="add-agent-btn" class="btn btn-primary">
|
|
43
|
-
<
|
|
74
|
+
<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>
|
|
75
|
+
Add Agent
|
|
44
76
|
</button>
|
|
45
77
|
</div>
|
|
46
78
|
|
|
47
|
-
|
|
48
|
-
<div id="agents-container" class="agents-container">
|
|
79
|
+
<div id="agents-container" class="agents-grid">
|
|
49
80
|
<div id="empty-state" class="empty-state">
|
|
50
|
-
<
|
|
81
|
+
<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
82
|
<h3>No agents configured</h3>
|
|
52
|
-
<p>
|
|
83
|
+
<p>Add an agent to start managing your projects</p>
|
|
84
|
+
<button class="btn btn-primary" onclick="openAddAgentModal()">
|
|
85
|
+
<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>
|
|
86
|
+
Add Your First Agent
|
|
87
|
+
</button>
|
|
53
88
|
</div>
|
|
54
89
|
</div>
|
|
55
90
|
|
|
@@ -62,31 +97,27 @@
|
|
|
62
97
|
</div>
|
|
63
98
|
<form id="agent-form" class="modal-body">
|
|
64
99
|
<div class="form-group">
|
|
65
|
-
<label for="agent-name">Agent Name
|
|
100
|
+
<label for="agent-name">Agent Name</label>
|
|
66
101
|
<input type="text" id="agent-name" required placeholder="my-project">
|
|
67
102
|
</div>
|
|
68
|
-
|
|
69
103
|
<div class="form-group">
|
|
70
|
-
<label for="agent-working-dir">Working Directory
|
|
104
|
+
<label for="agent-working-dir">Working Directory</label>
|
|
71
105
|
<input type="text" id="agent-working-dir" required placeholder="/path/to/project">
|
|
72
106
|
<small>The folder where your project code lives</small>
|
|
73
107
|
</div>
|
|
74
|
-
|
|
75
108
|
<div class="form-group">
|
|
76
|
-
<label for="agent-token">Token
|
|
109
|
+
<label for="agent-token">Token</label>
|
|
77
110
|
<input type="password" id="agent-token" required placeholder="oat_...">
|
|
78
|
-
<small>Get your token from Orquesta dashboard</small>
|
|
111
|
+
<small>Get your token from the Orquesta dashboard</small>
|
|
79
112
|
</div>
|
|
80
|
-
|
|
81
113
|
<div class="form-group">
|
|
82
114
|
<label for="agent-cli-preference">CLI Preference</label>
|
|
83
115
|
<select id="agent-cli-preference">
|
|
84
116
|
<option value="auto">Auto (prefer Orquesta CLI)</option>
|
|
85
|
-
<option value="orquesta">Orquesta CLI (
|
|
86
|
-
<option value="claude">Claude CLI (
|
|
117
|
+
<option value="orquesta">Orquesta CLI (local LLM)</option>
|
|
118
|
+
<option value="claude">Claude CLI (Anthropic API)</option>
|
|
87
119
|
</select>
|
|
88
120
|
</div>
|
|
89
|
-
|
|
90
121
|
<div class="form-group">
|
|
91
122
|
<label for="agent-permission-mode">Permission Mode</label>
|
|
92
123
|
<select id="agent-permission-mode">
|
|
@@ -94,49 +125,25 @@
|
|
|
94
125
|
<option value="supervised">Supervised (require approval)</option>
|
|
95
126
|
</select>
|
|
96
127
|
</div>
|
|
97
|
-
|
|
98
128
|
<div class="form-group">
|
|
99
129
|
<label class="checkbox-label">
|
|
100
130
|
<input type="checkbox" id="agent-auto-start">
|
|
101
|
-
|
|
131
|
+
Auto-start on boot
|
|
102
132
|
</label>
|
|
103
133
|
</div>
|
|
104
|
-
|
|
105
134
|
<div class="form-group">
|
|
106
135
|
<label class="checkbox-label">
|
|
107
136
|
<input type="checkbox" id="agent-auto-pull" checked>
|
|
108
|
-
|
|
137
|
+
Auto-pull git before prompts
|
|
109
138
|
</label>
|
|
110
139
|
</div>
|
|
111
|
-
|
|
112
140
|
<div class="form-actions">
|
|
113
|
-
<button type="button" class="btn
|
|
141
|
+
<button type="button" class="btn" onclick="closeAgentModal()">Cancel</button>
|
|
114
142
|
<button type="submit" class="btn btn-primary">Save Agent</button>
|
|
115
143
|
</div>
|
|
116
144
|
</form>
|
|
117
145
|
</div>
|
|
118
146
|
</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()">×</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>
|
|
140
147
|
</div>
|
|
141
148
|
|
|
142
149
|
<script src="app.js"></script>
|