hanzo.ai/components/models/preview.tsx

'use client'

/**
 * The research-preview label and its one action, asking for access, drawn where
 * models are listed. Its words and its address are lib/zen's.
 *
 * A client component because it renders @hanzo/ui members the server boundary
 * (components/ui) does not carry; see e2e/gates/weight.spec.ts.
 */
import { Anchor, Badge, XStack } from '@hanzo/ui'
import { NEXT } from '@/lib/zen'

/** Its label and its one action, for a card that already names it. */
export function Request() {
  return (
    <XStack flexWrap="wrap" items="center" gap="$3">
      <Badge variant="outline">{NEXT.what}</Badge>
      <Anchor href={NEXT.request} size="$2" textDecorationLine="underline">
        Request access
      </Anchor>
    </XStack>
  )
}