fix: honour initial data-state attribute and point demo at real identity

- Widget now reads data-state on connect so static demos show correct states
- Auto-resolve demo points to auths-dev/example-verify-badge (has real registry)

Author: bordumb

examples/auto-resolve.html

@@ -25,21 +25,21 @@ <h1>Auto-Resolve from Repository</h1>
 
   <h2>GitHub Repository</h2>
   <p>Uses the <code>repo</code> attribute to auto-resolve from GitHub:</p>
-  <pre>&lt;auths-verify repo="https://github.com/auths-dev/auths"&gt;&lt;/auths-verify&gt;</pre>
+  <pre>&lt;auths-verify repo="https://github.com/auths-dev/example-verify-badge"&gt;&lt;/auths-verify&gt;</pre>
   <div class="demo">
     <auths-verify
       id="github-demo"
-      repo="https://github.com/auths-dev/auths"
+      repo="https://github.com/auths-dev/example-verify-badge"
     ></auths-verify>
   </div>
   <p class="log" id="github-log">Waiting...</p>
 
   <h2>With Tooltip Mode</h2>
   <p>Combine <code>repo</code> with display modes:</p>
-  <pre>&lt;auths-verify repo="https://github.com/auths-dev/auths" mode="tooltip"&gt;&lt;/auths-verify&gt;</pre>
+  <pre>&lt;auths-verify repo="https://github.com/auths-dev/example-verify-badge" mode="tooltip"&gt;&lt;/auths-verify&gt;</pre>
   <div class="demo">
     <auths-verify
-      repo="https://github.com/auths-dev/auths"
+      repo="https://github.com/auths-dev/example-verify-badge"
       mode="tooltip"
     ></auths-verify>
   </div>
@@ -62,7 +62,7 @@ <h2>Forge Hint Override</h2>
 
   <h2>Identity Filter</h2>
   <p>Use <code>identity</code> to resolve a specific identity when a repo has multiple:</p>
-  <pre>&lt;auths-verify repo="https://github.com/auths-dev/auths" identity="did:key:z6Mk..."&gt;&lt;/auths-verify&gt;</pre>
+  <pre>&lt;auths-verify repo="https://github.com/auths-dev/example-verify-badge" identity="did:key:z6Mk..."&gt;&lt;/auths-verify&gt;</pre>
 
   <script type="module" src="../src/auths-verify.ts"></script>
   <script>

src/auths-verify.ts

@@ -33,6 +33,11 @@ class AuthsVerify extends HTMLElement {
   // --- Lifecycle ---
 
   connectedCallback(): void {
+    // Honour initial data-state attribute for static/visual demos
+    const initial = this.getAttribute('data-state') as ComponentState | null;
+    if (initial && initial !== 'idle') {
+      this.#state = initial;
+    }
     this.#render();
     if (this.autoVerify && this.#hasInput()) {
       this.#scheduleVerify();