// TextiGreen v4 · input form + settings
const { useState: useSf4, useMemo: useMf4 } = React;
const STAGES = [
{ value: 'fiber', label: 'Fiber' },
{ value: 'yarn', label: 'Yarn' },
{ value: 'fabric', label: 'Fabric' },
{ value: 'dyed_fabric', label: 'Dyed fabric' },
];
// Beginner-friendly help text (shown via the "i" tooltips / helper lines)
const HELP = {
composition: 'The fibre(s) your fabric is made of, with each one\'s share by weight (up to 5, totalling 100%). The result is the weight-weighted footprint of the fibres.',
stage: 'How far along the supply chain to estimate — the "system boundary". Fiber = raw fibre only · Yarn = fibre spun into yarn · Fabric = yarn woven/knitted into cloth · Dyed fabric = cloth coloured & finished. Pick the stage your product has reached. Numbers from different stages are NOT comparable.',
origin: 'Where the fabric is made. Each region\'s electricity-grid carbon intensity is applied to the power-using steps — so the same fabric has a different footprint in, say, Vietnam vs Italy vs the US.',
dyeing: 'Optional. The colouring process — shown as its own block, NOT added to the fibre total (it sits on a different boundary).',
fabrication: 'Optional. How yarn is turned into fabric — shown as a separate electricity block.',
boiler_fuel: 'Optional. The fuel your factory\'s boiler burns to make steam/heat. Switching it (coal → gas → biomass) re-bases the heat part of the footprint; it does not add heat twice.',
};
const DYE_LABEL = { conventional: 'Conventional (water-based)', d5: 'D5 waterless (non-aqueous)', s1: 'S-1 binary solvent', yuan2013: 'Continuous pad-dyeing (Yuan 2013)' };
const DYE_DESC = {
conventional: 'Standard water-based dyeing — the most common route, and the default reference.',
d5: 'Waterless silicone-solvent (D5) dyeing: much less water & energy, but it may RAISE toxicity — don\'t read lower GWP as simply "better".',
s1: 'S-1 binary organic-solvent dyeing route.',
yuan2013: 'Continuous pad-dyeing from Yuan (2013). Its boundary excludes cotton growing & greige fabric, so it is NOT directly comparable to the others.',
};
const FAB_LABEL = { weaving: 'Weaving (loom)', knitting: 'Knitting' };
const FAB_DESC = {
weaving: 'Weaving interlaces yarns on a loom — electricity-heavy, and it climbs steeply for finer yarns.',
knitting: 'Knitting loops yarns together — generally uses far less electricity than weaving.',
};
function EstimatorForm({ catalogs, value, onChange }) {
const { fibers, geos, processes, fuels } = catalogs;
const v = value;
const comp = v.composition;
const total = Math.round(comp.reduce((s, c) => s + (c.fraction || 0) * 100, 0));
const set = (patch) => onChange({ ...v, ...patch });
const setRow = (i, patch) => set({ composition: comp.map((c, j) => j === i ? { ...c, ...patch } : c) });
const removeRow = (i) => set({ composition: comp.filter((_, j) => j !== i) });
const addRow = () => {
if (comp.length >= 5) return;
const used = new Set(comp.map(c => c.fiber));
const next = (fibers || []).find(f => !used.has(f.fiber));
const remaining = Math.max(0, 1 - comp.reduce((s, c) => s + c.fraction, 0));
set({ composition: [...comp, { fiber: next ? next.fiber : '', fraction: remaining > 0 ? remaining : 0.1 }] });
};
const normalize = () => {
const sum = comp.reduce((s, c) => s + c.fraction, 0);
if (!sum) return;
set({ composition: comp.map(c => ({ ...c, fraction: Math.round((c.fraction / sum) * 100) / 100 })) });
};
const usedFibers = comp.map(c => c.fiber);
// origin groups
const originGroups = useMf4(() => {
const g = { 'China': [], 'United States': [], 'Other countries': [] };
(geos || []).forEach(geo => {
const item = { value: geo.geo, label: geo.geo.replace('China_national', 'China (national avg)'), sub: geo.factor_value.toFixed(3) };
if (geo.scope === 'province' || geo.geo === 'China_national') g['China'].push(item);
else if (geo.scope === 'subregion' || geo.geo.startsWith('US')) g['United States'].push(item);
else g['Other countries'].push(item);
});
return Object.entries(g).filter(([, items]) => items.length).map(([label, items]) => ({ label, items }));
}, [geos]);
const dyeOpts = (processes?.dyeing || []);
const fabOpts = (processes?.fabrication || []);
return (
{conn.mode === 'auto' && 'Use backend when reachable, fall back to mock otherwise.'}
{conn.mode === 'live' && 'Backend only — errors surface (use to confirm the contract).'}
{conn.mode === 'offline' && 'Never call the network — always use the bundled mock.'}