Add Oudelaa dashboard API integration

oudelaa_dashboard/app/(dashboard)/orders/page.tsx

@@ -0,0 +1,273 @@
+"use client";
+
+import { useCallback, useEffect, useState } from "react";
+
+import { NoPermissionState } from "@/components/auth/no-permission-state";
+import { useSuperAdminSession } from "@/components/auth/session-context";
+import { PageHeader } from "@/components/dashboard/page-header";
+import { PaginationControls } from "@/components/dashboard/pagination-controls";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { EmptyState } from "@/components/ui/empty-state";
+import { getItems, getPagination } from "@/lib/api/core";
+import {
+  getSuperAdminCases,
+  getSuperAdminOps,
+  restoreSuperAdminComment,
+  restoreSuperAdminPost,
+  updateSuperAdminCase,
+} from "@/lib/api/superadmin";
+import { formatDateTime } from "@/lib/format";
+import { useToast } from "@/components/ui/toast";
+import { SUPERADMIN_PERMISSIONS, hasPermission } from "@/lib/permissions";
+import type {
+  SuperAdminCase,
+  SuperAdminCasesResponse,
+  SuperAdminOpsResponse,
+} from "@/types/api";
+
+const EMPTY_CASES: SuperAdminCasesResponse = { items: [], data: [] };
+const EMPTY_OPS: SuperAdminOpsResponse = {
+  services: {
+    mongodb: { status: "unknown" },
+    redis: { enabled: false, status: "unknown" },
+    queue: { enabled: false },
+    storage: {},
+    email: { enabled: false },
+    websocket: { redisAdapterEnabled: false },
+  },
+  queues: {
+    outbox: { pending: 0, failed: 0 },
+  },
+  workload: {
+    openCasesCount: 0,
+    activeSuperAdminSessionsCount: 0,
+  },
+};
+
+export default function OrdersPage() {
+  const { permissions, session } = useSuperAdminSession();
+  const [casesResponse, setCasesResponse] = useState<SuperAdminCasesResponse | null>(null);
+  const [ops, setOps] = useState<SuperAdminOpsResponse | null>(null);
+  const [page, setPage] = useState(1);
+  const [loading, setLoading] = useState(true);
+  const { toast } = useToast();
+
+  const canManageCases = hasPermission(permissions, SUPERADMIN_PERMISSIONS.CASES_MANAGE);
+  const canReadOps = hasPermission(permissions, SUPERADMIN_PERMISSIONS.OPS_READ);
+  const canModerateContent = hasPermission(
+    permissions,
+    SUPERADMIN_PERMISSIONS.CONTENT_MODERATE,
+  );
+
+  const loadQueue = useCallback(async () => {
+    if (!canManageCases && !canReadOps) {
+      setLoading(false);
+      return;
+    }
+
+    setLoading(true);
+    try {
+      const [casesPayload, opsPayload] = await Promise.all([
+        canManageCases
+          ? getSuperAdminCases({ page, limit: 12, sortOrder: "desc" })
+          : Promise.resolve(EMPTY_CASES),
+        canReadOps ? getSuperAdminOps() : Promise.resolve(EMPTY_OPS),
+      ]);
+      setCasesResponse(casesPayload);
+      setOps(opsPayload);
+    } catch (error) {
+      toast({ title: "Failed to load operations queue", description: String(error), variant: "danger" });
+    } finally {
+      setLoading(false);
+    }
+  }, [canManageCases, canReadOps, page, toast]);
+
+  useEffect(() => {
+    void loadQueue();
+  }, [loadQueue]);
+
+  const items = getItems(casesResponse) as SuperAdminCase[];
+
+  if (!canManageCases && !canReadOps) {
+    return (
+      <div className="space-y-5 pb-8">
+        <PageHeader
+          title="Operations queue"
+          subtitle="Moderation and operational cases, assignment workflow, and restore actions."
+        />
+        <NoPermissionState description="This page needs cases.manage, ops.read, or both." />
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-5 pb-8">
+      <PageHeader
+        title="Operations queue"
+        subtitle="Moderation and operational cases, assignment workflow, and restore actions."
+      />
+
+      {canReadOps ? (
+        <section className="grid gap-4 md:grid-cols-4">
+          <Card>
+            <CardHeader>
+              <CardTitle>Open cases</CardTitle>
+            </CardHeader>
+            <CardContent className="text-3xl font-bold text-foreground">{ops?.workload.openCasesCount ?? 0}</CardContent>
+          </Card>
+          <Card>
+            <CardHeader>
+              <CardTitle>Outbox pending</CardTitle>
+            </CardHeader>
+            <CardContent className="text-3xl font-bold text-foreground">{ops?.queues.outbox.pending ?? 0}</CardContent>
+          </Card>
+          <Card>
+            <CardHeader>
+              <CardTitle>Outbox failed</CardTitle>
+            </CardHeader>
+            <CardContent className="text-3xl font-bold text-foreground">{ops?.queues.outbox.failed ?? 0}</CardContent>
+          </Card>
+          <Card>
+            <CardHeader>
+              <CardTitle>Live sessions</CardTitle>
+            </CardHeader>
+            <CardContent className="text-3xl font-bold text-foreground">
+              {ops?.workload.activeSuperAdminSessionsCount ?? 0}
+            </CardContent>
+          </Card>
+        </section>
+      ) : null}
+
+      {canManageCases ? (
+        <Card>
+          <CardHeader>
+            <CardTitle>Case queue</CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-4">
+            {!items.length && !loading ? (
+              <EmptyState title="No open queue items" description="Cases will appear here as actions are recorded." />
+            ) : (
+              <div className="space-y-3">
+                {items.map((item) => (
+                  <div key={item._id} className="rounded-xl border border-border/70 bg-secondary/20 p-4">
+                    <div className="flex flex-wrap items-start justify-between gap-3">
+                      <div className="space-y-2">
+                        <div className="text-sm font-medium text-foreground">{item.title}</div>
+                        <div className="text-xs text-muted-foreground">
+                          {item.resourceType} / {item.resourceId || "-"} / {formatDateTime(item.updatedAt ?? item.createdAt)}
+                        </div>
+                        <div className="flex flex-wrap gap-2">
+                          <Badge variant={item.status === "resolved" ? "success" : item.status === "in_review" ? "warning" : "muted"}>
+                            {item.status}
+                          </Badge>
+                          <Badge variant={item.priority === "critical" || item.priority === "high" ? "danger" : "muted"}>
+                            {item.priority}
+                          </Badge>
+                          {item.assignedTo ? <Badge variant="muted">{item.assignedTo}</Badge> : null}
+                        </div>
+                      </div>
+
+                      <div className="flex flex-wrap gap-2">
+                        <Button
+                          size="sm"
+                          variant="outline"
+                          onClick={async () => {
+                            try {
+                              await updateSuperAdminCase(item._id, {
+                                assignedTo: session?.superAdmin.email ?? "superadmin",
+                                status: "in_review",
+                                note: "Claimed from operations queue",
+                              });
+                              await loadQueue();
+                            } catch (error) {
+                              toast({ title: "Claim failed", description: String(error), variant: "danger" });
+                            }
+                          }}
+                        >
+                          Claim
+                        </Button>
+                        <Button
+                          size="sm"
+                          variant="outline"
+                          onClick={async () => {
+                            try {
+                              await updateSuperAdminCase(item._id, {
+                                status: "resolved",
+                                note: "Resolved from operations queue",
+                              });
+                              await loadQueue();
+                            } catch (error) {
+                              toast({ title: "Resolve failed", description: String(error), variant: "danger" });
+                            }
+                          }}
+                        >
+                          Resolve
+                        </Button>
+                        <Button
+                          size="sm"
+                          variant="outline"
+                          onClick={async () => {
+                            try {
+                              await updateSuperAdminCase(item._id, {
+                                status: "open",
+                                note: "Reopened from operations queue",
+                              });
+                              await loadQueue();
+                            } catch (error) {
+                              toast({ title: "Reopen failed", description: String(error), variant: "danger" });
+                            }
+                          }}
+                        >
+                          Reopen
+                        </Button>
+                        {canModerateContent &&
+                        (item.resourceType === "post" || item.resourceType === "comment") &&
+                        item.resourceId ? (
+                          <Button
+                            size="sm"
+                            variant="outline"
+                            onClick={async () => {
+                              try {
+                                const resourceId = item.resourceId;
+                                if (!resourceId) {
+                                  return;
+                                }
+                                if (item.resourceType === "post") {
+                                  await restoreSuperAdminPost(resourceId);
+                                } else {
+                                  await restoreSuperAdminComment(resourceId);
+                                }
+                                await updateSuperAdminCase(item._id, {
+                                  status: "resolved",
+                                  note: "Resource restored from operations queue",
+                                });
+                                await loadQueue();
+                                toast({ title: "Resource restored", description: resourceId, variant: "success" });
+                              } catch (error) {
+                                toast({ title: "Restore failed", description: String(error), variant: "danger" });
+                              }
+                            }}
+                          >
+                            Restore resource
+                          </Button>
+                        ) : null}
+                      </div>
+                    </div>
+
+                    {item.description ? (
+                      <p className="mt-3 text-sm text-muted-foreground">{item.description}</p>
+                    ) : null}
+                  </div>
+                ))}
+              </div>
+            )}
+
+            <PaginationControls pagination={getPagination(casesResponse)} loading={loading} onPageChange={setPage} />
+          </CardContent>
+        </Card>
+      ) : null}
+    </div>
+  );
+}