fix(web): mobile automation canvas/inspector, compact activity row, timestamped comments

apps/web/src/views/ActivityDetailView.vue

@@ -6,6 +6,7 @@ import {
   calendarDaysBetween,
   formatClockFa,
   formatJalaliDay,
+  formatJalaliNumeric,
 } from '@/lib/jalali';
 import UiIcon from '@/components/UiIcon.vue';
 import UserAvatar from '@/components/UserAvatar.vue';
@@ -222,7 +223,11 @@ async function submitComment(text: string) {
   error.value = '';
   try {
     const prev = activity.value.description?.trim();
-    const next = prev ? `${prev}\n${body}` : body;
+    const now = new Date();
+    const author = auth.user?.fullName?.trim();
+    const stamp = `[${formatJalaliNumeric(now)} ساعت ${formatClockFa(now)}${author ? ` — ${author}` : ''}]`;
+    const entry = `${stamp}\n${body}`;
+    const next = prev ? `${prev}\n\n${entry}` : entry;
     await api.patch(`/activities/${id.value}`, { description: next });
     commentOpen.value = false;
     await load();
@@ -787,6 +792,7 @@ dd {
   color: #334155;
   line-height: 1.9;
   font-size: 0.9rem;
+  white-space: pre-line;
 }
 
 .note p.empty {