Tasks | StartHDS App Dashboard Showcase

Skip to main content

←

Pages

Dashboard
Tasks

Edit prototype spec

Edit the current fixture spec YAML. Save validates and stores an in-memory override for this running server.

slug: starthds-app-showcase
name: StartHDS App Dashboard Showcase
description: Example app using the StartHDS app shell, task list, and sheet overlay patterns.
homeRoute: /
nav:
  - label: Dashboard
    route: /
  - label: Tasks
    route: /tasks
appNavbar:
  label: App dashboard
  items:
    - label: Dashboard
      route: /
    - label: Tasks
      route: /tasks
  variant: app
appFooter:
  text: StartHDS App dashboard footer
  links:
    - label: Dashboard
      href: /
    - label: Tasks
      href: /tasks
  variant: app
placeholders:
  missingPageTitle: Prototype page unavailable
  missingPageBody: This route is not part of the current prototype fixture yet.
  unsupportedSectionTitle: Unsupported section
  imageFallbackLabel: Image placeholder
  formFallbackLabel: Form placeholder
metadata:
  phase: extensions
  fixtureOrder: "10"
  complexity: bundle showcase
  testFocus: starthds app extension
pages:
  - slug: dashboard
    title: Dashboard
    route: /
    sections:
      - type: appShell
        sidebar:
          title: Prototype Ops
          links:
            - label: Dashboard
              href: /
            - label: Tasks
              href: /tasks
        header:
          title: Operational dashboard
          actions:
            - label: Open sheet
              action: openSheet
              target: app-extension-sheet
              variant: secondary
        stats:
          - label: Open tasks
            value: "24"
          - label: Ready checks
            value: 98%
          - label: Prototype flows
            value: "4"
        notice:
          tone: info
          text: This dashboard is rendered from the starthds-app bundle extension.
        records:
          - title: Prototype record
            body: Reusable app list surface.
            actionLabel: Manage
            action: openSheet
            target: app-extension-sheet
    overlays:
      - id: app-extension-sheet
        type: sheet
        variant: bottom
        title: App extension sheet
        body: This bottom sheet is rendered from the dashboard page spec and opened by appShell actions.
        fields:
          - label: Action note
            name: actionNote
            inputType: text
            value: Review app extension
        actions:
          - label: Cancel
            kind: close
            variant: secondary
          - label: Done
            kind: close
            variant: primary
  - slug: tasks
    title: Tasks
    route: /tasks
    sections:
      - type: taskList
        title: Task list
        tasks:
          - title: Review prototype
            body: Check the rendered screen.
            meta: Today
          - title: Approve extension
            body: Confirm bundle coverage.
            meta: Next

App dashboard

Dashboard Tasks

phase: extensions
fixtureOrder: 10
complexity: bundle showcase
testFocus: starthds app extension

Task list

Review prototype
Check the rendered screen.
Today
Approve extension
Confirm bundle coverage.
Next

StartHDS App dashboard footer

Dashboard Tasks