feat(frontend) : add portal pages, update auth middleware and DTOs for client portal

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/services/client-tickets.ts

@@ -1,30 +1,31 @@
-import type { ClientTicket, ClientTicketWrite } from './dto/client-ticket'
+import type { ClientTicket, ClientTicketWrite, ClientTicketStatusUpdate } from './dto/client-ticket'
 import type { HydraCollection } from '~/utils/api'
 import { extractHydraMembers } from '~/utils/api'
 
 export function useClientTicketService() {
     const api = useApi()
 
-    async function getAll(params?: Record<string, string | number>): Promise<ClientTicket[]> {
-        const data = await api.get<HydraCollection<ClientTicket>>('/client_tickets', params)
+    async function getAll(params?: { project?: number; status?: string; submittedBy?: number }): Promise<ClientTicket[]> {
+        const query: Record<string, unknown> = {}
+        if (params?.project) query.project = `/api/projects/${params.project}`
+        if (params?.status) query.status = params.status
+        if (params?.submittedBy) query.submittedBy = `/api/users/${params.submittedBy}`
+        const data = await api.get<HydraCollection<ClientTicket>>('/client_tickets', query)
         return extractHydraMembers(data)
     }
 
     async function getById(id: number): Promise<ClientTicket> {
-        return await api.get<ClientTicket>(`/client_tickets/${id}`)
+        return api.get<ClientTicket>(`/client_tickets/${id}`)
     }
 
-    async function create(data: ClientTicketWrite): Promise<ClientTicket> {
-        return await api.post<ClientTicket>('/client_tickets', data as Record<string, unknown>, {
-            toastSuccessKey: 'clientTicket.created',
+    async function create(payload: ClientTicketWrite): Promise<ClientTicket> {
+        return api.post<ClientTicket>('/client_tickets', payload as Record<string, unknown>, {
+            toastSuccessKey: 'portal.ticketCreated',
         })
     }
 
-    async function updateStatus(id: number, status: string, statusComment?: string): Promise<ClientTicket> {
-        return await api.patch<ClientTicket>(`/client_tickets/${id}`, {
-            status,
-            ...(statusComment ? { statusComment } : {}),
-        }, {
+    async function updateStatus(id: number, payload: ClientTicketStatusUpdate): Promise<ClientTicket> {
+        return api.patch<ClientTicket>(`/client_tickets/${id}`, payload as Record<string, unknown>, {
             toastSuccessKey: 'clientTicket.statusUpdated',
         })
     }

frontend/services/dto/client-ticket.ts

@@ -1,5 +1,4 @@
 import type { TaskDocument } from './task-document'
-import type { UserData } from './user-data'
 
 export type ClientTicketType = 'bug' | 'improvement' | 'other'
 export type ClientTicketStatus = 'new' | 'in_progress' | 'done' | 'rejected'
@@ -15,10 +14,10 @@ export type ClientTicket = {
     status: ClientTicketStatus
     statusComment: string | null
     project: string
-    submittedBy: UserData | null
+    submittedBy: string | null
     createdAt: string
     updatedAt: string
-    documents: TaskDocument[]
+    documents?: TaskDocument[]
 }
 
 export type ClientTicketWrite = {
@@ -28,3 +27,8 @@ export type ClientTicketWrite = {
     url?: string | null
     project: string
 }
+
+export type ClientTicketStatusUpdate = {
+    status: ClientTicketStatus
+    statusComment?: string | null
+}

frontend/services/dto/task.ts

@@ -22,7 +22,13 @@ export type Task = {
     tags: TaskTag[]
     documents: TaskDocument[]
     archived: boolean
-    clientTicket?: { id: number; number: number; type: string; status: string; title: string } | null
+    clientTicket: {
+        id: number
+        number: number
+        type: string
+        status: string
+        title: string
+    } | null
 }
 
 export type TaskWrite = {

frontend/services/dto/user-data.ts

@@ -1,10 +1,12 @@
+import type { Project } from './project'
+
 export type UserData = {
     id: number
     '@id'?: string
     username: string
     roles: string[]
-    client?: { '@id'?: string; id: number; name: string } | null
-    allowedProjects?: { '@id'?: string; id: number; name: string }[]
+    client?: { id: number; name: string } | null
+    allowedProjects?: Project[]
 }
 
 export type UserWrite = {