feat: bug fixes, start wallpaper

Signed-off-by: KAS <[email protected]>

apps/web/src/app/daemon-api/[id]/view/[slug]/components.tsx

@@ -0,0 +1,19 @@
+import { AlertCircle, Info, Loader2 } from "lucide-react";
+
+export function Loading({ text }: { text: string }) {
+	return (
+		<div className="h-40 w-96 bg-accent/50 rounded-lg border border-border/50 absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 backdrop-blur-md flex items-center justify-center text-muted-foreground gap-3">
+			<Loader2 className="animate-spin" />
+			<h1 className="text-2xl font-bold">{text}</h1>
+		</div>
+	);
+}
+export function ConnectionAlert({ text, error }: { text: string; error?: boolean }) {
+	const Comp = error ? AlertCircle : Info;
+	return (
+		<div className="h-40 w-96 bg-accent/50 rounded-lg border border-border/50 absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 backdrop-blur-md flex items-center justify-center text-muted-foreground gap-3">
+			<Comp className={`${error && "text-destructive"}`} />
+			<h1 className="text-2xl font-semibold">{text}</h1>
+		</div>
+	);
+}

apps/web/src/app/daemon-api/[id]/view/[slug]/layout.tsx

@@ -0,0 +1,14 @@
+import type { Metadata } from "next";
+export async function generateMetadata(props: { params: Promise<{ slug: string }> }): Promise<Metadata> {
+	const params = await props.params;
+	return {
+		title: `Session ${params.slug.slice(0, 6)}`,
+	};
+}
+export default function ViewLayout({
+	children,
+}: {
+	children: React.ReactNode;
+}) {
+	return children;
+}