Remove Developer Toolkit section from UI

static/app.js

@@ -512,6 +512,9 @@
   }
 
   function fillReadonly(node, value) {
+    if (!node) {
+      return;
+    }
     node.value = value || "";
   }
 

templates/index.html

@@ -143,106 +143,6 @@
         </section>
       </section>
 
-      <section class="panel lower-panel">
-        <div class="panel-head">
-          <div>
-            <p class="panel-kicker">Developer Toolkit</p>
-            <h2>Ready-to-use API snippets</h2>
-          </div>
-        </div>
-
-        <div class="lower-grid">
-          <div>
-            <h3>Integration modes</h3>
-            <div class="guide-card">
-              <p class="guide-summary">
-                Choose the mode based on your product needs: fast URL playback with Translate or controllable MP3 generation with Edge voices.
-              </p>
-              <p class="guide-label">Translate URL mode</p>
-              <p class="guide-copy">
-                Best for quick playback where your app only needs an instantly playable URL and minimal setup complexity.
-              </p>
-              <ol class="guide-steps">
-                <li>Call <code>GET /api/translate-url</code> or <code>POST /api/synthesize</code> with <code>provider=translate</code>.</li>
-                <li>Read <code>directUrl</code> and <code>proxyUrl</code> from the response.</li>
-                <li>Set <code>proxyUrl</code> as your player source for stable inline playback.</li>
-              </ol>
-            </div>
-
-            <div class="guide-card">
-              <p class="guide-label">Edge neural mode</p>
-              <p class="guide-copy">
-                Best for voice quality and detailed control over voice, rate, volume, and pitch with reusable MP3 output.
-              </p>
-              <ol class="guide-steps">
-                <li>Call <code>GET /api/voices?filter=en-US</code> to fetch available voices.</li>
-                <li>Call <code>POST /api/synthesize</code> with <code>provider=edge</code> and selected voice parameters.</li>
-                <li>Use <code>audioUrl</code> in your player for production playback.</li>
-              </ol>
-            </div>
-          </div>
-
-          <div>
-            <h3>Copy-and-paste snippets</h3>
-            <label class="field">
-              <span>1. Base HTML audio player</span>
-              <textarea id="base-html-snippet" rows="4" readonly></textarea>
-            </label>
-
-            <label class="field">
-              <span>2. Translate: inline audio playback</span>
-              <textarea id="audio-tag-snippet" rows="6" readonly></textarea>
-            </label>
-
-            <label class="field">
-              <span>3. Translate: fetch and play</span>
-              <textarea id="fetch-get-snippet" rows="10" readonly></textarea>
-            </label>
-
-            <label class="field">
-              <span>4. Translate URL example</span>
-              <textarea id="example-get-url" rows="4" readonly></textarea>
-            </label>
-
-            <label class="field">
-              <span>5. Translate audio endpoint</span>
-              <textarea id="example-audio-url" rows="4" readonly></textarea>
-            </label>
-
-            <label class="field">
-              <span>6. Edge voices endpoint</span>
-              <textarea id="example-voices-url" rows="3" readonly></textarea>
-            </label>
-
-            <label class="field">
-              <span>7. Edge synthesize request</span>
-              <textarea id="fetch-post-snippet" rows="16" readonly></textarea>
-            </label>
-
-            <label class="field">
-              <span>8. Translate response sample</span>
-              <textarea id="translate-response-snippet" rows="10" readonly></textarea>
-            </label>
-
-            <label class="field">
-              <span>9. Edge response sample</span>
-              <textarea id="edge-response-snippet" rows="10" readonly></textarea>
-            </label>
-
-            <label class="field">
-              <span>10. End-to-end process summary</span>
-              <textarea id="process-summary" rows="10" readonly></textarea>
-            </label>
-
-            <div class="action-row">
-              <button type="button" data-copy-target="base-html-snippet">Copy HTML base</button>
-              <button type="button" data-copy-target="audio-tag-snippet" class="secondary">Copy translate audio</button>
-              <button type="button" data-copy-target="fetch-get-snippet" class="secondary">Copy translate fetch</button>
-              <button type="button" data-copy-target="fetch-post-snippet" class="secondary">Copy edge fetch</button>
-            </div>
-          </div>
-        </div>
-      </section>
     </main>
 
     <script src="/static/app.js" defer></script>