From fa0722d9871c2de8e9decfd705406005f273dc08 Mon Sep 17 00:00:00 2001
From: vimtor <vn4varro@gmail.com>
Date: Tue, 7 Jul 2026 11:49:29 +0200
Subject: [PATCH] chore: add SDK section in the how to use dialog

---
 packages/web/src/index.css  |  1 -
 packages/web/src/render.tsx | 19 ++++++++++++++++---
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/packages/web/src/index.css b/packages/web/src/index.css
index 042c17d5a..01f0a6dd9 100644
--- a/packages/web/src/index.css
+++ b/packages/web/src/index.css
@@ -759,7 +759,6 @@ dialog .body .code-block {
   margin-bottom: 0.625rem;
 }
 
-dialog .body h2,
 dialog .body p:has(+ h2),
 dialog .body .code-block:has(+ h2) {
   margin-bottom: 1.5rem;
diff --git a/packages/web/src/render.tsx b/packages/web/src/render.tsx
index 9599aa35e..93c73c6e6 100644
--- a/packages/web/src/render.tsx
+++ b/packages/web/src/render.tsx
@@ -1528,15 +1528,28 @@ function HelpDialog() {
             </a>
           </code>
         </div>
+        <h2>SDK</h2>
+        <p>
+          Use the SDK to query the API from your app. It's type-safe and
+          exports the latest snapshot for offline use.
+        </p>
+        <div class="code-block">
+          <code>
+            npm install{" "}
+            <a href="https://www.npmjs.com/package/@opencode-ai/models">
+              @opencode-ai/models
+            </a>
+          </code>
+        </div>
         <h2>Contribute</h2>
         <p>
-          The data is stored in the{" "}
+          The data is stored in{" "}
           <a
-            href="https://github.com/sst/models.dev"
+            href="https://github.com/anomalyco/models.dev"
             target="_blank"
             rel="noopener noreferrer"
           >
-            GitHub repo
+            GitHub
           </a>{" "}
           as TOML files organized by provider and canonical model.
         </p>