chromium/chrome/browser/resources/side_panel/companion/companion.html

<!doctype html>
<!--
  Entry point for the chrome-untrusted://companion-side-panel.top-chrome
  WebUI.
-->
<html dir="$i18n{textdirection}" lang="$i18n{language}">
  <head>
    <link rel="stylesheet" href="companion.css">
    <meta charset="utf-8">
  </head>
  <body>
    <!-- Network error UI that is initially hidden -->
    <div id="network-error-page">
      <div id="network-error-icon">
        <picture>
          <source srcset="generic-error-icon-dark.png"
                  media="(prefers-color-scheme: dark)">
          <img src="generic-error-icon.png">
        </picture>
      </div>
      <div id="network-error-top-line">
        $i18n{network_error_page_top_line}
      </div>
      <div id="network-error-bottom-line">
        $i18n{network_error_page_bottom_line}
      </div>
    </div>

    <form id="image-query-form" enctype="multipart/form-data"
      target="companion" method="POST">
      <input type="file" id="image-data" name="encoded_image" multiple>
      <input type="hidden" id="image-src-url" name="image_url">
      <input type="hidden" id="image-width" name="original_width">
      <input type="hidden" id="image-height" name="original_height">
      <input type="hidden" id="image-downscaled-dimensions"
          name="processed_image_dimensions">
    </form>
    <iframe name="companion"
            id="content"
            allow="cross-origin-isolated;
                   display-capture;
                   geolocation;
                   microphone;"
            frameBorder="0"></iframe>
    <script type="module" src="companion.js"></script>
  </body>
</html>