690327:0024 Fixing Refactor ADR-019 Naming convention uuid #11

frontend/app/(admin)/admin/doc-control/contracts/page.tsx

@@ -38,7 +38,7 @@ import { SearchContractDto, CreateContractDto, UpdateContractDto } from '@/types
 import { AxiosError } from 'axios';
 
 interface _Project {
-  id: string; // ADR-019: uuid exposed as 'id' (string)
+  publicId: string; // ADR-019: uuid exposed as 'publicId' (string)
   projectCode: string;
   projectName: string;
 }
@@ -206,8 +206,8 @@ export default function ContractsPage() {
 
   const handleEdit = (contract: Contract) => {
     setEditingUuid(contract.id);
-    // ADR-019: project.id is the project's UUID (exposed via @Expose)
-    const pId = contract.project?.id || '';
+    // ADR-019: project.publicId is the project's UUID
+    const pId = contract.project?.publicId || '';
     reset({
       contractCode: contract.contractCode,
       contractName: contract.contractName,
@@ -299,8 +299,8 @@ export default function ContractsPage() {
                 </SelectTrigger>
                 <SelectContent>
                   {projects?.map((p) => (
-                    // ADR-019: Project exposes UUID as 'id' (string)
-                    <SelectItem key={p.id} value={p.id}>
+                    // ADR-019: Project exposes UUID as 'publicId'
+                    <SelectItem key={p.publicId} value={p.publicId}>
                       {p.projectCode} - {p.projectName}
                     </SelectItem>
                   ))}

frontend/app/(admin)/admin/doc-control/drawings/contract/categories/page.tsx

@@ -67,8 +67,8 @@ export default function ContractCategoriesPage() {
           )}
         </SelectTrigger>
         <SelectContent>
-          {(projects as { id?: number; uuid?: string; projectCode: string; projectName: string }[]).map((project) => (
-            <SelectItem key={project.uuid || project.id} value={String(project.id || project.uuid)}>
+          {(projects as { id?: number; publicId?: string; projectCode: string; projectName: string }[]).map((project) => (
+            <SelectItem key={project.publicId || project.id} value={String(project.publicId || project.id)}>
               {project.projectCode} - {project.projectName}
             </SelectItem>
           ))}

frontend/app/(admin)/admin/doc-control/drawings/contract/sub-categories/page.tsx

@@ -59,8 +59,8 @@ export default function ContractSubCategoriesPage() {
           )}
         </SelectTrigger>
         <SelectContent>
-          {(projects as { id?: number; uuid?: string; projectCode: string; projectName: string }[]).map((project) => (
-            <SelectItem key={project.uuid || project.id} value={String(project.id || project.uuid)}>
+          {(projects as { id?: number; publicId?: string; projectCode: string; projectName: string }[]).map((project) => (
+            <SelectItem key={project.publicId || project.id} value={String(project.publicId || project.id)}>
               {project.projectCode} - {project.projectName}
             </SelectItem>
           ))}

frontend/app/(admin)/admin/doc-control/drawings/contract/volumes/page.tsx

@@ -59,8 +59,8 @@ export default function ContractVolumesPage() {
           )}
         </SelectTrigger>
         <SelectContent>
-          {(projects as { id?: number; uuid?: string; projectCode: string; projectName: string }[]).map((project) => (
-            <SelectItem key={project.uuid || project.id} value={String(project.id || project.uuid)}>
+          {(projects as { id?: number; publicId?: string; projectCode: string; projectName: string }[]).map((project) => (
+            <SelectItem key={project.publicId || project.id} value={String(project.publicId || project.id)}>
               {project.projectCode} - {project.projectName}
             </SelectItem>
           ))}

frontend/app/(admin)/admin/doc-control/drawings/shop/main-categories/page.tsx

@@ -70,8 +70,8 @@ export default function ShopMainCategoriesPage() {
           )}
         </SelectTrigger>
         <SelectContent>
-          {(projects as { id?: number; uuid?: string; projectCode: string; projectName: string }[]).map((project) => (
-            <SelectItem key={project.uuid || project.id} value={String(project.id || project.uuid)}>
+          {(projects as { id?: number; publicId?: string; projectCode: string; projectName: string }[]).map((project) => (
+            <SelectItem key={project.publicId || project.id} value={String(project.publicId || project.id)}>
               {project.projectCode} - {project.projectName}
             </SelectItem>
           ))}

frontend/app/(admin)/admin/doc-control/drawings/shop/sub-categories/page.tsx

@@ -70,8 +70,8 @@ export default function ShopSubCategoriesPage() {
           )}
         </SelectTrigger>
         <SelectContent>
-          {(projects as { id?: number; uuid?: string; projectCode: string; projectName: string }[]).map((project) => (
-            <SelectItem key={project.uuid || project.id} value={String(project.id || project.uuid)}>
+          {(projects as { id?: number; publicId?: string; projectCode: string; projectName: string }[]).map((project) => (
+            <SelectItem key={project.publicId || project.id} value={String(project.publicId || project.id)}>
               {project.projectCode} - {project.projectName}
             </SelectItem>
           ))}

frontend/app/(admin)/admin/doc-control/numbering/[id]/edit/page.tsx

@@ -24,12 +24,15 @@ export default function EditTemplatePage() {
   const { data: correspondenceTypes = [] } = useCorrespondenceTypes();
   const { data: projects = [] } = useProjects();
   const projectId = template?.projectId || 1;
-  const { data: contracts = [] } = useContracts(projectId);
-  const contractId = contracts[0]?.id;
+  const { data: contractsData } = useContracts(projectId);
+  const contracts = Array.isArray(contractsData) ? contractsData : [];
+  const firstContract = contracts[0] as { id?: number; publicId?: string } | undefined;
+  const contractId = firstContract?.publicId ?? firstContract?.id;
   const { data: disciplines = [] } = useDisciplines(contractId);
 
   const selectedProjectName =
-    projects.find((p: { id?: number; uuid?: string; projectCode: string; projectName: string }) => p.id === projectId)
+    projects.find((p: { id?: number; publicId?: string; projectCode: string; projectName: string }) =>
+      String(p.publicId ?? p.id) === String(projectId))
       ?.projectName || 'LCBP3';
 
   useEffect(() => {

frontend/app/(admin)/admin/doc-control/numbering/new/page.tsx

@@ -14,12 +14,15 @@ export default function NewTemplatePage() {
   const { data: correspondenceTypes = [] } = useCorrespondenceTypes();
   const { data: projects = [] } = useProjects();
   const projectId = 1; // Default or sync with selection
-  const { data: contracts = [] } = useContracts(projectId);
-  const contractId = contracts[0]?.id;
+  const { data: contractsData } = useContracts(projectId);
+  const contracts = Array.isArray(contractsData) ? contractsData : [];
+  const firstContract = contracts[0] as { id?: number; publicId?: string } | undefined;
+  const contractId = firstContract?.publicId ?? firstContract?.id;
   const { data: disciplines = [] } = useDisciplines(contractId);
 
   const selectedProjectName =
-    projects.find((p: { id: number; projectName: string }) => p.id === projectId)?.projectName || 'LCBP3';
+    projects.find((p: { id?: number; publicId?: string; projectName: string }) =>
+      String(p.publicId ?? p.id) === String(projectId))?.projectName || 'LCBP3';
 
   const handleSave = async (data: Partial<NumberingTemplate>) => {
     try {

frontend/app/(admin)/admin/doc-control/numbering/page.tsx

@@ -53,7 +53,8 @@ export default function NumberingPage() {
 
   // Master Data
   const { data: correspondenceTypes = [] } = useCorrespondenceTypes();
-  const { data: contracts = [] } = useContracts(selectedProjectId);
+  const { data: contractsData } = useContracts(selectedProjectId);
+  const contracts = Array.isArray(contractsData) ? contractsData : [];
   const firstContract = contracts[0] as { id?: number; publicId?: string } | undefined;
   const contractId = firstContract?.publicId ?? firstContract?.id;
   const { data: disciplines = [] } = useDisciplines(contractId);
@@ -147,8 +148,7 @@ export default function NumberingPage() {
                   .filter(
                     (t) =>
                       !t.projectId ||
-                      String(t.project?.id ?? t.project?.publicId) === selectedProjectId ||
-                      t.project?.publicId === selectedProjectId
+                      String(t.project?.publicId) === selectedProjectId
                   )
                   .map((template) => (
                     <Card key={template.id} className="p-6 hover:shadow-md transition-shadow">

frontend/app/(admin)/admin/doc-control/projects/page.tsx

@@ -33,7 +33,7 @@ import {
 import { Skeleton } from '@/components/ui/skeleton';
 
 interface Project {
-  id: string; // ADR-019: uuid exposed as 'id'
+  publicId: string; // ADR-019: uuid exposed as 'publicId'
   projectCode: string;
   projectName: string;
   isActive: boolean;
@@ -71,7 +71,7 @@ export default function ProjectsPage() {
 
   const confirmDelete = () => {
     if (projectToDelete) {
-      deleteProject.mutate(projectToDelete.id, {
+      deleteProject.mutate(projectToDelete.publicId, {
         onSuccess: () => {
           setDeleteDialogOpen(false);
           setProjectToDelete(null);
@@ -145,7 +145,7 @@ export default function ProjectsPage() {
   ];
 
   const handleEdit = (project: Project) => {
-    setEditingUuid(project.id);
+    setEditingUuid(project.publicId);
     reset({
       projectCode: project.projectCode,
       projectName: project.projectName,

frontend/app/(admin)/admin/doc-control/reference/tags/page.tsx

@@ -27,10 +27,10 @@ export default function TagsPage() {
       accessorKey: 'project_id',
       header: 'Project',
       cell: ({ row }) => {
-        const item = row.original as Tag & { project?: { id?: number | string; projectName?: string; projectCode?: string } };
+        const item = row.original as Tag & { project?: { id?: number | string; publicId?: string; projectName?: string; projectCode?: string } };
         const project = item.project;
         if (!project) return <span className="text-muted-foreground italic">Global</span>;
-        return (project.projectName || project.projectCode || `Project ${project.id}`) as React.ReactNode;
+        return (project.projectName || project.projectCode || `Project ${project.publicId || project.id}`) as React.ReactNode;
       },
     },
     {
@@ -75,10 +75,10 @@ export default function TagsPage() {
         const items = await masterDataService.getTags();
         // ADR-019: Map project_id INT → project UUID for edit mode select matching
         return items.map((item) => {
-          const rec = item as Tag & { project?: { id?: number | string; uuid?: string }; project_id?: number | string };
+          const rec = item as Tag & { project?: { id?: number | string; publicId?: string }; project_id?: number | string };
           return {
             ...item,
-            project_id: rec.project?.id || rec.project?.uuid || (rec.project_id ? String(rec.project_id) : null),
+            project_id: rec.project?.publicId || rec.project?.id || (rec.project_id ? String(rec.project_id) : null),
           } as Tag;
         });
       }}

frontend/app/(dashboard)/drawings/page.tsx

@@ -40,8 +40,8 @@ export default function DrawingsPage() {
             )}
           </SelectTrigger>
           <SelectContent>
-            {projects.map((project: { id: string; projectName: string; projectCode: string }) => (
-              <SelectItem key={project.id} value={project.id}>
+            {projects.map((project: { id?: number; publicId?: string; projectName: string; projectCode: string }) => (
+              <SelectItem key={project.publicId || project.id} value={String(project.publicId || project.id)}>
                 {project.projectCode} - {project.projectName}
               </SelectItem>
             ))}

frontend/components/drawings/upload-form.tsx

@@ -25,6 +25,16 @@ import { useState, useEffect } from 'react';
 import { Loader2 } from 'lucide-react';
 import { Textarea } from '@/components/ui/textarea';
 
+// Helper to extract array data from various API response formats
+const extractArrayData = <T,>(value: unknown): T[] => {
+  if (Array.isArray(value)) return value as T[];
+  if (value && typeof value === 'object' && 'data' in value) {
+    const data = (value as { data?: unknown }).data;
+    if (Array.isArray(data)) return data as T[];
+  }
+  return [];
+};
+
 // Base Schema
 const baseSchema = z.object({
   drawingType: z.enum(['CONTRACT', 'SHOP', 'AS_BUILT']),
@@ -79,7 +89,8 @@ export function DrawingUploadForm() {
   const router = useRouter();
 
   // Project list
-  const { data: projects = [], isLoading: isLoadingProjects } = useProjects();
+  const { data: projectsData, isLoading: isLoadingProjects } = useProjects();
+  const projects = extractArrayData<{ id?: number; publicId?: string; projectName: string; projectCode: string }>(projectsData);
 
   // Selected project for category fetching
   const [selectedProjectId, setSelectedProjectId] = useState<number | string | undefined>(undefined);
@@ -119,9 +130,9 @@ export function DrawingUploadForm() {
     }
     // Try to resolve UUID→INT from projects list, or pass UUID directly
     const project = projects.find(
-      (p: { id: string; uuid?: string }) => p.id === watchedProjectId || p.uuid === watchedProjectId
-    ) as { id: string; uuid?: string } | undefined;
-    setSelectedProjectId(project?.id ?? watchedProjectId);
+      (p: { id?: number; publicId?: string }) => String(p.publicId ?? p.id) === watchedProjectId
+    ) as { id?: number; publicId?: string } | undefined;
+    setSelectedProjectId(project?.publicId ?? project?.id ?? watchedProjectId);
   }, [watchedProjectId, projects]);
 
   const onSubmit = (data: DrawingFormData) => {
@@ -181,11 +192,14 @@ export function DrawingUploadForm() {
                 )}
               </SelectTrigger>
               <SelectContent>
-                {projects.map((project: { id: string; projectName: string; projectCode: string }) => (
-                  <SelectItem key={project.id} value={project.id}>
+                {projects.map((project) => {
+                const projectValue = String(project.publicId ?? project.id ?? '');
+                return (
+                  <SelectItem key={projectValue} value={projectValue}>
                     {project.projectCode} - {project.projectName}
                   </SelectItem>
-                ))}
+                );
+              })}
               </SelectContent>
             </Select>
             {errors.projectId && <p className="text-sm text-destructive">{errors.projectId.message}</p>}