<template>
  <div class="min-h-screen bg-gray-900 font-mono text-white">
    <!-- Robot Layout Header -->
    <header class="bg-black border-b border-gray-800">
      <div class="max-w-full mx-auto px-4 sm:px-6 lg:px-8">
        <div class="flex justify-between h-12 items-center">
          <div class="flex items-center">
            <div class="h-3 w-3 bg-green-500 rounded-full animate-pulse mr-2"></div>
            <span class="text-lg font-bold tracking-wider">EDGE-ROBOT-082</span>
          </div>
          <div class="flex space-x-4 text-xs text-gray-400 items-center">
            <router-link to="/" class="hover:text-white transition-colors flex items-center px-2 py-1 border border-gray-700 rounded bg-gray-800">
              <span class="mr-1">⚡</span> EXIT TERMINAL
            </router-link>
            <span>CPU: 32%</span>
            <span>MEM: 412MB</span>
            <span>NET: 5G/Connected</span>
          </div>
        </div>
      </div>
    </header>

    <!-- Main Content (Full Screen) -->
    <main class="h-[calc(100vh-3rem)] overflow-hidden relative">
      <router-view></router-view>
      
      <!-- Overlay Debug Info -->
      <div class="absolute bottom-4 right-4 text-xs text-gray-500 opacity-50 pointer-events-none">
        FIRMWARE: v2.4.1 | MODEL: YOLOv8-Nano
      </div>
    </main>
  </div>
</template>

<script setup>
</script>
