import { CardGrid, LinkCard } from '@astrojs/starlight/components';

The voice widget is a floating orb with a microphone that you install on your site so a visitor can talk directly to your AI assistant, without typing. It's a product DIFFERENT from the web chat (Manual 06): two pieces, two snippets, two independent floating buttons on your site — they never merge into one. You can have both at once (chat and voice, each with its own button) or just one.

<CardGrid>
  <LinkCard
    title="What it is: a piece separate from chat"
    description="The voice widget is a floating orb with a microphone that you install on your site so a visitor can talk directly to your AI assistant, without typing."
    href="/en/guides/widget-voz/01-que-es-una-pieza-separada-del-chat/"
  />
  <LinkCard
    title="How it's installed"
    description="Requirements: administrator role to copy the snippet (Manual 24, section 8.2); access to your site's code (or to whoever manages it) to paste it."
    href="/en/guides/widget-voz/02-como-se-instala/"
  />
  <LinkCard
    title="The orb and the panel"
    description="At rest, the orb is a circular button with a microphone icon, fixed in a corner of your site."
    href="/en/guides/widget-voz/03-el-orbe-y-el-panel/"
  />
  <LinkCard
    title="Captions"
    description="While the call lasts, the panel shows the last lines of what's been said — both your agent and the visitor themselves — labeled with who's speaking (&quot;You&quot; / &quot;Assistant&quot;)."
    href="/en/guides/widget-voz/04-subtitulos/"
  />
  <LinkCard
    title="Transparency, privacy and alternative contact"
    description="Just like chat (Manual 06, section 6.2), the voice widget complies by design with the AI Act (Art."
    href="/en/guides/widget-voz/05-transparencia-privacidad-y-contacto-alternativo/"
  />
  <LinkCard
    title="How a call ends"
    description="A call can end in several ways — they all pass through the same &quot;Call ended&quot; state, with more specific text once the server confirms the reason:"
    href="/en/guides/widget-voz/06-como-termina-una-llamada/"
  />
  <LinkCard
    title="Accessibility"
    description="The orb and all its controls (mute, hang up, close) carry their own accessible label, readable by screen readers."
    href="/en/guides/widget-voz/07-accesibilidad/"
  />
  <LinkCard
    title="For whoever manages your site's code"
    description="If your site has its own Content-Security-Policy (CSP), the voice widget needs the same permissions the web chat already requires (Manual 06), plus the call provider's own origin."
    href="/en/guides/widget-voz/08-para-quien-gestione-el-codigo-de-tu-web/"
  />
</CardGrid>