[] Add loading.tsx, error.tsx, and not-found.tsx states to all major app route segments

app/(app)/[owner]/[repo]/actions/error.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
+import { Button } from "@/components/ui/button";
+
+interface ErrorProps {
+  error: Error & { digest?: string };
+  reset: () => void;
+}
+
+export default function Error({ error, reset }: ErrorProps) {
+  return (
+    <div className="flex min-h-[50vh] items-center justify-center p-6">
+      <Alert variant="destructive" className="max-w-md">
+        <AlertTitle>Something went wrong</AlertTitle>
+        <AlertDescription>{error.message}</AlertDescription>
+        <Button variant="outline" className="mt-4" onClick={reset}>
+          Retry
+        </Button>
+      </Alert>
+    </div>
+  );
+}

app/(app)/[owner]/[repo]/actions/loading.tsx

@@ -0,0 +1,11 @@
+import { SkeletonBlock } from "@/components/ui/skeleton";
+
+export default function Loading() {
+  return (
+    <div className="space-y-3 p-6">
+      {Array.from({ length: 5 }).map((_, i) => (
+        <SkeletonBlock key={i} className="h-16 w-full" />
+      ))}
+    </div>
+  );
+}

app/(app)/[owner]/[repo]/commits/loading.tsx

@@ -0,0 +1,11 @@
+import { SkeletonBlock } from "@/components/ui/skeleton";
+
+export default function Loading() {
+  return (
+    <div className="space-y-3 p-6">
+      {Array.from({ length: 5 }).map((_, i) => (
+        <SkeletonBlock key={i} className="h-12 w-full" />
+      ))}
+    </div>
+  );
+}

app/(app)/[owner]/[repo]/issues/error.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
+import { Button } from "@/components/ui/button";
+
+interface ErrorProps {
+  error: Error & { digest?: string };
+  reset: () => void;
+}
+
+export default function Error({ error, reset }: ErrorProps) {
+  return (
+    <div className="flex min-h-[50vh] items-center justify-center p-6">
+      <Alert variant="destructive" className="max-w-md">
+        <AlertTitle>Something went wrong</AlertTitle>
+        <AlertDescription>{error.message}</AlertDescription>
+        <Button variant="outline" className="mt-4" onClick={reset}>
+          Retry
+        </Button>
+      </Alert>
+    </div>
+  );
+}

app/(app)/[owner]/[repo]/issues/loading.tsx

@@ -0,0 +1,11 @@
+import { SkeletonBlock } from "@/components/ui/skeleton";
+
+export default function Loading() {
+  return (
+    <div className="space-y-3 p-6">
+      {Array.from({ length: 5 }).map((_, i) => (
+        <SkeletonBlock key={i} className="h-16 w-full" />
+      ))}
+    </div>
+  );
+}

app/(app)/[owner]/[repo]/pulls/error.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
+import { Button } from "@/components/ui/button";
+
+interface ErrorProps {
+  error: Error & { digest?: string };
+  reset: () => void;
+}
+
+export default function Error({ error, reset }: ErrorProps) {
+  return (
+    <div className="flex min-h-[50vh] items-center justify-center p-6">
+      <Alert variant="destructive" className="max-w-md">
+        <AlertTitle>Something went wrong</AlertTitle>
+        <AlertDescription>{error.message}</AlertDescription>
+        <Button variant="outline" className="mt-4" onClick={reset}>
+          Retry
+        </Button>
+      </Alert>
+    </div>
+  );
+}

app/(app)/[owner]/[repo]/pulls/loading.tsx

@@ -0,0 +1,11 @@
+import { SkeletonBlock } from "@/components/ui/skeleton";
+
+export default function Loading() {
+  return (
+    <div className="space-y-3 p-6">
+      {Array.from({ length: 5 }).map((_, i) => (
+        <SkeletonBlock key={i} className="h-16 w-full" />
+      ))}
+    </div>
+  );
+}