orquesta-agent 0.2.58 → 0.2.60
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 +8 -0
- package/dist/executor.js.map +1 -1
- package/dist/index.js +11 -4
- package/dist/index.js.map +1 -1
- package/dist/ui/manager.d.ts.map +1 -1
- package/dist/ui/manager.js +59 -4
- package/dist/ui/manager.js.map +1 -1
- package/dist/ui/public/app.js +247 -306
- package/dist/ui/public/favicon.ico +0 -0
- package/dist/ui/public/index.html +129 -107
- package/dist/ui/public/logo-mark.png +0 -0
- package/dist/ui/public/logo.svg +16 -0
- package/dist/ui/public/style.css +393 -311
- package/dist/ui/server.d.ts.map +1 -1
- package/dist/ui/server.js +61 -0
- package/dist/ui/server.js.map +1 -1
- package/package.json +7 -3
- package/scripts/build-binary.sh +60 -0
- package/scripts/generate-manifest.sh +71 -0
- package/scripts/postinstall.js +3 -0
|
@@ -4,138 +4,160 @@
|
|
|
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">
|
|
9
|
+
<link rel="icon" href="favicon.ico">
|
|
7
10
|
<link rel="stylesheet" href="style.css">
|
|
8
11
|
</head>
|
|
9
12
|
<body>
|
|
10
|
-
<div class="
|
|
11
|
-
<!--
|
|
12
|
-
<
|
|
13
|
-
<div class="header
|
|
14
|
-
<
|
|
15
|
-
<div class="
|
|
16
|
-
<span
|
|
17
|
-
<
|
|
18
|
-
<span class="icon">🔄</span> Refresh
|
|
19
|
-
</button>
|
|
13
|
+
<div class="layout">
|
|
14
|
+
<!-- Sidebar -->
|
|
15
|
+
<aside class="sidebar">
|
|
16
|
+
<div class="sidebar-header">
|
|
17
|
+
<img src="logo-mark.png" alt="Orquesta" class="sidebar-logo">
|
|
18
|
+
<div class="sidebar-brand">
|
|
19
|
+
<span class="brand-name">orquesta</span>
|
|
20
|
+
<span class="brand-version" id="version">v0.0.0</span>
|
|
20
21
|
</div>
|
|
21
22
|
</div>
|
|
22
|
-
</header>
|
|
23
23
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
</
|
|
34
|
-
<div class="system-item">
|
|
35
|
-
<span class="label">Orquesta CLI:</span>
|
|
36
|
-
<span id="orquesta-status">-</span>
|
|
37
|
-
</div>
|
|
38
|
-
</div>
|
|
24
|
+
<nav class="sidebar-nav">
|
|
25
|
+
<button class="nav-item active" data-tab="agents" onclick="switchTab('agents')">
|
|
26
|
+
<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>
|
|
27
|
+
Agents
|
|
28
|
+
</button>
|
|
29
|
+
<button class="nav-item" data-tab="health" onclick="switchTab('health')">
|
|
30
|
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
|
|
31
|
+
System
|
|
32
|
+
</button>
|
|
33
|
+
</nav>
|
|
39
34
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
35
|
+
<div class="sidebar-footer">
|
|
36
|
+
<div class="cli-status">
|
|
37
|
+
<div class="cli-row">
|
|
38
|
+
<span class="cli-dot" id="claude-dot"></span>
|
|
39
|
+
<span class="cli-label">Claude CLI</span>
|
|
40
|
+
<span class="cli-value" id="claude-status">--</span>
|
|
41
|
+
</div>
|
|
42
|
+
<div class="cli-row">
|
|
43
|
+
<span class="cli-dot" id="orquesta-dot"></span>
|
|
44
|
+
<span class="cli-label">Orquesta CLI</span>
|
|
45
|
+
<span class="cli-value" id="orquesta-status">--</span>
|
|
46
|
+
</div>
|
|
47
|
+
<div class="cli-row">
|
|
48
|
+
<span class="cli-dot on" id="node-dot"></span>
|
|
49
|
+
<span class="cli-label">Node.js</span>
|
|
50
|
+
<span class="cli-value" id="node-status">--</span>
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
<div class="sidebar-links">
|
|
54
|
+
<a href="https://orquesta.live/dashboard" target="_blank">Dashboard</a>
|
|
55
|
+
<a href="https://orquesta.live/docs" target="_blank">Docs</a>
|
|
56
|
+
</div>
|
|
57
|
+
</div>
|
|
58
|
+
</aside>
|
|
46
59
|
|
|
47
|
-
<!--
|
|
48
|
-
<
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
<
|
|
52
|
-
|
|
60
|
+
<!-- Main content -->
|
|
61
|
+
<main class="main">
|
|
62
|
+
<!-- Agents Tab -->
|
|
63
|
+
<div id="tab-agents" class="tab-content active">
|
|
64
|
+
<div class="page-header">
|
|
65
|
+
<div>
|
|
66
|
+
<h1>Agents</h1>
|
|
67
|
+
<p class="page-subtitle" id="agent-count">Loading...</p>
|
|
68
|
+
</div>
|
|
69
|
+
<button class="btn btn-primary" id="add-agent-btn" onclick="openAddAgentModal()">
|
|
70
|
+
<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>
|
|
71
|
+
Add Agent
|
|
72
|
+
</button>
|
|
73
|
+
</div>
|
|
74
|
+
<div id="agents-container"></div>
|
|
53
75
|
</div>
|
|
54
|
-
</div>
|
|
55
76
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
<h2 id="modal-title">Configure Agent</h2>
|
|
61
|
-
<button class="modal-close" onclick="closeAgentModal()">×</button>
|
|
77
|
+
<!-- Health Tab -->
|
|
78
|
+
<div id="tab-health" class="tab-content">
|
|
79
|
+
<div class="page-header">
|
|
80
|
+
<h1>System Health</h1>
|
|
62
81
|
</div>
|
|
63
|
-
<
|
|
64
|
-
<div class="
|
|
65
|
-
<
|
|
66
|
-
<
|
|
82
|
+
<div class="health-grid" id="health-grid">
|
|
83
|
+
<div class="health-card">
|
|
84
|
+
<div class="health-label">CPU Usage</div>
|
|
85
|
+
<div class="health-value" id="cpu-value">--%</div>
|
|
86
|
+
<div class="health-bar"><div class="health-bar-fill" id="cpu-bar"></div></div>
|
|
87
|
+
<div class="health-detail" id="cpu-detail"></div>
|
|
67
88
|
</div>
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
<
|
|
71
|
-
<
|
|
72
|
-
<
|
|
89
|
+
<div class="health-card">
|
|
90
|
+
<div class="health-label">Memory</div>
|
|
91
|
+
<div class="health-value" id="mem-value">--%</div>
|
|
92
|
+
<div class="health-bar"><div class="health-bar-fill" id="mem-bar"></div></div>
|
|
93
|
+
<div class="health-detail" id="mem-detail"></div>
|
|
73
94
|
</div>
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
<
|
|
77
|
-
<
|
|
78
|
-
<
|
|
95
|
+
<div class="health-card">
|
|
96
|
+
<div class="health-label">Disk</div>
|
|
97
|
+
<div class="health-value" id="disk-value">--%</div>
|
|
98
|
+
<div class="health-bar"><div class="health-bar-fill" id="disk-bar"></div></div>
|
|
99
|
+
<div class="health-detail" id="disk-detail"></div>
|
|
100
|
+
</div>
|
|
101
|
+
<div class="health-card">
|
|
102
|
+
<div class="health-label">Uptime</div>
|
|
103
|
+
<div class="health-value" id="uptime-value">--</div>
|
|
104
|
+
<div class="health-detail" id="hostname-detail"></div>
|
|
79
105
|
</div>
|
|
106
|
+
</div>
|
|
107
|
+
</div>
|
|
108
|
+
</main>
|
|
109
|
+
</div>
|
|
80
110
|
|
|
111
|
+
<!-- Modal: Add/Edit Agent -->
|
|
112
|
+
<div id="agent-modal" class="modal-overlay">
|
|
113
|
+
<div class="modal">
|
|
114
|
+
<div class="modal-header">
|
|
115
|
+
<h2 id="modal-title">Add Agent</h2>
|
|
116
|
+
<button class="modal-close" onclick="closeAgentModal()">×</button>
|
|
117
|
+
</div>
|
|
118
|
+
<form id="agent-form" class="modal-body">
|
|
119
|
+
<div class="form-group">
|
|
120
|
+
<label>Agent Name</label>
|
|
121
|
+
<input type="text" id="agent-name" required placeholder="my-project">
|
|
122
|
+
</div>
|
|
123
|
+
<div class="form-group">
|
|
124
|
+
<label>Working Directory</label>
|
|
125
|
+
<input type="text" id="agent-working-dir" required placeholder="/path/to/project">
|
|
126
|
+
<small>The folder where your project code lives</small>
|
|
127
|
+
</div>
|
|
128
|
+
<div class="form-group">
|
|
129
|
+
<label>Token</label>
|
|
130
|
+
<input type="password" id="agent-token" required placeholder="oat_...">
|
|
131
|
+
<small>Get from Orquesta dashboard > Settings > Agent Tokens</small>
|
|
132
|
+
</div>
|
|
133
|
+
<div class="form-row">
|
|
81
134
|
<div class="form-group">
|
|
82
|
-
<label
|
|
135
|
+
<label>CLI Preference</label>
|
|
83
136
|
<select id="agent-cli-preference">
|
|
84
|
-
<option value="auto">Auto
|
|
85
|
-
<option value="orquesta">Orquesta CLI
|
|
86
|
-
<option value="claude">Claude CLI
|
|
137
|
+
<option value="auto">Auto</option>
|
|
138
|
+
<option value="orquesta">Orquesta CLI</option>
|
|
139
|
+
<option value="claude">Claude CLI</option>
|
|
87
140
|
</select>
|
|
88
141
|
</div>
|
|
89
|
-
|
|
90
142
|
<div class="form-group">
|
|
91
|
-
<label
|
|
143
|
+
<label>Permission Mode</label>
|
|
92
144
|
<select id="agent-permission-mode">
|
|
93
|
-
<option value="auto">Auto (
|
|
94
|
-
<option value="supervised">Supervised
|
|
145
|
+
<option value="auto">Auto (skip approvals)</option>
|
|
146
|
+
<option value="supervised">Supervised</option>
|
|
95
147
|
</select>
|
|
96
148
|
</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()">×</button>
|
|
126
149
|
</div>
|
|
127
|
-
<div class="
|
|
128
|
-
<
|
|
129
|
-
<
|
|
130
|
-
|
|
131
|
-
|
|
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>
|
|
150
|
+
<div class="form-group">
|
|
151
|
+
<label class="checkbox-label">
|
|
152
|
+
<input type="checkbox" id="agent-auto-pull" checked>
|
|
153
|
+
Auto-pull git before prompts
|
|
154
|
+
</label>
|
|
137
155
|
</div>
|
|
138
|
-
|
|
156
|
+
<div class="form-actions">
|
|
157
|
+
<button type="button" class="btn" onclick="closeAgentModal()">Cancel</button>
|
|
158
|
+
<button type="submit" class="btn btn-primary">Save</button>
|
|
159
|
+
</div>
|
|
160
|
+
</form>
|
|
139
161
|
</div>
|
|
140
162
|
</div>
|
|
141
163
|
|
|
Binary file
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<!-- Concept: The Conductor's Downbeat
|
|
3
|
+
A single sweeping arc (the baton path) with three dots
|
|
4
|
+
arranged along its trajectory — agents being directed.
|
|
5
|
+
One gesture, multiple endpoints. Abstract orchestration.
|
|
6
|
+
Monochrome. Geometric. -->
|
|
7
|
+
<rect width="512" height="512" rx="112" fill="#09090b"/>
|
|
8
|
+
|
|
9
|
+
<!-- The sweep arc — one confident gesture -->
|
|
10
|
+
<path d="M140 380 Q180 180, 380 140" stroke="white" stroke-width="36" stroke-linecap="round" fill="none"/>
|
|
11
|
+
|
|
12
|
+
<!-- Three agent dots along the arc's influence -->
|
|
13
|
+
<circle cx="186" cy="260" r="24" fill="white"/>
|
|
14
|
+
<circle cx="270" cy="196" r="24" fill="white"/>
|
|
15
|
+
<circle cx="362" cy="168" r="24" fill="white"/>
|
|
16
|
+
</svg>
|