vinzenz/hyperhive
vinzenz/hyperhive
Watch
0
0
Fork
You've already forked hyperhive
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

refactor(#1005): rename capabilities → tool-groups throughout UI

Browse source 
Section heading, element id, CSS classes, and JS functions all renamed
from 'capabilities'/'cap-*' to 'tool-groups'/'tg-*' to accurately
describe what the UI manages (tool-group permissions, not a capabilities
system).
This commit is contained in:
iris 2026-06-01 20:27:28 +02:00
commit a7d31046a6
3 changed files with 36 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

40
frontend/packages/dashboard/src/tabs.js
View file

@ -1204,13 +1204,13 @@ window.marked = marked;
root.append(ul);
}
// ── capabilities (tool-group) table ──────────────────────────────────────
// ── tool-groups (permissions) table ─────────────────────────────────────
// Fetched from GET /api/tool-groups on system tab activation and after
// each save. Groups (columns) come from the backend so the UI doesn't
// need updating when a new group is added.
async function fetchAndRenderCapabilities() {
const root = $('capabilities-section');
async function fetchAndRenderToolGroups() {
const root = $('tool-groups-section');
if (!root) return;
root.innerHTML = '';
root.append(el('p', { class: 'meta' }, 'loading…'));
@ -1218,14 +1218,14 @@ window.marked = marked;
const resp = await fetch('/api/tool-groups');
if (!resp.ok) throw new Error('HTTP ' + resp.status);
const data = await resp.json();
renderCapabilities(root, data);
renderToolGroups(root, data);
} catch (err) {
root.innerHTML = '';
root.append(el('p', { class: 'meta' }, 'fetch failed: ' + err));
}
}
function renderCapabilities(root, data) {
function renderToolGroups(root, data) {
root.innerHTML = '';
const { groups, assignments } = data;
if (!groups || !groups.length) {
@ -1245,17 +1245,17 @@ window.marked = marked;
return;
}
const wrap = el('div', { class: 'cap-table-wrap' });
const table = el('table', { class: 'cap-table' });
const wrap = el('div', { class: 'tg-table-wrap' });
const table = el('table', { class: 'tg-table' });
// Header row.
const thead = el('thead');
const hrow = el('tr');
hrow.append(el('th', { class: 'cap-agent-col' }, 'agent'));
hrow.append(el('th', { class: 'tg-agent-col' }, 'agent'));
for (const g of groups) {
hrow.append(el('th', { class: 'cap-group-col', title: g }, g));
hrow.append(el('th', { class: 'tg-group-col', title: g }, g));
}
hrow.append(el('th', { class: 'cap-save-col' }, ''));
hrow.append(el('th', { class: 'tg-save-col' }, ''));
thead.append(hrow);
table.append(thead);
@ -1264,13 +1264,13 @@ window.marked = marked;
// Explicit assignment or empty = using role default.
const assigned = assignments[name] || [];
const hasExplicit = Object.prototype.hasOwnProperty.call(assignments, name);
const tr = el('tr', { class: 'cap-row' });
const tr = el('tr', { class: 'tg-row' });
// Agent name cell.
const nameTd = el('td', { class: 'cap-agent-col' });
nameTd.append(el('span', { class: 'cap-agent-name' }, name));
const nameTd = el('td', { class: 'tg-agent-col' });
nameTd.append(el('span', { class: 'tg-agent-name' }, name));
if (!hasExplicit) {
nameTd.append(el('span', { class: 'meta cap-default-label' }, '(default)'));
nameTd.append(el('span', { class: 'meta tg-default-label' }, '(default)'));
}
tr.append(nameTd);
@ -1278,10 +1278,10 @@ window.marked = marked;
const checkboxes = [];
for (const g of groups) {
const checked = assigned.includes(g);
const td = el('td', { class: 'cap-group-col' });
const td = el('td', { class: 'tg-group-col' });
const cb = el('input', {
type: 'checkbox',
class: 'cap-cb',
class: 'tg-cb',
'data-group': g,
'aria-label': g,
});
@ -1292,8 +1292,8 @@ window.marked = marked;
}
// Save button cell.
const saveTd = el('td', { class: 'cap-save-col' });
const saveBtn = el('button', { type: 'button', class: 'btn cap-save-btn' }, 'save');
const saveTd = el('td', { class: 'tg-save-col' });
const saveBtn = el('button', { type: 'button', class: 'btn tg-save-btn' }, 'save');
saveBtn.addEventListener('click', async () => {
const selectedGroups = checkboxes
.filter((cb) => cb.checked)
@ -1312,7 +1312,7 @@ window.marked = marked;
saveBtn.title = txt;
} else {
saveBtn.textContent = '✓';
setTimeout(() => fetchAndRenderCapabilities(), 800);
setTimeout(() => fetchAndRenderToolGroups(), 800);
}
} catch (err) {
saveBtn.textContent = 'err';
@ -3516,7 +3516,7 @@ window.marked = marked;
if (target === 'schedules') refreshSchedules();
// Capabilities table is on the system pane; fetch on each activation
// so it stays fresh without an SSE channel.
if (target === 'system') fetchAndRenderCapabilities();
if (target === 'system') fetchAndRenderToolGroups();
}
function syncTabFromHash() {
const h = (window.location.hash || '#swarm').replace(/^#/, '');