+ Opening your workspace… +

+ ); +} diff --git a/apps/web/app/(app)/saved/page.tsx b/apps/web/app/(app)/saved/page.tsx new file mode 100644 index 0000000..ae2611e --- /dev/null +++ b/apps/web/app/(app)/saved/page.tsx @@ -0,0 +1,5 @@ +import { SavedView } from "@/components/saved/SavedView"; + +export default function SavedPage() { + return ; +} diff --git a/apps/web/app/(app)/support/[id]/page.tsx b/apps/web/app/(app)/support/[id]/page.tsx new file mode 100644 index 0000000..ac073d9 --- /dev/null +++ b/apps/web/app/(app)/support/[id]/page.tsx @@ -0,0 +1,6 @@ +import { SupportView } from "@/components/support/SupportView"; + +export default async function SupportTicketPage({ params }: { params: Promise<{ id: string }> }) { + const { id } = await params; + return ; +} diff --git a/apps/web/app/(app)/support/page.tsx b/apps/web/app/(app)/support/page.tsx new file mode 100644 index 0000000..d1942e9 --- /dev/null +++ b/apps/web/app/(app)/support/page.tsx @@ -0,0 +1,5 @@ +import { SupportView } from "@/components/support/SupportView"; + +export default function SupportPage() { + return ; +} diff --git a/apps/web/app/(app)/threads/page.tsx b/apps/web/app/(app)/threads/page.tsx new file mode 100644 index 0000000..f61a6d1 --- /dev/null +++ b/apps/web/app/(app)/threads/page.tsx @@ -0,0 +1,5 @@ +import { ThreadsView } from "@/components/threads/ThreadsView"; + +export default function ThreadsPage() { + return ; +} diff --git a/apps/web/app/api/bff/ai/route.ts b/apps/web/app/api/bff/ai/route.ts new file mode 100644 index 0000000..9ce31ce --- /dev/null +++ b/apps/web/app/api/bff/ai/route.ts @@ -0,0 +1,35 @@ +import { NextRequest, NextResponse } from "next/server"; +import { geminiGenerate } from "@/lib/gemini"; + +export const dynamic = "force-dynamic"; + +/** + * AI assistant. The UI sends a user prompt plus optional message context + * (e.g. a copied message to summarize / draft a reply to). The Gemini key + * never leaves the server. + */ +export async function POST(req: NextRequest) { + const body = await req.json().catch(() => ({})); + const prompt: string = (body.prompt ?? "").toString().trim(); + const context: string | undefined = body.context ? String(body.context) : undefined; + + if (!prompt && !context) { + return NextResponse.json({ ok: false, error: "Nothing to ask." }, { status: 400 }); + } + + const parts: string[] = []; + if (context) parts.push(`Here is a chat message for context:\n"""\n${context}\n"""`); + parts.push(prompt || "Summarize the message above."); + + const result = await geminiGenerate(parts.join("\n\n"), { + system: + "You are a concise, helpful assistant embedded in a team-messaging app. " + + "Answer directly in a professional but friendly tone. When drafting a reply, write it in first person, ready to send. Keep responses tight.", + temperature: 0.5, + }); + + if (!result.ok) { + return NextResponse.json({ ok: false, error: result.error, retryable: result.retryable }, { status: result.status || 502 }); + } + return NextResponse.json({ ok: true, text: result.text }); +} diff --git a/apps/web/app/api/bff/bootstrap/route.ts b/apps/web/app/api/bff/bootstrap/route.ts new file mode 100644 index 0000000..88a1c71 --- /dev/null +++ b/apps/web/app/api/bff/bootstrap/route.ts @@ -0,0 +1,9 @@ +import { NextResponse } from "next/server"; +import { getBackend } from "@/lib/backend"; + +export const dynamic = "force-dynamic"; + +// GET /api/bff/bootstrap — the initial client payload (me, workspace, users, channels). +export async function GET() { + return NextResponse.json(await getBackend().bootstrap()); +} diff --git a/apps/web/app/api/bff/channels/[id]/members/route.ts b/apps/web/app/api/bff/channels/[id]/members/route.ts new file mode 100644 index 0000000..f8dbfc0 --- /dev/null +++ b/apps/web/app/api/bff/channels/[id]/members/route.ts @@ -0,0 +1,22 @@ +import { NextRequest, NextResponse } from "next/server"; +import { getBackend } from "@/lib/backend"; + +export const dynamic = "force-dynamic"; + +type Params = { params: Promise<{ id: string }> }; + +export async function POST(req: NextRequest, { params }: Params) { + const { id } = await params; + const body = await req.json().catch(() => ({})); + const channel = await getBackend().addMember(id, String(body.userId ?? "")); + if (!channel) return NextResponse.json({ error: "not found" }, { status: 404 }); + return NextResponse.json({ channel }); +} + +export async function DELETE(req: NextRequest, { params }: Params) { + const { id } = await params; + const body = await req.json().catch(() => ({})); + const channel = await getBackend().removeMember(id, String(body.userId ?? "")); + if (!channel) return NextResponse.json({ error: "not found" }, { status: 404 }); + return NextResponse.json({ channel }); +} diff --git a/apps/web/app/api/bff/channels/[id]/messages/[messageId]/pin/route.ts b/apps/web/app/api/bff/channels/[id]/messages/[messageId]/pin/route.ts new file mode 100644 index 0000000..dfc4647 --- /dev/null +++ b/apps/web/app/api/bff/channels/[id]/messages/[messageId]/pin/route.ts @@ -0,0 +1,14 @@ +import { NextRequest, NextResponse } from "next/server"; +import { getBackend } from "@/lib/backend"; + +export const dynamic = "force-dynamic"; + +export async function POST( + _req: NextRequest, + { params }: { params: Promise<{ id: string; messageId: string }> }, +) { + const { id, messageId } = await params; + const message = await getBackend().pin(id, messageId); + if (!message) return NextResponse.json({ error: "not found" }, { status: 404 }); + return NextResponse.json({ message }); +} diff --git a/apps/web/app/api/bff/channels/[id]/messages/[messageId]/reactions/route.ts b/apps/web/app/api/bff/channels/[id]/messages/[messageId]/reactions/route.ts new file mode 100644 index 0000000..a000f84 --- /dev/null +++ b/apps/web/app/api/bff/channels/[id]/messages/[messageId]/reactions/route.ts @@ -0,0 +1,15 @@ +import { NextRequest, NextResponse } from "next/server"; +import { getBackend } from "@/lib/backend"; + +export const dynamic = "force-dynamic"; + +export async function POST( + req: NextRequest, + { params }: { params: Promise<{ id: string; messageId: string }> }, +) { + const { id, messageId } = await params; + const body = await req.json().catch(() => ({})); + const message = await getBackend().react(id, messageId, String(body.emoji ?? "👍")); + if (!message) return NextResponse.json({ error: "not found" }, { status: 404 }); + return NextResponse.json({ message }); +} diff --git a/apps/web/app/api/bff/channels/[id]/messages/[messageId]/route.ts b/apps/web/app/api/bff/channels/[id]/messages/[messageId]/route.ts new file mode 100644 index 0000000..ca36a4c --- /dev/null +++ b/apps/web/app/api/bff/channels/[id]/messages/[messageId]/route.ts @@ -0,0 +1,20 @@ +import { NextRequest, NextResponse } from "next/server"; +import { getBackend } from "@/lib/backend"; + +export const dynamic = "force-dynamic"; + +type Params = { params: Promise<{ id: string; messageId: string }> }; + +export async function PATCH(req: NextRequest, { params }: Params) { + const { id, messageId } = await params; + const body = await req.json().catch(() => ({})); + const message = await getBackend().editMessage(id, messageId, String(body.body ?? "")); + if (!message) return NextResponse.json({ error: "not found" }, { status: 404 }); + return NextResponse.json({ message }); +} + +export async function DELETE(_req: NextRequest, { params }: Params) { + const { id, messageId } = await params; + const r = await getBackend().deleteMessage(id, messageId); + return NextResponse.json(r); +} diff --git a/apps/web/app/api/bff/channels/[id]/messages/[messageId]/save/route.ts b/apps/web/app/api/bff/channels/[id]/messages/[messageId]/save/route.ts new file mode 100644 index 0000000..069b49a --- /dev/null +++ b/apps/web/app/api/bff/channels/[id]/messages/[messageId]/save/route.ts @@ -0,0 +1,14 @@ +import { NextRequest, NextResponse } from "next/server"; +import { getBackend } from "@/lib/backend"; + +export const dynamic = "force-dynamic"; + +export async function POST( + _req: NextRequest, + { params }: { params: Promise<{ id: string; messageId: string }> }, +) { + const { id, messageId } = await params; + const message = await getBackend().save(id, messageId); + if (!message) return NextResponse.json({ error: "not found" }, { status: 404 }); + return NextResponse.json({ message }); +} diff --git a/apps/web/app/api/bff/channels/[id]/messages/route.ts b/apps/web/app/api/bff/channels/[id]/messages/route.ts new file mode 100644 index 0000000..b7bad5d --- /dev/null +++ b/apps/web/app/api/bff/channels/[id]/messages/route.ts @@ -0,0 +1,23 @@ +import { NextRequest, NextResponse } from "next/server"; +import { getBackend } from "@/lib/backend"; + +export const dynamic = "force-dynamic"; + +type Params = { params: Promise<{ id: string }> }; + +export async function GET(_req: NextRequest, { params }: Params) { + const { id } = await params; + return NextResponse.json({ messages: await getBackend().channelMessages(id) }); +} + +export async function POST(req: NextRequest, { params }: Params) { + const { id } = await params; + const body = await req.json().catch(() => ({})); + const message = await getBackend().send(id, String(body.body ?? ""), { + parentId: body.parentId, + scheduledFor: body.scheduledFor, + attachments: body.attachments, + threadRootId: body.threadRootId, + }); + return NextResponse.json({ message }, { status: 201 }); +} diff --git a/apps/web/app/api/bff/channels/[id]/read/route.ts b/apps/web/app/api/bff/channels/[id]/read/route.ts new file mode 100644 index 0000000..8b64c0b --- /dev/null +++ b/apps/web/app/api/bff/channels/[id]/read/route.ts @@ -0,0 +1,10 @@ +import { NextRequest, NextResponse } from "next/server"; +import { getBackend } from "@/lib/backend"; + +export const dynamic = "force-dynamic"; + +export async function POST(_req: NextRequest, { params }: { params: Promise<{ id: string }> }) { + const { id } = await params; + const channel = await getBackend().markRead(id); + return NextResponse.json({ channel }); +} diff --git a/apps/web/app/api/bff/channels/[id]/threads/[parentId]/route.ts b/apps/web/app/api/bff/channels/[id]/threads/[parentId]/route.ts new file mode 100644 index 0000000..181fbf4 --- /dev/null +++ b/apps/web/app/api/bff/channels/[id]/threads/[parentId]/route.ts @@ -0,0 +1,12 @@ +import { NextRequest, NextResponse } from "next/server"; +import { getBackend } from "@/lib/backend"; + +export const dynamic = "force-dynamic"; + +export async function GET( + _req: NextRequest, + { params }: { params: Promise<{ id: string; parentId: string }> }, +) { + const { id, parentId } = await params; + return NextResponse.json(await getBackend().thread(id, parentId)); +} diff --git a/apps/web/app/api/bff/channels/route.ts b/apps/web/app/api/bff/channels/route.ts new file mode 100644 index 0000000..7f07fc1 --- /dev/null +++ b/apps/web/app/api/bff/channels/route.ts @@ -0,0 +1,20 @@ +import { NextRequest, NextResponse } from "next/server"; +import { getBackend } from "@/lib/backend"; + +export const dynamic = "force-dynamic"; + +export async function GET() { + return NextResponse.json({ channels: await getBackend().listChannels() }); +} + +// POST /api/bff/channels — create a channel or DM +export async function POST(req: NextRequest) { + const body = await req.json().catch(() => ({})); + const channel = await getBackend().createChannel({ + name: String(body.name ?? "new-channel"), + kind: body.kind, + topic: body.topic, + memberIds: body.memberIds, + }); + return NextResponse.json({ channel }, { status: 201 }); +} diff --git a/apps/web/app/api/bff/inbox/[id]/route.ts b/apps/web/app/api/bff/inbox/[id]/route.ts new file mode 100644 index 0000000..533cafe --- /dev/null +++ b/apps/web/app/api/bff/inbox/[id]/route.ts @@ -0,0 +1,16 @@ +import { NextRequest, NextResponse } from "next/server"; +import { getBackend } from "@/lib/backend"; +import type { InboxState } from "@lynkd/messaging-inbox-sdk"; + +export const dynamic = "force-dynamic"; + +export async function PATCH( + req: NextRequest, + { params }: { params: Promise<{ id: string }> }, +) { + const { id } = await params; + const body = await req.json().catch(() => ({})); + const item = await getBackend().patchInbox(id, (body.state as InboxState) ?? "DONE"); + if (!item) return NextResponse.json({ error: "not found" }, { status: 404 }); + return NextResponse.json({ item }); +} diff --git a/apps/web/app/api/bff/inbox/route.ts b/apps/web/app/api/bff/inbox/route.ts new file mode 100644 index 0000000..ae83373 --- /dev/null +++ b/apps/web/app/api/bff/inbox/route.ts @@ -0,0 +1,10 @@ +import { NextRequest, NextResponse } from "next/server"; +import { getBackend } from "@/lib/backend"; +import type { InboxState } from "@lynkd/messaging-inbox-sdk"; + +export const dynamic = "force-dynamic"; + +export async function GET(req: NextRequest) { + const state = (req.nextUrl.searchParams.get("state") as InboxState | null) ?? undefined; + return NextResponse.json({ items: await getBackend().listInbox(state) }); +} diff --git a/apps/web/app/api/bff/me/profile/route.ts b/apps/web/app/api/bff/me/profile/route.ts new file mode 100644 index 0000000..9aaec0b --- /dev/null +++ b/apps/web/app/api/bff/me/profile/route.ts @@ -0,0 +1,16 @@ +import { NextRequest, NextResponse } from "next/server"; +import { getBackend } from "@/lib/backend"; + +export const dynamic = "force-dynamic"; + +export async function PATCH(req: NextRequest) { + const body = await req.json().catch(() => ({})); + const user = await getBackend().updateMe({ + name: body.name, + title: body.title, + avatarColor: body.avatarColor, + avatarUrl: body.avatarUrl, + presence: body.presence, + }); + return NextResponse.json({ user }); +} diff --git a/apps/web/app/api/bff/me/status/route.ts b/apps/web/app/api/bff/me/status/route.ts new file mode 100644 index 0000000..10995ff --- /dev/null +++ b/apps/web/app/api/bff/me/status/route.ts @@ -0,0 +1,14 @@ +import { NextRequest, NextResponse } from "next/server"; +import { getBackend } from "@/lib/backend"; + +export const dynamic = "force-dynamic"; + +export async function PATCH(req: NextRequest) { + const body = await req.json().catch(() => ({})); + const user = await getBackend().setStatus( + body.statusText ?? undefined, + body.statusEmoji ?? undefined, + body.clearAt ?? undefined, + ); + return NextResponse.json({ user }); +} diff --git a/apps/web/app/api/bff/notifications/route.ts b/apps/web/app/api/bff/notifications/route.ts new file mode 100644 index 0000000..bb383fb --- /dev/null +++ b/apps/web/app/api/bff/notifications/route.ts @@ -0,0 +1,8 @@ +import { NextResponse } from "next/server"; +import { getBackend } from "@/lib/backend"; + +export const dynamic = "force-dynamic"; + +export async function GET() { + return NextResponse.json({ notifications: await getBackend().notifications() }); +} diff --git a/apps/web/app/api/bff/saved/route.ts b/apps/web/app/api/bff/saved/route.ts new file mode 100644 index 0000000..289b477 --- /dev/null +++ b/apps/web/app/api/bff/saved/route.ts @@ -0,0 +1,8 @@ +import { NextResponse } from "next/server"; +import { getBackend } from "@/lib/backend"; + +export const dynamic = "force-dynamic"; + +export async function GET() { + return NextResponse.json({ messages: await getBackend().savedMessages() }); +} diff --git a/apps/web/app/api/bff/search/route.ts b/apps/web/app/api/bff/search/route.ts new file mode 100644 index 0000000..2569b7b --- /dev/null +++ b/apps/web/app/api/bff/search/route.ts @@ -0,0 +1,9 @@ +import { NextRequest, NextResponse } from "next/server"; +import { getBackend } from "@/lib/backend"; + +export const dynamic = "force-dynamic"; + +export async function GET(req: NextRequest) { + const q = req.nextUrl.searchParams.get("q") ?? ""; + return NextResponse.json({ results: await getBackend().search(q) }); +} diff --git a/apps/web/app/api/bff/support/availability/route.ts b/apps/web/app/api/bff/support/availability/route.ts new file mode 100644 index 0000000..c1c911d --- /dev/null +++ b/apps/web/app/api/bff/support/availability/route.ts @@ -0,0 +1,8 @@ +import { NextResponse } from "next/server"; +import { getBackend } from "@/lib/backend"; + +export const dynamic = "force-dynamic"; + +export async function GET() { + return NextResponse.json({ agents: await getBackend().availability() }); +} diff --git a/apps/web/app/api/bff/support/tickets/[id]/reply/route.ts b/apps/web/app/api/bff/support/tickets/[id]/reply/route.ts new file mode 100644 index 0000000..b97e720 --- /dev/null +++ b/apps/web/app/api/bff/support/tickets/[id]/reply/route.ts @@ -0,0 +1,15 @@ +import { NextRequest, NextResponse } from "next/server"; +import { getBackend } from "@/lib/backend"; + +export const dynamic = "force-dynamic"; + +export async function POST( + req: NextRequest, + { params }: { params: Promise<{ id: string }> }, +) { + const { id } = await params; + const body = await req.json().catch(() => ({})); + const ticket = await getBackend().replyTicket(id, String(body.body ?? "")); + if (!ticket) return NextResponse.json({ error: "not found" }, { status: 404 }); + return NextResponse.json({ ticket }); +} diff --git a/apps/web/app/api/bff/support/tickets/[id]/route.ts b/apps/web/app/api/bff/support/tickets/[id]/route.ts new file mode 100644 index 0000000..4b26074 --- /dev/null +++ b/apps/web/app/api/bff/support/tickets/[id]/route.ts @@ -0,0 +1,22 @@ +import { NextRequest, NextResponse } from "next/server"; +import { getBackend } from "@/lib/backend"; +import type { TicketState } from "@lynkd/messaging-inbox-sdk"; + +export const dynamic = "force-dynamic"; + +type Params = { params: Promise<{ id: string }> }; + +export async function GET(_req: NextRequest, { params }: Params) { + const { id } = await params; + const ticket = await getBackend().getTicket(id); + if (!ticket) return NextResponse.json({ error: "not found" }, { status: 404 }); + return NextResponse.json({ ticket }); +} + +export async function PATCH(req: NextRequest, { params }: Params) { + const { id } = await params; + const body = await req.json().catch(() => ({})); + const ticket = await getBackend().patchTicket(id, (body.state as TicketState) ?? "OPEN"); + if (!ticket) return NextResponse.json({ error: "not found" }, { status: 404 }); + return NextResponse.json({ ticket }); +} diff --git a/apps/web/app/api/bff/support/tickets/route.ts b/apps/web/app/api/bff/support/tickets/route.ts new file mode 100644 index 0000000..49403d6 --- /dev/null +++ b/apps/web/app/api/bff/support/tickets/route.ts @@ -0,0 +1,9 @@ +import { NextRequest, NextResponse } from "next/server"; +import { getBackend } from "@/lib/backend"; + +export const dynamic = "force-dynamic"; + +export async function GET(req: NextRequest) { + const scope = req.nextUrl.searchParams.get("scope") ?? undefined; + return NextResponse.json({ tickets: await getBackend().listTickets(scope ?? undefined) }); +} diff --git a/apps/web/app/api/bff/threads/route.ts b/apps/web/app/api/bff/threads/route.ts new file mode 100644 index 0000000..60c4b56 --- /dev/null +++ b/apps/web/app/api/bff/threads/route.ts @@ -0,0 +1,8 @@ +import { NextResponse } from "next/server"; +import { getBackend } from "@/lib/backend"; + +export const dynamic = "force-dynamic"; + +export async function GET() { + return NextResponse.json({ messages: await getBackend().threadParents() }); +} diff --git a/apps/web/app/api/bff/translate/route.ts b/apps/web/app/api/bff/translate/route.ts new file mode 100644 index 0000000..25fd8b7 --- /dev/null +++ b/apps/web/app/api/bff/translate/route.ts @@ -0,0 +1,31 @@ +import { NextRequest, NextResponse } from "next/server"; +import { geminiGenerate } from "@/lib/gemini"; + +export const dynamic = "force-dynamic"; + +/** + * Translate arbitrary text to a target language. Used for per-message + * translation and composer "translate before send". Server-side Gemini only. + */ +export async function POST(req: NextRequest) { + const body = await req.json().catch(() => ({})); + const text: string = (body.text ?? "").toString(); + const targetLang: string = (body.targetLang ?? "").toString().trim(); + + if (!text.trim()) return NextResponse.json({ ok: false, error: "Nothing to translate." }, { status: 400 }); + if (!targetLang) return NextResponse.json({ ok: false, error: "No target language." }, { status: 400 }); + + const result = await geminiGenerate( + `Translate the following text into ${targetLang}. Preserve markdown, emoji, @mentions and #channel references exactly. ` + + `Return ONLY the translated text with no quotes, notes, or preamble.\n\n${text}`, + { + system: "You are a professional translator. Output only the translation.", + temperature: 0.2, + }, + ); + + if (!result.ok) { + return NextResponse.json({ ok: false, error: result.error, retryable: result.retryable }, { status: result.status || 502 }); + } + return NextResponse.json({ ok: true, text: result.text }); +} diff --git a/apps/web/app/globals.css b/apps/web/app/globals.css new file mode 100644 index 0000000..a1742f3 --- /dev/null +++ b/apps/web/app/globals.css @@ -0,0 +1,147 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +/* Default token values (dark). The SDK provider overwrites these on at + runtime from the resolved ThemeConfig — this block just prevents a flash and + keeps the app styled even before hydration. */ +:root { + --c-bg: #060608; + --c-surface: #08080b; + --c-panel: #0e0e13; + --c-elevated: #15151c; + --c-hover: rgba(255, 255, 255, 0.055); + --c-border: rgba(255, 255, 255, 0.08); + --c-border-strong: rgba(255, 255, 255, 0.14); + --c-ink: #ededf1; + --c-muted: #8c8c94; + --c-dim: #63636b; + --c-accent: #fda913; + --c-accent-fg: #1a1205; + --c-accent-soft: rgba(253, 169, 19, 0.12); + --c-success: #3ecf8e; + --c-warning: #f5b544; + --c-danger: #f2555a; + --c-info: #5b9dff; + --r-card: 20px; + --r-control: 10px; + --r-pill: 999px; + --font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif; + --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace; + --brand-gradient: linear-gradient(135deg, #fda913 0%, #ff7a3d 55%, #ff4d6d 100%); +} + +/* Light scheme (no `dark` class). More specific than :root, so it wins before + hydration — the provider then applies inline vars post-mount for live theming. + This is what makes the light/dark toggle flash-free for returning users. */ +html:not(.dark) { + --c-bg: #f6f7f9; + --c-surface: #ffffff; + --c-panel: #ffffff; + --c-elevated: #ffffff; + --c-hover: rgba(9, 10, 14, 0.045); + --c-border: rgba(9, 10, 14, 0.1); + --c-border-strong: rgba(9, 10, 14, 0.16); + --c-ink: #14151a; + --c-muted: #5c6069; + --c-dim: #8b909a; + --c-accent: #e8920a; + --c-accent-fg: #ffffff; + --c-accent-soft: rgba(232, 146, 10, 0.12); + --c-success: #12915c; + --c-warning: #b3730a; + --c-danger: #d0353b; + --c-info: #2f6fe0; +} + +* { + border-color: var(--c-border); +} + +html, +body { + height: 100%; +} + +/* transient highlight when jumping to a message via a shared link. + Plain CSS (outside @layer) so Tailwind never purges it. */ +[data-jump-highlight="1"] { + background-color: rgba(253, 169, 19, 0.18) !important; + transition: background-color 0.3s ease; +} + +body { + background: var(--c-bg); + color: var(--c-ink); + font-family: var(--font-sans); + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; +} + +::selection { + background: var(--c-accent-soft); + color: var(--c-ink); +} + +/* thin, theme-aware scrollbars */ +* { + scrollbar-width: thin; + scrollbar-color: var(--c-border-strong) transparent; +} +*::-webkit-scrollbar { + width: 9px; + height: 9px; +} +*::-webkit-scrollbar-thumb { + background: var(--c-border-strong); + border-radius: 999px; + border: 2px solid transparent; + background-clip: padding-box; +} +*::-webkit-scrollbar-thumb:hover { + background: var(--c-dim); + background-clip: padding-box; +} + +@layer components { + .brand-mark { + background: var(--brand-gradient); + } + + .card { + background: var(--c-panel); + border: 1px solid var(--c-border); + border-radius: var(--r-card); + } + + .focus-ring { + outline: none; + } + .focus-ring:focus-visible { + box-shadow: 0 0 0 2px var(--c-bg), 0 0 0 4px var(--c-accent); + } + + /* subtle hover row used across lists / messages */ + .row-hover:hover { + background: var(--c-hover); + } + + /* transient highlight when jumping to a message via a shared link */ + .msg-jump { + background: var(--c-accent-soft); + transition: background 0.3s ease; + } +} + +@layer utilities { + .no-scrollbar::-webkit-scrollbar { + display: none; + } + .no-scrollbar { + -ms-overflow-style: none; + scrollbar-width: none; + } + .text-balance { + text-wrap: balance; + } +} diff --git a/apps/web/app/icon.svg b/apps/web/app/icon.svg new file mode 100644 index 0000000..3a942d5 --- /dev/null +++ b/apps/web/app/icon.svg @@ -0,0 +1,11 @@ + diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx new file mode 100644 index 0000000..acc8e86 --- /dev/null +++ b/apps/web/app/layout.tsx @@ -0,0 +1,47 @@ +import type { Metadata } from "next"; +import "./globals.css"; +import { getServerConfig } from "@/lib/config"; +import { Providers } from "@/components/Providers"; + +export const metadata: Metadata = { + title: "LynkedUp Pro — Messages", + description: + "Slack-grade team messaging, inbox and support — a demo of the @lynkd/messaging-inbox-sdk.", +}; + +// Runs before paint: restores the user's saved scheme + accent so returning +// users never see a flash of the wrong theme. +const NO_FLASH = ` +try { + var s = localStorage.getItem('lynkd.scheme'); + if (s === 'dark') document.documentElement.classList.add('dark'); + else if (s === 'light') document.documentElement.classList.remove('dark'); + document.documentElement.style.colorScheme = document.documentElement.classList.contains('dark') ? 'dark' : 'light'; + var t = localStorage.getItem('lynkd.theme'); + if (t) { var p = JSON.parse(t); if (p && p.dark && p.dark.accent) { + document.documentElement.style.setProperty('--c-accent', p.dark.accent); + } } +} catch (e) {} +`; + +export default function RootLayout({ children }: { children: React.ReactNode }) { + const config = getServerConfig(); + const initialScheme = config.theme.mode === "light" ? "light" : "dark"; + + return ( + + + {/* eslint-disable-next-line @next/next/no-before-interactive-script-outside-document */} +