stella-ops.org/git.stella-ops.org
1
0
Fork 0
Code Issues Pull Requests Actions 2 Releases Wiki Activity
Files
dd98d6c3f6c80c4e04cddb4a4427f077ab6d19d4
git.stella-ops.org/docs/features/checked/web/lineage-timeline-slider.md
master fdf95e0f46 docs: module dossier + install/quickstart sync for truthful cutover sprints 
- API_CLI_REFERENCE.md, INSTALL_GUIDE.md, quickstart.md, architecture/integrations.md, dev/DEV_ENVIRONMENT_SETUP.md, integrations/LOCAL_SERVICES.md: reflect real-service wiring.
- docs/modules/**: module dossier updates across the modules touched by SPRINT_20260415_001..007 + SPRINT_20260416_003..017 + SPRINT_20260417_018..024 + SPRINT_20260418_025 + SPRINT_20260419_026.
- docs/features/checked/web/**: update feature notes where UI changed.
- docs/qa/feature-checks/runs/web/evidence-presentation-ux/: QA evidence artifacts.
- docs/setup/**, docs/technical/**: align with setup wizard contracts.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-19 14:45:09 +03:00

4.3 KiB
Raw Blame History

Lineage Timeline Slider

Module

Web

Status

VERIFIED

Description

Interactive timeline slider for navigating SBOM lineage graph history. Allows scrubbing through release versions chronologically with visual markers for significant security state changes.

Implementation Details

  • Feature directory: src/Web/StellaOps.Web/src/app/features/lineage/
  • Routes: lineage.routes.ts
  • Components:
    • attestation-links (src/Web/StellaOps.Web/src/app/features/lineage/components/attestation-links/attestation-links.component.ts)
    • audit-pack-export (src/Web/StellaOps.Web/src/app/features/lineage/components/audit-pack-export/audit-pack-export.component.ts)
    • export-options (src/Web/StellaOps.Web/src/app/features/lineage/components/audit-pack-export/export-options/export-options.component.ts)
    • merkle-display (src/Web/StellaOps.Web/src/app/features/lineage/components/audit-pack-export/merkle-display/merkle-display.component.ts)
    • signing-options (src/Web/StellaOps.Web/src/app/features/lineage/components/audit-pack-export/signing-options/signing-options.component.ts)
    • cgs-badge (src/Web/StellaOps.Web/src/app/features/lineage/components/cgs-badge/cgs-badge.component.ts)
    • compare-panel (src/Web/StellaOps.Web/src/app/features/lineage/components/compare-panel/compare-panel.component.ts)
    • diff-table (src/Web/StellaOps.Web/src/app/features/lineage/components/diff-table/diff-table.component.ts)
    • explainer-step (src/Web/StellaOps.Web/src/app/features/lineage/components/explainer-timeline/explainer-step/explainer-step.component.ts)
    • explainer-timeline (src/Web/StellaOps.Web/src/app/features/lineage/components/explainer-timeline/explainer-timeline.component.ts)
    • export-dialog (src/Web/StellaOps.Web/src/app/features/lineage/components/export-dialog/export-dialog.component.ts)
    • keyboard-shortcuts-help (src/Web/StellaOps.Web/src/app/features/lineage/components/keyboard-shortcuts-help/keyboard-shortcuts-help.component.ts)
    • lineage-compare-panel (src/Web/StellaOps.Web/src/app/features/lineage/components/lineage-compare-panel/lineage-compare-panel.component.ts)
    • lineage-compare (src/Web/StellaOps.Web/src/app/features/lineage/components/lineage-compare/lineage-compare.component.ts)
    • lineage-component-diff (src/Web/StellaOps.Web/src/app/features/lineage/components/lineage-component-diff/lineage-component-diff.component.ts)
    • ... and 32 more components
  • Services:
    • audit-pack (src/Web/StellaOps.Web/src/app/features/lineage/services/audit-pack.service.ts)
    • explainer (src/Web/StellaOps.Web/src/app/features/lineage/services/explainer.service.ts)
    • lineage-export (src/Web/StellaOps.Web/src/app/features/lineage/services/lineage-export.service.ts)
    • lineage-graph (src/Web/StellaOps.Web/src/app/features/lineage/services/lineage-graph.service.ts)
  • Models:
    • src/Web/StellaOps.Web/src/app/features/lineage/components/audit-pack-export/models/audit-pack.models.ts
    • src/Web/StellaOps.Web/src/app/features/lineage/components/diff-table/models/diff-table.models.ts
    • src/Web/StellaOps.Web/src/app/features/lineage/components/explainer-timeline/models/explainer.models.ts
    • src/Web/StellaOps.Web/src/app/features/lineage/components/pinned-explanation/models/pinned.models.ts
  • Source: SPRINT_20251228_008_FE_sbom_lineage_graph_ii.md

E2E Test Plan

  • Setup:
    • Log in with a user that has appropriate permissions
    • Navigate to /lineage
    • Ensure test data exists (scanned artifacts, SBOM data, or seed data as needed)
  • Core verification:
    • Verify the component renders correctly with sample data
    • Verify interactive elements respond to user input
    • Verify data is fetched and displayed from the correct API endpoints
  • Edge cases:
    • Verify graceful handling when backend API is unavailable (error state)
    • Verify responsive layout at different viewport sizes
    • Verify accessibility (keyboard navigation, screen reader labels, ARIA attributes)

Verification

  • Run: docs/qa/feature-checks/runs/web/lineage-timeline-slider/run-001/
  • Tier 0 (source): pass ( ier0-source-check.json)
  • Tier 1 (build/tests): pass ( ier1-build-check.json)
  • Tier 2 (behavior): pass ( ier2-e2e-check.json)
  • Verified on (UTC): 2026-02-11T07:59:10Z