ext-apps/examples/basic-host/sandbox.html at main · modelcontextprotocol/ext-apps

39 lines (39 loc) · 1.01 KB

<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="color-scheme" content="light dark">
    <!-- CSP is set via HTTP headers by serve.ts (based on ?csp= query param).
         The inner iframe inherits this CSP since we use document.write(). -->
    <title>MCP-UI Proxy</title>
    <style>
      html,
      body {
        margin: 0;
        height: 100vh;
        width: 100vw;
        /* Transparent background allows parent page to show through */
        background-color: transparent;
      }
      body {
        display: flex;
        flex-direction: column;
      }
      * {
        box-sizing: border-box;
      }
      iframe {
        background-color: transparent;
        border: 0px none transparent;
        padding: 0px;
        overflow: hidden;
        flex-grow: 1;
        /* Inherit color scheme from parent for consistent transparency */
        color-scheme: inherit;
      }
    </style>
  </head>
  <body>
    <script type="module" src="/src/sandbox.ts"></script>
  </body>
</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Expand file tree

Search code, repositories, users, issues, pull requests...

Uh oh!

FilesExpand file tree

sandbox.html

Latest commit

History

sandbox.html

File metadata and controls

Expand file tree