Specira sample artefact. Rendered from the governed default template on a fictional company. Names, figures and dates are illustrative.All artefacts →
SAMPLE
seeded demo data · specira.ai
Specira Wireframes: Governed Template Rendering
Governed template rendering reference: Wireframes default v2 (draft) definition 7a525a9d…abf3
Wireframes · Project artifact SPECIRA

Wireframes: Dispatch Modernization

Meridian Field Services: instructional example, not project evidence

Draft · watermark policy: draft_only template wireframes v2 · pack: specira_default_delivery the table is the wireframe; schematics are generated
§1

Key Screen Wireframes

mandatory 3 decisions1 evidence rule validators: every_region_enumerates_content_slots · edge_length_content_exercised_visibly · callouts_single_concern_single_target

The content-slot table is canonical: every field enumerated with source, format, emphasis, and empty-value behavior; composite regions specify their zone anatomy; arrangement is decided, not implied. The schematics are generated from these specs with real content and enforced truncation. A region without its slots is a box, not a wireframe.

Decision: key-screen selection & conventions SCR-001 dispatch board (dense interaction, the product's core), its override dialog (it carries the FR-012 decision; dialogs that decide are specified like screens), and SCR-003 mobile day view (novel confirm flow). SCR-002 inherits the board's detail pattern; SCR-004 the notice pattern, said, not implied. Fidelity: lo-fi, no escalations. Action-order convention, declared once: primary rightmost in dialogs, primary first on cards; labels descriptive, never "OK".

SCR-001 · job-queue row (ListPanel): content slots

SlotSourceFormat & truncationEmphasisEmpty value
Job id + fault summary Job.id · Job.skill_required Single line; ellipsis past the meta budget; full text on hover primarynever (id mandatory)
Priority + age Job.priority · Job.created_at "P1 · 12m"; minutes under an hour, then "1h 05m"; right-aligned, tabular figures metan/a
Selected treatmentn/a Weight + border, never colorn/an/a

SCR-001 · suggestion card (CardStack): zone anatomy, in order

ZoneSourceRule
1 · TitleTechnician.hr_id · name Primary tier; the longest realistic name is exercised: "T-014 · J. Alvarez-Whittingham" truncates per rule, never collides
2 · Metadata linereturning-from context Meta tier; hidden when absent; conditional visibility stated
3 · Chips band · certification · telemetry Proximity band (TERM-011 label[9]), certification, "position 3 min old" rides the staleness flag
4 · Actionsn/a Accept (primary, the card's tap target), then Override… (secondary)
Decision: arrangement Suggestions are cards (heterogeneous content), ordered by the recommendation module's rank, never re-sorted client-side (FR-010[2]). The queue is a list (homogeneous scans faster), sorted priority then age, fixed-height scroll, no pagination.
SCR-001 Dispatch board · default state (lo-fi) lo-fi schematic · generated from the content-slot table AppBar Toronto hub · day shift · Dana O. ListPanel · job queue (sorted priority, then age;… 4 JOB-2214 · Gas leak · G2 P1 · 12m JOB-2209 · Meter swap · G2 routine · 41m JOB-2207 · Furnace · no heat, tenant… P2 · 1h 05m JOB-2201 · Water heater relight routine · 1h 22m 12 more · scroll CardStack · suggestions for JOB-2214 T-014 · J. Alvarez-Whittingham Returning from 114 King St E Band A · 8 min G2 certified 2 jobs today Accept Override… 1 T-022 · M. Osei Band B · 19 min G2 certified Accept Override… T-045 · R. Singh Band C · 37 min G2 certified position 3 min old Accept Override… MapStrip · technician positions 3 T-014 · fresh T-022 · fresh T-045 · stale 3m T-104 · : T-104 reports no position · shown as unknown, never guessed

Generated from the content-slot spec (scr-001-board.wf.yamlgen_wireframe.py): typed element kinds, real representative content with edge cases (longest name, a technician with no position), truncation enforced in render. The tables above are canonical.

Override dialog: input spec

InputTypeRules
Reasonselect · required The six governed codes (enumeration[3]); required is the marked minority; label top-aligned
Notetext · optional 250 maximum with a live counter; overflow rejected naming the limit (US-3 row AT-3[8])
Mismatch warningconditional line Appears when the chosen technician lacks the required certification; visibility rule stated
ActionsCancel · Confirm override Primary rightmost per the declared convention; labels descriptive
SCR-001 · Override assignment (dialog, lo-fi) lo-fi schematic · generated from the content-slot table Dialog · Override JOB-2214 to T-088 (M. Boucher) Reason (required) · select, one of the six governed codes RC-03 · Customer request 2 Note (optional, 250 max · counter shows remaining) Customer asked for the tech who installed the unit last fall… T-088 lacks G2 · confirmation required (skill-mismatch recorded) Cancel Confirm override

The dialog schematic, generated from scr-001-override-dialog.wf.yaml; the note field shows its edge-length content ellipsized, the warning line rides its condition.

State deltas: one base frame, per-state region changes

StateRegions that changePattern-library reference
Queue emptyListPanel Empty-state pattern: "No open jobs; intake sends them here" + intake link
LoadingListPanel · CardStackSkeleton rows pattern
ErrorListPanel Error pattern: retry + the phone-fallback note; specific, never blaming
Permission-deniedCardStack actions · AppBar Read-only banner; actions removed server-side (SR-004[4])
Feed degradedMapStrip Stale chips + "unknown, never guessed" (degradation[2])

Callouts (one concern, one target each):

callout 1 Ranking rule → FR-010[2] frd anchor
callout 2a Reason-code list → ReasonCode[3] data-model field
callout 2b Capture rule → FR-012[2]: one callout resolving to two things split into two numbers frd anchor
callout 3 Staleness display → degradation[2]; the strip carries an alert role frd anchor + a11y attribute
callout 4 Queue sort rule → interface behavior[2] frd anchor
§2

Responsive Breakpoints

conditional · engaged: multi-viewport 1 decision1 evidence rule validator: breakpoint_set_named_with_baseline

Set: 375 · 768 · 1280, named. Baselines: board desktop-first (1280); day view mobile-first (375).

ScreenAt 768At 375
SCR-001 board Position strip stacks under the queue; suggestion panel keeps three cards, horizontally scrollable Not offered: dispatching is a desktop task (experience constraints[5]), recorded
SCR-003 day view Centers; no new regions Single column (baseline)
§3

Component Library Basis

mandatory 2 decisions1 evidence rule validators: library_basis_named_with_version_or_bespoke_decision · component_gaps_named_as_design_system_requests

Basis: the Meridian design system, tokens v4.2 (internal reuse[6]); regions cite its named components; no raw hex or pixel values anywhere. Gaps sent upstream: a StalenessFlag chip variant and a ReasonCode selector do not exist yet; filed as design-system requests (linked[7]).

Accessibility at schematic altitude: board first focus lands on the newest job; tab order queue → suggestions → actions; day view first focus on the confirm action. The audit itself belongs to the accessibility deliverable, referenced.

§4

Open Questions

mandatory1 decision
QuestionOwnerAnswer byBlocks
Does the override dialog live inline in the suggestion panel or as a modal? D. KaurAug 22, 2026 SCR-001's suggestion-panel region only (US-3[8])

Omission note (fixed-viewport products): "§2 Responsive Breakpoints omitted: kiosk surface, one viewport. Rationale recorded in adaptation event #1."

Refs

References & Package Contents

In this export package

package [2] Functional spec: FR-010..012, interface behavior (the rules the callouts point at) ./frd-recommendation-rules.docx
package [5] Product Requirements Document: experience constraints ./prd-dispatch-modernization.docx
package [7] Design-system requests: StalenessFlag, ReasonCode selector ./design-system-requests.html

In the Specira workspace

specira [1] Screen inventory: the roster and state sets this artifact details app.specira.ai/projects/dispatch-modernization/artifacts/screen-inventory
specira [3] Data model: the bound entities and fields app.specira.ai/projects/dispatch-modernization/artifacts/data-model
specira [4] Security requirements: SR-004 app.specira.ai/projects/dispatch-modernization/artifacts/security-requirements
specira [6] Architecture: design-system reuse row app.specira.ai/projects/dispatch-modernization/artifacts/architecture#sourcing
specira [8] Story set: US-3 override app.specira.ai/projects/dispatch-modernization/artifacts/user-stories
specira [9] Glossary: TERM-011 proximity band (chip labels use governed terms) app.specira.ai/projects/dispatch-modernization/artifacts/glossary
Generated by Specira · template wireframes v2 (draft) · pack specira_default_delivery lineage 7a525a9d…abf3 · page 1 of 5