@agent-native/core 0.76.9 → 0.76.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/corpus/README.md +1 -1
- package/corpus/core/CHANGELOG.md +39 -0
- package/corpus/core/docs/content/locales/ar-SA/actions.md +7 -7
- package/corpus/core/docs/content/locales/ar-SA/template-plan.md +6 -4
- package/corpus/core/docs/content/locales/de-DE/actions.md +9 -9
- package/corpus/core/docs/content/locales/de-DE/template-plan.md +6 -4
- package/corpus/core/docs/content/locales/es-ES/actions.md +9 -9
- package/corpus/core/docs/content/locales/es-ES/template-plan.md +6 -4
- package/corpus/core/docs/content/locales/fr-FR/actions.md +9 -9
- package/corpus/core/docs/content/locales/fr-FR/template-plan.md +6 -4
- package/corpus/core/docs/content/locales/hi-IN/actions.md +9 -9
- package/corpus/core/docs/content/locales/hi-IN/template-plan.md +4 -4
- package/corpus/core/docs/content/locales/ja-JP/actions.md +9 -9
- package/corpus/core/docs/content/locales/ja-JP/template-plan.md +4 -4
- package/corpus/core/docs/content/locales/ko-KR/actions.md +9 -9
- package/corpus/core/docs/content/locales/ko-KR/template-plan.md +4 -4
- package/corpus/core/docs/content/locales/pt-BR/actions.md +9 -9
- package/corpus/core/docs/content/locales/pt-BR/template-plan.md +6 -4
- package/corpus/core/docs/content/locales/zh-CN/actions.md +9 -9
- package/corpus/core/docs/content/locales/zh-CN/template-plan.md +4 -4
- package/corpus/core/package.json +1 -1
- package/corpus/core/scripts/generate-og-font-data.mjs +9 -5
- package/corpus/core/src/client/AgentPanel.tsx +70 -1
- package/corpus/core/src/client/AssistantChat.tsx +1 -3
- package/corpus/core/src/client/ErrorBoundary.tsx +151 -10
- package/corpus/core/src/client/MultiTabAssistantChat.tsx +0 -62
- package/corpus/core/src/client/composer/TiptapComposer.tsx +6 -13
- package/corpus/core/src/server/og-fonts-data.ts +7 -4
- package/corpus/core/src/server/og-fonts.ts +10 -3
- package/corpus/core/src/server/social-og-image.ts +45 -6
- package/corpus/templates/analytics/app/components/dashboard/SqlChart.tsx +199 -19
- package/corpus/templates/analytics/app/components/layout/CommandPalette.tsx +51 -31
- package/corpus/templates/analytics/app/components/layout/DashboardHeader.tsx +26 -16
- package/corpus/templates/analytics/app/components/layout/Header.tsx +1 -2
- package/corpus/templates/analytics/app/components/layout/HeaderActions.tsx +8 -1
- package/corpus/templates/analytics/app/components/layout/Layout.tsx +2 -5
- package/corpus/templates/analytics/app/components/layout/Sidebar.tsx +172 -107
- package/corpus/templates/analytics/app/i18n-data.ts +1076 -5
- package/corpus/templates/analytics/app/pages/Settings.tsx +2 -2
- package/corpus/templates/analytics/app/pages/adhoc/AdhocRouter.tsx +1 -21
- package/corpus/templates/analytics/app/pages/adhoc/DashboardSkeleton.tsx +35 -0
- package/corpus/templates/analytics/app/pages/adhoc/explorer-dashboard/index.tsx +3 -23
- package/corpus/templates/analytics/app/pages/adhoc/sql-dashboard/index.tsx +3 -26
- package/corpus/templates/analytics/changelog/2026-06-24-analytics-navigation-command-palette-and-settings-now-honor-.md +6 -0
- package/corpus/templates/analytics/changelog/2026-06-24-daily-dashboard-charts-now-use-local-day-buckets-and-show-th.md +6 -0
- package/corpus/templates/analytics/changelog/2026-06-24-dashboard-loading-placeholders-now-span-the-available-page-w.md +6 -0
- package/corpus/templates/analytics/changelog/2026-06-24-first-party-dashboard-dates-now-align-to-pacific-time-for-da.md +6 -0
- package/corpus/templates/analytics/server/lib/first-party-metric-catalog.ts +19 -7
- package/corpus/templates/assets/app/components/layout/Header.tsx +0 -2
- package/corpus/templates/calendar/app/components/layout/AppLayout.tsx +0 -2
- package/corpus/templates/calendar/app/pages/CalendarView.tsx +0 -2
- package/corpus/templates/chat/app/components/layout/Header.tsx +1 -6
- package/corpus/templates/clips/app/components/layout/Header.tsx +1 -6
- package/corpus/templates/clips/app/hooks/use-library.ts +2 -0
- package/corpus/templates/clips/app/routes/_app.settings._index.tsx +3 -1
- package/corpus/templates/clips/changelog/2026-06-24-archive-and-spaces-navigation-is-more-resilient-when-sidebar.md +6 -0
- package/corpus/templates/content/app/components/layout/Header.tsx +0 -2
- package/corpus/templates/design/app/components/layout/Header.tsx +1 -6
- package/corpus/templates/forms/app/components/layout/Header.tsx +1 -6
- package/corpus/templates/macros/app/components/layout/Header.tsx +1 -6
- package/corpus/templates/mail/app/components/email/CodeBlockLangPicker.tsx +4 -2
- package/corpus/templates/mail/app/components/email/ComposeBubbleToolbar.tsx +18 -12
- package/corpus/templates/mail/app/components/email/ComposeEditor.tsx +9 -5
- package/corpus/templates/mail/app/components/email/ComposeModal.tsx +36 -19
- package/corpus/templates/mail/app/components/email/EmailList.tsx +59 -55
- package/corpus/templates/mail/app/components/email/EmailListItem.tsx +7 -3
- package/corpus/templates/mail/app/components/email/EmailThread.tsx +25 -16
- package/corpus/templates/mail/app/components/email/InlineReplyComposer.tsx +25 -19
- package/corpus/templates/mail/app/components/email/IntegrationsSidebar.tsx +32 -17
- package/corpus/templates/mail/app/components/email/RecipientInput.tsx +26 -10
- package/corpus/templates/mail/app/components/email/SendLaterButton.tsx +5 -3
- package/corpus/templates/mail/app/components/email/SnoozeModal.tsx +4 -2
- package/corpus/templates/mail/app/components/email/SnoozePopover.tsx +9 -5
- package/corpus/templates/mail/app/components/email/extensions/ComposeImageBlock.tsx +4 -2
- package/corpus/templates/mail/app/components/layout/AppLayout.tsx +168 -86
- package/corpus/templates/mail/app/components/layout/SearchBar.tsx +4 -2
- package/corpus/templates/mail/app/i18n/ar-SA.ts +212 -0
- package/corpus/templates/mail/app/i18n/de-DE.ts +212 -0
- package/corpus/templates/mail/app/i18n/en-US.ts +212 -0
- package/corpus/templates/mail/app/i18n/es-ES.ts +212 -0
- package/corpus/templates/mail/app/i18n/fr-FR.ts +212 -0
- package/corpus/templates/mail/app/i18n/hi-IN.ts +212 -0
- package/corpus/templates/mail/app/i18n/ja-JP.ts +212 -0
- package/corpus/templates/mail/app/i18n/ko-KR.ts +212 -0
- package/corpus/templates/mail/app/i18n/pt-BR.ts +212 -0
- package/corpus/templates/mail/app/i18n/zh-CN.ts +211 -0
- package/corpus/templates/mail/changelog/2026-06-24-interface-language-support-now-covers-more-mail-controls-and.md +6 -0
- package/corpus/templates/plan/app/components/layout/Header.tsx +1 -6
- package/corpus/templates/slides/app/components/layout/Header.tsx +1 -6
- package/corpus/templates/videos/app/components/layout/Header.tsx +1 -6
- package/dist/client/AgentPanel.d.ts +5 -1
- package/dist/client/AgentPanel.d.ts.map +1 -1
- package/dist/client/AgentPanel.js +23 -4
- package/dist/client/AgentPanel.js.map +1 -1
- package/dist/client/AssistantChat.d.ts +1 -3
- package/dist/client/AssistantChat.d.ts.map +1 -1
- package/dist/client/AssistantChat.js.map +1 -1
- package/dist/client/ErrorBoundary.d.ts.map +1 -1
- package/dist/client/ErrorBoundary.js +128 -7
- package/dist/client/ErrorBoundary.js.map +1 -1
- package/dist/client/MultiTabAssistantChat.d.ts.map +1 -1
- package/dist/client/MultiTabAssistantChat.js +1 -17
- package/dist/client/MultiTabAssistantChat.js.map +1 -1
- package/dist/client/composer/TiptapComposer.d.ts +4 -0
- package/dist/client/composer/TiptapComposer.d.ts.map +1 -1
- package/dist/client/composer/TiptapComposer.js +5 -9
- package/dist/client/composer/TiptapComposer.js.map +1 -1
- package/dist/server/og-fonts-data.d.ts +1 -0
- package/dist/server/og-fonts-data.d.ts.map +1 -1
- package/dist/server/og-fonts-data.js +5 -4
- package/dist/server/og-fonts-data.js.map +1 -1
- package/dist/server/og-fonts.d.ts +1 -0
- package/dist/server/og-fonts.d.ts.map +1 -1
- package/dist/server/og-fonts.js +10 -4
- package/dist/server/og-fonts.js.map +1 -1
- package/dist/server/social-og-image.d.ts.map +1 -1
- package/dist/server/social-og-image.js +33 -6
- package/dist/server/social-og-image.js.map +1 -1
- package/docs/content/locales/ar-SA/actions.md +7 -7
- package/docs/content/locales/ar-SA/template-plan.md +6 -4
- package/docs/content/locales/de-DE/actions.md +9 -9
- package/docs/content/locales/de-DE/template-plan.md +6 -4
- package/docs/content/locales/es-ES/actions.md +9 -9
- package/docs/content/locales/es-ES/template-plan.md +6 -4
- package/docs/content/locales/fr-FR/actions.md +9 -9
- package/docs/content/locales/fr-FR/template-plan.md +6 -4
- package/docs/content/locales/hi-IN/actions.md +9 -9
- package/docs/content/locales/hi-IN/template-plan.md +4 -4
- package/docs/content/locales/ja-JP/actions.md +9 -9
- package/docs/content/locales/ja-JP/template-plan.md +4 -4
- package/docs/content/locales/ko-KR/actions.md +9 -9
- package/docs/content/locales/ko-KR/template-plan.md +4 -4
- package/docs/content/locales/pt-BR/actions.md +9 -9
- package/docs/content/locales/pt-BR/template-plan.md +6 -4
- package/docs/content/locales/zh-CN/actions.md +9 -9
- package/docs/content/locales/zh-CN/template-plan.md +4 -4
- package/package.json +1 -1
|
@@ -25,7 +25,7 @@ Codex、Claude コード、Markdown、または構造化された実装計画に
|
|
|
25
25
|
|
|
26
26
|
```an-diagram title="2 つのコマンド、1 つのレビュー サーフェス" summary="どちらのコマンドも、ホストされた Plan MCP コネクタを介して、同じ注釈とコメントのサーフェスにパブリッシュされます。"
|
|
27
27
|
{
|
|
28
|
-
"html": "<div class=\"diagram-plan\"><div class=\"diagram-col\"><div class=\"diagram-node\"><span class=\"diagram-pill accent\">/visual-plan</span><small class=\"diagram-muted\"
|
|
28
|
+
"html": "<div class=\"diagram-plan\"><div class=\"diagram-col\"><div class=\"diagram-node\"><span class=\"diagram-pill accent\">/visual-plan</span><small class=\"diagram-muted\">コード前 — アーキテクチャ、UI、リファクタ</small></div><div class=\"diagram-node\"><span class=\"diagram-pill\">/visual-recap</span><small class=\"diagram-muted\">コード後 — PR、コミット、ブランチ、diff</small></div></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">→</div><div class=\"diagram-panel center\">Plan MCP コネクター<br><small class=\"diagram-muted\">plan.agent-native.com</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">→</div><div class=\"diagram-box\">レビュー画面<br><small class=\"diagram-muted\">図 · ワイヤーフレーム · 注釈付きコード · コメント</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">↔</div><div class=\"diagram-node\">コーディングエージェント<br><small class=\"diagram-muted\">フィードバックを返却</small></div></div>",
|
|
29
29
|
"css": ".diagram-plan{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.diagram-plan .diagram-col{display:flex;flex-direction:column;gap:10px}.diagram-plan .diagram-arrow{font-size:22px;line-height:1}.diagram-plan .center{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}"
|
|
30
30
|
}
|
|
31
31
|
```
|
|
@@ -33,7 +33,7 @@ Codex、Claude コード、Markdown、または構造化された実装計画に
|
|
|
33
33
|
```an-wireframe
|
|
34
34
|
{
|
|
35
35
|
"surface": "desktop",
|
|
36
|
-
"html": "<div style='display:grid;grid-template-columns:1fr 250px;gap:14px;padding:16px;min-height:520px;box-sizing:border-box'><main style='display:flex;flex-direction:column;gap:12px;min-width:0'><div style='display:flex;align-items:center;gap:10px'><h1 style='margin:0'
|
|
36
|
+
"html": "<div style='display:grid;grid-template-columns:1fr 250px;gap:14px;padding:16px;min-height:520px;box-sizing:border-box'><main style='display:flex;flex-direction:column;gap:12px;min-width:0'><div style='display:flex;align-items:center;gap:10px'><h1 style='margin:0'>チェックアウト再設計計画</h1><div style='flex:1'></div><button>共有</button><button class='primary'>承認</button></div><div class='wf-card' style='display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:150px'><div class='wf-box'>現在のワイヤーフレーム</div><div class='wf-box'>提案ワイヤーフレーム</div></div><div class='wf-card' style='flex:1;display:flex;flex-direction:column;gap:10px'><strong>実装計画</strong><div class='wf-box'>判断:既存のチェックアウトシェルを維持</div><div class='wf-box'>注釈付きコードウォークスルー</div><div class='wf-box'>未解決の質問</div></div></main><aside class='wf-card' style='display:flex;flex-direction:column;gap:10px'><strong>コメント</strong><div class='wf-box'>主要 CTA へのピン</div><div class='wf-box'>エージェントへの質問</div><div class='wf-box'>解決済みコピー注記</div><button class='primary'>フィードバックを返す</button></aside></div>"
|
|
37
37
|
}
|
|
38
38
|
```
|
|
39
39
|
|
|
@@ -569,7 +569,7 @@ const riskCardServerBlock = defineBlock<RiskCardData>({
|
|
|
569
569
|
Read: ServerReadStub,
|
|
570
570
|
placement: ["block"],
|
|
571
571
|
label: "Risk card",
|
|
572
|
-
description: "
|
|
572
|
+
description: "low、medium、high の重大度を持つ markdown のリスクメモ。",
|
|
573
573
|
});
|
|
574
574
|
|
|
575
575
|
export function registerPlanBlocks(registry: BlockRegistry): void {
|
|
@@ -621,7 +621,7 @@ const riskCardBlock = defineBlock<RiskCardData>({
|
|
|
621
621
|
placement: ["block"],
|
|
622
622
|
editSurface: "panel",
|
|
623
623
|
label: "Risk card",
|
|
624
|
-
description: "
|
|
624
|
+
description: "low、medium、high の重大度を持つ markdown のリスクメモ。",
|
|
625
625
|
empty: () => ({ severity: "medium", body: "Describe the risk." }),
|
|
626
626
|
});
|
|
627
627
|
|
|
@@ -85,9 +85,9 @@ actions 정도이며 작업 자체에 필요한 전제 조건은 아닙니다.
|
|
|
85
85
|
"language": "ts",
|
|
86
86
|
"code": "import { defineAction } from \"@agent-native/core/action\";\nimport { z } from \"zod\";\n\nexport default defineAction({\n description: \"Reply to an email thread in the user's voice.\",\n schema: z.object({\n emailId: z.string().describe(\"The id of the email to reply to.\"),\n body: z.string().describe(\"The reply body, in markdown.\"),\n }),\n run: async ({ emailId, body }) => {\n await db.insert(replies).values({ emailId, body });\n return { ok: true, emailId };\n },\n});",
|
|
87
87
|
"annotations": [
|
|
88
|
-
{ "lines": "5", "label": "
|
|
88
|
+
{ "lines": "5", "label": "도구 표면", "note": "`description`은 에이전트가 이 액션을 언제 호출할지 판단하기 위해 읽는 내용입니다. 각 필드의 `.describe()` 호출도 JSON Schema에 들어갑니다." },
|
|
89
89
|
{ "lines": "6-9", "label": "타입 계약", "note": "하나의 schema가 **모든** 표면의 입력을 검증하고 모델용 JSON Schema로 변환합니다. 유효하지 않은 입력은 `run`에 도달하지 않습니다." },
|
|
90
|
-
{ "lines": "10-13", "label": "
|
|
90
|
+
{ "lines": "10-13", "label": "단일 구현", "note": "`run` 본문이 단일 진실 공급원입니다. UI 버튼과 에이전트 도구가 정확히 이것을 실행합니다." }
|
|
91
91
|
]
|
|
92
92
|
}
|
|
93
93
|
```
|
|
@@ -150,19 +150,19 @@ export default defineAction({
|
|
|
150
150
|
|
|
151
151
|
`GET` 작업의 경우 `leadId`는 쿼리 매개변수 `/_agent-native/actions/get-lead?leadId=abc`로 전달됩니다.
|
|
152
152
|
|
|
153
|
-
```an-api title="
|
|
153
|
+
```an-api title="자동 마운트된 action 엔드포인트" method="GET" path="/_agent-native/actions/get-lead"
|
|
154
154
|
{
|
|
155
155
|
"method": "GET",
|
|
156
156
|
"path": "/_agent-native/actions/get-lead",
|
|
157
|
-
"summary": "
|
|
158
|
-
"description": "POST
|
|
159
|
-
"auth": "
|
|
157
|
+
"summary": "모든 action은 여기에 자동으로 마운트됩니다. 파일 이름이 action 이름입니다.",
|
|
158
|
+
"description": "기본값은 POST입니다. `http: { method: \"GET\" }`는 이를 GET으로 만듭니다. React hooks와 `callAction`은 `http.path` override와 관계없이 항상 이름으로 이 경로를 호출합니다.",
|
|
159
|
+
"auth": "세션 쿠키; 프론트엔드 호출에는 `X-Agent-Native-Frontend: 1`이 포함됩니다",
|
|
160
160
|
"params": [
|
|
161
|
-
{ "name": "leadId", "in": "query", "type": "string", "required": true, "description": "GET
|
|
161
|
+
{ "name": "leadId", "in": "query", "type": "string", "required": true, "description": "GET 인수는 query params로 도착하고 POST 인수는 JSON body로 도착합니다." }
|
|
162
162
|
],
|
|
163
163
|
"responses": [
|
|
164
|
-
{ "status": "200", "description": "
|
|
165
|
-
{ "status": "400", "description": "
|
|
164
|
+
{ "status": "200", "description": "action의 반환값을 JSON으로 반환합니다." },
|
|
165
|
+
{ "status": "400", "description": "run()이 실행되기 전에 입력이 schema validation에 실패했습니다." }
|
|
166
166
|
]
|
|
167
167
|
}
|
|
168
168
|
```
|
|
@@ -25,7 +25,7 @@ Codex, Claude 코드, Markdown 또는 구조화된 구현 계획에 붙여넣기
|
|
|
25
25
|
|
|
26
26
|
```an-diagram title="두 개의 명령, 하나의 검토 표면" summary="두 명령 모두 호스팅된 Plan MCP 커넥터를 통해 동일한 주석 및 설명 화면에 게시됩니다."
|
|
27
27
|
{
|
|
28
|
-
"html": "<div class=\"diagram-plan\"><div class=\"diagram-col\"><div class=\"diagram-node\"><span class=\"diagram-pill accent\">/visual-plan</span><small class=\"diagram-muted\"
|
|
28
|
+
"html": "<div class=\"diagram-plan\"><div class=\"diagram-col\"><div class=\"diagram-node\"><span class=\"diagram-pill accent\">/visual-plan</span><small class=\"diagram-muted\">코드 전 — 아키텍처, UI, 리팩터</small></div><div class=\"diagram-node\"><span class=\"diagram-pill\">/visual-recap</span><small class=\"diagram-muted\">코드 후 — PR, 커밋, 브랜치, diff</small></div></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">→</div><div class=\"diagram-panel center\">Plan MCP 커넥터<br><small class=\"diagram-muted\">plan.agent-native.com</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">→</div><div class=\"diagram-box\">검토 화면<br><small class=\"diagram-muted\">다이어그램 · 와이어프레임 · 주석 코드 · 댓글</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">↔</div><div class=\"diagram-node\">코딩 에이전트<br><small class=\"diagram-muted\">피드백 전달됨</small></div></div>",
|
|
29
29
|
"css": ".diagram-plan{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.diagram-plan .diagram-col{display:flex;flex-direction:column;gap:10px}.diagram-plan .diagram-arrow{font-size:22px;line-height:1}.diagram-plan .center{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}"
|
|
30
30
|
}
|
|
31
31
|
```
|
|
@@ -33,7 +33,7 @@ Codex, Claude 코드, Markdown 또는 구조화된 구현 계획에 붙여넣기
|
|
|
33
33
|
```an-wireframe
|
|
34
34
|
{
|
|
35
35
|
"surface": "desktop",
|
|
36
|
-
"html": "<div style='display:grid;grid-template-columns:1fr 250px;gap:14px;padding:16px;min-height:520px;box-sizing:border-box'><main style='display:flex;flex-direction:column;gap:12px;min-width:0'><div style='display:flex;align-items:center;gap:10px'><h1 style='margin:0'
|
|
36
|
+
"html": "<div style='display:grid;grid-template-columns:1fr 250px;gap:14px;padding:16px;min-height:520px;box-sizing:border-box'><main style='display:flex;flex-direction:column;gap:12px;min-width:0'><div style='display:flex;align-items:center;gap:10px'><h1 style='margin:0'>결제 재설계 계획</h1><div style='flex:1'></div><button>공유</button><button class='primary'>승인</button></div><div class='wf-card' style='display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:150px'><div class='wf-box'>현재 와이어프레임</div><div class='wf-box'>제안 와이어프레임</div></div><div class='wf-card' style='flex:1;display:flex;flex-direction:column;gap:10px'><strong>구현 계획</strong><div class='wf-box'>결정: 기존 결제 셸 유지</div><div class='wf-box'>주석이 달린 코드 워크스루</div><div class='wf-box'>열린 질문</div></div></main><aside class='wf-card' style='display:flex;flex-direction:column;gap:10px'><strong>댓글</strong><div class='wf-box'>기본 CTA에 핀</div><div class='wf-box'>에이전트에게 묻는 질문</div><div class='wf-box'>해결된 문구 메모</div><button class='primary'>피드백 전달</button></aside></div>"
|
|
37
37
|
}
|
|
38
38
|
```
|
|
39
39
|
|
|
@@ -570,7 +570,7 @@ const riskCardServerBlock = defineBlock<RiskCardData>({
|
|
|
570
570
|
Read: ServerReadStub,
|
|
571
571
|
placement: ["block"],
|
|
572
572
|
label: "Risk card",
|
|
573
|
-
description: "
|
|
573
|
+
description: "low, medium, high 심각도를 가진 markdown 위험 메모입니다.",
|
|
574
574
|
});
|
|
575
575
|
|
|
576
576
|
export function registerPlanBlocks(registry: BlockRegistry): void {
|
|
@@ -622,7 +622,7 @@ const riskCardBlock = defineBlock<RiskCardData>({
|
|
|
622
622
|
placement: ["block"],
|
|
623
623
|
editSurface: "panel",
|
|
624
624
|
label: "Risk card",
|
|
625
|
-
description: "
|
|
625
|
+
description: "low, medium, high 심각도를 가진 markdown 위험 메모입니다.",
|
|
626
626
|
empty: () => ({ severity: "medium", body: "Describe the risk." }),
|
|
627
627
|
});
|
|
628
628
|
|
|
@@ -85,9 +85,9 @@ em torno de actions, não é um pré-requisito obrigatório para a ação em si.
|
|
|
85
85
|
"language": "ts",
|
|
86
86
|
"code": "import { defineAction } from \"@agent-native/core/action\";\nimport { z } from \"zod\";\n\nexport default defineAction({\n description: \"Reply to an email thread in the user's voice.\",\n schema: z.object({\n emailId: z.string().describe(\"The id of the email to reply to.\"),\n body: z.string().describe(\"The reply body, in markdown.\"),\n }),\n run: async ({ emailId, body }) => {\n await db.insert(replies).values({ emailId, body });\n return { ok: true, emailId };\n },\n});",
|
|
87
87
|
"annotations": [
|
|
88
|
-
{ "lines": "5", "label": "
|
|
88
|
+
{ "lines": "5", "label": "Superfície da ferramenta", "note": "`description` é o que o agente lê para decidir quando chamar isto. As chamadas `.describe()` de cada campo também entram no JSON Schema." },
|
|
89
89
|
{ "lines": "6-9", "label": "Contrato tipado", "note": "Um schema valida a entrada de **todas** as superfícies e é convertido em JSON Schema para o modelo. Entradas inválidas nunca chegam a `run`." },
|
|
90
|
-
{ "lines": "10-13", "label": "
|
|
90
|
+
{ "lines": "10-13", "label": "Uma implementação", "note": "O corpo de `run` é a fonte única da verdade: o botão da UI e a ferramenta do agente executam exatamente isto." }
|
|
91
91
|
]
|
|
92
92
|
}
|
|
93
93
|
```
|
|
@@ -150,19 +150,19 @@ export default defineAction({
|
|
|
150
150
|
|
|
151
151
|
Para uma ação `GET`, `leadId` é passado como um parâmetro de consulta: `/_agent-native/actions/get-lead?leadId=abc`.
|
|
152
152
|
|
|
153
|
-
```an-api title="
|
|
153
|
+
```an-api title="Endpoint de action montado automaticamente" method="GET" path="/_agent-native/actions/get-lead"
|
|
154
154
|
{
|
|
155
155
|
"method": "GET",
|
|
156
156
|
"path": "/_agent-native/actions/get-lead",
|
|
157
|
-
"summary": "
|
|
158
|
-
"description": "POST
|
|
159
|
-
"auth": "
|
|
157
|
+
"summary": "Cada action e montada aqui automaticamente: o nome do arquivo e o nome da action.",
|
|
158
|
+
"description": "POST por padrao; `http: { method: \"GET\" }` torna a chamada GET. Os hooks React e `callAction` sempre chamam este caminho pelo nome, independentemente de qualquer override de `http.path`.",
|
|
159
|
+
"auth": "Cookie de sessao; chamadas do frontend levam `X-Agent-Native-Frontend: 1`",
|
|
160
160
|
"params": [
|
|
161
|
-
{ "name": "leadId", "in": "query", "type": "string", "required": true, "description": "GET
|
|
161
|
+
{ "name": "leadId", "in": "query", "type": "string", "required": true, "description": "Argumentos GET chegam como query params; argumentos POST chegam no corpo JSON." }
|
|
162
162
|
],
|
|
163
163
|
"responses": [
|
|
164
|
-
{ "status": "200", "description": "
|
|
165
|
-
{ "status": "400", "description": "
|
|
164
|
+
{ "status": "200", "description": "O valor de retorno da action como JSON." },
|
|
165
|
+
{ "status": "400", "description": "A entrada falhou na validacao de schema antes de run() executar." }
|
|
166
166
|
]
|
|
167
167
|
}
|
|
168
168
|
```
|
|
@@ -25,7 +25,7 @@ agente da mesma maneira.
|
|
|
25
25
|
|
|
26
26
|
```an-diagram title="Dois comandos, uma superfície de revisão" summary="Ambos os comandos são publicados por meio do conector do Plano MCP hospedado na mesma superfície de anotação e comentário."
|
|
27
27
|
{
|
|
28
|
-
"html": "<div class=\"diagram-plan\"><div class=\"diagram-col\"><div class=\"diagram-node\"><span class=\"diagram-pill accent\">/visual-plan</span><small class=\"diagram-muted\">
|
|
28
|
+
"html": "<div class=\"diagram-plan\"><div class=\"diagram-col\"><div class=\"diagram-node\"><span class=\"diagram-pill accent\">/visual-plan</span><small class=\"diagram-muted\">antes do codigo: arquitetura, UI, refatoracao</small></div><div class=\"diagram-node\"><span class=\"diagram-pill\">/visual-recap</span><small class=\"diagram-muted\">depois do codigo: PR, commit, branch, diff</small></div></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">→</div><div class=\"diagram-panel center\">Conector MCP do Plan<br><small class=\"diagram-muted\">plan.agent-native.com</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">→</div><div class=\"diagram-box\">Superficie de revisao<br><small class=\"diagram-muted\">diagramas · wireframes · codigo anotado · comentarios</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">↔</div><div class=\"diagram-node\">Agente de codigo<br><small class=\"diagram-muted\">feedback devolvido</small></div></div>",
|
|
29
29
|
"css": ".diagram-plan{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.diagram-plan .diagram-col{display:flex;flex-direction:column;gap:10px}.diagram-plan .diagram-arrow{font-size:22px;line-height:1}.diagram-plan .center{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}"
|
|
30
30
|
}
|
|
31
31
|
```
|
|
@@ -33,7 +33,7 @@ agente da mesma maneira.
|
|
|
33
33
|
```an-wireframe
|
|
34
34
|
{
|
|
35
35
|
"surface": "desktop",
|
|
36
|
-
"html": "<div style='display:grid;grid-template-columns:1fr 250px;gap:14px;padding:16px;min-height:520px;box-sizing:border-box'><main style='display:flex;flex-direction:column;gap:12px;min-width:0'><div style='display:flex;align-items:center;gap:10px'><h1 style='margin:0'>
|
|
36
|
+
"html": "<div style='display:grid;grid-template-columns:1fr 250px;gap:14px;padding:16px;min-height:520px;box-sizing:border-box'><main style='display:flex;flex-direction:column;gap:12px;min-width:0'><div style='display:flex;align-items:center;gap:10px'><h1 style='margin:0'>Plano de redesenho do checkout</h1><div style='flex:1'></div><button>Compartilhar</button><button class='primary'>Aprovar</button></div><div class='wf-card' style='display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:150px'><div class='wf-box'>Wireframe atual</div><div class='wf-box'>Wireframe proposto</div></div><div class='wf-card' style='flex:1;display:flex;flex-direction:column;gap:10px'><strong>Plano de implementação</strong><div class='wf-box'>Decisão: manter o shell atual do checkout</div><div class='wf-box'>Passo a passo de código anotado</div><div class='wf-box'>Perguntas em aberto</div></div></main><aside class='wf-card' style='display:flex;flex-direction:column;gap:10px'><strong>Comentários</strong><div class='wf-box'>Pin no CTA principal</div><div class='wf-box'>Pergunta para o agente</div><div class='wf-box'>Nota de texto resolvida</div><button class='primary'>Devolver feedback</button></aside></div>"
|
|
37
37
|
}
|
|
38
38
|
```
|
|
39
39
|
|
|
@@ -570,7 +570,8 @@ const riskCardServerBlock = defineBlock<RiskCardData>({
|
|
|
570
570
|
Read: ServerReadStub,
|
|
571
571
|
placement: ["block"],
|
|
572
572
|
label: "Risk card",
|
|
573
|
-
description:
|
|
573
|
+
description:
|
|
574
|
+
"Uma nota de risco em markdown com severidade baixa, média ou alta.",
|
|
574
575
|
});
|
|
575
576
|
|
|
576
577
|
export function registerPlanBlocks(registry: BlockRegistry): void {
|
|
@@ -622,7 +623,8 @@ const riskCardBlock = defineBlock<RiskCardData>({
|
|
|
622
623
|
placement: ["block"],
|
|
623
624
|
editSurface: "panel",
|
|
624
625
|
label: "Risk card",
|
|
625
|
-
description:
|
|
626
|
+
description:
|
|
627
|
+
"Uma nota de risco em markdown com severidade baixa, média ou alta.",
|
|
626
628
|
empty: () => ({ severity: "medium", body: "Describe the risk." }),
|
|
627
629
|
});
|
|
628
630
|
|
|
@@ -85,9 +85,9 @@ pnpm agent "Call hello for Steve and explain the result"
|
|
|
85
85
|
"language": "ts",
|
|
86
86
|
"code": "import { defineAction } from \"@agent-native/core/action\";\nimport { z } from \"zod\";\n\nexport default defineAction({\n description: \"Reply to an email thread in the user's voice.\",\n schema: z.object({\n emailId: z.string().describe(\"The id of the email to reply to.\"),\n body: z.string().describe(\"The reply body, in markdown.\"),\n }),\n run: async ({ emailId, body }) => {\n await db.insert(replies).values({ emailId, body });\n return { ok: true, emailId };\n },\n});",
|
|
87
87
|
"annotations": [
|
|
88
|
-
{ "lines": "5", "label": "
|
|
88
|
+
{ "lines": "5", "label": "工具表面", "note": "`description` 是代理读取以决定何时调用此动作的内容。每个字段的 `.describe()` 也会进入 JSON Schema。" },
|
|
89
89
|
{ "lines": "6-9", "label": "类型化契约", "note": "一个 schema 会验证来自**每个**界面的输入,并转换为供模型使用的 JSON Schema。无效输入永远不会进入 `run`。" },
|
|
90
|
-
{ "lines": "10-13", "label": "
|
|
90
|
+
{ "lines": "10-13", "label": "单一实现", "note": "`run` 主体是唯一事实来源,UI 按钮和代理工具都会执行这一段。" }
|
|
91
91
|
]
|
|
92
92
|
}
|
|
93
93
|
```
|
|
@@ -150,19 +150,19 @@ export default defineAction({
|
|
|
150
150
|
|
|
151
151
|
对于 `GET` 操作,`leadId` 作为查询参数传递:`/_agent-native/actions/get-lead?leadId=abc`。
|
|
152
152
|
|
|
153
|
-
```an-api title="
|
|
153
|
+
```an-api title="自动挂载的 action 端点" method="GET" path="/_agent-native/actions/get-lead"
|
|
154
154
|
{
|
|
155
155
|
"method": "GET",
|
|
156
156
|
"path": "/_agent-native/actions/get-lead",
|
|
157
|
-
"summary": "
|
|
158
|
-
"description": "POST
|
|
159
|
-
"auth": "
|
|
157
|
+
"summary": "每个 action 都会自动挂载在这里 - 文件名就是 action 名称。",
|
|
158
|
+
"description": "默认是 POST;`http: { method: \"GET\" }` 会让它成为 GET。无论任何 `http.path` 覆盖如何,React hooks 和 `callAction` 始终按名称调用这个路径。",
|
|
159
|
+
"auth": "会话 cookie;前端调用会携带 `X-Agent-Native-Frontend: 1`",
|
|
160
160
|
"params": [
|
|
161
|
-
{ "name": "leadId", "in": "query", "type": "string", "required": true, "description": "GET
|
|
161
|
+
{ "name": "leadId", "in": "query", "type": "string", "required": true, "description": "GET 参数以查询参数传入;POST 参数以 JSON body 传入。" }
|
|
162
162
|
],
|
|
163
163
|
"responses": [
|
|
164
|
-
{ "status": "200", "description": "
|
|
165
|
-
{ "status": "400", "description": "
|
|
164
|
+
{ "status": "200", "description": "action 的返回值,以 JSON 表示。" },
|
|
165
|
+
{ "status": "400", "description": "输入在 run() 触发前未通过 schema 验证。" }
|
|
166
166
|
]
|
|
167
167
|
}
|
|
168
168
|
```
|
|
@@ -25,7 +25,7 @@ Codex、Claude 代码、Markdown 或将实施计划粘贴到结构化中
|
|
|
25
25
|
|
|
26
26
|
```an-diagram title="两个命令,一个查看界面" summary="这两个命令都通过托管的 Plan MCP 连接器发布到相同的注释和评论界面。"
|
|
27
27
|
{
|
|
28
|
-
"html": "<div class=\"diagram-plan\"><div class=\"diagram-col\"><div class=\"diagram-node\"><span class=\"diagram-pill accent\">/visual-plan</span><small class=\"diagram-muted\"
|
|
28
|
+
"html": "<div class=\"diagram-plan\"><div class=\"diagram-col\"><div class=\"diagram-node\"><span class=\"diagram-pill accent\">/visual-plan</span><small class=\"diagram-muted\">写代码前 — 架构、UI、重构</small></div><div class=\"diagram-node\"><span class=\"diagram-pill\">/visual-recap</span><small class=\"diagram-muted\">写代码后 — PR、提交、分支、diff</small></div></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">→</div><div class=\"diagram-panel center\">Plan MCP 连接器<br><small class=\"diagram-muted\">plan.agent-native.com</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">→</div><div class=\"diagram-box\">审阅界面<br><small class=\"diagram-muted\">图表 · 线框图 · 带注释的代码 · 评论</small></div><div class=\"diagram-arrow diagram-muted\" aria-hidden=\"true\">↔</div><div class=\"diagram-node\">编码代理<br><small class=\"diagram-muted\">反馈已交回</small></div></div>",
|
|
29
29
|
"css": ".diagram-plan{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.diagram-plan .diagram-col{display:flex;flex-direction:column;gap:10px}.diagram-plan .diagram-arrow{font-size:22px;line-height:1}.diagram-plan .center{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}"
|
|
30
30
|
}
|
|
31
31
|
```
|
|
@@ -33,7 +33,7 @@ Codex、Claude 代码、Markdown 或将实施计划粘贴到结构化中
|
|
|
33
33
|
```an-wireframe
|
|
34
34
|
{
|
|
35
35
|
"surface": "desktop",
|
|
36
|
-
"html": "<div style='display:grid;grid-template-columns:1fr 250px;gap:14px;padding:16px;min-height:520px;box-sizing:border-box'><main style='display:flex;flex-direction:column;gap:12px;min-width:0'><div style='display:flex;align-items:center;gap:10px'><h1 style='margin:0'
|
|
36
|
+
"html": "<div style='display:grid;grid-template-columns:1fr 250px;gap:14px;padding:16px;min-height:520px;box-sizing:border-box'><main style='display:flex;flex-direction:column;gap:12px;min-width:0'><div style='display:flex;align-items:center;gap:10px'><h1 style='margin:0'>结账改版计划</h1><div style='flex:1'></div><button>分享</button><button class='primary'>批准</button></div><div class='wf-card' style='display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:150px'><div class='wf-box'>当前线框图</div><div class='wf-box'>拟议线框图</div></div><div class='wf-card' style='flex:1;display:flex;flex-direction:column;gap:10px'><strong>实施计划</strong><div class='wf-box'>决策:保留现有结账外壳</div><div class='wf-box'>带注释的代码演练</div><div class='wf-box'>开放问题</div></div></main><aside class='wf-card' style='display:flex;flex-direction:column;gap:10px'><strong>评论</strong><div class='wf-box'>主 CTA 上的标注</div><div class='wf-box'>给代理的问题</div><div class='wf-box'>已解决的文案备注</div><button class='primary'>交回反馈</button></aside></div>"
|
|
37
37
|
}
|
|
38
38
|
```
|
|
39
39
|
|
|
@@ -569,7 +569,7 @@ const riskCardServerBlock = defineBlock<RiskCardData>({
|
|
|
569
569
|
Read: ServerReadStub,
|
|
570
570
|
placement: ["block"],
|
|
571
571
|
label: "Risk card",
|
|
572
|
-
description: "
|
|
572
|
+
description: "一条 markdown 风险说明,严重级别可为 low、medium 或 high。",
|
|
573
573
|
});
|
|
574
574
|
|
|
575
575
|
export function registerPlanBlocks(registry: BlockRegistry): void {
|
|
@@ -621,7 +621,7 @@ const riskCardBlock = defineBlock<RiskCardData>({
|
|
|
621
621
|
placement: ["block"],
|
|
622
622
|
editSurface: "panel",
|
|
623
623
|
label: "Risk card",
|
|
624
|
-
description: "
|
|
624
|
+
description: "一条 markdown 风险说明,严重级别可为 low、medium 或 high。",
|
|
625
625
|
empty: () => ({ severity: "medium", body: "Describe the risk." }),
|
|
626
626
|
});
|
|
627
627
|
|
package/corpus/core/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
2
|
// Regenerates src/server/og-fonts-data.ts by base64-encoding the bundled
|
|
3
|
-
//
|
|
3
|
+
// OG image fonts. The fonts are embedded as base64 (rather than read
|
|
4
4
|
// from disk at runtime) so that OG image text renders consistently regardless
|
|
5
5
|
// of the host's system fonts or how the serverless bundle is traced — the
|
|
6
6
|
// font bytes always travel with the compiled JS. Run after updating the .ttf
|
|
@@ -17,13 +17,17 @@ const fonts = [
|
|
|
17
17
|
constName: "LIBERATION_SANS_BOLD_BASE64",
|
|
18
18
|
file: "../src/assets/fonts/LiberationSans-Bold.ttf",
|
|
19
19
|
},
|
|
20
|
+
{
|
|
21
|
+
constName: "NOTO_NASKH_ARABIC_BASE64",
|
|
22
|
+
file: "../src/assets/fonts/NotoNaskhArabic-Variable.ttf",
|
|
23
|
+
},
|
|
20
24
|
];
|
|
21
25
|
|
|
22
26
|
const banner = `// AUTO-GENERATED by scripts/generate-og-font-data.mjs — do not edit by hand.
|
|
23
|
-
// Base64-encoded
|
|
24
|
-
//
|
|
25
|
-
//
|
|
26
|
-
// src/assets/fonts/
|
|
27
|
+
// Base64-encoded OG image fonts, embedded so the OG image renderer always has
|
|
28
|
+
// script coverage independent of host system fonts or serverless asset tracing.
|
|
29
|
+
// See src/assets/fonts/LICENSE_LIBERATION and
|
|
30
|
+
// src/assets/fonts/LICENSE_NOTO_NASKH_ARABIC for licensing. Regenerate with:
|
|
27
31
|
// node scripts/generate-og-font-data.mjs
|
|
28
32
|
`;
|
|
29
33
|
|
|
@@ -374,6 +374,18 @@ export function shouldShowAgentPanelChatTabBar(
|
|
|
374
374
|
return mainTabs.length > 1 || hasSubTabs;
|
|
375
375
|
}
|
|
376
376
|
|
|
377
|
+
export function shouldShowAgentPanelPageNewChatButton(
|
|
378
|
+
tabs: MultiTabAssistantChatHeaderProps["tabs"],
|
|
379
|
+
activeTabId: string,
|
|
380
|
+
activeTabMessageCount: number,
|
|
381
|
+
) {
|
|
382
|
+
const activeTab = tabs.find((tab) => tab.id === activeTabId);
|
|
383
|
+
return (
|
|
384
|
+
Boolean(activeTabId) &&
|
|
385
|
+
(activeTabMessageCount > 0 || activeTab?.status === "running")
|
|
386
|
+
);
|
|
387
|
+
}
|
|
388
|
+
|
|
377
389
|
export function shouldShowAgentPanelCliTabBar(cliTabs: string[]) {
|
|
378
390
|
return cliTabs.length > 1;
|
|
379
391
|
}
|
|
@@ -532,6 +544,8 @@ export interface AgentPanelProps extends Omit<
|
|
|
532
544
|
chatNotice?: React.ReactNode;
|
|
533
545
|
/** Show the chat thread tab row when the panel header is hidden. Default: true. */
|
|
534
546
|
showTabBar?: boolean;
|
|
547
|
+
/** Show a compact New chat action in page chat when the main header is hidden. */
|
|
548
|
+
showPageNewChatButton?: boolean;
|
|
535
549
|
/** Capability gate for source edits and CLI access. */
|
|
536
550
|
codeAccess?: AgentPanelCodeAccess;
|
|
537
551
|
}
|
|
@@ -649,6 +663,7 @@ function AgentPanelInner({
|
|
|
649
663
|
threadUrlSync,
|
|
650
664
|
chatNotice,
|
|
651
665
|
showTabBar = true,
|
|
666
|
+
showPageNewChatButton = false,
|
|
652
667
|
codeAccess,
|
|
653
668
|
...assistantChatProps
|
|
654
669
|
}: AgentPanelProps) {
|
|
@@ -1246,6 +1261,43 @@ function AgentPanelInner({
|
|
|
1246
1261
|
],
|
|
1247
1262
|
);
|
|
1248
1263
|
|
|
1264
|
+
const renderPageChatOverlay = useCallback(
|
|
1265
|
+
({
|
|
1266
|
+
activeTabId,
|
|
1267
|
+
activeTabMessageCount,
|
|
1268
|
+
addTab,
|
|
1269
|
+
tabs,
|
|
1270
|
+
}: MultiTabAssistantChatHeaderProps) => {
|
|
1271
|
+
if (
|
|
1272
|
+
!shouldShowAgentPanelPageNewChatButton(
|
|
1273
|
+
tabs,
|
|
1274
|
+
activeTabId,
|
|
1275
|
+
activeTabMessageCount,
|
|
1276
|
+
)
|
|
1277
|
+
) {
|
|
1278
|
+
return null;
|
|
1279
|
+
}
|
|
1280
|
+
|
|
1281
|
+
return (
|
|
1282
|
+
<div className="pointer-events-none absolute inset-x-0 top-3 z-[60] flex justify-end px-3 sm:top-4 sm:px-4">
|
|
1283
|
+
<button
|
|
1284
|
+
type="button"
|
|
1285
|
+
data-agent-page-new-chat=""
|
|
1286
|
+
aria-label={t("agentPanel.newChat")}
|
|
1287
|
+
onClick={() => {
|
|
1288
|
+
addTab();
|
|
1289
|
+
}}
|
|
1290
|
+
className="pointer-events-auto inline-flex h-8 items-center gap-1.5 rounded-md border border-border bg-background/95 px-2.5 text-xs font-medium text-foreground shadow-sm backdrop-blur transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
|
|
1291
|
+
>
|
|
1292
|
+
<IconPlus size={14} />
|
|
1293
|
+
<span>{t("agentPanel.newChat")}</span>
|
|
1294
|
+
</button>
|
|
1295
|
+
</div>
|
|
1296
|
+
);
|
|
1297
|
+
},
|
|
1298
|
+
[t],
|
|
1299
|
+
);
|
|
1300
|
+
|
|
1249
1301
|
// Ref callback: scroll the active tab into view in the overflow container.
|
|
1250
1302
|
// Uses getBoundingClientRect for reliable positioning regardless of offsetParent.
|
|
1251
1303
|
const activeTabRefCb = useCallback((el: HTMLDivElement | null) => {
|
|
@@ -1591,7 +1643,11 @@ function AgentPanelInner({
|
|
|
1591
1643
|
showHeader={false}
|
|
1592
1644
|
renderHeader={showHeader ? renderChatHeader : undefined}
|
|
1593
1645
|
showTabBar={showTabBar}
|
|
1594
|
-
renderOverlay={
|
|
1646
|
+
renderOverlay={
|
|
1647
|
+
showPageNewChatButton && !showHeader
|
|
1648
|
+
? renderPageChatOverlay
|
|
1649
|
+
: undefined
|
|
1650
|
+
}
|
|
1595
1651
|
contentHidden={mode !== "chat"}
|
|
1596
1652
|
emptyStateText={emptyStateText}
|
|
1597
1653
|
emptyStateAddon={emptyStateAddon}
|
|
@@ -2181,6 +2237,13 @@ export interface AgentChatSurfaceProps extends AgentPanelProps {
|
|
|
2181
2237
|
chatViewTransition?: boolean;
|
|
2182
2238
|
}
|
|
2183
2239
|
|
|
2240
|
+
export function shouldDefaultAgentChatSurfacePageNewChatButton(
|
|
2241
|
+
mode: AgentChatSurfaceMode | undefined,
|
|
2242
|
+
showTabBar: boolean | undefined,
|
|
2243
|
+
): boolean {
|
|
2244
|
+
return mode === "page" && showTabBar !== false;
|
|
2245
|
+
}
|
|
2246
|
+
|
|
2184
2247
|
/**
|
|
2185
2248
|
* Reusable chat surface backed by AgentPanel internals.
|
|
2186
2249
|
*
|
|
@@ -2195,15 +2258,21 @@ export function AgentChatSurface({
|
|
|
2195
2258
|
isFullscreen,
|
|
2196
2259
|
style,
|
|
2197
2260
|
chatViewTransition = false,
|
|
2261
|
+
showPageNewChatButton,
|
|
2198
2262
|
...props
|
|
2199
2263
|
}: AgentChatSurfaceProps) {
|
|
2200
2264
|
const pageMode = mode === "page";
|
|
2265
|
+
const defaultShowPageNewChatButton =
|
|
2266
|
+
shouldDefaultAgentChatSurfacePageNewChatButton(mode, props.showTabBar);
|
|
2201
2267
|
|
|
2202
2268
|
return (
|
|
2203
2269
|
<AgentPanel
|
|
2204
2270
|
{...props}
|
|
2205
2271
|
defaultMode={defaultMode}
|
|
2206
2272
|
isFullscreen={isFullscreen ?? pageMode}
|
|
2273
|
+
showPageNewChatButton={
|
|
2274
|
+
showPageNewChatButton ?? defaultShowPageNewChatButton
|
|
2275
|
+
}
|
|
2207
2276
|
className={cn(
|
|
2208
2277
|
pageMode && "h-full min-h-0 w-full overflow-hidden bg-background",
|
|
2209
2278
|
chatViewTransition && AGENT_CHAT_VIEW_TRANSITION_CLASS,
|
|
@@ -637,9 +637,7 @@ export interface AssistantChatProps {
|
|
|
637
637
|
suggestions?: string[];
|
|
638
638
|
/** Context-aware suggestions merged with `suggestions`. Enabled by default. */
|
|
639
639
|
dynamicSuggestions?: AgentDynamicSuggestionsOption;
|
|
640
|
-
/** Optional content rendered in the empty state, above the suggestion buttons.
|
|
641
|
-
* Used by MultiTabAssistantChat to surface "previous chats for this design"
|
|
642
|
-
* when the current thread is empty but the scope has other threads. */
|
|
640
|
+
/** Optional content rendered in the empty state, above the suggestion buttons. */
|
|
643
641
|
emptyStateAddon?: React.ReactNode;
|
|
644
642
|
/** Whether to show the header bar. Default: true */
|
|
645
643
|
showHeader?: boolean;
|