perf(editor): re-encode fitting thumbnails as 256px webp

apps/editor/components/build-tab.tsx

@@ -586,7 +586,7 @@ export function BuildTab() {
                   if (option.id !== 'fittingType') return undefined
                   if (kind === 'duct-fitting' && value === 'elbow')
                     return '/icons/duct-fitting.webp'
-                  return `/icons/fittings/${kind === 'duct-fitting' ? 'duct' : 'pipe'}-${value}.png`
+                  return `/icons/fittings/${kind === 'duct-fitting' ? 'duct' : 'pipe'}-${value}.webp`
                 }}
                 kind={kind}
                 onSelect={(option, value) => {

apps/editor/public/icons/fittings/README.md

@@ -2,25 +2,31 @@
 
 Generated with the built-in image generation tool using `../duct-fitting.webp` as the style reference. The existing duct elbow keeps that original icon.
 
+The generator emits a large PNG; re-encode it before committing, because these ship in the portable CLI runtime and render at 56 px:
+
+```sh
+cwebp -q 85 -m 6 -alpha_q 100 -resize 256 256 <name>.png -o <name>.webp
+```
+
 ## Prompt template
 
 Create one catalog thumbnail asset for SUBJECT. Reference image is STYLE REFERENCE ONLY. Match its polished lavender purple 3D isometric product icon, soft lilac highlights, darker violet interiors, fine bright edges. Actual subject must be SUBJECT, not the reference elbow. Single isolated object centered, occupying 78% of square canvas. Three-quarter view from above showing its identifying geometry clearly at 56px. Transparent background, no floor, no text, no labels, no watermark, no additional objects. Save generated asset. Asset identifier NAME.
 
 ## Subjects
 
-- `duct-tee.png`: rectangular HVAC duct T junction with exactly three rectangular flanged openings.
-- `duct-cross.png`: rectangular HVAC duct cross junction with exactly four rectangular flanged openings.
-- `duct-reducer.png`: round HVAC concentric reducer, wide circular opening tapering into a smaller circular opening.
-- `duct-transition.png`: HVAC transition from a wide rectangular flanged opening to a round circular collar.
-- `duct-end-cap.png`: short rectangular HVAC duct end cap with a sealed flat rectangular face and flanged rim.
-- `duct-damper.png`: rectangular HVAC balancing damper, short flanged hollow rectangular sleeve with a visible internal blade and external adjustment lever.
-- `duct-access-panel.png`: rectangular HVAC access door panel, flat framed closed door with two hinges and two latches.
-- `duct-coupling.png`: short straight rectangular HVAC coupling sleeve with two opposite equal rectangular openings and a center seam.
-- `pipe-elbow.png`: round plumbing pipe 90 degree curved elbow, exactly two circular socket openings.
-- `pipe-wye.png`: round plumbing pipe Y junction with three circular socket openings, branch at 45 degrees.
-- `pipe-sanitary-tee.png`: round plumbing sanitary tee with three circular socket openings, curved sweeping side branch.
-- `pipe-cross.png`: round plumbing cross fitting with four circular socket openings.
-- `pipe-end-cap.png`: round plumbing pipe end cap with a closed circular end.
-- `pipe-cleanout.png`: round plumbing cleanout fitting with a prominent threaded hexagonal removable plug sealing its end.
-- `pipe-reducer.png`: round plumbing concentric reducer with wide circular socket tapering to narrow circular socket.
-- `pipe-coupling.png`: short straight round plumbing coupling with two equal circular socket openings.
+- `duct-tee.webp`: rectangular HVAC duct T junction with exactly three rectangular flanged openings.
+- `duct-cross.webp`: rectangular HVAC duct cross junction with exactly four rectangular flanged openings.
+- `duct-reducer.webp`: round HVAC concentric reducer, wide circular opening tapering into a smaller circular opening.
+- `duct-transition.webp`: HVAC transition from a wide rectangular flanged opening to a round circular collar.
+- `duct-end-cap.webp`: short rectangular HVAC duct end cap with a sealed flat rectangular face and flanged rim.
+- `duct-damper.webp`: rectangular HVAC balancing damper, short flanged hollow rectangular sleeve with a visible internal blade and external adjustment lever.
+- `duct-access-panel.webp`: rectangular HVAC access door panel, flat framed closed door with two hinges and two latches.
+- `duct-coupling.webp`: short straight rectangular HVAC coupling sleeve with two opposite equal rectangular openings and a center seam.
+- `pipe-elbow.webp`: round plumbing pipe 90 degree curved elbow, exactly two circular socket openings.
+- `pipe-wye.webp`: round plumbing pipe Y junction with three circular socket openings, branch at 45 degrees.
+- `pipe-sanitary-tee.webp`: round plumbing sanitary tee with three circular socket openings, curved sweeping side branch.
+- `pipe-cross.webp`: round plumbing cross fitting with four circular socket openings.
+- `pipe-end-cap.webp`: round plumbing pipe end cap with a closed circular end.
+- `pipe-cleanout.webp`: round plumbing cleanout fitting with a prominent threaded hexagonal removable plug sealing its end.
+- `pipe-reducer.webp`: round plumbing concentric reducer with wide circular socket tapering to narrow circular socket.
+- `pipe-coupling.webp`: short straight round plumbing coupling with two equal circular socket openings.