1 files changed, 59 insertions, 0 deletions
diff --git a/admin-panel/src/client/pages/settings.ts b/admin-panel/src/client/pages/settings.ts
new file mode 100644
index 0000000..e78c69f
--- /dev/null
+++ b/admin-panel/src/client/pages/settings.ts
@@ -0,0 +1,59 @@
+export async function renderSettings(container: HTMLElement): Promise<void> {
+  container.innerHTML = `
+    <div class="settings-container">
+      <h1 style="margin-bottom:24px">Settings</h1>
+
+      <div class="settings-section">
+        <h2>API Configuration</h2>
+        <div class="form-group">
+          <label for="api-key">Anthropic API Key</label>
+          <input type="password" id="api-key" placeholder="sk-ant-..." style="width:100%" />
+          <small style="color:var(--text-secondary);margin-top:4px;display:block">
+            Configured via ANTHROPIC_API_KEY environment variable.
+            The API key is set in the container's environment, not stored in the database.
+          </small>
+        </div>
+      </div>
+
+      <div class="settings-section">
+        <h2>Agent Models</h2>
+        <p style="color:var(--text-secondary);margin-bottom:16px;font-size:13px">
+          Configure which Claude model each agent uses.
+        </p>
+        <div class="form-group">
+          <label>Planner (Plan generation)</label>
+          <select disabled><option>Claude Opus</option></select>
+        </div>
+        <div class="form-group">
+          <label>Critic (Plan review)</label>
+          <select disabled><option>Claude Sonnet</option></select>
+        </div>
+        <div class="form-group">
+          <label>Builder (Implementation)</label>
+          <select disabled><option>Claude Opus</option></select>
+        </div>
+        <div class="form-group">
+          <label>Shield (Test writing)</label>
+          <select disabled><option>Claude Sonnet</option></select>
+        </div>
+        <div class="form-group">
+          <label>Inspector (Code review)</label>
+          <select disabled><option>Claude Sonnet</option></select>
+        </div>
+        <div class="form-group">
+          <label>Ranger (Test runner)</label>
+          <select disabled><option>Claude Sonnet</option></select>
+        </div>
+        <small style="color:var(--text-secondary)">Model configuration will be available when the AI pipeline is enabled.</small>
+      </div>
+
+      <div class="settings-section">
+        <h2>Git / SSH</h2>
+        <p style="color:var(--text-secondary);font-size:13px">
+          SSH key for git-server and Gerrit access is mounted at <code>/app/.ssh/</code> in the container.
+          Ensure the public key is added to <code>/var/git_ssh_keys/</code> on the host.
+        </p>
+      </div>
+    </div>
+  `;
+}