hanzo.ai/components/models/Live.tsx

'use client'

import { Pulse } from '@hanzo/ui'
import { Chip } from '@hanzo/ui/marketing'

/**
 * The chip over /models' heading: the live dot and where the catalogue is read
 * from. A client component because `Pulse` is a member the server boundary
 * (components/ui) does not carry; see e2e/gates/weight.spec.ts.
 */
export function Live() {
  return (
    <Chip display="inline-flex" items="center" gap="$2" mb="$6" px="$4" py="$2" fontSize="$1" lineHeight="$1">
      <Pulse render="span" width={6} height={6} rounded="var(--radius-full)" bg="var(--state-online)" />
      Live from api.hanzo.ai
    </Chip>
  )
}