Source code
Revision control
Copy as Markdown
Other Tools
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this file,
<!doctype html>
<head>
<meta charset="utf-8" />
<meta
http-equiv="Content-Security-Policy"
content="default-src resource: chrome:; object-src 'none'; img-src data: chrome:;"
/>
<meta name="color-scheme" content="light dark" />
<title data-l10n-id="genai-chatbot-title"></title>
<link rel="localization" href="branding/brand.ftl" />
<link rel="localization" href="browser/newtab/onboarding.ftl" />
<link rel="localization" href="browser/genai.ftl" />
<link rel="localization" href="browser/browser.ftl" />
<link rel="stylesheet" href="chrome://global/skin/in-content/common.css" />
<link
rel="stylesheet"
href="chrome://browser/content/sidebar/sidebar.css"
/>
<link
rel="stylesheet"
href="chrome://browser/content/aboutwelcome/aboutwelcome.css"
/>
<link rel="stylesheet" href="chrome://browser/content/genai/chat.css" />
<script src="chrome://global/content/vendor/react.js"></script>
<script src="chrome://global/content/vendor/react-dom.js"></script>
<script src="chrome://browser/content/contentTheme.js"></script>
<script src="chrome://browser/content/genai/chat.js"></script>
<script
type="module"
src="chrome://browser/content/sidebar/sidebar-panel-switcher.mjs"
></script>
</head>
<body>
<div id="header">
<!-- Shown only in horizontal-tabs "hide-launcher" mode, where there is no
launcher to switch sidebar panels with. The switcher and close button
are ordered first in the DOM so keyboard focus reaches them (switcher,
then close) ahead of the chatbot's own provider switcher and options
menu; CSS keeps the visual layout of each mode intact. -->
<sidebar-panel-switcher
view="viewGenaiChatSidebar"
></sidebar-panel-switcher>
<moz-button
data-l10n-id="genai-header-close-button"
iconsrc="chrome://global/skin/icons/close.svg"
id="header-close"
type="icon ghost"
></moz-button>
<select data-l10n-id="genai-header-provider-menu" id="provider"></select>
<div id="permissions-indicator"></div>
<moz-button
data-l10n-id="genai-header-settings-button"
iconsrc="chrome://global/skin/icons/more.svg"
aria-haspopup="menu"
aria-expanded="false"
id="header-more"
type="icon ghost"
></moz-button>
</div>
<div id="message-container"></div>
<div id="browser-container"></div>
<div id="summarize-btn-container">
<span class="badge" data-l10n-id="genai-menu-new-badge"></span>
<moz-button
data-l10n-id="genai-page-button-summarize"
id="summarize-button"
size="default"
>
</moz-button>
</div>
</body>
</html>