@agent-native/toolkit 0.214.0 → 0.217.0
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/agent-native.eject.json +5 -0
- package/dist/app/agentkit/react/chat.d.ts.map +1 -1
- package/dist/app/agentkit/react/chat.js +2 -2
- package/dist/app/agentkit/react/chat.js.map +1 -1
- package/dist/app/agentkit/react/components.d.ts +4 -1
- package/dist/app/agentkit/react/components.d.ts.map +1 -1
- package/dist/app/agentkit/react/components.js +69 -15
- package/dist/app/agentkit/react/components.js.map +1 -1
- package/dist/app/agentkit/react/context.d.ts +7 -1
- package/dist/app/agentkit/react/context.d.ts.map +1 -1
- package/dist/app/agentkit/react/context.js +5 -1
- package/dist/app/agentkit/react/context.js.map +1 -1
- package/dist/app/agentkit/react/index.d.ts +1 -0
- package/dist/app/agentkit/react/index.d.ts.map +1 -1
- package/dist/app/agentkit/react/index.js +1 -0
- package/dist/app/agentkit/react/index.js.map +1 -1
- package/dist/app/agentkit/react/root.d.ts +4 -1
- package/dist/app/agentkit/react/root.d.ts.map +1 -1
- package/dist/app/agentkit/react/root.js +2 -2
- package/dist/app/agentkit/react/root.js.map +1 -1
- package/dist/app/agentkit/react/styles.css +43 -6
- package/dist/app/agentkit/react/transcript-layout.d.ts +51 -0
- package/dist/app/agentkit/react/transcript-layout.d.ts.map +1 -0
- package/dist/app/agentkit/react/transcript-layout.js +34 -0
- package/dist/app/agentkit/react/transcript-layout.js.map +1 -0
- package/dist/app/auth/AuthPage.d.ts.map +1 -1
- package/dist/app/auth/AuthPage.js +33 -44
- package/dist/app/auth/AuthPage.js.map +1 -1
- package/dist/app/chat/AgentKitAssistantChat.d.ts.map +1 -1
- package/dist/app/chat/AgentKitAssistantChat.js +3 -3
- package/dist/app/chat/AgentKitAssistantChat.js.map +1 -1
- package/dist/app/chat/AgentPanel.d.ts +2 -0
- package/dist/app/chat/AgentPanel.d.ts.map +1 -1
- package/dist/app/chat/AgentPanel.js +6 -2
- package/dist/app/chat/AgentPanel.js.map +1 -1
- package/dist/app/chat/chat/index.d.ts +2 -0
- package/dist/app/chat/chat/index.d.ts.map +1 -1
- package/dist/app/chat/chat/index.js.map +1 -1
- package/dist/app/chat/chat/surface-types.d.ts +7 -0
- package/dist/app/chat/chat/surface-types.d.ts.map +1 -1
- package/dist/app/chat/chat/surface-types.js.map +1 -1
- package/dist/app/chat/chat/tool-call-display.d.ts +7 -2
- package/dist/app/chat/chat/tool-call-display.d.ts.map +1 -1
- package/dist/app/chat/chat/tool-call-display.js +10 -9
- package/dist/app/chat/chat/tool-call-display.js.map +1 -1
- package/dist/app/chat/chat/widgets/DataChartRenderer.d.ts.map +1 -1
- package/dist/app/chat/chat/widgets/DataChartRenderer.js +196 -26
- package/dist/app/chat/chat/widgets/DataChartRenderer.js.map +1 -1
- package/dist/app/chat/chat/widgets/DataChartWidget.d.ts.map +1 -1
- package/dist/app/chat/chat/widgets/DataChartWidget.js +5 -1
- package/dist/app/chat/chat/widgets/DataChartWidget.js.map +1 -1
- package/dist/app/chat/chat/widgets/DataWidgetDisplayControls.d.ts +2 -2
- package/dist/app/chat/chat/widgets/DataWidgetDisplayControls.d.ts.map +1 -1
- package/dist/app/chat/chat/widgets/DataWidgetDisplayControls.js +6 -4
- package/dist/app/chat/chat/widgets/DataWidgetDisplayControls.js.map +1 -1
- package/dist/app/i18n/catalogs/ar-SA.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/ar-SA.js +1 -0
- package/dist/app/i18n/catalogs/ar-SA.js.map +1 -1
- package/dist/app/i18n/catalogs/de-DE.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/de-DE.js +1 -0
- package/dist/app/i18n/catalogs/de-DE.js.map +1 -1
- package/dist/app/i18n/catalogs/en-US.d.ts +1 -0
- package/dist/app/i18n/catalogs/en-US.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/en-US.js +1 -0
- package/dist/app/i18n/catalogs/en-US.js.map +1 -1
- package/dist/app/i18n/catalogs/es-ES.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/es-ES.js +1 -0
- package/dist/app/i18n/catalogs/es-ES.js.map +1 -1
- package/dist/app/i18n/catalogs/fr-FR.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/fr-FR.js +1 -0
- package/dist/app/i18n/catalogs/fr-FR.js.map +1 -1
- package/dist/app/i18n/catalogs/hi-IN.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/hi-IN.js +1 -0
- package/dist/app/i18n/catalogs/hi-IN.js.map +1 -1
- package/dist/app/i18n/catalogs/ja-JP.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/ja-JP.js +1 -0
- package/dist/app/i18n/catalogs/ja-JP.js.map +1 -1
- package/dist/app/i18n/catalogs/ko-KR.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/ko-KR.js +1 -0
- package/dist/app/i18n/catalogs/ko-KR.js.map +1 -1
- package/dist/app/i18n/catalogs/pt-BR.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/pt-BR.js +1 -0
- package/dist/app/i18n/catalogs/pt-BR.js.map +1 -1
- package/dist/app/i18n/catalogs/zh-CN.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/zh-CN.js +1 -0
- package/dist/app/i18n/catalogs/zh-CN.js.map +1 -1
- package/dist/app/i18n/catalogs/zh-TW.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/zh-TW.js +1 -0
- package/dist/app/i18n/catalogs/zh-TW.js.map +1 -1
- package/dist/app/onboarding/GettingStartedCard.d.ts +35 -0
- package/dist/app/onboarding/GettingStartedCard.d.ts.map +1 -0
- package/dist/app/onboarding/GettingStartedCard.js +38 -0
- package/dist/app/onboarding/GettingStartedCard.js.map +1 -0
- package/dist/app/onboarding/index.d.ts +1 -0
- package/dist/app/onboarding/index.d.ts.map +1 -1
- package/dist/app/onboarding/index.js +1 -0
- package/dist/app/onboarding/index.js.map +1 -1
- package/dist/app/providers/AppProviders.d.ts.map +1 -1
- package/dist/app/providers/AppProviders.js +3 -1
- package/dist/app/providers/AppProviders.js.map +1 -1
- package/dist/app/settings/AccountSettingsCard.d.ts.map +1 -1
- package/dist/app/settings/AccountSettingsCard.js +2 -1
- package/dist/app/settings/AccountSettingsCard.js.map +1 -1
- package/dist/app/settings/index.d.ts +1 -0
- package/dist/app/settings/index.d.ts.map +1 -1
- package/dist/app/settings/index.js +1 -0
- package/dist/app/settings/index.js.map +1 -1
- package/dist/app/settings/shell/SettingsShell.d.ts +40 -1
- package/dist/app/settings/shell/SettingsShell.d.ts.map +1 -1
- package/dist/app/settings/shell/SettingsShell.js +87 -20
- package/dist/app/settings/shell/SettingsShell.js.map +1 -1
- package/dist/app/settings/shell/bridge.d.ts +5 -3
- package/dist/app/settings/shell/bridge.d.ts.map +1 -1
- package/dist/app/settings/shell/bridge.js +8 -5
- package/dist/app/settings/shell/bridge.js.map +1 -1
- package/dist/app/settings/shell/index.d.ts +2 -2
- package/dist/app/settings/shell/index.d.ts.map +1 -1
- package/dist/app/settings/shell/index.js.map +1 -1
- package/dist/app/settings/shell/registry.d.ts +9 -1
- package/dist/app/settings/shell/registry.d.ts.map +1 -1
- package/dist/app/settings/shell/registry.js +16 -0
- package/dist/app/settings/shell/registry.js.map +1 -1
- package/dist/app/settings/shell/routing.d.ts +5 -4
- package/dist/app/settings/shell/routing.d.ts.map +1 -1
- package/dist/app/settings/shell/routing.js +38 -10
- package/dist/app/settings/shell/routing.js.map +1 -1
- package/dist/app/shared/CommandMenu.d.ts +86 -6
- package/dist/app/shared/CommandMenu.d.ts.map +1 -1
- package/dist/app/shared/CommandMenu.js +303 -41
- package/dist/app/shared/CommandMenu.js.map +1 -1
- package/dist/app/shared/ConsentBanner.d.ts +9 -0
- package/dist/app/shared/ConsentBanner.d.ts.map +1 -0
- package/dist/app/shared/ConsentBanner.js +35 -0
- package/dist/app/shared/ConsentBanner.js.map +1 -0
- package/dist/composer/ComposerContextBanner.d.ts +3 -1
- package/dist/composer/ComposerContextBanner.d.ts.map +1 -1
- package/dist/composer/ComposerContextBanner.js +2 -2
- package/dist/composer/ComposerContextBanner.js.map +1 -1
- package/dist/ui/sonner.d.ts +2 -2
- package/dist/ui/sonner.d.ts.map +1 -1
- package/dist/ui/sonner.js +2 -2
- package/dist/ui/sonner.js.map +1 -1
- package/package.json +3 -3
- package/src/app/agentkit/react/chat.tsx +2 -0
- package/src/app/agentkit/react/components.interaction.spec.tsx +107 -0
- package/src/app/agentkit/react/components.spec.tsx +28 -1
- package/src/app/agentkit/react/components.tsx +153 -17
- package/src/app/agentkit/react/context.tsx +12 -0
- package/src/app/agentkit/react/index.ts +1 -0
- package/src/app/agentkit/react/lifecycle.spec.tsx +186 -16
- package/src/app/agentkit/react/root.tsx +7 -0
- package/src/app/agentkit/react/styles.css +43 -6
- package/src/app/agentkit/react/transcript-layout.spec.ts +72 -0
- package/src/app/agentkit/react/transcript-layout.ts +97 -0
- package/src/app/auth/AuthPage.attribution.spec.tsx +6 -0
- package/src/app/auth/AuthPage.interaction.spec.tsx +74 -0
- package/src/app/auth/AuthPage.tsx +32 -39
- package/src/app/chat/AgentKitAssistantChat.spec.tsx +39 -0
- package/src/app/chat/AgentKitAssistantChat.tsx +5 -0
- package/src/app/chat/AgentPanel.page-header-share.spec.tsx +101 -0
- package/src/app/chat/AgentPanel.tsx +14 -2
- package/src/app/chat/chat/index.ts +2 -0
- package/src/app/chat/chat/surface-types.ts +10 -0
- package/src/app/chat/chat/tool-call-display.spec.tsx +83 -0
- package/src/app/chat/chat/tool-call-display.tsx +40 -8
- package/src/app/chat/chat/widgets/DataChartRenderer.spec.tsx +632 -0
- package/src/app/chat/chat/widgets/DataChartRenderer.tsx +308 -51
- package/src/app/chat/chat/widgets/DataChartWidget.spec.tsx +126 -23
- package/src/app/chat/chat/widgets/DataChartWidget.tsx +10 -0
- package/src/app/chat/chat/widgets/DataWidgetDisplayControls.tsx +26 -6
- package/src/app/i18n/catalogs/ar-SA.ts +1 -0
- package/src/app/i18n/catalogs/de-DE.ts +2 -0
- package/src/app/i18n/catalogs/en-US.ts +2 -0
- package/src/app/i18n/catalogs/es-ES.ts +2 -0
- package/src/app/i18n/catalogs/fr-FR.ts +2 -0
- package/src/app/i18n/catalogs/hi-IN.ts +1 -0
- package/src/app/i18n/catalogs/ja-JP.ts +2 -0
- package/src/app/i18n/catalogs/ko-KR.ts +1 -0
- package/src/app/i18n/catalogs/pt-BR.ts +2 -0
- package/src/app/i18n/catalogs/zh-CN.ts +1 -0
- package/src/app/i18n/catalogs/zh-TW.ts +1 -0
- package/src/app/onboarding/GettingStartedCard.tsx +203 -0
- package/src/app/onboarding/index.ts +1 -0
- package/src/app/providers/AppProviders.tsx +7 -1
- package/src/app/settings/AccountSettingsCard.spec.tsx +31 -0
- package/src/app/settings/AccountSettingsCard.tsx +8 -0
- package/src/app/settings/index.ts +1 -0
- package/src/app/settings/shell/SettingsShell.spec.tsx +472 -1
- package/src/app/settings/shell/SettingsShell.tsx +245 -31
- package/src/app/settings/shell/bridge.spec.ts +12 -0
- package/src/app/settings/shell/bridge.ts +17 -4
- package/src/app/settings/shell/index.ts +6 -1
- package/src/app/settings/shell/registry.ts +33 -1
- package/src/app/settings/shell/routing.spec.ts +92 -1
- package/src/app/settings/shell/routing.ts +52 -9
- package/src/app/shared/CommandMenu.spec.tsx +1662 -1
- package/src/app/shared/CommandMenu.tsx +763 -164
- package/src/app/shared/ConsentBanner.spec.tsx +141 -0
- package/src/app/shared/ConsentBanner.tsx +141 -0
- package/src/composer/ComposerContextBanner.spec.tsx +31 -5
- package/src/composer/ComposerContextBanner.tsx +7 -2
- package/src/ui/sonner.spec.ts +10 -0
- package/src/ui/sonner.tsx +2 -2
package/agent-native.eject.json
CHANGED
|
@@ -497,6 +497,7 @@
|
|
|
497
497
|
"@agent-native/core/client/changelog/use-changelog-seen",
|
|
498
498
|
"@agent-native/core/client/chat-model-groups",
|
|
499
499
|
"@agent-native/core/client/client-status-requests",
|
|
500
|
+
"@agent-native/core/client/consent",
|
|
500
501
|
"@agent-native/core/client/feature-flags/use-feature-flag",
|
|
501
502
|
"@agent-native/core/client/frame",
|
|
502
503
|
"@agent-native/core/client/hooks",
|
|
@@ -709,6 +710,7 @@
|
|
|
709
710
|
"@agent-native/core/client/analytics",
|
|
710
711
|
"@agent-native/core/client/api-path",
|
|
711
712
|
"@agent-native/core/client/auth/auth-page-helpers",
|
|
713
|
+
"@agent-native/core/client/consent",
|
|
712
714
|
"@agent-native/core/client/oauth-popup",
|
|
713
715
|
"@agent-native/core/client/sign-in-return",
|
|
714
716
|
"@agent-native/core/client/use-session",
|
|
@@ -1094,6 +1096,7 @@
|
|
|
1094
1096
|
"@radix-ui/react-dropdown-menu",
|
|
1095
1097
|
"@radix-ui/react-label",
|
|
1096
1098
|
"@radix-ui/react-popover",
|
|
1099
|
+
"@radix-ui/react-progress",
|
|
1097
1100
|
"@radix-ui/react-radio-group",
|
|
1098
1101
|
"@radix-ui/react-select",
|
|
1099
1102
|
"@radix-ui/react-slot",
|
|
@@ -1142,6 +1145,7 @@
|
|
|
1142
1145
|
"@agent-native/core/client/onboarding/first-run-registry",
|
|
1143
1146
|
"@agent-native/core/client/onboarding/first-run-status",
|
|
1144
1147
|
"@agent-native/core/client/onboarding/use-onboarding",
|
|
1148
|
+
"@agent-native/core/client/onboarding/use-onboarding-checklist",
|
|
1145
1149
|
"@agent-native/core/client/onboarding/use-preview-mode",
|
|
1146
1150
|
"@agent-native/core/client/use-dev-mode",
|
|
1147
1151
|
"@agent-native/core/client/use-session",
|
|
@@ -1265,6 +1269,7 @@
|
|
|
1265
1269
|
"@agent-native/core/client/app-config",
|
|
1266
1270
|
"@agent-native/core/client/appearance",
|
|
1267
1271
|
"@agent-native/core/client/changelog/use-changelog-seen",
|
|
1272
|
+
"@agent-native/core/client/consent",
|
|
1268
1273
|
"@agent-native/core/client/i18n",
|
|
1269
1274
|
"@agent-native/core/client/route-chunk-recovery",
|
|
1270
1275
|
"@agent-native/core/client/sign-out",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../../src/app/agentkit/react/chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAC;AAChF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAGL,KAAK,4BAA4B,EACjC,KAAK,qBAAqB,EAC3B,MAAM,WAAW,CAAC;AAEnB,MAAM,MAAM,qBAAqB,GAC7B;IACE,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,GACD;IACE,SAAS,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,aAAa,CAAC,EAAE,4BAA4B,CAAC;CAC9C,GACD;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,CAAC,4BAA4B,EAAE,SAAS,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,aAAa,CAAC,EAAE,4BAA4B,CAAC;CAC9C,CAAC;AAEN,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,qBAAqB,EAAE,UAAU,CAAC,GAClE,qBAAqB,GACrB,iBAAiB,CAAC;AAEpB,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,+
|
|
1
|
+
{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../../src/app/agentkit/react/chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAC;AAChF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAGL,KAAK,4BAA4B,EACjC,KAAK,qBAAqB,EAC3B,MAAM,WAAW,CAAC;AAEnB,MAAM,MAAM,qBAAqB,GAC7B;IACE,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,GACD;IACE,SAAS,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,aAAa,CAAC,EAAE,4BAA4B,CAAC;CAC9C,GACD;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,CAAC,4BAA4B,EAAE,SAAS,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,aAAa,CAAC,EAAE,4BAA4B,CAAC;CAC9C,CAAC;AAEN,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,qBAAqB,EAAE,UAAU,CAAC,GAClE,qBAAqB,GACrB,iBAAiB,CAAC;AAEpB,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,+BAgD9C"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { AgentKitChat } from "./components.js";
|
|
3
3
|
import { AgentKitRoot, } from "./root.js";
|
|
4
4
|
export function AgentChat(props) {
|
|
5
|
-
const { client, transport, endpoint, http, clientOptions, title, toolbar, composer, composerProps, hasRenderedMessages, emptyComposerPlacement, autoScroll, className, ...rootProps } = props;
|
|
5
|
+
const { client, transport, endpoint, http, clientOptions, title, toolbar, composer, composerProps, hasRenderedMessages, emptyComposerPlacement, autoScroll, transcriptLayout, className, ...rootProps } = props;
|
|
6
6
|
const sourceCount = Number(client !== undefined) +
|
|
7
7
|
Number(transport !== undefined) +
|
|
8
8
|
Number(endpoint !== undefined);
|
|
@@ -14,6 +14,6 @@ export function AgentChat(props) {
|
|
|
14
14
|
: transport !== undefined
|
|
15
15
|
? { transport, clientOptions }
|
|
16
16
|
: { endpoint: endpoint, http, clientOptions };
|
|
17
|
-
return (_jsx(AgentKitRoot, { ...rootProps, ...rootSource, children: _jsx(AgentKitChat, { title: title, toolbar: toolbar, composer: composer, composerProps: composerProps, hasRenderedMessages: hasRenderedMessages, emptyComposerPlacement: emptyComposerPlacement, autoScroll: autoScroll, className: className }) }));
|
|
17
|
+
return (_jsx(AgentKitRoot, { ...rootProps, ...rootSource, children: _jsx(AgentKitChat, { title: title, toolbar: toolbar, composer: composer, composerProps: composerProps, hasRenderedMessages: hasRenderedMessages, emptyComposerPlacement: emptyComposerPlacement, autoScroll: autoScroll, transcriptLayout: transcriptLayout, className: className }) }));
|
|
18
18
|
}
|
|
19
19
|
//# sourceMappingURL=chat.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../../src/app/agentkit/react/chat.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAA0B,MAAM,iBAAiB,CAAC;AACvE,OAAO,EACL,YAAY,GAIb,MAAM,WAAW,CAAC;AA6BnB,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,KAAK,EACL,OAAO,EACP,QAAQ,EACR,aAAa,EACb,mBAAmB,EACnB,sBAAsB,EACtB,UAAU,EACV,SAAS,EACT,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IACV,MAAM,WAAW,GACf,MAAM,CAAC,MAAM,KAAK,SAAS,CAAC;QAC5B,MAAM,CAAC,SAAS,KAAK,SAAS,CAAC;QAC/B,MAAM,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC;IACjC,IAAI,WAAW,KAAK,CAAC,EAAE,CAAC;QACtB,MAAM,IAAI,KAAK,CACb,qEAAqE,CACtE,CAAC;IACJ,CAAC;IACD,MAAM,UAAU,GACd,MAAM,KAAK,SAAS;QAClB,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE;QACxB,CAAC,CAAC,SAAS,KAAK,SAAS;YACvB,CAAC,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE;YAC9B,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAkB,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;IAC9D,OAAO,CACL,KAAC,YAAY,OAAK,SAAS,KAAM,UAAU,YACzC,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,sBAAsB,EAAE,sBAAsB,EAC9C,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,GACpB,GACW,CAChB,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../../src/app/agentkit/react/chat.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAA0B,MAAM,iBAAiB,CAAC;AACvE,OAAO,EACL,YAAY,GAIb,MAAM,WAAW,CAAC;AA6BnB,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,KAAK,EACL,OAAO,EACP,QAAQ,EACR,aAAa,EACb,mBAAmB,EACnB,sBAAsB,EACtB,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IACV,MAAM,WAAW,GACf,MAAM,CAAC,MAAM,KAAK,SAAS,CAAC;QAC5B,MAAM,CAAC,SAAS,KAAK,SAAS,CAAC;QAC/B,MAAM,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC;IACjC,IAAI,WAAW,KAAK,CAAC,EAAE,CAAC;QACtB,MAAM,IAAI,KAAK,CACb,qEAAqE,CACtE,CAAC;IACJ,CAAC;IACD,MAAM,UAAU,GACd,MAAM,KAAK,SAAS;QAClB,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE;QACxB,CAAC,CAAC,SAAS,KAAK,SAAS;YACvB,CAAC,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE;YAC9B,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAkB,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;IAC9D,OAAO,CACL,KAAC,YAAY,OAAK,SAAS,KAAM,UAAU,YACzC,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,sBAAsB,EAAE,sBAAsB,EAC9C,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,GACpB,GACW,CAChB,CAAC;AACJ,CAAC"}
|
|
@@ -4,6 +4,7 @@ import { type AgentKitComposerSubmission } from "./composer-submission.js";
|
|
|
4
4
|
export type { AgentKitComposerSubmission } from "./composer-submission.js";
|
|
5
5
|
import { type AgentActivity, type AgentApprovalRequest, type AgentConnectionRequest, type AgentEvent, type AgentInteraction, type AgentMessage, type AgentMessagePart, type AgentObjectReference, type AgentParticipant, type AgentTask, type AgentWidget, type RunId } from "@agent-native/agentkit/protocol";
|
|
6
6
|
import { type AgentConnectionErrorRenderProps, type AgentKitRenderProps, type AgentRunFailureRenderProps } from "./context.js";
|
|
7
|
+
import { type AgentChatTranscriptLayout } from "./transcript-layout.js";
|
|
7
8
|
export interface AgentKitErrorBoundaryProps {
|
|
8
9
|
children: ReactNode;
|
|
9
10
|
resetKey?: string | number;
|
|
@@ -111,9 +112,11 @@ export interface AgentKitChatProps {
|
|
|
111
112
|
emptyComposerPlacement?: "center" | "bottom";
|
|
112
113
|
/** Follow new output until the user deliberately scrolls away. */
|
|
113
114
|
autoScroll?: boolean;
|
|
115
|
+
/** Optional transcript geometry. Omitted values keep the shared defaults. */
|
|
116
|
+
transcriptLayout?: AgentChatTranscriptLayout;
|
|
114
117
|
className?: string;
|
|
115
118
|
}
|
|
116
119
|
export declare function isAgentKitTranscriptNearBottom(element: Pick<HTMLElement, "clientHeight" | "scrollHeight" | "scrollTop">, threshold?: number): boolean;
|
|
117
|
-
export declare function AgentKitChat({ title, toolbar, composer, composerProps, hasRenderedMessages, emptyComposerPlacement, autoScroll, className, }: AgentKitChatProps): import("react").JSX.Element;
|
|
120
|
+
export declare function AgentKitChat({ title, toolbar, composer, composerProps, hasRenderedMessages, emptyComposerPlacement, autoScroll, transcriptLayout, className, }: AgentKitChatProps): import("react").JSX.Element;
|
|
118
121
|
export { useAgentKitStopButton } from "./stop-button.js";
|
|
119
122
|
//# sourceMappingURL=components.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../../src/app/agentkit/react/components.tsx"],"names":[],"mappings":"AAuCA,OAAO,EAEL,SAAS,
|
|
1
|
+
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../../src/app/agentkit/react/components.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { IconActivity, IconAlertCircle, IconArrowDown, IconArrowFork, IconArrowUp, IconBook2, IconBrain, IconChevronLeft, IconChevronRight, IconCircleCheck, IconCode, IconCopy, IconDotsVertical, IconFile, IconFolder, IconFileText, IconCheckbox, IconMail, IconUser, IconPresentation, IconStack2, IconMessageChatbot, IconGitBranch, IconId, IconMessage, IconPlugConnected, IconPlayerPause, IconPlayerPlay, IconPencil, IconRefresh, IconSearch, IconTerminal2, IconChecklist, IconThumbDown, IconThumbUp, IconTool, IconX, } from "@tabler/icons-react";
|
|
3
|
-
import { createContext, Component, memo, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState, } from "react";
|
|
3
|
+
import { createContext, Component, Fragment, memo, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState, } from "react";
|
|
4
4
|
import ReactMarkdown from "react-markdown";
|
|
5
5
|
import remarkGfm from "remark-gfm";
|
|
6
6
|
import { ActionButton, AgentSuggestionBar, IconButton, MessageQueueDrawer, PromptComposer, Surface, TextField, agentSuggestionPrompt, createChatAttachmentAdapter, formatAttachmentError, splitMarkdownBlocks, writeClipboardText, } from "../../../agentkit.js";
|
|
@@ -12,6 +12,7 @@ import { inferAgentActivityKind, } from "@agent-native/agentkit/protocol";
|
|
|
12
12
|
import { defaultAgentKitLabels, useAgentCapability, useAgentConnection, useAgentKit, useAgentKitControl, useAgentKitMutation, useAgentThread, } from "./context.js";
|
|
13
13
|
import { orderMessageContent } from "./message-content-order.js";
|
|
14
14
|
import { AgentStreamingText } from "./streaming-text.js";
|
|
15
|
+
import { workedForRowChevronStyle, workedForRowSummaryStyle, } from "./transcript-layout.js";
|
|
15
16
|
// AgentKit React installs without @agent-native/core, so it repeats core's
|
|
16
17
|
// replay markers. Its specs assert core's attribute names.
|
|
17
18
|
const SESSION_REPLAY_MASK_PROPS = { "data-an-mask": "" };
|
|
@@ -764,7 +765,7 @@ function eventHasVisibleAssistantOutput(event, assistantMessageIds, messageRende
|
|
|
764
765
|
return messageHasVisibleAssistantOutput(event.message, messageRenderer, textRenderer, dataRenderer, widgetRenderer, widgetRenderers, messagePartRenderers);
|
|
765
766
|
}
|
|
766
767
|
export function AgentActivityGroup({ runId, afterSequence, throughSequence, excludeAgentActivities = false, isCurrentSegment = true, }) {
|
|
767
|
-
const { threadId, slots, registry, labels } = useAgentKit();
|
|
768
|
+
const { threadId, slots, registry, labels, formatWorkedForDuration } = useAgentKit();
|
|
768
769
|
const thread = useAgentThread();
|
|
769
770
|
const runEvents = runId
|
|
770
771
|
? thread.events.filter((event) => event.runId === runId)
|
|
@@ -997,11 +998,12 @@ export function AgentActivityGroup({ runId, afterSequence, throughSequence, excl
|
|
|
997
998
|
}
|
|
998
999
|
}
|
|
999
1000
|
const hasExpandableActivity = displayGroups.length > 0;
|
|
1000
|
-
const formatDuration = (ms) =>
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1001
|
+
const formatDuration = (ms) => formatWorkedForDuration?.(ms) ??
|
|
1002
|
+
formatAgentKitDuration(ms, {
|
|
1003
|
+
hour: labels.durationHourShort,
|
|
1004
|
+
minute: labels.durationMinuteShort,
|
|
1005
|
+
second: labels.durationSecondShort,
|
|
1006
|
+
});
|
|
1005
1007
|
const summaryLabel = activelyWorking ||
|
|
1006
1008
|
(activityItems.length === 0 && durableToolResults.length > 0)
|
|
1007
1009
|
? ""
|
|
@@ -1036,15 +1038,15 @@ export function AgentActivityGroup({ runId, afterSequence, throughSequence, excl
|
|
|
1036
1038
|
}) }) })) : (_jsxs("div", { className: "agentkit-activities-static", children: [summaryLabel ? (_jsx("span", { className: "agentkit-activities-label", children: summaryLabel })) : null, currentActivity ? (_jsxs("span", { className: "agentkit-activities-current", "data-running": "true", "data-agentkit-current-activity": "true", "aria-live": "polite", children: [_jsx(ActivitySourceIcon, { activity: currentActivity, threadId: threadId, compact: true }), _jsx("span", { className: "agentkit-activities-current-label agent-running-shimmer", children: currentActivityLabel })] })) : null] }))] }));
|
|
1037
1039
|
}
|
|
1038
1040
|
function AgentWorkDisclosure({ label, running, expandable = true, current, children, }) {
|
|
1039
|
-
const { slots } = useAgentKit();
|
|
1041
|
+
const { slots, workedForRowLayout } = useAgentKit();
|
|
1040
1042
|
const [open, setOpen] = useState(false);
|
|
1041
1043
|
const Summary = slots.workedForSummary;
|
|
1042
|
-
return (_jsxs("details", { className: "agentkit-activities", "data-running": running ? "true" : undefined, "data-expandable": expandable ? "true" : "false", open: open, children: [_jsx("summary", { className: "agentkit-activities-summary", "aria-disabled": !expandable, onClick: (event) => {
|
|
1044
|
+
return (_jsxs("details", { className: "agentkit-activities", "data-running": running ? "true" : undefined, "data-expandable": expandable ? "true" : "false", open: open, children: [_jsx("summary", { className: "agentkit-activities-summary", "aria-disabled": !expandable, style: workedForRowSummaryStyle(workedForRowLayout), onClick: (event) => {
|
|
1043
1045
|
event.preventDefault();
|
|
1044
1046
|
if (!expandable)
|
|
1045
1047
|
return;
|
|
1046
1048
|
setOpen((value) => !value);
|
|
1047
|
-
}, children: Summary ? (_jsx(Summary, { label: label, running: running, expandable: expandable, open: open, current: current })) : (_jsxs(_Fragment, { children: [_jsx(IconChevronRight, { "aria-hidden": "true", className: "agentkit-icon agentkit-summary-chevron" }), _jsxs("span", { className: "agentkit-activities-summary-content", children: [label ? (_jsx("span", { className: "agentkit-activities-heading", children: _jsx("span", { className: "agentkit-activities-label", children: label }) })) : null, current] })] })) }), children] }));
|
|
1049
|
+
}, children: Summary ? (_jsx(Summary, { label: label, running: running, expandable: expandable, open: open, current: current, layout: workedForRowLayout })) : (_jsxs(_Fragment, { children: [_jsx(IconChevronRight, { "aria-hidden": "true", className: "agentkit-icon agentkit-summary-chevron", style: workedForRowChevronStyle(workedForRowLayout) }), _jsxs("span", { className: "agentkit-activities-summary-content", children: [label ? (_jsx("span", { className: "agentkit-activities-heading", children: _jsx("span", { className: "agentkit-activities-label", children: label }) })) : null, current] })] })) }), children] }));
|
|
1048
1050
|
}
|
|
1049
1051
|
function AgentReasoningParts({ message, threadId, active, }) {
|
|
1050
1052
|
const { registry, slots } = useAgentKit();
|
|
@@ -1916,8 +1918,10 @@ export function AgentMessageActions({ value: message, threadId, }) {
|
|
|
1916
1918
|
minute: "2-digit",
|
|
1917
1919
|
}) })) : null })] })), actionError ? (_jsx("span", { ...SESSION_REPLAY_MASK_PROPS, className: "agentkit-command-error", role: "alert", children: actionError.message })) : null] }));
|
|
1918
1920
|
}
|
|
1921
|
+
const AgentKitPostWidgetTextContext = createContext(undefined);
|
|
1919
1922
|
export function AgentMessageView({ value: message, threadId, }) {
|
|
1920
1923
|
const { labels, slots, resolveMessageContentOrder } = useAgentKit();
|
|
1924
|
+
const postWidgetText = useContext(AgentKitPostWidgetTextContext);
|
|
1921
1925
|
const thread = useAgentThread(threadId);
|
|
1922
1926
|
const visibleMessage = stripAgentMessageContext(message);
|
|
1923
1927
|
const Supplement = slots.messageSupplement;
|
|
@@ -1934,9 +1938,22 @@ export function AgentMessageView({ value: message, threadId, }) {
|
|
|
1934
1938
|
!attachedAnnotations.length) {
|
|
1935
1939
|
return Supplement ? (_jsx(Supplement, { value: visibleMessage, threadId: threadId })) : null;
|
|
1936
1940
|
}
|
|
1937
|
-
|
|
1938
|
-
|
|
1939
|
-
|
|
1941
|
+
let hasSeenWidget = false;
|
|
1942
|
+
return (_jsxs("article", { className: "agentkit-message", "data-role": message.role, "data-message-id": message.id, "aria-label": message.role === "user" ? labels.you : labels.assistant, "aria-busy": message.status === "streaming", children: [_jsxs("div", { className: "agentkit-message-content", children: [orderedContent.map((item, index) => {
|
|
1943
|
+
const isWidget = item.type === "widget" ||
|
|
1944
|
+
(item.type === "part" && item.part.type === "widget");
|
|
1945
|
+
const followsWidget = message.role === "assistant" &&
|
|
1946
|
+
postWidgetText !== undefined &&
|
|
1947
|
+
hasSeenWidget &&
|
|
1948
|
+
item.type === "part" &&
|
|
1949
|
+
item.part.type === "text";
|
|
1950
|
+
if (isWidget)
|
|
1951
|
+
hasSeenWidget = true;
|
|
1952
|
+
const content = (_jsx(AgentMessagePartView, { value: item.type === "widget"
|
|
1953
|
+
? { type: "widget", widget: item.widget }
|
|
1954
|
+
: item.part, threadId: threadId, active: message.status === "streaming", resetKey: `${threadId}:${message.id}:${index}`, userMessage: message.role === "user" }));
|
|
1955
|
+
return followsWidget ? (_jsx("div", { "data-post-widget-text": "true", children: content }, item.key)) : (_jsx(Fragment, { children: content }, item.key));
|
|
1956
|
+
}), attachedAnnotations.length ? (_jsx("div", { className: "agentkit-annotations", children: attachedAnnotations.map((annotation) => (_jsx(AgentMessagePartView, { value: { type: "annotation", annotation }, threadId: threadId }, annotation.id))) })) : null, Supplement ? (_jsx(Supplement, { value: visibleMessage, threadId: threadId })) : null] }), _jsx(Actions, { value: slots.messageActions ? visibleMessage : message, threadId: threadId })] }));
|
|
1940
1957
|
}
|
|
1941
1958
|
function stripAgentMessageContext(message) {
|
|
1942
1959
|
const metadata = stripAgentContextMetadata(message.metadata);
|
|
@@ -2391,6 +2408,43 @@ export function AgentKitComposer({ threadId: requestedThreadId, className, annou
|
|
|
2391
2408
|
}
|
|
2392
2409
|
} }), command.error ? (_jsxs("div", { className: "agentkit-composer-error", role: "alert", children: [_jsx(IconAlertCircle, { "aria-hidden": "true", className: "agentkit-icon" }), _jsx("span", { ...SESSION_REPLAY_MASK_PROPS, children: command.error.message })] })) : null, attachmentError ? (_jsxs("div", { className: "agentkit-composer-error", role: "alert", children: [_jsx(IconAlertCircle, { "aria-hidden": "true", className: "agentkit-icon" }), _jsx("span", { ...SESSION_REPLAY_MASK_PROPS, children: attachmentError })] })) : null] }));
|
|
2393
2410
|
}
|
|
2411
|
+
function transcriptLength(value, name) {
|
|
2412
|
+
if (value === undefined)
|
|
2413
|
+
return undefined;
|
|
2414
|
+
if (!Number.isFinite(value) || value < 0) {
|
|
2415
|
+
throw new RangeError(`transcriptLayout.${name} must be a non-negative number`);
|
|
2416
|
+
}
|
|
2417
|
+
return `${value}px`;
|
|
2418
|
+
}
|
|
2419
|
+
function transcriptOffset(value, name) {
|
|
2420
|
+
if (value === undefined)
|
|
2421
|
+
return undefined;
|
|
2422
|
+
if (!Number.isFinite(value)) {
|
|
2423
|
+
throw new RangeError(`transcriptLayout.${name} must be a finite number`);
|
|
2424
|
+
}
|
|
2425
|
+
return `${value}px`;
|
|
2426
|
+
}
|
|
2427
|
+
function transcriptContentStyle(layout) {
|
|
2428
|
+
if (!layout)
|
|
2429
|
+
return undefined;
|
|
2430
|
+
return {
|
|
2431
|
+
"--agentkit-transcript-top-inset": transcriptLength(layout.topInset, "topInset"),
|
|
2432
|
+
"--agentkit-transcript-lane-width": transcriptLength(layout.messageLaneWidth, "messageLaneWidth"),
|
|
2433
|
+
"--agentkit-transcript-lane-offset-inline": transcriptOffset(layout.messageLaneOffsetInline, "messageLaneOffsetInline"),
|
|
2434
|
+
"--agentkit-transcript-message-gap": transcriptLength(layout.messageGap, "messageGap"),
|
|
2435
|
+
"--agentkit-transcript-message-line-height": transcriptLength(layout.messageLineHeight, "messageLineHeight"),
|
|
2436
|
+
"--agentkit-transcript-font-family": layout.fontFamily,
|
|
2437
|
+
"--agentkit-transcript-post-widget-text-color": layout.postWidgetText?.tone === "muted"
|
|
2438
|
+
? "var(--agentkit-text-muted)"
|
|
2439
|
+
: undefined,
|
|
2440
|
+
"--agentkit-transcript-post-widget-paragraph-padding-block": transcriptLength(layout.postWidgetText?.paragraphPaddingBlock, "postWidgetText.paragraphPaddingBlock"),
|
|
2441
|
+
"--agentkit-user-bubble-line-height": transcriptLength(layout.userBubbleLineHeight, "userBubbleLineHeight"),
|
|
2442
|
+
"--agentkit-user-bubble-max-width": transcriptLength(layout.userBubbleMaxWidth, "userBubbleMaxWidth"),
|
|
2443
|
+
"--agentkit-user-bubble-offset-inline": transcriptOffset(layout.userBubbleOffsetInline, "userBubbleOffsetInline"),
|
|
2444
|
+
"--agentkit-user-bubble-padding-block": transcriptLength(layout.userBubblePadding?.block, "userBubblePadding.block"),
|
|
2445
|
+
"--agentkit-user-bubble-padding-inline": transcriptLength(layout.userBubblePadding?.inline, "userBubblePadding.inline"),
|
|
2446
|
+
};
|
|
2447
|
+
}
|
|
2394
2448
|
const AGENTKIT_TRANSCRIPT_BOTTOM_THRESHOLD = 24;
|
|
2395
2449
|
const AGENTKIT_TRANSCRIPT_SCROLLBAR_IDLE_MS = 900;
|
|
2396
2450
|
const AGENTKIT_TRANSCRIPT_SCROLL_KEYS = new Set([
|
|
@@ -2405,7 +2459,7 @@ const AGENTKIT_TRANSCRIPT_SCROLL_KEYS = new Set([
|
|
|
2405
2459
|
export function isAgentKitTranscriptNearBottom(element, threshold = AGENTKIT_TRANSCRIPT_BOTTOM_THRESHOLD) {
|
|
2406
2460
|
return (element.scrollHeight - element.clientHeight - element.scrollTop <= threshold);
|
|
2407
2461
|
}
|
|
2408
|
-
export function AgentKitChat({ title, toolbar, composer = true, composerProps, hasRenderedMessages = false, emptyComposerPlacement = "center", autoScroll = true, className, }) {
|
|
2462
|
+
export function AgentKitChat({ title, toolbar, composer = true, composerProps, hasRenderedMessages = false, emptyComposerPlacement = "center", autoScroll = true, transcriptLayout, className, }) {
|
|
2409
2463
|
const { threadId, slots, registry, labels, onThreadForked } = useAgentKit();
|
|
2410
2464
|
const connection = useAgentConnection();
|
|
2411
2465
|
const uploadsCapability = useAgentCapability("uploads");
|
|
@@ -2909,7 +2963,7 @@ export function AgentKitChat({ title, toolbar, composer = true, composerProps, h
|
|
|
2909
2963
|
for (const runId of tailsAtEnd) {
|
|
2910
2964
|
transcriptItems.push(...renderRunTail(runId));
|
|
2911
2965
|
}
|
|
2912
|
-
return (_jsx(AgentMessageEditContext.Provider, { value: messageEditContext, children: _jsxs("section", { "aria-label": typeof title === "string" ? title : labels.conversation, className: `agentkit-chat ${className ?? ""}`, "data-empty": !hasConversation, "data-empty-composer-placement": hasConversation ? "bottom" : emptyComposerPlacement, onDragEnter: handleFileDragEnter, onDragOver: handleFileDragOver, onDragLeave: handleFileDragLeave, onDropCapture: handleFileDropCapture, onDrop: handleFileDrop, children: [fileDragActive ? (_jsx("div", { className: "agentkit-file-drop-overlay", role: "status", children: labels.dropFilesToAttach })) : null, hasConversation && (title || toolbar) ? (_jsx(AgentKitSurfaceBoundary, { surface: "header", resetKey: threadId, children: _jsx(AgentKitRegionSlot, { slot: Header, threadId: threadId, children: _jsxs("header", { className: "agentkit-chat-header", children: [_jsx("div", { className: "agentkit-chat-title", children: title }), _jsx(AgentKitRegionSlot, { slot: Toolbar, threadId: threadId, children: _jsx("div", { className: "agentkit-chat-toolbar", children: toolbar }) })] }) }) })) : null, _jsxs("div", { ref: transcriptRef, className: "agentkit-transcript", "aria-live": "off", "data-scrollbar-visible": transcriptScrollbarVisible, onKeyDown: handleTranscriptKeyDown, onPointerDown: handleTranscriptPointerDown, onScroll: handleTranscriptScroll, onTouchMove: revealTranscriptScrollbar, onWheel: revealTranscriptScrollbar, children: [_jsx("div", { ref: transcriptContentRef, className: "agentkit-transcript-content", children: _jsxs(AgentKitRegionSlot, { slot: Transcript, threadId: threadId, children: [!hasConversation && EmptyState ? (_jsx(EmptyState, { threadId: threadId })) : null, transcriptItems, approvalEntries.map(([approvalId, request]) => (_jsx(AgentKitSurfaceBoundary, { surface: "approval", resetKey: `${approvalId}:${thread.events.length}`, children: Approval ? (_jsx(Approval, { value: request, threadId: threadId, runId: thread.approvalRunIds[approvalId] ?? "" })) : (_jsx(AgentApprovalPrompt, { request: request, runId: thread.approvalRunIds[approvalId] ?? "" })) }, `${threadId}:${approvalId}`))), connectionRequestEntries.map(([requestId, request]) => (_jsx(AgentKitSurfaceBoundary, { surface: "connection-request", resetKey: `${requestId}:${request.status}`, children: ConnectionRequest ? (_jsx(ConnectionRequest, { value: request, threadId: threadId, runId: thread.connectionRequestRunIds[requestId] ?? "" })) : (_jsx(AgentConnectionRequestCard, { request: request, runId: thread.connectionRequestRunIds[requestId] ?? "" })) }, `${threadId}:${requestId}`))), connectionError ? (_jsx(AgentKitSurfaceBoundary, { surface: "connection-error", resetKey: `${threadId}:${connectionError.code}`, children: _jsx(ErrorState, { error: connectionError, threadId: threadId, recover: recovery.execute, recovering: recovery.pending, recoveryError: recovery.error }) })) : null] }) }), transcriptAwayFromBottom ? (_jsx("div", { className: "agentkit-scroll-to-bottom-control", children: _jsx(IconButton, { label: labels.scrollToBottom, icon: _jsx(IconArrowDown, { "aria-hidden": "true" }), size: "compact", onPress: returnTranscriptToBottom }) })) : null] }), composer ? (_jsx("footer", { className: "agentkit-chat-footer", children: _jsx(AgentKitSurfaceBoundary, { surface: "composer", resetKey: threadId, children: _jsx(AgentKitRegionSlot, { slot: Footer, threadId: threadId, children: slots.composer ? (_jsx(Composer, { threadId: threadId })) : (_jsx(AgentKitComposer, { ...composerProps, threadId: threadId })) }) }) })) : null] }) }));
|
|
2966
|
+
return (_jsx(AgentMessageEditContext.Provider, { value: messageEditContext, children: _jsxs("section", { "aria-label": typeof title === "string" ? title : labels.conversation, className: `agentkit-chat ${className ?? ""}`, "data-empty": !hasConversation, "data-empty-composer-placement": hasConversation ? "bottom" : emptyComposerPlacement, onDragEnter: handleFileDragEnter, onDragOver: handleFileDragOver, onDragLeave: handleFileDragLeave, onDropCapture: handleFileDropCapture, onDrop: handleFileDrop, children: [fileDragActive ? (_jsx("div", { className: "agentkit-file-drop-overlay", role: "status", children: labels.dropFilesToAttach })) : null, hasConversation && (title || toolbar) ? (_jsx(AgentKitSurfaceBoundary, { surface: "header", resetKey: threadId, children: _jsx(AgentKitRegionSlot, { slot: Header, threadId: threadId, children: _jsxs("header", { className: "agentkit-chat-header", children: [_jsx("div", { className: "agentkit-chat-title", children: title }), _jsx(AgentKitRegionSlot, { slot: Toolbar, threadId: threadId, children: _jsx("div", { className: "agentkit-chat-toolbar", children: toolbar }) })] }) }) })) : null, _jsxs("div", { ref: transcriptRef, className: "agentkit-transcript", "aria-live": "off", "data-scrollbar-visible": transcriptScrollbarVisible, onKeyDown: handleTranscriptKeyDown, onPointerDown: handleTranscriptPointerDown, onScroll: handleTranscriptScroll, onTouchMove: revealTranscriptScrollbar, onWheel: revealTranscriptScrollbar, children: [_jsx("div", { ref: transcriptContentRef, className: "agentkit-transcript-content", style: transcriptContentStyle(transcriptLayout), children: _jsxs(AgentKitRegionSlot, { slot: Transcript, threadId: threadId, children: [!hasConversation && EmptyState ? (_jsx(EmptyState, { threadId: threadId })) : null, _jsx(AgentKitPostWidgetTextContext.Provider, { value: transcriptLayout?.postWidgetText, children: transcriptItems }), approvalEntries.map(([approvalId, request]) => (_jsx(AgentKitSurfaceBoundary, { surface: "approval", resetKey: `${approvalId}:${thread.events.length}`, children: Approval ? (_jsx(Approval, { value: request, threadId: threadId, runId: thread.approvalRunIds[approvalId] ?? "" })) : (_jsx(AgentApprovalPrompt, { request: request, runId: thread.approvalRunIds[approvalId] ?? "" })) }, `${threadId}:${approvalId}`))), connectionRequestEntries.map(([requestId, request]) => (_jsx(AgentKitSurfaceBoundary, { surface: "connection-request", resetKey: `${requestId}:${request.status}`, children: ConnectionRequest ? (_jsx(ConnectionRequest, { value: request, threadId: threadId, runId: thread.connectionRequestRunIds[requestId] ?? "" })) : (_jsx(AgentConnectionRequestCard, { request: request, runId: thread.connectionRequestRunIds[requestId] ?? "" })) }, `${threadId}:${requestId}`))), connectionError ? (_jsx(AgentKitSurfaceBoundary, { surface: "connection-error", resetKey: `${threadId}:${connectionError.code}`, children: _jsx(ErrorState, { error: connectionError, threadId: threadId, recover: recovery.execute, recovering: recovery.pending, recoveryError: recovery.error }) })) : null] }) }), transcriptAwayFromBottom ? (_jsx("div", { className: "agentkit-scroll-to-bottom-control", children: _jsx(IconButton, { label: labels.scrollToBottom, icon: _jsx(IconArrowDown, { "aria-hidden": "true" }), size: "compact", onPress: returnTranscriptToBottom }) })) : null] }), composer ? (_jsx("footer", { className: "agentkit-chat-footer", children: _jsx(AgentKitSurfaceBoundary, { surface: "composer", resetKey: threadId, children: _jsx(AgentKitRegionSlot, { slot: Footer, threadId: threadId, children: slots.composer ? (_jsx(Composer, { threadId: threadId })) : (_jsx(AgentKitComposer, { ...composerProps, threadId: threadId })) }) }) })) : null] }) }));
|
|
2913
2967
|
}
|
|
2914
2968
|
export { useAgentKitStopButton } from "./stop-button.js";
|
|
2915
2969
|
//# sourceMappingURL=components.js.map
|