<template>
  <div class="min-h-screen bg-base-100 flex flex-col">
    <!-- Custom Title Bar for window dragging and controls -->
    <TitleBar />

    <!-- Main Content Area with no-drag to prevent dragging from content -->
    <main class="flex-1 overflow-hidden" style="-webkit-app-region: no-drag;">
      <slot />
    </main>
  </div>
</template>

<script setup>
// No additional setup needed for this layout
</script>

<style>
/* Global styles can go here */
body {
  margin: 0;
  padding: 0;
  overflow: hidden; /* Prevent scrollbars on the main window */
}

/* Ensure the layout fills the entire window */
#__nuxt {
  height: 100vh;
  overflow: hidden;
}
</style>
