Added new modules and updated existing logic

dev/ui-ux/Codex : deepseek (not good)/src/components/planner-page/planner-page.js

@@ -0,0 +1,23 @@
+import PlannerGrid from '../planner-grid/planner-grid.js';
+
+const { inject } = Vue;
+
+export default {
+  name: 'PlannerPage',
+  components: { PlannerGrid },
+  setup() {
+    const appState = inject('appState');
+    return { ...appState };
+  },
+  template: `
+    <q-page-container>
+      <q-page class="planner-page-root q-pa-none">
+        <q-inner-loading :showing="loading">
+          <q-spinner-gears size="50px" color="indigo-8"></q-spinner-gears>
+          <div class="text-indigo-8 q-mt-sm">Loading Agents...</div>
+        </q-inner-loading>
+        <planner-grid></planner-grid>
+      </q-page>
+    </q-page-container>
+  `
+};