chatpapers/addon/content/preferences.xhtml

<linkset>
  <html:link rel="localization" href="__addonRef__-preferences.ftl" />
</linkset>
<groupbox
  onload="Zotero.__addonInstance__.hooks.onPrefsEvent('load', { window })"
>
  <label><html:h2 data-l10n-id="prefs-section-provider"></html:h2></label>
  <html:p id="chatpapers-pref-hint" class="chatpapers-pref-hint"></html:p>

  <hbox align="center">
    <html:label
      for="chatpapers-pref-provider"
      data-l10n-id="prefs-provider"
    ></html:label>
    <html:select id="chatpapers-pref-provider" preference="provider">
    </html:select>
    <button id="chatpapers-pref-reset" data-l10n-id="prefs-reset"></button>
  </hbox>

  <hbox align="center">
    <html:label
      for="chatpapers-pref-apiBaseUrl"
      data-l10n-id="prefs-base-url"
    ></html:label>
    <html:input
      type="text"
      id="chatpapers-pref-apiBaseUrl"
      preference="apiBaseUrl"
    ></html:input>
  </hbox>

  <hbox align="center">
    <html:label
      for="zotero-prefpane-__addonRef__-apiKey"
      data-l10n-id="prefs-api-key"
    ></html:label>
    <html:input
      type="password"
      id="zotero-prefpane-__addonRef__-apiKey"
      preference="apiKey"
    ></html:input>
  </hbox>

  <hbox align="center">
    <html:label
      for="chatpapers-pref-model"
      data-l10n-id="prefs-model"
    ></html:label>
    <html:input
      type="text"
      id="chatpapers-pref-model"
      preference="model"
    ></html:input>
    <button
      id="chatpapers-pref-refresh-models"
      data-l10n-id="prefs-refresh-models"
    ></button>
  </hbox>
</groupbox>

<groupbox>
  <label><html:h2 data-l10n-id="prefs-section-generation"></html:h2></label>
  <hbox align="center">
    <html:label data-l10n-id="prefs-temperature"></html:label>
    <html:input
      type="text"
      preference="temperature"
    ></html:input>
  </hbox>
  <hbox align="center">
    <html:label data-l10n-id="prefs-max-tokens"></html:label>
    <html:input
      type="number"
      preference="maxTokens"
      min="256"
      max="128000"
    ></html:input>
  </hbox>
  <hbox align="center">
    <html:label data-l10n-id="prefs-timeout"></html:label>
    <html:input
      type="number"
      preference="timeoutMs"
      min="10000"
      step="1000"
    ></html:input>
  </hbox>
  <hbox align="center">
    <html:label data-l10n-id="prefs-max-context"></html:label>
    <html:input
      type="number"
      preference="maxContextChars"
      min="5000"
      step="1000"
    ></html:input>
  </hbox>
  <hbox align="center">
    <html:label data-l10n-id="prefs-answer-language"></html:label>
    <html:input type="text" preference="answerLanguage"></html:input>
  </hbox>
  <checkbox preference="sendMetadata" data-l10n-id="prefs-send-metadata" />
</groupbox>

<groupbox>
  <label><html:h2 data-l10n-id="prefs-section-openrouter"></html:h2></label>
  <hbox align="center">
    <html:label data-l10n-id="prefs-openrouter-referer"></html:label>
    <html:input
      type="text"
      preference="openrouterReferer"
    ></html:input>
  </hbox>
  <hbox align="center">
    <html:label data-l10n-id="prefs-openrouter-title"></html:label>
    <html:input type="text" preference="openrouterTitle"></html:input>
  </hbox>
</groupbox>

<groupbox>
  <label><html:h2 data-l10n-id="prefs-section-lecture"></html:h2></label>
  <html:p id="chatpapers-pref-tts-hint" class="chatpapers-pref-hint"></html:p>

  <hbox align="center">
    <html:label
      for="chatpapers-pref-tts-provider"
      data-l10n-id="prefs-tts-provider"
    ></html:label>
    <html:select id="chatpapers-pref-tts-provider" preference="ttsProvider">
    </html:select>
  </hbox>

  <hbox align="center">
    <html:label
      for="chatpapers-pref-tts-voice"
      data-l10n-id="prefs-tts-voice"
    ></html:label>
    <html:input
      type="text"
      id="chatpapers-pref-tts-voice"
      preference="ttsVoice"
    ></html:input>
  </hbox>

  <vbox id="chatpapers-pref-piper-box" hidden="true">
    <hbox align="center">
      <html:label
        for="chatpapers-pref-piper-path"
        data-l10n-id="prefs-piper-path"
      ></html:label>
      <html:input
        type="text"
        id="chatpapers-pref-piper-path"
        preference="piperPath"
      ></html:input>
    </hbox>
    <hbox align="center">
      <html:label
        for="chatpapers-pref-piper-model"
        data-l10n-id="prefs-piper-model"
      ></html:label>
      <html:input
        type="text"
        id="chatpapers-pref-piper-model"
        preference="piperModelPath"
      ></html:input>
    </hbox>
  </vbox>

  <hbox align="center">
    <html:label
      for="chatpapers-pref-mineru-path"
      data-l10n-id="prefs-mineru-path"
    ></html:label>
    <html:input
      type="text"
      id="chatpapers-pref-mineru-path"
      preference="mineruPath"
    ></html:input>
  </hbox>

  <hbox align="center">
    <html:label
      for="chatpapers-pref-lecture-data-dir"
      data-l10n-id="prefs-lecture-data-dir"
    ></html:label>
    <html:input
      type="text"
      id="chatpapers-pref-lecture-data-dir"
      preference="lectureDataDir"
    ></html:input>
  </hbox>
  <html:p
    id="chatpapers-pref-lecture-data-dir-hint"
    class="chatpapers-pref-hint"
    data-l10n-id="prefs-lecture-data-dir-hint"
  ></html:p>
</groupbox>

<groupbox>
  <label><html:h2 data-l10n-id="prefs-section-prompts"></html:h2></label>
  <html:label data-l10n-id="prefs-system-prompt"></html:label>
  <html:textarea preference="systemPrompt" rows="4"></html:textarea>
  <html:label data-l10n-id="prefs-summary-prompt"></html:label>
  <html:textarea preference="summaryPrompt" rows="4"></html:textarea>
</groupbox>

<html:p data-l10n-id="prefs-privacy" class="chatpapers-pref-hint"></html:p>