@agent-native/core 0.79.26 → 0.79.27

package/docs/content/locales/hi-IN/key-concepts.mdx

@@ -17,13 +17,67 @@ description: "एजेंट-नेटिव ऐप्स कैसे का
 >
 > **कंप्यूटर** — डेटाबेस, ब्राउज़र, कोड निष्पादन। एजेंट सीधे SQL और अंतर्निर्मित टूल के साथ काम करते हैं; MCP सर्वर वैकल्पिक ऐड-ऑन हैं, फाउंडेशन नहीं।
 
-```an-diagram title="एजेंट, एप्लिकेशन और कंप्यूटर" summary="एक साझा SQL स्टोर पर तीन परतें एक साथ काम कर रही हैं। एजेंट और एप्लिकेशन दोनों समान डेटा पढ़ते और लिखते हैं।"
-{
-  "html": "<div class=\"diagram-arch\"><div class=\"diagram-row\"><div class=\"diagram-card\"><span class=\"diagram-pill accent\">Agent</span><small class=\"diagram-muted\">डेटा पढ़ता और लिखता है, actions चलाता है, कोड बदलता है</small></div><div class=\"diagram-card\"><span class=\"diagram-pill\">Application</span><small class=\"diagram-muted\">सिर्फ action, chat, control plane, या full React इंटरफेस</small></div></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&darr;&nbsp;&uarr;</div><div class=\"diagram-box\" data-rough>Computer<br><small class=\"diagram-muted\">SQL डेटाबेस · browser · code execution</small></div></div>",
-  "css": ".diagram-arch{display:flex;flex-direction:column;align-items:center;gap:10px}.diagram-arch .diagram-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.diagram-arch .diagram-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;min-width:220px}.diagram-arch .diagram-arrow{font-size:20px;line-height:1}.diagram-arch .diagram-box{text-align:center;padding:12px 18px}"
+<Diagram id="doc-block-1dvva76" title={"एजेंट, एप्लिकेशन और कंप्यूटर"} summary={"एक साझा SQL स्टोर पर तीन परतें एक साथ काम कर रही हैं। एजेंट और एप्लिकेशन दोनों समान डेटा पढ़ते और लिखते हैं।"}>
+
+```html
+<div class="diagram-arch">
+  <div class="diagram-row">
+    <div class="diagram-card">
+      <span class="diagram-pill accent">Agent</span
+      ><small class="diagram-muted"
+        >डेटा पढ़ता और लिखता है, actions चलाता है, कोड बदलता है</small
+      >
+    </div>
+    <div class="diagram-card">
+      <span class="diagram-pill">Application</span
+      ><small class="diagram-muted"
+        >सिर्फ action, chat, control plane, या full React इंटरफेस</small
+      >
+    </div>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">
+    &darr;&nbsp;&uarr;
+  </div>
+  <div class="diagram-box" data-rough>
+    Computer<br /><small class="diagram-muted"
+      >SQL डेटाबेस · browser · code execution</small
+    >
+  </div>
+</div>
+```
+
+```css
+.diagram-arch {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+}
+.diagram-arch .diagram-row {
+  display: flex;
+  gap: 12px;
+  flex-wrap: wrap;
+  justify-content: center;
+}
+.diagram-arch .diagram-card {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 14px 16px;
+  min-width: 220px;
+}
+.diagram-arch .diagram-arrow {
+  font-size: 20px;
+  line-height: 1;
+}
+.diagram-arch .diagram-box {
+  text-align: center;
+  padding: 12px 18px;
 }
 ```
 
+</Diagram>
+
 हेडलेस ऐप्स `pnpm agent` वाले फ़ोल्डर से समान प्रोडक्शन ऐप-एजेंट लूप चला सकते हैं, जबकि UI ऐप्स एम्बेडेड एजेंट पैनल को माउंट करते हैं और `pnpm dev` के साथ स्थानीय रूप से चला सकते हैं। क्लाउड में, Builder.io एक प्रबंधित फ्रेम प्रदान करता है - वह वातावरण जो आपके ऐप के बगल में एजेंट को होस्ट करता है - टीमों के लिए सहयोग, दृश्य संपादन और प्रबंधित बुनियादी ढांचे के साथ।
 
 ## एजेंट बिल्डिंग ब्लॉक्स {#agent-building-blocks}
@@ -273,13 +327,55 @@ useDbSync({ queryClient });
 4. `useActionQuery` हुक और स्रोत-संस्करण `useQuery` हुक पुनः प्राप्त
 5. घटक पृष्ठ पुनः लोड किए बिना नया डेटा प्रस्तुत करते हैं
 
-```an-diagram title="लाइव सिंक प्रवाह" summary="एक एजेंट राइट बिना किसी मैन्युअल रिफ्रेश के यूआई रेंडर बन जाता है - SSE पहले, यूनिवर्सल फ़ॉलबैक के रूप में मतदान।"
-{
-  "html": "<div class=\"diagram-sync\"><div class=\"diagram-node\">एजेंट action<br><small class=\"diagram-muted\">DB में लिखता है</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-node\">बदलाव इवेंट<br><small class=\"diagram-muted\">source: action / settings</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-panel center\"><span class=\"diagram-pill accent\">useDbSync</span><small class=\"diagram-muted\">SSE &middot; poll fallback</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-node\">क्वेरी फिर से fetch<br><small class=\"diagram-muted\">रेंडर, रीलोड नहीं</small></div></div>",
-  "css": ".diagram-sync{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.diagram-sync .diagram-arrow{font-size:22px;line-height:1}.diagram-sync .center{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px}"
+<Diagram id="doc-block-maof0j" title={"लाइव सिंक प्रवाह"} summary={"एक एजेंट राइट बिना किसी मैन्युअल रिफ्रेश के यूआई रेंडर बन जाता है - SSE पहले, यूनिवर्सल फ़ॉलबैक के रूप में मतदान।"}>
+
+```html
+<div class="diagram-sync">
+  <div class="diagram-node">
+    एजेंट action<br /><small class="diagram-muted">DB में लिखता है</small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-node">
+    बदलाव इवेंट<br /><small class="diagram-muted"
+      >source: action / settings</small
+    >
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-panel center">
+    <span class="diagram-pill accent">useDbSync</span
+    ><small class="diagram-muted">SSE &middot; poll fallback</small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-node">
+    क्वेरी फिर से fetch<br /><small class="diagram-muted"
+      >रेंडर, रीलोड नहीं</small
+    >
+  </div>
+</div>
+```
+
+```css
+.diagram-sync {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+.diagram-sync .diagram-arrow {
+  font-size: 22px;
+  line-height: 1;
+}
+.diagram-sync .center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  padding: 10px 14px;
 }
 ```
 
+</Diagram>
+
 यह सभी परिनियोजन परिवेशों में काम करता है - सर्वर रहित और एज सहित - क्योंकि यह डेटाबेस का उपयोग करता है, इन-मेमोरी स्थिति या फ़ाइल सिस्टम वॉचर्स का नहीं।
 
 ## फ़्रेम्स {#frames}

package/docs/content/locales/hi-IN/local-file-mode.mdx

@@ -46,13 +46,67 @@ UI और एजेंट actions को दोनों मोड में ए
 संपादक अभी भी दस्तावेज़ों का संपादन करता है; अंतर यह है कि क्या वे दस्तावेज़ हल हो जाते हैं
 SQL पंक्तियों या स्थानीय फ़ाइलों तक।
 
-```an-diagram title="समान कार्य, सत्य के दो स्रोत" summary="यूआई और एजेंट दोनों मोड में समान क्रियाएं कहते हैं। कार्रवाई परत यह तय करती है कि प्रत्येक कॉल SQL पंक्तियों या रेपो फ़ाइलों का समाधान करती है या नहीं।"
-{
-  "html": "<div class=\"diagram-mode\"><div class=\"diagram-col entry\"><div class=\"diagram-node\">सामग्री UI</div><div class=\"diagram-node\">एजेंट + actions<br><small class=\"diagram-muted\">list/get/update-document</small></div></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-row resolve\"><div class=\"diagram-panel\" data-rough><span class=\"diagram-pill accent\">डेटाबेस मोड</span><small class=\"diagram-muted\">SQL rows via Drizzle</small><small class=\"diagram-muted\">होस्टेड · साझाकरण · टिप्पणियां · इतिहास</small></div><div class=\"diagram-panel\" data-rough><span class=\"diagram-pill ok\">Local File Mode</span><small class=\"diagram-muted\">repo files via agent-native.json</small><small class=\"diagram-muted\">Git समीक्षा · कोडिंग-एजेंट संपादन</small></div></div></div>",
-  "css": ".diagram-mode{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.diagram-mode .diagram-col{display:flex;flex-direction:column;gap:10px}.diagram-mode .diagram-arrow{font-size:22px;line-height:1}.diagram-mode .resolve{display:flex;gap:12px;flex-wrap:wrap}.diagram-mode .diagram-panel{display:flex;flex-direction:column;gap:4px;padding:12px 14px}"
+<Diagram id="doc-block-n52rso" title={"समान कार्य, सत्य के दो स्रोत"} summary={"यूआई और एजेंट दोनों मोड में समान क्रियाएं कहते हैं। कार्रवाई परत यह तय करती है कि प्रत्येक कॉल SQL पंक्तियों या रेपो फ़ाइलों का समाधान करती है या नहीं।"}>
+
+```html
+<div class="diagram-mode">
+  <div class="diagram-col entry">
+    <div class="diagram-node">सामग्री UI</div>
+    <div class="diagram-node">
+      एजेंट + actions<br /><small class="diagram-muted"
+        >list/get/update-document</small
+      >
+    </div>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-row resolve">
+    <div class="diagram-panel" data-rough>
+      <span class="diagram-pill accent">डेटाबेस मोड</span
+      ><small class="diagram-muted">SQL rows via Drizzle</small
+      ><small class="diagram-muted"
+        >होस्टेड · साझाकरण · टिप्पणियां · इतिहास</small
+      >
+    </div>
+    <div class="diagram-panel" data-rough>
+      <span class="diagram-pill ok">Local File Mode</span
+      ><small class="diagram-muted">repo files via agent-native.json</small
+      ><small class="diagram-muted">Git समीक्षा · कोडिंग-एजेंट संपादन</small>
+    </div>
+  </div>
+</div>
+```
+
+```css
+.diagram-mode {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  flex-wrap: wrap;
+}
+.diagram-mode .diagram-col {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.diagram-mode .diagram-arrow {
+  font-size: 22px;
+  line-height: 1;
+}
+.diagram-mode .resolve {
+  display: flex;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+.diagram-mode .diagram-panel {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 12px 14px;
 }
 ```
 
+</Diagram>
+
 ## उदाहरण रेपो
 
 एक सामग्री कार्यक्षेत्र इतना छोटा हो सकता है:

package/docs/content/locales/hi-IN/mcp-apps.mdx

@@ -30,14 +30,70 @@ Agent-Native ऐप की अपनी चैट के अंदर, टेब
 
 उत्पाद UI के लिए एकमुश्त सादे HTML MCP ऐप्स को हाथ से न लिखें; यदि कार्रवाई के लिए एक कस्टम सतह की आवश्यकता है, तो पहले एक वास्तविक ऐप रूट/घटक जोड़ें या पुन: उपयोग करें और उस रूट को एम्बेड करें।
 
-```an-diagram title="MCP ऐप एम्बेड राउंड-ट्रिप" summary="कार्रवाई का लिंक लक्ष्य एम्बेड लक्ष्य भी है। सक्षम होस्ट समान हस्ताक्षरित ऐप रूट इनलाइन लोड करते हैं; बाकी सभी लोग गहरे लिंक पर वापस आ जाते हैं।"
-{
-  "html": "<div class=\"diagram-embed\"><div class=\"diagram-card\" data-rough><strong>Action</strong><small class=\"diagram-muted\">`link` target = MCP App embed target</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-card\" data-rough><strong>embedApp()</strong><span class=\"diagram-pill accent\">create_embed_session</span><small class=\"diagram-muted\">mints short-lived embed session</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-card\" data-rough><strong>/_agent-native/embed/start</strong><small class=\"diagram-muted\">एक-बार SQL ticket बदलता है</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-card\" data-rough><strong>Signed app route</strong><span class=\"diagram-pill ok\">वास्तविक React रूट</span><small class=\"diagram-muted\">short-lived browser session</small></div><div class=\"diagram-fallback\"><span class=\"diagram-pill warn\">MCP Apps समर्थन नहीं</span><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&darr;</div><div class=\"diagram-box\" data-rough>&quot;Open in … &rarr;&quot; deep link</div></div></div>",
-"css": ".diagram-embed{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.diagram-embed .diagram-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;min-width:140px}.diagram-embed .diagram-arrow{font-size:22px;line-height:1}.diagram-embed .diagram-fallback{display:flex;flex-direction:column;align-items:center;gap:6px;margin-inline-start:8px}"
-}
+<Diagram id="doc-block-ituns6" title={"MCP ऐप एम्बेड राउंड-ट्रिप"} summary={"कार्रवाई का लिंक लक्ष्य एम्बेड लक्ष्य भी है। सक्षम होस्ट समान हस्ताक्षरित ऐप रूट इनलाइन लोड करते हैं; बाकी सभी लोग गहरे लिंक पर वापस आ जाते हैं।"}>
+
+```html
+<div class="diagram-embed">
+  <div class="diagram-card" data-rough>
+    <strong>Action</strong
+    ><small class="diagram-muted">`link` target = MCP App embed target</small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-card" data-rough>
+    <strong>embedApp()</strong
+    ><span class="diagram-pill accent">create_embed_session</span
+    ><small class="diagram-muted">mints short-lived embed session</small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-card" data-rough>
+    <strong>/_agent-native/embed/start</strong
+    ><small class="diagram-muted">एक-बार SQL ticket बदलता है</small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-card" data-rough>
+    <strong>Signed app route</strong
+    ><span class="diagram-pill ok">वास्तविक React रूट</span
+    ><small class="diagram-muted">short-lived browser session</small>
+  </div>
+  <div class="diagram-fallback">
+    <span class="diagram-pill warn">MCP Apps समर्थन नहीं</span>
+    <div class="diagram-arrow diagram-muted" aria-hidden="true">&darr;</div>
+    <div class="diagram-box" data-rough>
+      &quot;Open in … &rarr;&quot; deep link
+    </div>
+  </div>
+</div>
+```
 
+```css
+.diagram-embed {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+.diagram-embed .diagram-card {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 14px 16px;
+  min-width: 140px;
+}
+.diagram-embed .diagram-arrow {
+  font-size: 22px;
+  line-height: 1;
+}
+.diagram-embed .diagram-fallback {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 6px;
+  margin-inline-start: 8px;
+}
 ```
 
+</Diagram>
+
 ```ts
 import { embedApp } from "@agent-native/core";
 
@@ -93,14 +149,68 @@ MCP सर्वर एक्सटेंशन `io.modelcontextprotocol/ui` क
 
 MCP ऐप एम्बेड रूट एम्बेड हैं, अलग-अलग मिनी-उत्पाद नहीं। `embedApp()` कार्रवाई के `link` लक्ष्य से शुरू होता है, एक अल्पकालिक एम्बेड सत्र बनाता है, और उस हस्ताक्षरित ऐप रूट को लॉन्च करता है। मानक MCP ऐप्स होस्ट MCP ऐप फ़्रेम को स्वयं नेविगेट कर सकते हैं जब होस्ट सीधे रूट को हाइड्रेट कर सकता है।
 
-```an-diagram title="दो मेजबान पुल पथ, एक हस्ताक्षरित मार्ग" summary="क्लाउड हाइड्रेटेड मार्ग को ट्रांसप्लांट करता है और प्रत्यक्ष ui/_bridge का उपयोग करता है; ChatGPT को window.openai के माध्यम से एक नियंत्रित iframe मिलता है और पोस्टमैसेज पर होस्ट क्रियाओं को रिले करता है। दोनों एक ही हस्ताक्षरित ऐप रूट की ओर इशारा करते हैं।"
-{
-  "html": "<div class=\"diagram-bridge\"><div class=\"diagram-col\"><div class=\"diagram-card\" data-rough><strong>Claude web</strong><span class=\"diagram-pill accent\">single-frame transplant</span><small class=\"diagram-muted\">Claude के iframe में signed app HTML hydrate करता है, फिर direct `ui/_` host bridge</small></div><div class=\"diagram-card\" data-rough><strong>ChatGPT web</strong><span class=\"diagram-pill accent\">controlled route iframe</span><small class=\"diagram-muted\">`window.openai`host APIs ·`agentNative.mcpHost.*` postMessage relay</small></div></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-box\" data-rough>Same signed app route<br><small class=\"diagram-muted\">सामान्य route + React components</small></div></div>",
-"css": ".diagram-bridge{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.diagram-bridge .diagram-col{display:flex;flex-direction:column;gap:12px}.diagram-bridge .diagram-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;max-width:300px}.diagram-bridge .diagram-arrow{font-size:22px;line-height:1}.diagram-bridge .diagram-box{padding:16px 18px;text-align:center}"
-}
+<Diagram id="doc-block-18nvyhx" title={"दो मेजबान पुल पथ, एक हस्ताक्षरित मार्ग"} summary={"क्लाउड हाइड्रेटेड मार्ग को ट्रांसप्लांट करता है और प्रत्यक्ष ui/_bridge का उपयोग करता है; ChatGPT को window.openai के माध्यम से एक नियंत्रित iframe मिलता है और पोस्टमैसेज पर होस्ट क्रियाओं को रिले करता है। दोनों एक ही हस्ताक्षरित ऐप रूट की ओर इशारा करते हैं।"}>
+
+```html
+<div class="diagram-bridge">
+  <div class="diagram-col">
+    <div class="diagram-card" data-rough>
+      <strong>Claude web</strong
+      ><span class="diagram-pill accent">single-frame transplant</span
+      ><small class="diagram-muted"
+        >Claude के iframe में signed app HTML hydrate करता है, फिर direct `ui/_`
+        host bridge</small
+      >
+    </div>
+    <div class="diagram-card" data-rough>
+      <strong>ChatGPT web</strong
+      ><span class="diagram-pill accent">controlled route iframe</span
+      ><small class="diagram-muted"
+        >`window.openai`host APIs ·`agentNative.mcpHost.*` postMessage
+        relay</small
+      >
+    </div>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-box" data-rough>
+    Same signed app route<br /><small class="diagram-muted"
+      >सामान्य route + React components</small
+    >
+  </div>
+</div>
+```
 
+```css
+.diagram-bridge {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  flex-wrap: wrap;
+}
+.diagram-bridge .diagram-col {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.diagram-bridge .diagram-card {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 14px 16px;
+  max-width: 300px;
+}
+.diagram-bridge .diagram-arrow {
+  font-size: 22px;
+  line-height: 1;
+}
+.diagram-bridge .diagram-box {
+  padding: 16px 18px;
+  text-align: center;
+}
 ```
 
+</Diagram>
+
 Claude वेब एक सिंगल-फ्रेम ट्रांसप्लांट पथ का उपयोग करता है: संसाधन दस्तावेज़ हस्ताक्षरित ऐप HTML को लाता है और इसे Claude के MCP ऐप आईफ्रेम के अंदर हाइड्रेट करता है क्योंकि Claude विश्वसनीय रूप से ऐप के स्वामित्व वाले चाइल्ड आईफ्रेम या बाहरी फ्रेम नेविगेशन की अनुमति नहीं देता है। ChatGPT वेब को एक नियंत्रित रूट आईफ्रेम मिलता है क्योंकि इसका ऐप्स ब्रिज हमें स्थिर `window.openai` होस्ट APIs और सीमित ऊंचाई नियंत्रण देता है। सभी पथ एक ही हस्ताक्षरित ऐप रूट पर इंगित करते हैं और सामान्य रूट और React घटकों को प्रस्तुत करते हैं। एम्बेडेड मार्गों को डिज़ाइन करें ताकि समान हस्ताक्षरित URL के साथ पुनः लोड करने पर समान दृश्य का पुनर्निर्माण हो सके।
 
 समान-ऐप `open_app({ embed: true })` के लिए, फ्रेमवर्क मूल टूल कॉल के दौरान एंबेड-स्टार्ट टिकट को मिंट करता है और हस्ताक्षरित स्टार्ट URL को छिपे हुए टूल मेटाडेटा में संग्रहीत करता है। कस्टम actions उसी तेज़ पथ के लिए `embedStartUrl` लौटा सकता है; MCP परत मॉडल-दृश्य `structuredContent` और सामान्य ओपन-लिंक मेटाडेटा से टिकट-असर URL को अलग करती है। जब कोई एम्बेड स्टार्ट URL मौजूद नहीं होता है, तो संसाधन केवल ऐप `create_embed_session` हेल्पर पर वापस आ जाता है। यह उत्पादन होस्ट को बनाए रखता है जो एक बार के ऐप सत्र URLs को ट्रांसक्रिप्ट में लीक किए बिना सीधे रूट पर आईफ्रेम-आरंभित टूल कॉल को प्रतिबंधित करता है। यदि कोई उपयोगकर्ता एक बार के प्रारंभ टिकट की समय सीमा समाप्त होने के बाद पुरानी चैट को फिर से खोलता है, तो प्रारंभ मार्ग एक छोटा ताज़ा पृष्ठ लौटाता है और रैपर पर `agentNative.embedSessionExpired` पोस्ट करता है; `embedApp()` पुरानी शुरुआत URL को साफ़ करता है और `create_embed_session` के माध्यम से एक नया टिकट बनाता है जब उसके पास अभी भी मूल ऐप रूट होता है।

package/docs/content/locales/hi-IN/mcp-clients.mdx

@@ -20,13 +20,82 @@ description: "अपने एजेंट-नेटिव ऐप को स्
 
 प्रत्येक स्रोत एक रनटाइम **MCP प्रबंधक** में हल हो जाता है, और प्रत्येक उपकरण जिसे वह सीखता है वह टकराव-प्रूफ `mcp__<server-id>__<tool>` उपसर्ग के तहत एजेंट की टूल रजिस्ट्री में लैंड करता है - जिसे `tool-search` के माध्यम से इरादे से खोजा जा सकता है।
 
-```an-diagram title="ग्राहक दिशा: कई स्रोत, एक टूल रजिस्ट्री" summary="कॉन्फ़िग फ़ाइलें, env, और रनटाइम UI सभी MCP प्रबंधक में विलीन हो जाते हैं; इसके उपकरण आपके ऐप के कार्यों के साथ-साथ उपसर्ग और उपकरण-खोज योग्य दिखाई देते हैं। यह सर्वर दिशा का दर्पण है."
-{
-  "html": "<div class=\"mcp-merge\"><div class=\"diagram-col sources\"><div class=\"diagram-box\" data-rough>Workspace <code>mcp.config.json</code><br><small class=\"diagram-muted\">ऐप्स में साझा</small></div><div class=\"diagram-box\" data-rough>ऐप रूट <code>mcp.config.json</code><br><small class=\"diagram-muted\">प्रति-ऐप override</small></div><div class=\"diagram-box\" data-rough><code>MCP_SERVERS</code> env<br><small class=\"diagram-muted\">CI / प्रोडक्शन</small></div><div class=\"diagram-box\" data-rough>सेटिंग्स UI से रिमोट<br><small class=\"diagram-muted\">personal &amp; org scope</small></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\">MCP मैनेजर</span><small class=\"diagram-muted\">merge &middot; hot-reload</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-col out\"><div class=\"diagram-node\">एजेंट टूल registry<br><small class=\"diagram-muted\"><code>mcp__&lt;server-id&gt;__&lt;tool&gt;</code></small></div><div class=\"diagram-node\"><code>tool-search</code><br><small class=\"diagram-muted\">इरादे से खोजें</small></div></div></div>",
-  "css": ".mcp-merge{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.mcp-merge .diagram-col{display:flex;flex-direction:column;gap:8px}.mcp-merge .center{display:flex;flex-direction:column;align-items:center;gap:4px}.mcp-merge .diagram-arrow{font-size:22px;line-height:1}.mcp-merge code{font-size:.85em}"
+<Diagram id="doc-block-zyq79s" title={"ग्राहक दिशा: कई स्रोत, एक टूल रजिस्ट्री"} summary={"कॉन्फ़िग फ़ाइलें, env, और रनटाइम UI सभी MCP प्रबंधक में विलीन हो जाते हैं; इसके उपकरण आपके ऐप के कार्यों के साथ-साथ उपसर्ग और उपकरण-खोज योग्य दिखाई देते हैं। यह सर्वर दिशा का दर्पण है."}>
+
+```html
+<div class="mcp-merge">
+  <div class="diagram-col sources">
+    <div class="diagram-box" data-rough>
+      Workspace <code>mcp.config.json</code><br /><small class="diagram-muted"
+        >ऐप्स में साझा</small
+      >
+    </div>
+    <div class="diagram-box" data-rough>
+      ऐप रूट <code>mcp.config.json</code><br /><small class="diagram-muted"
+        >प्रति-ऐप override</small
+      >
+    </div>
+    <div class="diagram-box" data-rough>
+      <code>MCP_SERVERS</code> env<br /><small class="diagram-muted"
+        >CI / प्रोडक्शन</small
+      >
+    </div>
+    <div class="diagram-box" data-rough>
+      सेटिंग्स UI से रिमोट<br /><small class="diagram-muted"
+        >personal &amp; org scope</small
+      >
+    </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">MCP मैनेजर</span
+    ><small class="diagram-muted">merge &middot; hot-reload</small>
+  </div>
+  <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  <div class="diagram-col out">
+    <div class="diagram-node">
+      एजेंट टूल registry<br /><small class="diagram-muted"
+        ><code>mcp__&lt;server-id&gt;__&lt;tool&gt;</code></small
+      >
+    </div>
+    <div class="diagram-node">
+      <code>tool-search</code><br /><small class="diagram-muted"
+        >इरादे से खोजें</small
+      >
+    </div>
+  </div>
+</div>
+```
+
+```css
+.mcp-merge {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  flex-wrap: wrap;
+}
+.mcp-merge .diagram-col {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.mcp-merge .center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+}
+.mcp-merge .diagram-arrow {
+  font-size: 22px;
+  line-height: 1;
+}
+.mcp-merge code {
+  font-size: 0.85em;
 }
 ```
 
+</Diagram>
+
 > विपरीत दिशा - _अपने_ ऐप को एक MCP सर्वर बनाना जिसका अन्य होस्ट उपभोग करते हैं - [MCP Protocol](/docs/mcp-protocol) और [External Agents](/docs/external-agents) में रहता है।
 
 ## अंतर्निहित ब्राउज़र और कंप्यूटर-उपयोग क्षमताएं {#built-in-capabilities}
@@ -216,13 +285,69 @@ Stdio सर्वर अभी भी नोड रनटाइम के ब
 
 डिस्पैच पारंपरिक हब है - यह पहले से ही सभी ऐप्स में समन्वय करता है।
 
-```an-diagram title="हब मॉडल: एक ऐप ऑर्ग-स्कोप MCP सर्वर पर कार्य करता है" summary="Dispatch ऑर्ग-स्कोप MCP सर्वर रखता है; उपभोक्ता ऐप्स उन्हें mcp__hub_<orgId>_<name>__* के रूप में खींचते और मर्ज करते हैं। केवल ऑर्ग-स्कोप पंक्तियाँ साझा की जाती हैं - व्यक्तिगत क्रेडेंशियल यथावत रहते हैं।"
-{
-  "html": "<div class=\"mcp-hub\"><div class=\"diagram-panel center\" data-rough><span class=\"diagram-pill accent\">Dispatch hub</span><small class=\"diagram-muted\">org-scope MCP सर्वर</small><small class=\"diagram-muted\"><code>GET /mcp/hub/servers</code></small></div><div class=\"diagram-col arrows\"><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">&rarr;</div></div><div class=\"diagram-col consumers\"><div class=\"diagram-box\" data-rough>Mail<br><small class=\"diagram-muted\"><code>mcp__hub_&lt;orgId&gt;_&lt;name&gt;__*</code></small></div><div class=\"diagram-box\" data-rough>Clips<br><small class=\"diagram-muted\">हर ~60 सेकंड pull + merge</small></div></div></div><p class=\"diagram-muted note\">Bearer-gated by <code>AGENT_NATIVE_MCP_HUB_TOKEN</code>. Personal (user-scope) servers are never re-exposed.</p>",
-  "css": ".mcp-hub{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.mcp-hub .center{display:flex;flex-direction:column;align-items:center;gap:4px}.mcp-hub .diagram-col{display:flex;flex-direction:column;gap:10px}.mcp-hub .arrows .diagram-arrow{font-size:22px;line-height:1}.mcp-hub .note{margin:8px 0 0;font-size:.85em}.mcp-hub code{font-size:.85em}"
+<Diagram id="doc-block-cxo2ub" title={"हब मॉडल: एक ऐप ऑर्ग-स्कोप MCP सर्वर पर कार्य करता है"} summary={"Dispatch ऑर्ग-स्कोप MCP सर्वर रखता है; उपभोक्ता ऐप्स उन्हें mcp__hub_<orgId>_<name>__* के रूप में खींचते और मर्ज करते हैं। केवल ऑर्ग-स्कोप पंक्तियाँ साझा की जाती हैं - व्यक्तिगत क्रेडेंशियल यथावत रहते हैं।"}>
+
+```html
+<div class="mcp-hub">
+  <div class="diagram-panel center" data-rough>
+    <span class="diagram-pill accent">Dispatch hub</span
+    ><small class="diagram-muted">org-scope MCP सर्वर</small
+    ><small class="diagram-muted"><code>GET /mcp/hub/servers</code></small>
+  </div>
+  <div class="diagram-col arrows">
+    <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+    <div class="diagram-arrow diagram-muted" aria-hidden="true">&rarr;</div>
+  </div>
+  <div class="diagram-col consumers">
+    <div class="diagram-box" data-rough>
+      Mail<br /><small class="diagram-muted"
+        ><code>mcp__hub_&lt;orgId&gt;_&lt;name&gt;__*</code></small
+      >
+    </div>
+    <div class="diagram-box" data-rough>
+      Clips<br /><small class="diagram-muted">हर ~60 सेकंड pull + merge</small>
+    </div>
+  </div>
+</div>
+<p class="diagram-muted note">
+  Bearer-gated by <code>AGENT_NATIVE_MCP_HUB_TOKEN</code>. Personal (user-scope)
+  servers are never re-exposed.
+</p>
+```
+
+```css
+.mcp-hub {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  flex-wrap: wrap;
+}
+.mcp-hub .center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+}
+.mcp-hub .diagram-col {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.mcp-hub .arrows .diagram-arrow {
+  font-size: 22px;
+  line-height: 1;
+}
+.mcp-hub .note {
+  margin: 8px 0 0;
+  font-size: 0.85em;
+}
+.mcp-hub code {
+  font-size: 0.85em;
 }
 ```
 
+</Diagram>
+
 नए कार्यस्थान सेटअप के लिए, **जब आप कार्यस्थान MCP संसाधन भेजें** को प्राथमिकता दें
 कार्यस्थान skills द्वारा उपयोग किया जाने वाला समान ऑल-ऐप बनाम चयनित-ऐप अनुदान मॉडल चाहते हैं,
 निर्देश, और संदर्भ संसाधन। इसके साथ एक कार्यस्थान संसाधन जोड़ें: