agentdev-webui 1.1.3 → 1.1.5

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 (4) hide show
  1. package/lib/pwa.js +11 -7
  2. package/package.json +1 -1
  3. package/public/favicon.svg +4 -3
  4. package/public/profile.html +7 -5
package/lib/pwa.js CHANGED
@@ -84,18 +84,22 @@ self.addEventListener('message', event => {
84
84
 
85
85
  function getIconSvg(size) {
86
86
  return `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 100 100">
87
- <rect width="100" height="100" rx="18.75" fill="#1a1a2e"/>
88
- <path d="M50 18.75 L81.25 75 H18.75 Z" fill="none" stroke="#4ade80" stroke-width="7.8" stroke-linejoin="round"/>
89
- <circle cx="50" cy="53.125" r="9.375" fill="#4ade80"/>
87
+ <rect width="100" height="100" fill="#000"/>
88
+ <!-- 3 cursors with classic terminal proportion (~1:2 width:height) -->
89
+ <rect x="18" y="26" width="14" height="48" fill="#fff" opacity="0.3"/>
90
+ <rect x="43" y="26" width="14" height="48" fill="#fff" opacity="0.6"/>
91
+ <rect x="68" y="26" width="14" height="48" fill="#fff" opacity="1"/>
90
92
  </svg>`;
91
93
  }
92
94
 
93
95
  function getOgImageSvg() {
94
96
  return `<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630">
95
- <rect width="1200" height="630" fill="#1a1a2e"/>
96
- <path d="M540 140 L680 400 H400 Z" fill="none" stroke="#4ade80" stroke-width="12" stroke-linejoin="round"/>
97
- <circle cx="540" cy="300" r="18" fill="#4ade80"/>
98
- <text x="600" y="520" font-family="system-ui,sans-serif" font-size="48" font-weight="bold" fill="#fff" text-anchor="middle">Agent Dev</text>
97
+ <rect width="1200" height="630" fill="#000"/>
98
+ <!-- 3 cursors scaled for OG image -->
99
+ <rect x="440" y="140" width="56" height="192" fill="#fff" opacity="0.3"/>
100
+ <rect x="540" y="140" width="56" height="192" fill="#fff" opacity="0.6"/>
101
+ <rect x="640" y="140" width="56" height="192" fill="#fff" opacity="1"/>
102
+ <text x="600" y="440" font-family="system-ui,sans-serif" font-size="48" font-weight="bold" fill="#fff" text-anchor="middle">Agent Dev</text>
99
103
  </svg>`;
100
104
  }
101
105
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "agentdev-webui",
3
- "version": "1.1.3",
3
+ "version": "1.1.5",
4
4
  "description": "Multi-agent workflow dashboard for auto-ticket processing",
5
5
  "main": "server.js",
6
6
  "bin": {
package/public/favicon.svg CHANGED
@@ -1,5 +1,6 @@
1
1
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
2
- <rect width="32" height="32" rx="6" fill="#1a1a2e"/>
3
- <path d="M16 6 L26 24 H6 Z" fill="none" stroke="#4ade80" stroke-width="2.5" stroke-linejoin="round"/>
4
- <circle cx="16" cy="17" r="3" fill="#4ade80"/>
2
+ <rect width="32" height="32" fill="#000"/>
3
+ <rect x="5.76" y="8.32" width="4.48" height="15.36" fill="#fff" opacity="0.3"/>
4
+ <rect x="13.76" y="8.32" width="4.48" height="15.36" fill="#fff" opacity="0.6"/>
5
+ <rect x="21.76" y="8.32" width="4.48" height="15.36" fill="#fff" opacity="1"/>
5
6
  </svg>
package/public/profile.html CHANGED
@@ -30,6 +30,8 @@
30
30
  height: auto !important;
31
31
  flex-direction: initial !important;
32
32
  flex: initial !important;
33
+ color: #333 !important;
34
+ background: #f5f5f5 !important;
33
35
  }
34
36
 
35
37
  html {
@@ -108,7 +110,7 @@
108
110
 
109
111
  .help-text {
110
112
  font-size: 0.875rem;
111
- color: #666;
113
+ color: #555;
112
114
  margin-top: 0.25rem;
113
115
  }
114
116
 
@@ -255,7 +257,7 @@
255
257
  <div class="profile-section">
256
258
  <h2>Registered Agents</h2>
257
259
  <ul id="agents-list" class="agents-list">
258
- <li style="text-align: center; color: #999;">Loading agents...</li>
260
+ <li style="text-align: center; color: #666;">Loading agents...</li>
259
261
  </ul>
260
262
  </div>
261
263
  </div>
@@ -288,7 +290,7 @@
288
290
  const list = document.getElementById('agents-list');
289
291
 
290
292
  if (agents.length === 0) {
291
- list.innerHTML = '<li style="text-align: center; color: #999;">No agents registered yet</li>';
293
+ list.innerHTML = '<li style="text-align: center; color: #666;">No agents registered yet</li>';
292
294
  return;
293
295
  }
294
296
 
@@ -296,8 +298,8 @@
296
298
  <li class="agent-item">
297
299
  <div>
298
300
  <strong>${agent.name}</strong>
299
- ${agent.hostname ? `<div style="font-size: 0.875rem; color: #666;">${agent.hostname}</div>` : ''}
300
- ${agent.last_heartbeat ? `<div style="font-size: 0.75rem; color: #999;">Last seen: ${new Date(agent.last_heartbeat).toLocaleString()}</div>` : ''}
301
+ ${agent.hostname ? `<div style="font-size: 0.875rem; color: #444;">${agent.hostname}</div>` : ''}
302
+ ${agent.last_heartbeat ? `<div style="font-size: 0.75rem; color: #666;">Last seen: ${new Date(agent.last_heartbeat).toLocaleString()}</div>` : ''}
301
303
  </div>
302
304
  <span class="agent-status ${agent.status}">${agent.status}</span>
303
305
  </li>