-
- All meshes
-
-
- New mesh
-
+
+ {/* Subtle radial backdrop, matching marketing hero */}
+
+
+
+
+
+
+
);
diff --git a/apps/web/src/config/paths.ts b/apps/web/src/config/paths.ts
index 4ac18fc..0549daf 100644
--- a/apps/web/src/config/paths.ts
+++ b/apps/web/src/config/paths.ts
@@ -90,6 +90,7 @@ const pathsConfig = {
dashboard: {
user: {
index: DASHBOARD_PREFIX,
+ legacy: `${DASHBOARD_PREFIX}/legacy`,
ai: `${DASHBOARD_PREFIX}/ai`,
vocabulary: `${DASHBOARD_PREFIX}/vocabulary`,
meshes: {
diff --git a/apps/web/src/modules/dashboard/universe/invitations.tsx b/apps/web/src/modules/dashboard/universe/invitations.tsx
new file mode 100644
index 0000000..758ae2d
--- /dev/null
+++ b/apps/web/src/modules/dashboard/universe/invitations.tsx
@@ -0,0 +1,152 @@
+"use client";
+
+import { useState } from "react";
+
+import { Reveal } from "./reveal";
+
+interface IncomingInvite {
+ id: string;
+ meshId: string;
+ meshName: string | null;
+ meshSlug: string | null;
+ code: string;
+ role: "admin" | "member" | null;
+ expiresAt: string | Date | null;
+ sentAt: string | Date;
+ inviterName: string | null;
+ inviterEmail: string | null;
+ memberCount: number;
+}
+
+type CardStatus = "idle" | "declining" | "declined";
+
+const formatExpiry = (d: string | Date | null): string => {
+ if (!d) return "NO EXPIRY";
+ const date = typeof d === "string" ? new Date(d) : d;
+ const diffMs = date.getTime() - Date.now();
+ if (diffMs <= 0) return "EXPIRED";
+ const h = Math.floor(diffMs / 36e5);
+ const days = Math.floor(h / 24);
+ const hoursRem = h % 24;
+ if (days > 0) return `EXPIRES IN ${days}D ${hoursRem}H`;
+ return `EXPIRES IN ${h}H`;
+};
+
+export const InvitationsSection = ({
+ incoming,
+ appBaseUrl,
+}: {
+ incoming: IncomingInvite[];
+ appBaseUrl: string;
+}) => {
+ const [dismissed, setDismissed] = useState
>({});
+
+ const visible = incoming.filter((i) => dismissed[i.id] !== "declined");
+
+ if (visible.length === 0) return null;
+
+ const decline = async (id: string) => {
+ setDismissed((s) => ({ ...s, [id]: "declining" }));
+ try {
+ const res = await fetch(`/api/my/invites/incoming/${id}`, { method: "DELETE" });
+ if (!res.ok) throw new Error(await res.text());
+ setDismissed((s) => ({ ...s, [id]: "declined" }));
+ } catch {
+ setDismissed((s) => ({ ...s, [id]: "idle" }));
+ }
+ };
+
+ return (
+
+
+
+
+ Invitations waiting
+
+
+ {visible.length} pending
+
+
+
+
+
+ {visible.map((inv, idx) => {
+ const status = dismissed[inv.id] ?? "idle";
+ const inviterLabel =
+ inv.inviterName ?? inv.inviterEmail ?? "someone";
+ const joinHref = `${appBaseUrl}/i/${inv.code}`;
+
+ return (
+
+
+
+
+
+ From ·{" "}
+
+ {inviterLabel}
+
+
+
+
+ Join{" "}
+
+ {inv.meshName ?? inv.meshSlug ?? "a mesh"}
+
+
+
+
+ {inv.memberCount}{" "}
+ {inv.memberCount === 1 ? "member" : "members"} · you’d join as{" "}
+
+ {inv.role ?? "member"}
+
+
+
+
+
+ Accept
+
+
+
+ {formatExpiry(inv.expiresAt)}
+
+
+ );
+ })}
+
+
+
+ {isHero ? (
+ {mesh.name}
+ ) : (
+ mesh.name
+ )}
+
+
+ {mesh.slug}
+ {isHero ? ` · id ${mesh.id.slice(0, 8)}…` : ""}
+
+
+
+ {mesh.archivedAt ? "archived" : mesh.isOwner ? "owner" : mesh.myRole}
+
+
+
+
+
+
+ 0 ? "text-[var(--cm-cactus)]" : ""}>
+ {mesh.memberCount} {mesh.memberCount === 1 ? "MEMBER" : "MEMBERS"}
+ {" · "}
+ {mesh.tier}
+
+
+ open →
+
+
+
+ );
+};
+
+export const MeshesGrid = ({ meshes }: { meshes: MeshSummary[] }) => {
+ if (meshes.length === 0) {
+ return (
+
+
+
+ You haven’t joined any meshes yet.
+
+
+ Create your first mesh
+
+
+
+ Your meshes
+
+
+ + New mesh
+
+
+
+
+
+
+
+
+
+
+ {rest.slice(0, 2).map((m, i) => (
+
+
+
+ ))}
+
+
+ {rest.length > 2 ? (
+
+ {rest.slice(2).map((m, i) => (
+
+
+
+ ))}
+
+ ) : null}
+
+
+
+
+
+
+
+
+
+
+
+
Invitations waiting
+ 2 PENDING · EXPIRES IN 7 DAYS
+
+
+
+
+
From · Nedas Mikelionis
+
Join backend-ops
+
3 members · you’d join as member · EU-West broker
+
+
+
+
+
+
EXPIRES IN 6D 14H
+
+
+
+
+
From · Aleksandra Bakaite
+
Join design-review
+
5 members · you’d join as admin · EU-West broker
+
+
+
+
+
+
EXPIRES IN 2D 8H
+
+
+
+
+
+
+
+
+
Your meshes
+
+
+
+
+
+
+
+
+
+
alexis-mou
+
alexis-mou · id 7e2ad3b1…
+
+
owner · live
+
+
+
+ Mou
+ Nedas
+ Lug-Nut
+ Alexis
+ Roberto
+ Juan
+ Kiko
+
+
+
+
+
Envelopes · session
+
18,402
+
+
+
Rate · per minute
+
1,024
+
+
+
+
+
+
+
+
+
+ Tú
+ Miguel
+ Diego
+ Carlos
+
+
+
+
+
+
+
+
nedas-mesh
+
nedas-mesh
+
+
admin
+
+
+ Nedas
+ Mou
+ Sasha
+
+
+
+
+
+
+
+
+
+
+
+
+ Mou
+ sess-2
+ sess-3
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+