Boise Today project

Boise Today / Design system

Documentation v0.1 · Boise publication · Townwell platform

Design system contents

Patterns

Story authoring and publication

Separate writing, saving, editorial classification, scheduling and publication in a purpose-built CMS workflow.

On this page

Task and context

Separate writing, saving, editorial classification, scheduling and publication in a purpose-built CMS workflow.

Flow and composition

Flow and composition
StageInterface responsibility
OpenChoose a record from Stories or create a new draft.
DetailsSet title, slug, type, topic, source and author context.
ContentWrite structured body and manage story imagery.
PublishingReview distribution, featured placement and timing.
SavePersist the intended draft changes with pending/error feedback.
Publish/previewConfirm visibility separately; preview clearly identifies draft context.

Decisions and handoff

  • Publication, featured placement and syndication are independent decisions.
  • The editor form retains mounted tab panels; hidden fields still belong to the submission.
  • Check timezone and server validation before scheduling.

Recovery and acceptance

  • Preserve edits after a failed save.
  • Confirm public visibility only from the actual server result and public route.
  • Capture copy uses no-op actions, so screenshots certify layout rather than successful publication.

Source references

Source references
FileResponsibility
components/admin/story-editor-form.tsxAudited Townwell implementation; use this file when extending this interface.
app/admin/(shell)/stories/actions.tsAudited Townwell implementation; use this file when extending this interface.
components/admin/admin-publication-control.tsxAudited Townwell implementation; use this file when extending this interface.

Examples from the app

Actual Boise Today and Townwell UI with synthetic editorial, business, review, media metadata and analytics. Existing Boise imagery; no live data changes. Captured at 2× resolution or higher. Select an image to inspect it full size.

Admin Stories · Screen · Light · Desktop · 2880 × 2000 px
Story Editor · Screen · Light · Desktop · 2880 × 2000 px
Story Editor · Screen · Light · Desktop · Content · 2880 × 2000 px
Story Editor · Screen · Light · Desktop · Content Full Page · 2880 × 3858 px
Story Editor · Screen · Light · Desktop · Publishing · 2880 × 2000 px
Story Editor · Screen · Light · Desktop · Publishing Full Page · 2880 × 2844 px
Story Editor · Screen · Light · Desktop · Notes · 2880 × 2000 px
Story Editor · Screen · Light · Desktop · Notes Full Page · 2880 × 2770 px
Publication · Component detail · Light · Desktop · 1920 × 198 px

Source audit: 2026-10-07 · Revision ce8bc72b96da · Documentation v0.1