@series-inc/venus-sdk 3.4.3-beta.2 → 3.4.3-beta.4

package/dist/vite/index.js

@@ -1076,758 +1076,8 @@ function cdnPlugin() {
 // raw-loader:/Users/pchan/Development/series/venus/venus-sdk/packages/api/src/vite/sandboxToolbarStyle.css
 var sandboxToolbarStyle_default = {};
 
-// raw-loader:/Users/pchan/Development/series/venus/venus-sdk/packages/api/src/vite/sandboxToolbarScript.js
-var sandboxToolbarScript_default = `/**\r
- * Venus Sandbox Toolbar\r
- *\r
- * Floating toolbar that shows auth status and provides sign-in functionality.\r
- * Auth state is managed by Firebase Auth and persisted in IndexedDB.\r
- */\r
-\r
-const LOCAL_STORAGE_POS_KEY = 'venus-sandbox-pos'\r
-\r
-;(async () => {\r
-  try {\r
-    if (!shouldRenderToolbar()) {\r
-      return\r
-    }\r
-\r
-    await ensureDomReady()\r
-\r
-    const sandboxConfig = window.__VENUS_SANDBOX__ || {}\r
-    const sandboxEnabled = isSandboxEnabled(sandboxConfig)\r
-\r
-    if (!sandboxEnabled) {\r
-      return\r
-    }\r
-\r
-    // Create minimal FAB with inline styles\r
-    createFloatingToolbar(sandboxConfig)\r
-  } catch (error) {\r
-    console.error('[Venus Sandbox] Failed to render toolbar:', error)\r
-  }\r
-})()\r
-\r
-function shouldRenderToolbar() {\r
-  if (typeof window === 'undefined') {\r
-    return false\r
-  }\r
-  const host = location.hostname\r
-  return host === 'localhost' || host === '127.0.0.1' || host.endsWith('.local')\r
-}\r
-\r
-function ensureDomReady() {\r
-  if (document.readyState === 'loading') {\r
-    return new Promise((resolve) => {\r
-      document.addEventListener('DOMContentLoaded', resolve, { once: true })\r
-    })\r
-  }\r
-  return Promise.resolve()\r
-}\r
-\r
-function isSandboxEnabled(sandboxConfig) {\r
-  return Boolean(sandboxConfig && sandboxConfig.enabled === true)\r
-}\r
-\r
-function createFloatingToolbar(sandboxConfig) {\r
-  // Create main FAB element with inline styles\r
-  const fab = document.createElement('div')\r
-  fab.id = 'venus-sandbox-toolbar'\r
-\r
-  // Get environment for theming\r
-  const target = String(sandboxConfig?.target || 'local').toLowerCase()\r
-  const envGradients = {\r
-    local: 'linear-gradient(120deg, #f59e0b, #d97706)',\r
-    dev: 'linear-gradient(120deg, #0891b2, #10b981)',\r
-    staging: 'linear-gradient(120deg, #8b5cf6, #6366f1)',\r
-  }\r
-  const envLabels = {\r
-    local: 'LOCAL',\r
-    dev: 'DEV',\r
-    staging: 'STAGING',\r
-  }\r
-  const initialGradient = envGradients[target] || envGradients.local\r
-  const envLabel = envLabels[target] || 'LOCAL'\r
-\r
-  // Get saved position or use defaults\r
-  const savedPos = localStorage.getItem(LOCAL_STORAGE_POS_KEY)\r
-  let posRight = 16\r
-  let posY = Math.round((window.innerHeight - 36) / 2)\r
-\r
-  if (savedPos) {\r
-    try {\r
-      const parsed = JSON.parse(savedPos)\r
-      posRight = parsed.right\r
-      posY = parsed.y\r
-    } catch (e) {\r
-      // Ignore invalid saved position\r
-    }\r
-  }\r
-\r
-  // Ensure within bounds\r
-  posRight = Math.min(Math.max(0, posRight), window.innerWidth - 36)\r
-  posY = Math.min(Math.max(0, posY), window.innerHeight - 36)\r
-\r
-  // Start with "checking" state using env gradient\r
-  fab.style.cssText = \`\r
-    position: fixed;\r
-    right: \${posRight}px;\r
-    top: \${posY}px;\r
-    width: auto;\r
-    min-width: 160px;\r
-    height: 36px;\r
-    padding: 0;\r
-    margin: 0;\r
-    border: none;\r
-    border-radius: 999px;\r
-    background: \${initialGradient};\r
-    color: #ffffff;\r
-    font-family: system-ui, -apple-system, sans-serif;\r
-    font-size: 12px;\r
-    font-weight: 600;\r
-    letter-spacing: 0.02em;\r
-    cursor: grab;\r
-    user-select: none;\r
-    z-index: 2147483601;\r
-    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.35);\r
-    display: flex;\r
-    align-items: center;\r
-    gap: 0;\r
-    pointer-events: auto;\r
-    border: 1px solid rgba(255, 255, 255, 0.2);\r
-  \`\r
-\r
-  // Store env config on fab for later use\r
-  fab.dataset.target = target\r
-  fab.dataset.envGradient = initialGradient\r
-\r
-  // Create env badge\r
-  const envBadge = document.createElement('div')\r
-  envBadge.style.cssText = \`\r
-    padding: 0 10px;\r
-    height: 100%;\r
-    display: flex;\r
-    align-items: center;\r
-    font-size: 10px;\r
-    font-weight: 700;\r
-    letter-spacing: 0.05em;\r
-    text-transform: uppercase;\r
-    background: rgba(0, 0, 0, 0.2);\r
-    border-top-left-radius: 999px;\r
-    border-bottom-left-radius: 999px;\r
-  \`\r
-  envBadge.textContent = envLabel\r
-\r
-  // Create label container\r
-  const labelDiv = document.createElement('div')\r
-  labelDiv.style.cssText = \`\r
-    padding: 0 8px 0 10px;\r
-    height: 100%;\r
-    display: flex;\r
-    align-items: center;\r
-    white-space: nowrap;\r
-    cursor: pointer;\r
-  \`\r
-  labelDiv.textContent = '\u{1FA90} Checking...'\r
-\r
-  // Create handle for dragging\r
-  const handleDiv = document.createElement('div')\r
-  handleDiv.style.cssText = \`\r
-    width: 38px;\r
-    height: 100%;\r
-    display: flex;\r
-    align-items: center;\r
-    justify-content: center;\r
-    font-size: 18px;\r
-    font-weight: 600;\r
-    background: rgba(0, 0, 0, 0.25);\r
-    border-top-right-radius: 999px;\r
-    border-bottom-right-radius: 999px;\r
-    cursor: grab;\r
-  \`\r
-  handleDiv.textContent = '\u271C'\r
-\r
-  fab.appendChild(envBadge)\r
-  fab.appendChild(labelDiv)\r
-  fab.appendChild(handleDiv)\r
-\r
-  const toolbarRoot = document.getElementById('venus-toolbar-root')\r
-  ;(toolbarRoot || document.body).appendChild(fab)\r
-\r
-  // Set up drag handling\r
-  setupDragHandling(fab, handleDiv)\r
-\r
-  // Set up collapse/expand behavior\r
-  setupCollapseExpand(fab, envBadge, labelDiv)\r
-\r
-  // Click handler for label to open modal\r
-  labelDiv.addEventListener('click', () => {\r
-    openAuthModal(sandboxConfig, getCurrentAuthState())\r
-  })\r
-\r
-  // Listen for auth state changes (set up by MockHost)\r
-  window.addEventListener('venus-auth-state-changed', (e) => {\r
-    updateToolbarState(fab, labelDiv, e.detail)\r
-  })\r
-\r
-  // Check initial auth state after a short delay (give Firebase time to restore session)\r
-  setTimeout(() => {\r
-    checkInitialAuthState(fab, labelDiv, sandboxConfig)\r
-  }, 500)\r
-}\r
-\r
-let currentAuthState = { signedIn: false, user: null }\r
-\r
-function getCurrentAuthState() {\r
-  return currentAuthState\r
-}\r
-\r
-function checkInitialAuthState(fab, labelDiv, sandboxConfig) {\r
-  // Dispatch event to check auth state (MockHost will respond)\r
-  window.dispatchEvent(new CustomEvent('venus-check-auth-state'))\r
-\r
-  // Also set a timeout to show sign-in prompt if no response\r
-  setTimeout(() => {\r
-    if (!currentAuthState.signedIn) {\r
-      updateToolbarState(fab, labelDiv, { signedIn: false, user: null })\r
-    }\r
-  }, 2000)\r
-}\r
-\r
-function updateToolbarState(fab, labelDiv, authState) {\r
-  currentAuthState = authState\r
-\r
-  // Get stored env gradient\r
-  const envGradient = fab.dataset.envGradient || 'linear-gradient(120deg, #f59e0b, #d97706)'\r
-\r
-  if (authState.signedIn && authState.user) {\r
-    // Signed in - use env gradient with full opacity\r
-    fab.style.background = envGradient\r
-    fab.style.opacity = '1'\r
-    const displayName = authState.user.displayName || authState.user.email || 'Signed in'\r
-    labelDiv.textContent = \`\u2713 \${truncate(displayName, 14)}\`\r
-  } else {\r
-    // Not signed in - use env gradient but slightly dimmed, with sign-in prompt\r
-    fab.style.background = envGradient\r
-    fab.style.opacity = '0.85'\r
-    labelDiv.textContent = '\u25CB Sign in'\r
-  }\r
-}\r
-\r
-function truncate(str, maxLength) {\r
-  if (str.length <= maxLength) return str\r
-  return str.substring(0, maxLength - 1) + '\u2026'\r
-}\r
-\r
-function setupCollapseExpand(fab, envBadge, labelDiv) {\r
-  let collapseTimeout\r
-  let isCollapsed = false\r
-\r
-  const collapse = () => {\r
-    fab.style.minWidth = '36px'\r
-    fab.style.opacity = '0.4'\r
-    envBadge.style.display = 'none'\r
-    labelDiv.style.display = 'none'\r
-    isCollapsed = true\r
-  }\r
-\r
-  const expand = () => {\r
-    clearTimeout(collapseTimeout)\r
-    fab.style.minWidth = '160px'\r
-    fab.style.opacity = '1'\r
-    envBadge.style.display = 'flex'\r
-    labelDiv.style.display = 'flex'\r
-    isCollapsed = false\r
-  }\r
-\r
-  const scheduleCollapse = () => {\r
-    clearTimeout(collapseTimeout)\r
-    collapseTimeout = setTimeout(collapse, 5000)\r
-  }\r
-\r
-  // Collapse after 5 seconds\r
-  scheduleCollapse()\r
-\r
-  fab.addEventListener('mouseenter', expand)\r
-  fab.addEventListener('mouseleave', () => {\r
-    if (!isCollapsed) scheduleCollapse()\r
-  })\r
-}\r
-\r
-function setupDragHandling(fab, handleDiv) {\r
-  let isDragging = false\r
-  let startX, startY, offsetRight, offsetY\r
-\r
-  fab.addEventListener('mousedown', (e) => {\r
-    isDragging = true\r
-    startX = e.clientX\r
-    startY = e.clientY\r
-    offsetRight = window.innerWidth - fab.offsetLeft - fab.offsetWidth\r
-    offsetY = fab.offsetTop\r
-    fab.style.cursor = 'grabbing'\r
-    e.preventDefault()\r
-  })\r
-\r
-  document.addEventListener('mousemove', (e) => {\r
-    if (!isDragging) return\r
-\r
-    let newRight = offsetRight - (e.clientX - startX)\r
-    let newTop = offsetY + (e.clientY - startY)\r
-\r
-    newRight = Math.min(Math.max(0, newRight), window.innerWidth - 36)\r
-    newTop = Math.min(Math.max(0, newTop), window.innerHeight - 36)\r
-\r
-    fab.style.right = \`\${newRight}px\`\r
-    fab.style.top = \`\${newTop}px\`\r
-  })\r
-\r
-  document.addEventListener('mouseup', () => {\r
-    if (!isDragging) return\r
-    isDragging = false\r
-    fab.style.cursor = 'grab'\r
-    const currentRight = window.innerWidth - fab.offsetLeft - fab.offsetWidth\r
-    localStorage.setItem(LOCAL_STORAGE_POS_KEY, JSON.stringify({\r
-      right: currentRight,\r
-      y: fab.offsetTop,\r
-    }))\r
-  })\r
-}\r
-\r
-function openAuthModal(sandboxConfig, authState) {\r
-  const overlay = document.createElement('div')\r
-  overlay.style.cssText = \`\r
-    position: fixed;\r
-    top: 0;\r
-    left: 0;\r
-    right: 0;\r
-    bottom: 0;\r
-    background: rgba(0, 0, 0, 0.6);\r
-    display: flex;\r
-    align-items: center;\r
-    justify-content: center;\r
-    z-index: 2147483602;\r
-    backdrop-filter: blur(4px);\r
-  \`\r
-\r
-  const content = document.createElement('div')\r
-  content.style.cssText = \`\r
-    background: #111827;\r
-    color: #F3F4F6;\r
-    border: 1px solid rgba(255, 255, 255, 0.1);\r
-    border-radius: 16px;\r
-    width: 90%;\r
-    max-width: 420px;\r
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);\r
-    font-family: system-ui, -apple-system, sans-serif;\r
-    overflow: hidden;\r
-  \`\r
-\r
-  const target = String(sandboxConfig?.target || 'local').toLowerCase()\r
-  const targetUpper = target.toUpperCase()\r
-  const gameId = sandboxConfig?.gameId || 'Unknown'\r
-  const isSignedIn = authState.signedIn\r
-  const user = authState.user\r
-  const isLocal = target === 'local'\r
-\r
-  // Environment-specific theming\r
-  const envConfig = {\r
-    local: {\r
-      gradient: 'linear-gradient(120deg, #f59e0b, #d97706)',\r
-      badge: '#f59e0b',\r
-      badgeBg: 'rgba(245, 158, 11, 0.15)',\r
-      label: 'LOCAL',\r
-      subtitle: 'Firebase Emulator',\r
-    },\r
-    dev: {\r
-      gradient: 'linear-gradient(120deg, #0891b2, #10b981)',\r
-      badge: '#10b981',\r
-      badgeBg: 'rgba(16, 185, 129, 0.15)',\r
-      label: 'DEV',\r
-      subtitle: 'Development Server',\r
-    },\r
-    staging: {\r
-      gradient: 'linear-gradient(120deg, #8b5cf6, #6366f1)',\r
-      badge: '#8b5cf6',\r
-      badgeBg: 'rgba(139, 92, 246, 0.15)',\r
-      label: 'STAGING',\r
-      subtitle: 'Staging Server',\r
-    },\r
-  }\r
-\r
-  const env = envConfig[target] || envConfig.local\r
-  const statusIcon = isSignedIn ? '\u2713' : '\u25CB'\r
-  const statusText = isSignedIn ? 'Signed in' : 'Not signed in'\r
-  const statusColor = isSignedIn ? '#10b981' : '#6b7280'\r
-  const userDisplay = user ? (user.displayName || user.email || 'Unknown') : '\u2014'\r
-  const userIdShort = user?.uid ? user.uid.slice(0, 8) + '...' : ''\r
-\r
-  content.innerHTML = \`\r
-    <div style="\r
-      background: \${env.gradient};\r
-      padding: 20px 24px;\r
-      display: flex;\r
-      justify-content: space-between;\r
-      align-items: center;\r
-    ">\r
-      <div style="display: flex; align-items: center; gap: 10px;">\r
-        <span style="font-size: 24px;">\u{1FA90}</span>\r
-        <div>\r
-          <div style="font-size: 16px; font-weight: 700; letter-spacing: 0.02em;">Venus Sandbox</div>\r
-          <div style="font-size: 11px; opacity: 0.85; margin-top: 2px;">\${env.subtitle}</div>\r
-        </div>\r
-      </div>\r
-      <button id="close-modal" style="\r
-        background: rgba(0, 0, 0, 0.2);\r
-        border: none;\r
-        color: white;\r
-        cursor: pointer;\r
-        font-size: 18px;\r
-        width: 32px;\r
-        height: 32px;\r
-        border-radius: 8px;\r
-        display: flex;\r
-        align-items: center;\r
-        justify-content: center;\r
-        transition: background 0.2s;\r
-      ">&times;</button>\r
-    </div>\r
-\r
-    <div style="padding: 20px 24px; display: flex; flex-direction: column; gap: 16px;">\r
-\r
-      <div style="\r
-        display: flex;\r
-        align-items: center;\r
-        gap: 12px;\r
-        padding: 14px 16px;\r
-        background: \${env.badgeBg};\r
-        border: 1px solid \${env.badge}33;\r
-        border-radius: 10px;\r
-      ">\r
-        <div style="\r
-          width: 10px;\r
-          height: 10px;\r
-          border-radius: 50%;\r
-          background: \${env.badge};\r
-          box-shadow: 0 0 8px \${env.badge};\r
-        "></div>\r
-        <div style="flex: 1;">\r
-          <div style="font-size: 14px; font-weight: 600; color: \${env.badge};">\${env.label}\${isLocal ? ' (Emulator)' : ''}</div>\r
-          <div style="font-size: 11px; color: #9CA3AF; margin-top: 2px;">Game: \${gameId}</div>\r
-        </div>\r
-      </div>\r
-\r
-      <div style="\r
-        padding: 14px 16px;\r
-        background: rgba(255, 255, 255, 0.03);\r
-        border: 1px solid rgba(255, 255, 255, 0.06);\r
-        border-radius: 10px;\r
-      ">\r
-        <div style="display: flex; align-items: center; gap: 8px; margin-bottom: \${isSignedIn ? '10px' : '0'};">\r
-          <span style="\r
-            display: inline-flex;\r
-            align-items: center;\r
-            justify-content: center;\r
-            width: 20px;\r
-            height: 20px;\r
-            border-radius: 50%;\r
-            background: \${isSignedIn ? 'rgba(16, 185, 129, 0.2)' : 'rgba(107, 114, 128, 0.2)'};\r
-            color: \${statusColor};\r
-            font-size: 12px;\r
-            font-weight: 600;\r
-          ">\${statusIcon}</span>\r
-          <span style="font-size: 13px; color: \${statusColor}; font-weight: 500;">\${statusText}</span>\r
-        </div>\r
-        \${isSignedIn ? \`\r
-          <div style="\r
-            display: flex;\r
-            align-items: center;\r
-            gap: 10px;\r
-            padding-top: 10px;\r
-            border-top: 1px solid rgba(255, 255, 255, 0.06);\r
-          ">\r
-            <div style="\r
-              width: 36px;\r
-              height: 36px;\r
-              border-radius: 50%;\r
-              background: linear-gradient(135deg, #6366f1, #8b5cf6);\r
-              display: flex;\r
-              align-items: center;\r
-              justify-content: center;\r
-              font-size: 14px;\r
-              font-weight: 600;\r
-              color: white;\r
-            ">\${(userDisplay[0] || '?').toUpperCase()}</div>\r
-            <div style="flex: 1; min-width: 0;">\r
-              <div style="font-size: 13px; font-weight: 500; color: #F3F4F6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">\${userDisplay}</div>\r
-              <div style="font-size: 11px; color: #6B7280; font-family: monospace;">\${userIdShort}</div>\r
-            </div>\r
-          </div>\r
-        \` : \`\r
-          <div style="font-size: 12px; color: #6B7280; margin-top: 8px; line-height: 1.5;">\r
-            Sign in to use sandbox features. Your session persists across reloads.\r
-          </div>\r
-        \`}\r
-      </div>\r
-\r
-      <div style="\r
-        padding: 12px 14px;\r
-        background: rgba(99, 102, 241, 0.08);\r
-        border: 1px solid rgba(99, 102, 241, 0.15);\r
-        border-radius: 8px;\r
-        font-size: 12px;\r
-        color: #a5b4fc;\r
-        line-height: 1.5;\r
-      ">\r
-        <div style="font-weight: 600; margin-bottom: 4px; color: #c7d2fe;">\u{1F4A1} Change environment:</div>\r
-        <code style="\r
-          display: block;\r
-          background: rgba(0, 0, 0, 0.3);\r
-          padding: 8px 10px;\r
-          border-radius: 5px;\r
-          font-family: 'SF Mono', Monaco, monospace;\r
-          font-size: 11px;\r
-          color: #e0e7ff;\r
-          margin-top: 6px;\r
-        ">venus set-env &lt;local|dev|staging&gt;</code>\r
-      </div>\r
-\r
-      \${isLocal ? \`\r
-        <div style="\r
-          padding: 10px 14px;\r
-          background: rgba(245, 158, 11, 0.08);\r
-          border: 1px solid rgba(245, 158, 11, 0.15);\r
-          border-radius: 8px;\r
-          font-size: 11px;\r
-          color: #fcd34d;\r
-          line-height: 1.5;\r
-        ">\r
-          <strong>Emulator mode:</strong> Profiles are auto-created on first sign-in.\r
-          <a href="http://localhost:4000" target="_blank" style="color: #fbbf24; text-decoration: underline; margin-left: 4px;">Open Emulator UI \u2192</a>\r
-        </div>\r
-      \` : ''}\r
-\r
-      \${isSignedIn ? \`\r
-        <div style="\r
-          padding: 12px 14px;\r
-          background: rgba(255, 255, 255, 0.03);\r
-          border: 1px solid rgba(255, 255, 255, 0.06);\r
-          border-radius: 8px;\r
-        ">\r
-          <div style="font-size: 11px; font-weight: 600; color: #9CA3AF; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.05em;">Storage Debug</div>\r
-          <div style="display: flex; gap: 8px;">\r
-            <button id="copy-app-storage" style="\r
-              flex: 1;\r
-              background: rgba(99, 102, 241, 0.1);\r
-              color: #a5b4fc;\r
-              border: 1px solid rgba(99, 102, 241, 0.2);\r
-              border-radius: 6px;\r
-              padding: 8px 12px;\r
-              font-size: 12px;\r
-              font-weight: 500;\r
-              cursor: pointer;\r
-              transition: background 0.2s;\r
-            ">\u{1F4CB} App Storage</button>\r
-            <button id="copy-global-storage" style="\r
-              flex: 1;\r
-              background: rgba(99, 102, 241, 0.1);\r
-              color: #a5b4fc;\r
-              border: 1px solid rgba(99, 102, 241, 0.2);\r
-              border-radius: 6px;\r
-              padding: 8px 12px;\r
-              font-size: 12px;\r
-              font-weight: 500;\r
-              cursor: pointer;\r
-              transition: background 0.2s;\r
-            ">\u{1F4CB} Global Storage</button>\r
-          </div>\r
-        </div>\r
-      \` : ''}\r
-\r
-      <div style="display: flex; gap: 10px; margin-top: 4px;">\r
-        \${!isSignedIn ? \`\r
-          <button id="sign-in-google" style="\r
-            flex: 1;\r
-            background: \${env.gradient};\r
-            color: white;\r
-            border: none;\r
-            border-radius: 8px;\r
-            padding: 12px 16px;\r
-            font-size: 14px;\r
-            font-weight: 600;\r
-            cursor: pointer;\r
-            transition: opacity 0.2s, transform 0.1s;\r
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\r
-          ">Sign In</button>\r
-        \` : \`\r
-          <button id="sign-out" style="\r
-            flex: 1;\r
-            background: rgba(239, 68, 68, 0.1);\r
-            color: #f87171;\r
-            border: 1px solid rgba(239, 68, 68, 0.2);\r
-            border-radius: 8px;\r
-            padding: 12px 16px;\r
-            font-size: 14px;\r
-            font-weight: 600;\r
-            cursor: pointer;\r
-            transition: background 0.2s;\r
-          ">Sign Out</button>\r
-        \`}\r
-        <button id="reload-page" style="\r
-          background: rgba(255, 255, 255, 0.05);\r
-          color: #9CA3AF;\r
-          border: 1px solid rgba(255, 255, 255, 0.1);\r
-          border-radius: 8px;\r
-          padding: 12px 16px;\r
-          font-size: 14px;\r
-          font-weight: 600;\r
-          cursor: pointer;\r
-          transition: background 0.2s;\r
-        ">\u21BB Reload</button>\r
-      </div>\r
-    </div>\r
-  \`\r
-\r
-  overlay.appendChild(content)\r
-  document.body.appendChild(overlay)\r
-\r
-  // Event handlers\r
-  const closeModal = () => overlay.remove()\r
-\r
-  document.getElementById('close-modal').addEventListener('click', closeModal)\r
-  overlay.addEventListener('click', (e) => {\r
-    if (e.target === overlay) closeModal()\r
-  })\r
-\r
-  document.getElementById('reload-page')?.addEventListener('click', () => {\r
-    window.location.reload()\r
-  })\r
-\r
-  const signInBtn = document.getElementById('sign-in-google')\r
-  if (signInBtn) {\r
-    const originalGradient = env.gradient\r
-    signInBtn.addEventListener('click', async () => {\r
-      try {\r
-        signInBtn.textContent = 'Signing in...'\r
-        signInBtn.disabled = true\r
-\r
-        if (window.__VENUS_SANDBOX_SIGN_IN__) {\r
-          await window.__VENUS_SANDBOX_SIGN_IN__()\r
-          // Sign-in successful - show success and reload\r
-          signInBtn.textContent = '\u2713 Success!'\r
-          signInBtn.style.background = 'linear-gradient(120deg, #10b981, #059669)'\r
-          setTimeout(() => {\r
-            closeModal()\r
-            window.location.reload()\r
-          }, 500)\r
-        } else {\r
-          throw new Error('Sign-in function not available. Is the SDK initialized?')\r
-        }\r
-      } catch (error) {\r
-        console.error('[Venus Sandbox] Sign-in failed:', error)\r
-        signInBtn.textContent = 'Sign-in failed'\r
-        signInBtn.style.background = '#ef4444'\r
-        setTimeout(() => {\r
-          signInBtn.textContent = 'Sign In'\r
-          signInBtn.style.background = originalGradient\r
-          signInBtn.disabled = false\r
-        }, 2000)\r
-      }\r
-    })\r
-  }\r
-\r
-  const signOutBtn = document.getElementById('sign-out')\r
-  if (signOutBtn) {\r
-    signOutBtn.addEventListener('click', async () => {\r
-      try {\r
-        signOutBtn.textContent = 'Signing out...'\r
-        signOutBtn.disabled = true\r
-\r
-        if (window.__VENUS_SANDBOX_SIGN_OUT__) {\r
-          await window.__VENUS_SANDBOX_SIGN_OUT__()\r
-          signOutBtn.textContent = '\u2713 Signed out'\r
-          setTimeout(() => {\r
-            closeModal()\r
-            window.location.reload()\r
-          }, 500)\r
-        }\r
-      } catch (error) {\r
-        console.error('[Venus Sandbox] Sign-out failed:', error)\r
-        signOutBtn.textContent = 'Failed'\r
-        setTimeout(() => {\r
-          signOutBtn.textContent = 'Sign out'\r
-          signOutBtn.disabled = false\r
-        }, 2000)\r
-      }\r
-    })\r
-  }\r
-\r
-  // Storage debug copy handlers\r
-  const copyAppStorageBtn = document.getElementById('copy-app-storage')\r
-  if (copyAppStorageBtn) {\r
-    copyAppStorageBtn.addEventListener('click', async () => {\r
-      await copyStorageToClipboard(copyAppStorageBtn, 'appStorage')\r
-    })\r
-  }\r
-\r
-  const copyGlobalStorageBtn = document.getElementById('copy-global-storage')\r
-  if (copyGlobalStorageBtn) {\r
-    copyGlobalStorageBtn.addEventListener('click', async () => {\r
-      await copyStorageToClipboard(copyGlobalStorageBtn, 'globalStorage')\r
-    })\r
-  }\r
-}\r
-\r
-async function copyStorageToClipboard(btn, storageType) {\r
-  const originalText = btn.textContent\r
-  try {\r
-    btn.textContent = 'Loading...'\r
-    btn.disabled = true\r
-\r
-    // Call the SDK directly - VenusAPI is available globally\r
-    const api = window.VenusAPI\r
-    if (!api) {\r
-      throw new Error('VenusAPI not available')\r
-    }\r
-\r
-    const storage = storageType === 'appStorage' ? api.appStorage : api.globalStorage\r
-    if (!storage?.getAllData) {\r
-      throw new Error(\`\${storageType} not available or getAllData not supported\`)\r
-    }\r
-\r
-    const data = await storage.getAllData()\r
-    const json = JSON.stringify(data, null, 2)\r
-\r
-    await navigator.clipboard.writeText(json)\r
-\r
-    const count = Object.keys(data).length\r
-    btn.textContent = \`\u2713 Copied (\${count} keys)\`\r
-    btn.style.background = 'rgba(16, 185, 129, 0.2)'\r
-    btn.style.color = '#34d399'\r
-    btn.style.borderColor = 'rgba(16, 185, 129, 0.3)'\r
-\r
-    setTimeout(() => {\r
-      btn.textContent = originalText\r
-      btn.style.background = 'rgba(99, 102, 241, 0.1)'\r
-      btn.style.color = '#a5b4fc'\r
-      btn.style.borderColor = 'rgba(99, 102, 241, 0.2)'\r
-      btn.disabled = false\r
-    }, 2000)\r
-  } catch (error) {\r
-    console.error('[Venus Sandbox] Failed to copy storage:', error)\r
-    btn.textContent = 'Failed'\r
-    btn.style.background = 'rgba(239, 68, 68, 0.2)'\r
-    btn.style.color = '#f87171'\r
-\r
-    setTimeout(() => {\r
-      btn.textContent = originalText\r
-      btn.style.background = 'rgba(99, 102, 241, 0.1)'\r
-      btn.style.color = '#a5b4fc'\r
-      btn.style.borderColor = 'rgba(99, 102, 241, 0.2)'\r
-      btn.disabled = false\r
-    }, 2000)\r
-  }\r
-}\r
-`;
+// compiled-string-loader:/Users/pchan/Development/series/venus/venus-sdk/packages/api/src/vite/sandboxToolbarScript.ts
+var sandboxToolbarScript_default = 'const LOCAL_STORAGE_POS_KEY = "venus-sandbox-pos";\nconst LOCAL_STORAGE_PLAYER_KEY = "venus-sandbox-selected-player";\nconst LOCAL_STORAGE_MAX_PLAYER_KEY = "venus-sandbox-max-player";\nlet inMemorySelectedPlayerId = "player1";\nfunction getMaxPlayerNumber() {\n  const selected = getSelectedPlayerId();\n  const selectedMatch = String(selected).match(/^player(\\d+)$/);\n  const selectedN = selectedMatch ? parseInt(selectedMatch[1], 10) : 1;\n  try {\n    const raw = localStorage.getItem(LOCAL_STORAGE_MAX_PLAYER_KEY);\n    const n = parseInt(String(raw || "").trim(), 10);\n    const safe = Number.isFinite(n) && n >= 1 ? n : 1;\n    return Math.max(safe, Number.isFinite(selectedN) ? selectedN : 1);\n  } catch {\n    return Math.max(1, Number.isFinite(selectedN) ? selectedN : 1);\n  }\n}\nfunction setMaxPlayerNumber(n) {\n  const safe = Number.isFinite(n) && n >= 1 ? Math.floor(n) : 1;\n  try {\n    localStorage.setItem(LOCAL_STORAGE_MAX_PLAYER_KEY, String(safe));\n  } catch {\n  }\n  return safe;\n}\nfunction getSelectedPlayerId() {\n  try {\n    const raw = localStorage.getItem(LOCAL_STORAGE_PLAYER_KEY);\n    const candidate = (raw || "").trim().toLowerCase();\n    if (!candidate) return "player1";\n    if (!/^player\\d+$/.test(candidate)) return "player1";\n    const n = parseInt(candidate.replace("player", ""), 10);\n    if (!Number.isFinite(n) || n < 1) return "player1";\n    const normalized = `player${n}`;\n    inMemorySelectedPlayerId = normalized;\n    return normalized;\n  } catch {\n    return inMemorySelectedPlayerId || "player1";\n  }\n}\nfunction setSelectedPlayerId(playerId) {\n  const normalized = String(playerId || "").trim().toLowerCase();\n  const safe = /^player\\d+$/.test(normalized) ? normalized : "player1";\n  inMemorySelectedPlayerId = safe;\n  try {\n    localStorage.setItem(LOCAL_STORAGE_PLAYER_KEY, safe);\n  } catch {\n  }\n  return safe;\n}\nfunction nextPlayerId(currentPlayerId) {\n  const current = String(currentPlayerId || "").trim().toLowerCase();\n  const match = current.match(/^player(\\d+)$/);\n  const n = match ? parseInt(match[1], 10) : 1;\n  const next = Number.isFinite(n) && n >= 1 ? n + 1 : 2;\n  return `player${next}`;\n}\nfunction buildPlayerSelectOptions(selectedPlayerId, maxPlayerNumber) {\n  const selected = String(selectedPlayerId || "player1").trim().toLowerCase();\n  const maxN = Number.isFinite(maxPlayerNumber) && maxPlayerNumber >= 1 ? maxPlayerNumber : 1;\n  let html = "";\n  for (let i = 1; i <= maxN; i++) {\n    const value = `player${i}`;\n    const selectedAttr = value === selected ? " selected" : "";\n    html += `<option value="${value}"${selectedAttr}>${value}</option>`;\n  }\n  html += `<option value="__new__">+ New player\\u2026</option>`;\n  return html;\n}\n;\n(async () => {\n  try {\n    if (!shouldRenderToolbar()) {\n      return;\n    }\n    await ensureDomReady();\n    const sandboxConfig = window.__VENUS_SANDBOX__ || {};\n    const sandboxEnabled = isSandboxEnabled(sandboxConfig);\n    if (!sandboxEnabled) {\n      return;\n    }\n    createFloatingToolbar(sandboxConfig);\n  } catch (error) {\n    console.error("[Venus Sandbox] Failed to render toolbar:", error);\n  }\n})();\nfunction shouldRenderToolbar() {\n  if (typeof window === "undefined") {\n    return false;\n  }\n  const host = location.hostname;\n  return host === "localhost" || host === "127.0.0.1" || host.endsWith(".local");\n}\nfunction ensureDomReady() {\n  if (document.readyState === "loading") {\n    return new Promise((resolve) => {\n      document.addEventListener("DOMContentLoaded", resolve, { once: true });\n    });\n  }\n  return Promise.resolve();\n}\nfunction isSandboxEnabled(sandboxConfig) {\n  return Boolean(sandboxConfig && sandboxConfig.enabled === true);\n}\nfunction createFloatingToolbar(sandboxConfig) {\n  const fab = document.createElement("div");\n  fab.id = "venus-sandbox-toolbar";\n  const target = String(sandboxConfig?.target || "local").toLowerCase();\n  const envGradients = {\n    local: "linear-gradient(120deg, #f59e0b, #d97706)",\n    dev: "linear-gradient(120deg, #0891b2, #10b981)",\n    staging: "linear-gradient(120deg, #8b5cf6, #6366f1)"\n  };\n  const envLabels = {\n    local: "LOCAL",\n    dev: "DEV",\n    staging: "STAGING"\n  };\n  const initialGradient = envGradients[target] || envGradients.local;\n  const envLabel = envLabels[target] || "LOCAL";\n  const savedPos = localStorage.getItem(LOCAL_STORAGE_POS_KEY);\n  let posRight = 16;\n  let posY = Math.round((window.innerHeight - 36) / 2);\n  if (savedPos) {\n    try {\n      const parsed = JSON.parse(savedPos);\n      posRight = parsed.right;\n      posY = parsed.y;\n    } catch (e) {\n    }\n  }\n  posRight = Math.min(Math.max(0, posRight), window.innerWidth - 36);\n  posY = Math.min(Math.max(0, posY), window.innerHeight - 36);\n  fab.style.cssText = `\n    position: fixed;\n    right: ${posRight}px;\n    top: ${posY}px;\n    width: auto;\n    min-width: 160px;\n    height: 36px;\n    padding: 0;\n    margin: 0;\n    border: none;\n    border-radius: 999px;\n    background: ${initialGradient};\n    color: #ffffff;\n    font-family: system-ui, -apple-system, sans-serif;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 0.02em;\n    cursor: grab;\n    user-select: none;\n    z-index: 2147483601;\n    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.35);\n    display: flex;\n    align-items: center;\n    gap: 0;\n    pointer-events: auto;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n  `;\n  fab.dataset.target = target;\n  fab.dataset.envGradient = initialGradient;\n  const envBadge = document.createElement("div");\n  envBadge.style.cssText = `\n    padding: 0 10px;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n    background: rgba(0, 0, 0, 0.2);\n    border-top-left-radius: 999px;\n    border-bottom-left-radius: 999px;\n  `;\n  envBadge.textContent = envLabel;\n  const labelDiv = document.createElement("div");\n  labelDiv.style.cssText = `\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 12px;\n    height: 100%;\n    font-size: 12px;\n    font-weight: 600;\n    background: rgba(0, 0, 0, 0.1);\n    cursor: pointer;\n  `;\n  labelDiv.textContent = "\\u25CB Sign in";\n  const handleDiv = document.createElement("div");\n  handleDiv.style.cssText = `\n    width: 36px;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 18px;\n    font-weight: 600;\n    background: rgba(0, 0, 0, 0.25);\n    border-top-right-radius: 999px;\n    border-bottom-right-radius: 999px;\n    cursor: grab;\n  `;\n  handleDiv.textContent = "\\u271C";\n  fab.appendChild(envBadge);\n  fab.appendChild(labelDiv);\n  fab.appendChild(handleDiv);\n  const toolbarRoot = document.getElementById("venus-toolbar-root");\n  (toolbarRoot || document.body).appendChild(fab);\n  setupDragHandling(fab, handleDiv);\n  setupCollapseExpand(fab, envBadge, labelDiv);\n  labelDiv.addEventListener("click", () => {\n    openAuthModal(sandboxConfig, getCurrentAuthState());\n  });\n  window.addEventListener("venus-auth-state-changed", (e) => {\n    updateToolbarState(fab, labelDiv, e.detail);\n  });\n  setTimeout(() => {\n    checkInitialAuthState(fab, labelDiv, sandboxConfig);\n  }, 500);\n}\nlet currentAuthState = { signedIn: false, user: null };\nfunction getCurrentAuthState() {\n  return currentAuthState;\n}\nfunction checkInitialAuthState(fab, labelDiv, sandboxConfig) {\n  window.dispatchEvent(new CustomEvent("venus-check-auth-state"));\n  setTimeout(() => {\n    if (!currentAuthState.signedIn) {\n      updateToolbarState(fab, labelDiv, { signedIn: false, user: null });\n    }\n  }, 2e3);\n}\nfunction updateToolbarState(fab, labelDiv, authState) {\n  currentAuthState = authState;\n  const envGradient = fab.dataset.envGradient || "linear-gradient(120deg, #f59e0b, #d97706)";\n  const isLocal = String(fab.dataset.target || "").toLowerCase() === "local";\n  if (authState.signedIn && authState.user) {\n    fab.style.background = envGradient;\n    fab.style.opacity = "1";\n    const displayName = authState.user.displayName || authState.user.email || "Signed in";\n    labelDiv.textContent = `\\u2713 ${truncate(displayName, 14)}`;\n  } else {\n    fab.style.background = envGradient;\n    fab.style.opacity = "0.85";\n    labelDiv.textContent = isLocal ? `\\u25CB ${getSelectedPlayerId()}` : "\\u25CB Sign in";\n  }\n}\nfunction truncate(str, maxLength) {\n  if (str.length <= maxLength) return str;\n  return str.substring(0, maxLength - 1) + "\\u2026";\n}\nfunction setupCollapseExpand(fab, envBadge, labelDiv) {\n  let collapseTimeout;\n  let isCollapsed = false;\n  const collapse = () => {\n    fab.style.minWidth = "36px";\n    fab.style.opacity = "0.4";\n    envBadge.style.display = "none";\n    labelDiv.style.display = "none";\n    isCollapsed = true;\n  };\n  const expand = () => {\n    clearTimeout(collapseTimeout);\n    fab.style.minWidth = "160px";\n    fab.style.opacity = "1";\n    envBadge.style.display = "flex";\n    labelDiv.style.display = "flex";\n    isCollapsed = false;\n  };\n  const scheduleCollapse = () => {\n    clearTimeout(collapseTimeout);\n    collapseTimeout = setTimeout(collapse, 5e3);\n  };\n  scheduleCollapse();\n  fab.addEventListener("mouseenter", expand);\n  fab.addEventListener("mouseleave", () => {\n    if (!isCollapsed) scheduleCollapse();\n  });\n}\nfunction setupDragHandling(fab, handleDiv) {\n  let isDragging = false;\n  let startX, startY, offsetRight, offsetY;\n  fab.addEventListener("mousedown", (e) => {\n    isDragging = true;\n    startX = e.clientX;\n    startY = e.clientY;\n    offsetRight = window.innerWidth - fab.offsetLeft - fab.offsetWidth;\n    offsetY = fab.offsetTop;\n    fab.style.cursor = "grabbing";\n    e.preventDefault();\n  });\n  document.addEventListener("mousemove", (e) => {\n    if (!isDragging) return;\n    let newRight = offsetRight - (e.clientX - startX);\n    let newTop = offsetY + (e.clientY - startY);\n    newRight = Math.min(Math.max(0, newRight), window.innerWidth - 36);\n    newTop = Math.min(Math.max(0, newTop), window.innerHeight - 36);\n    fab.style.right = `${newRight}px`;\n    fab.style.top = `${newTop}px`;\n  });\n  document.addEventListener("mouseup", () => {\n    if (!isDragging) return;\n    isDragging = false;\n    fab.style.cursor = "grab";\n    const currentRight = window.innerWidth - fab.offsetLeft - fab.offsetWidth;\n    localStorage.setItem(\n      LOCAL_STORAGE_POS_KEY,\n      JSON.stringify({\n        right: currentRight,\n        y: fab.offsetTop\n      })\n    );\n  });\n}\nfunction openAuthModal(sandboxConfig, authState) {\n  const overlay = document.createElement("div");\n  overlay.style.cssText = `\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.6);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 2147483602;\n    backdrop-filter: blur(4px);\n  `;\n  const content = document.createElement("div");\n  content.style.cssText = `\n    background: #111827;\n    color: #F3F4F6;\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 16px;\n    width: 90%;\n    max-width: 420px;\n    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);\n    font-family: system-ui, -apple-system, sans-serif;\n    overflow: hidden;\n  `;\n  const target = String(sandboxConfig?.target || "local").toLowerCase();\n  const targetUpper = target.toUpperCase();\n  const gameId = sandboxConfig?.gameId || "Unknown";\n  const isSignedIn = authState.signedIn;\n  const user = authState.user;\n  const isLocal = target === "local";\n  const selectedPlayerId = isLocal ? getSelectedPlayerId() : null;\n  const maxPlayerNumber = isLocal ? getMaxPlayerNumber() : 1;\n  if (isLocal) {\n    setMaxPlayerNumber(maxPlayerNumber);\n  }\n  const envConfig = {\n    local: {\n      gradient: "linear-gradient(120deg, #f59e0b, #d97706)",\n      badge: "#f59e0b",\n      badgeBg: "rgba(245, 158, 11, 0.15)",\n      label: "LOCAL",\n      subtitle: "Firebase Emulator"\n    },\n    dev: {\n      gradient: "linear-gradient(120deg, #0891b2, #10b981)",\n      badge: "#10b981",\n      badgeBg: "rgba(16, 185, 129, 0.15)",\n      label: "DEV",\n      subtitle: "Development Server"\n    },\n    staging: {\n      gradient: "linear-gradient(120deg, #8b5cf6, #6366f1)",\n      badge: "#8b5cf6",\n      badgeBg: "rgba(139, 92, 246, 0.15)",\n      label: "STAGING",\n      subtitle: "Staging Server"\n    }\n  };\n  const env = envConfig[target] || envConfig.local;\n  const statusIcon = isSignedIn ? "\\u2713" : "\\u25CB";\n  const statusText = isSignedIn ? "Signed in" : "Not signed in";\n  const statusColor = isSignedIn ? "#10b981" : "#6b7280";\n  const userDisplay = user ? user.displayName || user.email || "Unknown" : "\\u2014";\n  const userIdShort = user?.uid ? user.uid.slice(0, 8) + "..." : "";\n  content.innerHTML = `\n    <div style="\n      background: ${env.gradient};\n      padding: 20px 24px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    ">\n      <div style="display: flex; align-items: center; gap: 10px;">\n        <span style="font-size: 24px;">\\u{1FA90}</span>\n        <div>\n          <div style="font-size: 16px; font-weight: 700;">Venus Sandbox</div>\n          <div style="font-size: 12px; opacity: 0.9;">${env.subtitle}</div>\n        </div>\n      </div>\n      <button id="close-modal" style="\n        background: rgba(0, 0, 0, 0.15);\n        border: none;\n        color: white;\n        width: 32px;\n        height: 32px;\n        border-radius: 999px;\n        cursor: pointer;\n        font-size: 18px;\n      ">\\xD7</button>\n    </div>\n\n    <div style="padding: 24px;">\n      <div style="display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px;">\n        <span style="\n          padding: 4px 10px;\n          border-radius: 999px;\n          font-size: 11px;\n          font-weight: 700;\n          background: ${env.badgeBg};\n          color: ${env.badge};\n        ">${targetUpper}</span>\n        <span style="\n          padding: 4px 10px;\n          border-radius: 999px;\n          font-size: 11px;\n          font-weight: 700;\n          background: rgba(255, 255, 255, 0.08);\n          color: rgba(255, 255, 255, 0.85);\n        ">gameId: ${gameId}</span>\n      </div>\n\n      <div style="\n        padding: 14px 16px;\n        background: rgba(255, 255, 255, 0.03);\n        border: 1px solid rgba(255, 255, 255, 0.06);\n        border-radius: 10px;\n        margin-bottom: 14px;\n      ">\n        <div style="display:flex; align-items:center; justify-content:space-between; gap: 10px; flex-wrap: wrap;">\n          <div style="display:flex; align-items:center; gap: 10px; flex: 1; min-width: 0;">\n            <div style="\n              width: 30px;\n              height: 30px;\n              border-radius: 999px;\n              display:flex;\n              align-items:center;\n              justify-content:center;\n              background: rgba(255,255,255,0.06);\n              border: 1px solid rgba(255,255,255,0.08);\n              font-weight: 800;\n              color: ${statusColor};\n            ">${statusIcon}</div>\n            <div style="min-width: 0;">\n              ${// Local emulator UX: when signed out, show the player dropdown right where the status goes.\n  // When signed in, show the normal status + user display.\n  !isSignedIn && isLocal ? `\n                    <div style="font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.75); letter-spacing: 0.05em; text-transform: uppercase;">Local Player</div>\n                    <select id="local-player-select" style="\n                      margin-top: 6px;\n                      width: 180px;\n                      max-width: 45vw;\n                      min-width: 130px;\n                      background: rgba(0, 0, 0, 0.25);\n                      color: #F3F4F6;\n                      border: 1px solid rgba(255, 255, 255, 0.10);\n                      border-radius: 8px;\n                      padding: 8px 10px;\n                      font-size: 13px;\n                      font-weight: 800;\n                      outline: none;\n                      appearance: auto;\n                    ">\n                      ${buildPlayerSelectOptions(selectedPlayerId, maxPlayerNumber)}\n                    </select>\n                  ` : `\n                    <div style="font-size: 13px; font-weight: 700;">${statusText}</div>\n                    <div style="font-size: 11px; color: rgba(255,255,255,0.6); margin-top: 2px;">\n                      ${isSignedIn ? `${userDisplay} ${userIdShort ? `(${userIdShort})` : ""}` : "Click sign in to authenticate"}\n                    </div>\n                  `}\n            </div>\n          </div>\n          <div>\n            ${isSignedIn ? `\n              <button id="sign-out" style="\n                background: rgba(239, 68, 68, 0.12);\n                color: #fecaca;\n                border: 1px solid rgba(239, 68, 68, 0.25);\n                border-radius: 8px;\n                padding: 8px 10px;\n                font-size: 12px;\n                font-weight: 700;\n                cursor: pointer;\n              ">Sign out</button>\n            ` : `\n              <button id="sign-in-google" style="\n                background: rgba(255, 255, 255, 0.12);\n                color: #ffffff;\n                border: 1px solid rgba(255, 255, 255, 0.2);\n                border-radius: 8px;\n                padding: 8px 10px;\n                font-size: 12px;\n                font-weight: 700;\n                cursor: pointer;\n              ">Sign in</button>\n            `}\n          </div>\n        </div>\n      </div>\n\n      <div style="\n        padding: 12px 14px;\n        background: rgba(255, 255, 255, 0.03);\n        border: 1px solid rgba(255, 255, 255, 0.06);\n        border-radius: 10px;\n        margin-bottom: 14px;\n        font-size: 12px;\n        color: rgba(255, 255, 255, 0.75);\n        line-height: 1.5;\n      ">\n        <div style="font-weight: 600; margin-bottom: 4px; color: #c7d2fe;">\\u{1F4A1} Change environment:</div>\n        <code style="\n          display: block;\n          background: rgba(0, 0, 0, 0.3);\n          padding: 8px 10px;\n          border-radius: 5px;\n          font-family: \'SF Mono\', Monaco, monospace;\n          font-size: 11px;\n          color: #e0e7ff;\n          margin-top: 6px;\n        ">venus set-env &lt;local|dev|staging&gt;</code>\n      </div>\n\n      ${isLocal ? `\n        <div style="\n          padding: 10px 14px;\n          background: rgba(245, 158, 11, 0.08);\n          border: 1px solid rgba(245, 158, 11, 0.15);\n          border-radius: 8px;\n          font-size: 11px;\n          color: #fcd34d;\n          line-height: 1.5;\n          margin-bottom: 14px;\n        ">\n          <strong>Emulator mode:</strong> Profiles are auto-created on first sign-in.\n          <a href="http://localhost:4000" target="_blank" style="color: #fbbf24; text-decoration: underline; margin-left: 4px;">Open Emulator UI \\u2192</a>\n        </div>\n      ` : ""}\n\n      <!-- Local player selection is shown in the auth card (signed-out local mode) -->\n\n      <div style="display:flex; gap: 10px;">\n        <button id="reload-page" style="\n          flex: 1;\n          background: rgba(255, 255, 255, 0.06);\n          color: rgba(255, 255, 255, 0.85);\n          border: 1px solid rgba(255, 255, 255, 0.10);\n          border-radius: 10px;\n          padding: 10px 12px;\n          font-size: 12px;\n          font-weight: 700;\n          cursor: pointer;\n        ">Reload page</button>\n      </div>\n    </div>\n  `;\n  overlay.appendChild(content);\n  document.body.appendChild(overlay);\n  const $ = (selector) => content.querySelector(selector);\n  const closeModal = () => overlay.remove();\n  const closeBtn = $("#close-modal");\n  if (closeBtn) closeBtn.addEventListener("click", closeModal);\n  overlay.addEventListener("click", (e) => {\n    if (e.target === overlay) closeModal();\n  });\n  $("#reload-page")?.addEventListener("click", () => {\n    window.location.reload();\n  });\n  const playerSelect = $("#local-player-select");\n  if (playerSelect) {\n    playerSelect.addEventListener("change", () => {\n      const value = String(playerSelect.value || "").trim().toLowerCase();\n      if (value === "__new__") {\n        const nextId = nextPlayerId(getSelectedPlayerId());\n        const match = String(nextId).match(/^player(\\d+)$/);\n        const n = match ? parseInt(match[1], 10) : getMaxPlayerNumber() + 1;\n        setMaxPlayerNumber(n);\n        const saved = setSelectedPlayerId(`player${n}`);\n        playerSelect.innerHTML = buildPlayerSelectOptions(saved, getMaxPlayerNumber());\n        playerSelect.value = saved;\n      } else {\n        setSelectedPlayerId(value);\n      }\n      const toolbar = document.getElementById("venus-sandbox-toolbar");\n      const toolbarLabelDiv = toolbar?.children?.[1];\n      const isLocalTarget = (toolbar?.dataset?.target || "").toLowerCase() === "local";\n      if (toolbarLabelDiv && isLocalTarget && !currentAuthState.signedIn) {\n        toolbarLabelDiv.textContent = `\\u25CB ${getSelectedPlayerId()}`;\n      }\n    });\n  }\n  const signInBtn = $("#sign-in-google");\n  if (signInBtn) {\n    const originalGradient = env.gradient;\n    signInBtn.addEventListener("click", async () => {\n      try {\n        signInBtn.textContent = "Signing in...";\n        signInBtn.disabled = true;\n        const waitForSignedIn = (timeoutMs) => {\n          return new Promise((resolve) => {\n            let done = false;\n            const cleanup = () => {\n              if (done) return;\n              done = true;\n              window.removeEventListener("venus-auth-state-changed", handler);\n              clearTimeout(timer);\n            };\n            const handler = (e) => {\n              if (e?.detail?.signedIn === true) {\n                cleanup();\n                resolve(true);\n              }\n            };\n            const timer = setTimeout(() => {\n              cleanup();\n              resolve(false);\n            }, timeoutMs);\n            if (currentAuthState?.signedIn === true) {\n              cleanup();\n              resolve(true);\n              return;\n            }\n            window.addEventListener("venus-auth-state-changed", handler);\n          });\n        };\n        const signedInWait = waitForSignedIn(8e3);\n        let signInError = null;\n        if (isLocal && window.__VENUS_SANDBOX_SIGN_IN_AS__) {\n          try {\n            const p = window.__VENUS_SANDBOX_SIGN_IN_AS__(getSelectedPlayerId());\n            p?.catch?.((err) => {\n              signInError = err;\n            });\n          } catch (err) {\n            signInError = err;\n          }\n        } else if (window.__VENUS_SANDBOX_SIGN_IN__) {\n          try {\n            const p = window.__VENUS_SANDBOX_SIGN_IN__();\n            p?.catch?.((err) => {\n              signInError = err;\n            });\n          } catch (err) {\n            signInError = err;\n          }\n        } else {\n          throw new Error("[Venus Sandbox] Sign-in is not available (missing global hook).");\n        }\n        const signedIn = await signedInWait;\n        if (!signedIn) {\n          if (signInError) throw signInError;\n          throw new Error("[Venus Sandbox] Sign-in timed out. Try reloading and signing in again.");\n        }\n        signInBtn.textContent = "\\u2713 Success!";\n        signInBtn.style.background = "linear-gradient(120deg, #10b981, #059669)";\n        setTimeout(() => {\n          closeModal();\n          window.location.reload();\n        }, 700);\n      } catch (error) {\n        console.error("[Venus Sandbox] Sign-in failed:", error);\n        signInBtn.textContent = "Sign in";\n        signInBtn.disabled = false;\n        signInBtn.style.background = originalGradient;\n        alert("Sign-in failed. Check console for details.");\n      }\n    });\n  }\n  const signOutBtn = $("#sign-out");\n  if (signOutBtn) {\n    signOutBtn.addEventListener("click", async () => {\n      try {\n        signOutBtn.textContent = "Signing out...";\n        signOutBtn.disabled = true;\n        if (window.__VENUS_SANDBOX_SIGN_OUT__) {\n          await window.__VENUS_SANDBOX_SIGN_OUT__();\n        }\n        closeModal();\n        window.location.reload();\n      } catch (error) {\n        console.error("[Venus Sandbox] Sign-out failed:", error);\n        signOutBtn.textContent = "Sign out";\n        signOutBtn.disabled = false;\n        alert("Sign-out failed. Check console for details.");\n      }\n    });\n  }\n}\n';
 
 // src/vite/sandboxToolbar.ts
 function createSandboxToolbarTags() {
@@ -2023,17 +1273,20 @@ Firebase is only needed for sandbox mode (local development) and is excluded fro
   };
 }
 function buildSandboxConfig(projectRoot, options) {
-  const gameConfigPath = findGameConfigPath(projectRoot);
-  if (!gameConfigPath) {
-    throw new Error(
-      `Unable to locate ${GAME_CONFIG_FILENAME} starting from ${projectRoot}. Run "venus configure-game" to generate one.`
-    );
+  let gameId = options.gameId?.trim();
+  if (!gameId) {
+    const gameConfigPath = findGameConfigPath(projectRoot);
+    if (gameConfigPath) {
+      const gameConfig = readGameConfig(gameConfigPath);
+      gameId = gameConfig.gameId?.trim();
+    }
   }
-  const gameConfig = readGameConfig(gameConfigPath);
-  const gameId = gameConfig.gameId?.trim();
   if (!gameId) {
     throw new Error(
-      `Missing "gameId" inside ${gameConfigPath}. Run "venus configure-game" to regenerate it.`
+      `[Venus Sandbox] Missing gameId. Either:
+  1. Add gameId to vite.config: venusSandboxPlugin({ gameId: 'your-app-id' })
+  2. Create game.config.json with { "gameId": "your-app-id" }
+  3. Run "venus configure-game" if using Venus CLI`
     );
   }
   const cliConfig = readVenusCliConfig();
@@ -2110,10 +1363,10 @@ function resolveProjectRoot(config) {
   return process.cwd();
 }
 function coerceTarget(value) {
-  if (value === "dev" || value === "staging") {
+  if (value === "local" || value === "dev" || value === "staging") {
     return value;
   }
-  return "local";
+  return "staging";
 }
 function injectVenusShell(html) {
   const match = html.match(/<body([^>]*)>([\s\S]*)<\/body>/i);