@agent-native/core 0.99.3 → 0.100.1

package/docs/content/locales/ar-SA/external-agents.mdx

@@ -117,6 +117,15 @@ https://<your-app>.agent-native.com/mcp
 `https://&lt;app&gt;/mcp/connect` مع URL القابل للنسخ و
 علامات التبويب الخاصة بالمضيف لـ Claude، وChatGPT، والمؤشر، وClaude Code، وCodex، وغيرها.
 
+### علامة التبويب Access داخل التطبيق {#access-tab}
+
+تعرض التطبيقات التي تستخدم `AgentTabsPage` تدفق الاتصال نفسه في علامة تبويب
+**Access**. وهي تعرض عنوان MCP، وبطاقة وكيل A2A عند توفرها، وتعليمات إعداد
+Claude وChatGPT وCursor وClaude Code وCodex والعملاء الآخرين. استخدمها كنقطة
+البداية داخل التطبيق، ثم افتح `/mcp/connect` للتدفق الكامل والرمز الاحتياطي.
+هذه واجهة لإعداد الاتصال وليست وحدة تحكم عامة بالوصول؛ لا توفر علامة التبويب
+بعد واجهة لإدارة المنح أو النطاقات أو الإلغاء.
+
 ### Claude وChatGPT OAuth {#oauth}
 
 Claude / Claude سطح المكتب: أضف موصلًا مخصصًا، والصق MCP URL، وانقر على

package/docs/content/locales/de-DE/agent-surfaces.mdx

@@ -6,6 +6,40 @@ search: "Headless Agent Rich Chat, vollständige App BYO Agent Runtime AgentChat
 
 # Agentenoberflächen
 
+## Vollständiger Agent-Arbeitsbereich {#agent-page}
+
+Wenn eine vollständige Anwendung einen dauerhaften Ort zum Prüfen und
+Konfigurieren ihres Agents braucht, binde `AgentTabsPage` unter `/agent` ein.
+Füge die Route zur App-Navigation hinzu und übergib `agentPageHref="/agent"` an
+`AgentSidebar`, damit die Modi Resources und Settings auf die vollständige
+Seite verweisen können, ohne diese Abläufe zu duplizieren.
+
+```tsx filename="app/routes/agent.tsx"
+import { AgentTabsPage } from "@agent-native/core/client";
+
+export default function AgentRoute() {
+  return <AgentTabsPage />;
+}
+```
+
+Die gemeinsame Seite bietet derzeit fünf Tabs:
+
+- **Context** — Bereichsvorschau, Tokenbudget, geordnete Systemabschnitte mit Herkunft und Governance, Listen-/Treemap-Ansicht und der aktuelle Live-Thread-Snapshot.
+- **Files** — verwendet `ResourcesPanel` für persönliche oder organisationsweite Ressourcen wieder.
+- **Connections** — MCP-Serververwaltung und A2A-Liste entfernter Agents: was der Agent dieser App aufrufen kann.
+- **Jobs** — wiederkehrende Jobs und Automatisierungen mit den vorhandenen Abläufen zum Pausieren/Fortsetzen, für Details und zum Löschen. Automatisierungen sind derzeit persönlich.
+- **Access** — MCP-URL, eine A2A-Agent-Card wenn verfügbar, und gemeinsame Einrichtungsanleitungen; die vollständige Verbindung und den Token-Fallback gibt es unter `/mcp/connect`.
+
+Der Umschalter **Personal / Organization** gibt den Tabs ihren Bereich.
+Mitglieder können Organisationsdaten einsehen; die Organisationsverwaltung
+bleibt dort, wo die gehostete Komponente diese Grenze durchsetzt, auf
+Inhaber/Administratoren beschränkt. Das Ziel
+sind prüfbarer, zuordenbarer und steuerbarer Kontext sowie eine klare Trennung
+zwischen Fähigkeit und Zugriff. Die Seite ist eine dünne Hülle um vorhandene
+Komponenten, Actions und Zugriffskontrollen, keine neue Admin-Konsole. Grants,
+Bereichsänderung, Widerruf und Verlauf der Provenienz pro Iteration sind hier
+noch nicht verfügbar.
+
 Agent-Native ist bewusst zusammensetzbar. Sie können den Agenten ohne großen Aufwand verwenden UI,
 Verwenden Sie UI ohne die integrierte Agent-Laufzeit oder verwenden Sie beide zusammen als Vollversion
 Anwendung.

package/docs/content/locales/de-DE/external-agents.mdx

@@ -117,6 +117,16 @@ Jede gehostete App verfügt auch über eine Hilfsseite unter
 `https://<app>/mcp/connect` mit dem kopierbaren URL und
 hostspezifische Registerkarten für Claude, ChatGPT, Cursor, Claude-Code, Codex und Andere.
 
+### Der In-App-Tab Access {#access-tab}
+
+Apps, die `AgentTabsPage` einbinden, stellen denselben Verbindungsablauf im Tab
+**Access** bereit. Er zeigt die MCP-URL, bei Verfügbarkeit eine A2A-Agent-Card
+und die gemeinsamen Einrichtungsanleitungen für Claude, ChatGPT, Cursor, Claude
+Code, Codex und andere Clients. Beginnen Sie dort und öffnen Sie `/mcp/connect`
+für den vollständigen Ablauf und den Token-Fallback. Dies ist eine Oberfläche
+für die Verbindungseinrichtung, keine allgemeine Zugriffskonsole; Grants,
+Bereichsänderung und Widerruf werden in diesem Tab noch nicht verwaltet.
+
 ### Claude und ChatGPT OAuth {#oauth}
 
 Claude / Claude Desktop: Fügen Sie einen benutzerdefinierten Connector hinzu, fügen Sie MCP URL ein und klicken Sie auf

package/docs/content/locales/es-ES/agent-surfaces.mdx

@@ -6,6 +6,40 @@ search: "aplicación completa de chat enriquecido de agente sin cabeza BYO tiemp
 
 # Superficies de agentes
 
+## Espacio de trabajo completo del agente {#agent-page}
+
+Cuando una aplicación completa necesita un lugar permanente para inspeccionar y
+configurar su agente, monta `AgentTabsPage` en `/agent`. Añade la ruta a la
+navegación de la aplicación y pasa `agentPageHref="/agent"` a `AgentSidebar` para
+que los modos Resources y Settings enlacen a la página completa sin duplicar
+estos flujos.
+
+```tsx filename="app/routes/agent.tsx"
+import { AgentTabsPage } from "@agent-native/core/client";
+
+export default function AgentRoute() {
+  return <AgentTabsPage />;
+}
+```
+
+La página compartida ofrece actualmente cinco pestañas:
+
+- **Context** — vista previa del ámbito, presupuesto de tokens, secciones de sistema ordenadas con procedencia y gobierno, vista de lista/treemap y la instantánea del hilo activo más reciente.
+- **Files** — vuelve a alojar `ResourcesPanel` para recursos personales o de la organización.
+- **Connections** — gestión de servidores MCP y lista de agentes remotos A2A: lo que puede llamar el agente de esta aplicación.
+- **Jobs** — trabajos recurrentes y automatizaciones con los flujos existentes de pausar/reanudar, detalles y borrar. Las automatizaciones son personales por ahora.
+- **Access** — URL de MCP, tarjeta de agente A2A cuando existe y guías de configuración compartidas; el flujo completo y el token alternativo están en `/mcp/connect`.
+
+El selector **Personal / Organization** proporciona el ámbito a las pestañas.
+Los miembros pueden inspeccionar los datos de la organización, mientras que su
+administración sigue restringida a propietarios/administradores donde el
+componente alojado impone ese límite. El
+objetivo es que el contexto sea inspeccionable, atribuible y gobernable, y
+separar capacidad de acceso. La página es una capa fina sobre componentes,
+acciones y comprobaciones existentes, no una nueva consola de administración.
+Todavía no ofrece interfaz para grants, edición de ámbitos, revocación ni
+historial de procedencia por iteración.
+
 Agent-Native es deliberadamente componible. Puedes utilizar el agente sin mucho UI,
 use el UI sin el tiempo de ejecución del agente integrado, o use ambos juntos como un completo
 solicitud.

package/docs/content/locales/es-ES/external-agents.mdx

@@ -117,6 +117,16 @@ Cada aplicación alojada también tiene una página de ayuda en
 `https://<app>/mcp/connect` con el URL copiable y
 pestañas específicas del host para Claude, ChatGPT, Cursor, Código Claude, Codex y Otros.
 
+### Pestaña Access dentro de la aplicación {#access-tab}
+
+Las aplicaciones que montan `AgentTabsPage` ofrecen el mismo flujo de conexión
+en la pestaña **Access**. Muestra la URL de MCP, una tarjeta del agente A2A si
+está disponible y las guías compartidas para Claude, ChatGPT, Cursor, Claude
+Code, Codex y otros clientes. Úsala como punto de partida dentro de la app y
+abre `/mcp/connect` para el flujo completo y el token alternativo. Es una
+interfaz de configuración de conexión, no una consola general de acceso: la
+pestaña todavía no gestiona grants, edición de ámbitos ni revocación.
+
 ### Claude y ChatGPT OAuth {#oauth}
 
 Escritorio Claude / Claude: agregue un conector personalizado, pegue el MCP URL, haga clic

package/docs/content/locales/fr-FR/agent-surfaces.mdx

@@ -6,6 +6,40 @@ search: "Application complète de chat enrichi d'agent sans tête BYO runtime d'
 
 # Surfaces des agents
 
+## Espace de travail Agent complet {#agent-page}
+
+Lorsqu'une application complète a besoin d'un endroit durable pour inspecter et
+configurer son agent, montez `AgentTabsPage` sur `/agent`. Ajoutez la route à la
+navigation de l'application et passez `agentPageHref="/agent"` à
+`AgentSidebar` afin que les modes Resources et Settings puissent ouvrir la page
+complète sans dupliquer ces flux.
+
+```tsx filename="app/routes/agent.tsx"
+import { AgentTabsPage } from "@agent-native/core/client";
+
+export default function AgentRoute() {
+  return <AgentTabsPage />;
+}
+```
+
+La page partagée propose actuellement cinq onglets :
+
+- **Context** — aperçu du périmètre, budget de tokens, sections système ordonnées avec provenance et gouvernance, vue liste/treemap et dernière capture du fil actif.
+- **Files** — réutilise `ResourcesPanel` pour les ressources personnelles ou de l'organisation.
+- **Connections** — gestion des serveurs MCP et liste des agents distants A2A : ce que l'agent de l'application peut appeler.
+- **Jobs** — tâches récurrentes et automatisations avec les flux existants de pause/reprise, détails et suppression. Les automatisations sont personnelles pour le moment.
+- **Access** — URL MCP, fiche d'agent A2A si disponible et guides de configuration partagés ; le flux complet et le repli par jeton sont disponibles sur `/mcp/connect`.
+
+Le sélecteur **Personal / Organization** fournit le périmètre aux onglets. Les
+membres peuvent inspecter les données de l'organisation, tandis que sa gestion
+reste réservée aux propriétaires/administrateurs là où le composant hébergé
+applique cette limite. Le
+but est de rendre le contexte inspectable, attribuable et gouvernable, tout en
+séparant capacité et accès. La page est une fine enveloppe autour des
+composants, actions et contrôles existants, pas une nouvelle console
+d'administration. Elle ne fournit pas encore d'interface pour les grants, la
+modification du périmètre, la révocation ou l'historique de provenance par itération.
+
 Agent-Native est délibérément composable. Vous pouvez utiliser l'agent sans trop dépenser UI,
 utilisez le UI sans le runtime d'agent intégré, ou utilisez les deux ensemble comme un ensemble complet
 application.

package/docs/content/locales/fr-FR/external-agents.mdx

@@ -117,6 +117,17 @@ Chaque application hébergée dispose également d'une page d'aide à l'adresse
 `https://<app>/mcp/connect` avec le URL copiable et
 Onglets spécifiques à l'hôte pour Claude, ChatGPT, Cursor, Claude Code, Codex et autres.
 
+### L'onglet Access dans l'application {#access-tab}
+
+Les applications qui montent `AgentTabsPage` proposent le même flux de connexion
+dans l'onglet **Access**. Il affiche l'URL MCP, une fiche d'agent A2A si elle est
+disponible et les guides de configuration communs pour Claude, ChatGPT, Cursor,
+Claude Code, Codex et les autres clients. Utilisez-le comme point de départ dans
+l'application, puis ouvrez `/mcp/connect` pour le flux complet et le repli par
+jeton. Il s'agit d'une interface de configuration, pas d'une console générale
+d'accès : l'onglet ne gère pas encore les grants, la modification du périmètre
+ou la révocation.
+
 ### Claude et ChatGPT OAuth {#oauth}
 
 Claude / Claude Desktop : ajoutez un connecteur personnalisé, collez le MCP URL, cliquez

package/docs/content/locales/hi-IN/agent-surfaces.mdx

@@ -6,6 +6,37 @@ search: "हेडलेस एजेंट रिच चैट पूर्ण
 
 # एजेंट सतहें
 
+## पूरा Agent कार्यक्षेत्र {#agent-page}
+
+जब किसी पूर्ण ऐप को अपने एजेंट को देखने और कॉन्फ़िगर करने के लिए स्थायी स्थान
+चाहिए, तो `/agent` पर `AgentTabsPage` माउंट करें। ऐप नेविगेशन में यह रूट जोड़ें
+और `AgentSidebar` को `agentPageHref="/agent"` दें, ताकि Resources और Settings
+मोड इन प्रवाहों को दोहराए बिना पूरे पेज पर जा सकें।
+
+```tsx filename="app/routes/agent.tsx"
+import { AgentTabsPage } from "@agent-native/core/client";
+
+export default function AgentRoute() {
+  return <AgentTabsPage />;
+}
+```
+
+साझा पेज में अभी पाँच टैब हैं:
+
+- **Context** — स्कोप प्रीव्यू, टोकन बजट, provenance और governance के साथ क्रमबद्ध सिस्टम सेक्शन, सूची/treemap दृश्य और नवीनतम live-thread snapshot।
+- **Files** — व्यक्तिगत या संगठन संसाधनों के लिए मौजूदा `ResourcesPanel` को फिर से उपयोग करता है।
+- **Connections** — MCP सर्वर प्रबंधन और A2A remote-agent सूची: यह ऐप का एजेंट क्या बुला सकता है।
+- **Jobs** — मौजूदा pause/resume, विवरण और delete प्रवाहों के साथ scoped recurring jobs और automations। Automations अभी केवल व्यक्तिगत हैं।
+- **Access** — MCP URL, उपलब्ध होने पर A2A agent card और साझा client setup guides; पूरा flow और token fallback `/mcp/connect` पर है।
+
+**Personal / Organization** टॉगल टैब का scope तय करता है। सदस्य संगठन का डेटा
+देख सकते हैं, जबकि जहाँ होस्ट किया गया component यह सीमा लागू करता है वहाँ
+संगठन प्रबंधन केवल मालिकों/व्यवस्थापकों तक सीमित रहता है। लक्ष्य context को
+inspectable, attributable और governable बनाना तथा capability को access से अलग
+रखना है। यह पेज मौजूदा components, actions और access checks की पतली shell है,
+नई admin console नहीं। Grants, scope editing, revocation या per-iteration
+provenance history की UI अभी उपलब्ध नहीं है।
+
 Agent-Native जानबूझकर रचना योग्य है। आप एजेंट का उपयोग बहुत अधिक UI के बिना कर सकते हैं,
 अंतर्निहित एजेंट रनटाइम के बिना UI का उपयोग करें, या दोनों को पूर्ण रूप में एक साथ उपयोग करें
 आवेदन.

package/docs/content/locales/hi-IN/external-agents.mdx

@@ -117,6 +117,15 @@ https://<your-app>.agent-native.com/mcp
 `https://&lt;app&gt;/mcp/connect` प्रतिलिपि योग्य URL और
 Claude, ChatGPT, कर्सर, Claude कोड, Codex और अन्य के लिए होस्ट-विशिष्ट टैब।
 
+### ऐप के अंदर Access टैब {#access-tab}
+
+`AgentTabsPage` माउंट करने वाले ऐप **Access** टैब में यही कनेक्शन फ्लो देते हैं।
+यह MCP URL, उपलब्ध होने पर A2A agent card और Claude, ChatGPT, Cursor, Claude
+Code, Codex तथा अन्य clients के साझा setup guides दिखाता है। इसे ऐप के अंदर
+शुरुआत के रूप में उपयोग करें और पूरे flow तथा token fallback के लिए
+`/mcp/connect` खोलें। यह connection setup UI है, सामान्य access console नहीं;
+टैब अभी grants, scope editing या revocation को manage नहीं करता।
+
 ### Claude और ChatGPT OAuth {#oauth}
 
 Claude / Claude डेस्कटॉप: एक कस्टम कनेक्टर जोड़ें, MCP URL पेस्ट करें, क्लिक करें

package/docs/content/locales/ja-JP/agent-surfaces.mdx

@@ -6,6 +6,38 @@ search: "ヘッドレス エージェント リッチ チャット フル アプ
 
 # エージェント サーフェス
 
+## フルページの Agent ワークスペース {#agent-page}
+
+完全なアプリケーションでエージェントを確認・設定する常設の場所が必要な
+場合は、`/agent` に `AgentTabsPage` をマウントします。アプリのナビゲーション
+にこのルートを追加し、`AgentSidebar` に `agentPageHref="/agent"` を渡すと、
+Resources と Settings から同じフローを重複させずにフルページへ移動できます。
+
+```tsx filename="app/routes/agent.tsx"
+import { AgentTabsPage } from "@agent-native/core/client";
+
+export default function AgentRoute() {
+  return <AgentTabsPage />;
+}
+```
+
+共有ページには現在、5 つのタブがあります。
+
+- **Context** — スコープのプレビュー、トークン予算、provenance・governance・source で整理された順序付きシステムセクション、リスト/treemap 表示、最新の live thread スナップショット。
+- **Files** — 個人または組織のリソース用に既存の `ResourcesPanel` を再ホストします。
+- **Connections** — MCP サーバー管理と A2A リモートエージェント一覧。アプリのエージェントが呼び出せるものを示します。
+- **Jobs** — 既存の一時停止/再開、詳細、削除フローを備えたスコープ別の定期ジョブと自動化。自動化は現在個人用です。
+- **Access** — MCP URL、利用可能なら A2A エージェントカード、共通のクライアント設定ガイドを表示します。完全な接続フローとトークンのフォールバックは `/mcp/connect` にあります。
+
+ページの **Personal / Organization** 切り替えが各タブのスコープを指定します。
+メンバーは組織データを確認できますが、ホストされたコンポーネントがその境界を
+適用する箇所では、組織管理は所有者/管理者に制限されます。
+目的はコンテキストを inspectable・attributable・governable にし、capability と
+access を分離することです。このページは既存のコンポーネント、アクション、
+アクセスチェックを再利用する薄いシェルであり、新しい管理コンソールでは
+ありません。grants、スコープ編集、revoke、反復ごとの provenance 履歴の UI は
+まだ提供していません。
+
 Agent-Native は意図的に構成可能です。 UI をあまり必要とせずにエージェントを使用できます。
 組み込みエージェント ランタイムなしで UI を使用するか、両方を完全なものとして一緒に使用します
 アプリケーション。

package/docs/content/locales/ja-JP/external-agents.mdx

@@ -117,6 +117,16 @@ https://<your-app>.agent-native.com/mcp
 `https://&lt;app&gt;/mcp/connect` とコピー可能な URL および
 Claude、ChatGPT、カーソル、Claude コード、Codex、その他のホスト固有のタブ。
 
+### アプリ内の Access タブ {#access-tab}
+
+`AgentTabsPage` をマウントするアプリでは、同じ接続フローを **Access** タブ
+から利用できます。MCP URL、利用可能な場合は A2A エージェント カード、Claude、
+ChatGPT、Cursor、Claude Code、Codex、その他のクライアント向けの共通設定ガイドを
+表示します。アプリ内の開始点として使い、完全なフローとトークンのフォールバック
+には `/mcp/connect` を開きます。これは接続設定 UI であり、一般的なアクセス管理
+コンソールではありません。grants、スコープ編集、revoke はこのタブではまだ管理
+できません。
+
 ### Claude および ChatGPT OAuth {#oauth}
 
 Claude / Claude デスクトップ: カスタム コネクタを追加し、MCP URL を貼り付け、クリックします

package/docs/content/locales/ko-KR/agent-surfaces.mdx

@@ -6,6 +6,38 @@ search: "헤드리스 에이전트 리치 채팅 전체 앱 BYO 에이전트 런
 
 # 에이전트 표면
 
+## 전체 Agent 작업 공간 {#agent-page}
+
+전체 애플리케이션에서 에이전트를 검사하고 구성할 영구 공간이 필요하면
+`/agent`에 `AgentTabsPage`를 마운트하세요. 앱 탐색에 이 경로를 추가하고
+`AgentSidebar`에 `agentPageHref="/agent"`를 전달하면 Resources 및 Settings
+모드에서 흐름을 중복하지 않고 전체 페이지로 이동할 수 있습니다.
+
+```tsx filename="app/routes/agent.tsx"
+import { AgentTabsPage } from "@agent-native/core/client";
+
+export default function AgentRoute() {
+  return <AgentTabsPage />;
+}
+```
+
+공유 페이지에는 현재 다섯 개의 탭이 있습니다.
+
+- **Context** — 범위 미리보기, 토큰 예산, provenance·governance·source별 정렬된 시스템 섹션, 목록/treemap 보기, 최신 live-thread 스냅샷을 보여줍니다.
+- **Files** — 개인 또는 조직 리소스에 기존 `ResourcesPanel`을 다시 호스팅합니다.
+- **Connections** — MCP 서버 관리와 A2A 원격 에이전트 목록을 제공하며, 앱 에이전트가 호출할 수 있는 기능을 보여줍니다.
+- **Jobs** — 기존 일시 중지/재개, 상세, 삭제 흐름을 사용하는 범위별 반복 작업과 자동화입니다. 자동화는 현재 개인용입니다.
+- **Access** — MCP URL, 가능한 경우 A2A 에이전트 카드, 공통 클라이언트 설정 가이드를 보여줍니다. 전체 연결 흐름과 토큰 대체 경로는 `/mcp/connect`에 있습니다.
+
+페이지의 **Personal / Organization** 전환이 각 탭의 범위를 정합니다.
+구성원은 조직 데이터를 검사할 수 있지만, 호스팅된 컴포넌트가 이 경계를 적용하는
+곳에서는 조직 관리가 소유자/관리자로 제한됩니다. 목표는
+컨텍스트를 검사 가능하고 출처를 확인할 수 있으며 거버넌스 가능하게 만들고,
+기능(capability)과 접근(access)을 분리하는 것입니다. 이 페이지는 기존
+컴포넌트, 액션, 접근 검사를 재호스트하는 얇은 셸이며 새로운 관리자 콘솔이
+아닙니다. grants, 범위 편집, 취소 UI와 반복별 provenance 기록은 아직 제공하지
+않습니다.
+
 Agent-Native는 의도적으로 구성 가능합니다. UI를 많이 사용하지 않고도 에이전트를 사용할 수 있습니다,
 내장된 에이전트 런타임 없이 UI를 사용하거나 둘 다 전체로 함께 사용
 신청.

package/docs/content/locales/ko-KR/external-agents.mdx

@@ -117,6 +117,15 @@ https://<your-app>.agent-native.com/mcp
 복사 가능한 URL가 있는 `https://&lt;app&gt;/mcp/connect` 및
 Claude, ChatGPT, 커서, Claude 코드, Codex 및 기타에 대한 호스트별 탭.
 
+### 앱 내 Access 탭 {#access-tab}
+
+`AgentTabsPage`를 마운트하는 앱은 **Access** 탭에서 동일한 연결 흐름을
+제공합니다. MCP URL, 가능한 경우 A2A 에이전트 카드, Claude, ChatGPT, Cursor,
+Claude Code, Codex 및 기타 클라이언트를 위한 공통 설정 가이드를 보여줍니다.
+앱 안에서 시작점으로 사용하고 전체 흐름과 토큰 대체 경로는 `/mcp/connect`에서
+여세요. 이 탭은 연결 설정 UI이지 일반 접근 제어 콘솔이 아니며, grants, 범위
+편집, 취소는 아직 관리하지 않습니다.
+
 ### Claude 및 ChatGPT OAuth {#oauth}
 
 Claude / Claude 데스크탑: 사용자 정의 커넥터를 추가하고 MCP URL를 붙여넣고 클릭하세요.

package/docs/content/locales/pt-BR/agent-surfaces.mdx

@@ -6,6 +6,39 @@ search: "aplicativo completo de bate-papo rico com agente sem cabeça BYO tempo
 
 # Superfícies do agente
 
+## Espaço de trabalho completo do Agent {#agent-page}
+
+Quando um aplicativo completo precisa de um lugar permanente para inspecionar e
+configurar seu agente, monte `AgentTabsPage` em `/agent`. Adicione a rota à
+navegação do aplicativo e passe `agentPageHref="/agent"` para `AgentSidebar`,
+para que os modos Resources e Settings apontem para a página completa sem
+duplicar esses fluxos.
+
+```tsx filename="app/routes/agent.tsx"
+import { AgentTabsPage } from "@agent-native/core/client";
+
+export default function AgentRoute() {
+  return <AgentTabsPage />;
+}
+```
+
+A página compartilhada oferece atualmente cinco abas:
+
+- **Context** — prévia do escopo, orçamento de tokens, seções de sistema ordenadas por procedência, governança e fonte, visualização em lista/treemap e o snapshot da thread ativa mais recente.
+- **Files** — reutiliza `ResourcesPanel` para recursos pessoais ou da organização.
+- **Connections** — gerenciamento de servidores MCP e lista de agentes remotos A2A: o que o agente deste app pode chamar.
+- **Jobs** — jobs recorrentes e automações com os fluxos existentes de pausar/retomar, detalhes e excluir. As automações são pessoais por enquanto.
+- **Access** — URL MCP, cartão de agente A2A quando disponível e guias compartilhados de configuração; o fluxo completo e o fallback de token ficam em `/mcp/connect`.
+
+O seletor **Personal / Organization** fornece o escopo às abas. Os membros
+podem inspecionar os dados da organização, enquanto sua administração continua
+restrita a proprietários/administradores onde o componente hospedado impõe esse
+limite. O objetivo é
+tornar o contexto inspecionável, atribuível e governável, separando capacidade
+de acesso. A página é uma camada fina sobre componentes, ações e verificações de
+acesso existentes, não um novo console administrativo. Ela ainda não oferece UI
+para grants, edição de escopo, revogação ou histórico de procedência por iteração.
+
 Agent-Native é deliberadamente combinável. Você pode usar o agente sem muito UI,
 use o UI sem o tempo de execução do agente integrado ou use os dois juntos como um pacote completo
 aplicativo.

package/docs/content/locales/pt-BR/external-agents.mdx

@@ -117,6 +117,16 @@ Todo aplicativo hospedado também tem uma página auxiliar em
 `https://<app>/mcp/connect` com o URL copiável e
 guias específicas do host para Claude, ChatGPT, Cursor, Código Claude, Codex e Outros.
 
+### A aba Access no aplicativo {#access-tab}
+
+Os aplicativos que montam `AgentTabsPage` oferecem o mesmo fluxo de conexão na
+aba **Access**. Ela mostra a URL MCP, um cartão de agente A2A quando disponível e
+os guias compartilhados de configuração para Claude, ChatGPT, Cursor, Claude
+Code, Codex e outros clientes. Use-a como ponto de partida dentro do app e abra
+`/mcp/connect` para o fluxo completo e o fallback de token. É uma UI de
+configuração de conexão, não um console geral de acesso: a aba ainda não gerencia
+grants, edição de escopo ou revogação.
+
 ### Claude e ChatGPT OAuth {#oauth}
 
 Claude / Claude Desktop: adicione um conector personalizado, cole o MCP URL, clique em

package/docs/content/locales/zh-CN/agent-surfaces.mdx

@@ -6,6 +6,35 @@ search: "无头代理丰富聊天完整应用程序 BYO 代理运行时 AgentCha
 
 # 特工表面
 
+## 完整的 Agent 工作区 {#agent-page}
+
+当完整应用需要一个持久位置来检查和配置代理时，请在 `/agent` 挂载
+`AgentTabsPage`。将此路由加入应用导航，并向 `AgentSidebar` 传入
+`agentPageHref="/agent"`，这样 Resources 和 Settings 模式就可以链接到完整
+页面，而不必重复这些流程。
+
+```tsx filename="app/routes/agent.tsx"
+import { AgentTabsPage } from "@agent-native/core/client";
+
+export default function AgentRoute() {
+  return <AgentTabsPage />;
+}
+```
+
+共享页面目前提供五个选项卡：
+
+- **Context** — 显示范围预览、令牌预算、按来源/治理/来源引用分组的有序系统部分、列表/treemap 视图和最新实时线程快照。
+- **Files** — 为个人或组织资源重新托管现有的 `ResourcesPanel`。
+- **Connections** — MCP 服务器管理和 A2A 远程代理列表，即此应用的代理可以调用什么。
+- **Jobs** — 使用现有暂停/恢复、详情和删除流程的范围化定期作业与自动化。自动化目前仅属于个人。
+- **Access** — MCP URL、可用时的 A2A 代理卡片以及共享客户端设置指南；完整连接流程和令牌回退位于 `/mcp/connect`。
+
+页面级 **Personal / Organization** 切换器为选项卡提供范围。成员可以检查组织
+数据；在托管组件实施该边界的地方，组织管理仍仅限所有者/管理员。目标是让上下文
+可检查、可归因、可治理，并将能力与访问分开。该页面只是对现有组件、操作和
+访问检查的薄封装，不是新的管理控制台。目前还没有 grants、范围编辑、撤销
+界面或逐迭代 provenance 历史。
+
 Agent-Native 是故意可组合的。不用太多就可以使用代理UI，
 在没有内置代理运行时的情况下使用 UI，或者将两者一起用作完整的
 应用程序。

package/docs/content/locales/zh-CN/external-agents.mdx

@@ -117,6 +117,14 @@ https://<your-app>.agent-native.com/mcp
 `https://&lt;app&gt;/mcp/connect` 与可复制的 URL 和
 Claude、ChatGPT、光标、Claude 代码、Codex 和其他的主机特定选项卡。
 
+### 应用内的 Access 选项卡 {#access-tab}
+
+挂载 `AgentTabsPage` 的应用也会在 **Access** 选项卡中提供相同的连接流程。
+它显示 MCP URL、可用时的 A2A 代理卡片，以及 Claude、ChatGPT、Cursor、Claude
+Code、Codex 和其他客户端的共享设置指南。可将它作为应用内的起点，并打开
+`/mcp/connect` 查看完整流程和令牌回退。这是连接设置界面，不是通用访问控制
+台；该选项卡目前还不管理 grants、范围编辑或撤销。
+
 ### Claude 和 ChatGPT OAuth {#oauth}
 
 Claude / Claude 桌面：添加自定义连接器，粘贴 MCP URL，点击

package/docs/content/locales/zh-TW/agent-surfaces.mdx

@@ -6,6 +6,35 @@ search: "無頭代理豐富聊天完整應用程式 BYO 代理執行時 AgentCha
 
 # 代理表面
 
+## 完整的 Agent 工作區 {#agent-page}
+
+當完整應用程式需要一個持久位置來檢查和設定代理時，請在 `/agent` 掛載
+`AgentTabsPage`。將此路由加入應用程式導覽，並向 `AgentSidebar` 傳入
+`agentPageHref="/agent"`，這樣 Resources 和 Settings 模式就能連結到完整頁面，
+而不必重複這些流程。
+
+```tsx filename="app/routes/agent.tsx"
+import { AgentTabsPage } from "@agent-native/core/client";
+
+export default function AgentRoute() {
+  return <AgentTabsPage />;
+}
+```
+
+共用頁面目前提供五個分頁：
+
+- **Context** — 顯示範圍預覽、權杖預算、按來源/治理/來源參照分組的有序系統區段、清單/treemap 檢視和最新即時執行緒快照。
+- **Files** — 為個人或組織資源重新託管現有的 `ResourcesPanel`。
+- **Connections** — MCP 伺服器管理和 A2A 遠端代理清單，也就是此應用程式的代理可以呼叫什麼。
+- **Jobs** — 使用現有暫停/恢復、詳細資料和刪除流程的範圍化定期工作與自動化。自動化目前僅限個人。
+- **Access** — MCP URL、可用時的 A2A 代理卡片以及共用用戶端設定指南；完整連線流程和權杖備援位於 `/mcp/connect`。
+
+頁面級 **Personal / Organization** 切換器為分頁提供範圍。成員可以檢查組織
+資料；在託管元件實施該界線的地方，組織管理仍僅限擁有者/管理員。目標是讓內容可
+檢查、可歸因、可治理，並將能力與存取分開。此頁面只是對現有元件、動作和
+存取檢查的薄封裝，不是新的管理主控台。目前還沒有 grants、範圍編輯、撤銷
+介面或逐次迭代的 provenance 歷史。
+
 Agent-Native 是故意可組合的。不用太多就可以使用代理 UI，
 在沒有內建代理執行時的情況下使用 UI，或者將兩者一起用作完整的
 應用程式。

package/docs/content/locales/zh-TW/external-agents.mdx

@@ -117,6 +117,14 @@ https://<your-app>.agent-native.com/mcp
 `https://&lt;app&gt;/mcp/connect` 與可複製的 URL 和
 Claude、ChatGPT、游標、Claude 程式碼、Codex 和其他的主機特定分頁。
 
+### 應用程式內的 Access 分頁 {#access-tab}
+
+掛載 `AgentTabsPage` 的應用程式也會在 **Access** 分頁提供相同的連線流程。
+它會顯示 MCP URL、可用時的 A2A 代理卡片，以及 Claude、ChatGPT、Cursor、Claude
+Code、Codex 和其他用戶端的共用設定指南。可將它作為應用程式內的起點，並開啟
+`/mcp/connect` 查看完整流程和權杖備援。這是連線設定介面，不是通用存取控制台；
+此分頁目前還不管理 grants、範圍編輯或撤銷。
+
 ### Claude 和 ChatGPT OAuth {#oauth}
 
 Claude / Claude 桌面：新增自訂連線器，貼上 MCP URL，點選

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/core",
-  "version": "0.99.3",
+  "version": "0.100.1",
   "description": "Framework for agent-native application development — where AI agents and UI share SQL state, actions, and context",
   "homepage": "https://github.com/BuilderIO/agent-native#readme",
   "bugs": {

package/src/templates/default/app/routes/_index.tsx

@@ -74,6 +74,17 @@ export default function IndexPage() {
               {t("home.settingsDescription")}
             </p>
           </Link>
+          <Link
+            to="/agent"
+            className="group rounded-lg border border-border/50 px-4 py-3 hover:bg-accent/50 transition-colors"
+          >
+            <p className="text-[13px] font-medium text-foreground">
+              {t("settings.agentTitle")}
+            </p>
+            <p className="text-[12px] text-muted-foreground mt-0.5">
+              {t("settings.agentDescription")}
+            </p>
+          </Link>
         </div>
       </div>
     </div>

package/src/templates/default/app/routes/agent.tsx

@@ -0,0 +1,33 @@
+import { AgentTabsPage, useT } from "@agent-native/core/client";
+import { Link } from "react-router";
+
+export function meta() {
+  return [{ title: "Agent - {{APP_TITLE}}" }];
+}
+
+export default function AgentPage() {
+  const t = useT();
+
+  return (
+    <main className="min-h-screen bg-background px-6 py-10">
+      <div className="mx-auto w-full max-w-5xl space-y-6">
+        <div className="space-y-2">
+          <Link
+            to="/settings"
+            className="text-[13px] text-muted-foreground hover:text-foreground"
+          >
+            {t("settings.title")}
+          </Link>
+          <h1 className="text-2xl font-semibold tracking-tight text-foreground">
+            {t("settings.agentTitle")}
+          </h1>
+          <p className="text-[14px] leading-relaxed text-muted-foreground">
+            {t("settings.agentDescription")}
+          </p>
+        </div>
+
+        <AgentTabsPage className="min-h-[640px] rounded-lg border border-border/50" />
+      </div>
+    </main>
+  );
+}

package/src/templates/workspace-core/.agents/skills/agent-native-toolkit/SKILL.md

@@ -57,6 +57,12 @@ in the moment of agent use.
   missing-secret states, OAuth grants, and provider connection health.
 - **Agent UX kit**: sidebar, composer, staged context, mentions, voice, human
   approval, generative UI, progress, and screen-state exposure.
+- **Agent page kit**: the full-page `/agent` surface (`AgentTabsPage` from
+  `@agent-native/core/client`) with Context, Files, Connections, Jobs, and
+  Access tabs plus a Personal/Organization scope toggle. The canonical home
+  for context transparency, MCP servers, A2A remote agents, recurring
+  jobs/automations, and external-client connect flows. See the `agent-page`
+  skill.
 - **History and recovery kit**: audit log, activity feed, version history,
   checkpoints, undo, redo, restore, and proof-of-done.
 - **Comments and review kit**: anchored comments, pins, mentions, review