var PHOROS_DESKTOP_SEND_ID = 'PxNTNgHs5GpQW6zvG'; var PHOROS_DESKTOP_HISTORY_ID = 'NCugtjDsX9aJ8DgRv'; var PHOROS_DESKTOP_CONNECT_ID = 'BcA4sDWDM2umgCPrx'; var PHOROS_DESKTOP_ASSISTANTS_ID = '4LyrCSo7tHTfgaikg'; var PHOROS_DESKTOP_PULSE_ID = 'xHg5Je5wq5Lf6Gpfp'; var HISTORY_POLL_MS = 4000; var USER_NAME_KEY = 'phoros_hud_user_name'; var SEEN_TS_KEY = 'phoros_hud_last_seen_ts'; var CONVERSATION_ID_KEY = 'phoros_hud_conversation_id'; var PERSON_ID_KEY = 'phoros_hud_person_id'; var FIRST_LAUNCH_SEEN_KEY = 'phoros_hud_first_launch_seen'; var INTRO_SEEN_KEY = 'phoros_hud_intro_seen'; var THEME_KEY = 'phoros_hud_theme'; var REMOTE_ENABLED_KEY = 'phoros_hud_remote_enabled'; var FILE_VIEWER_ORG_KEY = 'phoros_hud_file_viewer_org_id'; var BROWSER_DEVICE_COOKIE = 'phoros_did'; var BROWSER_DEVICE_STORAGE_KEY = 'phoros_hud_browser_device_id'; var BROWSER_DEVICE_COOKIE_MAX_AGE = 34560000; var hudState = { conversation_id: null, person_id: null, last_seen_ts: 0, rendered_ids: {}, polling: false, user_name: '', device_id: null, device_platform: null, capabilities: null, remote_enabled: false, remote_session_id: null, remote_connecting: false, initial_load_done: false, attachments: [] }; var hudReadStorageValue = function (key) { try { return window.localStorage.getItem(key) || ''; } catch (e) { return ''; } }; var hudWriteStorageValue = function (key, value) { try { window.localStorage.setItem(key, value); } catch (e) { } }; var hudReadBrowserDeviceId = function () { try { var prefix = BROWSER_DEVICE_COOKIE + '='; var pairs = (document.cookie || '').split(';'); for (var i = 0; i < pairs.length; i++) { var pair = pairs[i].replace(/^\s+/, ''); if (pair.indexOf(prefix) === 0) { var value = decodeURIComponent(pair.substring(prefix.length)); if (value) { return value; } } } } catch (e) { } return hudReadStorageValue(BROWSER_DEVICE_STORAGE_KEY); }; var hudWriteBrowserDeviceId = function (deviceId) { if (!deviceId) { return; } hudWriteStorageValue(BROWSER_DEVICE_STORAGE_KEY, deviceId); try { var cookie = BROWSER_DEVICE_COOKIE + '=' + encodeURIComponent(deviceId) + '; Path=/; Max-Age=' + BROWSER_DEVICE_COOKIE_MAX_AGE + '; SameSite=Strict'; if (window.location && window.location.protocol === 'https:') { cookie += '; Secure'; } document.cookie = cookie; } catch (e) { } }; var hudClearBrowserDeviceId = function () { hudWriteStorageValue(BROWSER_DEVICE_STORAGE_KEY, ''); try { document.cookie = BROWSER_DEVICE_COOKIE + '=; Path=/; Max-Age=0; SameSite=Strict'; } catch (e) { } }; var hudHasDesktopBridge = function () { return !!(window.phorosDesktop && window.phorosDesktop.devicePairing); }; var hudBrowserCapabilities = function () { return { fileSystem: false, operations: false, computerUse: false, system: false }; }; var hudCan = function (capability) { if (hudHasDesktopBridge()) { return true; } var caps = hudState.capabilities || hudBrowserCapabilities(); return !!caps[capability]; }; var hudReadStoredName = function () { return hudReadStorageValue(USER_NAME_KEY); }; var hudWriteStoredName = function (name) { hudWriteStorageValue(USER_NAME_KEY, name); }; var hudReadSeenTs = function () { var raw = hudReadStorageValue(SEEN_TS_KEY); var n = raw ? Number(raw) : 0; return n > 0 ? n : 0; }; var hudWriteSeenTs = function (ts) { hudWriteStorageValue(SEEN_TS_KEY, String(ts)); }; var hudShowFirstLaunchCallout = function () { try { var seen = window.localStorage.getItem(FIRST_LAUNCH_SEEN_KEY); if (seen === '1') { return; } } catch (e) { } var callout = document.getElementById('hud-first-launch-callout'); if (callout) { callout.style.display = 'flex'; } }; var hudDismissFirstLaunchCallout = function () { var callout = document.getElementById('hud-first-launch-callout'); if (callout) { callout.style.display = 'none'; } hudWriteStorageValue(FIRST_LAUNCH_SEEN_KEY, '1'); }; var hudGreetingWord = function () { var h = new Date().getHours(); if (h >= 5 && h < 12) { return 'Good morning'; } if (h >= 12 && h < 18) { return 'Good afternoon'; } return 'Good evening'; }; var hudRenderUserNameInWelcome = function () { var greeting = document.querySelector('[data-welcome-greeting]'); var nameSlot = document.querySelector('[data-welcome-name]'); var commaSlot = document.querySelector('[data-welcome-comma]'); var initialSlot = document.querySelector('[data-welcome-name-initial]'); if (!greeting || !nameSlot) { return; } greeting.textContent = hudGreetingWord(); if (hudState.user_name) { nameSlot.textContent = hudState.user_name + '.'; if (commaSlot) { commaSlot.removeAttribute('hidden'); } if (initialSlot) { initialSlot.textContent = hudState.user_name.charAt(0).toUpperCase(); } } else { nameSlot.textContent = ''; if (commaSlot) { commaSlot.setAttribute('hidden', 'hidden'); } if (initialSlot) { initialSlot.textContent = 'P'; } } }; var hudIntroShowError = function (msg) { var errEl = document.getElementById('hud-intro-error'); if (errEl) { errEl.textContent = msg; errEl.removeAttribute('hidden'); } }; var hudIntroClearError = function () { var errEl = document.getElementById('hud-intro-error'); if (errEl) { errEl.setAttribute('hidden', 'hidden'); } }; var hudEnterReadyState = function () { hudRenderUserNameInWelcome(); hudIntroDismiss(); }; var hudIntroSetBusy = function (busy) { var btn = document.getElementById('hud-intro-continue'); if (!btn) { return; } btn.disabled = !!busy; var label = btn.querySelector('span'); if (label) { label.textContent = busy ? 'Pairing…' : 'Pair this desktop'; } }; var hudApplyPairedDeviceState = function (state) { var principal = state && state.principal; if (!principal || !principal.deviceId || !principal.personId || !principal.organizationId) { return false; } hudState.device_id = principal.deviceId; hudState.person_id = principal.personId; return true; }; var hudBrowserEnsureInFlight = false; var hudBrowserEnsureDevice = function (onDone) { var done = function (ensured, code) { if (typeof onDone === 'function') { onDone(!!ensured, code || null); } }; if (hudBrowserEnsureInFlight) { done(false); return; } if (!hudIsSignedIn() || typeof Meteor === 'undefined' || typeof Meteor.callAsync !== 'function') { done(false); return; } hudBrowserEnsureInFlight = true; var params = {}; var presented = hudReadBrowserDeviceId(); if (presented) { params.deviceId = presented; } var orgPick = hudFileViewerCurrentOrg(); if (orgPick && orgPick.org) { params.organizationId = orgPick.org._id; } Meteor.callAsync('desktop.ensureBrowserDevice', params).then(function (result) { hudBrowserEnsureInFlight = false; if (result && result.ensured && result.deviceId) { hudWriteBrowserDeviceId(result.deviceId); hudState.capabilities = result.capabilities || null; hudState.device_platform = result.platform || 'browser'; hudApplyPairedDeviceState({ principal: result }); done(true); return; } done(false, result && result.code); }).catch(function () { hudBrowserEnsureInFlight = false; done(false); }); }; var hudIntroContinue = function () { hudIntroClearError(); var pairing = window.phorosDesktop && window.phorosDesktop.devicePairing; if (!pairing || typeof pairing.prepare !== 'function' || typeof pairing.enroll !== 'function') { hudIntroShowError('Pairing requires the current Phoros Desktop app.'); return; } if (typeof Meteor === 'undefined' || typeof Meteor.userId !== 'function' || !Meteor.userId() || typeof Meteor.callAsync !== 'function') { hudIntroShowError('Sign in to your Phoros account before pairing this desktop.'); return; } var orgPick = hudFileViewerCurrentOrg(); if (!orgPick.org) { hudIntroShowError(orgPick.error || 'Choose an organization before pairing.'); return; } hudIntroSetBusy(true); pairing.prepare().then(function (identity) { return Meteor.callAsync('desktop.mintPairingGrant', { deviceId: identity.deviceId, credentialDigest: identity.credentialDigest, organizationId: orgPick.org._id }); }).then(function (minted) { if (!minted || !minted.pairingGrant) { throw new Error('Pairing grant unavailable.'); } return pairing.enroll(minted.pairingGrant); }).then(function (result) { hudIntroSetBusy(false); if (!result || !result.enrolled || !hudApplyPairedDeviceState({ principal: result.principal })) { throw new Error('Pairing response was invalid.'); } if (window.phorosDesktop.operations && typeof window.phorosDesktop.operations.startPolling === 'function') { window.phorosDesktop.operations.startPolling(); } hudEnterReadyState(); }).catch(function () { hudIntroSetBusy(false); hudIntroShowError('Pairing could not finish. Confirm you are signed in and try again.'); }); }; var hudIntroPresentSignIn = function () { var title = document.getElementById('hud-intro-title'); var subtitle = document.getElementById('hud-intro-subtitle'); var description = document.getElementById('hud-intro-description'); var btn = document.getElementById('hud-intro-continue'); if (title) { title.textContent = 'Your Phoros homescreen.'; } if (subtitle) { subtitle.textContent = 'Sign in to make it yours.'; } if (description) { description.textContent = 'Agents, apps, organizations, and files in one calm place. Local files and on-device actions stay with the Phoros Desktop app.'; } if (btn) { var label = btn.querySelector('span'); if (label) { label.textContent = 'Sign in to Phoros'; } btn.onclick = function () { hudSignIn(); }; } }; var hudBrowserResolveOnLoad = function () { if (!hudIsSignedIn()) { hudIntroPresentSignIn(); return; } hudBrowserEnsureDevice(function () { hudEnterReadyState(); }); }; var hudIntroResolveOnLoad = function () { if (!hudHasDesktopBridge()) { hudBrowserResolveOnLoad(); return; } var pairing = window.phorosDesktop && window.phorosDesktop.devicePairing; if (!pairing || typeof pairing.getState !== 'function') { hudIntroShowError('Open this page in the current Phoros Desktop app to pair local files.'); return; } pairing.getState().then(function (state) { if (state && state.paired && hudApplyPairedDeviceState(state)) { hudEnterReadyState(); } }).catch(function () { hudIntroShowError('Secure device storage is unavailable on this computer.'); }); }; var hudIntroDismiss = function () { var hudRoot = document.querySelector('.phoros-hud'); if (hudRoot) { hudRoot.setAttribute('data-hud-state', 'ready'); } hudWriteStorageValue(INTRO_SEEN_KEY, '1'); }; var hudClearEmptyHint = function (history) { var emptyHint = history.querySelector('.hud-empty'); if (emptyHint && emptyHint.parentNode) { emptyHint.parentNode.removeChild(emptyHint); } }; var hudFieldSubmitBuildMessage = function (bubble) { var inputs = bubble.querySelectorAll('[data-field-input]'); var lines = []; for (var i = 0; i < inputs.length; i++) { var inp = inputs[i]; var value = ''; if (inp.type === 'checkbox') { value = inp.checked ? 'Yes' : ''; } else { value = (inp.value || '').trim(); } if (!value) { continue; } var label = ''; var row = inp.closest ? inp.closest('.convMsg__fieldFormRow') : null; var labelEl = row ? row.querySelector('.convMsg__fieldLabel') : null; if (labelEl) { label = (labelEl.textContent || '').trim(); } if (!label) { label = inp.getAttribute('name') || 'field'; } lines.push(label.replace(/\s*:\s*$/, '') + ': ' + value); } var formEl = bubble.querySelector('[data-field-type="form"]'); var formId = formEl ? formEl.getAttribute('data-field-id') : ''; var prefix = (formId === 'representative-brief') ? 'Here is how I want you to work with me for now:' : 'Here is my response:'; return lines.length ? (prefix + '\n\n' + lines.join('\n')) : prefix; }; var hudCaptureSituationalContext = function (extra) { var snapshot = { surfaceClass: 'desktop', page: { route: 'Desktop' }, surfaces: {} }; var hud = document.querySelector('.phoros-hud'); var dataPage = hud ? (hud.getAttribute('data-page') || '') : ''; var routeMap = { chat: 'DesktopChat', colleague: 'DesktopChat', files: 'DesktopFiles', assistants: 'DesktopDevices', apps: 'Desktop', favorites: 'Desktop', orgs: 'Desktop' }; snapshot.page.route = (dataPage && routeMap[dataPage]) ? routeMap[dataPage] : 'Desktop'; var desktop = {}; if (dataPage) { desktop.activePane = dataPage; } if (hudState.remote_enabled === true) { desktop.computerUseEnabled = true; } if (desktop.activePane || desktop.computerUseEnabled) { snapshot.surfaces.desktop = desktop; } var granted = (hudConnState && hudConnState.granted) ? hudConnState.granted : {}; var grantedPaths = Object.keys(granted); var folders = []; for (var gi = 0; gi < grantedPaths.length && folders.length < 12; gi++) { var fp = grantedPaths[gi]; var nm = (fp.replace(/\/+$/, '').split('/').pop()) || fp; var mode = granted[fp]; var grant = (mode === 'read-write' || mode === 'active') ? mode : 'read'; folders.push({ name: nm, grant: grant }); } if (folders.length) { snapshot.surfaces.connectedFolders = { folders: folders }; } if (hudState.device_id) { snapshot.surfaces.pairedDevice = { device_id: hudState.device_id, platform: hudState.device_platform || (hudHasDesktopBridge() ? 'desktop' : 'browser') }; } if (extra && extra.enabledFile && (extra.enabledFile.fileName || extra.enabledFile.file_id)) { var ef = {}; if (extra.enabledFile.fileName) { ef.fileName = String(extra.enabledFile.fileName); } if (extra.enabledFile.file_id) { ef.file_id = String(extra.enabledFile.file_id); } snapshot.surfaces.enabledFile = ef; } return snapshot; }; var hudFieldSubmit = function (bubble, button) { if (!button || button.disabled) { return; } if (typeof phoros === 'undefined' || !phoros.processor || !hudState.device_id) { return; } var message = hudFieldSubmitBuildMessage(bubble); button.disabled = true; button.textContent = 'Submitting...'; phoros.processor(PHOROS_DESKTOP_SEND_ID, { message: message, device_id: hudState.device_id, situationalContext: hudCaptureSituationalContext() }, function (err, result) { if (err || !result || !result.success || !result.data) { button.disabled = false; button.textContent = 'Submit'; return; } button.textContent = 'Submitted'; if (result.data.message_id) { hudState.rendered_ids[result.data.message_id] = 1; } hudFetchHistory(); }); }; var hudWireFieldSubmit = function (bubble) { var submitBtn = bubble.querySelector('.js-chphFieldSubmit'); if (submitBtn) { submitBtn.onclick = function () { hudFieldSubmit(bubble, submitBtn); }; } }; var hudFormatFileSize = function (size) { var n = Number(size); if (!n || n < 0) { return ''; } if (n < 1024) { return n + ' B'; } if (n < 1024 * 1024) { return Math.round(n / 1024) + ' KB'; } return (Math.round((n / (1024 * 1024)) * 10) / 10) + ' MB'; }; var hudAttachmentExtension = function (name) { var raw = String(name || '').split('?')[0].split('#')[0]; var dot = raw.lastIndexOf('.'); if (dot === -1 || dot === raw.length - 1) { return ''; } var ext = raw.slice(dot + 1).toLowerCase(); return /^[a-z0-9]{1,8}$/.test(ext) ? ext : ''; }; var hudAttachmentKind = function (att) { if (!att) { return 'file'; } if (att.kind === 'image') { return 'image'; } if (typeof att.type === 'string' && att.type.indexOf('image/') === 0) { return 'image'; } var ext = hudAttachmentExtension(att.name || att.url || ''); return /^(png|jpg|jpeg|gif|webp|svg|avif|bmp|heic|heif)$/.test(ext) ? 'image' : 'file'; }; var hudAttachmentDisplayName = function (att) { if (!att) { return 'Attachment'; } if (att.name) { return String(att.name); } if (att.url) { var clean = String(att.url).split('?')[0].split('#')[0]; var parts = clean.split('/'); return parts[parts.length - 1] || 'Attachment'; } return 'Attachment'; }; var hudRenderAttachmentsInto = function (bubble, attachments) { var list = Array.isArray(attachments) ? attachments : []; if (!bubble || !list.length) { return; } var wrap = document.createElement('div'); wrap.className = 'hud-chat-attachment-list'; for (var i = 0; i < list.length; i += 1) { var att = list[i] || {}; var url = att.url || ''; var kind = hudAttachmentKind(att); var item = document.createElement(url ? 'a' : 'div'); item.className = 'hud-chat-attachment hud-chat-attachment-' + kind; if (url) { item.href = url; item.target = '_blank'; item.rel = 'noopener noreferrer'; } if (kind === 'image' && url) { var img = document.createElement('img'); img.className = 'hud-chat-attachment-thumb'; img.src = url; img.alt = ''; item.appendChild(img); } else { var badge = document.createElement('span'); badge.className = 'hud-chat-attachment-badge'; badge.textContent = (hudAttachmentExtension(att.name || att.url || '') || 'file').toUpperCase(); item.appendChild(badge); } var text = document.createElement('span'); text.className = 'hud-chat-attachment-text'; var name = document.createElement('span'); name.className = 'hud-chat-attachment-name'; name.textContent = hudAttachmentDisplayName(att); var meta = document.createElement('span'); meta.className = 'hud-chat-attachment-meta'; var sizeText = hudFormatFileSize(att.size); meta.textContent = kind === 'image' ? (sizeText ? 'Image - ' + sizeText : 'Image') : (sizeText || 'File'); text.appendChild(name); text.appendChild(meta); item.appendChild(text); wrap.appendChild(item); } bubble.appendChild(wrap); }; var hudRenderAttachmentTray = function () { var tray = document.getElementById('hud-chat-attachments'); if (!tray) { return; } var attachments = hudState.attachments || []; tray.innerHTML = ''; if (!attachments.length) { tray.setAttribute('hidden', 'hidden'); return; } tray.removeAttribute('hidden'); for (var i = 0; i < attachments.length; i += 1) { var att = attachments[i]; var chip = document.createElement('div'); chip.className = 'hud-chat-attachment-chip'; if (att.pending) { chip.className += ' hud-chat-attachment-chip-pending'; } if (att.error) { chip.className += ' hud-chat-attachment-chip-error'; } var badge = document.createElement('span'); badge.className = 'hud-chat-attachment-chip-badge'; badge.textContent = hudAttachmentKind(att) === 'image' ? 'IMG' : (hudAttachmentExtension(att.name) || 'file').toUpperCase(); var label = document.createElement('span'); label.className = 'hud-chat-attachment-chip-label'; label.textContent = hudAttachmentDisplayName(att); var status = document.createElement('span'); status.className = 'hud-chat-attachment-chip-status'; if (att.error) { status.textContent = 'Upload failed'; } else if (att.pending) { status.textContent = (typeof att.progress === 'number' ? att.progress : 0) + '%'; } else { status.textContent = hudFormatFileSize(att.size); } var remove = document.createElement('button'); remove.type = 'button'; remove.className = 'hud-chat-attachment-remove'; remove.setAttribute('aria-label', 'Remove attachment'); remove.textContent = 'x'; remove.onclick = (function (pendingId) { return function () { hudRemoveAttachment(pendingId); }; })(att.pendingId); chip.appendChild(badge); chip.appendChild(label); chip.appendChild(status); chip.appendChild(remove); if (att.pending) { var bar = document.createElement('span'); bar.className = 'hud-chat-attachment-progress'; var fill = document.createElement('span'); fill.style.width = (typeof att.progress === 'number' ? att.progress : 0) + '%'; bar.appendChild(fill); chip.appendChild(bar); } tray.appendChild(chip); } }; var hudRemoveAttachment = function (pendingId) { var next = []; var attachments = hudState.attachments || []; for (var i = 0; i < attachments.length; i += 1) { if (attachments[i].pendingId !== pendingId) { next.push(attachments[i]); } } hudState.attachments = next; hudRenderAttachmentTray(); }; var hudUpdateAttachment = function (pendingId, patch) { var attachments = hudState.attachments || []; for (var i = 0; i < attachments.length; i += 1) { if (attachments[i].pendingId === pendingId) { for (var k in patch) { if (Object.prototype.hasOwnProperty.call(patch, k)) { attachments[i][k] = patch[k]; } } break; } } hudState.attachments = attachments; hudRenderAttachmentTray(); }; var hudUploadAttachmentFile = function (file, pendingId) { if (typeof Meteor === 'undefined' || typeof Meteor.callAsync !== 'function') { hudUpdateAttachment(pendingId, { pending: false, error: true }); return; } var fileMetadata = { name: file.name || 'Attachment', size: file.size, type: file.type || '' }; var information = { person_id: hudState.person_id, conversation_id: hudState.conversation_id || '' }; Meteor.callAsync('getUploadCredentials_conversationAttachment', fileMetadata, information) .then(function (creds) { if (!creds || !creds.url || !creds.fields || !creds.downloadUrl) { hudUpdateAttachment(pendingId, { pending: false, error: true }); return; } var formData = new FormData(); Object.keys(creds.fields).forEach(function (k) { formData.append(k, creds.fields[k]); }); formData.append('file', file); var xhr = new XMLHttpRequest(); xhr.upload.onprogress = function (ev) { if (!ev.lengthComputable) { return; } hudUpdateAttachment(pendingId, { progress: Math.round((ev.loaded / ev.total) * 100) }); }; xhr.onload = function () { if (xhr.status === 204 || xhr.status === 200) { hudUpdateAttachment(pendingId, { url: creds.downloadUrl, path: creds.path || '', progress: 100, pending: false, error: false }); } else { hudUpdateAttachment(pendingId, { pending: false, error: true }); } }; xhr.onerror = function () { hudUpdateAttachment(pendingId, { pending: false, error: true }); }; xhr.open('POST', creds.url, true); xhr.send(formData); }) .catch(function () { hudUpdateAttachment(pendingId, { pending: false, error: true }); }); }; var hudAttachFileList = function (files) { var fileList = Array.prototype.slice.call(files || []); if (!fileList.length) { return; } var history = document.getElementById('hud-chat-history'); if (!hudState.person_id) { if (history) { hudRenderError(history, 'File upload unavailable: this device conversation is still setting up.'); } return; } var batchStamp = Date.now(); hudState.attachments = hudState.attachments || []; for (var i = 0; i < fileList.length; i += 1) { var file = fileList[i]; if (!file) { continue; } var pendingId = 'hud_att_' + batchStamp + '_' + i + '_' + Math.floor(Math.random() * 100000); hudState.attachments.push({ pendingId: pendingId, name: file.name || 'Attachment', type: file.type || '', size: typeof file.size === 'number' ? file.size : null, progress: 0, pending: true, error: false }); hudUploadAttachmentFile(file, pendingId); } hudRenderAttachmentTray(); }; var hudAttachFiles = function (input) { var files = input && input.files ? input.files : []; if (input) { input.value = ''; } hudAttachFileList(files); }; var hudClipboardExtension = function (type) { var normalized = String(type || '').toLowerCase(); var map = { 'image/png': 'png', 'image/jpeg': 'jpg', 'image/jpg': 'jpg', 'image/gif': 'gif', 'image/webp': 'webp', 'image/svg+xml': 'svg', 'image/avif': 'avif', 'image/bmp': 'bmp', 'image/heic': 'heic', 'image/heif': 'heif', 'application/pdf': 'pdf', 'text/plain': 'txt' }; if (map[normalized]) { return map[normalized]; } var slash = normalized.indexOf('/'); if (slash === -1) { return 'bin'; } var extension = normalized.slice(slash + 1).replace(/[^a-z0-9]/g, ''); return extension || 'bin'; }; var hudClipboardFileName = function (file, stamp, index) { if (file && file.name) { return file.name; } return 'pasted-attachment-' + stamp + '-' + (index + 1) + '.' + hudClipboardExtension(file && file.type); }; var hudNormalizeClipboardFile = function (file, stamp, index) { if (!file) { return null; } var name = hudClipboardFileName(file, stamp, index); if (file.name) { return file; } try { if (typeof File === 'function') { return new File([file], name, { type: file.type || 'application/octet-stream', lastModified: Date.now() }); } } catch (err) { } try { Object.defineProperty(file, 'name', { value: name }); } catch (err2) { } return file; }; var hudClipboardFileKey = function (file) { return [ file && file.name ? file.name : '', file && file.type ? file.type : '', file && typeof file.size === 'number' ? file.size : '', file && typeof file.lastModified === 'number' ? file.lastModified : '' ].join('|'); }; var hudFilesFromClipboard = function (event) { var clipboard = event && (event.clipboardData || (event.originalEvent && event.originalEvent.clipboardData)); if (!clipboard) { return []; } var files = []; var seen = {}; var seenObjects = typeof WeakSet === 'function' ? new WeakSet() : null; var stamp = Date.now(); var remember = function (file) { if (!file) { return; } var rawKey = hudClipboardFileKey(file); if (seenObjects && typeof file === 'object') { if (seenObjects.has(file)) { return; } seenObjects.add(file); } if (!file.name && seen[rawKey]) { return; } if (!file.name) { seen[rawKey] = true; } var normalized = hudNormalizeClipboardFile(file, stamp, files.length); if (!normalized) { return; } var key = hudClipboardFileKey(normalized); if (seen[key]) { return; } seen[key] = true; files.push(normalized); }; if (clipboard.items && clipboard.items.length) { for (var i = 0; i < clipboard.items.length; i += 1) { var item = clipboard.items[i]; if (!item || item.kind !== 'file' || typeof item.getAsFile !== 'function') { continue; } remember(item.getAsFile()); } } if (clipboard.files && clipboard.files.length) { for (var j = 0; j < clipboard.files.length; j += 1) { remember(clipboard.files[j]); } } return files; }; var hudHandleChatPaste = function (event) { var files = hudFilesFromClipboard(event); if (!files.length) { return; } if (event && typeof event.preventDefault === 'function') { event.preventDefault(); } if (event && typeof event.stopPropagation === 'function') { event.stopPropagation(); } hudAttachFileList(files); }; var hudOpenAttachmentPicker = function () { var input = document.getElementById('hud-chat-attachment-input'); if (input && typeof input.click === 'function') { input.click(); } }; var hudReadyAttachments = function () { var attachments = hudState.attachments || []; var ready = []; for (var i = 0; i < attachments.length; i += 1) { var att = attachments[i]; if (!att || att.pending || att.error || !att.url) { continue; } ready.push({ url: att.url, name: att.name || '', type: att.type || '', size: typeof att.size === 'number' ? att.size : null }); } return ready; }; var hudHasPendingAttachments = function () { var attachments = hudState.attachments || []; for (var i = 0; i < attachments.length; i += 1) { if (attachments[i] && attachments[i].pending) { return true; } } return false; }; var hudHasFailedAttachments = function () { var attachments = hudState.attachments || []; for (var i = 0; i < attachments.length; i += 1) { if (attachments[i] && attachments[i].error) { return true; } } return false; }; var hudClearAttachments = function () { hudState.attachments = []; hudRenderAttachmentTray(); }; var hudRenderMessageInto = function (bubble, text) { var raw = String(text == null ? '' : text); if (typeof Phoros_parseMarkdown === 'function') { try { bubble.innerHTML = Phoros_parseMarkdown(raw); if (typeof Phoros_initializeFields === 'function') { try { Phoros_initializeFields(bubble); } catch (fe) { } } if (typeof Phoros_initializeClipboardBlocks === 'function') { try { Phoros_initializeClipboardBlocks(bubble); } catch (ce) { } } if (typeof Phoros_initializeEntityEmbeds === 'function') { try { Phoros_initializeEntityEmbeds(bubble); } catch (ee) { } } if (bubble.querySelector('[data-field-type]')) { bubble.className += ' hud-chat-message--has-field'; hudWireFieldSubmit(bubble); } return; } catch (e) { } } bubble.textContent = raw; }; var hudRenderBubble = function (history, role, text, key, attachments) { if (key && hudState.rendered_ids[key]) { return; } if (key) { hudState.rendered_ids[key] = 1; } hudClearEmptyHint(history); var bubble = document.createElement('div'); bubble.className = 'hud-chat-message hud-chat-message-' + role; hudRenderMessageInto(bubble, text); hudRenderAttachmentsInto(bubble, attachments); if (key) { bubble.setAttribute('data-msg-id', key); } history.appendChild(bubble); history.scrollTop = history.scrollHeight; }; var hudRenderError = function (history, errText) { hudClearEmptyHint(history); var bubble = document.createElement('div'); bubble.className = 'hud-chat-message hud-chat-message-error'; bubble.textContent = '⚠ ' + (errText || 'Something went wrong.'); history.appendChild(bubble); history.scrollTop = history.scrollHeight; }; var hudClassifyRole = function (sender) { if (hudState.person_id && sender === hudState.person_id) { return 'self'; } return 'other'; }; var hudRenderHistoryBatch = function (history, messages) { if (!Array.isArray(messages) || !messages.length) { return; } var maxTs = hudState.last_seen_ts; var hasThinking = false; var hasAgentReply = false; for (var i = 0; i < messages.length; i++) { var m = messages[i]; if (!m || !m.id) { continue; } if (m.ts && m.ts > maxTs) { maxTs = m.ts; } var mt = String(m.text == null ? '' : m.text).trim(); var attachments = Array.isArray(m.attachmentList) ? m.attachmentList : []; if (!mt && !attachments.length) { continue; } if (mt === 'thinking' && !attachments.length) { hasThinking = true; continue; } var role = hudClassifyRole(m.sender); if (role === 'other') { hasAgentReply = true; } hudRenderBubble(history, role, m.text, m.id, attachments); } var existingIndicator = history.querySelector('.hud-thinking-indicator'); if (hasThinking && !hasAgentReply) { if (!existingIndicator) { var indicator = document.createElement('div'); indicator.className = 'hud-chat-message hud-chat-message-other hud-thinking-indicator'; var bubble = document.createElement('div'); bubble.className = 'hud-chat-bubble hud-thinking-bubble'; var d1 = document.createElement('span'); d1.className = 'hud-thinking-dot'; var d2 = document.createElement('span'); d2.className = 'hud-thinking-dot'; var d3 = document.createElement('span'); d3.className = 'hud-thinking-dot'; bubble.appendChild(d1); bubble.appendChild(d2); bubble.appendChild(d3); indicator.appendChild(bubble); history.appendChild(indicator); history.scrollTop = history.scrollHeight; } } else if (existingIndicator) { existingIndicator.remove(); } if (maxTs > hudState.last_seen_ts) { hudState.last_seen_ts = maxTs; hudWriteSeenTs(maxTs); } }; var hudFetchHistory = function () { var history = document.getElementById('hud-chat-history'); if (!history) { return; } if (typeof phoros === 'undefined' || !phoros.processor) { return; } if (!hudState.device_id) { return; } var historyParams = { limit: 50, device_id: hudState.device_id }; if (hudState.initial_load_done && hudState.last_seen_ts) { historyParams.since_ts = hudState.last_seen_ts; } phoros.processor(PHOROS_DESKTOP_HISTORY_ID, historyParams, function (err, result) { if (err || !result || !result.success || !result.data) { return; } hudState.initial_load_done = true; if (result.data.conversation_id && !hudState.conversation_id) { hudState.conversation_id = result.data.conversation_id; hudWriteStorageValue(CONVERSATION_ID_KEY, result.data.conversation_id); } if (result.data.person_id && !hudState.person_id) { hudState.person_id = result.data.person_id; hudWriteStorageValue(PERSON_ID_KEY, result.data.person_id); } hudRenderHistoryBatch(history, result.data.messages || []); }); }; var hudStartPolling = function () { if (hudState.polling) { return; } hudState.polling = true; setInterval(hudFetchHistory, HISTORY_POLL_MS); }; var hudChatSubmit = function (event) { event.preventDefault(); var input = document.getElementById('hud-chat-input'); var history = document.getElementById('hud-chat-history'); var sendBtn = document.querySelector('.hud-chat-send'); if (!input || !history) { return; } var text = (input.value || '').trim(); var readyAttachments = hudReadyAttachments(); if (hudHasPendingAttachments()) { hudRenderError(history, 'Files are still uploading. Send once the upload finishes.'); return; } if (!text && !readyAttachments.length) { if (hudHasFailedAttachments()) { hudRenderError(history, 'Remove the failed upload or attach the file again.'); } return; } if (typeof phoros === 'undefined' || !phoros.processor) { hudRenderError(history, 'Chat unavailable: processor bridge not loaded.'); return; } if (!hudState.device_id) { hudRenderError(history, 'Chat unavailable: this device could not be identified.'); return; } var optimisticKey = 'pending-' + Date.now() + '-' + Math.random().toString(36).slice(2, 8); hudRenderBubble(history, 'self', text, optimisticKey, readyAttachments); hudDismissFirstLaunchCallout(); input.value = ''; if (sendBtn) { sendBtn.disabled = true; } var sendParams = { message: text, device_id: hudState.device_id, attachments: readyAttachments }; sendParams.situationalContext = hudCaptureSituationalContext(); phoros.processor(PHOROS_DESKTOP_SEND_ID, sendParams, function (err, result) { if (sendBtn) { sendBtn.disabled = false; } if (err || !result || !result.success || !result.data) { var errText = (result && result.error) || (err && err.message) || 'Send failed'; var isBusyGuard = errText.indexOf('busy with your last message') !== -1; var failedBubble = history.querySelector('[data-msg-id="' + optimisticKey + '"]'); if (isBusyGuard && failedBubble) { failedBubble.classList.add('hud-chat-message-self-staged'); var pushBtn = document.createElement('button'); pushBtn.className = 'hud-push-now-btn'; pushBtn.textContent = 'Push Now'; pushBtn.onclick = function () { pushBtn.disabled = true; pushBtn.textContent = 'Sending...'; var interruptParams = { message: text, device_id: hudState.device_id, attachments: readyAttachments, interruptActiveTurn: true }; interruptParams.situationalContext = hudCaptureSituationalContext(); phoros.processor(PHOROS_DESKTOP_SEND_ID, interruptParams, function (e2, r2) { if (e2 || !r2 || !r2.success) { pushBtn.textContent = 'Retry'; pushBtn.disabled = false; } else { failedBubble.classList.remove('hud-chat-message-self-staged'); if (pushBtn.parentNode) { pushBtn.parentNode.removeChild(pushBtn); } if (r2.data && r2.data.message_id) { hudState.rendered_ids[r2.data.message_id] = 1; } hudClearAttachments(); hudFetchHistory(); } }); }; failedBubble.appendChild(pushBtn); } else if (failedBubble) { failedBubble.classList.add('hud-chat-message-self-failed'); failedBubble.setAttribute('data-failed', '1'); } if (!isBusyGuard) { delete hudState.rendered_ids[optimisticKey]; hudRenderError(history, errText); } return; } if (result.data.conversation_id && !hudState.conversation_id) { hudState.conversation_id = result.data.conversation_id; hudWriteStorageValue(CONVERSATION_ID_KEY, result.data.conversation_id); } if (result.data.person_id && !hudState.person_id) { hudState.person_id = result.data.person_id; hudWriteStorageValue(PERSON_ID_KEY, result.data.person_id); } if (result.data.message_id) { hudState.rendered_ids[result.data.message_id] = 1; } hudClearAttachments(); hudJourney('message_send', {}); hudFetchHistory(); }); }; var hudSyncThemeToggle = function (mode) { var lightBtn = document.getElementById('hud-theme-light'); var darkBtn = document.getElementById('hud-theme-dark'); if (lightBtn) { if (mode === 'light') { lightBtn.classList.add('hud-theme-option-active'); } else { lightBtn.classList.remove('hud-theme-option-active'); } lightBtn.setAttribute('aria-pressed', mode === 'light' ? 'true' : 'false'); } if (darkBtn) { if (mode === 'dark') { darkBtn.classList.add('hud-theme-option-active'); } else { darkBtn.classList.remove('hud-theme-option-active'); } darkBtn.setAttribute('aria-pressed', mode === 'dark' ? 'true' : 'false'); } }; var hudApplyTheme = function () { var stored = hudReadStorageValue(THEME_KEY); var mode = (stored === 'light') ? 'light' : 'dark'; var hudRoot = document.querySelector('.phoros-hud'); if (hudRoot) { hudRoot.setAttribute('data-theme', mode); } hudSyncThemeToggle(mode); return mode; }; var hudSetTheme = function (mode) { var normalized = (mode === 'light') ? 'light' : 'dark'; var hudRoot = document.querySelector('.phoros-hud'); if (hudRoot) { hudRoot.setAttribute('data-theme', normalized); } hudWriteStorageValue(THEME_KEY, normalized); hudSyncThemeToggle(normalized); }; var hudSetSettingsOpen = function (open) { var panel = document.getElementById('hud-settings-panel'); var gear = document.getElementById('hud-settings-gear'); if (!panel) { return; } if (open) { panel.removeAttribute('hidden'); if (gear) { gear.setAttribute('aria-expanded', 'true'); } } else { panel.setAttribute('hidden', 'hidden'); if (gear) { gear.setAttribute('aria-expanded', 'false'); } } }; var hudCloseSettings = function () { hudSetSettingsOpen(false); }; var hudToggleSettings = function () { var panel = document.getElementById('hud-settings-panel'); if (!panel) { return; } hudSetSettingsOpen(panel.hasAttribute('hidden')); }; var hudHandleDocClick = function (event) { var panel = document.getElementById('hud-settings-panel'); if (!panel || panel.hasAttribute('hidden')) { return; } var gear = document.getElementById('hud-settings-gear'); var target = event.target; if (panel.contains(target)) { return; } if (gear && gear.contains(target)) { return; } hudCloseSettings(); }; var hudHandleDocKeydown = function (event) { if (event.key === 'Escape' || event.keyCode === 27) { var spotEl = document.getElementById('hud-spot'); if (spotEl && !spotEl.hasAttribute('hidden')) { hudSpotClose(); return; } var modalOverlay = document.getElementById('hud-modal-overlay'); if (modalOverlay && !modalOverlay.hasAttribute('hidden')) { hudCloseModal(); return; } var panel = document.getElementById('hud-settings-panel'); if (panel && !panel.hasAttribute('hidden')) { hudCloseSettings(); } } }; var hudSignOutDevice = function () { var identityKeys = [USER_NAME_KEY, SEEN_TS_KEY, CONVERSATION_ID_KEY, PERSON_ID_KEY, FIRST_LAUNCH_SEEN_KEY, INTRO_SEEN_KEY]; try { for (var i = 0; i < identityKeys.length; i++) { window.localStorage.removeItem(identityKeys[i]); } } catch (e) { } if (!hudHasDesktopBridge()) { hudClearBrowserDeviceId(); } window.location.reload(); }; var hudSignOutConfirmAndRun = function () { var confirmed = false; try { confirmed = window.confirm(hudHasDesktopBridge() ? 'Clear this view\'s local conversation preferences and reload? The encrypted desktop pairing remains in the Phoros Desktop app.' : 'Clear this browser\'s local conversation preferences and homescreen device, and reload?'); } catch (e) { confirmed = false; } if (confirmed) { hudSignOutDevice(); } }; var hudFormatBytes = function (n) { n = Number(n) || 0; if (n < 1024) { return n + ' B'; } if (n < 1048576) { return (n / 1024).toFixed(1) + ' KB'; } return (n / 1048576).toFixed(1) + ' MB'; }; var hudRemoteHasBridge = function () { return !!(window.phorosDesktop && window.phorosDesktop.computerUse && typeof window.phorosDesktop.computerUse.startPolling === 'function'); }; var hudRemoteSetStatus = function (state, detail) { var statusEl = document.getElementById('hud-remote-status'); var toggle = document.getElementById('hud-remote-toggle'); var note = document.getElementById('hud-remote-note'); if (statusEl) { var label = 'Off'; if (state === 'connecting') { label = 'Connecting…'; } else if (state === 'connected') { label = 'Connected'; } else if (state === 'error') { label = detail || 'Unavailable'; } statusEl.textContent = label; statusEl.setAttribute('data-remote-state', state); } if (toggle) { var on = (state === 'connected'); toggle.setAttribute('aria-pressed', on ? 'true' : 'false'); if (on) { toggle.classList.add('hud-toggle-on'); } else { toggle.classList.remove('hud-toggle-on'); } } if (note && detail && state === 'connected') { note.textContent = detail; } }; var hudRemoteConnect = function () { if (hudState.remote_connecting) { return; } if (typeof phoros === 'undefined' || !phoros.processor || !hudState.device_id) { hudRemoteSetStatus('error', 'Bridge not ready'); return; } hudState.remote_connecting = true; hudRemoteSetStatus('connecting'); phoros.processor(PHOROS_DESKTOP_CONNECT_ID, { device_id: hudState.device_id }, function (err, result) { hudState.remote_connecting = false; if (err || !result || !result.success || !result.data || !result.data.session_id) { var errText = (result && result.error) || (err && err.message) || 'Could not connect'; hudRemoteSetStatus('error', errText); return; } hudState.remote_session_id = result.data.session_id; hudState.remote_enabled = true; hudJourney('remote_connect', {}); hudWriteStorageValue(REMOTE_ENABLED_KEY, '1'); if (hudRemoteHasBridge()) { try { if (window.phorosDesktop.screenCapture && typeof window.phorosDesktop.screenCapture.setSession === 'function') { window.phorosDesktop.screenCapture.setSession(result.data.session_id); } window.phorosDesktop.computerUse.startPolling(result.data.session_id); if (window.phorosDesktop.operations && typeof window.phorosDesktop.operations.startPolling === 'function') { try { window.phorosDesktop.operations.startPolling(); } catch (eOp) {} } hudRemoteSetStatus('connected', 'Aria can now see and act on this computer. macOS may ask for Screen Recording permission.'); } catch (e) { hudRemoteSetStatus('error', 'Could not start the local control bridge'); } } else { hudRemoteSetStatus('connected', 'Linked server-side. Open this in the Phoros Desktop app to grant screen control.'); } }); }; var hudRemoteDisconnect = function () { hudState.remote_enabled = false; hudState.remote_session_id = null; hudWriteStorageValue(REMOTE_ENABLED_KEY, '0'); if (hudRemoteHasBridge()) { try { window.phorosDesktop.computerUse.stopPolling(); } catch (e) { } try { if (window.phorosDesktop.operations && typeof window.phorosDesktop.operations.stopPolling === 'function') { window.phorosDesktop.operations.stopPolling(); } } catch (eOp2) {} } hudRemoteSetStatus('off'); }; var hudRemoteToggle = function () { if (hudState.remote_enabled) { hudRemoteDisconnect(); } else { hudRemoteConnect(); } }; var hudWireRemote = function () { var toggle = document.getElementById('hud-remote-toggle'); if (!hudCan('computerUse')) { if (toggle) { toggle.disabled = true; toggle.setAttribute('aria-disabled', 'true'); } var note = document.getElementById('hud-remote-note'); if (note) { note.textContent = 'Available in the Phoros Desktop app on this computer.'; } hudRemoteSetStatus('off'); return; } if (toggle) { toggle.onclick = hudRemoteToggle; } if (hudReadStorageValue(REMOTE_ENABLED_KEY) === '1') { hudRemoteConnect(); } else { hudRemoteSetStatus('off'); } }; var hudApplyCapabilityGating = function () { var localFiles = hudCan('fileSystem'); var connect = document.getElementById('hud-open-connect'); if (connect) { connect.classList.toggle('hud-feature-disabled', !localFiles); connect.setAttribute('aria-disabled', localFiles ? 'false' : 'true'); var connectSub = document.getElementById('hud-open-connect-sub'); if (connectSub && !localFiles) { connectSub.textContent = 'Available in the Phoros Desktop app on this computer.'; } } var activity = document.getElementById('hud-open-activity'); if (activity) { activity.classList.toggle('hud-feature-disabled', !localFiles); activity.setAttribute('aria-disabled', localFiles ? 'false' : 'true'); var activitySub = document.getElementById('hud-open-activity-sub'); if (activitySub && !localFiles) { activitySub.textContent = 'Available in the Phoros Desktop app on this computer.'; } } if (!localFiles) { [connect, activity].forEach(function (btn) { if (btn && !btn.getAttribute('data-desktop-gate')) { btn.setAttribute('data-desktop-gate', '1'); btn.addEventListener('click', function (event) { if (!hudCan('fileSystem')) { event.stopImmediatePropagation(); event.preventDefault(); } }, true); } }); } var filesRail = document.getElementById('hud-rail-files'); if (filesRail) { filesRail.classList.toggle('hud-rail-btn-dim', !localFiles); } }; var hudSyncStartupToggle = function (on) { var toggle = document.getElementById('hud-startup-toggle'); var statusEl = document.getElementById('hud-startup-status'); if (toggle) { toggle.setAttribute('aria-pressed', on ? 'true' : 'false'); if (on) { toggle.classList.add('hud-toggle-on'); } else { toggle.classList.remove('hud-toggle-on'); } } if (statusEl) { statusEl.textContent = on ? 'On' : 'Off'; } }; var hudWireOpenAtLogin = function () { var hasBridge = !!(window.phorosDesktop && window.phorosDesktop.system && typeof window.phorosDesktop.system.setOpenAtLogin === 'function'); if (!hasBridge) { return; } var row = document.getElementById('hud-startup-row'); if (row) { row.removeAttribute('hidden'); } var toggle = document.getElementById('hud-startup-toggle'); if (toggle) { toggle.onclick = function () { var next = toggle.getAttribute('aria-pressed') !== 'true'; window.phorosDesktop.system.setOpenAtLogin(next).then(function (result) { hudSyncStartupToggle(!!result); }); }; } window.phorosDesktop.system.getOpenAtLogin().then(function (cur) { hudSyncStartupToggle(!!cur); }); }; var hudLoadGrants = function () { if (typeof hudHomeRenderFiles === 'function') { hudHomeRenderFiles(); } if (typeof hudFsState !== 'undefined' && hudFsState && !hudFsState.path && typeof hudFsShowRoots === 'function') { hudFsShowRoots(); } }; var hudRenderActivity = function (entries) { var list = document.getElementById('hud-activity-list'); var empty = document.getElementById('hud-activity-empty'); if (!list) { return; } list.innerHTML = ''; var rows = Array.isArray(entries) ? entries : []; if (empty) { empty.style.display = rows.length ? 'none' : 'block'; } for (var i = 0; i < rows.length; i++) { var e = rows[i]; if (!e || !e.action) { continue; } var li = document.createElement('li'); li.className = 'hud-activity-item'; var actionEl = document.createElement('span'); actionEl.className = 'hud-activity-action'; actionEl.textContent = e.action + ((e.result && e.result !== 'allowed') ? (' (' + e.result + ')') : ''); li.appendChild(actionEl); if (e.target) { var targetEl = document.createElement('span'); targetEl.className = 'hud-activity-target'; targetEl.textContent = e.target; li.appendChild(targetEl); } var timeEl = document.createElement('span'); timeEl.className = 'hud-activity-time'; timeEl.textContent = (typeof moment !== 'undefined' && e.createdAt) ? moment(e.createdAt).format('MMM D, h:mm a') : ''; li.appendChild(timeEl); list.appendChild(li); } }; var hudLoadActivity = function () { var access = window.phorosDesktop && window.phorosDesktop.fileAccess; if (!access || typeof access.getAudit !== 'function') { hudRenderActivity([]); return; } access.getAudit(30).then(function (result) { hudRenderActivity(result && result.scoped && Array.isArray(result.entries) ? result.entries : []); }).catch(function () { hudRenderActivity([]); }); }; var OP_POLL_MS = 1200; var OP_POLL_MAX = 40; var hudPollOperation = function (opId, onDone, onFail, attempt) { attempt = attempt || 0; var access = window.phorosDesktop && window.phorosDesktop.fileAccess; if (!access || typeof access.getOperation !== 'function') { onFail('Desktop file access is not ready.'); return; } if (attempt >= OP_POLL_MAX) { onFail('Timed out waiting for this computer to respond. Is the Phoros Desktop app open and connected?'); return; } access.getOperation(opId).then(function (result) { var op = result && result.operation; if (!result || !result.found || !result.scoped || !op) { onFail('Operation not found.'); return; } if (op.status === 'done') { onDone(op); return; } if (op.status === 'failed' || op.status === 'refused') { onFail(op.error || 'The operation failed on the computer.'); return; } setTimeout(function () { hudPollOperation(opId, onDone, onFail, attempt + 1); }, OP_POLL_MS); }).catch(function () { onFail('Could not read the operation.'); }); }; var hudTermSetStatus = function (msg) { var el = document.getElementById('hud-term-status'); if (el) { el.textContent = msg || ''; } }; var hudRunCommand = function () { hudTermSetStatus('Terminal access is not enabled in this desktop release.'); }; var hudExploreJoinPath = function (base, name) { if (!base) { return name; } return (base.charAt(base.length - 1) === '/') ? (base + name) : (base + '/' + name); }; var hudExploreParentPath = function (p) { if (!p || p === '/') { return '/'; } var trimmed = p.replace(/\/+$/, ''); var idx = trimmed.lastIndexOf('/'); if (idx <= 0) { return '/'; } return trimmed.slice(0, idx); }; var HUD_CONN_X_SPEC = { w: '1.9', cap: 1, kids: [['path', { d: 'M6 6l12 12M18 6 6 18' }]] }; var hudConnState = { granted: {}, mode: 'read' }; var hudConnSetStatus = function (msg, kind) { var el = document.getElementById('hud-conn-status'); if (!el) { return; } el.textContent = msg || ''; el.className = 'hud-conn-status' + (kind ? (' hud-conn-status-' + kind) : ''); }; var hudConnLoadGrants = function (cb) { hudConnState.granted = {}; var access = window.phorosDesktop && window.phorosDesktop.fileAccess; if (!access || typeof access.getGrants !== 'function') { hudConnSetStatus('Open this page in the current Phoros Desktop app.', 'error'); if (cb) { cb(); } return; } access.getGrants().then(function (result) { if (result && result.scoped && Array.isArray(result.grants)) { for (var i = 0; i < result.grants.length; i++) { var g = result.grants[i]; if (g && g.folderPath) { hudConnState.granted[g.folderPath] = g.mode || 'read'; } } } if (cb) { cb(); } }).catch(function () { hudConnSetStatus('Connected folders could not be loaded.', 'error'); if (cb) { cb(); } }); }; var hudConnOpen = function () { hudConnSetStatus(''); hudConnSetMode(hudConnState.mode); hudConnLoadGrants(hudConnRenderGranted); }; var hudConnRenderGranted = function () { var wrap = document.getElementById('hud-conn-granted'); var count = document.getElementById('hud-conn-count'); if (!wrap) { return; } wrap.innerHTML = ''; var paths = Object.keys(hudConnState.granted); paths.sort(); if (count) { count.textContent = paths.length ? (paths.length + (paths.length === 1 ? ' folder connected' : ' folders connected')) : ''; } if (!paths.length) { var em = document.createElement('p'); em.className = 'hud-conn-granted-empty'; em.textContent = 'No folders connected yet — choose a folder above to give Phoros access.'; wrap.appendChild(em); return; } var head = document.createElement('div'); head.className = 'hud-conn-granted-head'; var ht = document.createElement('span'); ht.className = 'hud-conn-granted-title'; ht.textContent = 'Connected folders'; head.appendChild(ht); var all = document.createElement('button'); all.type = 'button'; all.className = 'hud-conn-revoke-all'; all.textContent = 'Disconnect all'; all.onclick = hudConnRevokeAll; head.appendChild(all); wrap.appendChild(head); for (var i = 0; i < paths.length; i++) { (function (p) { var chip = document.createElement('div'); chip.className = 'hud-conn-chip'; var cico = document.createElement('span'); cico.className = 'hud-conn-chip-ico hud-fs-ic-dir'; hudFsSetIcon(cico, hudFsIconSpec('dir')); chip.appendChild(cico); var nm = document.createElement('span'); nm.className = 'hud-conn-chip-name'; nm.textContent = p; nm.title = p; chip.appendChild(nm); var md = document.createElement('span'); md.className = 'hud-conn-chip-mode'; md.textContent = (hudConnState.granted[p] === 'read-write') ? 'read & write' : 'read'; chip.appendChild(md); var rm = document.createElement('button'); rm.type = 'button'; rm.className = 'hud-conn-chip-x'; rm.setAttribute('aria-label', 'Disconnect ' + p); hudFsSetIcon(rm, HUD_CONN_X_SPEC); rm.onclick = (function (q) { return function () { hudConnDisconnectFolder(q); }; })(p); chip.appendChild(rm); wrap.appendChild(chip); })(paths[i]); } }; var hudConnDisconnectFolder = function (folderPath) { var access = window.phorosDesktop && window.phorosDesktop.fileAccess; if (!access || typeof access.disconnectFolder !== 'function') { hudConnSetStatus('Open this page in the current Phoros Desktop app.', 'error'); return; } hudConnSetStatus('Disconnecting ' + folderPath + '…'); access.disconnectFolder(folderPath).then(function (result) { if (!result || !result.set || result.granted) { throw new Error('disconnect refused'); } delete hudConnState.granted[folderPath]; hudConnSetStatus('Disconnected ' + folderPath + '.', 'ok'); hudConnRenderGranted(); hudLoadGrants(); }).catch(function () { hudConnSetStatus('Could not disconnect that folder.', 'error'); }); }; var hudConnRevokeAll = function () { var ok = false; try { ok = window.confirm('Disconnect ALL folders? Phoros will not be able to reach any files until you connect a folder again.'); } catch (e) { ok = false; } if (!ok) { return; } var access = window.phorosDesktop && window.phorosDesktop.fileAccess; if (!access || typeof access.disconnectAll !== 'function') { hudConnSetStatus('Open this page in the current Phoros Desktop app.', 'error'); return; } hudConnSetStatus('Disconnecting all folders…'); access.disconnectAll().then(function (result) { if (!result || !result.scoped || !result.killed) { throw new Error('disconnect refused'); } hudConnState.granted = {}; hudConnSetStatus('All folders disconnected.', 'ok'); hudConnRenderGranted(); hudLoadGrants(); }).catch(function () { hudConnSetStatus('Could not disconnect all.', 'error'); }); }; var hudConnSetMode = function (mode) { hudConnState.mode = mode; var r = document.getElementById('hud-conn-mode-read'); var w = document.getElementById('hud-conn-mode-rw'); if (r) { if (mode === 'read') { r.classList.add('hud-conn-mode-active'); r.setAttribute('aria-pressed', 'true'); } else { r.classList.remove('hud-conn-mode-active'); r.setAttribute('aria-pressed', 'false'); } } if (w) { if (mode === 'read-write') { w.classList.add('hud-conn-mode-active'); w.setAttribute('aria-pressed', 'true'); } else { w.classList.remove('hud-conn-mode-active'); w.setAttribute('aria-pressed', 'false'); } } }; var hudConnGrantPath = function () { var access = window.phorosDesktop && window.phorosDesktop.fileAccess; if (!access || typeof access.chooseFolder !== 'function') { hudConnSetStatus('Open this page in the current Phoros Desktop app.', 'error'); return; } hudConnSetStatus('Choose a folder on this computer…'); access.chooseFolder(hudConnState.mode).then(function (result) { if (result && result.canceled) { hudConnSetStatus(''); return; } var grant = result && result.grant; if (!grant || !grant.set || !grant.granted || !grant.folderPath) { throw new Error('grant refused'); } hudJourney('folder_connect', {}); hudConnSetStatus('Connected ' + grant.folderPath + '.', 'ok'); hudConnLoadGrants(function () { hudConnRenderGranted(); hudLoadGrants(); }); }).catch(function () { hudConnSetStatus('Could not connect that folder.', 'error'); }); }; var hudWireConnect = function () { var r = document.getElementById('hud-conn-mode-read'); if (r) { r.onclick = function () { hudConnSetMode('read'); }; } var w = document.getElementById('hud-conn-mode-rw'); if (w) { w.onclick = function () { hudConnSetMode('read-write'); }; } var pathBtn = document.getElementById('hud-conn-path-btn'); if (pathBtn) { pathBtn.onclick = hudConnGrantPath; } }; var hudWireMachine = function () { var runBtn = document.getElementById('hud-term-run'); if (runBtn) { runBtn.onclick = hudRunCommand; } var termInput = document.getElementById('hud-term-input'); if (termInput) { termInput.onkeydown = function (e) { if (e.key === 'Enter' || e.keyCode === 13) { e.preventDefault(); hudRunCommand(); } }; } }; var hudModalTitles = { connect: 'Connect folders to Phoros', terminal: 'Terminal', activity: 'Activity', favorite: 'Add a favorite' }; var hudModalLoaders = { connect: function () { hudConnOpen(); }, activity: function () { hudLoadActivity(); }, favorite: function () { hudFavPickerOpen(); } }; var hudOpenModal = function (surface) { var overlay = document.getElementById('hud-modal-overlay'); if (!overlay) { return; } var blocks = overlay.querySelectorAll('.hud-modal-content'); for (var i = 0; i < blocks.length; i++) { blocks[i].setAttribute('hidden', 'hidden'); } var content = document.getElementById('hud-modal-' + surface); if (content) { content.removeAttribute('hidden'); } var titleEl = document.getElementById('hud-modal-title'); if (titleEl) { titleEl.textContent = hudModalTitles[surface] || ''; } overlay.setAttribute('data-surface', surface); overlay.removeAttribute('hidden'); hudCloseSettings(); if (typeof hudModalLoaders[surface] === 'function') { hudModalLoaders[surface](); } }; var hudCloseModal = function () { var overlay = document.getElementById('hud-modal-overlay'); if (overlay) { overlay.setAttribute('hidden', 'hidden'); } }; var hudWireModals = function () { var openers = [['hud-open-connect', 'connect'], ['hud-open-terminal', 'terminal'], ['hud-open-activity', 'activity']]; for (var i = 0; i < openers.length; i++) { (function (pair) { var btn = document.getElementById(pair[0]); if (btn) { btn.onclick = function () { hudOpenModal(pair[1]); }; } })(openers[i]); } var closeBtn = document.getElementById('hud-modal-close'); if (closeBtn) { closeBtn.onclick = hudCloseModal; } var overlay = document.getElementById('hud-modal-overlay'); if (overlay) { overlay.onclick = function (e) { if (e.target === overlay) { hudCloseModal(); } }; } }; var hudFsState = { path: '', roots: [], entries: [], cellMap: {}, view: 'grid', sort: 'name', loading: false, atRoots: true, navigationToken: 0, preview: null, previewMount: null, previewToken: 0 }; var HUD_FS_SVGNS = 'http://www.w3.org/2000/svg'; var hudFsSvgEl = function (spec) { var svg = document.createElementNS(HUD_FS_SVGNS, 'svg'); svg.setAttribute('viewBox', spec.vb || '0 0 24 24'); svg.setAttribute('fill', 'none'); svg.setAttribute('stroke', 'currentColor'); svg.setAttribute('stroke-width', spec.w || '1.6'); if (spec.join !== 0) { svg.setAttribute('stroke-linejoin', 'round'); } if (spec.cap) { svg.setAttribute('stroke-linecap', 'round'); } var kids = spec.kids || []; for (var i = 0; i < kids.length; i++) { var el = document.createElementNS(HUD_FS_SVGNS, kids[i][0]); var at = kids[i][1] || {}; for (var k in at) { if (at.hasOwnProperty(k)) { el.setAttribute(k, at[k]); } } svg.appendChild(el); } return svg; }; var hudFsSetIcon = function (container, spec) { if (!container) { return; } container.innerHTML = ''; if (spec) { container.appendChild(hudFsSvgEl(spec)); } }; var hudFsSetStatus = function (msg, kind) { var el = document.getElementById('hud-fs-status'); if (!el) { return; } el.textContent = msg || ''; el.className = 'hud-fs-status' + (kind ? (' hud-fs-status-' + kind) : ''); }; var hudFsExt = function (name) { var s = String(name || ''); var slash = Math.max(s.lastIndexOf('/'), s.lastIndexOf('\\')); var base = (slash >= 0) ? s.slice(slash + 1) : s; var dot = base.lastIndexOf('.'); return (dot > 0) ? base.slice(dot + 1).toLowerCase() : ''; }; var HUD_FS_KINDS = { image: ['png', 'jpg', 'jpeg', 'gif', 'webp', 'bmp', 'svg', 'ico', 'heic', 'heif', 'avif', 'tiff', 'tif'], video: ['mp4', 'mov', 'm4v', 'webm', 'mkv', 'avi', 'wmv', 'flv', 'mpg', 'mpeg'], audio: ['mp3', 'wav', 'flac', 'aac', 'ogg', 'm4a', 'aiff', 'opus'], pdf: ['pdf'], sheet: ['csv', 'tsv', 'xls', 'xlsx', 'numbers', 'ods'], doc: ['doc', 'docx', 'pages', 'rtf', 'odt'], slides: ['ppt', 'pptx', 'key', 'odp'], code: ['js', 'ts', 'jsx', 'tsx', 'json', 'html', 'htm', 'css', 'scss', 'less', 'py', 'rb', 'go', 'rs', 'java', 'c', 'cpp', 'h', 'hpp', 'cs', 'php', 'sh', 'bash', 'zsh', 'sql', 'swift', 'kt', 'yml', 'yaml', 'toml', 'xml', 'vue', 'svelte'], archive: ['zip', 'tar', 'gz', 'tgz', 'rar', '7z', 'bz2', 'xz', 'iso'], text: ['txt', 'md', 'markdown', 'log', 'ini', 'cfg', 'conf', 'env'], font: ['ttf', 'otf', 'woff', 'woff2'], app: ['app', 'exe', 'dmg', 'pkg', 'deb', 'apk'] }; var hudFsKind = function (ent) { if (ent && ent.type === 'dir') { return 'dir'; } var ext = hudFsExt(ent && ent.name); for (var k in HUD_FS_KINDS) { if (HUD_FS_KINDS.hasOwnProperty(k) && HUD_FS_KINDS[k].indexOf(ext) !== -1) { return k; } } return 'generic'; }; var HUD_FS_KIND_LABEL = { dir: 'Folder', image: 'Image', video: 'Video', audio: 'Audio', pdf: 'PDF document', sheet: 'Spreadsheet', doc: 'Document', slides: 'Presentation', code: 'Code', archive: 'Archive', text: 'Text', font: 'Font', app: 'Application', generic: 'File' }; var hudFsKindLabel = function (ent, kind) { kind = kind || hudFsKind(ent); if (kind === 'dir') { return 'Folder'; } var ext = hudFsExt(ent && ent.name); if (ext) { return ext.toUpperCase() + ' · ' + (HUD_FS_KIND_LABEL[kind] || 'File'); } return HUD_FS_KIND_LABEL[kind] || 'File'; }; var HUD_FS_DOC_OUTLINE = ['path', { d: 'M6.5 3.5h7l4.5 4.5v12a1 1 0 0 1-1 1H6.5a1 1 0 0 1-1-1V4.5a1 1 0 0 1 1-1Z' }]; var HUD_FS_DOC_FOLD = ['path', { d: 'M13 3.7V8h4.3' }]; var HUD_FS_ICONS = { dir: { kids: [['path', { d: 'M3 6.6c0-.9.7-1.6 1.6-1.6h4.2l2 2.2h7.6c.9 0 1.6.7 1.6 1.6v8.8c0 .9-.7 1.6-1.6 1.6H4.6A1.6 1.6 0 0 1 3 17.6Z' }]] }, image: { kids: [['rect', { x: '3.5', y: '4.5', width: '17', height: '15', rx: '2' }], ['circle', { cx: '8.6', cy: '9.4', r: '1.6' }], ['path', { d: 'M4.2 17.4 9.4 12l3.3 3.1 2.8-2.6 4.1 4' }]] }, video: { kids: [['rect', { x: '3.5', y: '5', width: '17', height: '14', rx: '2' }], ['path', { d: 'M10 9.2 14.6 12 10 14.8Z', fill: 'currentColor', stroke: 'none' }]] }, audio: { cap: 1, kids: [['path', { d: 'M9 17V6.2l9-1.8v10.4' }], ['circle', { cx: '6.6', cy: '17.4', r: '2.4' }], ['circle', { cx: '15.6', cy: '15.4', r: '2.4' }]] }, pdf: { kids: [HUD_FS_DOC_OUTLINE, HUD_FS_DOC_FOLD, ['path', { d: 'M8.4 16.6c2.6-.3 3.4-2.2 3.6-3.8.1-1-.4-1.7-1-1.6-.9.1-1 1.6-.4 3.1.7 1.7 2 2.8 3.6 2.7', 'stroke-width': '1.3' }]] }, sheet: { kids: [['rect', { x: '4', y: '4', width: '16', height: '16', rx: '2' }], ['path', { d: 'M4 9.6h16M4 14.4h16M9.6 4v16M14.4 4v16', 'stroke-width': '1.3' }]] }, doc: { kids: [HUD_FS_DOC_OUTLINE, HUD_FS_DOC_FOLD, ['path', { d: 'M8.4 12.4h7.2M8.4 15.4h7.2M8.4 9.4h3', 'stroke-width': '1.3' }]] }, slides: { kids: [['rect', { x: '3.5', y: '4.5', width: '17', height: '11.5', rx: '1.6' }], ['path', { d: 'M12 16v3.5M8.5 19.5h7' }]] }, code: { cap: 1, kids: [['path', { d: 'M9 8.5 5 12l4 3.5M15 8.5 19 12l-4 3.5M13.4 6.5l-2.8 11' }]] }, archive: { kids: [['path', { d: 'M4 7.6 12 4l8 3.6v8.8L12 20l-8-3.6Z' }], ['path', { d: 'M4 7.6 12 11.2l8-3.6M12 11.2V20', 'stroke-width': '1.3' }]] }, text: { kids: [HUD_FS_DOC_OUTLINE, HUD_FS_DOC_FOLD, ['path', { d: 'M8.4 12.4h7.2M8.4 15.4h7.2', 'stroke-width': '1.3' }]] }, font: { cap: 1, kids: [['path', { d: 'M6 18 10.6 6h2.8L18 18M7.8 13.6h8.4' }]] }, app: { kids: [['rect', { x: '4', y: '4', width: '16', height: '16', rx: '3.4' }], ['circle', { cx: '12', cy: '12', r: '2.4' }]] }, generic: { kids: [HUD_FS_DOC_OUTLINE, HUD_FS_DOC_FOLD] } }; var hudFsIconSpec = function (kind) { return HUD_FS_ICONS[kind] || HUD_FS_ICONS.generic; }; var HUD_FS_HOME_SPEC = { w: '1.7', kids: [['path', { d: 'M3.5 11 12 4l8.5 7' }], ['path', { d: 'M5.5 9.6V20h13V9.6' }]] }; var HUD_FS_STATE_ICON = { empty: { w: '1.5', kids: [['path', { d: 'M3 7.4c0-.9.7-1.6 1.6-1.6h4.2l2 2.2h7.6c.9 0 1.6.7 1.6 1.6v7.4c0 .9-.7 1.6-1.6 1.6H4.6A1.6 1.6 0 0 1 3 17Z' }]] }, lock: { w: '1.5', kids: [['rect', { x: '5', y: '10.5', width: '14', height: '9', rx: '2' }], ['path', { d: 'M8 10.5V8a4 4 0 0 1 8 0v2.5' }], ['circle', { cx: '12', cy: '14.6', r: '1.3', fill: 'currentColor', stroke: 'none' }]] }, alert: { w: '1.5', cap: 1, kids: [['path', { d: 'M12 4.5 21 19.5H3Z' }], ['path', { d: 'M12 10v4M12 16.6v.1' }]] } }; var hudFsEntSize = function (ent) { if (!ent) { return null; } var n = ent.size; if (typeof n !== 'number') { n = ent.bytes; } if (typeof n !== 'number') { n = ent.sizeBytes; } return (typeof n === 'number' && n >= 0) ? n : null; }; var hudFsEntMtime = function (ent) { if (!ent) { return null; } var n = ent.mtime; if (typeof n !== 'number') { n = ent.modified; } if (typeof n !== 'number') { n = ent.mtimeMs; } if (typeof n !== 'number') { n = ent.modifiedAt; } return (typeof n === 'number' && n > 0) ? n : null; }; var hudFsFmtSize = function (ent) { var n = hudFsEntSize(ent); if (n === null) { return ''; } return (typeof hudFormatBytes === 'function') ? hudFormatBytes(n) : (n + ' B'); }; var hudFsFmtDate = function (ms) { if (!ms) { return ''; } try { return new Date(ms).toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' }); } catch (e) { return ''; } }; var hudFsRootFor = function (path) { var roots = hudFsState.roots || []; for (var i = 0; i < roots.length; i++) { if (path === roots[i] || path.indexOf(roots[i] + '/') === 0) { return roots[i]; } } return ''; }; var hudFsCrumbBtn = function (label, path, isCur, isHome) { var b = document.createElement('button'); b.type = 'button'; b.className = 'hud-fs-crumb' + (isCur ? ' hud-fs-crumb-cur' : '') + (isHome ? ' hud-fs-crumb-home' : ''); if (isHome) { hudFsSetIcon(b, HUD_FS_HOME_SPEC); b.title = 'Granted folders'; b.setAttribute('aria-label', 'Granted folders'); } else { b.textContent = label; } if (!isCur) { b.onclick = (function (p) { return function () { if (p === '') { hudFsShowRoots(); } else { hudFsBrowse(p); } }; })(path); } return b; }; var hudFsRenderCrumbs = function () { var c = document.getElementById('hud-fs-crumbs'); if (!c) { return; } c.innerHTML = ''; c.appendChild(hudFsCrumbBtn('', '', !hudFsState.path, true)); if (!hudFsState.path) { return; } var addSep = function () { var s = document.createElement('span'); s.className = 'hud-fs-crumb-sep'; s.textContent = '›'; c.appendChild(s); }; var root = hudFsRootFor(hudFsState.path); if (root) { var rootName = root.replace(/\/+$/, '').split('/').pop() || root; addSep(); c.appendChild(hudFsCrumbBtn(rootName, root, hudFsState.path === root, false)); var rest = hudFsState.path.slice(root.length).replace(/^\/+/, ''); if (rest) { var parts = rest.split('/'); var acc = root; for (var i = 0; i < parts.length; i++) { acc = hudExploreJoinPath(acc, parts[i]); addSep(); c.appendChild(hudFsCrumbBtn(parts[i], acc, i === parts.length - 1, false)); } } } else { addSep(); var nm = hudFsState.path.replace(/\/+$/, '').split('/').pop() || hudFsState.path; c.appendChild(hudFsCrumbBtn(nm, hudFsState.path, true, false)); } }; var hudFsUp = function () { if (!hudFsState.path) { hudFsShowRoots(); return; } if (hudFsState.roots && hudFsState.roots.indexOf(hudFsState.path) !== -1) { hudFsShowRoots(); return; } hudFsBrowse(hudExploreParentPath(hudFsState.path)); }; var hudFsSpinner = function (label) { var d = document.createElement('div'); d.className = 'hud-fs-spin'; var s = document.createElement('span'); s.className = 'hud-fs-spinner'; d.appendChild(s); if (label) { var t = document.createElement('span'); t.className = 'hud-fs-spin-tx'; t.textContent = label; d.appendChild(t); } return d; }; var hudFsRenderState = function (el, kind, msg) { el.className = 'hud-fs-state hud-fs-state-' + kind; el.innerHTML = ''; el.hidden = false; if (kind === 'loading' || kind === 'loading-roots') { el.appendChild(hudFsSpinner('Loading…')); return; } var ico = document.createElement('span'); ico.className = 'hud-fs-state-ico'; var title = document.createElement('strong'); title.className = 'hud-fs-state-title'; var sub = document.createElement('span'); sub.className = 'hud-fs-state-sub'; if (kind === 'empty-folder') { hudFsSetIcon(ico, HUD_FS_STATE_ICON.empty); title.textContent = 'This folder is empty'; sub.textContent = 'There is nothing here yet.'; } else if (kind === 'desktop-required') { hudFsSetIcon(ico, HUD_FS_STATE_ICON.lock); title.textContent = 'Files live in the Phoros Desktop app'; sub.textContent = 'Open this homescreen in the desktop app to browse this computer\u2019s folders.'; } else if (kind === 'no-grants') { hudFsSetIcon(ico, HUD_FS_STATE_ICON.lock); title.textContent = 'No folders to browse yet'; sub.textContent = 'Grant a folder in Settings → Folder access and it shows up right here.'; } else { hudFsSetIcon(ico, HUD_FS_STATE_ICON.alert); title.textContent = 'Something went wrong'; sub.textContent = msg || 'Please try again.'; } el.appendChild(ico); el.appendChild(title); el.appendChild(sub); }; var hudFsEntryEl = function (ent, full, kind) { var isDir = (kind === 'dir'); var btn = document.createElement('button'); btn.type = 'button'; btn.className = 'hud-fs-cell hud-fs-cell-' + (isDir ? 'dir' : 'file'); var ico = document.createElement('span'); ico.className = 'hud-fs-ico hud-fs-ic-' + kind; hudFsSetIcon(ico, hudFsIconSpec(kind)); var name = document.createElement('span'); name.className = 'hud-fs-cell-name'; name.textContent = ent.name; name.title = ent.name; var meta = document.createElement('span'); meta.className = 'hud-fs-cell-meta'; meta.textContent = isDir ? 'Folder' : (hudFsFmtSize(ent) || hudFsKindLabel(ent, kind)); var ck = document.createElement('span'); ck.className = 'hud-fs-cell-kind'; ck.textContent = isDir ? 'Folder' : (HUD_FS_KIND_LABEL[kind] || 'File'); var cs = document.createElement('span'); cs.className = 'hud-fs-cell-size'; cs.textContent = isDir ? '' : hudFsFmtSize(ent); var cd = document.createElement('span'); cd.className = 'hud-fs-cell-date'; cd.textContent = hudFsFmtDate(hudFsEntMtime(ent)); btn.appendChild(ico); btn.appendChild(name); btn.appendChild(meta); btn.appendChild(ck); btn.appendChild(cs); btn.appendChild(cd); if (isDir) { btn.onclick = (function (p) { return function () { hudFsBrowse(p); }; })(full); } else { btn.onclick = (function (p, e) { return function () { hudFsView(p, e); }; })(full, ent); } return btn; }; var hudFsSortEntries = function (entries) { var rows = entries.slice(); var sort = hudFsState.sort; rows.sort(function (a, b) { var ad = (a && a.type === 'dir') ? 0 : 1; var bd = (b && b.type === 'dir') ? 0 : 1; if (ad !== bd) { return ad - bd; } if (sort === 'size') { var as = hudFsEntSize(a) || 0, bs = hudFsEntSize(b) || 0; if (as !== bs) { return bs - as; } } else if (sort === 'modified') { var am = hudFsEntMtime(a) || 0, bm = hudFsEntMtime(b) || 0; if (am !== bm) { return bm - am; } } else if (sort === 'type') { var ak = hudFsExt(a && a.name), bk = hudFsExt(b && b.name); if (ak !== bk) { return ak.localeCompare(bk); } } return String(a && a.name).localeCompare(String(b && b.name), undefined, { sensitivity: 'base' }); }); return rows; }; var hudFsRenderEntries = function (entries) { var grid = document.getElementById('hud-fs-list'); var state = document.getElementById('hud-fs-empty'); if (!grid) { return; } hudFsState.entries = Array.isArray(entries) ? entries : []; hudFsState.cellMap = {}; grid.innerHTML = ''; var rows = hudFsSortEntries(hudFsState.entries); if (!rows.length) { if (state) { hudFsRenderState(state, 'empty-folder'); } return; } if (state) { state.hidden = true; } for (var i = 0; i < rows.length; i++) { var ent = rows[i]; if (!ent || !ent.name) { continue; } var kind = hudFsKind(ent); var full = hudExploreJoinPath(hudFsState.path, ent.name); var cell = hudFsEntryEl(ent, full, kind); grid.appendChild(cell); hudFsState.cellMap[full] = cell; } }; var hudFileViewerOrganizations = function () { try { if (typeof JA_Organization === 'undefined' || !hudIsSignedIn()) { return []; } return JA_Organization.find({}, { sort: { name: 1 }, limit: 50 }).fetch(); } catch (e) { return []; } }; var hudFileViewerCurrentOrg = function () { if (!hudIsSignedIn()) { return { error: 'Sign in to Phoros to use the shared file viewer.' }; } var orgs = hudFileViewerOrganizations(); if (!orgs.length) { return { error: 'Your organizations are still loading.' }; } var stored = hudReadStorageValue(FILE_VIEWER_ORG_KEY); for (var i = 0; i < orgs.length; i += 1) { if (orgs[i] && orgs[i]._id === stored) { return { org: orgs[i] }; } } var favs = hudReadFavorites(); for (var f = 0; f < favs.length; f += 1) { for (var j = 0; j < orgs.length; j += 1) { if (orgs[j] && favs[f] && orgs[j]._id === favs[f].org_id) { hudWriteStorageValue(FILE_VIEWER_ORG_KEY, orgs[j]._id); return { org: orgs[j] }; } } } hudWriteStorageValue(FILE_VIEWER_ORG_KEY, orgs[0]._id); return { org: orgs[0] }; }; var hudFsReleasePreviewSource = function (sourceUrl) { var preview = window.phorosDesktop && window.phorosDesktop.filePreview; if (preview && typeof preview.release === 'function' && typeof sourceUrl === 'string') { preview.release(sourceUrl); } }; var hudFsOpenInSharedViewer = function (full, ent, body) { var access = window.phorosDesktop && window.phorosDesktop.fileAccess; var viewer = window.PhorosFilePreview; if (!access || typeof access.requestPreview !== 'function' || !viewer || typeof viewer.mount !== 'function') { body.innerHTML = ''; body.appendChild(hudFsErrorBox('The current Phoros Desktop viewer is required.')); return; } var name = (ent && ent.name) || String(full || '').split('/').pop() || 'desktop-file'; var previewToken = hudFsState.previewToken; hudFsSetStatus('Opening locally…'); access.requestPreview(full).then(function (result) { if (!result || !result.success || !result.data || !result.data.authorized || !result.data.opId) { throw new Error('That file is not inside a connected folder.'); } hudPollOperation(result.data.opId, function (op) { var local = op && op.result; if (previewToken !== hudFsState.previewToken || !hudFsState.preview || hudFsState.preview.path !== full) { if (local && typeof local.url === 'string') { hudFsReleasePreviewSource(local.url); } return; } if (!local || !local.success || typeof local.url !== 'string' || local.url.indexOf('phoros-local://file/') !== 0) { body.innerHTML = ''; body.appendChild(hudFsErrorBox('The local preview source was unavailable.')); return; } if (hudFsState.previewMount) { hudFsState.previewMount.destroy(); hudFsState.previewMount = null; } body.innerHTML = ''; body.classList.add('hud-fs-pv-body-shared'); try { hudFsState.previewMount = viewer.mount(body, { value: local.url, name: local.name || name, size: local.size, lastModified: local.mtime }); } catch (error) { hudFsState.previewMount = null; body.innerHTML = ''; body.classList.remove('hud-fs-pv-body-shared'); body.appendChild(hudFsErrorBox('The local preview could not be mounted.')); return; } hudFsSetStatus(''); }, function (msg) { if (previewToken !== hudFsState.previewToken) { return; } body.innerHTML = ''; body.appendChild(hudFsErrorBox(msg)); }); }).catch(function () { if (previewToken !== hudFsState.previewToken) { return; } body.innerHTML = ''; body.appendChild(hudFsErrorBox('This file could not be opened locally.')); }); }; var hudFsShowRoots = function () { hudFsState.path = ''; hudFsState.atRoots = true; var navigationToken = ++hudFsState.navigationToken; hudFsRenderCrumbs(); hudFsPreviewClose(); var grid = document.getElementById('hud-fs-list'); var state = document.getElementById('hud-fs-empty'); if (!grid) { return; } var access = window.phorosDesktop && window.phorosDesktop.fileAccess; if (!access || typeof access.getGrants !== 'function') { grid.innerHTML = ''; if (state) { hudFsRenderState(state, hudCan('fileSystem') ? 'no-grants' : 'desktop-required'); } return; } hudFsSetStatus(''); grid.innerHTML = ''; if (state) { hudFsRenderState(state, 'loading-roots'); } access.getGrants().then(function (result) { if (navigationToken !== hudFsState.navigationToken) { return; } grid.innerHTML = ''; hudFsState.roots = []; hudFsState.cellMap = {}; var grants = (result && result.scoped && Array.isArray(result.grants)) ? result.grants : []; if (!grants.length) { if (state) { hudFsRenderState(state, 'no-grants'); } return; } if (state) { state.hidden = true; } for (var i = 0; i < grants.length; i++) { var g = grants[i]; if (!g || !g.folderPath) { continue; } hudFsState.roots.push(g.folderPath); var ent = { name: (g.folderPath.replace(/\/+$/, '').split('/').pop() || g.folderPath), type: 'dir' }; var cell = hudFsEntryEl(ent, g.folderPath, 'dir'); cell.classList.add('hud-fs-cell-root'); var meta = cell.querySelector('.hud-fs-cell-meta'); if (meta) { meta.textContent = (g.mode === 'read-write') ? 'Read & write' : 'Read only'; } var ckind = cell.querySelector('.hud-fs-cell-kind'); if (ckind) { ckind.textContent = (g.mode === 'read-write') ? 'Read & write' : 'Read only'; } grid.appendChild(cell); hudFsState.cellMap[g.folderPath] = cell; } }).catch(function () { if (navigationToken !== hudFsState.navigationToken) { return; } grid.innerHTML = ''; if (state) { hudFsRenderState(state, 'error', 'Connected folders could not be loaded.'); } }); }; var hudFsBrowse = function (path) { var access = window.phorosDesktop && window.phorosDesktop.fileAccess; if (!access || typeof access.requestList !== 'function') { hudFsSetStatus('Open this page in the current Phoros Desktop app.', 'error'); return; } hudFsState.atRoots = false; var navigationToken = ++hudFsState.navigationToken; hudFsPreviewClose(); hudFsState.loading = true; hudFsSetStatus(''); var grid = document.getElementById('hud-fs-list'); var state = document.getElementById('hud-fs-empty'); if (grid) { grid.innerHTML = ''; } if (state) { hudFsRenderState(state, 'loading'); } access.requestList(path).then(function (result) { if (navigationToken !== hudFsState.navigationToken) { return; } if (!result || !result.success || !result.data) { hudFsState.loading = false; if (state) { hudFsRenderState(state, 'error', (result && result.error) || 'Could not open that folder.'); } return; } if (!result.data.authorized || !result.data.opId) { hudFsState.loading = false; if (state) { hudFsRenderState(state, 'error', 'That folder is not granted. Open Settings → Folder access to grant it.'); } return; } hudPollOperation(result.data.opId, function (op) { if (navigationToken !== hudFsState.navigationToken) { return; } hudFsState.loading = false; hudFsState.path = path; hudFsState.atRoots = false; hudFsSetStatus(''); hudFsRenderCrumbs(); hudFsRenderEntries((op.result && op.result.entries) ? op.result.entries : []); }, function (msg) { if (navigationToken !== hudFsState.navigationToken) { return; } hudFsState.loading = false; if (state) { hudFsRenderState(state, 'error', msg); } }); }).catch(function () { if (navigationToken !== hudFsState.navigationToken) { return; } hudFsState.loading = false; if (state) { hudFsRenderState(state, 'error', 'Could not open that folder.'); } }); }; var hudFsErrorBox = function (msg) { var d = document.createElement('div'); d.className = 'hud-fs-pv-msg'; var ico = document.createElement('span'); ico.className = 'hud-fs-pv-msg-ico'; hudFsSetIcon(ico, HUD_FS_STATE_ICON.alert); var t = document.createElement('span'); t.textContent = msg || 'Could not open this file.'; d.appendChild(ico); d.appendChild(t); return d; }; var hudFsPreviewClose = function () { hudFsState.previewToken++; if (hudFsState.previewMount) { hudFsState.previewMount.destroy(); hudFsState.previewMount = null; } hudFsState.preview = null; var pv = document.getElementById('hud-fs-preview'); if (pv) { pv.hidden = true; } var body = document.getElementById('hud-fs-pv-body'); if (body) { body.innerHTML = ''; body.classList.remove('hud-fs-pv-body-shared'); } }; var hudFsView = function (full, ent) { hudFsPreviewClose(); ent = ent || { name: String(full || '').split('/').pop(), type: 'file' }; hudFsState.preview = { path: full, ent: ent }; var kind = hudFsKind(ent); hudJourney('file_preview', { kind: kind }); var pv = document.getElementById('hud-fs-preview'); if (pv) { pv.hidden = false; } var nm = document.getElementById('hud-fs-pv-name'); if (nm) { nm.textContent = ent.name; nm.title = full; } var sub = document.getElementById('hud-fs-pv-sub'); if (sub) { var bits = [hudFsKindLabel(ent, kind)]; var sz = hudFsFmtSize(ent); if (sz) { bits.push(sz); } var dt = hudFsFmtDate(hudFsEntMtime(ent)); if (dt) { bits.push(dt); } sub.textContent = bits.join(' · '); } var pvico = document.getElementById('hud-fs-pv-ico'); if (pvico) { pvico.className = 'hud-fs-pv-ico hud-fs-ic-' + kind; hudFsSetIcon(pvico, hudFsIconSpec(kind)); } var copyBtn = document.getElementById('hud-fs-pv-copy'); if (copyBtn) { copyBtn.onclick = function () { hudFsCopyPath(full); }; } var body = document.getElementById('hud-fs-pv-body'); if (!body) { return; } body.classList.remove('hud-fs-pv-body-shared'); body.innerHTML = ''; body.appendChild(hudFsSpinner('Opening ' + ent.name + '…')); hudFsOpenInSharedViewer(full, ent, body); }; var hudFsCopyPath = function (full) { try { if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(full); hudFsSetStatus('Path copied to clipboard.', 'ok'); setTimeout(function () { hudFsSetStatus(''); }, 1600); return; } } catch (e) { } hudFsSetStatus(full); }; var hudFsSetView = function (view) { hudFsState.view = view; var main = document.getElementById('hud-fs-main'); if (main) { main.setAttribute('data-view', view); } var btns = document.querySelectorAll('.hud-fs-view'); for (var i = 0; i < btns.length; i++) { if (btns[i].getAttribute('data-view') === view) { btns[i].classList.add('hud-fs-view-active'); btns[i].setAttribute('aria-pressed', 'true'); } else { btns[i].classList.remove('hud-fs-view-active'); btns[i].setAttribute('aria-pressed', 'false'); } } if (hudFsState.atRoots) { hudFsShowRoots(); } else { hudFsRenderEntries(hudFsState.entries); } }; var hudFsSetSort = function (sort, label) { hudFsState.sort = sort; var lab = document.getElementById('hud-fs-sort-label'); if (lab && label) { lab.textContent = label; } var menu = document.getElementById('hud-fs-sort-menu'); if (menu) { menu.hidden = true; } var btn = document.getElementById('hud-fs-sort-btn'); if (btn) { btn.setAttribute('aria-expanded', 'false'); } if (!hudFsState.atRoots && hudFsState.entries && hudFsState.entries.length) { hudFsRenderEntries(hudFsState.entries); } }; var hudWireFs = function () { var vbtns = document.querySelectorAll('.hud-fs-view'); for (var i = 0; i < vbtns.length; i++) { (function (b) { b.onclick = function () { hudFsSetView(b.getAttribute('data-view')); }; })(vbtns[i]); } var sortBtn = document.getElementById('hud-fs-sort-btn'); var sortMenu = document.getElementById('hud-fs-sort-menu'); if (sortBtn && sortMenu) { sortBtn.onclick = function (e) { e.stopPropagation(); var willOpen = sortMenu.hidden; sortMenu.hidden = !willOpen; sortBtn.setAttribute('aria-expanded', String(willOpen)); }; var items = sortMenu.querySelectorAll('.hud-fs-menu-item'); for (var j = 0; j < items.length; j++) { (function (it) { it.onclick = function () { hudFsSetSort(it.getAttribute('data-sort'), it.getAttribute('data-label') || it.textContent); }; })(items[j]); } document.addEventListener('click', function () { if (!sortMenu.hidden) { sortMenu.hidden = true; sortBtn.setAttribute('aria-expanded', 'false'); } }); } var back = document.getElementById('hud-fs-pv-back'); if (back) { back.onclick = function () { hudFsPreviewClose(); }; } hudFsShowRoots(); }; var hudOpenFolder = function (path) { if (typeof hudFocus === 'function') { hudFocus('files'); } var home = document.getElementById('hud-home'); var fs = document.getElementById('hud-fs'); if (home) { home.hidden = true; } if (fs) { fs.hidden = false; } hudFsPreviewClose(); if (path && typeof hudFsBrowse === 'function') { hudFsBrowse(path); } else { hudFsShowRoots(); } }; var hudHomeRenderFiles = function () { var tiles = document.getElementById('hud-home-files-tiles'); var empty = document.getElementById('hud-home-files-empty'); var desktopCard = document.getElementById('hud-home-files-desktop'); if (!tiles) { return; } if (!hudCan('fileSystem')) { tiles.innerHTML = ''; if (empty) { empty.hidden = true; } if (desktopCard) { desktopCard.hidden = false; } return; } if (desktopCard) { desktopCard.hidden = true; } var access = window.phorosDesktop && window.phorosDesktop.fileAccess; if (!access || typeof access.getGrants !== 'function') { return; } access.getGrants().then(function (result) { tiles.innerHTML = ''; var grants = (result && result.scoped && Array.isArray(result.grants)) ? result.grants : []; if (empty) { empty.hidden = grants.length > 0; } hudSpotLast.grants = []; for (var gi = 0; gi < grants.length; gi += 1) { if (grants[gi] && grants[gi].folderPath) { hudSpotLast.grants.push(grants[gi].folderPath); } } for (var i = 0; i < grants.length && i < 12; i += 1) { var g = grants[i]; if (!g || !g.folderPath) { continue; } var nm = g.folderPath.replace(/\/+$/, '').split('/').pop() || g.folderPath; var tile = document.createElement('button'); tile.type = 'button'; tile.className = 'hud-home-tile'; tile.title = g.folderPath; var icon = document.createElement('span'); icon.className = 'hud-home-tile-icon'; icon.textContent = ''; var label = document.createElement('span'); label.className = 'hud-home-tile-label'; label.textContent = nm; tile.appendChild(icon); tile.appendChild(label); tile.onclick = (function (p) { return function () { hudOpenFolder(p); }; })(g.folderPath); tiles.appendChild(tile); } }).catch(function () { if (empty) { empty.hidden = false; } }); }; var hudHomeRenderAssistants = function () { var tiles = document.getElementById('hud-home-assistants-tiles'); var empty = document.getElementById('hud-home-assistants-empty'); if (!tiles) { return; } if (typeof phoros === 'undefined' || !phoros.processor || !hudState.device_id) { return; } phoros.processor(PHOROS_DESKTOP_ASSISTANTS_ID, { device_id: hudState.device_id }, function (err, result) { var list = (!err && result && result.success && result.data && Array.isArray(result.data.assistants)) ? result.data.assistants : []; tiles.innerHTML = ''; if (empty) { empty.hidden = list.length > 0; } hudSpotLast.assistants = list.slice(0, 12); for (var i = 0; i < list.length && i < 12; i += 1) { var a = list[i]; if (!a) { continue; } var kind = (a.kind === 'business') ? 'business' : 'personal'; var tile = document.createElement('button'); tile.type = 'button'; tile.className = 'hud-asst-tile hud-asst-tile-' + kind; tile.title = (a.name || 'Agent') + (a.org_name ? ' (' + a.org_name + ')' : ''); var av = document.createElement('span'); av.className = 'hud-asst-av'; if (a.picture) { av.style.backgroundImage = 'url(' + JSON.stringify(String(a.picture)) + ')'; } else { av.style.background = hudOrgColor(a.consciousness_id || a.conversation_id || a.name || ''); av.textContent = hudOrgInitials(a.name || '?'); } if (kind === 'personal') { var spark = document.createElement('span'); spark.className = 'hud-asst-spark'; av.appendChild(spark); } else { var chip = document.createElement('span'); chip.className = 'hud-asst-chip'; chip.style.background = hudOrgColor(a.org_id || a.org_name || ''); chip.textContent = hudOrgInitials(a.org_name || a.name || '?').charAt(0); av.appendChild(chip); } var nm = document.createElement('span'); nm.className = 'hud-asst-name'; nm.textContent = a.name || 'Agent'; var role = document.createElement('span'); role.className = 'hud-asst-role'; role.textContent = (kind === 'business') ? (a.org_name || 'Business') : (a.role || 'Personal'); if (kind === 'business' && a.org_name) { role.style.color = hudOrgColor(a.org_id || a.org_name || ''); } tile.appendChild(av); tile.appendChild(nm); tile.appendChild(role); tiles.appendChild(tile); } }); }; var PINNED_APPS_KEY = 'phoros_hud_pinned_apps'; var PHOROS_DESKTOP_JOURNEY_ID = 'MmMiv24tHjh5YqWpG'; var hudJourney = function (event, meta) { if (!PHOROS_DESKTOP_JOURNEY_ID) { return; } if (typeof phoros === 'undefined' || !phoros.processor || !hudState.device_id) { return; } try { phoros.processor(PHOROS_DESKTOP_JOURNEY_ID, { device_id: hudState.device_id, event: String(event || ''), meta: meta || {} }, function () { }); } catch (e) { } }; var hudAppsState = { catalog: [], byId: {} }; var hudAppOpenState = { id: null }; var HUD_APP_PIN_SPEC = { w: '1.8', cap: 1, kids: [['path', { d: 'M8.6 3.8h6.8l-1.1 5.6 2.9 4.4H6.8l2.9-4.4Z' }], ['path', { d: 'M12 13.8v6.4' }]] }; var hudReadPinnedApps = function () { try { var raw = window.localStorage.getItem(PINNED_APPS_KEY); var list = raw ? JSON.parse(raw) : []; return Array.isArray(list) ? list : []; } catch (e) { return []; } }; var hudWritePinnedApps = function (ids) { try { window.localStorage.setItem(PINNED_APPS_KEY, JSON.stringify(ids)); } catch (e) { } }; var hudToggleAppPin = function (appId) { var pins = hudReadPinnedApps(); var ix = pins.indexOf(appId); if (ix === -1) { pins.unshift(appId); hudJourney('app_pin', { app_id: appId }); } else { pins.splice(ix, 1); } hudWritePinnedApps(pins); hudHomeRenderApps(); }; var hudOpenAppExternal = function () { if (!hudAppOpenState.id) { return; } try { window.open(window.location.origin + '/demo/' + hudAppOpenState.id, '_blank'); } catch (e) { } }; var hudCloseApp = function () { var appEl = document.getElementById('hud-app'); var frame = document.getElementById('hud-app-frame'); if (appEl) { appEl.hidden = true; } if (frame) { frame.setAttribute('src', 'about:blank'); } hudAppOpenState.id = null; var home = document.getElementById('hud-home'); if (home) { home.hidden = false; } }; var hudOpenApp = function (appId) { var item = hudAppsState.byId[appId]; if (!item) { return; } var appEl = document.getElementById('hud-app'); var frame = document.getElementById('hud-app-frame'); if (!appEl || !frame) { return; } if (typeof hudFocus === 'function') { hudFocus('apps'); } var home = document.getElementById('hud-home'); if (home) { home.hidden = true; } var fs = document.getElementById('hud-fs'); if (fs) { fs.hidden = true; } appEl.hidden = false; hudAppOpenState.id = appId; var nameEl = document.getElementById('hud-app-name'); if (nameEl) { nameEl.textContent = item.name || 'App'; } var icoEl = document.getElementById('hud-app-ico'); if (icoEl) { icoEl.style.background = hudOrgColor(item.org_id || item._id); icoEl.textContent = hudOrgInitials(item.name || 'App').charAt(0); } var src = window.location.origin + '/demo/' + appId; if (frame.getAttribute('src') !== src) { frame.setAttribute('src', src); } hudJourney('app_open', { app_id: appId }); }; var hudAppTileEl = function (item, pinned) { var tile = document.createElement('button'); tile.type = 'button'; tile.className = 'hud-home-tile hud-home-tile-app'; tile.title = 'Open ' + (item.name || 'App') + (item.org_name ? ' (' + item.org_name + ')' : ''); var mono = document.createElement('span'); mono.className = 'hud-home-tile-mono'; mono.style.background = hudOrgColor(item.org_id || item._id); mono.textContent = hudOrgInitials(item.name || 'App'); var label = document.createElement('span'); label.className = 'hud-home-tile-label'; label.textContent = item.name || 'App'; var pin = document.createElement('span'); pin.className = 'hud-app-pin' + (pinned ? ' hud-app-pin-on' : ''); pin.setAttribute('role', 'button'); pin.setAttribute('tabindex', '0'); pin.setAttribute('aria-label', pinned ? 'Unpin this app' : 'Pin this app'); pin.title = pinned ? 'Unpin' : 'Pin'; hudFsSetIcon(pin, HUD_APP_PIN_SPEC); var togglePin = (function (id) { return function (e) { e.stopPropagation(); e.preventDefault(); hudToggleAppPin(id); }; })(item._id); pin.onclick = togglePin; pin.onkeydown = function (e) { if (e.key === 'Enter' || e.key === ' ') { togglePin(e); } }; tile.appendChild(mono); tile.appendChild(label); tile.appendChild(pin); tile.onclick = (function (id) { return function () { hudOpenApp(id); }; })(item._id); return tile; }; var hudHomeRenderApps = function () { var tiles = document.getElementById('hud-home-apps-tiles'); var empty = document.getElementById('hud-home-apps-empty'); if (!tiles) { return; } tiles.innerHTML = ''; var hud = document.querySelector('.phoros-hud'); var cap = (hud && hud.getAttribute('data-focus') === 'apps') ? 96 : 12; var pins = hudReadPinnedApps(); var rendered = {}; var shown = 0; for (var i = 0; i < pins.length && shown < cap; i += 1) { var p = hudAppsState.byId[pins[i]]; if (!p) { continue; } tiles.appendChild(hudAppTileEl(p, true)); rendered[p._id] = 1; shown += 1; } for (var j = 0; j < hudAppsState.catalog.length && shown < cap; j += 1) { var c = hudAppsState.catalog[j]; if (rendered[c._id]) { continue; } tiles.appendChild(hudAppTileEl(c, false)); shown += 1; } if (empty) { empty.hidden = shown > 0; } }; var hudAppsWired = false; var hudWireApps = function () { if (hudAppsWired) { return; } if (typeof Tracker === 'undefined' || !Tracker.autorun || typeof Meteor === 'undefined') { return; } hudAppsWired = true; try { Tracker.autorun(function () { if (!Meteor.userId || !Meteor.userId()) { return; } if (typeof JA_Organization === 'undefined' || typeof JMDK_Division === 'undefined' || typeof Meteor.subscribe !== 'function') { return; } var orgs = JA_Organization.find({}, { sort: { name: 1 }, limit: 12 }).fetch(); hudAppsState.catalog = []; hudAppsState.byId = {}; for (var i = 0; i < orgs.length; i += 1) { var org = orgs[i]; Meteor.subscribe('jmdk_division', { user_id: Meteor.userId(), type: 'app', organization_id: org._id }); var orgApps = JMDK_Division.find({ type: 'app', organization_id: org._id }, { sort: { name: 1 }, fields: { name: 1, type: 1, organization_id: 1 } }).fetch(); for (var k = 0; k < orgApps.length; k += 1) { var item = { _id: orgApps[k]._id, name: orgApps[k].name || 'App', org_id: org._id, org_name: org.name || '' }; hudAppsState.catalog.push(item); hudAppsState.byId[item._id] = item; } } hudHomeRenderApps(); }); } catch (e) { } }; var FAVORITES_KEY = 'phoros_hud_favorites'; var HUD_FAV_MODULES = [ { key: 'dashboard', label: 'Dashboard', path: 'dashboard', spec: { w: '1.7', cap: 1, kids: [['path', { d: 'M4 20.5V8l6-2.6v15.1M10 20.5V4.4l9 3.1v13M3 20.5h18' }]] } }, { key: 'planner', label: 'Planner', path: 'planner', spec: { w: '1.7', cap: 1, kids: [['rect', { x: '4', y: '5.5', width: '16', height: '15', rx: '1.6' }], ['path', { d: 'M4 10h16M8.5 3.5v4M15.5 3.5v4' }]] } }, { key: 'files', label: 'Files', path: 'files', spec: { kids: [['path', { d: 'M3 6.6c0-.9.7-1.6 1.6-1.6h4.2l2 2.2h7.6c.9 0 1.6.7 1.6 1.6v8.8c0 .9-.7 1.6-1.6 1.6H4.6A1.6 1.6 0 0 1 3 17.6Z' }]] } }, { key: 'invoicing', label: 'Invoicing', path: 'invoicing', spec: { kids: [['path', { d: 'M6.5 3.5h7l4.5 4.5v12a1 1 0 0 1-1 1H6.5a1 1 0 0 1-1-1V4.5a1 1 0 0 1 1-1Z' }], ['path', { d: 'M13 3.7V8h4.3M8.4 12.4h7.2M8.4 15.4h7.2', 'stroke-width': '1.3' }]] } }, { key: 'pos', label: 'Point of Sale', path: 'pos', spec: { w: '1.7', cap: 1, kids: [['rect', { x: '3.5', y: '5', width: '17', height: '13', rx: '1.6' }], ['path', { d: 'M3.5 9.4h17M7 14.6h4' }]] } }, { key: 'email', label: 'Email', path: 'email', spec: { w: '1.7', cap: 1, kids: [['rect', { x: '3.5', y: '5.5', width: '17', height: '13', rx: '1.6' }], ['path', { d: 'M4.5 7l7.5 5.6L19.5 7' }]] } } ]; var hudFavModuleByKey = function (key) { for (var i = 0; i < HUD_FAV_MODULES.length; i += 1) { if (HUD_FAV_MODULES[i].key === key) { return HUD_FAV_MODULES[i]; } } return null; }; var hudReadFavorites = function () { try { var raw = window.localStorage.getItem(FAVORITES_KEY); var list = raw ? JSON.parse(raw) : []; return Array.isArray(list) ? list : []; } catch (e) { return []; } }; var hudWriteFavorites = function (list) { try { window.localStorage.setItem(FAVORITES_KEY, JSON.stringify(list)); } catch (e) { } }; var hudOpenFavorite = function (fav) { if (!fav || !fav.org_id || !fav.path) { return; } hudJourney('favorite_jump', { module: fav.key || fav.path }); var url = window.location.origin + '/' + fav.org_id + '/' + fav.path; try { window.open(url, '_blank'); } catch (e) { window.location.href = url; } }; var hudFavRemoveAt = function (ix) { var list = hudReadFavorites(); if (ix < 0 || ix >= list.length) { return; } list.splice(ix, 1); hudWriteFavorites(list); hudHomeRenderFavorites(); }; var hudFavTileEl = function (fav, ix) { var mod = hudFavModuleByKey(fav.key); var tile = document.createElement('button'); tile.type = 'button'; tile.className = 'hud-home-tile hud-home-tile-fav'; tile.title = 'Open ' + (fav.label || 'page') + (fav.org_name ? ' — ' + fav.org_name : ''); var mono = document.createElement('span'); mono.className = 'hud-home-tile-mono'; mono.style.background = hudOrgColor(fav.org_id || ''); hudFsSetIcon(mono, mod ? mod.spec : HUD_FS_ICONS.generic); var label = document.createElement('span'); label.className = 'hud-home-tile-label'; label.textContent = (fav.label || 'Page') + (fav.org_name ? ' · ' + fav.org_name : ''); var rm = document.createElement('span'); rm.className = 'hud-app-pin'; rm.setAttribute('role', 'button'); rm.setAttribute('tabindex', '0'); rm.setAttribute('aria-label', 'Remove this favorite'); rm.title = 'Remove'; hudFsSetIcon(rm, HUD_CONN_X_SPEC); var removeIt = (function (i) { return function (e) { e.stopPropagation(); e.preventDefault(); hudFavRemoveAt(i); }; })(ix); rm.onclick = removeIt; rm.onkeydown = function (e) { if (e.key === 'Enter' || e.key === ' ') { removeIt(e); } }; tile.appendChild(mono); tile.appendChild(label); tile.appendChild(rm); tile.onclick = (function (f) { return function () { hudOpenFavorite(f); }; })(fav); return tile; }; var hudFavAddTileEl = function () { var tile = document.createElement('button'); tile.type = 'button'; tile.className = 'hud-home-tile hud-home-tile-favadd'; tile.title = 'Add a favorite'; var mono = document.createElement('span'); mono.className = 'hud-home-tile-mono hud-fav-add-mono'; hudFsSetIcon(mono, { w: '2', cap: 1, kids: [['path', { d: 'M12 5v14M5 12h14' }]] }); var label = document.createElement('span'); label.className = 'hud-home-tile-label'; label.textContent = 'Add favorite'; tile.appendChild(mono); tile.appendChild(label); tile.onclick = function () { hudOpenModal('favorite'); }; return tile; }; var hudHomeRenderFavorites = function () { var tiles = document.getElementById('hud-home-favorites-tiles'); var empty = document.getElementById('hud-home-favorites-empty'); if (!tiles) { return; } tiles.innerHTML = ''; var hud = document.querySelector('.phoros-hud'); var cap = (hud && hud.getAttribute('data-focus') === 'favorites') ? 96 : 11; var list = hudReadFavorites(); for (var i = 0; i < list.length && i < cap; i += 1) { tiles.appendChild(hudFavTileEl(list[i], i)); } if (list.length) { tiles.appendChild(hudFavAddTileEl()); } if (empty) { empty.hidden = list.length > 0; } }; var hudFavPickerState = { org: null }; var hudFavSetStatus = function (msg) { var el = document.getElementById('hud-fav-status'); if (el) { el.textContent = msg || ''; } }; var hudFavRenderModules = function () { var wrap = document.getElementById('hud-fav-modules'); if (!wrap) { return; } wrap.innerHTML = ''; for (var i = 0; i < HUD_FAV_MODULES.length; i += 1) { (function (mod) { var b = document.createElement('button'); b.type = 'button'; b.className = 'hud-fav-mod' + (hudFavPickerState.org ? '' : ' hud-fav-mod-off'); var ic = document.createElement('span'); ic.className = 'hud-fav-mod-ico'; hudFsSetIcon(ic, mod.spec); var tx = document.createElement('span'); tx.textContent = mod.label; b.appendChild(ic); b.appendChild(tx); b.onclick = function () { if (!hudFavPickerState.org) { hudFavSetStatus('Pick the organization first.'); return; } var org = hudFavPickerState.org; var list = hudReadFavorites(); for (var j = 0; j < list.length; j += 1) { if (list[j].org_id === org._id && list[j].key === mod.key) { hudFavSetStatus('Already on your homescreen.'); return; } } list.unshift({ org_id: org._id, org_name: org.name || '', key: mod.key, label: mod.label, path: mod.path }); hudWriteFavorites(list); hudJourney('favorite_add', { module: mod.key }); hudHomeRenderFavorites(); hudFavSetStatus('Added ' + mod.label + ' — ' + (org.name || '') + ' is on your homescreen.'); }; wrap.appendChild(b); })(HUD_FAV_MODULES[i]); } }; var hudFavRenderOrgs = function () { var wrap = document.getElementById('hud-fav-orgs'); if (!wrap) { return; } wrap.innerHTML = ''; var orgs = []; try { if (typeof JA_Organization !== 'undefined' && hudIsSignedIn()) { orgs = JA_Organization.find({}, { sort: { name: 1 }, limit: 24 }).fetch(); } } catch (e) { orgs = []; } if (!orgs.length) { var em = document.createElement('p'); em.className = 'hud-fav-empty'; em.textContent = 'Sign in to Phoros and your organizations show up here.'; wrap.appendChild(em); return; } for (var i = 0; i < orgs.length; i += 1) { (function (o) { var b = document.createElement('button'); b.type = 'button'; b.className = 'hud-fav-org' + (hudFavPickerState.org && hudFavPickerState.org._id === o._id ? ' hud-fav-org-on' : ''); var mono = document.createElement('span'); mono.className = 'hud-fav-org-mono'; mono.style.background = hudOrgColor(o._id); mono.textContent = hudOrgInitials(o.name); var tx = document.createElement('span'); tx.textContent = o.name || 'Organization'; b.appendChild(mono); b.appendChild(tx); b.onclick = function () { hudFavPickerState.org = o; hudFavRenderOrgs(); hudFavRenderModules(); hudFavSetStatus(''); }; wrap.appendChild(b); })(orgs[i]); } }; var hudFavPickerOpen = function () { hudFavPickerState.org = null; hudFavSetStatus(''); hudFavRenderOrgs(); hudFavRenderModules(); }; var hudSpotLast = { orgs: [], grants: [], assistants: [] }; var hudSpotClose = function () { var spot = document.getElementById('hud-spot'); if (spot) { spot.hidden = true; } }; var hudSpotRowEl = function (row) { var b = document.createElement('button'); b.type = 'button'; b.className = 'hud-spot-row'; b.title = row.name + (row.sub ? ' — ' + row.sub : ''); var ic = document.createElement('span'); ic.className = 'hud-spot-row-ico'; if (row.mono) { ic.style.background = row.mono; ic.classList.add('hud-spot-row-mono'); ic.textContent = hudOrgInitials(row.name).charAt(0); } else { hudFsSetIcon(ic, row.spec || HUD_FS_ICONS.generic); } var tx = document.createElement('span'); tx.className = 'hud-spot-row-tx'; var nm = document.createElement('strong'); nm.textContent = row.name; var sub = document.createElement('span'); sub.textContent = row.sub || ''; tx.appendChild(nm); tx.appendChild(sub); b.appendChild(ic); b.appendChild(tx); b.onclick = function () { hudSpotClose(); hudJourney('search_go', { kind: row.kind }); row.go(); }; return b; }; var hudSpotCollect = function (q) { var rows = []; var ql = String(q || '').toLowerCase(); var match = function (s) { return !ql || String(s || '').toLowerCase().indexOf(ql) !== -1; }; var i; var favs = hudReadFavorites(); for (i = 0; i < favs.length; i += 1) { if (match(favs[i].label) || match(favs[i].org_name)) { rows.push({ kind: 'favorite', name: favs[i].label || 'Page', sub: 'Favorite · ' + (favs[i].org_name || ''), spec: (hudFavModuleByKey(favs[i].key) || {}).spec, go: (function (f) { return function () { hudOpenFavorite(f); }; })(favs[i]) }); } } for (i = 0; i < hudAppsState.catalog.length; i += 1) { var a = hudAppsState.catalog[i]; if (match(a.name) || match(a.org_name)) { rows.push({ kind: 'app', name: a.name, sub: 'App · ' + (a.org_name || ''), mono: hudOrgColor(a.org_id || a._id), go: (function (id) { return function () { hudOpenApp(id); }; })(a._id) }); } } for (i = 0; i < hudSpotLast.orgs.length; i += 1) { var o = hudSpotLast.orgs[i]; if (match(o.name)) { rows.push({ kind: 'org', name: o.name || 'Organization', sub: 'Organization · opens the dashboard', mono: hudOrgColor(o._id), go: (function (id) { return function () { hudOpenOrgDashboard(id); }; })(o._id) }); } } for (i = 0; i < hudSpotLast.grants.length; i += 1) { var g = hudSpotLast.grants[i]; var gnm = g.replace(/\/+$/, '').split('/').pop() || g; if (match(gnm) || match(g)) { rows.push({ kind: 'folder', name: gnm, sub: 'Folder · ' + g, spec: HUD_FS_ICONS.dir, go: (function (p) { return function () { hudOpenFolder(p); }; })(g) }); } } for (i = 0; i < hudSpotLast.assistants.length; i += 1) { var s = hudSpotLast.assistants[i]; if (match(s.name) || match(s.org_name)) { rows.push({ kind: 'assistant', name: s.name || 'Agent', sub: (s.kind === 'business' ? 'Business agent · ' + (s.org_name || '') : 'Personal agent'), mono: hudOrgColor(s.consciousness_id || s.name || ''), go: function () { hudFocus('assistants'); } }); } } return rows.slice(0, 24); }; var hudSpotRender = function (q) { var wrap = document.getElementById('hud-spot-results'); if (!wrap) { return; } wrap.innerHTML = ''; var rows = hudSpotCollect(String(q || '').trim()); if (!rows.length) { var em = document.createElement('p'); em.className = 'hud-spot-empty'; em.textContent = 'Nothing matches yet — try an app, folder, or organization name.'; wrap.appendChild(em); return; } for (var i = 0; i < rows.length; i += 1) { wrap.appendChild(hudSpotRowEl(rows[i])); } }; var hudSpotOpen = function () { var spot = document.getElementById('hud-spot'); var input = document.getElementById('hud-spot-input'); if (!spot) { return; } spot.hidden = false; hudJourney('search_open', {}); hudSpotRender(''); if (input) { input.value = ''; try { input.focus(); } catch (e) { } } }; var hudWireSpot = function () { var btn = document.getElementById('hud-search-btn'); if (btn) { btn.onclick = hudSpotOpen; } var spot = document.getElementById('hud-spot'); if (spot) { spot.onclick = function (e) { if (e.target === spot) { hudSpotClose(); } }; } var input = document.getElementById('hud-spot-input'); if (input) { input.oninput = function () { hudSpotRender(input.value); }; } }; var hudPulseTimer = null; var hudRenderPulse = function (items) { var wrap = document.getElementById('hud-pulse'); var list = document.getElementById('hud-pulse-list'); if (!wrap || !list) { return; } if (!items || !items.length) { wrap.hidden = true; return; } wrap.hidden = false; list.innerHTML = ''; for (var i = 0; i < items.length; i += 1) { var it = items[i]; if (!it || !it.title) { continue; } var row = document.createElement('button'); row.type = 'button'; row.className = 'hud-pulse-row'; row.title = (it.title || '') + (it.org_name ? ' — ' + it.org_name : ''); var mono = document.createElement('span'); mono.className = 'hud-pulse-mono'; mono.style.background = hudOrgColor(it.org_id || ''); mono.textContent = hudOrgInitials(it.org_name || it.title || '?'); var tx = document.createElement('span'); tx.className = 'hud-pulse-tx'; var t1 = document.createElement('strong'); t1.textContent = it.title; var t2 = document.createElement('span'); var when = (typeof moment !== 'undefined' && it.ts) ? moment(it.ts).fromNow() : ''; t2.textContent = (it.detail || '') + (it.org_name ? ' · ' + it.org_name : '') + (when ? ' · ' + when : ''); tx.appendChild(t1); tx.appendChild(t2); row.appendChild(mono); row.appendChild(tx); row.onclick = (function (orgId) { return function () { if (orgId) { hudOpenOrgDashboard(orgId); } }; })(it.org_id); list.appendChild(row); } }; var hudLoadPulse = function () { if (typeof phoros === 'undefined' || !phoros.processor || !hudState.device_id) { return; } phoros.processor(PHOROS_DESKTOP_PULSE_ID, { device_id: hudState.device_id, limit: 8 }, function (err, result) { if (err || !result || !result.success || !result.data) { return; } hudRenderPulse(result.data.items || []); }); }; var hudWirePulse = function () { hudLoadPulse(); if (!hudPulseTimer) { hudPulseTimer = setInterval(hudLoadPulse, 120000); } }; var hudHomeRender = function () { hudHomeRenderFiles(); hudHomeRenderAssistants(); hudHomeRenderApps(); hudHomeRenderFavorites(); }; var hudWireHome = function () { var smFiles = document.getElementById('hud-home-seemore-files'); if (smFiles) { smFiles.onclick = function () { hudFocus('files'); }; } var smApps = document.getElementById('hud-home-seemore-apps'); if (smApps) { smApps.onclick = function () { hudFocus('apps'); }; } var smFav = document.getElementById('hud-home-seemore-favorites'); if (smFav) { smFav.onclick = function () { hudFocus('favorites'); }; } var smOrgs = document.getElementById('hud-home-seemore-orgs'); if (smOrgs) { smOrgs.onclick = function () { hudFocus('orgs'); }; } var smAsst = document.getElementById('hud-home-seemore-assistants'); if (smAsst) { smAsst.onclick = function () { hudFocus('assistants'); }; } var appBack = document.getElementById('hud-app-back'); if (appBack) { appBack.onclick = hudCloseApp; } var appExt = document.getElementById('hud-app-open-ext'); if (appExt) { appExt.onclick = hudOpenAppExternal; } var favEmpty = document.getElementById('hud-home-favorites-empty'); if (favEmpty) { favEmpty.onclick = function () { hudOpenModal('favorite'); }; } hudHomeRender(); }; var hudIsSignedIn = function () { return !!(typeof Meteor !== 'undefined' && Meteor.userId && Meteor.userId()); }; var hudSignIn = function () { hudJourney('signin_open', {}); hudCloseSettings(); if (typeof FabricState !== 'undefined' && FabricState.set) { FabricState.set('JMDK_showForgotPasswordForm', false); FabricState.set('JMDK_showSignUpForm', false); FabricState.set('JMDK_show_registration', 'Meteor'); setTimeout(function () { var wrapper = document.getElementById('JMDK_RegistrationWrapper'); if (wrapper) { wrapper.classList.remove('JMDK_hide'); wrapper.classList.add('JMDK_show'); wrapper.removeAttribute('hidden'); wrapper.style.pointerEvents = 'auto'; wrapper.style.zIndex = '1000000'; } var accountInput = document.querySelector('#JMDK_RegistrationWrapper input'); if (accountInput && typeof accountInput.focus === 'function') { try { accountInput.focus(); } catch (e) { } } }, 60); return; } if (typeof JMDK_signIn === 'function') { JMDK_signIn({ signin: true }); return; } try { window.location.href = window.location.origin + '/dashboard/home'; } catch (e) { window.location.href = '/dashboard/home'; } }; var hudRefreshAccount = function () { var title = document.getElementById('hud-signin-title'); var sub = document.getElementById('hud-signin-sub'); if (!title || !sub) { return; } if (hudIsSignedIn()) { title.textContent = 'Signed in to Phoros'; sub.textContent = 'Your organizations and apps show up on your homescreen.'; } else { title.textContent = 'Sign in to Phoros'; sub.textContent = 'Carry your work and bring in your organizations.'; } }; var hudAccountWired = false; var hudWireAccount = function () { if (hudAccountWired) { return; } if (typeof Tracker === 'undefined' || !Tracker.autorun || typeof Meteor === 'undefined') { return; } hudAccountWired = true; var lastSignedIn = null; Tracker.autorun(function () { var signedIn = hudIsSignedIn(); hudRefreshAccount(); if (signedIn && typeof FabricState !== 'undefined' && FabricState.get && FabricState.set && FabricState.get('JMDK_show_registration') === 'Meteor') { FabricState.set('JMDK_show_registration', false); } if (signedIn === lastSignedIn) { return; } lastSignedIn = signedIn; if (signedIn) { if (typeof hudHomeRender === 'function') { hudHomeRender(); } if (typeof hudFetchHistory === 'function') { hudFetchHistory(); } if (!hudHasDesktopBridge() && !hudState.device_id) { hudBrowserEnsureDevice(function () { hudEnterReadyState(); }); } } }); }; var hudOrgColors = ['#52a3e5','#e0825a','#5ec48a','#b07ad8','#e0b84a','#5ab0c4','#d8729a']; var hudOrgColor = function (id) { var n = 0; id = id || ''; for (var i = 0; i < id.length; i++) { n += id.charCodeAt(i); } return hudOrgColors[n % hudOrgColors.length]; }; var hudOrgInitials = function (name) { var parts = (name || '?').trim().split(/\s+/); var a = (parts[0] || '?').charAt(0); var b = parts.length > 1 ? (parts[parts.length - 1] || '').charAt(0) : ''; return (a + b).toUpperCase(); }; var hudOpenOrgDashboard = function (orgId) { if (!orgId) { return; } hudWriteStorageValue(FILE_VIEWER_ORG_KEY, orgId); hudJourney('org_jump', { org_id: orgId }); var url = window.location.origin + '/' + orgId + '/dashboard'; try { window.open(url, '_blank'); } catch (e) { window.location.href = url; } }; var hudRenderOrgTiles = function (orgs) { var tiles = document.getElementById('hud-home-orgs-tiles'); var empty = document.getElementById('hud-home-orgs-empty'); if (!tiles) { return; } tiles.innerHTML = ''; if (empty) { empty.hidden = orgs.length > 0; } hudSpotLast.orgs = orgs.slice(0, 24); for (var i = 0; i < orgs.length && i < 12; i += 1) { var o = orgs[i]; var tile = document.createElement('button'); tile.type = 'button'; tile.className = 'hud-home-tile hud-home-tile-org'; tile.title = 'Open ' + (o.name || 'Organization') + ' in the dashboard'; var mono = document.createElement('span'); mono.className = 'hud-home-tile-mono'; mono.style.background = hudOrgColor(o._id); mono.textContent = hudOrgInitials(o.name); var label = document.createElement('span'); label.className = 'hud-home-tile-label'; label.textContent = o.name || 'Organization'; tile.appendChild(mono); tile.appendChild(label); tile.onclick = (function (orgId) { return function () { hudOpenOrgDashboard(orgId); }; })(o._id); tiles.appendChild(tile); } }; var hudOrgsWired = false; var hudWireOrganizations = function () { if (hudOrgsWired) { return; } if (typeof Tracker === 'undefined' || !Tracker.autorun || typeof Meteor === 'undefined') { return; } hudOrgsWired = true; try { Tracker.autorun(function () { if (!Meteor.userId || !Meteor.userId()) { return; } if (typeof JA_Organization === 'undefined' || typeof Meteor.subscribe !== 'function') { return; } var iu = (typeof ConfirmInsight === 'function') ? ConfirmInsight(Meteor.userId()) : Meteor.userId(); Meteor.subscribe('ja_organization', { name: 'InsightOrganization', insightUser_id: iu, limit: 50, publishCount: 'ja_organization' }); hudRenderOrgTiles(JA_Organization.find({}, { sort: { name: 1 } }).fetch()); }); } catch (e) { } }; var hudPageIndex = { apps: 0, favorites: 1, orgs: 2, files: 3, assistants: 4 }; var hudSetRailActive = function (mode) { var rails = document.querySelectorAll('.hud-rail-btn'); for (var i = 0; i !== rails.length; i += 1) { var action = rails[i].getAttribute('data-action'); var page = rails[i].getAttribute('data-page'); if (action === mode || page === mode) { rails[i].classList.add('hud-nav-active'); } else { rails[i].classList.remove('hud-nav-active'); } } }; var hudPrepWorkspace = function () { var homeEl = document.getElementById('hud-home'); if (homeEl) { homeEl.hidden = false; } var fsEl = document.getElementById('hud-fs'); if (fsEl) { fsEl.hidden = true; } var appViewEl = document.getElementById('hud-app'); if (appViewEl) { appViewEl.hidden = true; } }; var hudColleague = function () { var hud = document.querySelector('.phoros-hud'); if (!hud) { return; } hud.removeAttribute('data-focus'); hud.setAttribute('data-page', 'colleague'); hudPrepWorkspace(); hudSetRailActive('colleague'); var navs = document.querySelectorAll('.hud-tab'); for (var i = 0; i !== navs.length; i += 1) { var p = navs[i].getAttribute('data-page'); if (p === 'colleague' || p === 'chat') { navs[i].classList.add('hud-nav-active'); } else { navs[i].classList.remove('hud-nav-active'); } } var history = document.getElementById('hud-chat-history'); if (history) { history.scrollTop = history.scrollHeight; } }; var hudFocus = function (page) { var hud = document.querySelector('.phoros-hud'); if (!hud) { return; } if (page === 'colleague') { hudColleague(); return; } hudPrepWorkspace(); hud.setAttribute('data-focus', page); hud.setAttribute('data-page', page); if (page === 'apps') { if (typeof hudHomeRenderApps === 'function') { hudHomeRenderApps(); } } if (page === 'favorites') { if (typeof hudHomeRenderFavorites === 'function') { hudHomeRenderFavorites(); } } hudSetRailActive(page); try { var st = document.querySelector('.hud-stage'); if (st) { if (st.scrollTo) { st.scrollTo({ top: 0, behavior: 'smooth' }); } } } catch (e) { } }; var hudHome = function () { var hud = document.querySelector('.phoros-hud'); if (!hud) { return; } hud.removeAttribute('data-focus'); hud.setAttribute('data-page', 'home'); hudPrepWorkspace(); hudSetRailActive('home'); try { var st = document.querySelector('.hud-stage'); if (st) { if (st.scrollTo) { st.scrollTo({ top: 0, behavior: 'smooth' }); } } } catch (e) { } }; var hudSetPage = function (page) { var hud = document.querySelector('.phoros-hud'); if (!hud) { return; } var targetPage = page === 'chat' ? 'colleague' : page; if (targetPage === 'colleague') { hudColleague(); } else { hud.removeAttribute('data-focus'); hudPrepWorkspace(); hud.setAttribute('data-page', targetPage); } var navs = document.querySelectorAll('.hud-tab'); for (var i = 0; i !== navs.length; i += 1) { var p = navs[i].getAttribute('data-page'); if (p === page || p === targetPage) { navs[i].classList.add('hud-nav-active'); } else { navs[i].classList.remove('hud-nav-active'); } } if (targetPage !== 'colleague') { var secs = document.querySelectorAll('.hud-home .hud-home-section'); var idx = hudPageIndex[targetPage]; if (secs) { if (typeof idx === 'number') { if (secs[idx]) { if (typeof secs[idx].scrollIntoView === 'function') { try { secs[idx].scrollIntoView({ behavior: 'smooth', block: 'start' }); } catch (e) { } } } } } } }; var hudWireNav = function () { var rails = document.querySelectorAll('.hud-rail-btn'); for (var i = 0; i !== rails.length; i += 1) { (function (btn) { if (btn.getAttribute('data-action') === 'home') { btn.onclick = hudHome; return; } if (btn.getAttribute('data-action') === 'colleague') { btn.onclick = hudColleague; return; } var p = btn.getAttribute('data-page'); if (p) { btn.onclick = function () { hudFocus(p); }; } })(rails[i]); } var tabs = document.querySelectorAll('.hud-tab'); for (var j = 0; j !== tabs.length; j += 1) { (function (btn) { var p = btn.getAttribute('data-page'); if (p) { btn.onclick = function () { hudSetPage(p); }; } })(tabs[j]); } hudColleague(); }; var hudWire = function () { hudApplyTheme(); hudState.user_name = hudReadStoredName(); hudRenderUserNameInWelcome(); var storedSeenTs = hudReadSeenTs(); hudState.last_seen_ts = storedSeenTs > 0 ? storedSeenTs : 0; var continueBtn = document.getElementById('hud-intro-continue'); if (continueBtn) { continueBtn.onclick = hudIntroContinue; } var chatForm = document.getElementById('hud-chat-form'); if (chatForm) { chatForm.onsubmit = hudChatSubmit; chatForm.onpaste = hudHandleChatPaste; } var settingsGear = document.getElementById('hud-settings-gear'); if (settingsGear) { settingsGear.onclick = hudToggleSettings; } var settingsClose = document.getElementById('hud-settings-close'); if (settingsClose) { settingsClose.onclick = hudCloseSettings; } var themeLightBtn = document.getElementById('hud-theme-light'); if (themeLightBtn) { themeLightBtn.onclick = function () { hudSetTheme('light'); }; } var themeDarkBtn = document.getElementById('hud-theme-dark'); if (themeDarkBtn) { themeDarkBtn.onclick = function () { hudSetTheme('dark'); }; } var signOutRow = document.getElementById('hud-signout-row'); if (signOutRow) { signOutRow.onclick = hudSignOutConfirmAndRun; } var signinRow = document.getElementById('hud-signin-row'); if (signinRow) { signinRow.onclick = function () { if (!hudIsSignedIn()) { hudSignIn(); } }; } hudRefreshAccount(); hudWireAccount(); hudWireOrganizations(); hudWireApps(); hudWireSpot(); hudWirePulse(); hudWireRemote(); hudWireOpenAtLogin(); hudWireConnect(); hudWireMachine(); hudWireModals(); hudWireFs(); hudApplyCapabilityGating(); hudWireNav(); hudWireHome(); document.onclick = hudHandleDocClick; document.onkeydown = hudHandleDocKeydown; hudIntroResolveOnLoad(); }; hudWire();

Welcome,

Welcome