Enhance agent prompt clarity and refactor module management

Taskfile.yml

@@ -16,7 +16,7 @@ tasks:
 
     db:seed:
         desc: Seed the Demo module database
-        cmd: php artisan modules:seed --module=demo
+        cmd: '{{.APP}} php artisan modules:seed --module=demo'
 
     # ── Code Generation ────────────────────────────────────────────
 

resources/js/vue/pages/sections/FeaturesSection.vue

@@ -9,7 +9,7 @@ import {
     LayoutDashboard,
     Paintbrush,
     Terminal,
-} from 'lucide-vue-next';
+} from '@lucide/vue';
 
 const features = [
     {

resources/js/vue/pages/sections/FilamentSection.vue

@@ -6,7 +6,7 @@ import {
     Puzzle,
     Table2,
     WandSparkles,
-} from 'lucide-vue-next';
+} from '@lucide/vue';
 
 const features = [
     {

resources/js/vue/pages/sections/HeroSection.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { trans } from 'laravel-vue-i18n';
-import { ArrowRight, Bot, Check, Copy, Terminal } from 'lucide-vue-next';
+import { ArrowRight, Bot, Check, Copy, Terminal } from '@lucide/vue';
 import { computed, onUnmounted, ref } from 'vue';
 import { toast } from 'vue-sonner';
 
@@ -13,7 +13,7 @@ const tabs = [
 
 const CLI_COMMAND = 'laravel new --using=saucebase/saucebase --phpunit --boost';
 const AGENT_PROMPT =
-    'I\'m building a SaaS with Saucebase.\n\nFetch https://saucebase-dev.github.io/docs/for-agents.md and treat it as the source of truth for this project.';
+    'I\'m building a new application with Saucebase — a modular Laravel SaaS starter kit. \n\n Fetch and follow the instructions from https://saucebase-dev.github.io/docs/for-agents.md Treat the returned Markdown as the source of truth for how to install, set up, and build with Saucebase in this session.';
 
 const currentIcon = computed(() => (tab.value === 'cli' ? Terminal : Bot));
 const currentText = computed(() => (tab.value === 'cli' ? CLI_COMMAND : AGENT_PROMPT));

resources/js/vue/pages/sections/ModulesSection.vue

@@ -1,13 +1,12 @@
 <script setup lang="ts">
 import type { Module } from '@/components/ui/saucebase';
-import { ModuleCard, ModuleModal, modules } from '@/components/ui/saucebase';
-import { BookOpen } from 'lucide-vue-next';
+import { ModuleCard, ModuleModal, useModuleList } from '@/components/ui/saucebase';
+import { BookOpen } from '@lucide/vue';
 import { computed, onMounted, onUnmounted, ref } from 'vue';
 
 const selectedFramework = ref<'vue' | 'react'>('vue');
 const selectedMod = ref<Module | null>(null);
 const modulesVisible = ref(false);
-const sectionRef = ref<HTMLElement | null>(null);
 const gridSentinelRef = ref<HTMLElement | null>(null);
 
 let observer: IntersectionObserver | null = null;
@@ -32,8 +31,10 @@ function toggleFramework() {
         selectedFramework.value === 'vue' ? 'react' : 'vue';
 }
 
+const moduleList = useModuleList();
+
 const displayModules = computed(() =>
-    modules.map((m) => {
+    moduleList.value.map((m) => {
         const supported = (m.frameworks as readonly string[]).includes(
             selectedFramework.value,
         );
@@ -48,7 +49,7 @@ const displayModules = computed(() =>
 </script>
 
 <template>
-    <section ref="sectionRef" class="relative mt-16 overflow-hidden bg-slate-900/10">
+    <section class="relative mt-16 overflow-hidden bg-slate-900/10">
         <!-- Split-screen framework picker -->
         <div
             class="relative z-0 min-h-120 w-full overflow-hidden mask-[linear-gradient(to_bottom,black_60%,transparent)]">

resources/js/vue/pages/sections/TechStackSection.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Cloud, Monitor, Server, Wrench } from 'lucide-vue-next';
+import { Cloud, Monitor, Server, Wrench } from '@lucide/vue';
 import { type Component } from 'vue';
 
 const groups: { label: string; icon: Component; items: string[] }[] = [