// Inline SVG icon library (lucide-style strokes, optimized to brand) // usage: const ICON_PATHS = { // Nav 'dashboard': <>, 'jobs': <>, 'archive': <>, 'admin': <>, 'equipment': <>, 'users': <>, 'snippet': <>, 'sliders': <>, 'layers': <>, 'audit': <>, // Actions 'plus': <>, 'search': <>, 'filter': <>, 'check': <>, 'check-circle': <>, 'x': <>, 'x-circle': <>, 'send': <>, 'download': <>, 'upload': <>, 'eye': <>, 'edit': <>, 'trash': <>, 'arrow-right': <>, 'arrow-left': <>, 'chevron-down': <>, 'chevron-right': <>, 'more': <>, 'bell': <>, 'help': <>, 'pdf': <>PDF, 'image': <>, 'paperclip': <>, 'lock': <>, 'alert': <>, 'info': <>, 'flag': <>, 'reject': <>, 'thumb-up': <>, 'calendar': <>, 'clock': <>, 'package': <>, 'building': <>, 'logout': <>, 'switch': <>, 'flask': <>, 'play': <>, 'pause': <>, 'spark': <>, 'shield': <>, 'circle': <>, 'rotate': <>, 'mail': <> }; function Icon({ name, size = 16, color, style, strokeWidth = 1.75, ...rest }) { const path = ICON_PATHS[name]; if (!path) return ; return ( ); } // Status pill function StatusPill({ status }) { const map = { 'Planned': { cls: 'planned' }, 'In Progress': { cls: 'inprogress' }, 'For Approval': { cls: 'forapproval' }, 'Rejected': { cls: 'rejected' }, 'Approved': { cls: 'approved' }, 'Complete': { cls: 'complete' } }; const m = map[status] || { cls: 'planned' }; return {status}; } function OutcomePill({ outcome }) { if (!outcome) return —; const cls = outcome.toLowerCase().replace(/\s+/g, ''); return {outcome}; } // Avatar function Avatar({ user, size = 28 }) { if (!user) return null; return (

{user.initials}

); } // Synthetic inspection image — picks a "scene" by leading digit of label (group number) // or by seed if no label. Scenes mimic the kind of imagery an AS6171A lab would produce. function pickScene(label, seed) { const k = String(label || '').trim()[0]; if (k === '1') return 'visual'; // External visual inspection — IC top-down marking if (k === '2') return 'xrf'; // XRF — spectrum if (k === '3') return 'reagent'; // Resistance to solvents — tray / close-up if (k === '4') return 'xray'; // X-ray — internals if (k === '5') return 'csam'; // CSAM — acoustic delam map if (k === '6') return 'decap'; // Decap — die surface if (k === '7') return 'electrical'; // Electrical — scope trace const scenes = ['visual','xray','csam','decap','xrf','electrical','reagent']; return scenes[seed % scenes.length]; } function SceneVisual({ seed, label }) { // IC top-down with marking and leads const lead = (x, y) => ; const leads = []; for (let i = 0; i < 8; i++) { leads.push({lead(11 + i * 9.3, 14.5)}{lead(11 + i * 9.3, 56.5)}); } return ( ); } function SceneXray({ seed }) { const wires = []; for (let i = 0; i < 14; i++) { const a = (i / 14) * Math.PI * 2; const x1 = 50 + Math.cos(a) * 6, y1 = 37.5 + Math.sin(a) * 5; const x2 = 50 + Math.cos(a) * 22, y2 = 37.5 + Math.sin(a) * 18; wires.push(); } return ( ); } function SceneCsam({ seed }) { // Acoustic heatmap with random delam blobs const blobs = Array.from({ length: 6 }, (_, i) => ({ cx: 18 + ((seed * 13 + i * 17) % 64), cy: 12 + ((seed * 7 + i * 11) % 50), r: 3 + ((seed + i) % 5), o: 0.45 + ((i * 0.13) % 0.4), })); return ( ); } function SceneDecap({ seed }) { // Decapped die — bond pads around edge, interior circuit blocks const pads = []; for (let i = 0; i < 14; i++) pads.push(, ); for (let i = 0; i < 10; i++) pads.push(, ); return ( ); } function SceneXrf({ seed }) { // Spectrum chart const peaks = [ { x: 15, h: 38 + (seed * 3) % 12, l: 'Sn' }, { x: 32, h: 22 + (seed * 5) % 10, l: 'Cu' }, { x: 48, h: 48 + (seed * 7) % 8, l: 'Pb' }, { x: 64, h: 14 + (seed * 11) % 10, l: 'Ni' }, { x: 80, h: 28 + (seed * 13) % 10, l: 'Ag' }, ]; let path = 'M5,62'; for (let x = 5; x <= 95; x += 1.5) { let y = 62; peaks.forEach((p) => { const d = (x - p.x); y -= p.h * Math.exp(-(d * d) / 4); }); y += (Math.sin(x * 1.7 + seed) * 0.8); path += ` L${x.toFixed(1)},${y.toFixed(1)}`; } path += ' L95,62 Z'; return ( ); } function SceneElectrical({ seed }) { // Oscilloscope-style trace let p1 = 'M5,40', p2 = 'M5,52'; for (let x = 5; x <= 95; x += 1) { const y1 = 40 + Math.sin((x + seed * 5) * 0.35) * 14 + Math.sin(x * 0.9) * 2; const y2 = 52 + Math.cos((x + seed * 7) * 0.22) * 6; p1 += ` L${x},${y1.toFixed(1)}`; p2 += ` L${x},${y2.toFixed(1)}`; } return ( ); } function SceneReagent({ seed }) { // Lab bench: vials + tray of devices const vials = [ { x: 14, c: '#bcd9c9' }, { x: 28, c: '#e7c98a' }, { x: 42, c: '#bcd3ea' }, ]; const devices = []; for (let i = 0; i < 10; i++) { const col = i % 5, row = Math.floor(i / 5); devices.push( ); } return ( ); } function SyntheticImage({ seed = 0, label, children, style, className }) { const scene = pickScene(label, seed); const Scene = ({ visual: SceneVisual, xray: SceneXray, csam: SceneCsam, decap: SceneDecap, xrf: SceneXrf, electrical: SceneElectrical, reagent: SceneReagent, })[scene]; return (

{/* subtle vignette */}

{/* corner label badge */} {label && (

Fig. {label}

)} {children}

); } window.Icon = Icon; window.StatusPill = StatusPill; window.OutcomePill = OutcomePill; window.Avatar = Avatar; window.SyntheticImage = SyntheticImage;