Merge branch 'main' into fix/1539

app.js

@@ -83,6 +83,7 @@ let workshopPanelCanvas = null;
 let workshopScanMat = null;
 let workshopPanelRefreshTimer = 0;
 let lastFocusedPortal = null;
+let portalHealthTimer = null;
 
 // ═══ VISITOR / OPERATOR MODE ═══
 let uiMode = 'visitor'; // 'visitor' | 'operator'
@@ -1536,6 +1537,7 @@ function createPortals(data) {
     const portal = createPortal(config);
     portals.push(portal);
   });
+  startPortalHealthChecks();
 }
 
 function createPortal(config) {
@@ -1674,6 +1676,19 @@ function createPortal(config) {
     swirl,
     pSystem,
     light,
+    labelCanvas,
+    labelContext: lctx,
+    labelTexture: labelTex,
+    labelMesh,
+    baseState: window.PortalHealth
+      ? window.PortalHealth.captureBaseState(config)
+      : {
+          status: config.status || 'online',
+          blocked_reason: config.blocked_reason ?? null,
+          interaction_ready: config.interaction_ready !== false,
+          action_label: config.destination?.action_label || 'ENTER',
+        },
+    health: null,
     customElements: {}
   };
 
@@ -1754,6 +1769,86 @@ function createPortal(config) {
   return portalObj;
 }
 
+function updatePortalLabelTexture(portal, runtimeState) {
+  if (!portal?.labelContext || !portal?.labelCanvas || !portal?.labelTexture) return;
+
+  const ctx = portal.labelContext;
+  const canvas = portal.labelCanvas;
+  const portalColor = new THREE.Color(portal.config.color);
+  ctx.clearRect(0, 0, canvas.width, canvas.height);
+  ctx.font = 'bold 32px "Orbitron", sans-serif';
+  ctx.fillStyle = '#' + portalColor.getHexString();
+  ctx.textAlign = 'center';
+  ctx.fillText(`◈ ${portal.config.name.toUpperCase()}`, 256, 36);
+
+  ctx.font = 'bold 18px "Orbitron", sans-serif';
+  if (runtimeState && runtimeState.online === false) {
+    ctx.fillStyle = '#ff4466';
+    ctx.fillText('OFFLINE', 256, 68);
+  } else if (portal.config.role) {
+    const roleColors = { timmy: '#4af0c0', reflex: '#ff4466', pilot: '#ffd700', creative: '#ff00ff' };
+    ctx.fillStyle = roleColors[portal.config.role] || '#888888';
+    ctx.fillText(portal.config.role.toUpperCase(), 256, 68);
+  }
+
+  portal.labelTexture.needsUpdate = true;
+}
+
+function setPortalVisualIntensity(portal, intensity) {
+  const factor = Math.max(0.12, Math.min(1, intensity));
+  portal.group.traverse(obj => {
+    if (obj.isPointLight) {
+      if (obj.userData.baseIntensity == null) obj.userData.baseIntensity = obj.intensity;
+      obj.intensity = obj.userData.baseIntensity * factor;
+      return;
+    }
+    const materials = obj.material ? (Array.isArray(obj.material) ? obj.material : [obj.material]) : [];
+    materials.forEach(mat => {
+      if (mat.opacity != null) {
+        if (mat.userData.baseOpacity == null) mat.userData.baseOpacity = mat.opacity;
+        mat.opacity = mat.userData.baseOpacity * factor;
+      }
+      if (mat.emissiveIntensity != null) {
+        if (mat.userData.baseEmissiveIntensity == null) mat.userData.baseEmissiveIntensity = mat.emissiveIntensity;
+        mat.emissiveIntensity = mat.userData.baseEmissiveIntensity * factor;
+      }
+      if (mat.transparent != null && factor < 1) mat.transparent = true;
+    });
+  });
+}
+
+function setPortalRuntimeState(portal, runtimeState) {
+  portal.health = runtimeState;
+  portal.config.status = runtimeState.status;
+  portal.config.blocked_reason = runtimeState.blocked_reason;
+  portal.config.interaction_ready = runtimeState.interaction_ready;
+  if (portal.config.destination) {
+    portal.config.destination.action_label = runtimeState.actionLabel;
+  }
+
+  setPortalVisualIntensity(portal, runtimeState.online === false ? 0.2 : 1);
+  updatePortalLabelTexture(portal, runtimeState);
+}
+
+async function runPortalHealthChecks() {
+  if (!window.PortalHealth || portals.length === 0) return;
+
+  await Promise.all(portals.map(async (portal) => {
+    const probe = await window.PortalHealth.probePortalHealth(portal.config);
+    const runtimeState = window.PortalHealth.computePortalRuntimeState(portal.config, portal.baseState, probe);
+    setPortalRuntimeState(portal, runtimeState);
+  }));
+
+  if (atlasOverlayActive) populateAtlas();
+  if (activePortal) checkPortalProximity();
+}
+
+function startPortalHealthChecks() {
+  if (!window.PortalHealth || portalHealthTimer) return;
+  runPortalHealthChecks();
+  portalHealthTimer = setInterval(runPortalHealthChecks, window.PortalHealth.DEFAULT_HEALTH_INTERVAL_MS);
+}
+
 // ═══ PARTICLES ═══
 function createParticles() {
   const count = particleCount(1500);
@@ -3048,8 +3143,14 @@ function checkPortalProximity() {
   
   activePortal = closest;
   const hint = document.getElementById('portal-hint');
+  const hintLabel = document.getElementById('portal-hint-label');
   if (activePortal) {
+    const runtimeState = activePortal.health || {
+      online: activePortal.config.status !== 'offline',
+      tooltipText: `Enter ${activePortal.config.name}`,
+    };
     document.getElementById('portal-hint-name').textContent = activePortal.config.name;
+    if (hintLabel) hintLabel.textContent = runtimeState.online ? 'Enter' : 'Offline';
     hint.style.display = 'flex';
   } else {
     hint.style.display = 'none';
@@ -3063,8 +3164,13 @@ function activatePortal(portal) {
   const descDisplay = document.getElementById('portal-desc-display');
   const redirectBox = document.getElementById('portal-redirect-box');
   const errorBox = document.getElementById('portal-error-box');
+  const errorMsg = document.querySelector('#portal-error-box .portal-error-msg');
   const timerDisplay = document.getElementById('portal-timer');
   const statusDot = document.getElementById('portal-status-dot');
+  const runtimeState = portal.health || {
+    online: portal.config.status !== 'offline',
+    blocked_reason: portal.config.blocked_reason,
+  };
   
   nameDisplay.textContent = portal.config.name.toUpperCase();
   descDisplay.textContent = portal.config.description;
@@ -3073,6 +3179,13 @@ function activatePortal(portal) {
   
   overlay.style.display = 'flex';
   
+  if (!runtimeState.online) {
+    redirectBox.style.display = 'none';
+    errorBox.style.display = 'block';
+    if (errorMsg) errorMsg.textContent = runtimeState.blocked_reason || 'OFFLINE';
+    return;
+  }
+
   if (portal.config.destination && portal.config.destination.url) {
     redirectBox.style.display = 'block';
     errorBox.style.display = 'none';
@@ -3091,6 +3204,7 @@ function activatePortal(portal) {
   } else {
     redirectBox.style.display = 'none';
     errorBox.style.display = 'block';
+    if (errorMsg) errorMsg.textContent = 'DESTINATION NOT YET LINKED';
   }
 }
 

index.html

@@ -236,7 +236,7 @@
   <!-- Portal Hint -->
   <div id="portal-hint" class="portal-hint" style="display:none;">
     <div class="portal-hint-key">F</div>
-    <div class="portal-hint-text">Enter <span id="portal-hint-name"></span></div>
+    <div class="portal-hint-text"><span id="portal-hint-label">Enter</span> <span id="portal-hint-name"></span></div>
   </div>
 
   <!-- Vision Hint -->
@@ -394,6 +394,7 @@
 <div id="memory-inspect-panel" class="memory-inspect-panel" style="display:none;" aria-label="Memory Inspect Panel"></div>
 <div id="memory-connections-panel" class="memory-connections-panel" style="display:none;" aria-label="Memory Connections Panel"></div>
 
+<script src="./portal-health.js"></script>
 <script src="./boot.js"></script>
 <script src="./avatar-customization.js"></script>
 <script src="./lod-system.js"></script>

js/spatial-search.js

@@ -1,317 +0,0 @@
-// ═══════════════════════════════════════════════════════════════
-// SPATIAL SEARCH — Find nearest user/object by name
-// ═══════════════════════════════════════════════════════════════
-//
-// Search for users/objects by name with distance and direction.
-// Provides autocomplete, pathfinding arrow, and keyboard shortcuts.
-//
-// Usage:
-//   const search = new SpatialSearch({ maxDistance: 1000 });
-//   search.registerEntity('id', { name, type, position });
-//   const results = search.searchEntities('query');
-// ═══════════════════════════════════════════════════════════════
-
-class SpatialSearch {
-  constructor(options = {}) {
-    this.maxDistance = options.maxDistance || 1000;
-    this.onResultSelect = options.onResultSelect || null;
-    this.entities = new Map();
-    this.selectedIndex = -1;
-    this.results = [];
-    this.isOpen = false;
-    this._initUI();
-    this._bindKeys();
-  }
-
-  // ─── Entity Management ─────────────────────────────────
-  
-  registerEntity(id, { name, type = 'object', position }) {
-    this.entities.set(id, {
-      id,
-      name: name.toLowerCase(),
-      displayName: name,
-      type,
-      position: { ...position }
-    });
-  }
-
-  unregisterEntity(id) {
-    this.entities.delete(id);
-  }
-
-  updateEntityPosition(id, position) {
-    const entity = this.entities.get(id);
-    if (entity) {
-      entity.position = { ...position };
-    }
-  }
-
-  // ─── Search ────────────────────────────────────────────
-
-  searchEntities(query, cameraPosition = null) {
-    if (!query || query.length < 1) {
-      this.results = [];
-      this._renderResults();
-      return [];
-    }
-
-    const q = query.toLowerCase();
-    const results = [];
-
-    for (const [id, entity] of this.entities) {
-      if (!entity.name.includes(q)) continue;
-
-      let distance = 0;
-      let direction = '';
-
-      if (cameraPosition) {
-        distance = this._calculateDistance(cameraPosition, entity.position);
-        if (distance > this.maxDistance) continue;
-        direction = this._calculateDirection(cameraPosition, entity.position);
-      }
-
-      results.push({
-        id,
-        name: entity.displayName,
-        type: entity.type,
-        distance: Math.round(distance * 10) / 10,
-        direction,
-        position: entity.position
-      });
-    }
-
-    // Sort by distance
-    results.sort((a, b) => a.distance - b.distance);
-    
-    this.results = results.slice(0, 10); // Limit to 10 results
-    this.selectedIndex = this.results.length > 0 ? 0 : -1;
-    this._renderResults();
-    
-    return this.results;
-  }
-
-  selectResult(index) {
-    if (index < 0 || index >= this.results.length) return;
-    
-    this.selectedIndex = index;
-    this._renderResults();
-    
-    const result = this.results[index];
-    if (result && this.onResultSelect) {
-      this.onResultSelect(result);
-    }
-    
-    this.close();
-  }
-
-  // ─── Distance & Direction ──────────────────────────────
-
-  _calculateDistance(from, to) {
-    const dx = to.x - from.x;
-    const dy = to.y - from.y;
-    const dz = to.z - from.z;
-    return Math.sqrt(dx * dx + dy * dy + dz * dz);
-  }
-
-  _calculateDirection(from, to) {
-    const dx = to.x - from.x;
-    const dz = to.z - from.z;
-    const angle = Math.atan2(dx, dz) * (180 / Math.PI);
-    
-    // Convert to compass direction
-    if (angle >= -22.5 && angle < 22.5) return 'N';
-    if (angle >= 22.5 && angle < 67.5) return 'NE';
-    if (angle >= 67.5 && angle < 112.5) return 'E';
-    if (angle >= 112.5 && angle < 157.5) return 'SE';
-    if (angle >= 157.5 || angle < -157.5) return 'S';
-    if (angle >= -157.5 && angle < -112.5) return 'SW';
-    if (angle >= -112.5 && angle < -67.5) return 'W';
-    if (angle >= -67.5 && angle < -22.5) return 'NW';
-    return 'N';
-  }
-
-  // ─── UI ────────────────────────────────────────────────
-
-  _initUI() {
-    // Search container
-    this.container = document.createElement('div');
-    this.container.id = 'spatial-search';
-    this.container.className = 'spatial-search';
-    this.container.style.display = 'none';
-    
-    // Input
-    this.input = document.createElement('input');
-    this.input.type = 'text';
-    this.input.className = 'spatial-search-input';
-    this.input.placeholder = 'Search by name... (Ctrl+F)';
-    this.input.addEventListener('input', () => this._onInput());
-    this.input.addEventListener('keydown', (e) => this._onKeyDown(e));
-    
-    // Results dropdown
-    this.dropdown = document.createElement('div');
-    this.dropdown.className = 'spatial-search-dropdown';
-    
-    // Path arrow
-    this.arrow = document.createElement('div');
-    this.arrow.className = 'spatial-search-arrow';
-    this.arrow.style.display = 'none';
-    this.arrow.innerHTML = '<span class="arrow-icon">➤</span><span class="arrow-info"></span>';
-    
-    this.container.appendChild(this.input);
-    this.container.appendChild(this.dropdown);
-    
-    document.body.appendChild(this.container);
-    document.body.appendChild(this.arrow);
-  }
-
-  _bindKeys() {
-    document.addEventListener('keydown', (e) => {
-      // Ctrl+F or Cmd+F to toggle
-      if ((e.ctrlKey || e.metaKey) && e.key === 'f') {
-        e.preventDefault();
-        this.toggle();
-        return;
-      }
-      
-      // Escape to close
-      if (e.key === 'Escape' && this.isOpen) {
-        e.preventDefault();
-        this.close();
-        return;
-      }
-    });
-  }
-
-  _onInput() {
-    const query = this.input.value;
-    // Get camera position if available
-    const cameraPos = window.camera ? {
-      x: window.camera.position.x,
-      y: window.camera.position.y,
-      z: window.camera.position.z
-    } : null;
-    
-    this.searchEntities(query, cameraPos);
-  }
-
-  _onKeyDown(e) {
-    if (!this.isOpen || this.results.length === 0) return;
-    
-    switch (e.key) {
-      case 'ArrowDown':
-        e.preventDefault();
-        this.selectedIndex = Math.min(this.selectedIndex + 1, this.results.length - 1);
-        this._renderResults();
-        break;
-      case 'ArrowUp':
-        e.preventDefault();
-        this.selectedIndex = Math.max(this.selectedIndex - 1, 0);
-        this._renderResults();
-        break;
-      case 'Enter':
-        e.preventDefault();
-        if (this.selectedIndex >= 0) {
-          this.selectResult(this.selectedIndex);
-        }
-        break;
-    }
-  }
-
-  _renderResults() {
-    this.dropdown.innerHTML = '';
-    
-    if (this.results.length === 0) {
-      if (this.input.value) {
-        this.dropdown.innerHTML = '<div class="spatial-search-empty">No results found</div>';
-      }
-      return;
-    }
-    
-    this.results.forEach((result, index) => {
-      const item = document.createElement('div');
-      item.className = `spatial-search-item ${index === this.selectedIndex ? 'selected' : ''}`;
-      item.innerHTML = `
-        <span class="item-name">${this._escapeHtml(result.name)}</span>
-        <span class="item-type">${result.type}</span>
-        <span class="item-distance">${result.distance}m ${result.direction}</span>
-      `;
-      item.addEventListener('click', () => this.selectResult(index));
-      this.dropdown.appendChild(item);
-    });
-  }
-
-  _updateArrow(result) {
-    if (!result) {
-      this.arrow.style.display = 'none';
-      return;
-    }
-    
-    this.arrow.style.display = 'flex';
-    const info = this.arrow.querySelector('.arrow-info');
-    if (info) {
-      info.textContent = `${result.name} — ${result.distance}m ${result.direction}`;
-    }
-    
-    // Rotate arrow based on direction
-    const rotations = {
-      'N': 0, 'NE': 45, 'E': 90, 'SE': 135,
-      'S': 180, 'SW': 225, 'W': 270, 'NW': 315
-    };
-    const arrowIcon = this.arrow.querySelector('.arrow-icon');
-    if (arrowIcon) {
-      arrowIcon.style.transform = `rotate(${rotations[result.direction] || 0}deg)`;
-    }
-  }
-
-  _escapeHtml(str) {
-    const div = document.createElement('div');
-    div.textContent = str;
-    return div.innerHTML;
-  }
-
-  // ─── Public API ────────────────────────────────────────
-
-  open() {
-    this.isOpen = true;
-    this.container.style.display = 'flex';
-    this.input.focus();
-    this.input.value = '';
-    this.results = [];
-    this._renderResults();
-  }
-
-  close() {
-    this.isOpen = false;
-    this.container.style.display = 'none';
-    this.input.blur();
-    this.selectedIndex = -1;
-    this._updateArrow(null);
-  }
-
-  toggle() {
-    if (this.isOpen) {
-      this.close();
-    } else {
-      this.open();
-    }
-  }
-
-  getStatus() {
-    return {
-      entityCount: this.entities.size,
-      isOpen: this.isOpen,
-      resultCount: this.results.length,
-      selectedIndex: this.selectedIndex
-    };
-  }
-}
-
-// Export for module systems
-if (typeof module !== 'undefined' && module.exports) {
-  module.exports = SpatialSearch;
-}
-
-// Make available globally
-if (typeof window !== 'undefined') {
-  window.SpatialSearch = SpatialSearch;
-}

portal-health.js

@@ -0,0 +1,135 @@
+(function (global) {
+  const DEFAULT_HEALTH_INTERVAL_MS = 5 * 60 * 1000;
+  const DEFAULT_TIMEOUT_MS = 3000;
+
+  function derivePortalHealthTarget(config = {}) {
+    if (typeof config.health_check_url === 'string' && config.health_check_url.trim()) {
+      return config.health_check_url.trim();
+    }
+
+    const destinationUrl = config?.destination?.url;
+    if (typeof destinationUrl === 'string' && destinationUrl.trim()) {
+      return destinationUrl.trim();
+    }
+
+    return null;
+  }
+
+  function shouldProbePortalHealth(config = {}) {
+    const target = derivePortalHealthTarget(config);
+    return typeof target === 'string' && /^https?:\/\//i.test(target);
+  }
+
+  function captureBaseState(config = {}) {
+    return {
+      status: config.status || 'online',
+      blocked_reason: config.blocked_reason ?? null,
+      interaction_ready: config.interaction_ready !== false,
+      action_label: config?.destination?.action_label || 'ENTER',
+    };
+  }
+
+  function computePortalRuntimeState(config = {}, baseState = captureBaseState(config), probe = {}) {
+    const tracked = shouldProbePortalHealth(config);
+    const portalName = config.name || 'Portal';
+
+    if (!tracked) {
+      return {
+        tracked: false,
+        online: true,
+        status: baseState.status,
+        blocked_reason: baseState.blocked_reason,
+        interaction_ready: baseState.interaction_ready,
+        actionLabel: baseState.action_label,
+        tooltipText: `Enter ${portalName}`,
+      };
+    }
+
+    const online = probe.online !== false;
+    if (!online) {
+      const reason = probe.reason || 'Offline';
+      return {
+        tracked: true,
+        online: false,
+        status: 'offline',
+        blocked_reason: reason,
+        interaction_ready: false,
+        actionLabel: 'OFFLINE',
+        tooltipText: 'Offline',
+      };
+    }
+
+    return {
+      tracked: true,
+      online: true,
+      status: baseState.status,
+      blocked_reason: baseState.blocked_reason,
+      interaction_ready: baseState.interaction_ready,
+      actionLabel: baseState.action_label,
+      tooltipText: `Enter ${portalName}`,
+    };
+  }
+
+  function describeProbeFailure(error) {
+    if (!error) return 'Offline';
+    if (error.name === 'AbortError') return 'Offline';
+    return error.message || 'Offline';
+  }
+
+  async function probePortalHealth(config = {}, { fetchImpl = global.fetch, timeoutMs = DEFAULT_TIMEOUT_MS } = {}) {
+    const target = derivePortalHealthTarget(config);
+    if (!shouldProbePortalHealth(config)) {
+      return { online: true, skipped: true, target };
+    }
+
+    if (typeof fetchImpl !== 'function') {
+      return { online: false, reason: 'Offline', target };
+    }
+
+    const controller = typeof AbortController !== 'undefined' ? new AbortController() : null;
+    const timeout = controller
+      ? setTimeout(() => controller.abort(), timeoutMs)
+      : null;
+
+    try {
+      const response = await fetchImpl(target, {
+        method: 'HEAD',
+        mode: 'no-cors',
+        cache: 'no-store',
+        signal: controller ? controller.signal : undefined,
+      });
+
+      if (timeout) clearTimeout(timeout);
+
+      const online = !response || response.type === 'opaque' || response.ok || response.status < 500;
+      return {
+        online,
+        reason: online ? null : `Offline (${response.status || 'unreachable'})`,
+        target,
+      };
+    } catch (error) {
+      if (timeout) clearTimeout(timeout);
+      return {
+        online: false,
+        reason: describeProbeFailure(error),
+        target,
+      };
+    }
+  }
+
+  const api = {
+    DEFAULT_HEALTH_INTERVAL_MS,
+    DEFAULT_TIMEOUT_MS,
+    derivePortalHealthTarget,
+    shouldProbePortalHealth,
+    captureBaseState,
+    computePortalRuntimeState,
+    probePortalHealth,
+  };
+
+  if (typeof module !== 'undefined' && module.exports) {
+    module.exports = api;
+  }
+
+  global.PortalHealth = api;
+})(typeof window !== 'undefined' ? window : globalThis);

portals.json

@@ -129,13 +129,22 @@
       "type": "harness",
       "params": {
         "mode": "creative"
-      }
+      },
+      "action_label": "Enter Workshop"
     },
     "agents_present": [
       "timmy",
       "kimi"
     ],
-    "interaction_ready": true
+    "interaction_ready": true,
+    "portal_type": "creative-harness",
+    "world_category": "creative",
+    "environment": "production",
+    "access_mode": "visitor",
+    "readiness_state": "online",
+    "blocked_reason": null,
+    "telemetry_source": "workshop",
+    "owner": "Timmy"
   },
   {
     "id": "archive",
@@ -157,12 +166,21 @@
       "type": "harness",
       "params": {
         "mode": "read"
-      }
+      },
+      "action_label": "Enter Archive"
     },
     "agents_present": [
       "claude"
     ],
-    "interaction_ready": true
+    "interaction_ready": true,
+    "portal_type": "knowledge-harness",
+    "world_category": "archive",
+    "environment": "production",
+    "access_mode": "visitor",
+    "readiness_state": "online",
+    "blocked_reason": null,
+    "telemetry_source": "archive",
+    "owner": "Timmy"
   },
   {
     "id": "chapel",
@@ -184,10 +202,19 @@
       "type": "harness",
       "params": {
         "mode": "meditation"
-      }
+      },
+      "action_label": "Enter Chapel"
     },
     "agents_present": [],
-    "interaction_ready": true
+    "interaction_ready": true,
+    "portal_type": "sanctuary-harness",
+    "world_category": "sanctuary",
+    "environment": "production",
+    "access_mode": "visitor",
+    "readiness_state": "online",
+    "blocked_reason": null,
+    "telemetry_source": "chapel",
+    "owner": "Timmy"
   },
   {
     "id": "courtyard",
@@ -209,13 +236,22 @@
       "type": "harness",
       "params": {
         "mode": "social"
-      }
+      },
+      "action_label": "Enter Courtyard"
     },
     "agents_present": [
       "timmy",
       "perplexity"
     ],
-    "interaction_ready": true
+    "interaction_ready": true,
+    "portal_type": "social-harness",
+    "world_category": "social",
+    "environment": "production",
+    "access_mode": "visitor",
+    "readiness_state": "online",
+    "blocked_reason": null,
+    "telemetry_source": "courtyard",
+    "owner": "Reflex"
   },
   {
     "id": "gate",
@@ -237,10 +273,19 @@
       "type": "harness",
       "params": {
         "mode": "transit"
-      }
+      },
+      "action_label": "Enter Gate"
     },
     "agents_present": [],
-    "interaction_ready": false
+    "interaction_ready": false,
+    "portal_type": "transit-harness",
+    "world_category": "transit",
+    "environment": "production",
+    "access_mode": "operator",
+    "readiness_state": "standby",
+    "blocked_reason": null,
+    "telemetry_source": "gate",
+    "owner": "Reflex"
   },
   {
     "id": "playground",
@@ -292,4 +337,4 @@
     "agents_present": [],
     "interaction_ready": true
   }
-]
+]

tests/portal-health-app.test.js

@@ -0,0 +1,21 @@
+const { test } = require('node:test');
+const assert = require('node:assert/strict');
+const fs = require('node:fs');
+const path = require('node:path');
+
+const ROOT = path.resolve(__dirname, '..');
+
+test('index bootstraps portal-health helper before app startup', () => {
+  const html = fs.readFileSync(path.join(ROOT, 'index.html'), 'utf8');
+  assert.match(html, /portal-health\.js/);
+});
+
+test('app wires recurring portal health checks and offline tooltip behavior', () => {
+  const source = fs.readFileSync(path.join(ROOT, 'app.js'), 'utf8');
+  assert.match(source, /startPortalHealthChecks\(/);
+  assert.match(source, /runPortalHealthChecks\(/);
+  assert.match(source, /PortalHealth\.DEFAULT_HEALTH_INTERVAL_MS/);
+  assert.match(source, /tooltipText/);
+  assert.match(source, /Offline/);
+  assert.match(source, /setPortalRuntimeState\(/);
+});

tests/portal-health.test.js

@@ -0,0 +1,69 @@
+const { test } = require('node:test');
+const assert = require('node:assert/strict');
+
+const {
+  DEFAULT_HEALTH_INTERVAL_MS,
+  derivePortalHealthTarget,
+  shouldProbePortalHealth,
+  computePortalRuntimeState,
+} = require('../portal-health.js');
+
+test('portal health checks default to five minutes', () => {
+  assert.equal(DEFAULT_HEALTH_INTERVAL_MS, 5 * 60 * 1000);
+});
+
+test('portal health target prefers explicit health URL then destination URL', () => {
+  assert.equal(
+    derivePortalHealthTarget({
+      health_check_url: 'https://status.timmy.foundation/health',
+      destination: { url: 'https://portal.timmy.foundation' },
+    }),
+    'https://status.timmy.foundation/health'
+  );
+
+  assert.equal(
+    derivePortalHealthTarget({ destination: { url: 'https://portal.timmy.foundation' } }),
+    'https://portal.timmy.foundation'
+  );
+
+  assert.equal(
+    derivePortalHealthTarget({ destination: { url: null } }),
+    null
+  );
+});
+
+test('portal health probe eligibility only tracks portals with external URLs', () => {
+  assert.equal(shouldProbePortalHealth({ destination: { url: 'https://portal.timmy.foundation' } }), true);
+  assert.equal(shouldProbePortalHealth({ destination: { url: './local.html' } }), false);
+  assert.equal(shouldProbePortalHealth({ destination: { url: null } }), false);
+});
+
+test('runtime state marks offline portals unavailable and restores base state when healthy', () => {
+  const config = {
+    name: 'Workshop',
+    status: 'online',
+    blocked_reason: null,
+    interaction_ready: true,
+    destination: { url: 'https://workshop.timmy.foundation', action_label: 'Enter Workshop' },
+  };
+  const baseState = {
+    status: 'online',
+    blocked_reason: null,
+    interaction_ready: true,
+    action_label: 'Enter Workshop',
+  };
+
+  const offline = computePortalRuntimeState(config, baseState, { online: false, reason: 'Offline' });
+  assert.equal(offline.status, 'offline');
+  assert.equal(offline.interaction_ready, false);
+  assert.equal(offline.blocked_reason, 'Offline');
+  assert.equal(offline.tooltipText, 'Offline');
+  assert.equal(offline.actionLabel, 'OFFLINE');
+
+  const restored = computePortalRuntimeState(config, baseState, { online: true });
+  assert.equal(restored.status, 'online');
+  assert.equal(restored.interaction_ready, true);
+  assert.equal(restored.blocked_reason, null);
+  assert.equal(restored.tooltipText, 'Enter Workshop');
+  assert.equal(restored.actionLabel, 'Enter Workshop');
+});

tests/test_spatial_search.js

@@ -1,99 +0,0 @@
-// Test suite for SpatialSearch module
-// Run: node --test tests/test_spatial_search.js
-
-const { describe, it, beforeEach } = require('node:test');
-const assert = require('node:assert');
-
-// Mock DOM for Node.js environment
-global.document = {
-  createElement: (tag) => ({
-    className: '',
-    style: {},
-    innerHTML: '',
-    textContent: '',
-    addEventListener: () => {},
-    appendChild: () => {},
-    querySelector: () => ({ style: {}, textContent: '' })
-  }),
-  body: { appendChild: () => {} },
-  addEventListener: () => {}
-};
-global.window = { camera: null };
-
-// Load module
-const SpatialSearch = require('../js/spatial-search.js');
-
-describe('SpatialSearch', () => {
-  let search;
-
-  beforeEach(() => {
-    search = new SpatialSearch({ maxDistance: 1000 });
-  });
-
-  it('loads correctly', () => {
-    assert.ok(SpatialSearch);
-  });
-
-  it('can be instantiated', () => {
-    assert.ok(search instanceof SpatialSearch);
-  });
-
-  it('can register entities', () => {
-    search.registerEntity('user1', {
-      name: 'Alice',
-      type: 'user',
-      position: { x: 10, y: 0, z: 5 }
-    });
-    const status = search.getStatus();
-    assert.strictEqual(status.entityCount, 1);
-  });
-
-  it('can unregister entities', () => {
-    search.registerEntity('user1', { name: 'Alice', type: 'user', position: { x: 0, y: 0, z: 0 } });
-    search.unregisterEntity('user1');
-    assert.strictEqual(search.getStatus().entityCount, 0);
-  });
-
-  it('can update entity position', () => {
-    search.registerEntity('user1', { name: 'Alice', type: 'user', position: { x: 0, y: 0, z: 0 } });
-    search.updateEntityPosition('user1', { x: 10, y: 0, z: 10 });
-    // Verify by searching with camera position
-    const results = search.searchEntities('alice', { x: 0, y: 0, z: 0 });
-    assert.strictEqual(results.length, 1);
-    assert.ok(results[0].distance > 0);
-  });
-
-  it('calculates distance correctly', () => {
-    const from = { x: 0, y: 0, z: 0 };
-    const to = { x: 3, y: 0, z: 4 };
-    const distance = search._calculateDistance(from, to);
-    assert.strictEqual(distance, 5); // 3-4-5 triangle
-  });
-
-  it('calculates direction correctly', () => {
-    const from = { x: 0, y: 0, z: 0 };
-    assert.strictEqual(search._calculateDirection(from, { x: 0, y: 0, z: 10 }), 'N');
-    assert.strictEqual(search._calculateDirection(from, { x: 10, y: 0, z: 0 }), 'E');
-    assert.strictEqual(search._calculateDirection(from, { x: 0, y: 0, z: -10 }), 'S');
-    assert.strictEqual(search._calculateDirection(from, { x: -10, y: 0, z: 0 }), 'W');
-  });
-
-  it('searches entities correctly', () => {
-    search.registerEntity('1', { name: 'Alice', type: 'user', position: { x: 5, y: 0, z: 0 } });
-    search.registerEntity('2', { name: 'Bob', type: 'user', position: { x: 10, y: 0, z: 0 } });
-    search.registerEntity('3', { name: 'Alice Shop', type: 'object', position: { x: 20, y: 0, z: 0 } });
-
-    const results = search.searchEntities('ali', { x: 0, y: 0, z: 0 });
-    assert.strictEqual(results.length, 2);
-    assert.strictEqual(results[0].name, 'Alice'); // Closer
-    assert.strictEqual(results[1].name, 'Alice Shop');
-  });
-
-  it('gets status', () => {
-    search.registerEntity('1', { name: 'Test', type: 'object', position: { x: 0, y: 0, z: 0 } });
-    const status = search.getStatus();
-    assert.strictEqual(status.entityCount, 1);
-    assert.strictEqual(status.isOpen, false);
-    assert.strictEqual(status.resultCount, 0);
-  });
-});