@auraindustry/aurajs 0.1.0 → 0.1.3

package/templates/create/local-multiplayer/scenes/gameplay.scene.js

@@ -52,6 +52,11 @@ function readAuraEnvBoolean(name) {
   return null;
 }
 
+function normalizeLauncherBaseUrl(value) {
+  const normalized = String(value || '').trim().replace(/\/+$/, '');
+  return normalized || null;
+}
+
 function isKnownConnectivityMode(value) {
   const normalized = String(value || '').trim().toLowerCase();
   return normalized === 'local'
@@ -134,9 +139,16 @@ function resolveDiagnosticsConfig() {
   };
 }
 
+function resolveLauncherConfig() {
+  return {
+    baseUrl: normalizeLauncherBaseUrl(readAuraEnv('AURA_MULTIPLAYER_LAUNCHER_BASE_URL')),
+  };
+}
+
 const ROOM_CONFIG = resolveRoomConfig();
 const CONNECTIVITY_CONFIG = resolveConnectivityConfig();
 const DIAGNOSTICS_CONFIG = resolveDiagnosticsConfig();
+const LAUNCHER_CONFIG = resolveLauncherConfig();
 const LAUNCH_JOIN_CODE = (() => {
   const value = readAuraEnv('AURA_MULTIPLAYER_JOIN_CODE');
   return value ? value.toUpperCase() : null;
@@ -166,13 +178,20 @@ function assertLocalMultiplayerCapabilities() {
   if (!hasMethod(aura.draw2d, 'text')) missing.push('aura.draw2d.text');
   if (typeof aura.rgb !== 'function') missing.push('aura.rgb');
   if (!hasMethod(aura.multiplayer, 'configure')) missing.push('aura.multiplayer.configure');
+  if (!hasMethod(aura.multiplayer, 'configureRollbackLane')) missing.push('aura.multiplayer.configureRollbackLane');
+  if (!hasMethod(aura.multiplayer, 'clearRollbackLane')) missing.push('aura.multiplayer.clearRollbackLane');
   if (!hasMethod(aura.multiplayer, 'getAllPlayerInputs')) missing.push('aura.multiplayer.getAllPlayerInputs');
-  if (!hasMethod(aura.multiplayer, 'getAllState')) missing.push('aura.multiplayer.getAllState');
+  if (!hasMethod(aura.multiplayer, 'getInterpolatedAllState')) missing.push('aura.multiplayer.getInterpolatedAllState');
+  if (!hasMethod(aura.multiplayer, 'getLocalId')) missing.push('aura.multiplayer.getLocalId');
+  if (!hasMethod(aura.multiplayer, 'getNetworkDiagnostics')) missing.push('aura.multiplayer.getNetworkDiagnostics');
   if (!hasMethod(aura.multiplayer, 'getPlayerCount')) missing.push('aura.multiplayer.getPlayerCount');
+  if (!hasMethod(aura.multiplayer, 'getRollbackDiagnostics')) missing.push('aura.multiplayer.getRollbackDiagnostics');
+  if (!hasMethod(aura.multiplayer, 'getRollbackState')) missing.push('aura.multiplayer.getRollbackState');
   if (!hasMethod(aura.multiplayer, 'getRoomInfo')) missing.push('aura.multiplayer.getRoomInfo');
   if (!hasMethod(aura.multiplayer, 'getState')) missing.push('aura.multiplayer.getState');
   if (!hasMethod(aura.multiplayer, 'host')) missing.push('aura.multiplayer.host');
   if (!hasMethod(aura.multiplayer, 'isConnected')) missing.push('aura.multiplayer.isConnected');
+  if (!hasMethod(aura.multiplayer, 'onStateUpdate')) missing.push('aura.multiplayer.onStateUpdate');
   if (!hasMethod(aura.multiplayer, 'onPlayerJoin')) missing.push('aura.multiplayer.onPlayerJoin');
   if (!hasMethod(aura.multiplayer, 'onPlayerLeave')) missing.push('aura.multiplayer.onPlayerLeave');
   if (!hasMethod(aura.multiplayer, 'sendInput')) missing.push('aura.multiplayer.sendInput');
@@ -207,6 +226,24 @@ function createSceneState() {
     hostedRoom: null,
     pendingElapsed: 0,
     registeredHostCallbacks: false,
+    registeredRuntimeCallbacks: false,
+    rollbackKey: null,
+    stateUpdateMeta: null,
+  };
+}
+
+function resolveDrawStates(sceneState) {
+  const drawState = aura.multiplayer.getInterpolatedAllState() || {};
+  if (sceneState.role !== 'client' || !sceneState.rollbackKey) {
+    return drawState;
+  }
+  const rollbackState = aura.multiplayer.getRollbackState?.(sceneState.rollbackKey);
+  if (!rollbackState || typeof rollbackState !== 'object') {
+    return drawState;
+  }
+  return {
+    ...drawState,
+    [sceneState.rollbackKey]: rollbackState,
   };
 }
 
@@ -232,7 +269,57 @@ function readInput() {
   };
 }
 
+function readFiniteNumber(value) {
+  const numeric = Number(value);
+  return Number.isFinite(numeric) ? numeric : null;
+}
+
+function formatDiagnosticNumber(value, suffix = '') {
+  const numeric = readFiniteNumber(value);
+  return numeric === null ? '-' : `${Math.round(numeric)}${suffix}`;
+}
+
+function readLocalPlayerId(fallback = null) {
+  const localId = Number(aura.multiplayer.getLocalId?.());
+  return Number.isInteger(localId) && localId >= 0 ? localId : fallback;
+}
+
+function localPlayerStateKey(playerId) {
+  return Number.isInteger(playerId) && playerId >= 0 ? `player_${playerId}` : null;
+}
+
+function defaultLocalPlayerLabel(playerId, role = 'client') {
+  if (!Number.isInteger(playerId) || playerId < 0) {
+    return 'player';
+  }
+  if (role === 'host' && playerId === 0) {
+    return 'host';
+  }
+  return `p${playerId}`;
+}
+
+function createFallbackPlayerState(playerId, role = 'client') {
+  return createLocalPlayerState(playerId, defaultLocalPlayerLabel(playerId, role));
+}
+
+function normalizeStateUpdateMetadata(metadata) {
+  if (!metadata || typeof metadata !== 'object') {
+    return null;
+  }
+  return {
+    source: typeof metadata.source === 'string' && metadata.source.trim() ? metadata.source.trim() : null,
+    sequence: readFiniteNumber(metadata.sequence),
+    serverTimeMs: readFiniteNumber(metadata.serverTimeMs),
+    tickIntervalMs: readFiniteNumber(metadata.tickIntervalMs),
+    jitterMs: readFiniteNumber(metadata.jitterMs),
+    bufferDelayMs: readFiniteNumber(metadata.bufferDelayMs),
+    historyDepth: readFiniteNumber(metadata.historyDepth),
+    bufferedServerTimeMs: readFiniteNumber(metadata.bufferedServerTimeMs),
+  };
+}
+
 function currentStatusLine(sceneState, roomCode) {
+  const shareLink = currentLauncherJoinLink(sceneState);
   if (sceneState.role === 'pending') {
     if (launchedViaExplicitJoin()) {
       return `Joining room code ${roomCode}...`;
@@ -240,6 +327,9 @@ function currentStatusLine(sceneState, roomCode) {
     return 'Checking for a room-code match before hosting this room...';
   }
   if (sceneState.role === 'host') {
+    if (shareLink) {
+      return `Share launcher link: ${displayShareLink(shareLink)}`;
+    }
     if (usesInternetBackedHosting()) {
       return `Share this room code anywhere: npm run join -- ${roomCode}`;
     }
@@ -251,6 +341,17 @@ function currentStatusLine(sceneState, roomCode) {
   return 'Joined through the local-first room-code multiplayer flow.';
 }
 
+function currentLauncherJoinLink(sceneState) {
+  if (!usesInternetBackedHosting() || !LAUNCHER_CONFIG.baseUrl) {
+    return null;
+  }
+  return `${LAUNCHER_CONFIG.baseUrl}/join/${encodeURIComponent(currentRoomCode(sceneState))}`;
+}
+
+function displayShareLink(link) {
+  return String(link || '').replace(/^https?:\/\//, '');
+}
+
 export function createGameplayScene(context = {}) {
   const appState = context.appState && typeof context.appState === 'object'
     ? context.appState
@@ -272,15 +373,39 @@ export function createGameplayScene(context = {}) {
   function syncHud() {
     const roomInfo = currentRoomInfo(sceneState);
     const roomCode = currentRoomCode(sceneState);
+    const shareLink = currentLauncherJoinLink(sceneState);
+    const network = aura.multiplayer.getNetworkDiagnostics?.() || {};
+    const rollback = aura.multiplayer.getRollbackDiagnostics?.(sceneState.rollbackKey || undefined) || {};
+    const stateUpdateMeta = sceneState.stateUpdateMeta || {};
+    const transportPath = network.transportPath || roomInfo?.transportPath || (usesInternetBackedHosting() ? 'internet_pending' : 'local_room');
+    const transportStatus = network.transportStatus || roomInfo?.transportStatus || (aura.multiplayer.isConnected() ? 'connected' : 'waiting');
+    const joinPath = roomInfo?.joinPath || (usesInternetBackedHosting() ? 'internet_fallback' : 'local');
+    const roomReason = roomInfo?.lastReasonCode || network.lastReasonCode || null;
     const diagnostics = DIAGNOSTICS_CONFIG.enabled
       ? {
-          mode: roomInfo?.requestedMode || CONNECTIVITY_CONFIG.mode,
-          scope: roomInfo?.scope || (usesInternetBackedHosting() ? 'internet' : 'local'),
-          transportPath: roomInfo?.transportPath || (usesInternetBackedHosting() ? 'internet_pending' : 'local_room'),
-          transportStatus: roomInfo?.transportStatus || (aura.multiplayer.isConnected() ? 'connected' : 'waiting'),
-          joinPath: roomInfo?.joinPath || (usesInternetBackedHosting() ? 'internet_fallback' : 'local'),
-          lastReasonCode: roomInfo?.lastReasonCode || null,
+          mode: `${network.requestedMode || roomInfo?.requestedMode || CONNECTIVITY_CONFIG.mode}${rollback.enabled ? ' / rollback on' : ' / rollback off'}`,
+          scope: network.scope || roomInfo?.scope || (usesInternetBackedHosting() ? 'internet' : 'local'),
+          transportPath: `${transportPath}${stateUpdateMeta.source ? ` / ${stateUpdateMeta.source}` : ''}`,
+          transportStatus: `${transportStatus} / seq ${formatDiagnosticNumber(network.lastSequence ?? stateUpdateMeta.sequence)} / gap ${formatDiagnosticNumber(network.sequenceGapCount)}`,
+          joinPath: `${joinPath} / buf ${formatDiagnosticNumber(network.bufferDelayMs ?? stateUpdateMeta.bufferDelayMs, 'ms')} / jit ${formatDiagnosticNumber(network.jitterMs ?? stateUpdateMeta.jitterMs, 'ms')} / q ${formatDiagnosticNumber(network.queuedEventCount)}`,
+          lastReasonCode: `${roomReason || rollback.lastReasonCode || '-'} / rb ${formatDiagnosticNumber(rollback.rollbackCount)} rp ${formatDiagnosticNumber(rollback.replayCount)}`,
           pingMs: Number(aura.multiplayer.getPing?.()),
+          source: stateUpdateMeta.source || null,
+          sequence: network.lastSequence ?? stateUpdateMeta.sequence,
+          serverTimeMs: network.lastSnapshotServerTimeMs ?? stateUpdateMeta.serverTimeMs,
+          tickIntervalMs: network.lastSnapshotTickIntervalMs ?? stateUpdateMeta.tickIntervalMs,
+          jitterMs: network.jitterMs ?? stateUpdateMeta.jitterMs,
+          bufferDelayMs: network.bufferDelayMs ?? stateUpdateMeta.bufferDelayMs,
+          historyDepth: network.historyDepth ?? stateUpdateMeta.historyDepth,
+          bufferedServerTimeMs: network.bufferedServerTimeMs ?? stateUpdateMeta.bufferedServerTimeMs,
+          rollbackEnabled: rollback.enabled === true,
+          rollbackKey: rollback.key || sceneState.rollbackKey || null,
+          rollbackCount: readFiniteNumber(rollback.rollbackCount),
+          replayCount: readFiniteNumber(rollback.replayCount),
+          continuityResetCount: readFiniteNumber(rollback.continuityResetCount),
+          lastCorrectionMagnitude: readFiniteNumber(rollback.lastCorrectionMagnitude),
+          lastAuthoritativeServerTick: readFiniteNumber(rollback.lastAuthoritativeServerTick),
+          lastAckInputTick: readFiniteNumber(rollback.lastAckInputTick),
         }
       : null;
     context.setHudScreen?.('hud', {
@@ -290,6 +415,7 @@ export function createGameplayScene(context = {}) {
       playerCount: Number(aura.multiplayer.getPlayerCount?.() || 0),
       connected: aura.multiplayer.isConnected() === true,
       showControlsHint: multiplayerUi.showControlsHint !== false,
+      shareLink: shareLink ? displayShareLink(shareLink) : null,
       statusLine: currentStatusLine(sceneState, roomCode),
       diagnostics,
     });
@@ -312,6 +438,68 @@ export function createGameplayScene(context = {}) {
     });
   }
 
+  function ensureRuntimeCallbacks() {
+    if (sceneState.registeredRuntimeCallbacks) return;
+    sceneState.registeredRuntimeCallbacks = true;
+    aura.multiplayer.onStateUpdate((_snapshot, metadata) => {
+      sceneState.stateUpdateMeta = normalizeStateUpdateMetadata(metadata);
+    });
+  }
+
+  function clearClientRollback() {
+    if (sceneState.rollbackKey) {
+      aura.multiplayer.clearRollbackLane(sceneState.rollbackKey);
+    } else if (aura.multiplayer.getRollbackDiagnostics?.()?.enabled) {
+      aura.multiplayer.clearRollbackLane();
+    }
+    sceneState.rollbackKey = null;
+  }
+
+  function syncRoleFromRuntime() {
+    const runtimeRole = aura.multiplayer.getRoomInfo?.()?.role;
+    if (runtimeRole === 'host' && sceneState.role !== 'host') {
+      sceneState.role = 'host';
+      ensureHostCallbacks();
+    } else if (runtimeRole === 'client' && sceneState.role !== 'client') {
+      sceneState.role = 'client';
+    }
+  }
+
+  function ensureClientRollback() {
+    const connected = aura.multiplayer.isConnected() === true;
+    const roomRole = aura.multiplayer.getRoomInfo?.()?.role || sceneState.role;
+    if (!connected || roomRole !== 'client') {
+      clearClientRollback();
+      return null;
+    }
+    const localId = readLocalPlayerId();
+    const rollbackKey = localPlayerStateKey(localId);
+    if (!rollbackKey) {
+      clearClientRollback();
+      return null;
+    }
+    const diagnostics = aura.multiplayer.getRollbackDiagnostics?.(rollbackKey) || {};
+    if (sceneState.rollbackKey !== rollbackKey || diagnostics?.enabled !== true || diagnostics?.key !== rollbackKey) {
+      if (sceneState.rollbackKey && sceneState.rollbackKey !== rollbackKey) {
+        aura.multiplayer.clearRollbackLane(sceneState.rollbackKey);
+      }
+      aura.multiplayer.configureRollbackLane({
+        key: rollbackKey,
+        playerId: localId,
+        speed: LOCAL_MULTIPLAYER_CONFIG.playerSpeed,
+        historyLimit: 12,
+        bounds: {
+          minX: 24,
+          maxX: LOCAL_MULTIPLAYER_CONFIG.width - LOCAL_MULTIPLAYER_CONFIG.playerWidth - 24,
+          minY: 96,
+          maxY: LOCAL_MULTIPLAYER_CONFIG.height - LOCAL_MULTIPLAYER_CONFIG.playerHeight - 28,
+        },
+      });
+      sceneState.rollbackKey = rollbackKey;
+    }
+    return { key: rollbackKey, playerId: localId };
+  }
+
   function activateHost() {
     if (sceneState.role === 'host') return;
     const hostOptions = {
@@ -332,15 +520,20 @@ export function createGameplayScene(context = {}) {
     }
     sceneState.hostedRoom = aura.multiplayer.host(hostOptions);
     sceneState.role = 'host';
+    clearClientRollback();
     ensureHostCallbacks();
-    aura.multiplayer.setState('player_0', createLocalPlayerState(0, 'host'));
+    const hostPlayerId = readLocalPlayerId(0);
+    const hostKey = localPlayerStateKey(hostPlayerId) || 'player_0';
+    aura.multiplayer.setState(hostKey, createFallbackPlayerState(hostPlayerId, 'host'));
   }
 
   function resetRun() {
+    clearClientRollback();
     sceneState.role = 'pending';
     sceneState.hostedRoom = null;
     sceneState.pendingElapsed = 0;
     sceneState.registeredHostCallbacks = false;
+    sceneState.stateUpdateMeta = null;
     multiplayerSession.runsStarted += 1;
     multiplayerUi.showControlsHint = true;
     syncSessionState();
@@ -356,10 +549,11 @@ export function createGameplayScene(context = {}) {
       'config/gameplay/local-multiplayer.config.js',
       'content/gameplay/room-layout.js',
     ],
-    summary: 'Room-code multiplayer starter. `npm run dev` hosts, `npm run join -- CODE` joins, `aura.config.json -> multiplayer` owns room/connectivity defaults, and the HUD surfaces live transport diagnostics.',
+    summary: 'Room-code multiplayer starter. `npm run dev` hosts, `npm run join -- CODE` joins, `aura.config.json -> multiplayer` owns room/connectivity defaults, and the HUD surfaces live transport plus rollback diagnostics.',
 
     setup() {
       assertLocalMultiplayerCapabilities();
+      ensureRuntimeCallbacks();
       aura.multiplayer.configure({
         maxPlayers: LOCAL_MULTIPLAYER_CONFIG.maxPlayers,
         tickRate: LOCAL_MULTIPLAYER_CONFIG.tickRate,
@@ -385,9 +579,14 @@ export function createGameplayScene(context = {}) {
         }
       }
 
+      syncRoleFromRuntime();
+
       if (sceneState.role === 'host') {
-        const hostState = aura.multiplayer.getState('player_0') || createLocalPlayerState(0, 'host');
-        aura.multiplayer.setState('player_0', applyLocalPlayerMovement(hostState, input, frameDt));
+        clearClientRollback();
+        const hostPlayerId = readLocalPlayerId(0);
+        const hostKey = localPlayerStateKey(hostPlayerId) || 'player_0';
+        const hostState = aura.multiplayer.getState(hostKey) || createFallbackPlayerState(hostPlayerId, 'host');
+        aura.multiplayer.setState(hostKey, applyLocalPlayerMovement(hostState, input, frameDt));
 
         const inputs = aura.multiplayer.getAllPlayerInputs() || {};
         for (const [playerId, playerInput] of Object.entries(inputs)) {
@@ -397,7 +596,10 @@ export function createGameplayScene(context = {}) {
           aura.multiplayer.setState(key, applyLocalPlayerMovement(current, playerInput, frameDt));
         }
       } else if (sceneState.role === 'client' && aura.multiplayer.isConnected()) {
+        ensureClientRollback();
         aura.multiplayer.sendInput(input);
+      } else {
+        clearClientRollback();
       }
 
       syncSessionState();
@@ -405,13 +607,14 @@ export function createGameplayScene(context = {}) {
     },
 
     onExit() {
+      clearClientRollback();
       context.clearHudScreen?.();
     },
 
     draw() {
       aura.draw2d.clear(aura.rgb(0.07, 0.09, 0.13));
 
-      const allState = aura.multiplayer.getAllState() || {};
+      const allState = resolveDrawStates(sceneState);
       for (const key of Object.keys(allState).sort()) {
         drawLocalPlayerState(allState[key], key);
       }
@@ -434,7 +637,7 @@ export function createGameplayScene(context = {}) {
     notes: [
       'Keep the room-code multiplayer dev loop starter-owned here instead of splitting it between src/main.js and layout-generated files.',
       'Use appState.session for durable room/session summary, appState.ui for HUD presentation state, and keep connection-side details scene-local.',
-      'aura.config.json -> multiplayer is the project-level source of truth for room code, room name, diagnostics, and relay defaults.',
+      'aura.config.json -> multiplayer is the project-level source of truth for room code, room name, diagnostics, relay defaults, and optional launcher join pages.',
       'config/gameplay/local-multiplayer.config.js stays focused on local gameplay tuning like port, player speed, bounds, and fallback timing.',
     ],
   };

package/templates/create/local-multiplayer/src/runtime/capabilities.js

@@ -10,13 +10,20 @@ export function assertRuntimeCapabilities() {
   if (!hasMethod(aura.draw2d, 'text')) missing.push('aura.draw2d.text');
   if (typeof aura.rgb !== 'function') missing.push('aura.rgb');
   if (!hasMethod(aura.multiplayer, 'configure')) missing.push('aura.multiplayer.configure');
+  if (!hasMethod(aura.multiplayer, 'configureRollbackLane')) missing.push('aura.multiplayer.configureRollbackLane');
+  if (!hasMethod(aura.multiplayer, 'clearRollbackLane')) missing.push('aura.multiplayer.clearRollbackLane');
   if (!hasMethod(aura.multiplayer, 'getAllPlayerInputs')) missing.push('aura.multiplayer.getAllPlayerInputs');
-  if (!hasMethod(aura.multiplayer, 'getAllState')) missing.push('aura.multiplayer.getAllState');
+  if (!hasMethod(aura.multiplayer, 'getInterpolatedAllState')) missing.push('aura.multiplayer.getInterpolatedAllState');
+  if (!hasMethod(aura.multiplayer, 'getLocalId')) missing.push('aura.multiplayer.getLocalId');
+  if (!hasMethod(aura.multiplayer, 'getNetworkDiagnostics')) missing.push('aura.multiplayer.getNetworkDiagnostics');
   if (!hasMethod(aura.multiplayer, 'getPlayerCount')) missing.push('aura.multiplayer.getPlayerCount');
+  if (!hasMethod(aura.multiplayer, 'getRollbackDiagnostics')) missing.push('aura.multiplayer.getRollbackDiagnostics');
+  if (!hasMethod(aura.multiplayer, 'getRollbackState')) missing.push('aura.multiplayer.getRollbackState');
   if (!hasMethod(aura.multiplayer, 'getRoomInfo')) missing.push('aura.multiplayer.getRoomInfo');
   if (!hasMethod(aura.multiplayer, 'getState')) missing.push('aura.multiplayer.getState');
   if (!hasMethod(aura.multiplayer, 'host')) missing.push('aura.multiplayer.host');
   if (!hasMethod(aura.multiplayer, 'isConnected')) missing.push('aura.multiplayer.isConnected');
+  if (!hasMethod(aura.multiplayer, 'onStateUpdate')) missing.push('aura.multiplayer.onStateUpdate');
   if (!hasMethod(aura.multiplayer, 'onPlayerJoin')) missing.push('aura.multiplayer.onPlayerJoin');
   if (!hasMethod(aura.multiplayer, 'onPlayerLeave')) missing.push('aura.multiplayer.onPlayerLeave');
   if (!hasMethod(aura.multiplayer, 'sendInput')) missing.push('aura.multiplayer.sendInput');

package/templates/create/local-multiplayer/ui/hud.screen.js

@@ -23,6 +23,7 @@ export function drawLocalMultiplayerHud({
   playerCount = 0,
   connected = false,
   showControlsHint = true,
+  shareLink = null,
   statusLine = '',
   diagnostics = null,
 } = {}) {
@@ -47,13 +48,17 @@ export function drawLocalMultiplayerHud({
     aura.draw2d.text(`Reason: ${diagnostics.lastReasonCode || '-'}`, LOCAL_MULTIPLAYER_CONFIG.width - 248, 122, 11, aura.rgb(0.82, 0.9, 0.86));
   }
 
-  aura.draw2d.text(
-    'Room-code multiplayer. Put room + relay defaults in aura.config.json -> multiplayer.',
-    18,
-    LOCAL_MULTIPLAYER_CONFIG.height - 28,
-    10,
-    aura.rgb(0.76, 0.82, 0.92),
-  );
+  if (shareLink) {
+    aura.draw2d.text(`Join link: ${shareLink}`, 18, LOCAL_MULTIPLAYER_CONFIG.height - 28, 10, aura.rgb(0.76, 0.82, 0.92));
+  } else {
+    aura.draw2d.text(
+      'Room-code multiplayer. Put room + relay defaults in aura.config.json -> multiplayer.',
+      18,
+      LOCAL_MULTIPLAYER_CONFIG.height - 28,
+      10,
+      aura.rgb(0.76, 0.82, 0.92),
+    );
+  }
   aura.draw2d.text(`Connected: ${connected}`, LOCAL_MULTIPLAYER_CONFIG.width - 166, 16, 11, aura.rgb(0.82, 0.9, 0.86));
 }