@agent-native/core 0.79.26 → 0.79.27

package/docs/content/locales/hi-IN/authentication.mdx

@@ -15,13 +15,73 @@ description: "ईमेल/पासवर्ड, सामाजिक प्
 - **रिमोट MCP OAuth:** MCP होस्ट जैसे Claude कोड और ChatGPT कनेक्टर के लिए मानक OAuth 2.1।
 - **कस्टम:** `getSession` कॉलबैक के माध्यम से अपना स्वयं का लेख लाएँ।
 
-```an-diagram title="तीन तरह से, एक सत्र" summary="ब्राउज़र विज़िटर, प्रोग्रामेटिक MCP क्लाइंट और कस्टम प्रदाता सभी उसी AuthSession को हल करते हैं जिसे डाउनस्ट्रीम स्कोपिंग पढ़ता है।"
-{
-  "html": "<div class=\"auth-modes\"><div class=\"diagram-col\"><div class=\"diagram-card\"><span class=\"diagram-pill accent\">Default</span><strong>Better Auth</strong><small class=\"diagram-muted\">email/password &middot; Google &middot; GitHub</small></div><div class=\"diagram-card\"><span class=\"diagram-pill\">Remote MCP OAuth</span><strong>OAuth 2.1 + PKCE</strong><small class=\"diagram-muted\">Claude Code, ChatGPT कनेक्टर</small></div><div class=\"diagram-card\"><span class=\"diagram-pill\">Custom</span><strong>getSession callback</strong><small class=\"diagram-muted\">Clerk &middot; Auth0 &middot; Firebase</small></div></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-panel center\"><span class=\"diagram-pill ok\">AuthSession</span><small class=\"diagram-muted\">email &middot; orgId &middot; orgRole</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\">Request context &amp; data scoping</div></div>",
-  "css": ".auth-modes{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.auth-modes .diagram-col{display:flex;flex-direction:column;gap:10px}.auth-modes .diagram-card{display:flex;flex-direction:column;gap:4px;padding:10px 12px}.auth-modes .diagram-arrow{font-size:22px;line-height:1}.auth-modes .center{display:flex;flex-direction:column;align-items:center;gap:4px}"
+<Diagram id="doc-block-isxt5n" title={"तीन तरह से, एक सत्र"} summary={"ब्राउज़र विज़िटर, प्रोग्रामेटिक MCP क्लाइंट और कस्टम प्रदाता सभी उसी AuthSession को हल करते हैं जिसे डाउनस्ट्रीम स्कोपिंग पढ़ता है।"}>
+
+```html
+<div class="auth-modes">
+  <div class="diagram-col">
+    <div class="diagram-card">
+      <span class="diagram-pill accent">Default</span
+      ><strong>Better Auth</strong
+      ><small class="diagram-muted"
+        >email/password &middot; Google &middot; GitHub</small
+      >
+    </div>
+    <div class="diagram-card">
+      <span class="diagram-pill">Remote MCP OAuth</span
+      ><strong>OAuth 2.1 + PKCE</strong
+      ><small class="diagram-muted">Claude Code, ChatGPT कनेक्टर</small>
+    </div>
+    <div class="diagram-card">
+      <span class="diagram-pill">Custom</span
+      ><strong>getSession callback</strong
+      ><small class="diagram-muted"
+        >Clerk &middot; Auth0 &middot; Firebase</small
+      >
+    </div>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-panel center">
+    <span class="diagram-pill ok">AuthSession</span
+    ><small class="diagram-muted">email &middot; orgId &middot; orgRole</small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-box">Request context &amp; data scoping</div>
+</div>
+```
+
+```css
+.auth-modes {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  flex-wrap: wrap;
+}
+.auth-modes .diagram-col {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.auth-modes .diagram-card {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 10px 12px;
+}
+.auth-modes .diagram-arrow {
+  font-size: 22px;
+  line-height: 1;
+}
+.auth-modes .center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
 }
 ```
 
+</Diagram>
+
 ब्राउज़र प्रवाह हर जगह समान बेहतर प्रामाणिक प्रवाह है - **कोई डेव ऑथ बाईपास** नहीं है, और `getSession()` कभी भी `local@localhost` प्रहरी पर वापस नहीं आता है। परिवेशों के बीच जो परिवर्तन होता है वह साइनअप घर्षण है, लॉगिन वॉल नहीं:
 
 | पर्यावरण             | प्रथम-लोड व्यवहार                                                                           | ईमेल सत्यापन                                                   |
@@ -164,13 +224,67 @@ https://mail.agent-native.com/_agent-native/mcp
 
 अप्रमाणित MCP अनुरोध `/.well-known/oauth-protected-resource` की ओर इशारा करते हुए एक `WWW-Authenticate` चुनौती लौटाते हैं। क्लाइंट तब ऐप के OAuth मेटाडेटा को खोजता है, गतिशील रूप से एक सार्वजनिक क्लाइंट को पंजीकृत करता है, ऐप के प्राधिकरण पृष्ठ को खोलता है, और एक्सेस और रीफ्रेश टोकन के लिए PKCE के साथ एक प्राधिकरण कोड का आदान-प्रदान करता है।
 
-```an-diagram title="रिमोट MCP OAuth हैंडशेक" summary="एक OAuth-सक्षम क्लाइंट केवल MCP URL से बूटस्ट्रैप करता है - चुनौती, खोज, गतिशील पंजीकरण, फिर एक PKCE कोड एक्सचेंज।"
-{
-  "html": "<div class=\"mcp-flow\"><div class=\"diagram-node\">1 &middot; MCP request<br><small class=\"diagram-muted\">no token</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-node warn\">2 &middot; 401 challenge<br><small class=\"diagram-muted\">WWW-Authenticate</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-node\">3 &middot; Discover metadata<br><small class=\"diagram-muted\">.well-known</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-node\">4 &middot; Register client<br><small class=\"diagram-muted\">डायनामिक, सार्वजनिक</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-node\">5 &middot; Authorize + PKCE<br><small class=\"diagram-muted\">code exchange</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-node ok\">6 &middot; Access + refresh<br><small class=\"diagram-muted\">audience-bound</small></div></div>",
-  "css": ".mcp-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mcp-flow .diagram-node{display:flex;flex-direction:column;gap:2px;padding:8px 12px}.mcp-flow .diagram-arrow{font-size:20px;line-height:1}"
+<Diagram id="doc-block-16envrs" title={"रिमोट MCP OAuth हैंडशेक"} summary={"एक OAuth-सक्षम क्लाइंट केवल MCP URL से बूटस्ट्रैप करता है - चुनौती, खोज, गतिशील पंजीकरण, फिर एक PKCE कोड एक्सचेंज।"}>
+
+```html
+<div class="mcp-flow">
+  <div class="diagram-node">
+    1 &middot; MCP request<br /><small class="diagram-muted">no token</small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-node warn">
+    2 &middot; 401 challenge<br /><small class="diagram-muted"
+      >WWW-Authenticate</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-node">
+    3 &middot; Discover metadata<br /><small class="diagram-muted"
+      >.well-known</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-node">
+    4 &middot; Register client<br /><small class="diagram-muted"
+      >डायनामिक, सार्वजनिक</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-node">
+    5 &middot; Authorize + PKCE<br /><small class="diagram-muted"
+      >code exchange</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-node ok">
+    6 &middot; Access + refresh<br /><small class="diagram-muted"
+      >audience-bound</small
+    >
+  </div>
+</div>
+```
+
+```css
+.mcp-flow {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+.mcp-flow .diagram-node {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: 8px 12px;
+}
+.mcp-flow .diagram-arrow {
+  font-size: 20px;
+  line-height: 1;
 }
 ```
 
+</Diagram>
+
 सेट होने पर एक्सेस टोकन `A2A_SECRET` के साथ हस्ताक्षरित होते हैं, अन्यथा `BETTER_AUTH_SECRET`। वे हस्ताक्षरित उपयोगकर्ता/संगठन पहचान और `mcp:read`, `mcp:write`, और/या `mcp:apps` स्कोप रखते हैं, और सटीक MCP संसाधन URL के लिए दर्शकों से बंधे हैं। रिफ्रेश टोकन केवल हैश के रूप में संग्रहीत होते हैं और प्रत्येक रिफ्रेश पर घूमते हैं। टूल कॉल और MCP ऐप्स संसाधन रीड साइन-इन उपयोगकर्ता के समान अनुरोध संदर्भ के अंदर चलते हैं; एम्बेडेड MCP ऐप iframe को कभी भी कच्चा OAuth टोकन प्राप्त नहीं होता है।
 
 `npx @agent-native/core@latest connect <url> --client claude-code` इस मानक प्रवाह के लिए केवल URL MCP प्रविष्टि लिखता है। उन ग्राहकों के लिए जो दूरस्थ MCP OAuth नहीं कर सकते, एक स्पष्ट बियरर-टोकन प्रविष्टि लिखने के लिए कनेक्ट पेज या `npx @agent-native/core@latest connect --token <token>` फ़ॉलबैक का उपयोग करें।

package/docs/content/locales/hi-IN/automations.mdx

@@ -9,13 +9,52 @@ description: "प्राकृतिक-भाषा स्थितियो
 
 ऑटोमेशन `web-request` टूल के माध्यम से **इवेंट ट्रिगर्स**, **प्राकृतिक-भाषा स्थितियों**, और **आउटबाउंड HTTP** के साथ [recurring jobs](/docs/recurring-jobs) का विस्तार करते हैं। वे आवर्ती नौकरियों के रूप में समान `jobs/<name>.md` फ़ाइल प्रारूप, भंडारण और "तीन तरीके बनाएं" वर्कफ़्लो का उपयोग करते हैं - साझा प्रारूप के लिए [Recurring Jobs](/docs/recurring-jobs#job-file) देखें। यह पृष्ठ केवल इवेंट-संचालित ऑटोमेशन के लिए जो नया है उसे कवर करता है।
 
-```an-diagram title="जब X हो तो Y करें" summary="एक घटना बस में सक्रिय हो जाती है, एक वैकल्पिक प्राकृतिक-भाषा की स्थिति इसे गेट करती है, और एजेंट पूर्ण टूल एक्सेस के साथ ऑटोमेशन बॉडी चलाता है।"
-{
-  "html": "<div class=\"auto-flow\"><div class=\"diagram-card\"><span class=\"diagram-pill\">Event</span><small class=\"diagram-muted\"><code>calendar.booking.created</code></small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-card\"><span class=\"diagram-pill\">Condition</span><small class=\"diagram-muted\">Haiku checks: &ldquo;email ends with @builder.io&rdquo;</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-card accent\"><span class=\"diagram-pill accent\">एजेंट body चलाता है</span><small class=\"diagram-muted\">actions &middot; web-request &middot; MCP &middot; sub-agents</small></div></div>",
-  "css": ".auto-flow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.auto-flow .diagram-card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;min-width:180px}.auto-flow .diagram-arrow{font-size:22px}"
+<Diagram id="doc-block-umhh0u" title={"जब X हो तो Y करें"} summary={"एक घटना बस में सक्रिय हो जाती है, एक वैकल्पिक प्राकृतिक-भाषा की स्थिति इसे गेट करती है, और एजेंट पूर्ण टूल एक्सेस के साथ ऑटोमेशन बॉडी चलाता है।"}>
+
+```html
+<div class="auto-flow">
+  <div class="diagram-card">
+    <span class="diagram-pill">Event</span
+    ><small class="diagram-muted"><code>calendar.booking.created</code></small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-card">
+    <span class="diagram-pill">Condition</span
+    ><small class="diagram-muted"
+      >Haiku checks: &ldquo;email ends with @builder.io&rdquo;</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-card accent">
+    <span class="diagram-pill accent">एजेंट body चलाता है</span
+    ><small class="diagram-muted"
+      >actions &middot; web-request &middot; MCP &middot; sub-agents</small
+    >
+  </div>
+</div>
+```
+
+```css
+.auto-flow {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+.auto-flow .diagram-card {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 14px 16px;
+  min-width: 180px;
+}
+.auto-flow .diagram-arrow {
+  font-size: 22px;
 }
 ```
 
+</Diagram>
+
 ## दो ट्रिगर प्रकार {#trigger-types}
 
 | प्रकार     | फ़ायर तब होता है जब                                       | कुंजी फ़ील्ड       |
@@ -225,13 +264,76 @@ Confirm an automation's wiring and condition without waiting for a real provider
 
 ## डिस्पैच कैसे काम करता है {#dispatch}
 
-```an-diagram title="प्रेषण पथ" summary="एक निकाल दिए गए इवेंट से लेकर एक पूर्ण एजेंट रन तक, जो स्वामित्व के दायरे और प्राकृतिक-भाषा की स्थिति से निर्धारित होता है।"
-{
-  "html": "<div class=\"disp\"><div class=\"diagram-box accent\">event fired on the bus</div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&darr;</div><div class=\"diagram-card\"><span class=\"diagram-pill\">match</span><small class=\"diagram-muted\">load enabled automations subscribed to this event name</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&darr;</div><div class=\"diagram-card\"><span class=\"diagram-pill\">scope</span><small class=\"diagram-muted\">keep only those owned by the event's owner (or shared)</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&darr;</div><div class=\"diagram-card\"><span class=\"diagram-pill warn\">condition</span><small class=\"diagram-muted\">Haiku yes/no on the payload &mdash; false &rarr; <code>skipped</code></small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&darr;</div><div class=\"diagram-card accent\"><span class=\"diagram-pill accent\">run</span><small class=\"diagram-muted\"><code>runAgentLoop</code> body को prompt, payload को context, 5-मिनट timeout के साथ</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&darr;</div><div class=\"diagram-card ok\"><span class=\"diagram-pill ok\">record</span><small class=\"diagram-muted\">write <code>lastRun</code> / <code>lastStatus</code> / <code>lastError</code></small></div></div>",
-  "css": ".disp{display:flex;flex-direction:column;gap:6px;max-width:540px}.disp .diagram-card{display:flex;flex-direction:column;gap:2px;padding:10px 14px}.disp .diagram-box{align-self:flex-start}.disp .diagram-arrow{font-size:18px;align-self:center}"
+<Diagram id="doc-block-1fvs24e" title={"प्रेषण पथ"} summary={"एक निकाल दिए गए इवेंट से लेकर एक पूर्ण एजेंट रन तक, जो स्वामित्व के दायरे और प्राकृतिक-भाषा की स्थिति से निर्धारित होता है।"}>
+
+```html
+<div class="disp">
+  <div class="diagram-box accent">event fired on the bus</div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&darr;</div>
+  <div class="diagram-card">
+    <span class="diagram-pill">match</span
+    ><small class="diagram-muted"
+      >load enabled automations subscribed to this event name</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&darr;</div>
+  <div class="diagram-card">
+    <span class="diagram-pill">scope</span
+    ><small class="diagram-muted"
+      >keep only those owned by the event's owner (or shared)</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&darr;</div>
+  <div class="diagram-card">
+    <span class="diagram-pill warn">condition</span
+    ><small class="diagram-muted"
+      >Haiku yes/no on the payload &mdash; false &rarr;
+      <code>skipped</code></small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&darr;</div>
+  <div class="diagram-card accent">
+    <span class="diagram-pill accent">run</span
+    ><small class="diagram-muted"
+      ><code>runAgentLoop</code> body को prompt, payload को context, 5-मिनट
+      timeout के साथ</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&darr;</div>
+  <div class="diagram-card ok">
+    <span class="diagram-pill ok">record</span
+    ><small class="diagram-muted"
+      >write <code>lastRun</code> / <code>lastStatus</code> /
+      <code>lastError</code></small
+    >
+  </div>
+</div>
+```
+
+```css
+.disp {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  max-width: 540px;
+}
+.disp .diagram-card {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: 10px 14px;
+}
+.disp .diagram-box {
+  align-self: flex-start;
+}
+.disp .diagram-arrow {
+  font-size: 18px;
+  align-self: center;
 }
 ```
 
+</Diagram>
+
 ## उदाहरण {#example}
 
 **उपयोगकर्ता:** "जब कोई @builder.io ईमेल से बुकिंग करता है, तो मुझे Slack में संदेश भेजें।"

package/docs/content/locales/hi-IN/blueprint-installer.mdx

@@ -17,13 +17,51 @@ agent-native add provider stripe | claude
 agent-native add channel discord  | codex
 ```
 
-```an-diagram title="एक नुस्खा प्रिंट जोड़ें; आपका कोडिंग एजेंट इसे लागू करता है" summary="agent-native stdout (stderr के लिए निदान) के लिए एक मार्कडाउन ब्लूप्रिंट उत्सर्जित करता है; आप इसे Claude Code या Codex में पाइप करते हैं, जो आपके लाइव रेपो को पूरे संदर्भ के साथ संपादित करता है।"
-{
-  "html": "<div class=\"diagram-bp\"><div class=\"diagram-node\" data-rough>agent-native add<br><small class=\"diagram-muted\">&lt;kind&gt; &lt;name|URL&gt;</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\" data-rough>Markdown ब्लूप्रिंट<br><small class=\"diagram-muted\">stdout · छूने वाली फाइलें · नियम · Verify</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-panel center\" data-rough>कोडिंग एजेंट<br><small class=\"diagram-muted\">claude · codex</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-pill ok\">edits your live repo</div></div>",
-  "css": ".diagram-bp{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.diagram-bp .diagram-arrow{font-size:22px;line-height:1}.diagram-bp .center{display:flex;flex-direction:column;align-items:center;gap:4px}"
+<Diagram id="doc-block-k2rluk" title={"एक नुस्खा प्रिंट जोड़ें; आपका कोडिंग एजेंट इसे लागू करता है"} summary={"agent-native stdout (stderr के लिए निदान) के लिए एक मार्कडाउन ब्लूप्रिंट उत्सर्जित करता है; आप इसे Claude Code या Codex में पाइप करते हैं, जो आपके लाइव रेपो को पूरे संदर्भ के साथ संपादित करता है।"}>
+
+```html
+<div class="diagram-bp">
+  <div class="diagram-node" data-rough>
+    agent-native add<br /><small class="diagram-muted"
+      >&lt;kind&gt; &lt;name|URL&gt;</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-box" data-rough>
+    Markdown ब्लूप्रिंट<br /><small class="diagram-muted"
+      >stdout · छूने वाली फाइलें · नियम · Verify</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-panel center" data-rough>
+    कोडिंग एजेंट<br /><small class="diagram-muted">claude · codex</small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-pill ok">edits your live repo</div>
+</div>
+```
+
+```css
+.diagram-bp {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+.diagram-bp .diagram-arrow {
+  font-size: 22px;
+  line-height: 1;
+}
+.diagram-bp .center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
 }
 ```
 
+</Diagram>
+
 ## प्रयोग {#usage}
 
 ```bash

package/docs/content/locales/hi-IN/cli-adapters.mdx

@@ -12,13 +12,53 @@ description: "एजेंट को एक मानक एडाप्टर
 
 एक CLI एडाप्टर एक एकल कमांड-लाइन टूल (`gh`, `ffmpeg`, `stripe`, `aws`) को लपेटता है ताकि एजेंट इसे खोज सके, जांच सके कि यह इंस्टॉल है या नहीं, और इसे लगातार stdout/stderr/exit-code परिणाम के साथ चला सकता है। इस सीम के बिना, प्रत्येक स्क्रिप्ट CLI को इनवॉइस करने और उसके आउटपुट को पार्स करने के तरीके को फिर से खोजती है।
 
-```an-diagram title="CLI एडॉप्टर → रजिस्ट्री → एक्शन सतह" summary="ShellCliAdapter एक बाइनरी लपेटता है; CliRegistry खोज के लिए एडेप्टर एकत्र करती है; defineAction एजेंट + यूआई एक्शन सतह पर एक कॉल को उजागर करता है।"
-{
-  "html": "<div class=\"diagram-cli\"><div class=\"diagram-node\" data-rough>gh · ffmpeg · stripe<br><small class=\"diagram-muted\">command-line tools</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\" data-rough>ShellCliAdapter<br><small class=\"diagram-muted\">isAvailable · execute</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-panel center\" data-rough>CliRegistry<br><small class=\"diagram-muted\">describe() for discovery</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-pill accent\">defineAction</div></div>",
-  "css": ".diagram-cli{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.diagram-cli .diagram-arrow{font-size:22px;line-height:1}.diagram-cli .center{display:flex;flex-direction:column;align-items:center;gap:4px}"
+<Diagram id="doc-block-17539b" title={"CLI एडॉप्टर → रजिस्ट्री → एक्शन सतह"} summary={"ShellCliAdapter एक बाइनरी लपेटता है; CliRegistry खोज के लिए एडेप्टर एकत्र करती है; defineAction एजेंट + यूआई एक्शन सतह पर एक कॉल को उजागर करता है।"}>
+
+```html
+<div class="diagram-cli">
+  <div class="diagram-node" data-rough>
+    gh · ffmpeg · stripe<br /><small class="diagram-muted"
+      >command-line tools</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-box" data-rough>
+    ShellCliAdapter<br /><small class="diagram-muted"
+      >isAvailable · execute</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-panel center" data-rough>
+    CliRegistry<br /><small class="diagram-muted"
+      >describe() for discovery</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-pill accent">defineAction</div>
+</div>
+```
+
+```css
+.diagram-cli {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+.diagram-cli .diagram-arrow {
+  font-size: 22px;
+  line-height: 1;
+}
+.diagram-cli .center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
 }
 ```
 
+</Diagram>
+
 ## इंटरफ़ेस {#the-interface}
 
 प्रत्येक CLI एडाप्टर `CliAdapter` को कार्यान्वित करता है:

package/docs/content/locales/hi-IN/client.mdx

@@ -15,13 +15,51 @@ description: "एजेंट-नेटिव ऐप्स के लिए Reac
 
 ब्राउज़र से ऐप डेटा को पढ़ने और लिखने का प्राथमिक तरीका एक्शन हुक के माध्यम से है। `/_agent-native/*` मार्गों पर `fetch` कॉल को कभी भी हाथ से न लिखें - इसके बजाय नामित सहायकों का उपयोग करें ([Actions](/docs/actions) देखें)।
 
-```an-diagram title="ब्राउज़र डेटा लूप" summary="हुक क्रियाओं के माध्यम से पढ़ते और लिखते हैं; useDbSync डेटाबेस पर नज़र रखता है इसलिए एजेंट और बैकग्राउंड स्वचालित रूप से समान कैश पुनः प्राप्त करते हैं।"
-{
-  "html": "<div class=\"diagram-client\"><div class=\"diagram-col\"><div class=\"diagram-node\">useActionQuery<br><small class=\"diagram-muted\">cached read</small></div><div class=\"diagram-node\">useActionMutation<br><small class=\"diagram-muted\">write + invalidate</small></div></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&harr;</div><div class=\"diagram-box\" data-rough>Actions<br><small class=\"diagram-muted\">/_agent-native/actions/*</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&harr;</div><div class=\"diagram-panel\" data-rough><strong>SQL डेटाबेस</strong></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&#8635;</div><div class=\"diagram-pill ok\">useDbSync &rarr; refetch on change</div></div>",
-  "css": ".diagram-client{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.diagram-client .diagram-col{display:flex;flex-direction:column;gap:10px}.diagram-client .diagram-arrow{font-size:22px;line-height:1}"
+<Diagram id="doc-block-f248eh" title={"ब्राउज़र डेटा लूप"} summary={"हुक क्रियाओं के माध्यम से पढ़ते और लिखते हैं; useDbSync डेटाबेस पर नज़र रखता है इसलिए एजेंट और बैकग्राउंड स्वचालित रूप से समान कैश पुनः प्राप्त करते हैं।"}>
+
+```html
+<div class="diagram-client">
+  <div class="diagram-col">
+    <div class="diagram-node">
+      useActionQuery<br /><small class="diagram-muted">cached read</small>
+    </div>
+    <div class="diagram-node">
+      useActionMutation<br /><small class="diagram-muted"
+        >write + invalidate</small
+      >
+    </div>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&harr;</div>
+  <div class="diagram-box" data-rough>
+    Actions<br /><small class="diagram-muted">/_agent-native/actions/*</small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&harr;</div>
+  <div class="diagram-panel" data-rough><strong>SQL डेटाबेस</strong></div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&#8635;</div>
+  <div class="diagram-pill ok">useDbSync &rarr; refetch on change</div>
+</div>
+```
+
+```css
+.diagram-client {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+.diagram-client .diagram-col {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.diagram-client .diagram-arrow {
+  font-size: 22px;
+  line-height: 1;
 }
 ```
 
+</Diagram>
+
 ```tsx
 import {
   useActionQuery,
@@ -376,13 +414,46 @@ function DashboardView({ id }) {
 - **UI-आरंभित उत्परिवर्तन:** जब आप `useActionMutation` का उपयोग करके UI से एक क्रिया निष्पादित करते हैं, तो उत्परिवर्तन तुरंत सफलता पर `source: "action"` के साथ एक स्थानीय घटना को सक्रिय करता है। यह उस क्रिया के आधार पर सभी क्वेरी कुंजियों का **तत्काल, आशावादी रीफ़ेच** ट्रिगर करता है, जिससे दृश्य विलंब से बचा जा सकता है।
 - **बैकग्राउंड या एजेंट म्यूटेशन:** जब एआई एजेंट, वेबहुक या बैकग्राउंड वर्कर डेटा को म्यूट करता है, तो अपडेट क्लाइंट को प्रसारित किया जाता है। क्लाइंट का `useDbSync` इसे या तो तुरंत SSE (सर्वर-भेजे गए इवेंट) पर कैप्चर करता है या **2-सेकंड पोलिंग टिक** पर वापस आ जाता है। इसके बाद क्वेरी कुंजी संस्करण चालू हो जाता है, जिससे पृष्ठभूमि रीफ़ेच ट्रिगर हो जाता है।
 
-```an-diagram title="रीफ़ेच के लिए दो रास्ते" summary="एक स्थानीय उत्परिवर्तन अपने स्वयं के कैश को तुरंत अमान्य कर देता है; एक दूरस्थ लेखन इस टैब पर SSE, या फ़ॉलबैक के रूप में पोलिंग टिक तक पहुंचता है।"
-{
-  "html": "<div class=\"diagram-latency\"><div class=\"diagram-col\"><div class=\"diagram-card\" data-rough><span class=\"diagram-pill ok\">यह टैब</span><strong>useActionMutation</strong><small class=\"diagram-muted\">fires source: \"action\" on success &rarr; instant local refetch</small></div><div class=\"diagram-card\" data-rough><span class=\"diagram-pill accent\">एजेंट · webhook · दूसरा टैब</span><strong>रिमोट लेखन</strong><small class=\"diagram-muted\">SSE push, or the ~2s polling tick as fallback &rarr; version bumps &rarr; background refetch</small></div></div></div>",
-  "css": ".diagram-latency .diagram-col{display:flex;flex-direction:column;gap:12px}.diagram-latency .diagram-card{display:flex;flex-direction:column;gap:4px;padding:14px 16px}"
+<Diagram id="doc-block-1o7phrk" title={"रीफ़ेच के लिए दो रास्ते"} summary={"एक स्थानीय उत्परिवर्तन अपने स्वयं के कैश को तुरंत अमान्य कर देता है; एक दूरस्थ लेखन इस टैब पर SSE, या फ़ॉलबैक के रूप में पोलिंग टिक तक पहुंचता है।"}>
+
+```html
+<div class="diagram-latency">
+  <div class="diagram-col">
+    <div class="diagram-card" data-rough>
+      <span class="diagram-pill ok">यह टैब</span
+      ><strong>useActionMutation</strong
+      ><small class="diagram-muted"
+        >fires source: "action" on success &rarr; instant local refetch</small
+      >
+    </div>
+    <div class="diagram-card" data-rough>
+      <span class="diagram-pill accent">एजेंट · webhook · दूसरा टैब</span
+      ><strong>रिमोट लेखन</strong
+      ><small class="diagram-muted"
+        >SSE push, or the ~2s polling tick as fallback &rarr; version bumps
+        &rarr; background refetch</small
+      >
+    </div>
+  </div>
+</div>
+```
+
+```css
+.diagram-latency .diagram-col {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.diagram-latency .diagram-card {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 14px 16px;
 }
 ```
 
+</Diagram>
+
 ## cn(...इनपुट) {#cn}
 
 वर्ग नामों को मर्ज करने की उपयोगिता (clsx + टेलविंड-मर्ज):