stage 8-complete

app/admin/projects/[id]/assemblies/[assemblyId]/AssemblyDetailClient.tsx

@@ -39,6 +39,7 @@ interface PartRow {
   hasStep: boolean;
   hasDrawing: boolean;
   hasCut: boolean;
+  thumbnailFileId: string | null;
   operationCount: number;
 }
 
@@ -100,6 +101,7 @@ export default function AssemblyDetailClient({
         <table className="w-full text-sm">
           <thead className="bg-slate-50 text-left text-slate-600 border-b border-slate-200">
             <tr>
+              <th className="px-4 py-2 font-medium w-[90px]">Preview</th>
               <th className="px-4 py-2 font-medium">Code</th>
               <th className="px-4 py-2 font-medium">Name</th>
               <th className="px-4 py-2 font-medium">Material</th>
@@ -112,6 +114,26 @@ export default function AssemblyDetailClient({
           <tbody>
             {parts.map((p) => (
               <tr key={p.id} className="border-b border-slate-100 last:border-0">
+                <td className="px-4 py-3">
+                  {p.thumbnailFileId ? (
+                    // eslint-disable-next-line @next/next/no-img-element
+                    <img
+                      src={`/api/v1/files/${p.thumbnailFileId}/download`}
+                      alt={`${p.code} preview`}
+                      width={72}
+                      height={54}
+                      className="rounded border border-slate-200 bg-slate-50 object-cover w-[72px] h-[54px]"
+                    />
+                  ) : p.hasStep ? (
+                    <div className="rounded border border-dashed border-slate-300 bg-slate-50 w-[72px] h-[54px] flex items-center justify-center text-[10px] text-slate-400">
+                      open to render
+                    </div>
+                  ) : (
+                    <div className="rounded border border-slate-200 bg-slate-50 w-[72px] h-[54px] flex items-center justify-center text-[10px] text-slate-400">
+                      no STEP
+                    </div>
+                  )}
+                </td>
                 <td className="px-4 py-3 font-mono text-slate-700">{p.code}</td>
                 <td className="px-4 py-3 font-medium">{p.name}</td>
                 <td className="px-4 py-3 text-slate-600">{p.material ?? "—"}</td>
@@ -136,7 +158,7 @@ export default function AssemblyDetailClient({
             ))}
             {parts.length === 0 && (
               <tr>
-                <td colSpan={7} className="px-4 py-10 text-center text-slate-500">
+                <td colSpan={8} className="px-4 py-10 text-center text-slate-500">
                   No parts yet.
                 </td>
               </tr>