Cite

import {  Cite,  Sources,  Stack,  Text} from '@kerf-js/veneer'import type { AgentSource } from '@kerf-js/veneer'export function Inline() {  return (  <Stack gap="group">    <Text>      The deploy was held back after three failed      {' checks '}      <Cite        n={1}        source={DEPLOY_SOURCES[1]}        href="#cite-s1"      />      , and the cause is one retry setting{' '}      <Cite        n={2}        source={DEPLOY_SOURCES[2]}        href="#cite-s2"      />      .    </Text>    <Sources      items={CITED}      base="cite"    />  </Stack>  )}const DEPLOY_SOURCES: AgentSource[] = [  {    title: 'd-4819 build log',    path: 'mobile-bff · 15:27',    snippet:      'health check failed: upstream ' +      'timed out after 3000 ms in ' +      'ap-south',  },  {    title: 'Health checks',    path: 'kerf docs · Deploys',    snippet:      'A deploy that fails three ' +      'checks in a row is held back ' +      'from traffic.',  },  {    title: 'c44e190',    path: 'mobile-bff · retry.ts · L18',    snippet: 'const attempts = 5 // was 2',  },]const CITED = DEPLOY_SOURCES.slice(1)