feat: add action to open ticket action in upload

src/app/(modules)/upload/components/UploadActionsMenu.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import { useRouter } from 'next/navigation';
 import {
   Download,
   Eye,
@@ -29,6 +30,8 @@ export function UploadActionsMenu({
   upload,
   onViewVideo,
 }: UploadActionsMenuProps) {
+  const router = useRouter();
+
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
@@ -61,7 +64,15 @@ export function UploadActionsMenu({
         <DropdownMenuItem>
           <RotateCcw /> Retry Analysis
         </DropdownMenuItem>
-        <DropdownMenuItem disabled={!upload.ticket_id}>
+        <DropdownMenuItem
+          disabled={!upload.ticket_id}
+          onClick={(event) => {
+            event.stopPropagation();
+            if (upload.ticket_id) {
+              router.push(`/ticket/${upload.ticket_id}`);
+            }
+          }}
+        >
           <Ticket /> Open Ticket
         </DropdownMenuItem>
         <DropdownMenuSeparator />

src/app/(modules)/upload/components/UploadResultCell.tsx

@@ -10,7 +10,9 @@ export function UploadResultCell({ item }: { item: UploadListItem }) {
         <Badge className="bg-violet-500/15 text-violet-600 dark:text-violet-400">
           <TicketCheck /> Ticket Created
         </Badge>
-        <p className="text-xs font-medium">{item.ticket_id}</p>
+        <p className="text-xs font-medium">
+          {item.ticket_name ?? item.ticket_id}
+        </p>
       </div>
     );
   }

src/types/upload.ts

@@ -18,6 +18,7 @@ export interface UploadListItem {
   progress: number;
   result: UploadResult;
   ticket_id: string | null;
+  ticket_name: string | null;
   error_message: string | null;
 }