# 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, You can obtain one at http://mozilla.org/MPL/2.0/.

<!-- General panel -->

<script type="application/javascript"
        src="chrome://browser/content/preferences/in-content/main.js"/>

#ifdef MOZ_UPDATER
  <script type="application/javascript" src="chrome://browser/content/aboutDialog-appUpdater.js"/>
#endif

<script type="application/javascript"
        src="chrome://mozapps/content/preferences/fontbuilder.js"/>

<stringbundle id="bundlePreferences" src="chrome://browser/locale/preferences.properties"/>

<hbox id="generalCategory"
      class="subcategory"
      hidden="true"
      data-category="paneGeneral">
      <label class="header-name" flex="1" data-l10n-id="pane-general-title"/>
</hbox>

<!-- Startup -->
<groupbox id="startupGroup"
          data-category="paneGeneral"
          hidden="true">
  <caption><label data-l10n-id="startup-header"/></caption>

#ifdef MOZ_DEV_EDITION
  <vbox id="separateProfileBox">
    <checkbox id="separateProfileMode"
              data-l10n-id="separate-profile-mode"/>
    <hbox id="sync-dev-edition-root" lign="center" class="indent" hidden="true">
      <label id="useFirefoxSync" data-l10n-id="use-firefox-sync"/>
      <deck id="getStarted">
        <label class="text-link" data-l10n-id="get-started-not-logged-in"/>
        <label class="text-link" data-l10n-id="get-started-configured"/>
      </deck>
    </hbox>
  </vbox>
#endif

  <vbox id="startupPageBox">
    <checkbox id="browserRestoreSession"
              data-l10n-id="startup-restore-previous-session"/>
  </vbox>

#ifdef HAVE_SHELL_SERVICE
  <vbox id="defaultBrowserBox">
    <checkbox id="alwaysCheckDefault" preference="browser.shell.checkDefaultBrowser"
              data-l10n-id="always-check-default"/>
    <deck id="setDefaultPane">
      <hbox align="center" class="indent">
        <image class="face-sad"/>
        <label id="isNotDefaultLabel" flex="1" data-l10n-id="is-not-default"/>
        <button id="setDefaultButton"
                class="accessory-button"
                data-l10n-id="set-as-my-default-browser"
                preference="pref.general.disable_button.default_browser"/>
      </hbox>
      <hbox align="center" class="indent">
        <image class="face-smile"/>
        <label id="isDefaultLabel" flex="1" data-l10n-id="is-default"/>
      </hbox>
    </deck>
  </vbox>
#endif

</groupbox>

<!-- Tab preferences -->
<groupbox data-category="paneGeneral"
          hidden="true">
    <caption><label data-l10n-id="tabs-group-header"/></caption>

    <checkbox id="ctrlTabRecentlyUsedOrder" data-l10n-id="ctrl-tab-recently-used-order"
              preference="browser.ctrlTab.recentlyUsedOrder"
              oncommand="Services.prefs.clearUserPref('browser.ctrlTab.migrated');"/>

    <checkbox id="linkTargeting" data-l10n-id="open-new-link-as-tabs"
              preference="browser.link.open_newwindow"
              onsyncfrompreference="return gMainPane.readLinkTarget();"
              onsynctopreference="return gMainPane.writeLinkTarget();"/>

    <checkbox id="warnCloseMultiple" data-l10n-id="warn-on-quit-close-multiple-tabs"
              preference="browser.tabs.warnOnClose"/>

    <checkbox id="warnOpenMany" data-l10n-id="warn-on-open-many-tabs"
              preference="browser.tabs.warnOnOpen"/>

    <checkbox id="switchToNewTabs" data-l10n-id="switch-links-to-new-tabs"
              preference="browser.tabs.loadInBackground"/>

#ifdef XP_WIN
    <checkbox id="showTabsInTaskbar" data-l10n-id="show-tabs-in-taskbar"
              preference="browser.taskbar.previews.enable"/>
#endif

    <vbox id="browserContainersbox" hidden="true">
      <hbox id="browserContainersExtensionContent"
            align="center" class="extension-controlled">
        <description control="disableContainersExtension" flex="1" />
        <button id="disableContainersExtension"
                class="extension-controlled-button accessory-button"
                data-l10n-id="disable-extension" />
      </hbox>
      <hbox align="center">
        <checkbox id="browserContainersCheckbox"
                  class="tail-with-learn-more"
                  data-l10n-id="browser-containers-enabled"
                  preference="privacy.userContext.enabled"
                  onsyncfrompreference="return gMainPane.readBrowserContainersCheckbox();"/>
        <label id="browserContainersLearnMore" class="learnMore text-link" data-l10n-id="browser-containers-learn-more"/>
        <spacer flex="1"/>
        <!-- Please don't remove the wrapping hbox/vbox/box for these elements. It's used to properly compute the search tooltip position. -->
        <hbox>
          <button id="browserContainersSettings"
                  class="accessory-button"
                  data-l10n-id="browser-containers-settings"
                  search-l10n-ids="containers-add-button.label,
                    containers-preferences-button.label,
                    containers-remove-button.label"
                  />
        </hbox>
      </hbox>
    </vbox>
</groupbox>

<hbox id="languageAndAppearanceCategory"
      class="subcategory"
      hidden="true"
      data-category="paneGeneral">
  <label class="header-name" flex="1" data-l10n-id="language-and-appearance-header"/>
</hbox>

<!-- Fonts and Colors -->
<groupbox id="fontsGroup" data-category="paneGeneral" hidden="true">
  <caption><label data-l10n-id="fonts-and-colors-header"/></caption>

  <vbox>
    <hbox id="fontSettings">
      <hbox align="center" flex="1">
        <label control="defaultFont" data-l10n-id="default-font"/>
        <!-- Please don't remove the wrapping hbox/vbox/box for these elements. It's used to properly compute the search tooltip position. -->
        <hbox flex="1">
          <menulist id="defaultFont" flex="1" delayprefsave="true" onsyncfrompreference="return FontBuilder.readFontSelection(this);"/>
        </hbox>
        <label id="defaultFontSizeLabel" control="defaultFontSize" data-l10n-id="default-font-size"></label>
        <!-- Please don't remove the wrapping hbox/vbox/box for these elements. It's used to properly compute the search tooltip position. -->
        <hbox>
          <menulist id="defaultFontSize" delayprefsave="true">
            <menupopup>
              <menuitem value="9" label="9"/>
              <menuitem value="10" label="10"/>
              <menuitem value="11" label="11"/>
              <menuitem value="12" label="12"/>
              <menuitem value="13" label="13"/>
              <menuitem value="14" label="14"/>
              <menuitem value="15" label="15"/>
              <menuitem value="16" label="16"/>
              <menuitem value="17" label="17"/>
              <menuitem value="18" label="18"/>
              <menuitem value="20" label="20"/>
              <menuitem value="22" label="22"/>
              <menuitem value="24" label="24"/>
              <menuitem value="26" label="26"/>
              <menuitem value="28" label="28"/>
              <menuitem value="30" label="30"/>
              <menuitem value="32" label="32"/>
              <menuitem value="34" label="34"/>
              <menuitem value="36" label="36"/>
              <menuitem value="40" label="40"/>
              <menuitem value="44" label="44"/>
              <menuitem value="48" label="48"/>
              <menuitem value="56" label="56"/>
              <menuitem value="64" label="64"/>
              <menuitem value="72" label="72"/>
            </menupopup>
          </menulist>
        </hbox>
      </hbox>

      <!-- Please don't remove the wrapping hbox/vbox/box for these elements. It's used to properly compute the search tooltip position. -->
      <hbox>
        <button id="advancedFonts"
                class="accessory-button"
                icon="select-font"
                data-l10n-id="advanced-fonts"
                search-l10n-ids="
                  fonts-window.title,
                  fonts-langgroup-header,
                  fonts-proportional-size,
                  fonts-proportional-header,
                  fonts-serif,
                  fonts-sans-serif,
                  fonts-monospace,
                  fonts-langgroup-arabic.label,
                  fonts-langgroup-armenian.label,
                  fonts-langgroup-bengali.label,
                  fonts-langgroup-simpl-chinese.label,
                  fonts-langgroup-trad-chinese-hk.label,
                  fonts-langgroup-trad-chinese.label,
                  fonts-langgroup-cyrillic.label,
                  fonts-langgroup-devanagari.label,
                  fonts-langgroup-ethiopic.label,
                  fonts-langgroup-georgian.label,
                  fonts-langgroup-el.label,
                  fonts-langgroup-gujarati.label,
                  fonts-langgroup-gurmukhi.label,
                  fonts-langgroup-japanese.label,
                  fonts-langgroup-hebrew.label,
                  fonts-langgroup-kannada.label,
                  fonts-langgroup-khmer.label,
                  fonts-langgroup-korean.label,
                  fonts-langgroup-latin.label,
                  fonts-langgroup-malayalam.label,
                  fonts-langgroup-math.label,
                  fonts-langgroup-odia.label,
                  fonts-langgroup-sinhala.label,
                  fonts-langgroup-tamil.label,
                  fonts-langgroup-telugu.label,
                  fonts-langgroup-thai.label,
                  fonts-langgroup-tibetan.label,
                  fonts-langgroup-canadian.label,
                  fonts-langgroup-other.label,
                  fonts-minsize,
                  fonts-minsize-none.label,
                  fonts-default-serif.label,
                  fonts-default-sans-serif.label,
                  fonts-allow-own.label,
                  fonts-languages-fallback-header,
                  fonts-languages-fallback-label,
                  fonts-languages-fallback-desc,
                  fonts-languages-fallback-name-auto.label,
                  fonts-languages-fallback-name-arabic.label,
                  fonts-languages-fallback-name-baltic.label,
                  fonts-languages-fallback-name-ceiso.label,
                  fonts-languages-fallback-name-cewindows.label,
                  fonts-languages-fallback-name-simplified.label,
                  fonts-languages-fallback-name-traditional.label,
                  fonts-languages-fallback-name-cyrillic.label,
                  fonts-languages-fallback-name-greek.label,
                  fonts-languages-fallback-name-hebrew.label,
                  fonts-languages-fallback-name-japanese.label,
                  fonts-languages-fallback-name-korean.label,
                  fonts-languages-fallback-name-thai.label,
                  fonts-languages-fallback-name-turkish.label,
                  fonts-languages-fallback-name-vietnamese.label,
                  fonts-languages-fallback-name-other.label,
                " />
      </hbox>
    </hbox>
    <hbox id="colorsSettings">
      <spacer flex="1" />
      <!-- Please don't remove the wrapping hbox/vbox/box for these elements. It's used to properly compute the search tooltip position. -->
      <hbox>
        <button id="colors"
                class="accessory-button"
                icon="select-color"
                data-l10n-id="colors-settings"
                search-l10n-ids="
                  colors-page-override,
                  colors-page-override-option-always.label,
                  colors-page-override-option-auto.label,
                  colors-page-override-option-never.label,
                  colors-text-and-background,
                  colors-text-header,
                  colors-background,
                  colors-use-system,
                  colors-underline-links,
                  colors-links-header,
                  colors-unvisited-links,
                  colors-visited-links
                "/>
      </hbox>
    </hbox>
  </vbox>
</groupbox>

<!-- Languages -->
<groupbox id="languagesGroup" data-category="paneGeneral" hidden="true">
  <caption><label data-l10n-id="language-header"/></caption>

  <vbox id="browserLanguagesBox" align="start" hidden="true">
    <description flex="1" controls="chooseBrowserLanguage" data-l10n-id="choose-browser-language-description"/>
    <hbox>
      <menulist id="defaultBrowserLanguage" oncommand="gMainPane.onBrowserLanguageChange(event)">
        <menupopup/>
      </menulist>
      <button id="manageBrowserLanguagesButton"
              class="accessory-button"
              data-l10n-id="manage-browser-languages-button"
              oncommand="gMainPane.showBrowserLanguages({search: false})"/>
    </hbox>
  </vbox>
  <hbox id="confirmBrowserLanguage" class="message-bar" align="center" hidden="true">
    <image class="message-bar-icon"/>
    <hbox class="message-bar-content" align="center" flex="1">
      <description class="message-bar-description" flex="1"/>
      <button class="message-bar-button" oncommand="gMainPane.confirmBrowserLanguageChange(event)"/>
    </hbox>
  </hbox>

  <hbox id="languagesBox" align="center">
    <description flex="1" control="chooseLanguage" data-l10n-id="choose-language-description"/>
    <!-- Please don't remove the wrapping hbox/vbox/box for these elements. It's used to properly compute the search tooltip position. -->
    <hbox>
      <button id="chooseLanguage"
              class="accessory-button"
              data-l10n-id="choose-button"
              search-l10n-ids="
                webpage-languages-window.title,
                languages-description,
                languages-customize-moveup.label,
                languages-customize-movedown.label,
                languages-customize-remove.label,
                languages-customize-select-language.placeholder,
                languages-customize-add.label,
              " />
    </hbox>
  </hbox>

  <hbox id="translationBox" hidden="true">
    <hbox align="center" flex="1">
      <checkbox id="translate" preference="browser.translation.detectLanguage"
                data-l10n-id="translate-web-pages"
                onsyncfrompreference="return gMainPane.updateButtons('translateButton',
                                              'browser.translation.detectLanguage');"/>
      <hbox id="bingAttribution" hidden="true" align="center">
        <label data-l10n-id="translate-attribution">
          <html:img id="translationAttributionImage" aria-label="Microsoft Translator"
            src="chrome://browser/content/microsoft-translator-attribution.png"
            data-l10n-name="logo"/>
        </label>
      </hbox>
    </hbox>
    <button id="translateButton"
            class="accessory-button"
            data-l10n-id="translate-exceptions"/>
  </hbox>
  <checkbox id="checkSpelling"
          data-l10n-id="check-user-spelling"
          onsyncfrompreference="return gMainPane.readCheckSpelling();"
          onsynctopreference="return gMainPane.writeCheckSpelling();"
          preference="layout.spellcheckDefault"/>
</groupbox>

<!-- Files and Applications -->
<hbox id="filesAndApplicationsCategory"
      class="subcategory"
      hidden="true"
      data-category="paneGeneral">
  <label class="header-name" flex="1" data-l10n-id="files-and-applications-title"/>
</hbox>

<!--Downloads-->
<groupbox id="downloadsGroup" data-category="paneGeneral" hidden="true">
  <caption><label data-l10n-id="download-header"/></caption>

  <radiogroup id="saveWhere"
              preference="browser.download.useDownloadDir"
              onsyncfrompreference="return gMainPane.readUseDownloadDir();">
    <hbox>
      <radio id="saveTo"
             value="true"
             data-l10n-id="download-save-to"/>
      <textbox id="downloadFolder" flex="1"
               readonly="true"
               aria-labelledby="saveTo"/>
      <button id="chooseFolder"
              class="accessory-button"
              data-l10n-id="download-choose-folder"/>
    </hbox>
    <!-- Additional radio button added to support CloudStorage - Bug 1357171 -->
    <radio id="saveToCloud"
           value="true"
           hidden="true"/>
    <radio id="alwaysAsk"
           value="false"
           data-l10n-id="download-always-ask-where"/>
  </radiogroup>
</groupbox>

<groupbox id="applicationsGroup" data-category="paneGeneral" hidden="true">
  <caption><label data-l10n-id="applications-header"/></caption>
  <description data-l10n-id="applications-description"/>
  <textbox id="filter" flex="1"
           type="search"
           data-l10n-id="applications-filter"
           aria-controls="handlersView"/>

  <richlistbox id="handlersView"
               preference="pref.downloads.disable_button.edit_actions">
    <listheader equalsize="always">
        <treecol id="typeColumn" data-l10n-id="applications-type-column" value="type"
                 persist="sortDirection"
                 flex="1" sortDirection="ascending"/>
        <treecol id="actionColumn" data-l10n-id="applications-action-column" value="action"
                 persist="sortDirection"
                 flex="1"/>
    </listheader>
  </richlistbox>
</groupbox>


<!-- DRM Content -->
<groupbox id="drmGroup" data-category="paneGeneral" data-subcategory="drm" hidden="true">
  <caption><label data-l10n-id="drm-content-header"/></caption>
  <grid id="contentGrid2">
    <columns>
      <column flex="1"/>
      <column/>
    </columns>
    <rows id="contentRows-2">
      <row id="playDRMContentRow">
        <hbox align="center">
          <checkbox id="playDRMContent" preference="media.eme.enabled"
                    class="tail-with-learn-more" data-l10n-id="play-drm-content" />
          <label id="playDRMContentLink" class="learnMore text-link" data-l10n-id="play-drm-content-learn-more"/>
        </hbox>
      </row>
    </rows>
  </grid>
</groupbox>

#ifdef HAVE_SHELL_SERVICE
  <stringbundle id="bundleShell" src="chrome://browser/locale/shellservice.properties"/>
  <stringbundle id="bundleBrand" src="chrome://branding/locale/brand.properties"/>
#endif

<hbox id="updatesCategory"
      class="subcategory"
      hidden="true"
      data-category="paneGeneral">
  <label class="header-name" flex="1" data-l10n-id="update-application-title"/>
</hbox>

<!-- Update -->
<groupbox id="updateApp" data-category="paneGeneral" hidden="true">
  <caption class="search-header" hidden="true"><label data-l10n-id="update-application-title"/></caption>

  <label data-l10n-id="update-application-description"/>
  <hbox align="center">
    <vbox flex="1">
      <description id="updateAppInfo">
        <html:a id="releasenotes" target="_blank" data-l10n-name="learn-more" class="learnMore text-link" hidden="true"/>
      </description>
      <description id="distribution" class="text-blurb" hidden="true"/>
      <description id="distributionId" class="text-blurb" hidden="true"/>
    </vbox>
#ifdef MOZ_UPDATER
    <spacer flex="1"/>
    <!-- Please don't remove the wrapping hbox/vbox/box for these elements. It's used to properly compute the search tooltip position. -->
    <vbox>
      <button id="showUpdateHistory"
              class="accessory-button"
              data-l10n-id="update-history"
              preference="app.update.disable_button.showUpdateHistory"
              search-l10n-ids="
                history-title,
                history-intro
              "/>
    </vbox>
#endif
  </hbox>
#ifdef MOZ_UPDATER
  <vbox id="updateBox">
    <deck id="updateDeck" orient="vertical">
      <hbox id="checkForUpdates" align="start">
        <spacer flex="1"/>
        <button id="checkForUpdatesButton"
                data-l10n-id="update-checkForUpdatesButton"
                oncommand="gAppUpdater.checkForUpdates();"/>
      </hbox>
      <hbox id="downloadAndInstall" align="start">
        <spacer flex="1"/>
        <button id="downloadAndInstallButton"
                oncommand="gAppUpdater.startDownload();"/>
                <!-- label and accesskey will be filled by JS -->
      </hbox>
      <hbox id="apply" align="start">
        <spacer flex="1"/>
        <button id="updateButton"
                data-l10n-id="update-updateButton"
                oncommand="gAppUpdater.buttonRestartAfterDownload();"/>
      </hbox>
      <hbox id="checkingForUpdates" align="start">
        <image class="update-throbber"/>
        <label data-l10n-id="update-checkingForUpdates"></label>
        <spacer flex="1"/>
        <button data-l10n-id="update-checkForUpdatesButton"
                disabled="true"/>
      </hbox>
      <hbox id="downloading" align="start" data-l10n-id="update-downloading">
        <html:img class="update-throbber" src="chrome://global/skin/icons/loading.png" data-l10n-name="icon"/>
        <label id="downloadStatus" data-l10n-name="download-status"/>
      </hbox>
      <hbox id="applying" align="start">
        <image class="update-throbber"/>
        <label data-l10n-id="update-applying"></label>
      </hbox>
      <hbox id="downloadFailed" align="start">
        <label data-l10n-id="update-failed-main">
          <html:a id="failedLink" target="_blank" class="learnMore text-link" data-l10n-name="failed-link-main"></html:a>
        </label>
        <spacer flex="1"/>
        <button data-l10n-id="update-checkForUpdatesButton"
                oncommand="gAppUpdater.checkForUpdates();"/>
      </hbox>
      <hbox id="policyDisabled" align="start">
        <label data-l10n-id="update-adminDisabled"></label>
        <spacer flex="1"/>
        <button data-l10n-id="update-checkForUpdatesButton"
                disabled="true"/>
      </hbox>
      <hbox id="noUpdatesFound" align="start">
        <image class="face-smile"/>
        <label data-l10n-id="update-noUpdatesFound"></label>
        <spacer flex="1"/>
        <button data-l10n-id="update-checkForUpdatesButton"
                oncommand="gAppUpdater.checkForUpdates();"/>
      </hbox>
      <hbox id="otherInstanceHandlingUpdates" align="start">
        <label data-l10n-id="update-otherInstanceHandlingUpdates"></label>
        <spacer flex="1"/>
        <button data-l10n-id="update-checkForUpdatesButton"
                disabled="true"/>
      </hbox>
      <hbox id="manualUpdate" align="start">
        <image class="face-sad"/>
        <description flex="1" data-l10n-id="update-manual">
          <label id="manualLink" class="text-link" data-l10n-name="manual-link"/>
        </description>
        <spacer flex="1"/>
        <button data-l10n-id="update-checkForUpdatesButton"
                disabled="true"/>
      </hbox>
      <hbox id="unsupportedSystem" align="start">
        <description flex="1" data-l10n-id="update-unsupported">
          <label id="unsupportedLink" class="learnMore text-link" data-l10n-name="unsupported-link"></label>
        </description>
        <spacer flex="1"/>
        <button data-l10n-id="update-checkForUpdatesButton"
                disabled="true"/>
      </hbox>
      <hbox id="restarting" align="start">
        <image class="update-throbber"/><label data-l10n-id="update-restarting"></label>
        <spacer flex="1"/>
        <button data-l10n-id="update-updateButton"
                disabled="true"/>
      </hbox>
    </deck>
  </vbox>
#endif

#ifdef MOZ_UPDATER
  <description id="updateAllowDescription" data-l10n-id="update-application-allow-description"></description>
  <radiogroup id="updateRadioGroup" preference="app.update.auto">
    <radio id="autoDesktop"
           value="true"
           data-l10n-id="update-application-auto"/>
    <radio value="false"
           data-l10n-id="update-application-check-choose"/>
  </radiogroup>
#ifdef MOZ_MAINTENANCE_SERVICE
  <checkbox id="useService"
            data-l10n-id="update-application-use-service"
            preference="app.update.service.enabled"/>
#endif
#endif
  <checkbox id="enableSearchUpdate"
            data-l10n-id="update-enable-search-update"
            preference="browser.search.update"/>
</groupbox>

<hbox id="performanceCategory"
      class="subcategory"
      hidden="true"
      data-category="paneGeneral">
  <label class="header-name" flex="1" data-l10n-id="performance-title"/>
</hbox>

<!-- Performance -->
<groupbox id="performanceGroup" data-category="paneGeneral" hidden="true">
  <caption class="search-header" hidden="true"><label data-l10n-id="performance-title"/></caption>

  <hbox align="center">
    <checkbox id="useRecommendedPerformanceSettings"
              class="tail-with-learn-more"
              data-l10n-id="performance-use-recommended-settings-checkbox"
              preference="browser.preferences.defaultPerformanceSettings.enabled"/>
    <label id="performanceSettingsLearnMore" class="learnMore text-link" data-l10n-id="performance-settings-learn-more"/>
  </hbox>
  <description class="indent tip-caption" data-l10n-id="performance-use-recommended-settings-desc"/>

  <vbox id="performanceSettings" class="indent" hidden="true">
    <checkbox id="allowHWAccel"
              data-l10n-id="performance-allow-hw-accel"
              preference="layers.acceleration.disabled"/>
    <hbox align="center">
      <label id="limitContentProcess" data-l10n-id="performance-limit-content-process-option" control="contentProcessCount"/>
      <menulist id="contentProcessCount" preference="dom.ipc.processCount">
        <menupopup>
          <menuitem label="1" value="1"/>
          <menuitem label="2" value="2"/>
          <menuitem label="3" value="3"/>
          <menuitem label="4" value="4"/>
          <menuitem label="5" value="5"/>
          <menuitem label="6" value="6"/>
          <menuitem label="7" value="7"/>
          <menuitem label="8" value="8"/>
        </menupopup>
      </menulist>
    </hbox>
    <description id="contentProcessCountEnabledDescription" class="tip-caption" data-l10n-id="performance-limit-content-process-enabled-desc"/>
    <description id="contentProcessCountDisabledDescription" class="tip-caption" data-l10n-id="performance-limit-content-process-blocked-desc">
      <html:a class="text-link" data-l10n-name="learn-more" href="https://wiki.mozilla.org/Electrolysis"/>
    </description>
  </vbox>
</groupbox>

<hbox id="browsingCategory"
      class="subcategory"
      hidden="true"
      data-category="paneGeneral">
  <label class="header-name" flex="1" data-l10n-id="browsing-title"/>
</hbox>

<!-- Browsing -->
<groupbox id="browsingGroup" data-category="paneGeneral" hidden="true">
  <caption class="search-header" hidden="true"><label data-l10n-id="browsing-title"/></caption>

  <checkbox id="useAutoScroll"
            data-l10n-id="browsing-use-autoscroll"
            preference="general.autoScroll"/>
  <checkbox id="useSmoothScrolling"
            data-l10n-id="browsing-use-smooth-scrolling"
            preference="general.smoothScroll"/>

#ifdef XP_WIN
  <checkbox id="useOnScreenKeyboard"
            hidden="true"
            data-l10n-id="browsing-use-onscreen-keyboard"
            preference="ui.osk.enabled"/>
#endif
  <checkbox id="useCursorNavigation"
            data-l10n-id="browsing-use-cursor-navigation"
            preference="accessibility.browsewithcaret"/>
  <checkbox id="searchStartTyping"
            data-l10n-id="browsing-search-on-start-typing"
            preference="accessibility.typeaheadfind"/>
  <hbox align="center" data-subcategory="cfr">
    <checkbox id="cfrRecommendations"
            class="tail-with-learn-more"
            data-l10n-id="browsing-cfr-recommendations"
            preference="browser.newtabpage.activity-stream.asrouter.userprefs.cfr"/>
    <label id="cfrLearnMore" class="learnMore text-link" data-l10n-id="browsing-cfr-recommendations-learn-more"/>
  </hbox>
</groupbox>

<hbox id="networkProxyCategory"
      class="subcategory"
      hidden="true"
      data-category="paneGeneral">
  <label class="header-name" flex="1" data-l10n-id="network-settings-title"/>
</hbox>

<!-- Network Settings-->
<groupbox id="connectionGroup" data-category="paneGeneral" hidden="true">
  <caption class="search-header" hidden="true"><label data-l10n-id="network-settings-title"/></caption>

  <hbox align="center">
    <hbox align="center" flex="1">
      <description id="connectionSettingsDescription" control="connectionSettings"/>
      <spacer width="5"/>
      <label id="connectionSettingsLearnMore" class="learnMore text-link"
        data-l10n-id="network-proxy-connection-learn-more">
      </label>
      <separator orient="vertical"/>
    </hbox>

    <!-- Please don't remove the wrapping hbox/vbox/box for these elements. It's used to properly compute the search tooltip position. -->
    <hbox>
      <button id="connectionSettings"
              class="accessory-button"
              icon="network"
              data-l10n-id="network-proxy-connection-settings"
              searchkeywords="doh trr"
              search-l10n-ids="
                connection-window.title,
                connection-proxy-option-no.label,
                connection-proxy-option-auto.label,
                connection-proxy-option-system.label,
                connection-proxy-option-manual.label,
                connection-proxy-http,
                connection-proxy-ssl,
                connection-proxy-ftp,
                connection-proxy-http-port,
                connection-proxy-socks,
                connection-proxy-socks4,
                connection-proxy-socks5,
                connection-proxy-noproxy,
                connection-proxy-noproxy-desc,
                connection-proxy-http-share.label,
                connection-proxy-autotype.label,
                connection-proxy-reload.label,
                connection-proxy-autologin.label,
                connection-proxy-socks-remote-dns.label,
                connection-dns-over-https,
                connection-dns-over-https-url
            " />
    </hbox>
  </hbox>
</groupbox>