feat(frontend): demo mode adjustments (#45)

* feat(frontend): pre-fill credentials and disable signup in demo mode

Author: ivanskv2000

.gitignore

@@ -18,4 +18,7 @@ node_modules/
 dist/
 
 # Auxiliary scripts
-reset_demo.sh
+reset_demo.sh
+
+# LLM generated files
+pr_description.md

AI.md

@@ -9,7 +9,7 @@
 ## 🚦 Strict Workflow Protocol
 Before modifying, generating, or deleting any files, the agent MUST follow these steps in exact order:
 1. **Plan First:** Present a comprehensive architectural review, design summary, or pseudo-code strategy. Wait for explicit user greenlight.
-2. **Git Branching:** Checkout to a distinct feature or refactor branch from `main` using the Conventional Commits specification (e.g., `feat(backend): ...`, `refactor(frontend): ...`).
+2. **Git Branching:** Checkout to a distinct feature or refactor branch from `main` using the Conventional Commits specification (e.g., `feat(backend)/...`, `refactor(frontend)/...`).
 3. **Execution:** Apply the changes within the tightly scoped workspace directory.
 4. **Finalize:** Upon user validation, stage and commit changes with concise, structured commit messages.
 5. **Documentation:** Auto-generate a pull request summary titled `pr_description.md` in the project root adhering to the workspace markdown template.

frontend/src/modules/auth/components/LoginForm.vue

@@ -24,6 +24,12 @@ const redirect = route.query.redirect as string | undefined
 
 const { handleSubmit } = useForm<LoginFormValues>({
   validationSchema: toTypedSchema(loginSchema),
+  initialValues: isDemo
+    ? {
+        email: 'demo@evsy.dev',
+        password: 'bestructured',
+      }
+    : undefined,
 })
 
 const { mutate: runLogin, isPending: isLoading } = useMutation({
@@ -91,7 +97,7 @@ const onSubmit = handleSubmit(values => runLogin(values))
       <Button type="submit" class="w-full" :disabled="isLoading"> Log In </Button>
 
       <!-- Link to signup -->
-      <div class="text-center text-sm">
+      <div v-if="!isDemo" class="text-center text-sm">
         Don’t have an account?
         <RouterLink
           :to="{ path: '/signup', query: { redirect } }"

frontend/src/modules/auth/router.ts

@@ -1,16 +1,23 @@
 import type { RouteRecordRaw } from 'vue-router'
 import LoginPage from './pages/LoginPage.vue'
 import SignupPage from './pages/SignupPage.vue'
+import { useAppConfig } from '@/shared/composables/useAppConfig'
+
+const { isDemo } = useAppConfig()
 
 export const authRoutes: RouteRecordRaw[] = [
   {
     path: '/login',
     name: 'Login',
     component: LoginPage,
   },
-  {
-    path: '/signup',
-    name: 'Signup',
-    component: SignupPage,
-  },
+  ...(!isDemo
+    ? [
+        {
+          path: '/signup',
+          name: 'Signup',
+          component: SignupPage,
+        },
+      ]
+    : []),
 ]