@agent-native/core 0.79.26 → 0.79.27

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

@@ -14,13 +14,70 @@ Agent-Native **प्लान** ऐप एक इंस्टॉल करन
 - **दो skills** - `/visual-plan` (विहित प्रवेश बिंदु) और `/visual-recap`।
 - **प्लान MCP कनेक्टर** - `https://plan.agent-native.com` (MCP एंडपॉइंट `https://plan.agent-native.com/_agent-native/mcp`, सर्वर नाम `plan`) पर होस्ट किए गए ऐप के खिलाफ पंजीकृत है।
 
-```an-diagram title="तीन मार्ग, एक बंडल" summary="यूनिवर्सल CLI, Claude Code प्लगइन, और Codex प्लगइन सभी समान दो कौशल और होस्टेड प्लान कनेक्टर स्थापित करते हैं।"
-{
-  "html": "<div class=\"diagram-routes\"><div class=\"diagram-col\"><div class=\"diagram-node\">Universal CLI<br><small class=\"diagram-muted\">skills add visual-plan</small></div><div class=\"diagram-node\">Claude Code प्लगइन<br><small class=\"diagram-muted\">/plugin install</small></div><div class=\"diagram-node\">Codex प्लगइन<br><small class=\"diagram-muted\">codex plugin add</small></div></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-panel center\"><span class=\"diagram-pill accent\">/visual-plan</span><span class=\"diagram-pill accent\">/visual-recap</span><small class=\"diagram-muted\">two skills</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\">Plan MCP connector<br><small class=\"diagram-muted\">plan.agent-native.com/_agent-native/mcp</small></div></div>",
-  "css": ".diagram-routes{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.diagram-routes .diagram-col{display:flex;flex-direction:column;gap:10px}.diagram-routes .diagram-arrow{font-size:22px;line-height:1}.diagram-routes .center{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.diagram-routes .center .diagram-pill{margin:2px}"
+<Diagram id="doc-block-gdfyxv" title={"तीन मार्ग, एक बंडल"} summary={"यूनिवर्सल CLI, Claude Code प्लगइन, और Codex प्लगइन सभी समान दो कौशल और होस्टेड प्लान कनेक्टर स्थापित करते हैं।"}>
+
+```html
+<div class="diagram-routes">
+  <div class="diagram-col">
+    <div class="diagram-node">
+      Universal CLI<br /><small class="diagram-muted"
+        >skills add visual-plan</small
+      >
+    </div>
+    <div class="diagram-node">
+      Claude Code प्लगइन<br /><small class="diagram-muted"
+        >/plugin install</small
+      >
+    </div>
+    <div class="diagram-node">
+      Codex प्लगइन<br /><small class="diagram-muted">codex plugin add</small>
+    </div>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-panel center">
+    <span class="diagram-pill accent">/visual-plan</span
+    ><span class="diagram-pill accent">/visual-recap</span
+    ><small class="diagram-muted">two skills</small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-box">
+    Plan MCP connector<br /><small class="diagram-muted"
+      >plan.agent-native.com/_agent-native/mcp</small
+    >
+  </div>
+</div>
+```
+
+```css
+.diagram-routes {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+.diagram-routes .diagram-col {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.diagram-routes .diagram-arrow {
+  font-size: 22px;
+  line-height: 1;
+}
+.diagram-routes .center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  text-align: center;
+}
+.diagram-routes .center .diagram-pill {
+  margin: 2px;
 }
 ```
 
+</Diagram>
+
 डिफ़ॉल्ट रूप से, दोनों skills होस्ट किए गए प्लान ऐप पर प्रकाशित होते हैं - वे इसके माध्यम से एक प्लान बनाते हैं
 MCP कनेक्टर और समीक्षा के लिए आपको एक लिंक या इनलाइन योजना सौंपें। वे कभी डंप नहीं करते
 एक इनलाइन Markdown/ASCII योजना को चैट में डिलिवरेबल के रूप में पेश किया जाएगा। यदि एक योजना उपकरण
@@ -82,13 +139,47 @@ npx @agent-native/core@latest plan local serve --dir plans/<slug> --kind plan --
 टिप्पणियाँ, स्क्रीनशॉट और योजना इतिहास तब तक अनुपलब्ध हैं जब तक आप स्पष्ट रूप से नहीं बता देते
 बाद में प्रकाशित करें।
 
-```an-diagram title="होस्टेड बनाम स्थानीय-फ़ाइलें मोड" summary="डिफ़ॉल्ट रूप से कौशल कनेक्टर के माध्यम से प्रकाशित होते हैं; लोकल-फ़ाइलें मोड डिस्क पर MDX लिखता है और इसके बजाय लोकलहोस्ट ब्रिज के माध्यम से पूर्वावलोकन करता है।"
-{
-  "html": "<div class=\"diagram-modes\"><div class=\"diagram-card\"><span class=\"diagram-pill accent\">डिफॉल्ट · होस्टेड</span><strong>Plan ऐप में प्रकाशित करें</strong><small class=\"diagram-muted\">MCP connector &rarr; hosted DB &rarr; share links, comments, history, screenshots</small></div><div class=\"diagram-card\"><span class=\"diagram-pill warn\">स्थानीय फाइलों की गोपनीयता</span><strong>MDX को डिस्क पर लिखें</strong><small class=\"diagram-muted\">plan.mdx + canvas.mdx + prototype.mdx &rarr; localhost bridge &rarr; hosted Plan UI reads local source. No DB लेखनs until <code>publish-visual-plan</code>.</small></div></div>",
-  "css": ".diagram-modes{display:flex;gap:14px;flex-wrap:wrap}.diagram-modes .diagram-card{flex:1 1 260px;display:flex;flex-direction:column;gap:6px;padding:16px 18px}"
+<Diagram id="doc-block-ah49lf" title={"होस्टेड बनाम स्थानीय-फ़ाइलें मोड"} summary={"डिफ़ॉल्ट रूप से कौशल कनेक्टर के माध्यम से प्रकाशित होते हैं; लोकल-फ़ाइलें मोड डिस्क पर MDX लिखता है और इसके बजाय लोकलहोस्ट ब्रिज के माध्यम से पूर्वावलोकन करता है।"}>
+
+```html
+<div class="diagram-modes">
+  <div class="diagram-card">
+    <span class="diagram-pill accent">डिफॉल्ट · होस्टेड</span
+    ><strong>Plan ऐप में प्रकाशित करें</strong
+    ><small class="diagram-muted"
+      >MCP connector &rarr; hosted DB &rarr; share links, comments, history,
+      screenshots</small
+    >
+  </div>
+  <div class="diagram-card">
+    <span class="diagram-pill warn">स्थानीय फाइलों की गोपनीयता</span
+    ><strong>MDX को डिस्क पर लिखें</strong
+    ><small class="diagram-muted"
+      >plan.mdx + canvas.mdx + prototype.mdx &rarr; localhost bridge &rarr;
+      hosted Plan UI reads local source. No DB लेखनs until
+      <code>publish-visual-plan</code>.</small
+    >
+  </div>
+</div>
+```
+
+```css
+.diagram-modes {
+  display: flex;
+  gap: 14px;
+  flex-wrap: wrap;
+}
+.diagram-modes .diagram-card {
+  flex: 1 1 260px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 16px 18px;
 }
 ```
 
+</Diagram>
+
 Agent Native डेस्कटॉप में होस्ट की गई योजनाओं के लिए एक अलग स्थानीय-फ़ाइल सिंक पथ है:
 डेस्कटॉप ऐप होस्ट किए गए प्लान को स्थानीय MDX फ़ाइलों में मिरर कर सकता है और संपादनों को वापस आयात कर सकता है
 प्लान ऐप को क्लोन किए बिना या CLI चलाए बिना। वह वर्कफ़्लो होस्ट

package/corpus/core/docs/content/locales/hi-IN/pr-visual-recap.mdx

@@ -24,13 +24,72 @@ description: "एक GitHub एक्शन जो प्रत्येक प
 7. एक एकल चिपचिपा पीआर टिप्पणी डालता है जो इंटरैक्टिव रीकैप के लिंक के बगल में एक `<picture>` तत्व (GitHub के कैमो इमेज प्रॉक्सी के माध्यम से परोसा गया) के साथ स्क्रीनशॉट **इनलाइन** को एम्बेड करता है।
 8. `Visual Recap` चेक को सफल, छोड़े गए या तटस्थ के रूप में पूरा करता है।
 
-```an-diagram title="प्रत्येक पीआर पुश पर क्या होता है" summary="एक सीमित अंतर एक वास्तविक कोडिंग एजेंट को फीड करता है, जो एक पुनर्कथन लिखता है; वर्कफ़्लो इसका स्क्रीनशॉट लेता है और एक तीखी टिप्पणी डालता है।"
-{
-  "html": "<div class=\"diagram-recap\"><div class=\"diagram-node\">PR push<br><small class=\"diagram-muted\">bounded base&hellip;head diff</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-node\">कोडिंग एजेंट<br><small class=\"diagram-muted\">Claude Code / Codex diff पढ़ता है</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-panel center\"><span class=\"diagram-pill accent\">create-visual-recap</span><small class=\"diagram-muted\">publishes recap plan</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-node\">Headless Chrome<br><small class=\"diagram-muted\">light + dark screenshots</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\">एक स्थायी PR टिप्पणी<br><small class=\"diagram-muted\">inline screenshot + plan link</small></div></div><div class=\"diagram-foot diagram-muted\">Plus an informational <span class=\"diagram-pill\">Visual Recap</span> check &mdash; non-blocking, never required.</div>",
-  "css": ".diagram-recap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.diagram-recap .diagram-arrow{font-size:20px;line-height:1}.diagram-recap .center{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.diagram-recap .diagram-foot{flex-basis:100%;margin-top:10px;font-size:13px}"
+<Diagram id="doc-block-1o1ogbi" title={"प्रत्येक पीआर पुश पर क्या होता है"} summary={"एक सीमित अंतर एक वास्तविक कोडिंग एजेंट को फीड करता है, जो एक पुनर्कथन लिखता है; वर्कफ़्लो इसका स्क्रीनशॉट लेता है और एक तीखी टिप्पणी डालता है।"}>
+
+```html
+<div class="diagram-recap">
+  <div class="diagram-node">
+    PR push<br /><small class="diagram-muted"
+      >bounded base&hellip;head diff</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-node">
+    कोडिंग एजेंट<br /><small class="diagram-muted"
+      >Claude Code / Codex diff पढ़ता है</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-panel center">
+    <span class="diagram-pill accent">create-visual-recap</span
+    ><small class="diagram-muted">publishes recap plan</small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-node">
+    Headless Chrome<br /><small class="diagram-muted"
+      >light + dark screenshots</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-box">
+    एक स्थायी PR टिप्पणी<br /><small class="diagram-muted"
+      >inline screenshot + plan link</small
+    >
+  </div>
+</div>
+<div class="diagram-foot diagram-muted">
+  Plus an informational <span class="diagram-pill">Visual Recap</span> check
+  &mdash; non-blocking, never required.
+</div>
+```
+
+```css
+.diagram-recap {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+.diagram-recap .diagram-arrow {
+  font-size: 20px;
+  line-height: 1;
+}
+.diagram-recap .center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  text-align: center;
+}
+.diagram-recap .diagram-foot {
+  flex-basis: 100%;
+  margin-top: 10px;
+  font-size: 13px;
 }
 ```
 
+</Diagram>
+
 एक री-पुश उसी योजना को अपडेट करता है और उसी स्थान पर वही चिपचिपी टिप्पणी करता है - कोई अनाथ योजना नहीं, कोई टिप्पणी स्पैम नहीं।
 
 ## इसे स्थापित करना
@@ -157,13 +216,72 @@ npx @agent-native/core@latest recap setup
 
 इसे स्थापित करने के लिए, फ़ाइल को [BuilderIO/agent-native](https://github.com/BuilderIO/agent-native/blob/main/.github/workflows/pr-visual-recap-fork.yml) से मौजूदा `pr-visual-recap.yml` के साथ अपने रेपो की `.github/workflows/` निर्देशिका में कॉपी करें। वही रहस्य (`PLAN_RECAP_TOKEN`, `ANTHROPIC_API_KEY`) लागू होते हैं।
 
-```an-diagram title="कांटा पीआर सहमति गेट" summary="फ़ोर्क पीआर को डिफ़ॉल्ट रूप से कोई रहस्य नहीं मिलता; विश्वसनीय लेखक स्वचालित रूप से चलते हैं, और बाहरी योगदानकर्ताओं को एक नए अनुरक्षक पुनर्कथन लेबल की आवश्यकता होती है।"
-{
-  "html": "<div class=\"diagram-fork\"><div class=\"diagram-node\">फोर्क PR खुला<br><small class=\"diagram-muted\">main workflow has no secrets</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-card\"><span class=\"diagram-pill ok\">trusted author</span><small class=\"diagram-muted\">OWNER, MEMBER, या COLLABORATOR अपने आप चलता है</small></div><div class=\"diagram-card\"><span class=\"diagram-pill warn\">outside contributor</span><small class=\"diagram-muted\">maintainer diff review करता है, फिर apply करता है <code>recap</code></small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-panel center\">गेट जांचें<br><small class=\"diagram-muted\">fork PR? &amp; trusted or fresh label?</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box ok\">रीकैप रन<br><small class=\"diagram-muted\">सिर्फ base-repo code · fork diff text input है</small></div></div>",
-  "css": ".diagram-fork{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.diagram-fork .diagram-arrow{font-size:20px;line-height:1}.diagram-fork .center{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.diagram-fork .diagram-card{display:flex;flex-direction:column;gap:6px;padding:12px 14px}"
+<Diagram id="doc-block-1ot51uz" title={"कांटा पीआर सहमति गेट"} summary={"फ़ोर्क पीआर को डिफ़ॉल्ट रूप से कोई रहस्य नहीं मिलता; विश्वसनीय लेखक स्वचालित रूप से चलते हैं, और बाहरी योगदानकर्ताओं को एक नए अनुरक्षक पुनर्कथन लेबल की आवश्यकता होती है।"}>
+
+```html
+<div class="diagram-fork">
+  <div class="diagram-node">
+    फोर्क PR खुला<br /><small class="diagram-muted"
+      >main workflow has no secrets</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-card">
+    <span class="diagram-pill ok">trusted author</span
+    ><small class="diagram-muted"
+      >OWNER, MEMBER, या COLLABORATOR अपने आप चलता है</small
+    >
+  </div>
+  <div class="diagram-card">
+    <span class="diagram-pill warn">outside contributor</span
+    ><small class="diagram-muted"
+      >maintainer diff review करता है, फिर apply करता है
+      <code>recap</code></small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-panel center">
+    गेट जांचें<br /><small class="diagram-muted"
+      >fork PR? &amp; trusted or fresh label?</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-box ok">
+    रीकैप रन<br /><small class="diagram-muted"
+      >सिर्फ base-repo code · fork diff text input है</small
+    >
+  </div>
+</div>
+```
+
+```css
+.diagram-fork {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+.diagram-fork .diagram-arrow {
+  font-size: 20px;
+  line-height: 1;
+}
+.diagram-fork .center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  text-align: center;
+}
+.diagram-fork .diagram-card {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 12px 14px;
 }
 ```
 
+</Diagram>
+
 ### लेबल गेट कैसे काम करता है
 
 1. एक कांटा योगदानकर्ता एक पीआर खोलता है। सामान्य `pull_request` वर्कफ़्लो रुक जाता है क्योंकि GitHub फोर्क रन से रहस्य छुपाता है।

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

@@ -7,13 +7,50 @@ description: "लूप-आंतरिक पर्यवेक्षक/रे
 
 ए `Processor` एजेंट रन के लिए एक लूप-आंतरिक **ऑब्जर्वर/रेलिंग** है। यह मॉडल के स्ट्रीम किए गए आउटपुट को देखता है और टूल इसे अनुरोध कहता है _जैसे-जैसे रन आगे बढ़ता है_, अपनी स्वयं की स्क्रैच स्थिति रखता है, और "पूर्ण" का दावा करने से पहले रन को **निरस्त** कर सकता है। यह वास्तविक समय रेलिंग (मध्य-धारा में अस्वीकृत आउटपुट को ब्लॉक करें) और एक प्रूफ-ऑफ-डन/कवरेज गेट (मॉडल क्या करने वाला है और इसे रोकें) के लिए संरचनात्मक शर्त है।
 
-```an-diagram title="जहां तीन हुक दौड़कर फायर करते हैं" summary="processOutputStream प्रत्येक भाग को देखता है, processOutputStep प्रति प्रतिक्रिया के लिए टूल कॉल को गेट करता है, processOutputResult अंत में एक निर्णय रिकॉर्ड करता है। कोई भी हुक TripWire के साथ समाप्त हो सकता है।"
-{
-  "html": "<div class=\"diagram-proc\"><div class=\"diagram-node\" data-rough>stream chunks<br><small class=\"diagram-muted\">processOutputStream</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-node\" data-rough>per model response<br><small class=\"diagram-muted\">processOutputStep — टूल कॉल गेट करता है</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-node\" data-rough>run end<br><small class=\"diagram-muted\">processOutputResult — निर्णय</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&darr;</div><div class=\"diagram-pill warn\">abort() &rarr; TripWire &rarr; tripwire event</div></div>",
-  "css": ".diagram-proc{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.diagram-proc .diagram-arrow{font-size:22px;line-height:1}.diagram-proc .diagram-pill{flex-basis:100%}"
+<Diagram id="doc-block-1n738fz" title={"जहां तीन हुक दौड़कर फायर करते हैं"} summary={"processOutputStream प्रत्येक भाग को देखता है, processOutputStep प्रति प्रतिक्रिया के लिए टूल कॉल को गेट करता है, processOutputResult अंत में एक निर्णय रिकॉर्ड करता है। कोई भी हुक TripWire के साथ समाप्त हो सकता है।"}>
+
+```html
+<div class="diagram-proc">
+  <div class="diagram-node" data-rough>
+    stream chunks<br /><small class="diagram-muted">processOutputStream</small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-node" data-rough>
+    per model response<br /><small class="diagram-muted"
+      >processOutputStep — टूल कॉल गेट करता है</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-node" data-rough>
+    run end<br /><small class="diagram-muted"
+      >processOutputResult — निर्णय</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&darr;</div>
+  <div class="diagram-pill warn">
+    abort() &rarr; TripWire &rarr; tripwire event
+  </div>
+</div>
+```
+
+```css
+.diagram-proc {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+.diagram-proc .diagram-arrow {
+  font-size: 22px;
+  line-height: 1;
+}
+.diagram-proc .diagram-pill {
+  flex-basis: 100%;
 }
 ```
 
+</Diagram>
+
 > [!WARNING]
 > एक प्रोसेसर **कॉन्फिगरेशन** है, एक उपकरण नहीं, एक क्रिया नहीं, और एक संलेखन DSL नहीं है। प्रोसेसर केवल अपने स्वयं के स्ट्रीम-स्कोप्ड राज्य और `abort()` का निरीक्षण करते हैं, उन्हें बदलते हैं। वे कभी भी ऐप व्यवहार को परिभाषित नहीं करते हैं, actions को प्रतिस्थापित नहीं करते हैं, या मॉडल में दिखाई नहीं देते हैं। ऐप संचालन [actions](/docs/actions) से संबंधित है।
 

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

@@ -41,13 +41,55 @@ await completeRun(run.id, run.owner, "succeeded");
 | `failed`    | त्रुटि टर्मिनल                    |
 | `cancelled` | उपयोगकर्ता ने व्यवधान डाला        |
 
-```an-diagram title="जीवनचक्र चलाएँ" summary="startRun एक चालू पंक्ति खोलता है; updateRunProgress इसे पैच करता है; completeRun इसे एक टर्मिनल स्थिति में ले जाता है और completed_at पर मुहर लगाता है।"
-{
-  "html": "<div class=\"diagram-run\"><div class=\"diagram-box\" data-rough>startRun()</div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-panel running\" data-rough><span class=\"diagram-pill accent\">running</span><small class=\"diagram-muted\">updateRunProgress() &#8635; percent + step</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-col terminal\"><span class=\"diagram-pill ok\">succeeded</span><span class=\"diagram-pill warn\">failed</span><span class=\"diagram-pill\">cancelled</span><small class=\"diagram-muted\">completeRun() &rarr; sets completed_at</small></div></div>",
-  "css": ".diagram-run{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.diagram-run .diagram-panel{display:flex;flex-direction:column;gap:6px;padding:12px 16px}.diagram-run .terminal{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.diagram-run .diagram-arrow{font-size:22px;line-height:1}"
+<Diagram id="doc-block-141w2kw" title={"जीवनचक्र चलाएँ"} summary={"startRun एक चालू पंक्ति खोलता है; updateRunProgress इसे पैच करता है; completeRun इसे एक टर्मिनल स्थिति में ले जाता है और completed_at पर मुहर लगाता है।"}>
+
+```html
+<div class="diagram-run">
+  <div class="diagram-box" data-rough>startRun()</div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-panel running" data-rough>
+    <span class="diagram-pill accent">running</span
+    ><small class="diagram-muted"
+      >updateRunProgress() &#8635; percent + step</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-col terminal">
+    <span class="diagram-pill ok">succeeded</span
+    ><span class="diagram-pill warn">failed</span
+    ><span class="diagram-pill">cancelled</span
+    ><small class="diagram-muted">completeRun() &rarr; sets completed_at</small>
+  </div>
+</div>
+```
+
+```css
+.diagram-run {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  flex-wrap: wrap;
+}
+.diagram-run .diagram-panel {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 12px 16px;
+}
+.diagram-run .terminal {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  align-items: flex-start;
+}
+.diagram-run .diagram-arrow {
+  font-size: 22px;
+  line-height: 1;
 }
 ```
 
+</Diagram>
+
 टर्मिनल स्थितियाँ `completed_at` सेट करती हैं। UI ट्रे केवल `running` पंक्तियाँ दिखाती है; पूर्ण पंक्तियाँ `action=list` प्रश्नों के लिए डेटाबेस में रहती हैं।
 
 ## API {#api}

package/corpus/core/docs/content/locales/hi-IN/pure-agent-apps.mdx

@@ -12,13 +12,57 @@ description: "ऐप्स जहां एजेंट संपूर्ण
 के अंतर्गत आता है। यह अभी भी एक वास्तविक ऐप है: actions, सत्र, ऐप स्थिति, इतिहास,
 सेटिंग्स, क्रेडेंशियल और शेयर रिकॉर्ड सभी SQL में रहते हैं।
 
-```an-diagram title="ऐप-एजेंट लूप सामने का दरवाजा है" summary="कई प्रवेश बिंदु SQL-backed क्रियाओं और स्थिति पर एक एजेंट लूप तक पहुंचते हैं; जहां से अनुरोध आया वहां परिणाम वापस आ जाते हैं। यूआई केवल तभी जोड़ा जाता है जब इंसानों को पर्यवेक्षण की आवश्यकता होती है।"
-{
-  "html": "<div class=\"diagram-pure\"><div class=\"diagram-col\"><div class=\"diagram-pill\">Terminal</div><div class=\"diagram-pill\">Slack · ईमेल</div><div class=\"diagram-pill\">शेड्यूल्ड जॉब</div><div class=\"diagram-pill\">Another agent (A2A)</div><div class=\"diagram-pill\">Chat</div></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-panel center\" data-rough><span class=\"diagram-pill accent\">ऐप-एजेंट लूप</span><small class=\"diagram-muted\">actions · sessions · SQL में app state</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\" data-rough>परिणाम लौटता है<br><small class=\"diagram-muted\">to where it belongs</small></div></div>",
-  "css": ".diagram-pure{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.diagram-pure .diagram-col{display:flex;flex-direction:column;gap:8px}.diagram-pure .diagram-arrow{font-size:22px;line-height:1}.diagram-pure .center{display:flex;flex-direction:column;align-items:center;gap:4px}"
+<Diagram id="doc-block-pwjkyy" title={"ऐप-एजेंट लूप सामने का दरवाजा है"} summary={"कई प्रवेश बिंदु SQL-backed क्रियाओं और स्थिति पर एक एजेंट लूप तक पहुंचते हैं; जहां से अनुरोध आया वहां परिणाम वापस आ जाते हैं। यूआई केवल तभी जोड़ा जाता है जब इंसानों को पर्यवेक्षण की आवश्यकता होती है।"}>
+
+```html
+<div class="diagram-pure">
+  <div class="diagram-col">
+    <div class="diagram-pill">Terminal</div>
+    <div class="diagram-pill">Slack · ईमेल</div>
+    <div class="diagram-pill">शेड्यूल्ड जॉब</div>
+    <div class="diagram-pill">Another agent (A2A)</div>
+    <div class="diagram-pill">Chat</div>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-panel center" data-rough>
+    <span class="diagram-pill accent">ऐप-एजेंट लूप</span
+    ><small class="diagram-muted">actions · sessions · SQL में app state</small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-box" data-rough>
+    परिणाम लौटता है<br /><small class="diagram-muted"
+      >to where it belongs</small
+    >
+  </div>
+</div>
+```
+
+```css
+.diagram-pure {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  flex-wrap: wrap;
+}
+.diagram-pure .diagram-col {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.diagram-pure .diagram-arrow {
+  font-size: 22px;
+  line-height: 1;
+}
+.diagram-pure .center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
 }
 ```
 
+</Diagram>
+
 जब कार्य पृष्ठभूमि में चलता है, तो इस आकृति तक पहुंचें, आउटपुट निकल जाता है
 ऐप, डोमेन वन-शॉट है, या आप प्रोटोटाइप कर रहे हैं। एजेंट को अभी भी UI —
 एक डैशबोर्ड नहीं, बल्कि मनुष्यों के लिए इसकी देखरेख, कॉन्फ़िगर और संचालन करने के लिए एक जगह -

package/corpus/core/docs/content/locales/hi-IN/real-time-collaboration.mdx

@@ -36,13 +36,57 @@ description: "बहु-उपयोगकर्ता सहयोगात्
 
 सहयोग प्रणाली में पांच इंटरलॉकिंग परतें हैं।
 
-```an-diagram title="पांच इंटरलॉकिंग परतें" summary="इन-मेमोरी CRDT से लेकर ट्रांसपोर्ट तक जो साथियों के बीच अपडेट पहुंचाता है - प्रत्येक परत में एक काम होता है।"
-{
-  "html": "<div class=\"diagram-stack\"><div class=\"diagram-card layer\"><span class=\"diagram-pill accent\">1 &middot; Yjs Y.Doc</span><small class=\"diagram-muted\">CRDT &mdash; conflict-free merge, कोई coordinator नहीं</small></div><div class=\"diagram-card layer\"><span class=\"diagram-pill\">2 &middot; SQL canonical content</span><small class=\"diagram-muted\">_collab_docs &mdash; durable source of truth, versioned</small></div><div class=\"diagram-card layer\"><span class=\"diagram-pill\">3 &middot; updatedAt-gated reconcile</span><small class=\"diagram-muted\">एजेंट edits SQL bump से propagate होते हैं</small></div><div class=\"diagram-card layer\"><span class=\"diagram-pill\">4 &middot; लीड-क्लाइंट चुनाव</span><small class=\"diagram-muted\">ठीक एक टैब snapshot लागू करता है</small></div><div class=\"diagram-card layer\"><span class=\"diagram-pill ok\">5 &middot; SSE fast-path + polling</span><small class=\"diagram-muted\">~दर्जनों ms, कहीं भी 2s polling तक degrade</small></div></div>",
-  "css": ".diagram-stack{display:flex;flex-direction:column;gap:8px}.diagram-stack .layer{display:flex;flex-direction:column;gap:4px;padding:12px 14px}"
+<Diagram id="doc-block-uebsfx" title={"पांच इंटरलॉकिंग परतें"} summary={"इन-मेमोरी CRDT से लेकर ट्रांसपोर्ट तक जो साथियों के बीच अपडेट पहुंचाता है - प्रत्येक परत में एक काम होता है।"}>
+
+```html
+<div class="diagram-stack">
+  <div class="diagram-card layer">
+    <span class="diagram-pill accent">1 &middot; Yjs Y.Doc</span
+    ><small class="diagram-muted"
+      >CRDT &mdash; conflict-free merge, कोई coordinator नहीं</small
+    >
+  </div>
+  <div class="diagram-card layer">
+    <span class="diagram-pill">2 &middot; SQL canonical content</span
+    ><small class="diagram-muted"
+      >_collab_docs &mdash; durable source of truth, versioned</small
+    >
+  </div>
+  <div class="diagram-card layer">
+    <span class="diagram-pill">3 &middot; updatedAt-gated reconcile</span
+    ><small class="diagram-muted"
+      >एजेंट edits SQL bump से propagate होते हैं</small
+    >
+  </div>
+  <div class="diagram-card layer">
+    <span class="diagram-pill">4 &middot; लीड-क्लाइंट चुनाव</span
+    ><small class="diagram-muted">ठीक एक टैब snapshot लागू करता है</small>
+  </div>
+  <div class="diagram-card layer">
+    <span class="diagram-pill ok">5 &middot; SSE fast-path + polling</span
+    ><small class="diagram-muted"
+      >~दर्जनों ms, कहीं भी 2s polling तक degrade</small
+    >
+  </div>
+</div>
+```
+
+```css
+.diagram-stack {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.diagram-stack .layer {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 12px 14px;
 }
 ```
 
+</Diagram>
+
 ### 1. Yjs Y.Doc (CRDT परत)
 
 प्रत्येक सहयोगी दस्तावेज़ एक `Y.Doc` है जिसमें साझा प्रकार होते हैं - आमतौर पर एक
@@ -100,13 +144,67 @@ Yjs स्थिति `_collab_docs` तालिका में बेस64-
 
 नेटवर्क त्रुटियाँ घबराहट के साथ घातीय बैकऑफ़ का उपयोग करती हैं, जिसकी सीमा ~15 सेकंड है।
 
-```an-diagram title="दो संपादन पथ, एक विलय" summary="मानव कीस्ट्रोक्स प्रवाह Y.Doc → सर्वर → SSE। एजेंट संपादन SQL से होकर गुजरते हैं: एक्शन बम्प अपडेटेडएट पर होता है, लीड क्लाइंट सामंजस्य स्थापित करता है, फिर परिवर्तन Yjs में पुनः प्रवेश करता है।"
-{
-  "html": "<div class=\"diagram-collab\"><div class=\"lane\"><span class=\"diagram-pill\">मानवीय संपादन</span><div class=\"diagram-node\">Y.Doc update<br><small class=\"diagram-muted\">debounce लगभग 80ms</small></div><span class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</span><div class=\"diagram-box\" data-rough>POST /update<br><small class=\"diagram-muted\">apply + persist</small></div><span class=\"diagram-arrow diagram-accent\" aria-hidden=\"true\">&rarr;</span><div class=\"diagram-box diagram-accent\">SSE push<br><small class=\"diagram-muted\">to all peers</small></div></div><div class=\"lane\"><span class=\"diagram-pill warn\">एजेंट संपादन</span><div class=\"diagram-node\">Action SQL लिखता है<br><small class=\"diagram-muted\">updatedAt अपडेट करता है</small></div><span class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</span><div class=\"diagram-box\" data-rough>लीड क्लाइंट<br><small class=\"diagram-muted\">setContent को Y.Doc में</small></div><span class=\"diagram-arrow diagram-accent\" aria-hidden=\"true\">&rarr;</span><div class=\"diagram-box diagram-accent\">POST /update<br><small class=\"diagram-muted\">re-enters Yjs &middot; SSE push</small></div></div></div>",
-  "css": ".diagram-collab{display:flex;flex-direction:column;gap:14px}.diagram-collab .lane{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.diagram-collab .diagram-arrow{font-size:22px;line-height:1}"
+<Diagram id="doc-block-vgqd7e" title={"दो संपादन पथ, एक विलय"} summary={"मानव कीस्ट्रोक्स प्रवाह Y.Doc → सर्वर → SSE। एजेंट संपादन SQL से होकर गुजरते हैं: एक्शन बम्प अपडेटेडएट पर होता है, लीड क्लाइंट सामंजस्य स्थापित करता है, फिर परिवर्तन Yjs में पुनः प्रवेश करता है।"}>
+
+```html
+<div class="diagram-collab">
+  <div class="lane">
+    <span class="diagram-pill">मानवीय संपादन</span>
+    <div class="diagram-node">
+      Y.Doc update<br /><small class="diagram-muted">debounce लगभग 80ms</small>
+    </div>
+    <span class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</span>
+    <div class="diagram-box" data-rough>
+      POST /update<br /><small class="diagram-muted">apply + persist</small>
+    </div>
+    <span class="diagram-arrow diagram-accent" aria-hidden="true">&rarr;</span>
+    <div class="diagram-box diagram-accent">
+      SSE push<br /><small class="diagram-muted">to all peers</small>
+    </div>
+  </div>
+  <div class="lane">
+    <span class="diagram-pill warn">एजेंट संपादन</span>
+    <div class="diagram-node">
+      Action SQL लिखता है<br /><small class="diagram-muted"
+        >updatedAt अपडेट करता है</small
+      >
+    </div>
+    <span class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</span>
+    <div class="diagram-box" data-rough>
+      लीड क्लाइंट<br /><small class="diagram-muted"
+        >setContent को Y.Doc में</small
+      >
+    </div>
+    <span class="diagram-arrow diagram-accent" aria-hidden="true">&rarr;</span>
+    <div class="diagram-box diagram-accent">
+      POST /update<br /><small class="diagram-muted"
+        >re-enters Yjs &middot; SSE push</small
+      >
+    </div>
+  </div>
+</div>
+```
+
+```css
+.diagram-collab {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}
+.diagram-collab .lane {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+.diagram-collab .diagram-arrow {
+  font-size: 22px;
+  line-height: 1;
 }
 ```
 
+</Diagram>
+
 ## त्वरित प्रारंभ {#quickstart}
 
 ### 1. पैकेज स्थापित करें