> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cognigy.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Cognigy Agent Copilot

<div className="hero-container">
  <div className="hero-content">
    *Cognigy Agent Copilot* offers a variety of advanced features that empower agents to provide faster and more accurate customer support.

    <p>
      The workspace is fully customizable with widgets that display the most relevant information for any chat and voice use case.
    </p>

    <p>
      When embedded into your contact center's agent desktop, it enhances the overall efficiency of your contact center.
    </p>
  </div>

  <div style={{ position: "relative", width: "fit-content", margin: "0 auto" }}>
    <video
      width="200"
      height="200"
      className="block dark:hidden"
      style={{
    margin: "0 auto",
    borderRadius: "var(--rounded-xl, .75rem)",
    borderBottom: "1px solid lightgray",
    borderRight: "1px solid lightgray",
    borderTop: "0",
    borderLeft: "0"
  }}
      autoPlay
      muted
      loop
    >
      <source src="https://docscognigyassets.blob.core.windows.net/assets/Cognigy_Microanimation_1_Light_V1__Optimized.mp4" type="video/mp4" />
    </video>

    <video
      width="200"
      height="200"
      className="hidden dark:block"
      style={{
    margin: "0 auto",
    borderRadius: "var(--rounded-xl, .75rem)",
    borderBottom: "1px solid #313437",
    borderRight: "1px solid #313437",
    borderTop: "0",
    borderLeft: "0"
  }}
      autoPlay
      muted
      loop
    >
      <source src="https://docscognigyassets.blob.core.windows.net/assets/Cognigy_Microanimation_1_Dark_V1_Optimized.mp4" type="video/mp4" />
    </video>

    <button
      type="button"
      aria-label="Pause video"
      className="video-pause-btn"
      onClick={(e) => {
  const btn = e.currentTarget;
  const container = btn.parentElement;
  const videos = Array.from(container.querySelectorAll('video'));
  const visibleVideo = videos.find(v => !v.closest('[class*="hidden"]') && v.offsetParent !== null) || videos[0];
  const isPaused = visibleVideo?.paused;
  videos.forEach(v => isPaused ? v.play() : v.pause());
  btn.textContent = isPaused ? '⏸' : '▶';
  btn.setAttribute('aria-label', isPaused ? 'Pause video' : 'Play video');
}}
    >
      ⏸
    </button>
  </div>
</div>

<CardGroup cols={3}>
  <Card title="Explore Agent Copilot" icon="info" href="/agent-copilot/overview">
    Discover Agent Copilot's capabilities.
  </Card>

  <Card title="Build Your First Agent Copilot" icon="hammer" href="/agent-copilot/getting-started/overview">
    Build your Agent Copilot using Agent Copilot Nodes and ready-to-use widgets.
  </Card>

  <Card title="Configure Agent Copilot" icon="cog" href="/agent-copilot/configure/overview">
    Define the use case your Agent Copilot will handle.
  </Card>

  <Card title="Deploy and Connect" icon="cable" href="/agent-copilot/deploy/overview">
    Set up the connection to your contact center.
  </Card>

  <Card title="Troubleshooting Guide" icon="bug-off" href="/agent-copilot/troubleshooting">
    Diagnose and resolve common Agent Copilot issues.
  </Card>
</CardGroup>