webui/components/settings/agent/agent-settings.html

<html>
  <head>
    <title>Agent Settings</title>
  </head>

  <body>
    <div x-data>
      <template x-if="$store.settings">
        <div>
          <nav>
            <ul>
              <li>
                <a href="#section-agent-config">
                  <img src="/public/agent.svg" alt="Agent Config" />
                  <span>Agent Config</span>
                </a>
              </li>
              <li>
                <a href="#section-models-summary">
                  <img src="/public/chat_model.svg" alt="Models" />
                  <span>Models</span>
                </a>
              </li>
              <li>
                <a href="#section-voice">
                  <img src="/public/speech.svg" alt="Voice" />
                  <span>Voice</span>
                </a>
              </li>
              <li>
                <a href="#section-workdir">
                  <img src="/public/folder.svg" alt="Workdir" />
                  <span>Workdir</span>
                </a>
              </li>
              <li>
                <a href="#section-locale">
                  <x-icon aria-hidden="true" name="language"></x-icon>
                  <span>Locale</span>
                </a>
              </li>
              <li>
                <a href="#section-interface">
                  <x-icon aria-hidden="true" name="dashboard_customize"></x-icon>
                  <span>Interface</span>
                </a>
              </li>
              <li>
                <a href="#section-agent-plugins">
                  <x-icon aria-hidden="true" name="extension"></x-icon>
                  <span>Plugins</span>
                </a>
              </li>
            </ul>
          </nav>

          <div id="section-agent-config" class="section">
            <x-component path="settings/agent/agent.html"></x-component>
          </div>

          <div id="section-models-summary" class="section">
            <x-component path="/plugins/_model_config/webui/models-summary.html"></x-component>
          </div>

          <div id="section-voice" class="section">
            <x-component path="settings/agent/voice.html"></x-component>
          </div>

          <div id="section-workdir" class="section">
            <x-component path="settings/agent/workdir.html"></x-component>
          </div>

          <div id="section-locale" class="section">
            <x-component path="settings/agent/locale.html"></x-component>
          </div>

          <div id="section-interface" class="section">
            <x-component path="settings/agent/interface.html"></x-component>
          </div>

          <!-- Plugin settings subsection: shows plugins tagged with "agent" -->
          <div id="section-agent-plugins" class="section">
            <x-component path="settings/plugins/plugins-subsection.html" data-tab="agent"></x-component>
          </div>

        </div>
      </template>
    </div>
  </body>
</html>