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>

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",

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');
+});