Rodrigo Rodriguez (Pragmatismo)
28c48eeabf
- Split partials/chat.html (1513→70 lines) into 8 JS modules: chat-state.js, chat-switchers.js, chat-mentions.js, chat-messages.js, chat-suggestions.js, chat-theme.js, chat-websocket.js, chat-init.js - Centralized state in ChatState global object - Switcher chips auto-activate on switch_context suggestion action - active_switchers sent in every WS message payload - Removed old chat-main.js (merged into modules) - Split vibe.html into vibe/ module directory with CSS extraction - Updated standalone chat/chat.html to use same modules
101 lines
2.8 KiB
JavaScript
101 lines
2.8 KiB
JavaScript
function updateMantis1(status, detail) {
|
|
var card = document.querySelector(
|
|
'.as-agent-card[data-agent-id="1"]',
|
|
);
|
|
if (!card) return;
|
|
var bar = card.querySelector(".as-agent-bar .as-bar-fill");
|
|
if (status === "working") {
|
|
card.style.borderLeftColor = "#f59e0b";
|
|
if (!card.querySelector(".as-agent-bar")) {
|
|
var barWrapper = document.createElement("div");
|
|
barWrapper.className = "as-agent-bar";
|
|
barWrapper.innerHTML =
|
|
'<div class="as-bar-fill bred" style="width:0%;transition:width 0.5s;"></div>';
|
|
card.appendChild(barWrapper);
|
|
}
|
|
} else if (status === "done") {
|
|
card.style.borderLeftColor = "var(--accent)";
|
|
bar = card.querySelector(".as-bar-fill");
|
|
if (bar) bar.style.width = "100%";
|
|
setTimeout(function () {
|
|
var b = card.querySelector(".as-agent-bar");
|
|
if (b) b.remove();
|
|
}, 2000);
|
|
}
|
|
}
|
|
|
|
function updateAgentCard(agentId, status, detail) {
|
|
var card = document.querySelector(
|
|
'.as-agent-card[data-agent-id="' + agentId + '"]',
|
|
);
|
|
if (!card) return;
|
|
card.style.opacity = "1";
|
|
|
|
var badge = card.querySelector(".as-badge");
|
|
var dot = card.querySelector(".as-status-dot");
|
|
|
|
if (status === "WORKING") {
|
|
card.style.borderLeft = "3px solid #f59e0b";
|
|
if (dot) {
|
|
dot.className = "as-status-dot yellow";
|
|
}
|
|
if (badge) {
|
|
badge.textContent = "WORKING";
|
|
badge.className = "as-badge badge-bred";
|
|
}
|
|
if (!card.querySelector(".as-agent-bar")) {
|
|
var barWrapper = document.createElement("div");
|
|
barWrapper.className = "as-agent-bar";
|
|
barWrapper.innerHTML =
|
|
'<div class="as-bar-fill bred" style="width:0%;transition:width 0.5s;"></div>';
|
|
card.appendChild(barWrapper);
|
|
}
|
|
} else if (status === "EVOLVED" || status === "DONE") {
|
|
card.style.borderLeft = "3px solid var(--accent)";
|
|
if (dot) {
|
|
dot.className = "as-status-dot green";
|
|
}
|
|
if (badge) {
|
|
badge.textContent = "EVOLVED";
|
|
badge.className = "as-badge badge-evolved";
|
|
}
|
|
var agBar = card.querySelector(".as-bar-fill");
|
|
if (agBar) agBar.style.width = "100%";
|
|
setTimeout(function () {
|
|
var b = card.querySelector(".as-agent-bar");
|
|
if (b) b.remove();
|
|
}, 2000);
|
|
} else if (status === "BRED") {
|
|
card.style.borderLeft = "3px solid #f59e0b";
|
|
if (dot) {
|
|
dot.className = "as-status-dot yellow";
|
|
}
|
|
if (badge) {
|
|
badge.textContent = "BRED";
|
|
badge.className = "as-badge badge-bred";
|
|
}
|
|
} else if (status === "FAILED") {
|
|
card.style.borderLeft = "3px solid #ef4444";
|
|
if (dot) {
|
|
dot.className = "as-status-dot red";
|
|
}
|
|
if (badge) {
|
|
badge.textContent = "FAILED";
|
|
badge.className = "as-badge badge-bred";
|
|
badge.style.background = "#ef4444";
|
|
}
|
|
}
|
|
|
|
if (detail) {
|
|
var detailEl = card.querySelector(".as-agent-detail");
|
|
if (!detailEl) {
|
|
detailEl = document.createElement("span");
|
|
detailEl.className = "as-agent-detail";
|
|
detailEl.style.cssText =
|
|
"font-size:10px;color: var(--text-muted);display:block;padding:0 12px 4px;";
|
|
var body = card.querySelector(".as-agent-body");
|
|
if (body) body.after(detailEl);
|
|
}
|
|
detailEl.textContent = detail;
|
|
}
|
|
}
|