<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>{{ module_title() }}</title>

  {{ shidashi::include_view("header.html") }}

</head>
<body class="{{ shidashi::guess_body_class(body_class()) }}">

<nav class="{{ paste(nav_class(), collapse = ' ') }}">
  <ul class="navbar-nav">
    <li class="nav-item">
      <a class="nav-link fw-semibold">{{ module_title() }}</a>
    </li>
  </ul>
</nav>

<div class="container-fluid py-3">

  <div class="row">
    <div class="col-12">
      <h2 class="shidashi-anchor">MCP Client Configuration</h2>
      <p class="inline-all">
        Connect external AI tools (VS Code Copilot, Claude Code) to your
        shidashi app via the <strong>MCP (Model Context Protocol)</strong>.
      </p>
    </div>
  </div>

  <hr/>
  {{ ui_quick_start() }}

  <hr/>
  {{ ui_details() }}

</div>

{{ shidashi::module_drawer() }}
{{ shidashi::back_top_button("rocket", drawer_icon = "robot") }}

{{ shidashi::include_view("footer.html") }}
</body>
</html>
