260323:1050 fix CI : Verify Build frontend #02 correct _???

frontend/components/numbering/audit-logs-table.tsx

@@ -4,9 +4,10 @@ import { useEffect, useState } from 'react';
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
 import { documentNumberingService } from '@/lib/services/document-numbering.service';
 import { format } from 'date-fns';
+import { NumberingAuditLog } from '@/types/dto/numbering.dto';
 
 export function AuditLogsTable() {
-  const [logs, setLogs] = useState<unknown[]>([]); // Replace with AuditLog type
+  const [logs, setLogs] = useState<NumberingAuditLog[]>([]);
   const [loading, setLoading] = useState(true);
 
   useEffect(() => {
@@ -51,7 +52,7 @@ export function AuditLogsTable() {
               <TableRow key={log.id}>
                 <TableCell>{format(new Date(log.createdAt), 'yyyy-MM-dd HH:mm:ss')}</TableCell>
                 <TableCell>{log.operation}</TableCell>
-                <TableCell>{log.generatedNumber}</TableCell>
+                <TableCell>{log.documentNumber}</TableCell>
                 <TableCell>{log.createdBy || 'System'}</TableCell>
                 <TableCell>{log.status}</TableCell>
               </TableRow>

frontend/components/numbering/metrics-dashboard.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useEffect, useState } from 'react';
-import { Card, CardContent, CardHeader, CardTitle, _CardDescription } from '@/components/ui/card';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Progress } from '@/components/ui/progress';
 import { documentNumberingService } from '@/lib/services/document-numbering.service';
 import { NumberingMetrics } from '@/types/dto/numbering.dto';

frontend/components/numbering/template-editor.tsx

@@ -8,8 +8,9 @@ import { Button } from '@/components/ui/button';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
 import { Checkbox } from '@/components/ui/checkbox';
 import { Badge } from '@/components/ui/badge';
-import { NumberingTemplate } from '@/lib/api/numbering';
+import { NumberingTemplate, SaveTemplateDto } from '@/lib/api/numbering';
 import { HoverCard, HoverCardContent, HoverCardTrigger } from '@/components/ui/hover-card';
+import { CorrespondenceType, Discipline } from '@/types/master-data';
 
 // Aligned with Backend replacement logic
 const VARIABLES = [
@@ -29,9 +30,9 @@ export interface TemplateEditorProps {
   template?: NumberingTemplate;
   projectId: number | string;
   projectName: string;
-  correspondenceTypes: unknown[];
-  disciplines: unknown[];
-  onSave: (data: Partial<NumberingTemplate>) => void;
+  correspondenceTypes: CorrespondenceType[];
+  disciplines: Discipline[];
+  onSave: (data: SaveTemplateDto) => void;
   onCancel: () => void;
 }
 
@@ -62,7 +63,7 @@ export function TemplateEditor({
 
       // Dynamic context based on selection (optional visual enhancement)
       if (v.key === '{TYPE}' && typeId) {
-        const t = (correspondenceTypes as { id: number; typeCode: string; typeName: string }[]).find(
+        const t = correspondenceTypes.find(
           (ct) => ct.id?.toString() === typeId
         );
         if (t) replacement = t.typeCode;
@@ -117,11 +118,10 @@ export function TemplateEditor({
               </SelectTrigger>
               <SelectContent>
                 <SelectItem value="__default__">Default (All Types)</SelectItem>
-                {correspondenceTypes.map((type: unknown) => {
-                  const typedType = type as { id: number; typeCode: string; typeName: string };
+                {correspondenceTypes.map((type) => {
                   return (
-                    <SelectItem key={typedType.id} value={typedType.id.toString()}>
-                      {typedType.typeCode} - {typedType.typeName}
+                    <SelectItem key={type.id} value={type.id.toString()}>
+                      {type.typeCode} - {type.typeName}
                     </SelectItem>
                   );
                 })}
@@ -141,7 +141,7 @@ export function TemplateEditor({
                 </SelectTrigger>
                 <SelectContent>
                   <SelectItem value="0">All Disciplines</SelectItem>
-                  {disciplines.map((d: unknown) => (
+                  {disciplines.map((d) => (
                     <SelectItem key={d.id} value={d.id.toString()}>
                       {d.disciplineCode} - {d.codeNameEn || d.codeNameTh}
                     </SelectItem>

frontend/components/numbering/template-tester.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useState } from 'react';
+import axios from 'axios';
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog';
 
 import { Button } from '@/components/ui/button';
@@ -72,7 +73,12 @@ export function TemplateTester({ open, onOpenChange, template }: TemplateTesterP
         isDefault: result.isDefault,
       });
     } catch (error: unknown) {
-      const errMsg = error?.response?.data?.message || error?.message || 'Unknown error';
+      let errMsg = 'Unknown error';
+      if (axios.isAxiosError(error)) {
+        errMsg = error.response?.data?.message || error.message;
+      } else if (error instanceof Error) {
+        errMsg = error.message;
+      }
       setTestResult({ number: `Error: ${errMsg}`, isDefault: false });
     } finally {
       setLoading(false);