import { createApp } from 'vue'
import { createPinia } from 'pinia'
import { Quasar, Notify, Dialog, Loading } from 'quasar'
import router from './router'
import { setupConsoleLogger } from './boot/console-logger'

// Import Quasar css
import '@quasar/extras/roboto-font/roboto-font.css'
import '@quasar/extras/material-icons/material-icons.css'
import 'quasar/src/css/index.sass'

// Import app styles
import './css/app.scss'

// Import root component
import App from './App.vue'

// Setup console logger for Tauri
setupConsoleLogger()

const app = createApp(App)

app.use(createPinia())
app.use(router)
app.use(Quasar, {
  plugins: {
    Notify,
    Dialog,
    Loading
  },
  config: {
    dark: 'auto'
  }
})

// Mount the app
app.mount('#q-app')

// Expose Vue app for automation
;(window as unknown as { __VUE_APP__: typeof app }).__VUE_APP__ = app

// Initialize automation service after app is mounted
setTimeout(() => {
  import('./automation').then(({ initAutomation }) => {
    initAutomation()
  }).catch(err => {
    console.warn('[Automation] Failed to load:', err)
  })
}, 100)