updated imports and organized frontend stores

Hub/ui/src/App.vue

@@ -13,9 +13,9 @@ import Settings from './views/Settings.vue'
 import Setup from './views/Setup.vue'
 
 import { useConfig } from './api/useConfig'
-import { useAppStore } from './stores/app'
-import { useFleetStore } from './stores/fleet'
-import { useEventsStore } from './stores/events'
+import { useAppStore } from './stores/System/app'
+import { useFleetStore } from './stores/Fleet/fleet'
+import { useEventsStore } from './stores/Events/events'
 import { HoneyWireWS } from './services/ws'
 
 const { fetchConfig } = useConfig()

Hub/ui/src/components/dashboard/EventTable.vue

@@ -1,9 +1,9 @@
 <script setup>
 import { ref, computed, nextTick, watch } from 'vue'
 import { storeToRefs } from 'pinia'
-import { useAppStore } from '../../stores/app'
-import { useEventsStore } from '../../stores/events'
-import { useFleetStore } from '../../stores/fleet'
+import { useAppStore } from '../../stores/System/app'
+import { useEventsStore } from '../../stores/Events/events'
+import { useFleetStore } from '../../stores/Fleet/fleet'
 import { formatSensorId } from '../../utils/formatSensorId'
 
 

Hub/ui/src/components/dashboard/SeverityChart.vue

@@ -2,9 +2,9 @@
 import { ref, onMounted, watch, onUnmounted } from 'vue'
 import { storeToRefs } from 'pinia'
 import Chart from 'chart.js/auto'
-import { useEventsStore } from '../../stores/events'
-import { useFleetStore } from '../../stores/fleet'
-import { useAppStore } from '../../stores/app'
+import { useEventsStore } from '../../stores/Events/events'
+import { useFleetStore } from '../../stores/Fleet/fleet'
+import { useAppStore } from '../../stores/System/app'
 import { getComputedRgb } from '../../utils/theme'
 import { baseTooltipConfig, applyChartTheme } from '../../utils/chartConfig'
 import BaseLegend from '../ui/feedback/BaseLegend.vue'

Hub/ui/src/components/dashboard/ThreatVelocity.vue

@@ -2,9 +2,9 @@
 import { ref, onMounted, watch, onUnmounted, shallowRef, nextTick } from 'vue'
 import { storeToRefs } from 'pinia'
 import Chart from 'chart.js/auto'
-import { useAppStore } from '../../stores/app'
-import { useEventsStore } from '../../stores/events'
-import { useFleetStore } from '../../stores/fleet'
+import { useAppStore } from '../../stores/System/app'
+import { useEventsStore } from '../../stores/Events/events'
+import { useFleetStore } from '../../stores/Fleet/fleet'
 import { getComputedRgb, injectAlpha } from '../../utils/theme'
 import { baseTooltipConfig } from '../../utils/chartConfig'
 import BaseTimeFilter from '../ui/forms/BaseTimeFilter.vue'

Hub/ui/src/components/dashboard/TrafficFilters.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { ref, computed, nextTick, watch, onMounted } from 'vue'
 import { storeToRefs } from 'pinia'
-import { useFleetStore } from '../../stores/fleet'
+import { useFleetStore } from '../../stores/Fleet/fleet'
 import BaseMeatballMenu from '../ui/navigation/BaseMeatballMenu.vue'
 import BaseStatusDot from '../ui/feedback/BaseStatusDot.vue'
 

Hub/ui/src/components/dashboard/UptimeHeatmap.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { ref, computed, nextTick, watch, onMounted, onUnmounted } from 'vue'
 import { storeToRefs } from 'pinia'
-import { useFleetStore } from '../../stores/fleet'
+import { useFleetStore } from '../../stores/Fleet/fleet'
 import BaseTimeFilter from '../ui/forms/BaseTimeFilter.vue'
 import BaseWidget from '../ui/layout/BaseWidget.vue'
 import BaseLegend from '../ui/feedback/BaseLegend.vue'

Hub/ui/src/components/layout/Header.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { storeToRefs } from 'pinia'
-import { useAppStore } from '../../stores/app'
-import { useEventsStore } from '../../stores/events'
+import { useAppStore } from '../../stores/System/app'
+import { useEventsStore } from '../../stores/Events/events'
 
 const appStore = useAppStore()
 const eventsStore = useEventsStore()

Hub/ui/src/components/layout/Sidebar.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { storeToRefs } from 'pinia'
-import { useAppStore } from '../../stores/app'
-import { useEventsStore } from '../../stores/events'
+import { useAppStore } from '../../stores/System/app'
+import { useEventsStore } from '../../stores/Events/events'
 
 const appStore = useAppStore()
 const eventsStore = useEventsStore()

Hub/ui/src/stores/Events/events.js

@@ -1,7 +1,7 @@
 import { defineStore } from 'pinia'
 import { ref, computed } from 'vue'
-import { useFleetStore } from './fleet'
-import { useAppStore } from './app'
+import { useFleetStore } from '../Fleet/fleet'
+import { useAppStore } from '../System/app'
 
 /**
  * Events Store (Telemetry State)

Hub/ui/src/stores/Fleet/fleet.js

@@ -1,6 +1,6 @@
 import { defineStore } from 'pinia'
 import { ref, computed } from 'vue'
-import { api } from '../api/client'
+import { api } from '../../api/client'
 
 export const useFleetStore = defineStore('fleet', () => {
   // --- 1. AUTHORITATIVE BACKEND SNAPSHOT STATE ---

Hub/ui/src/stores/System/app.js

@@ -1,6 +1,6 @@
 import { defineStore } from 'pinia'
 import { ref, computed } from 'vue'
-import { api } from '../api/client'
+import { api } from '../../api/client'
 
 export const useAppStore = defineStore('app', () => {
   // ==========================================

Hub/ui/src/views/FleetView.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { ref, computed, onMounted, nextTick } from 'vue'
-import { useAppStore } from '../stores/app'
-import { useFleetStore } from '../stores/fleet'
+import { useAppStore } from '../stores/System/app'
+import { useFleetStore } from '../stores/Fleet/fleet'
 import PageHeader from '../components/ui/layout/PageHeader.vue'
 import BaseWidget from '../components/ui/layout/BaseWidget.vue'
 import BaseStatusDot from '../components/ui/feedback/BaseStatusDot.vue'

Hub/ui/src/views/Login.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { ref } from 'vue'
-import { useAppStore } from '../stores/app'
+import { useAppStore } from '../stores/System/app'
 import BaseInput from '../components/ui/forms/BaseInput.vue'
 import BaseButton from '../components/ui/forms/BaseButton.vue'
 import BaseCard from '../components/ui/layout/BaseCard.vue'

Hub/ui/src/views/NodeDetailView.vue

@@ -1,8 +1,8 @@
 <script setup>
 import { ref, watch, computed, onMounted, nextTick } from 'vue'
-import { useAppStore } from '../stores/app'
-import { useFleetStore } from '../stores/fleet'
-import { useEventsStore } from '../stores/events'
+import { useAppStore } from '../stores/System/app'
+import { useFleetStore } from '../stores/Fleet/fleet'
+import { useEventsStore } from '../stores/Events/events'
 import { useConfig } from '../api/useConfig'
 import BaseButton from '../components/ui/forms/BaseButton.vue'
 import BaseStatusDot from '../components/ui/feedback/BaseStatusDot.vue'

Hub/ui/src/views/Settings.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { ref, watch, computed } from 'vue'
-import { useAppStore } from '../stores/app'
+import { useAppStore } from '../stores/System/app'
 import { useConfig } from '../api/useConfig'
 import BaseButton from '../components/ui/forms/BaseButton.vue'
 import BaseInput from '../components/ui/forms/BaseInput.vue'

Hub/ui/src/views/Setup.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { ref, onMounted } from 'vue'
-import { useAppStore } from '../stores/app'
+import { useAppStore } from '../stores/System/app'
 import BaseInput from '../components/ui/forms/BaseInput.vue'
 import BaseButton from '../components/ui/forms/BaseButton.vue'
 import BaseCard from '../components/ui/layout/BaseCard.vue'