+
+ );
+ }
+ if (!profile) return
+
+ {viewerOpen && photo && (
+
+
+
+ )}
+
+
+ );
+}
diff --git a/web/src/app/(main)/home/likes/page.tsx b/web/src/app/(main)/home/likes/page.tsx
new file mode 100644
index 0000000..b14a811
--- /dev/null
+++ b/web/src/app/(main)/home/likes/page.tsx
@@ -0,0 +1,80 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useRouter } from "next/navigation";
+import { ChevronRight, Lock, Heart } from "lucide-react";
+import { Button } from "@/components/ui/Button";
+import { FullScreenLoader } from "@/components/ui/FullScreenLoader";
+import { DiscoverCandidate, getDiscoverFeed, photoUrl } from "@/lib/api";
+
+// چه کسایی لایکت کردن — این قابلیت نیاز به شمارش لایک‌های دریافتی داره که
+// هنوز توی بک‌اند پیاده نشده. فعلاً فقط یه پیش‌نمایش تارشده از پیشنهادهای
+// فعلی نشون داده می‌شه تا رابط کاربری آماده باشه.
+export default function LikesYouPage() {
+ const router = useRouter();
+ const [preview, setPreview] = useState
+ {photo ? (
+ // eslint-disable-next-line @next/next/no-img-element
+ })
setViewerOpen(true)}
+ />
+ ) : (
+
+
+
+
+ )}
+
+ {profile.photos.length > 0 && (
+
+ {profile.photos.map((_, i) => (
+
+ )}
+
+
+
+ {profile.photos.length > 1 && (
+ <>
+
+
+
+ + {profile.first_name || "بدون نام"}, {profile.age} +
+ + {profile.distance_km != null && ( +
+
+ )}
+
+ {profile.bio && (
+ + {profile.bio} +
+ )} + + {(profile.height_cm || profile.weight_kg) && ( +
+ {profile.height_cm && (
+
+
+
+ )}
+
+ {(profile.education || profile.field_of_study) && (
+ + {profile.education} {profile.field_of_study ? `· ${profile.field_of_study}` : ""} +
+ + )} + + {!!profile.occupations?.length && ( +
+ {profile.occupations.map((t) => (
+
+
+ )}
+
+ {!!profile.important_in_relationship?.length && (
+
+ {profile.important_in_relationship.map((t) => (
+
+
+ )}
+
+ {!!profile.interests?.length && (
+
+ {profile.interests.map((t) => (
+
+
+ )}
+
+ {profile.looking_for && (
+ {profile.looking_for}
+ + )} + + {!!profile.profile_answers?.length && ( +
+ {profile.profile_answers.map((a, i) => (
+
+
+ )}
+
+ {profile.photos.length > 1 && (
+
+
+ ))}
+ + {a.question} +
+{a.answer}
+
+
+ )}
+ گالری
+
+ {profile.photos.map((p, i) => (
+
+ ))}
+
+
+ {/* eslint-disable-next-line @next/next/no-img-element */}
+
+
+
+ {profile.photos.map((_, i) => (
+
+
+
+
+
+
+ {preview === null ? (
+
+ );
+}
diff --git a/web/src/app/(main)/home/page.tsx b/web/src/app/(main)/home/page.tsx
new file mode 100644
index 0000000..cdf7cb3
--- /dev/null
+++ b/web/src/app/(main)/home/page.tsx
@@ -0,0 +1,237 @@
+"use client";
+
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useRouter } from "next/navigation";
+import { Bell, HourglassIcon, XCircle, SlidersHorizontal, Heart, Pencil } from "lucide-react";
+import { EmptyState } from "@/components/ui/EmptyState";
+import { Badge } from "@/components/ui/Badge";
+import { Button } from "@/components/ui/Button";
+import { FullScreenLoader } from "@/components/ui/FullScreenLoader";
+import { ErrorBanner } from "@/components/ui/ErrorBanner";
+import { useAuth } from "@/lib/auth-context";
+import { formatApiError } from "@/lib/hooks";
+import { SwipeDeck } from "@/components/discover/SwipeDeck";
+import { FiltersSheet, DiscoverFilters } from "@/components/discover/FiltersSheet";
+import { StreakBadge } from "@/components/StreakBadge";
+import { DiscoverCandidate, getDiscoverFeed, updateLocation } from "@/lib/api";
+
+const POLL_MS = 20_000;
+const DEFAULT_FILTERS: DiscoverFilters = { maxDistance: 300, minAge: 18, maxAge: 45 };
+
+function BrandHeader() {
+ return (
+ کسایی که لایکت کردن
+
+ {preview.map((p) => (
+
+ )}
+
+
+ {p.photos[0] && (
+ // eslint-disable-next-line @next/next/no-img-element
+ })
+ )}
+
+ ))}
+
+
+
+
+
+
+
+
+
+ + این بخش هنوز به‌طور کامل فعال نشده +
++ شمارش دقیق لایک‌های دریافتی هنوز توی بک‌اند پیاده نشده. فعلاً می‌تونی توی + صفحه‌ی کشف، خودت پروفایل‌ها رو ببینی و لایک کنی. +
+
+
+ );
+}
+
+function Rejected({ reason }: { reason?: string }) {
+ const router = useRouter();
+ return (
+
+
+ در انتظار بررسی ⏳
+
+
+
+
+ );
+}
+
+function DiscoverScreen() {
+ const router = useRouter();
+ const { streak } = useAuth();
+ const [filtersOpen, setFiltersOpen] = useState(false);
+ const [filters, setFilters] = useState
+
+ نیاز به اصلاح ✋
+
+
+
+
+
+
+
+
+
+ + این بار تایید نشدی +
+ {reason && ( +{reason}
+ )} +
+
+
+
+ {profiles === null ? (
+ load(filters)} />
+ )}
+
+ setFiltersOpen(false)}
+ onApply={setFilters}
+ />
+
+ );
+}
+
+export default function HomePage() {
+ const { user } = useAuth();
+
+ if (user?.approval_status === "rejected") {
+ return
+
+ دلدل 💌
+
+
+
+
+
+
+
+
+
+ ) : profiles.length === 0 ? (
+
+
+ ) : (
+
+
+ );
+}
diff --git a/web/src/app/(main)/messages/[id]/page.tsx b/web/src/app/(main)/messages/[id]/page.tsx
new file mode 100644
index 0000000..6b3cda9
--- /dev/null
+++ b/web/src/app/(main)/messages/[id]/page.tsx
@@ -0,0 +1,201 @@
+"use client";
+
+import { useEffect, useRef, useState, useCallback } from "react";
+import { useParams, useRouter } from "next/navigation";
+import { ChevronRight, Send, User, Lock } from "lucide-react";
+import { cn } from "@/lib/utils";
+import { formatApiError } from "@/lib/hooks";
+import { ErrorBanner } from "@/components/ui/ErrorBanner";
+import { FullScreenLoader } from "@/components/ui/FullScreenLoader";
+import {
+ MessageView,
+ MatchView,
+ listMatches,
+ listMessages,
+ sendMessage,
+ photoUrl,
+} from "@/lib/api";
+import { ensureKeyPair, encryptMessage, decryptMessage } from "@/lib/e2ee";
+
+const POLL_MS = 4000;
+const UNREADABLE = "🔒 این پیام رو نمی‌تونی روی این دستگاه بخونی";
+
+// پیام رمزنگاری‌شده رو برای نمایش رمزگشایی می‌کنه؛ پیام قدیمیِ قبل از E2EE
+// همینجوری برگردونده می‌شه.
+function messageText(
+ m: MessageView,
+ partnerPublicKey: string | undefined,
+ mySecretKey: Uint8Array | null
+): string {
+ if (m.cipher_text && m.nonce) {
+ if (!mySecretKey || !partnerPublicKey) return UNREADABLE;
+ return decryptMessage(m.cipher_text, m.nonce, partnerPublicKey, mySecretKey) ?? UNREADABLE;
+ }
+ return m.text ?? "";
+}
+
+export default function ChatPage() {
+ const params = useParams<{ id: string }>();
+ const router = useRouter();
+ const matchId = Number(params.id);
+
+ const [match, setMatch] = useState{children}
+
+
+ );
+ }
+ if (!messages) return
+
+
+
+
+
+
+ );
+}
diff --git a/web/src/app/(main)/messages/page.tsx b/web/src/app/(main)/messages/page.tsx
new file mode 100644
index 0000000..9cf8954
--- /dev/null
+++ b/web/src/app/(main)/messages/page.tsx
@@ -0,0 +1,143 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useRouter } from "next/navigation";
+import { MessageCircleHeart, User } from "lucide-react";
+import { EmptyState } from "@/components/ui/EmptyState";
+import { FullScreenLoader } from "@/components/ui/FullScreenLoader";
+import { ErrorBanner } from "@/components/ui/ErrorBanner";
+import { formatApiError } from "@/lib/hooks";
+import { MatchView, listMatches, photoUrl } from "@/lib/api";
+import { ensureKeyPair, decryptMessage } from "@/lib/e2ee";
+
+// پیش‌نمایش آخرین پیام هر مچ رو برمی‌گردونه. سرور نمی‌تونه رمزگشایی کنه، پس
+// اگه پیام رمزنگاری‌شده باشه، همینجا با کلید محلی رمزگشایی می‌شه؛ اگه کلید
+// جور نبود (مثلاً این پیام روی یه دستگاه دیگه رمزنگاری شده) یه نشونه‌ی قفل نشون می‌ده.
+function previewFor(m: MatchView, mySecretKey: Uint8Array | null): string | undefined {
+ if (m.last_message_cipher_text && m.last_message_nonce) {
+ if (!mySecretKey || !m.partner_public_key) return "🔒 پیام رمزنگاری‌شده";
+ const plain = decryptMessage(m.last_message_cipher_text, m.last_message_nonce, m.partner_public_key, mySecretKey);
+ return plain ?? "🔒 این پیام رو نمی‌تونی روی این دستگاه ببینی";
+ }
+ return m.last_message;
+}
+
+export default function MessagesPage() {
+ const router = useRouter();
+ const [matches, setMatches] = useState
+
+
+
+
+ هنوز پیامی نیست؛ اولین نفر باش که سلام می‌ده 👋 +
+ ) : ( + messages.map((m) => ( +
+
+ ))
+ )}
+
+
+ {messageText(m, match?.partner_public_key, mySecretKey)}
+
+
+
+ setDraft(e.target.value)}
+ onKeyDown={(e) => e.key === "Enter" && handleSend()}
+ placeholder="پیامت رو بنویس..."
+ disabled={!canEncrypt}
+ className="flex-1 h-11 rounded-(--radius-full) bg-(--color-bg-secondary) px-4 text-[14px] focus:outline-none focus:ring-2 focus:ring-(--color-brand-200) disabled:opacity-50"
+ />
+
+
+
+
+ );
+ }
+ if (!matches) return
+
+
+
+ {newMatches.length > 0 && (
+
+ );
+}
diff --git a/web/src/app/(main)/profile/page.tsx b/web/src/app/(main)/profile/page.tsx
new file mode 100644
index 0000000..8cc8405
--- /dev/null
+++ b/web/src/app/(main)/profile/page.tsx
@@ -0,0 +1,472 @@
+"use client";
+
+import { useEffect, useRef, useState } from "react";
+import Link from "next/link";
+import { motion } from "framer-motion";
+import {
+ Pencil,
+ Ruler,
+ Weight,
+ GraduationCap,
+ Briefcase,
+ Heart,
+ Sparkles,
+ Search,
+ Plus,
+ X,
+ User as UserIcon,
+} from "lucide-react";
+import { Card } from "@/components/ui/Card";
+import { Tag } from "@/components/ui/Badge";
+import { Avatar } from "@/components/ui/Avatar";
+import { Button } from "@/components/ui/Button";
+import { FullScreenLoader } from "@/components/ui/FullScreenLoader";
+import { ErrorBanner } from "@/components/ui/ErrorBanner";
+import { useAuth } from "@/lib/auth-context";
+import { getProfileMe, uploadPhoto, deletePhoto, updateBio, photoUrl, FullProfile, Photo } from "@/lib/api";
+import { formatApiError } from "@/lib/hooks";
+import { calcAge, validatePhotoSize } from "@/lib/utils";
+
+function selectionTitles(profile: FullProfile, key: string): string[] {
+ return profile.selections.find((s) => s.category_key === key)?.titles ?? [];
+}
+
+interface CompletenessItem {
+ label: string;
+ done: boolean;
+}
+
+function computeCompleteness(profile: FullProfile): { pct: number; items: CompletenessItem[] } {
+ const items: CompletenessItem[] = [
+ { label: "بیوگرافی", done: !!profile.user.bio?.trim() },
+ { label: "حداقل ۳ عکس", done: profile.photos.length >= 3 },
+ { label: "قد و وزن", done: !!profile.user.height_cm && !!profile.user.weight_kg },
+ { label: "تحصیلات", done: selectionTitles(profile, "education_level").length > 0 },
+ { label: "فعالیت‌ها", done: selectionTitles(profile, "occupation").length > 0 },
+ { label: "علاقه‌مندی‌ها", done: selectionTitles(profile, "interest").length >= 5 },
+ { label: "دنبال چی می‌گردی", done: selectionTitles(profile, "looking_for").length > 0 },
+ { label: "معرفی خودت", done: profile.profile_answers.length >= 3 },
+ ];
+ const doneCount = items.filter((i) => i.done).length;
+ return { pct: Math.round((doneCount / items.length) * 100), items };
+}
+
+// نوار تکمیل پروفایل؛ حلقه‌ی «سرمایه‌گذاری» مدل Hook: هرچی کاربر بیشتر روی
+// پروفایلش وقت بذاره، حس ازدست‌رفتنِ پیشرفت بیشتر می‌شه و برمی‌گرده تکمیلش کنه.
+function ProfileCompleteness({ profile }: { profile: FullProfile }) {
+ const { pct, items } = computeCompleteness(profile);
+ const missing = items.filter((i) => !i.done);
+
+ return (
+ پیام‌ها 💬
+
+
+ )}
+
+ + مچ‌های جدید +
+
+ {newMatches.map((m) => (
+
+ ))}
+
+
+
+ + گفتگوها +
+ {matches.length === 0 ? ( ++ هنوز پیامی رد و بدل نشده؛ از بالا روی یکی از مچ‌ها بزن و شروع کن. +
+ ) : ( +
+ {conversations.map((c) => (
+
+ ))}
+
+ )}
+
+ تکمیل پروفایل
+ {pct}%
+
+
+
+ {pct < 100 ? (
+ + {missing.length} مورد مونده: {missing.map((m) => m.label).join("، ")} +
+ ) : ( +پروفایلت کامله؛ آفرین! 🎉
+ )} +
+ {badges.map((b) => (
+
+
+
+ {b.emoji}
+
+
+ {b.label}
+
+
+ ))}
+
+ بیوگرافی
+ {!editing && (
+
+ )}
+
+
+