Lists

Editorial list primitives — list shells with margin-gutter annotation, column guides, and tick marks at every row-divider intersection. The margin label rotates 90° down the gutter; the right meta column carries compact values like ATS chips and dates. Stack DSMarginListRow children inside DSMarginList; each row has three slots (#label, default, #meta) plus an optional to prop to render the row as a NuxtLink with a trailing chevron.

DSMarginList · resume index

Anchor row uses labelTone='emphasis' so the master 'Base' record stands apart from the derived 'Tailored' rows. Meta column carries the ATS chip and a relative date. Hover and chevron signal the row is navigable.

  • Base
    General resume
    Base · 7 sections · 24 highlights
    ATS31
    Apr 12
  • Tailored
    Product Lead at Arc
    Tailored · 6 sections · 3 highlights modified
    ATS88
    2h ago
  • Tailored
    Staff Engineer at Stripe
    Tailored · 5 sections · 8 highlights modified
    ATS52
    Yesterday
  • Tailored
    UX Lead at Figma
    Tailored · 6 sections · 5 highlights modified
    ATS76
    Apr 9

DSConfigList · interview sessions

Config-driven wrapper around DSMarginList — pass items, get rows. Mirrors /my/settings/interviews. Status tag inline after the title, formatted date in the meta column, kebab menu in the actions cell. The link region wraps gutter + content + meta; the kebab sits as a sibling so we never nest a button inside an anchor. Hovering the link underlines the title.

  • Work history deep-diveActive
    Started · 2 highlights captured
    Apr 12 · 9:42 AM
  • Skills & projectsStarted
    Started · 1 highlight captured
    Apr 10 · 3:14 PM
  • Untitled sessionEmpty
    Apr 9 · 11:08 AM

DSConfigList · resume optimizations

Same primitive carrying the full feature surface: gutter label, title, sub, status tag, DSAtsMark in the meta column, kebab actions, and a navigable link area. Mirrors the /my/resumes Optimize Your Score picker.

  • Active
    Product Lead at ArcStrong
    6 sections · 3 highlights modified
    ATS88
  • Open
    Staff Engineer at StripeNeeds work
    5 sections · 8 highlights modified
    ATS52
  • Open
    UX Lead at FigmaFair
    6 sections · 5 highlights modified
    ATS76

DSMarginList · static (no chevron)

Omit the row's `to` prop to render a non-navigable row — useful for read-only summaries. The hover background still fires for affordance, but no chevron renders and the host element is a plain <article> instead of a NuxtLink.