@agent-native/core 0.79.26 → 0.80.0

package/corpus/core/docs/content/locales/hi-IN/security.mdx

@@ -9,13 +9,45 @@ description: "एजेंट-नेटिव ऐप्स के लिए स
 
 ## आपको मुफ़्त में क्या मिलता है, और आपके पास क्या है {#what-you-own}
 
-```an-diagram title="परतों में बचाव" summary="ढाँचा अधिकांश खतरे की सतह का मालिक है; आपके पास दो चीजें हैं - स्कोपिंग के लिए टेबल टैग करना और बाहरी इनपुट को मान्य करना।"
-{
-  "html": "<div class=\"sec-layers\"><div class=\"diagram-card free\"><span class=\"diagram-pill ok\">फ्रेमवर्क के पास</span><small class=\"diagram-muted\">SQL isolation &middot; parameterized queries &middot; XSS escaping &middot; auth guard &middot; CSRF cookies &middot; secret encryption</small></div><div class=\"diagram-card you\"><span class=\"diagram-pill warn\">नियंत्रण आपका है</span><small class=\"diagram-muted\">A. tag tables with ownableColumns() &amp; route through access guards<br>B. give every action a Zod schema &amp; send user URLs through the SSRF guard</small></div></div>",
-  "css": ".sec-layers{display:flex;flex-direction:column;gap:12px}.sec-layers .diagram-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px}"
+<Diagram id="doc-block-50mrb0" title={"परतों में बचाव"} summary={"ढाँचा अधिकांश खतरे की सतह का मालिक है; आपके पास दो चीजें हैं - स्कोपिंग के लिए टेबल टैग करना और बाहरी इनपुट को मान्य करना।"}>
+
+```html
+<div class="sec-layers">
+  <div class="diagram-card free">
+    <span class="diagram-pill ok">फ्रेमवर्क के पास</span
+    ><small class="diagram-muted"
+      >SQL isolation &middot; parameterized queries &middot; XSS escaping
+      &middot; auth guard &middot; CSRF cookies &middot; secret
+      encryption</small
+    >
+  </div>
+  <div class="diagram-card you">
+    <span class="diagram-pill warn">नियंत्रण आपका है</span
+    ><small class="diagram-muted"
+      >A. tag tables with ownableColumns() &amp; route through access guards<br />B.
+      give every action a Zod schema &amp; send user URLs through the SSRF
+      guard</small
+    >
+  </div>
+</div>
+```
+
+```css
+.sec-layers {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.sec-layers .diagram-card {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 14px 16px;
 }
 ```
 
+</Diagram>
+
 जब आप मानक पैटर्न पर निर्माण करते हैं, तो ढांचा पहले से ही आपके लिए अधिकांश खतरे की सतह को संभाल लेता है:
 
 - **डेटा अलगाव** - एजेंट SQL को फिर से लिखा गया है ताकि यह केवल वर्तमान उपयोगकर्ता (और सक्रिय संगठन) की पंक्तियों को देख सके। [Data Scoping](#data-scoping) देखें.
@@ -122,13 +154,51 @@ const res = await ssrfSafeFetch(userProvidedUrl, {}, { maxRedirects: 3 });
 session.orgId → AGENT_ORG_ID → SQL row scoping
 ```
 
-```an-diagram title="स्कोपिंग पाइपलाइन" summary="एजेंट SQL कभी भी आधार तालिकाओं को सीधे नहीं छूता है - यह वर्तमान पहचान के दायरे में एक अस्थायी दृश्य के माध्यम से पढ़ता है, इसलिए एक खाली तालिका नाम केवल स्वामित्व वाली पंक्तियों को वापस कर सकता है।"
-{
-  "html": "<div class=\"scope-pipe\"><div class=\"diagram-node\">साइन-इन सेशन<br><small class=\"diagram-muted\">email &middot; orgId</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-node\">Request context<br><small class=\"diagram-muted\">AGENT_ORG_ID</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\">Temporary VIEW<br><small class=\"diagram-muted\">WHERE owner_email = ? AND org_id = ?</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-node ok\">एजेंट SQL<br><small class=\"diagram-muted\">bare table names only</small></div></div>",
-  "css": ".scope-pipe{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.scope-pipe .diagram-node{display:flex;flex-direction:column;gap:2px;padding:10px 14px}.scope-pipe .diagram-arrow{font-size:22px;line-height:1}"
+<Diagram id="doc-block-kmvua" title={"स्कोपिंग पाइपलाइन"} summary={"एजेंट SQL कभी भी आधार तालिकाओं को सीधे नहीं छूता है - यह वर्तमान पहचान के दायरे में एक अस्थायी दृश्य के माध्यम से पढ़ता है, इसलिए एक खाली तालिका नाम केवल स्वामित्व वाली पंक्तियों को वापस कर सकता है।"}>
+
+```html
+<div class="scope-pipe">
+  <div class="diagram-node">
+    साइन-इन सेशन<br /><small class="diagram-muted">email &middot; orgId</small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-node">
+    Request context<br /><small class="diagram-muted">AGENT_ORG_ID</small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-box">
+    Temporary VIEW<br /><small class="diagram-muted"
+      >WHERE owner_email = ? AND org_id = ?</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-node ok">
+    एजेंट SQL<br /><small class="diagram-muted">bare table names only</small>
+  </div>
+</div>
+```
+
+```css
+.scope-pipe {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+.scope-pipe .diagram-node {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: 10px 14px;
+}
+.scope-pipe .diagram-arrow {
+  font-size: 22px;
+  line-height: 1;
 }
 ```
 
+</Diagram>
+
 साइन-इन सत्र में `email` और (जब कोई संगठन सक्रिय होता है) `orgId` होता है। फ़्रेमवर्क उस सत्र से अनुरोध संदर्भ स्थापित करता है, सक्रिय संगठन को एजेंट SQL को `AGENT_ORG_ID` के रूप में उजागर करता है, और प्रत्येक क्वेरी को फिर से लिखता है ताकि यह केवल उन पंक्तियों को देख सके जिनके पास वर्तमान पहचान है। चाहे क्वेरी UI, एक क्रिया, या एजेंट से आती हो, वही पथ लागू होता है - एजेंट उस संगठन के लिए डेटा नहीं पढ़ सकता है जिसका उपयोगकर्ता सदस्य नहीं है।
 
 ### प्रति-उपयोगकर्ता स्कोपिंग (`owner_email`)

package/corpus/core/docs/content/locales/hi-IN/server.mdx

@@ -7,13 +7,75 @@ description: "Nitro सर्वर रूट, प्लगइन्स, फ्
 
 एजेंट-नेटिव ऐप्स सर्वर रूट और प्लगइन्स के लिए [Nitro](https://nitro.build) का उपयोग करते हैं। अधिकांश उत्पाद व्यवहार [Actions](/docs/actions) में रहना चाहिए; कस्टम रूट उन प्रोटोकॉल सतहों के लिए हैं जो actions में फिट नहीं होते हैं: अपलोड, स्ट्रीमिंग, सार्वजनिक पेज, webhooks, OAuth कॉलबैक और प्रदाता-विशिष्ट APIs।
 
-```an-diagram title="सर्वर पर क्या चलता है" summary="क्रियाएँ डिफ़ॉल्ट हैं. कस्टम फ़ाइल रूट और फ़्रेमवर्क-माउंटेड रूट समान Nitro ऐप और समान SQL डेटाबेस साझा करते हैं।"
-{
-  "html": "<div class=\"diagram-server\"><div class=\"diagram-col entry\"><div class=\"diagram-node\">ब्राउज़र / UI</div><div class=\"diagram-node\">एजेंट लूप</div><div class=\"diagram-node\">बाहरी क्लाइंट<br><small class=\"diagram-muted\">HTTP · MCP · A2A</small></div></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-panel\" data-rough><strong>Nitro सर्वर</strong><div class=\"diagram-row\"><span class=\"diagram-pill accent\">Actions</span><small class=\"diagram-muted\">डिफ़ॉल्ट सतह</small></div><div class=\"diagram-row\"><span class=\"diagram-pill\">/_agent-native/*</span><small class=\"diagram-muted\">framework routes</small></div><div class=\"diagram-row\"><span class=\"diagram-pill\">/api/*</span><small class=\"diagram-muted\">custom file routes</small></div><div class=\"diagram-row\"><span class=\"diagram-pill\">plugins</span><small class=\"diagram-muted\">स्टार्टअप: माइग्रेशन, jobs</small></div></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\" data-rough>SQL डेटाबेस<br><small class=\"diagram-muted\">Drizzle · समन्वय बिंदु</small></div></div>",
-  "css": ".diagram-server{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.diagram-server .diagram-col{display:flex;flex-direction:column;gap:10px}.diagram-server .diagram-panel{display:flex;flex-direction:column;gap:8px;padding:14px 16px}.diagram-server .diagram-row{display:flex;align-items:center;gap:8px}.diagram-server .diagram-arrow{font-size:22px;line-height:1}"
+<Diagram id="doc-block-14afcsz" title={"सर्वर पर क्या चलता है"} summary={"क्रियाएँ डिफ़ॉल्ट हैं. कस्टम फ़ाइल रूट और फ़्रेमवर्क-माउंटेड रूट समान Nitro ऐप और समान SQL डेटाबेस साझा करते हैं।"}>
+
+```html
+<div class="diagram-server">
+  <div class="diagram-col entry">
+    <div class="diagram-node">ब्राउज़र / UI</div>
+    <div class="diagram-node">एजेंट लूप</div>
+    <div class="diagram-node">
+      बाहरी क्लाइंट<br /><small class="diagram-muted">HTTP · MCP · A2A</small>
+    </div>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-panel" data-rough>
+    <strong>Nitro सर्वर</strong>
+    <div class="diagram-row">
+      <span class="diagram-pill accent">Actions</span
+      ><small class="diagram-muted">डिफ़ॉल्ट सतह</small>
+    </div>
+    <div class="diagram-row">
+      <span class="diagram-pill">/_agent-native/*</span
+      ><small class="diagram-muted">framework routes</small>
+    </div>
+    <div class="diagram-row">
+      <span class="diagram-pill">/api/*</span
+      ><small class="diagram-muted">custom file routes</small>
+    </div>
+    <div class="diagram-row">
+      <span class="diagram-pill">plugins</span
+      ><small class="diagram-muted">स्टार्टअप: माइग्रेशन, jobs</small>
+    </div>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-box" data-rough>
+    SQL डेटाबेस<br /><small class="diagram-muted">Drizzle · समन्वय बिंदु</small>
+  </div>
+</div>
+```
+
+```css
+.diagram-server {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  flex-wrap: wrap;
+}
+.diagram-server .diagram-col {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.diagram-server .diagram-panel {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 14px 16px;
+}
+.diagram-server .diagram-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.diagram-server .diagram-arrow {
+  font-size: 22px;
+  line-height: 1;
 }
 ```
 
+</Diagram>
+
 ## फ़ाइल-आधारित रूट {#file-based-routes}
 
 मार्ग `server/routes/` में रहते हैं और Nitro फ़ाइल नामों को विधियों और पथों में मैप करते हैं:
@@ -185,13 +247,51 @@ export default runMigrations(
 
 यह सर्वर रहित और मल्टी-इंस्टेंस परिनियोजन पर काम करता है क्योंकि डेटाबेस समन्वय बिंदु है। यदि आप actions के बाहर कस्टम म्यूटेशन लिखते हैं, तो फ्रेमवर्क हेल्पर्स का उपयोग करें या उचित सिंक अमान्यकरण का उत्सर्जन करें, इसलिए UIs रिफ्रेश खोलें।
 
-```an-diagram title="SQL-backed सिंक लूप" summary="कोई देखने वाला नहीं, कोई चिपचिपी स्थिति नहीं। एक लेखन SQL में एक संस्करण को टक्कर देता है; प्रत्येक ग्राहक संस्करण का चुनाव करता है और उसे पुनः प्राप्त करता है।"
-{
-  "html": "<div class=\"diagram-sync\"><div class=\"diagram-box\" data-rough>Action / सहायक<br><small class=\"diagram-muted\">mutates data</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-panel\" data-rough><strong>SQL डेटाबेस</strong><small class=\"diagram-muted\">sync version increments</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&larr;</div><div class=\"diagram-col\"><div class=\"diagram-node\">useDbSync()<br><small class=\"diagram-muted\">polls /_agent-native/poll</small></div><div class=\"diagram-pill ok\">invalidate caches &rarr; UI refreshes</div></div></div>",
-  "css": ".diagram-sync{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.diagram-sync .diagram-col{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.diagram-sync .diagram-arrow{font-size:22px;line-height:1}"
+<Diagram id="doc-block-kuna9v" title={"SQL-backed सिंक लूप"} summary={"कोई देखने वाला नहीं, कोई चिपचिपी स्थिति नहीं। एक लेखन SQL में एक संस्करण को टक्कर देता है; प्रत्येक ग्राहक संस्करण का चुनाव करता है और उसे पुनः प्राप्त करता है।"}>
+
+```html
+<div class="diagram-sync">
+  <div class="diagram-box" data-rough>
+    Action / सहायक<br /><small class="diagram-muted">mutates data</small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-panel" data-rough>
+    <strong>SQL डेटाबेस</strong
+    ><small class="diagram-muted">sync version increments</small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&larr;</div>
+  <div class="diagram-col">
+    <div class="diagram-node">
+      useDbSync()<br /><small class="diagram-muted"
+        >polls /_agent-native/poll</small
+      >
+    </div>
+    <div class="diagram-pill ok">invalidate caches &rarr; UI refreshes</div>
+  </div>
+</div>
+```
+
+```css
+.diagram-sync {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  flex-wrap: wrap;
+}
+.diagram-sync .diagram-col {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  align-items: flex-start;
+}
+.diagram-sync .diagram-arrow {
+  font-size: 22px;
+  line-height: 1;
 }
 ```
 
+</Diagram>
+
 <Endpoint id="doc-block-bgb57l" title={"मतदान समापन बिंदु"} method="GET" path="/_agent-native/poll" summary={"वर्तमान प्रति-स्रोत डेटाबेस सिंक संस्करण लौटाएं ताकि क्लाइंट परिवर्तनों का पता लगा सके।"} auth="Session cookie (request-scoped identity)" responses={[
   {
     "status": "200",
@@ -213,13 +313,70 @@ export default runMigrations(
 4. तुरंत 200 वापस करें।
 5. ताजा प्रोसेसर निष्पादन को एजेंट लूप चलाने दें और परिणाम पोस्ट करें।
 
-```an-diagram title="एकीकरण कतार पैटर्न" summary="वेबहुक हैंडलर मिलीसेकंड में लौटता है; एक अलग हस्ताक्षरित निष्पादन धीमी गति से एजेंट कार्य चलाता है।"
-{
-  "html": "<div class=\"diagram-webhook\"><div class=\"diagram-box\" data-rough>इनबाउंड webhook<br><small class=\"diagram-muted\">Slack · Stripe · email</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-panel\" data-rough><strong>Handler</strong><div class=\"diagram-step\"><span class=\"diagram-pill\">1</span><small class=\"diagram-muted\">verify signature</small></div><div class=\"diagram-step\"><span class=\"diagram-pill\">2</span><small class=\"diagram-muted\">काम को SQL में डालें</small></div><div class=\"diagram-step\"><span class=\"diagram-pill\">3</span><small class=\"diagram-muted\">self-fire processor</small></div><div class=\"diagram-step\"><span class=\"diagram-pill ok\">4</span><small class=\"diagram-muted\">return 200 now</small></div></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\" data-rough>Signed processor<br><small class=\"diagram-muted\">एजेंट लूप चलाता है और परिणाम पोस्ट करता है</small></div></div>",
-  "css": ".diagram-webhook{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.diagram-webhook .diagram-panel{display:flex;flex-direction:column;gap:6px;padding:14px 16px}.diagram-webhook .diagram-step{display:flex;align-items:center;gap:8px}.diagram-webhook .diagram-arrow{font-size:22px;line-height:1}"
+<Diagram id="doc-block-tp7dg" title={"एकीकरण कतार पैटर्न"} summary={"वेबहुक हैंडलर मिलीसेकंड में लौटता है; एक अलग हस्ताक्षरित निष्पादन धीमी गति से एजेंट कार्य चलाता है।"}>
+
+```html
+<div class="diagram-webhook">
+  <div class="diagram-box" data-rough>
+    इनबाउंड webhook<br /><small class="diagram-muted"
+      >Slack · Stripe · email</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-panel" data-rough>
+    <strong>Handler</strong>
+    <div class="diagram-step">
+      <span class="diagram-pill">1</span
+      ><small class="diagram-muted">verify signature</small>
+    </div>
+    <div class="diagram-step">
+      <span class="diagram-pill">2</span
+      ><small class="diagram-muted">काम को SQL में डालें</small>
+    </div>
+    <div class="diagram-step">
+      <span class="diagram-pill">3</span
+      ><small class="diagram-muted">self-fire processor</small>
+    </div>
+    <div class="diagram-step">
+      <span class="diagram-pill ok">4</span
+      ><small class="diagram-muted">return 200 now</small>
+    </div>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-box" data-rough>
+    Signed processor<br /><small class="diagram-muted"
+      >एजेंट लूप चलाता है और परिणाम पोस्ट करता है</small
+    >
+  </div>
+</div>
+```
+
+```css
+.diagram-webhook {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  flex-wrap: wrap;
+}
+.diagram-webhook .diagram-panel {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 14px 16px;
+}
+.diagram-webhook .diagram-step {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.diagram-webhook .diagram-arrow {
+  font-size: 22px;
+  line-height: 1;
 }
 ```
 
+</Diagram>
+
 > [!WARNING]
 > प्रतिक्रिया देने के बाद अप्रतीक्षित वादों पर भरोसा न करें - सर्वर रहित होस्ट निष्पादन को रोक देते हैं। विहित एकीकरण कतार के लिए [Messaging](/docs/messaging) देखें।
 

package/corpus/core/docs/content/locales/hi-IN/sharing.mdx

@@ -27,13 +27,54 @@ description: "Google-डॉक्स-शैली साझाकरण, फ़
 
 `public` एक जानबूझकर शांत स्तर है: एक सार्वजनिक संसाधन सीधे लिंक द्वारा पहुंचा जा सकता है, लेकिन यह अन्य उपयोगकर्ताओं के साइडबार, सूचियों या खोज में **नहीं** दिखाई देता है। यह "URL को साझा करने के लिए सार्वजनिक" को "क्रॉस-उपयोगकर्ता खोज के लिए सार्वजनिक" से अलग रखता है। गैलरी और टेम्प्लेट कैटलॉग जो वास्तव में क्रॉस-यूज़र डिस्कवरी चाहते हैं, स्पष्ट रूप से ऑप्ट इन करें।
 
-```an-diagram title="दृश्यता, बाहर की ओर चौड़ी होना" summary="संसाधन पर अस्पष्ट दृश्यता मंजिल निर्धारित करती है; सहयोगी तालिका में स्पष्ट शेयर अनुदान नामित लोगों को शीर्ष पर जोड़ें।"
-{
-  "html": "<div class=\"share-tiers\"><div class=\"diagram-card\"><span class=\"diagram-pill\">private</span><small class=\"diagram-muted\">owner + explicit grants only &middot; <strong>default</strong></small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&darr;</div><div class=\"diagram-card\"><span class=\"diagram-pill accent\">org</span><small class=\"diagram-muted\">+ anyone in the same org (read-only)</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&darr;</div><div class=\"diagram-card\"><span class=\"diagram-pill warn\">public</span><small class=\"diagram-muted\">+ anyone with the link (read-only) &middot; hidden from others' lists/search</small></div></div>",
-  "css": ".share-tiers{display:flex;flex-direction:column;align-items:stretch;gap:8px}.share-tiers .diagram-card{display:flex;flex-direction:column;gap:4px;padding:12px 16px}.share-tiers .diagram-arrow{text-align:center;font-size:20px;line-height:1}"
+<Diagram id="doc-block-sv2bwb" title={"दृश्यता, बाहर की ओर चौड़ी होना"} summary={"संसाधन पर अस्पष्ट दृश्यता मंजिल निर्धारित करती है; सहयोगी तालिका में स्पष्ट शेयर अनुदान नामित लोगों को शीर्ष पर जोड़ें।"}>
+
+```html
+<div class="share-tiers">
+  <div class="diagram-card">
+    <span class="diagram-pill">private</span
+    ><small class="diagram-muted"
+      >owner + explicit grants only &middot; <strong>default</strong></small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&darr;</div>
+  <div class="diagram-card">
+    <span class="diagram-pill accent">org</span
+    ><small class="diagram-muted">+ anyone in the same org (read-only)</small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&darr;</div>
+  <div class="diagram-card">
+    <span class="diagram-pill warn">public</span
+    ><small class="diagram-muted"
+      >+ anyone with the link (read-only) &middot; hidden from others'
+      lists/search</small
+    >
+  </div>
+</div>
+```
+
+```css
+.share-tiers {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 8px;
+}
+.share-tiers .diagram-card {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 12px 16px;
+}
+.share-tiers .diagram-arrow {
+  text-align: center;
+  font-size: 20px;
+  line-height: 1;
 }
 ```
 
+</Diagram>
+
 ## शेयर अनुदान पर भूमिकाएँ {#roles}
 
 जब आप किसी विशिष्ट उपयोगकर्ता या संगठन के साथ साझा करते हैं, तो आप एक भूमिका चुनते हैं:

package/corpus/core/docs/content/locales/hi-IN/skills-guide.mdx

@@ -13,13 +13,72 @@ Skills, `.agents/skills/<name>/SKILL.md` पर लाइव है और इ
 
 प्रत्येक कौशल के फ्रंटमैटर `name` और `description` को हमेशा सिस्टम प्रॉम्प्ट के skills ब्लॉक में इंजेक्ट किया जाता है ताकि एजेंट को पता चले कि skills क्या मौजूद है। जब एजेंट निर्णय लेता है कि कौशल कार्य के लिए प्रासंगिक है, तो पूर्ण कौशल निकाय को मांग पर लोड किया जाता है (यह `docs-search` के माध्यम से भी सामने आता है)। यही कारण है कि विवरणों को छोटा रखना और ट्रिगर-विशिष्ट मायने रखता है: विवरण ही एकमात्र ऐसी चीज है जिसे एजेंट यह तय करने से पहले पढ़ता है कि बाकी को लोड करना है या नहीं।
 
-```an-diagram title="प्रगतिशील खुलासा" summary="प्रत्येक कौशल का केवल नाम + विवरण हमेशा संदर्भ में होता है। जब कार्य मेल खाता है तो पूरा शरीर मांग पर लोड होता है।"
-{
-  "html": "<div class=\"sk-flow\"><div class=\"diagram-card\"><span class=\"diagram-pill accent\">हमेशा system prompt में</span><div class=\"sk-list\"><span class=\"diagram-pill\">storing-data &mdash; <small class=\"diagram-muted\">add data models&hellip;</small></span><span class=\"diagram-pill\">real-time-sync &mdash; <small class=\"diagram-muted\">wire polling&hellip;</small></span><span class=\"diagram-pill\">create-skill &mdash; <small class=\"diagram-muted\">add a skill&hellip;</small></span></div><small class=\"diagram-muted\">just name + description (cheap)</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-panel center\"><small class=\"diagram-muted\">task matches a description</small><span class=\"diagram-pill accent\">load on demand</span></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\">Full <code>SKILL.md</code> body<br><small class=\"diagram-muted\">नियम, कोड, क्या करें/न करें</small></div></div>",
-  "css": ".sk-flow{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sk-flow .diagram-card{display:flex;flex-direction:column;gap:8px;padding:14px 16px;min-width:240px}.sk-flow .sk-list{display:flex;flex-direction:column;gap:6px}.sk-flow .center{display:flex;flex-direction:column;align-items:center;gap:6px}.sk-flow .diagram-arrow{font-size:22px}"
+<Diagram id="doc-block-eiboxf" title={"प्रगतिशील खुलासा"} summary={"प्रत्येक कौशल का केवल नाम + विवरण हमेशा संदर्भ में होता है। जब कार्य मेल खाता है तो पूरा शरीर मांग पर लोड होता है।"}>
+
+```html
+<div class="sk-flow">
+  <div class="diagram-card">
+    <span class="diagram-pill accent">हमेशा system prompt में</span>
+    <div class="sk-list">
+      <span class="diagram-pill"
+        >storing-data &mdash;
+        <small class="diagram-muted">add data models&hellip;</small></span
+      ><span class="diagram-pill"
+        >real-time-sync &mdash;
+        <small class="diagram-muted">wire polling&hellip;</small></span
+      ><span class="diagram-pill"
+        >create-skill &mdash;
+        <small class="diagram-muted">add a skill&hellip;</small></span
+      >
+    </div>
+    <small class="diagram-muted">just name + description (cheap)</small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-panel center">
+    <small class="diagram-muted">task matches a description</small
+    ><span class="diagram-pill accent">load on demand</span>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-box">
+    Full <code>SKILL.md</code> body<br /><small class="diagram-muted"
+      >नियम, कोड, क्या करें/न करें</small
+    >
+  </div>
+</div>
+```
+
+```css
+.sk-flow {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  flex-wrap: wrap;
+}
+.sk-flow .diagram-card {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 14px 16px;
+  min-width: 240px;
+}
+.sk-flow .sk-list {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.sk-flow .center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 6px;
+}
+.sk-flow .diagram-arrow {
+  font-size: 22px;
 }
 ```
 
+</Diagram>
+
 ## फ्रेमवर्क skills {#framework-skills}
 
 ये skills **डिफ़ॉल्ट टेम्पलेट** के साथ बंडल हैं। किसी भी ऐप में उपलब्ध सटीक सेट आपके द्वारा बनाए गए टेम्पलेट पर निर्भर करता है - उस टेम्पलेट की `.agents/skills/` निर्देशिका की जांच करें कि यह वास्तव में क्या शिप करता है।
@@ -148,14 +207,64 @@ scope: dev
 
 यह केवल `.claude/skills` को पढ़ने के लिए Claude कोड पर भरोसा करने की पुरानी हैक को प्रतिस्थापित करता है - `scope: dev` देव-बनाम-रनटाइम विभाजन को प्रथम श्रेणी, स्पष्ट विकल्प बनाता है।
 
-```an-diagram title="कौन सा एजेंट कौन सा कौशल लोड करता है" summary="स्कोप यह तय करता है कि इन-ऐप रनटाइम एजेंट किसी कौशल को देखता है या नहीं। देव कौशल केवल आपके कोडिंग एजेंट को दिखाई देते हैं।"
-{
-"html": "<div class=\"sc-grid\"><div class=\"diagram-card\"><span class=\"diagram-pill\">.agents/skills/</span><div class=\"sc-row\"><span class=\"diagram-pill ok\">scope: both</span><small class=\"diagram-muted\">default</small></div><div class=\"sc-row\"><span class=\"diagram-pill ok\">scope: runtime</span></div><div class=\"sc-row\"><span class=\"diagram-pill warn\">scope: dev</span></div></div><div class=\"sc-targets\"><div class=\"diagram-box\">Runtime agent<br><small class=\"diagram-muted\">reads <code>both</code> + <code>runtime</code></small></div><div class=\"diagram-box\">कोडिंग एजेंट<br><small class=\"diagram-muted\">Claude Code reads <code>.claude/skills/</code> + <code>dev</code></small></div></div></div>",
-"css": ".sc-grid{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start}.sc-grid .diagram-card{display:flex;flex-direction:column;gap:8px;padding:14px 16px}.sc-grid .sc-row{display:flex;align-items:center;gap:8px}.sc-grid .sc-targets{display:flex;flex-direction:column;gap:10px}"
-}
+<Diagram id="doc-block-kt8x06" title={"कौन सा एजेंट कौन सा कौशल लोड करता है"} summary={"स्कोप यह तय करता है कि इन-ऐप रनटाइम एजेंट किसी कौशल को देखता है या नहीं। देव कौशल केवल आपके कोडिंग एजेंट को दिखाई देते हैं।"}>
+
+```html
+<div class="sc-grid">
+  <div class="diagram-card">
+    <span class="diagram-pill">.agents/skills/</span>
+    <div class="sc-row">
+      <span class="diagram-pill ok">scope: both</span
+      ><small class="diagram-muted">default</small>
+    </div>
+    <div class="sc-row">
+      <span class="diagram-pill ok">scope: runtime</span>
+    </div>
+    <div class="sc-row"><span class="diagram-pill warn">scope: dev</span></div>
+  </div>
+  <div class="sc-targets">
+    <div class="diagram-box">
+      Runtime agent<br /><small class="diagram-muted"
+        >reads <code>both</code> + <code>runtime</code></small
+      >
+    </div>
+    <div class="diagram-box">
+      कोडिंग एजेंट<br /><small class="diagram-muted"
+        >Claude Code reads <code>.claude/skills/</code> +
+        <code>dev</code></small
+      >
+    </div>
+  </div>
+</div>
+```
 
+```css
+.sc-grid {
+  display: flex;
+  gap: 24px;
+  flex-wrap: wrap;
+  align-items: flex-start;
+}
+.sc-grid .diagram-card {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 14px 16px;
+}
+.sc-grid .sc-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.sc-grid .sc-targets {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
 ```
 
+</Diagram>
+
 > **यह भी देखें:** [Writing Agent Instructions](/docs/writing-agent-instructions) कौशल विवरण को कैसे शब्दों में कहें, प्रगतिशील प्रकटीकरण कैसे लागू करें, और `AGENTS.md` को दुबला कैसे रखें।
 
 ## Skills बनाम AGENTS.md {#skills-vs-agents-md}

package/corpus/core/docs/content/locales/hi-IN/template-analytics.mdx

@@ -18,13 +18,55 @@ description: "एनालिटिक्स प्रश्न सादे अ
 
 यह एम्प्लिट्यूड, मिक्सपैनल और लुकर के लिए एक ओपन-सोर्स प्रतिस्थापन है - उन टीमों के लिए जो कोड, क्वेरी और डेटा का मालिक बनना चाहते हैं।
 
-```an-diagram title="चार्ट के लिए प्रश्न" summary="एजेंट डेटा डिक्शनरी की जांच करता है, SQL लिखता है, इसे वेयरहाउस के विरुद्ध मान्य करता है, फिर एक चार्ट प्रस्तुत करता है या एक पैनल सहेजता है।"
-{
-  "html": "<div class=\"diagram-flow\"><div class=\"diagram-node\">सरल भाषा<br>question</div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-panel center\"><span class=\"diagram-pill accent\">Agent</span><small class=\"diagram-muted\">reads data dictionary</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\" data-rough>SQL लिखता है</div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-col\"><div class=\"diagram-pill ok\">Dry-run वैलिडेट</div><small class=\"diagram-muted\">BigQuery / स्रोत</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\">चार्ट, तालिका, या<br>saved panel</div></div>",
-  "css": ".diagram-flow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.diagram-flow .diagram-col{display:flex;flex-direction:column;gap:6px;align-items:center}.diagram-flow .center{display:flex;flex-direction:column;align-items:center;gap:4px}.diagram-flow .diagram-arrow{font-size:22px;line-height:1}"
+<Diagram id="doc-block-4wce3v" title={"चार्ट के लिए प्रश्न"} summary={"एजेंट डेटा डिक्शनरी की जांच करता है, SQL लिखता है, इसे वेयरहाउस के विरुद्ध मान्य करता है, फिर एक चार्ट प्रस्तुत करता है या एक पैनल सहेजता है।"}>
+
+```html
+<div class="diagram-flow">
+  <div class="diagram-node">सरल भाषा<br />question</div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-panel center">
+    <span class="diagram-pill accent">Agent</span
+    ><small class="diagram-muted">reads data dictionary</small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-box" data-rough>SQL लिखता है</div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-col">
+    <div class="diagram-pill ok">Dry-run वैलिडेट</div>
+    <small class="diagram-muted">BigQuery / स्रोत</small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-box">चार्ट, तालिका, या<br />saved panel</div>
+</div>
+```
+
+```css
+.diagram-flow {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+.diagram-flow .diagram-col {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  align-items: center;
+}
+.diagram-flow .center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+}
+.diagram-flow .diagram-arrow {
+  font-size: 22px;
+  line-height: 1;
 }
 ```
 
+</Diagram>
+
 ## आप इसके साथ क्या कर सकते हैं
 
 - **साधारण अंग्रेजी में डेटा प्रश्न पूछें।** "पिछले महीने कितने प्रतिशत साइनअप भुगतान में परिवर्तित हो गए?" या "मुझे पिछले 6 महीनों के साप्ताहिक सक्रिय उपयोगकर्ता दिखाएँ।" एजेंट सही स्रोत चुनता है, SQL लिखता है, और चार्ट प्रस्तुत करता है।