Visual Reference: Canvas Editor
14 — Start Drawing → Canvas selection tools overview
Section titled “14 — Start Drawing → Canvas selection tools overview”
- Spec: Canvas Editor (§7)
- Status: Approved annotated workflow reference
- Notes: Selecting a commercial line reveals the contextual dock: Select, Change Configuration, FT, Label, Duplicate, Highlight, Delete.
15 — Blank Canvas background
Section titled “15 — Blank Canvas background”
- Spec: Canvas Editor (§7)
- Status: Approved visual reference
- Notes: Clean white measurement grid; same tabs, tools, grouping, and export behavior as other backgrounds.
16 — Header controls overview
Section titled “16 — Header controls overview”
- Spec: Canvas Editor (§7.2)
- Status: Approved annotated control reference
- Notes: Back, Undo, Redo, Canvas/Scope of Work switch, Products, Markup Tools, Layers.
17 — Products + popover
Section titled “17 — Products + popover”
- Spec: Canvas Editor (§7.3)
- Status: Exact visual-layout reference; replace content
- Notes: Match the white floating card, rounded shape, shadow, anchored pointer, segmented tabs, and three-column grid. Use Sketch FG tabs Products / Services / Accessories and the master catalog items.
18 — Product picker: Product → Style/Type flow
Section titled “18 — Product picker: Product → Style/Type flow”
- Spec: Canvas Editor (§7.3)
- Status: Approved annotated interaction reference with catalog normalization
- Notes: Reference-only items such as Test, Box W, Special Gutter must not be implemented.
19 — Product picker: Configuration → drawing flow
Section titled “19 — Product picker: Configuration → drawing flow”
- Spec: Canvas Editor (§7.3), Product Catalog
- Status: Approved annotated interaction reference with terminology normalization
- Notes: Gutter Style/Size/Material before drawing; Color in SOW.
Mill Finishis illustrative — use official materials.
20 — Product picker: Services flow
Section titled “20 — Product picker: Services flow”
- Spec: Canvas Editor (§7.3)
- Status: Approved interaction/layout reference; catalog content illustrative
- Notes: Repairs contains only Leak / Seal, Reattach, Downspout Repair, Repitch.
21 — Product picker: Accessories flow
Section titled “21 — Product picker: Accessories flow”
- Spec: Canvas Editor (§7.3)
- Status: Approved interaction/layout reference; catalog content illustrative
- Notes: Elbows is a Product, not an Accessory.
Testentries excluded.
22 — Markup Tools and Free Draw
Section titled “22 — Markup Tools and Free Draw”
- Spec: Canvas Editor (§7.4)
- Status: Approved annotated interaction reference
- Notes: Free Draw, Highlight Area, Text, Arrow + Text. Markups appear in Preview/export but never create SOW rows.
23 — Layers and background settings
Section titled “23 — Layers and background settings”
- Spec: Canvas Editor (§7.5)
- Status: Approved visual reference
- Notes: Background show/hide, Grid Overlay, Grayscale slider, Crop/Focus Map, Reset View.
24 — Selected line contextual dock
Section titled “24 — Selected line contextual dock”
- Spec: Canvas Editor (§7.7)
- Status: Approved direct visual reference
- Notes: Select, Change Configuration, FT, Label, Duplicate, Highlight, Delete. Delete requires confirmation.
59 — Procedural representation library
Section titled “59 — Procedural representation library”
- Spec: Product Catalog (§12.5.1)
- Status: Primary approved graphic reference; catalog rules control behavior
- Notes: Defines appearance only — measurement, aggregation, and pricing come from the catalog.
60 — Shared SVG icon library
Section titled “60 — Shared SVG icon library”
- Spec: Product Catalog (§12.5.1)
- Status: Primary approved SVG visual reference
- Notes: Reusable in Canvas, SOW rows, and Final Sketch. Presence in the library does not seed a catalog item.