/* Shared picker for a person's OpenVibe Link machines. Pages provide a signed-in
* Network token through OpenVibeNavbar and may declare data-needs for filtering. */
(function (root) {
'use strict';
function safe(value) { return String(value == null ? '' : value).replace(/[&<>"']/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }[c])); }
function canRun(machine) {
const roles = Array.isArray(machine.roles) ? machine.roles : [];
return roles.map((role) => ({ 'codes.worker': 'coding jobs', 'desks.host': 'browser desks', 'ai.host': 'your AI models', 'bot.robot': 'robot controls' }[role] || role)).join(', ') || 'Link connection';
}
function needsMachine(machine, needs) {
if (!needs) return true;
const roles = Array.isArray(machine.roles) ? machine.roles : [];
const map = { desktop: ['desks.host'], browser: ['desks.host'], models: ['ai.host'], worker: ['codes.worker'] };
return (map[needs] || [needs]).some((role) => roles.includes(role));
}
function sessionToken() {
try { const nav = root.OpenVibeNavbar; return nav && nav.session && nav.session.token || null; } catch (_) { return null; }
}
const svg = (d) => `${d} `;
const G = {
pc: svg('${glyph} ${safe(name)} ${meta}${safe(sub)} ${glyph} ${text}
`;
if (state === 'loading') html = 'Loading your Link computers…
';
else if (state === 'signed-out') html = note(G.lock, 'Sign in to choose a computer.');
else if (state === 'unreachable') html = note(G.off, 'Link could not be reached. Your current choice is kept.');
else if (!machines.length) html = note(G.pc, needs ? 'None of your computers can run this yet.' : 'You have no computers on Link yet.') + (autoLabel ? `` : '');
else {
html = '' + auto(!value) + machines.map((m) => {
const system = m.system || m.os || m.kind || 'Link computer';
const meta = `${m.online ? 'Online' : (m.last_seen_at ? `Seen ${safe(ago(m.last_seen_at))}` : 'Offline')} `;
return row(m.id, m.id === value, /phone|android|ios/i.test(system) ? G.phone : G.pc, m.name || m.id, meta, `${system} · Can run: ${canRun(m)}`, m.online ? '' : ' is-off');
}).join('') + ' ';
}
html += `${G.plus} Add a computer Through OpenVibe Link, once, for every site
`;
host.classList.add('ovmc');
host.innerHTML = html;
let hiddenInput = host.querySelector('input[type="hidden"]');
if (!hiddenInput) { hiddenInput = document.createElement('input'); hiddenInput.type = 'hidden'; host.appendChild(hiddenInput); }
hiddenInput.name = inputName; hiddenInput.value = selected;
host.value = selected;
if (principalName) {
let principal = host.querySelector('input[type="hidden"][data-machine-principal]');
if (!principal) { principal = document.createElement('input'); principal.type = 'hidden'; principal.setAttribute('data-machine-principal', ''); host.appendChild(principal); }
principal.name = principalName;
principal.value = (machines.find((m) => m.id === selected) || {}).principal_id || principalValue;
}
host.querySelectorAll('input[type="radio"]').forEach((radio) => radio.addEventListener('change', () => {
if (!radio.checked) return;
selected = radio.value; hiddenInput.value = selected;
host.value = selected;
const chosen = machines.find((m) => m.id === selected);
if (principalName) {
const principal = host.querySelector('input[type="hidden"][data-machine-principal]');
principalValue = chosen && chosen.principal_id || '';
if (principal) principal.value = principalValue;
}
host.dispatchEvent(new CustomEvent('change', { bubbles: true, detail: { id: selected, machine: chosen || null } }));
}));
}
async function load() {
const token = options.getToken ? await options.getToken() : sessionToken();
if (!token) { state = 'signed-out'; paint(); return; }
state = 'loading'; paint();
try {
const api = options.apiBase || host.getAttribute('data-api-base') || 'https://openvibe.network';
const response = await (options.fetch || fetch)(`${api.replace(/\/$/, '')}/api/v1/machines`, { headers: { authorization: `Bearer ${token}`, accept: 'application/json' }, credentials: 'omit' });
if (!response.ok) throw new Error(`Link returned ${response.status}`);
const data = await response.json();
machines = (Array.isArray(data.machines) ? data.machines : []).filter((m) => m && typeof m.id === 'string' && needsMachine(m, needs));
state = 'ready';
} catch (_) { state = 'unreachable'; }
paint();
}
paint(); load();
return { reload: load, get value() { return selected; }, setValue(id) { selected = String(id || ''); paint(); } };
}
root.OpenVibeMachines = { mount, needsMachine, canRun };
if (root.document) root.document.querySelectorAll('[data-ov-machines]').forEach((host) => mount(host));
if (typeof module === 'object' && module.exports) module.exports = root.OpenVibeMachines;
})(typeof window !== 'undefined' ? window : globalThis);