Add persistent opened ticket navigation

frontend/src/views/TicketDetailPage.tsx

@@ -29,6 +29,15 @@ type TicketDetailPageProps = {
   period: string;
   ticketId: string;
   onNavigate: (to: string) => void;
+  onOpenTicketChange?: (ticket: {
+    key: string;
+    ticketId: string;
+    ticketNumber: string;
+    periodType: PeriodType;
+    period: string;
+    path: string;
+    dirty: boolean;
+  }) => void;
 };
 
 type TicketSessionFormState = {
@@ -141,7 +150,7 @@ function isPartialHoursInput(value: string) {
   return /^\d*(?:[,.]\d*)?$/.test(value.trim());
 }
 
-export function TicketDetailPage({ periodType, period, ticketId, onNavigate }: TicketDetailPageProps) {
+export function TicketDetailPage({ periodType, period, ticketId, onNavigate, onOpenTicketChange }: TicketDetailPageProps) {
   const [data, setData] = useState<TicketPeriod | null>(null);
   const [loadingId, setLoadingId] = useState<string | null>(null);
   const [deletingId, setDeletingId] = useState<string | null>(null);
@@ -241,6 +250,29 @@ export function TicketDetailPage({ periodType, period, ticketId, onNavigate }: T
   }, [data?.sessions]);
   const periodTotalMinutes = sessionGroups.reduce((sum, group) => sum + group.totalMinutes, 0);
   const periodTeamspaceMinutes = Array.from(dayBillingMap.values()).reduce((sum, minutes) => sum + Number(minutes ?? 0), 0);
+  const ticketDataDirty = Boolean(
+    ticket &&
+      (editTicketNumber !== ticket.ticket_number ||
+        editOrganizationId !== (ticket.organization_id ?? "") ||
+        editWorkType !== (ticket.work_type ?? "support"))
+  );
+  const hasUnsavedChanges = ticketDataDirty || sessionGroups.some((group) => isDayBillingDirty(group.key));
+
+  useEffect(() => {
+    if (!ticket) {
+      return;
+    }
+
+    onOpenTicketChange?.({
+      key: `${periodType}:${period}:${ticket.id}`,
+      ticketId: ticket.id,
+      ticketNumber: ticket.ticket_number,
+      periodType,
+      period,
+      path: `/analysis/${periodType}/${period}/tickets/${ticket.id}`,
+      dirty: hasUnsavedChanges
+    });
+  }, [ticket, periodType, period, hasUnsavedChanges, onOpenTicketChange]);
 
   async function setBilling(sessionId: string, billingStatus: BillingStatus) {
     if (isPeriodClosed && billingStatus !== null) {