feat: initial panel (Vue + Tailwind)

src/composables/useAppMode.ts

@@ -1,20 +0,0 @@
-export type AppMode = 'web' | 'admin';
-
-/** `web` = montime.ir (customers + business owners). `admin` = adm.montime.ir only. */
-export function getAppMode(): AppMode {
-  const fromEnv = import.meta.env.VITE_APP_MODE as AppMode | undefined;
-  if (fromEnv === 'web' || fromEnv === 'admin') {
-    return fromEnv;
-  }
-  if (typeof window !== 'undefined') {
-    const host = window.location.hostname;
-    if (host === 'adm.montime.ir' || host.startsWith('adm.')) {
-      return 'admin';
-    }
-  }
-  return 'web';
-}
-
-export function useAppMode() {
-  return { mode: getAppMode(), isAdmin: getAppMode() === 'admin', isWeb: getAppMode() === 'web' };
-}

src/layouts/AdminLayout.vue

@@ -1,67 +0,0 @@
-<template>
-  <AppShell>
-    <header
-      class="sticky top-0 z-10 flex items-center justify-between border-b border-amber-500/30 bg-surface/95 px-4 py-3 backdrop-blur"
-    >
-      <div>
-        <p class="font-bold text-text">پنل مدیریت</p>
-        <p class="text-xs text-amber-600 dark:text-amber-400">adm.montime.ir</p>
-      </div>
-      <div class="flex items-center gap-2">
-        <ThemeToggle />
-        <button
-          type="button"
-          class="rounded-xl px-3 py-2 text-sm text-muted hover:bg-surface-3"
-          @click="onLogout"
-        >
-          خروج
-        </button>
-      </div>
-    </header>
-
-    <main class="flex-1 space-y-4 px-4 py-4">
-      <slot />
-    </main>
-
-    <nav class="sticky bottom-0 border-t border-border bg-surface/95 px-2 py-2">
-      <div class="grid grid-cols-3 gap-1">
-        <RouterLink
-          v-for="item in items"
-          :key="item.to"
-          :to="item.to"
-          class="flex flex-col items-center rounded-xl py-2 text-xs"
-          :class="
-            route.name === item.name
-              ? 'bg-amber-500/15 text-amber-700 dark:text-amber-400'
-              : 'text-muted hover:bg-surface-3'
-          "
-        >
-          <span class="text-lg">{{ item.icon }}</span>
-          {{ item.label }}
-        </RouterLink>
-      </div>
-    </nav>
-  </AppShell>
-</template>
-
-<script setup lang="ts">
-import { useRoute, useRouter } from 'vue-router';
-import AppShell from '@/components/shell/AppShell.vue';
-import ThemeToggle from '@/components/ui/ThemeToggle.vue';
-import { useAuthStore } from '@/stores/auth';
-
-const route = useRoute();
-const router = useRouter();
-const auth = useAuthStore();
-
-const items = [
-  { to: '/admin', name: 'admin-home', label: 'داشبورد', icon: '📊' },
-  { to: '/admin/businesses', name: 'admin-businesses', label: 'کسب‌وکار', icon: '🏪' },
-  { to: '/admin/users', name: 'admin-users', label: 'کاربران', icon: '👥' },
-];
-
-function onLogout() {
-  auth.logout();
-  router.push({ name: 'admin-login' });
-}
-</script>

src/router/index.ts

@@ -1,103 +1,59 @@
 import { createRouter, createWebHistory } from 'vue-router';
-import { getAppMode } from '@/composables/useAppMode';
 import { useAuthStore } from '@/stores/auth';
 
-const mode = getAppMode();
-
-const webRoutes = [
-  { path: '/', redirect: '/login' },
-  {
-    path: '/login',
-    name: 'login',
-    component: () => import('@/views/auth/LoginView.vue'),
-    meta: { guest: true, shell: 'auth' },
-  },
-  {
-    path: '/verify',
-    name: 'verify',
-    component: () => import('@/views/auth/VerifyOtpView.vue'),
-    meta: { guest: true, shell: 'auth' },
-  },
-  {
-    path: '/app',
-    name: 'app-home',
-    component: () => import('@/views/app/AppHomeView.vue'),
-    meta: { requiresAuth: true, shell: 'web' },
-  },
-  {
-    path: '/app/bookings',
-    name: 'app-bookings',
-    component: () => import('@/views/app/AppBookingsView.vue'),
-    meta: { requiresAuth: true, shell: 'web' },
-  },
-  {
-    path: '/app/profile',
-    name: 'app-profile',
-    component: () => import('@/views/app/AppProfileView.vue'),
-    meta: { requiresAuth: true, shell: 'web' },
-  },
-  {
-    path: '/app/owner',
-    name: 'app-owner',
-    component: () => import('@/views/app/AppOwnerView.vue'),
-    meta: { requiresAuth: true, requiresBusinessOwner: true, shell: 'web' },
-  },
-  { path: '/home', redirect: '/app' },
-];
-
-const adminRoutes = [
-  { path: '/', redirect: '/admin/login' },
-  {
-    path: '/admin/login',
-    name: 'admin-login',
-    component: () => import('@/views/auth/LoginView.vue'),
-    meta: { guest: true, shell: 'auth', adminAuth: true },
-  },
-  {
-    path: '/admin/verify',
-    name: 'admin-verify',
-    component: () => import('@/views/auth/VerifyOtpView.vue'),
-    meta: { guest: true, shell: 'auth', adminAuth: true },
-  },
-  {
-    path: '/admin',
-    name: 'admin-home',
-    component: () => import('@/views/admin/AdminHomeView.vue'),
-    meta: { requiresAuth: true, requiresAdmin: true, shell: 'admin' },
-  },
-  {
-    path: '/admin/businesses',
-    name: 'admin-businesses',
-    component: () => import('@/views/admin/AdminBusinessesView.vue'),
-    meta: { requiresAuth: true, requiresAdmin: true, shell: 'admin' },
-  },
-  {
-    path: '/admin/users',
-    name: 'admin-users',
-    component: () => import('@/views/admin/AdminUsersView.vue'),
-    meta: { requiresAuth: true, requiresAdmin: true, shell: 'admin' },
-  },
-];
-
 const router = createRouter({
   history: createWebHistory(),
-  routes: mode === 'admin' ? adminRoutes : webRoutes,
+  routes: [
+    { path: '/', redirect: '/login' },
+    {
+      path: '/login',
+      name: 'login',
+      component: () => import('@/views/auth/LoginView.vue'),
+      meta: { guest: true },
+    },
+    {
+      path: '/verify',
+      name: 'verify',
+      component: () => import('@/views/auth/VerifyOtpView.vue'),
+      meta: { guest: true },
+    },
+    {
+      path: '/app',
+      name: 'app-home',
+      component: () => import('@/views/app/AppHomeView.vue'),
+      meta: { requiresAuth: true },
+    },
+    {
+      path: '/app/bookings',
+      name: 'app-bookings',
+      component: () => import('@/views/app/AppBookingsView.vue'),
+      meta: { requiresAuth: true },
+    },
+    {
+      path: '/app/profile',
+      name: 'app-profile',
+      component: () => import('@/views/app/AppProfileView.vue'),
+      meta: { requiresAuth: true },
+    },
+    {
+      path: '/app/owner',
+      name: 'app-owner',
+      component: () => import('@/views/app/AppOwnerView.vue'),
+      meta: { requiresAuth: true, requiresBusinessOwner: true },
+    },
+    { path: '/home', redirect: '/app' },
+  ],
 });
 
 router.beforeEach(async (to) => {
   const auth = useAuthStore();
-  const appMode = getAppMode();
 
   if (auth.token && !auth.user) {
     await auth.loadUser();
   }
 
   if (to.meta.requiresAuth && !auth.isLoggedIn) {
-    return appMode === 'admin' ? { name: 'admin-login' } : { name: 'login' };
-  }
-
-  if (to.meta.requiresAdmin && !auth.isAdmin) {
-    return appMode === 'admin' ? { name: 'admin-login' } : { name: 'login' };
+    return { name: 'login' };
   }
 
   if (to.meta.requiresBusinessOwner && !auth.isBusinessOwner && !auth.isAdmin) {
@@ -105,16 +61,8 @@ router.beforeEach(async (to) => {
   }
 
   if (to.meta.guest && auth.isLoggedIn) {
-    if (to.meta.adminAuth) {
-      return auth.isAdmin ? { name: 'admin-home' } : undefined;
-    }
     return { name: 'app-home' };
   }
-
-  if (appMode === 'admin' && auth.isLoggedIn && !auth.isAdmin && !to.meta.guest) {
-    auth.logout();
-    return { name: 'admin-login' };
-  }
 });
 
 export default router;

src/views/admin/AdminBusinessesView.vue

@@ -1,12 +0,0 @@
-<template>
-  <AdminLayout>
-    <h1 class="text-xl font-bold text-text">کسب‌وکارها</h1>
-    <div class="mt-4 rounded-2xl border border-dashed border-border bg-surface-2 p-6 text-center text-sm text-muted">
-      به‌زودی — CRUD کسب‌وکار و واگذاری مدیر
-    </div>
-  </AdminLayout>
-</template>
-
-<script setup lang="ts">
-import AdminLayout from '@/layouts/AdminLayout.vue';
-</script>

src/views/admin/AdminHomeView.vue

@@ -1,20 +0,0 @@
-<template>
-  <AdminLayout>
-    <h1 class="text-xl font-bold text-text">داشبورد مدیریت</h1>
-    <p class="mt-2 text-sm text-muted">فقط سوپر ادمین — adm.montime.ir</p>
-    <div class="mt-6 grid gap-3 sm:grid-cols-2">
-      <div class="rounded-2xl border border-border bg-surface-2 p-4">
-        <p class="text-xs text-muted">کسب‌وکارها</p>
-        <p class="mt-1 text-2xl font-bold text-text">—</p>
-      </div>
-      <div class="rounded-2xl border border-border bg-surface-2 p-4">
-        <p class="text-xs text-muted">کاربران</p>
-        <p class="mt-1 text-2xl font-bold text-text">—</p>
-      </div>
-    </div>
-  </AdminLayout>
-</template>
-
-<script setup lang="ts">
-import AdminLayout from '@/layouts/AdminLayout.vue';
-</script>

src/views/admin/AdminUsersView.vue

@@ -1,12 +0,0 @@
-<template>
-  <AdminLayout>
-    <h1 class="text-xl font-bold text-text">کاربران</h1>
-    <div class="mt-4 rounded-2xl border border-dashed border-border bg-surface-2 p-6 text-center text-sm text-muted">
-      به‌زودی
-    </div>
-  </AdminLayout>
-</template>
-
-<script setup lang="ts">
-import AdminLayout from '@/layouts/AdminLayout.vue';
-</script>

src/views/auth/LoginView.vue

@@ -1,5 +1,5 @@
 <template>
-  <AuthLayout :title="brandTitle" :subtitle="brandSubtitle">
+  <AuthLayout title="مون‌تایم" subtitle="ورود با شماره موبایل">
     <p
       v-if="error"
       class="mb-4 rounded-xl border border-red-500/30 bg-red-500/10 px-4 py-3 text-sm text-red-600 dark:text-red-400"
@@ -25,24 +25,15 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
 import { requestOtp } from '@/api/auth';
 import { ApiError } from '@/api/client';
-import { getAppMode } from '@/composables/useAppMode';
 import AppButton from '@/components/ui/AppButton.vue';
 import AppInput from '@/components/ui/AppInput.vue';
 import AuthLayout from '@/layouts/AuthLayout.vue';
 
 const router = useRouter();
-const route = useRoute();
-const isAdmin = computed(() => getAppMode() === 'admin' || route.meta.adminAuth === true);
-
-const brandTitle = computed(() => (isAdmin.value ? 'پنل مدیریت' : 'مون‌تایم'));
-const brandSubtitle = computed(() =>
-  isAdmin.value ? 'ورود سوپر ادمین' : 'ورود با شماره موبایل',
-);
-
 const mobile = ref('');
 const loading = ref(false);
 const error = ref('');
@@ -53,7 +44,7 @@ async function onSubmit() {
   try {
     const res = await requestOtp(mobile.value.trim());
     await router.push({
-      name: isAdmin.value ? 'admin-verify' : 'verify',
+      name: 'verify',
       query: {
         mobile: mobile.value.trim(),
         expires: String(res.expiresInSeconds),

src/views/auth/VerifyOtpView.vue

@@ -32,21 +32,11 @@
     <p v-if="secondsLeft > 0" class="mt-4 text-center text-sm text-muted">
       ارسال مجدد تا {{ secondsLeft }} ثانیه
     </p>
-    <AppButton
-      v-else
-      variant="ghost"
-      class="mt-2"
-      :loading="resendLoading"
-      @click="resend"
-    >
+    <AppButton v-else variant="ghost" class="mt-2" :loading="resendLoading" @click="resend">
       ارسال مجدد کد
     </AppButton>
 
-    <AppButton
-      variant="ghost"
-      class="mt-2"
-      @click="router.push({ name: isAdmin ? 'admin-login' : 'login' })"
-    >
+    <AppButton variant="ghost" class="mt-2" @click="router.push({ name: 'login' })">
       تغییر شماره موبایل
     </AppButton>
   </AuthLayout>
@@ -57,7 +47,6 @@ import { computed, onMounted, onUnmounted, ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { requestOtp, verifyOtp } from '@/api/auth';
 import { ApiError } from '@/api/client';
-import { getAppMode } from '@/composables/useAppMode';
 import AppButton from '@/components/ui/AppButton.vue';
 import AppInput from '@/components/ui/AppInput.vue';
 import AuthLayout from '@/layouts/AuthLayout.vue';
@@ -66,7 +55,6 @@ import { useAuthStore } from '@/stores/auth';
 const route = useRoute();
 const router = useRouter();
 const auth = useAuthStore();
-const isAdmin = computed(() => getAppMode() === 'admin' || route.meta.adminAuth === true);
 
 const mobile = computed(() => String(route.query.mobile ?? ''));
 const devCode = computed(() => route.query.devCode as string | undefined);
@@ -80,7 +68,7 @@ let timer: ReturnType<typeof setInterval> | null = null;
 
 onMounted(() => {
   if (!mobile.value) {
-    router.replace({ name: isAdmin.value ? 'admin-login' : 'login' });
+    router.replace({ name: 'login' });
     return;
   }
   timer = setInterval(() => {
@@ -98,17 +86,6 @@ async function onSubmit() {
   try {
     const res = await verifyOtp(mobile.value, code.value.trim());
     auth.setSession(res.accessToken, res.user);
-
-    if (isAdmin.value) {
-      if (!auth.isAdmin) {
-        auth.logout();
-        error.value = 'دسترسی ادمین ندارید.';
-        return;
-      }
-      await router.replace({ name: 'admin-home' });
-      return;
-    }
-
     await router.replace({ name: 'app-home' });
   } catch (e) {
     error.value =

src/vite-env.d.ts

@@ -2,7 +2,6 @@
 
 interface ImportMetaEnv {
   readonly VITE_API_URL: string;
-  readonly VITE_APP_MODE?: 'web' | 'admin';
 }
 
 interface ImportMeta {