<!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>