Misc fixes & improvements

apps/dashboard/src/components/layouts/dashboard-content-loading.tsx

@@ -7,3 +7,11 @@ export function DashboardContentLoading() {
 		</div>
 	);
 }
+
+export function DashboardViewportLoading() {
+	return (
+		<div className="flex min-h-dvh items-center justify-center bg-background">
+			<Spinner size={20} className="text-muted-foreground" />
+		</div>
+	);
+}

apps/dashboard/src/components/pulls/review/review-file-diff-block.tsx

@@ -20,7 +20,9 @@ import {
 	memo,
 	Suspense,
 	useCallback,
+	useEffect,
 	useMemo,
+	useRef,
 	useState,
 } from "react";
 import { CommentMoreMenu } from "#/components/details/comment-more-menu";
@@ -464,6 +466,11 @@ function InlineCommentForm({
 	mentionConfig?: MentionConfig;
 }) {
 	const [body, setBody] = useState("");
+	const textareaRef = useRef<HTMLTextAreaElement>(null);
+
+	useEffect(() => {
+		textareaRef.current?.focus();
+	}, []);
 
 	return (
 		<div className="mx-2 my-1 flex flex-col gap-2">
@@ -478,6 +485,7 @@ function InlineCommentForm({
 				placeholder="Leave a comment..."
 				compact
 				mentions={mentionConfig}
+				textareaRef={textareaRef}
 			/>
 			<div className="flex items-center justify-end gap-2">
 				<button

apps/dashboard/src/components/repo/repository-row.tsx

@@ -135,8 +135,15 @@ export const RepositoryRow = memo(function RepositoryRow({
 		>
 			<div className="flex min-w-0 flex-col gap-0.5">
 				<div className="flex min-w-0 max-w-full items-center gap-x-2">
-					<p className="min-w-0 truncate text-sm font-medium">
-						{repo.fullName}
+					<p
+						className="flex min-w-0 items-baseline text-sm font-medium"
+						title={repo.fullName}
+					>
+						<span className="min-w-0 flex-1 truncate text-muted-foreground">
+							{repo.owner}
+						</span>
+						<span className="shrink-0 text-muted-foreground">/</span>
+						<span className="shrink-0 truncate">{repo.name}</span>
 					</p>
 					<VisibilityBadge visibility={repo.visibility} />
 				</div>

apps/dashboard/src/routes/_protected.tsx

@@ -1,4 +1,5 @@
 import { createFileRoute, redirect } from "@tanstack/react-router";
+import { DashboardViewportLoading } from "#/components/layouts/dashboard-content-loading";
 import { DashboardLayout } from "#/components/layouts/dashboard-layout";
 import { ErrorScreen } from "#/components/layouts/error-screen";
 import { getSession } from "#/lib/auth.functions";
@@ -67,5 +68,6 @@ export const Route = createFileRoute("/_protected")({
 		});
 	},
 	component: DashboardLayout,
+	pendingComponent: DashboardViewportLoading,
 	errorComponent: ErrorScreen,
 });