Design System v3 proposal Mockup with sample data from the real inventory. Nothing here is wired to the API. dev on dev today feature feature branch only API gap stored, not served

Add / Edit spool

Opens as a dialog over Filament. Pick a scenario to see each state.

← Back to Filament

Scenario

Edit spool #47Add spool

Opened 09:32 at version 4 · created 2 Aug · label printed 3 AugNew spools carry no version: nobody could have read one yet.

⚠ This spool changed since you opened it. Nothing was saved.

Someone weighed it at 09:39, after you opened this form at 09:32 (version 4 → 5). Saving now would have put the old remaining weight back and lost that measurement.

Field	When you opened (v4)	Now (v5)	Your edit
Remaining net	860 g	812 g · weighed	not changed
Empty spool (tare)	262 g	262 g	not changed
Location	Shelf A3	Shelf A3	A1 · AMS Lite · slot 1
Cost per kg	$22.79	$22.79	not changed

Your only change doesn't overlap theirs, so it's safe to reapply it to the new version.

Server said (409): this spool changed after you loaded it — reload it and reapply your edit, so a newer weigh-in is not overwritten (you loaded version 4, it is now version 5)

⚠ 2 fields need fixing. Nothing was saved.

Remaining is more than the spool holds
Color name is empty

Name: 5 parts

Brand reqSunlu

Speed · optnone

Material reqPETG

Type · optCF

Finish reqMatte

Reads asSunlu PETG CF MatteBlack

Brand required Print speed optional Material required Filament type optional Finish required

Color

Color name required

Give the color a name, even "Unknown". (server: color_name is required)

Colors 1–3, in order

Weight: net filament vs what the scale reads

Total net, as soldFilament only. A "1 kg spool" is 1000 g plus the spool.

Remaining net

1,040 g is more than this spool holds (1,000 g net). Lower remaining, or correct total. (server: remaining_grams cannot exceed total_grams)

⚖ From a scale reading on 18 Sep 09:39, not typed

Spool type supplies the tare

Empty spool (tare) this reel

this spool Weighed bare on 14 Sep. It beats the spool type's 140 g (community).

community From the Sunlu — 1 kg plastic spool type. Measured by users and corroborated. Only saved on this spool if you weigh it.

? unknown No spool type chosen, and TECSONAR has no published tare. Not treated as 0: 0 would count the whole scale reading as filament.

On the scale

Empty spool (tare)262 g Filament remaining (net)812 g Gross: should read1,074 g

Weigh it whole spool Type what the scale shows and remaining is worked out for you: reading − 262 g.

Empty spool (tare, community)140 g Filament remaining (net)600 g Gross: should read740 g

Weigh it whole spool Weighing saves the 140 g tare on this spool, marked community, alongside the reading.

Empty spool (tare)unknown Filament remaining (net)188 g Grossunknown

Weigh it whole spool Set an empty-spool weight (pick a spool type, or weigh the bare spool) and you can weigh the whole spool instead of guessing.

Cost and place

Cost per kg Location optional

Save is off until you choose how to handle the newer version.

Control states: v3 specimen

Every state changes something other than shadow direction. Switch themes with the toggle to check both.

Rest
raised + 1px border (3:1)

Hover
border turns accent

Pressed / on
inset + wash fill + ✓ + accent border

Focused
2px outline, 3px offset

Disabled
flat + dashed border + muted text

Primary
ink on light violet (6.14:1 dark)

Primary pressed
deeper fill + ✓ + ring

Danger
red text + red border

Input rest
inset + border

Input focus
outline, border unchanged

Input disabled
dashed, flat

Too much

Input error
2px red + ⚠ + message