Add activity detail, Jalali pickers, and customer/user profiles.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/web/src/views/ReportsView.vue

@@ -3,6 +3,8 @@ import { onMounted, ref } from 'vue';
 import axios from 'axios';
 import { api } from '@/lib/api';
 import { formatMoney } from '@/lib/money';
+import { formatLocalDateInput } from '@/lib/jalali';
+import JalaliDateInput from '@/components/JalaliDateInput.vue';
 import type { OrganizationDto, ReportsDashboardDto } from '@mento/shared';
 
 const loading = ref(false);
@@ -23,8 +25,8 @@ const typeLabel: Record<string, string> = {
 function defaultRange() {
   const now = new Date();
   const start = new Date(now.getFullYear(), now.getMonth(), 1);
-  from.value = start.toISOString().slice(0, 10);
-  to.value = now.toISOString().slice(0, 10);
+  from.value = formatLocalDateInput(start);
+  to.value = formatLocalDateInput(now);
 }
 
 function money(n: number) {
@@ -76,11 +78,11 @@ onMounted(() => {
     <form class="toolbar" @submit.prevent="load">
       <label>
         از
-        <input v-model="from" type="date" />
+        <JalaliDateInput v-model="from" />
       </label>
       <label>
         تا
-        <input v-model="to" type="date" />
+        <JalaliDateInput v-model="to" />
       </label>
       <button class="btn" type="submit" :disabled="loading">اعمال</button>
       <a
@@ -242,12 +244,8 @@ h1 {
   color: var(--muted);
 }
 
-.toolbar input {
-  border: 1px solid var(--line);
-  border-radius: 12px;
-  padding: 0.55rem 0.7rem;
-  font: inherit;
-  background: #fff;
+.toolbar :deep(.trigger) {
+  min-width: 11.5rem;
 }
 
 .portal-link {