feat: enhance tickets portal and admin flows

src/components/tickets/tickets-view.tsx

@@ -2,7 +2,6 @@
 
 import { useMemo, useState } from "react"
 import { useQuery } from "convex/react"
-// @ts-expect-error Convex runtime API lacks TypeScript definitions
 import { api } from "@/convex/_generated/api"
 import type { Id } from "@/convex/_generated/dataModel"
 import { DEFAULT_TENANT_ID } from "@/lib/constants"
@@ -42,9 +41,23 @@ export function TicketsView() {
   const tickets = useMemo(() => mapTicketsFromServerList((ticketsRaw ?? []) as unknown[]), [ticketsRaw])
 
   const filteredTickets = useMemo(() => {
-    if (!filters.queue) return tickets
-    return tickets.filter((t: Ticket) => t.queue === filters.queue)
-  }, [tickets, filters.queue])
+    const completedStatuses = new Set<Ticket["status"]>(["RESOLVED", "CLOSED"])
+    let working = tickets
+
+    if (!filters.status) {
+      if (filters.view === "active") {
+        working = working.filter((t) => !completedStatuses.has(t.status))
+      } else if (filters.view === "completed") {
+        working = working.filter((t) => completedStatuses.has(t.status))
+      }
+    }
+
+    if (filters.queue) {
+      working = working.filter((t) => t.queue === filters.queue)
+    }
+
+    return working
+  }, [tickets, filters.queue, filters.status, filters.view])
 
   return (
     <div className="flex flex-col gap-6 px-4 lg:px-6">