@agent-native/toolkit 0.201.1 → 0.201.2-nightly-20261006010750
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/dist/app/agentkit/react/components.d.ts.map +1 -1
- package/dist/app/agentkit/react/components.js +292 -23
- package/dist/app/agentkit/react/components.js.map +1 -1
- package/dist/app/agentkit/react/context.d.ts +5 -0
- package/dist/app/agentkit/react/context.d.ts.map +1 -1
- package/dist/app/agentkit/react/context.js +5 -0
- package/dist/app/agentkit/react/context.js.map +1 -1
- package/dist/app/agentkit/react/styles.css +74 -2
- package/dist/app/chat/AgentKitAssistantChat.d.ts.map +1 -1
- package/dist/app/chat/AgentKitAssistantChat.js +5 -0
- package/dist/app/chat/AgentKitAssistantChat.js.map +1 -1
- package/dist/app/i18n/catalogs/ar-SA.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/ar-SA.js +3 -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 +3 -0
- package/dist/app/i18n/catalogs/de-DE.js.map +1 -1
- package/dist/app/i18n/catalogs/en-US.d.ts +3 -0
- package/dist/app/i18n/catalogs/en-US.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/en-US.js +3 -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 +3 -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 +3 -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 +3 -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 +3 -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 +3 -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 +3 -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 +3 -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 +3 -0
- package/dist/app/i18n/catalogs/zh-TW.js.map +1 -1
- package/dist/composer/AgentSuggestionBar.d.ts +1 -1
- package/dist/composer/AgentSuggestionBar.d.ts.map +1 -1
- package/dist/composer/AgentSuggestionBar.js +75 -6
- package/dist/composer/AgentSuggestionBar.js.map +1 -1
- package/package.json +4 -4
- package/src/app/agentkit/react/components.tsx +492 -60
- package/src/app/agentkit/react/context.tsx +10 -0
- package/src/app/agentkit/react/lifecycle.spec.tsx +487 -1
- package/src/app/agentkit/react/styles.css +74 -2
- package/src/app/chat/AgentKitAssistantChat.tsx +5 -0
- package/src/app/i18n/catalogs/ar-SA.ts +3 -0
- package/src/app/i18n/catalogs/de-DE.ts +3 -0
- package/src/app/i18n/catalogs/en-US.ts +3 -0
- package/src/app/i18n/catalogs/es-ES.ts +3 -0
- package/src/app/i18n/catalogs/fr-FR.ts +3 -0
- package/src/app/i18n/catalogs/hi-IN.ts +3 -0
- package/src/app/i18n/catalogs/ja-JP.ts +3 -0
- package/src/app/i18n/catalogs/ko-KR.ts +3 -0
- package/src/app/i18n/catalogs/pt-BR.ts +3 -0
- package/src/app/i18n/catalogs/zh-CN.ts +3 -0
- package/src/app/i18n/catalogs/zh-TW.ts +3 -0
- package/src/composer/AgentSuggestionBar.overflow.spec.tsx +277 -0
- package/src/composer/AgentSuggestionBar.tsx +113 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../../src/app/agentkit/react/components.tsx"],"names":[],"mappings":"AAuCA,OAAO,EAEL,SAAS,EAUT,KAAK,SAAS,EAKd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EAUL,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EAG1B,MAAM,sBAAsB,CAAC;AAO9B,OAAO,EAGL,KAAK,0BAA0B,EAChC,MAAM,0BAA0B,CAAC;AAClC,YAAY,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAU3E,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAE3B,KAAK,UAAU,EACf,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EAErB,KAAK,SAAS,EAGd,KAAK,WAAW,EAChB,KAAK,KAAK,EACX,MAAM,iCAAiC,CAAC;AAEzC,OAAO,
|
|
1
|
+
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../../src/app/agentkit/react/components.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ import { createAgentKitComposerSubmission, snapshotComposerValue, } from "./comp
|
|
|
9
9
|
import { splitAgentKitMessageContext } from "@agent-native/agentkit";
|
|
10
10
|
import { AgentKitCapabilityError, hasActiveAgentRuns, isCurrentAgentSuggestion, selectAgentSuggestions, } from "@agent-native/agentkit/client";
|
|
11
11
|
import { inferAgentActivityKind, } from "@agent-native/agentkit/protocol";
|
|
12
|
-
import { useAgentCapability, useAgentConnection, useAgentKit, useAgentKitControl, useAgentKitMutation, useAgentThread, } from "./context.js";
|
|
12
|
+
import { defaultAgentKitLabels, useAgentCapability, useAgentConnection, useAgentKit, useAgentKitControl, useAgentKitMutation, useAgentThread, } from "./context.js";
|
|
13
13
|
import { AgentStreamingText } from "./streaming-text.js";
|
|
14
14
|
/** Isolates custom renderers so one extension cannot take down the chat. */
|
|
15
15
|
export class AgentKitErrorBoundary extends Component {
|
|
@@ -221,15 +221,236 @@ function interactionIcon(kind) {
|
|
|
221
221
|
}
|
|
222
222
|
}
|
|
223
223
|
export function AgentObjectReferenceView({ value: object, }) {
|
|
224
|
-
const { onOpenObject } = useAgentKit();
|
|
225
|
-
const
|
|
224
|
+
const { onOpenObject, labels } = useAgentKit();
|
|
225
|
+
const thread = useAgentThread();
|
|
226
|
+
const content = (_jsxs(_Fragment, { children: [_jsx("span", { className: "agentkit-object-label", children: resolveObjectLabel(object, thread, labels.assistant) }), typeof object.metadata?.added === "number" ? (_jsxs("span", { className: "agentkit-diff-added", children: ["+", object.metadata.added] })) : null, typeof object.metadata?.removed === "number" ? (_jsxs("span", { className: "agentkit-diff-removed", children: ["\u2212", object.metadata.removed] })) : null] }));
|
|
226
227
|
return onOpenObject ? (_jsx("button", { type: "button", className: "agentkit-object", onClick: () => onOpenObject(object), children: content })) : (_jsx("span", { className: "agentkit-object", children: content }));
|
|
227
228
|
}
|
|
228
229
|
export function AgentParticipantView({ value: agent, }) {
|
|
229
|
-
|
|
230
|
+
const { labels } = useAgentKit();
|
|
231
|
+
const thread = useAgentThread();
|
|
232
|
+
return (_jsx(AgentIdentityChip, { id: agent.id, name: resolveAgentName(thread, agent.id, [agent.origin], labels.assistant, agent.name), fallbackName: labels.assistant, kind: agent.kind, status: agent.status }));
|
|
233
|
+
}
|
|
234
|
+
const UUID_PATTERN = /(^|[^0-9a-f])([0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12})(?=$|[^0-9a-f])/gi;
|
|
235
|
+
const ACTIVITY_TOOL_VALUE_LIMIT = 2_000;
|
|
236
|
+
const ACTIVITY_TOOL_NODE_LIMIT = 160;
|
|
237
|
+
const ACTIVITY_TOOL_DEPTH_LIMIT = 8;
|
|
238
|
+
function isUuid(value) {
|
|
239
|
+
if (value.length > 64)
|
|
240
|
+
return false;
|
|
241
|
+
return /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(value.trim());
|
|
242
|
+
}
|
|
243
|
+
function hideUuids(value) {
|
|
244
|
+
return value.replace(UUID_PATTERN, "$1");
|
|
245
|
+
}
|
|
246
|
+
function readableText(value) {
|
|
247
|
+
if (!value)
|
|
248
|
+
return "";
|
|
249
|
+
return hideUuids(value)
|
|
250
|
+
.replace(/\s+/g, " ")
|
|
251
|
+
.replace(/\s+([,.;:!?])/g, "$1")
|
|
252
|
+
.replace(/[,.;:!?]\s*$/g, "")
|
|
253
|
+
.trim();
|
|
254
|
+
}
|
|
255
|
+
function humanizeAgentKind(kind) {
|
|
256
|
+
const readableKind = readableText(kind.replace(/^agent-native\//i, "").replace(/^mcp__/i, ""));
|
|
257
|
+
if (!readableKind)
|
|
258
|
+
return "";
|
|
259
|
+
return readableKind
|
|
260
|
+
.replace(/[._-]+/g, " ")
|
|
261
|
+
.replace(/\b\w/g, (character) => character.toUpperCase());
|
|
262
|
+
}
|
|
263
|
+
function humanizeAgentLabel(value) {
|
|
264
|
+
const label = readableText(value);
|
|
265
|
+
if (!label)
|
|
266
|
+
return "";
|
|
267
|
+
if (label.toLowerCase() === "agent-native")
|
|
268
|
+
return "Agent-Native";
|
|
269
|
+
return /\s/.test(label) ? label : humanizeAgentKind(label);
|
|
270
|
+
}
|
|
271
|
+
function resolveAgentName(thread, agentId, references, fallback, preferredName) {
|
|
272
|
+
const participant = agentId ? thread.agents[agentId] : undefined;
|
|
273
|
+
const names = [
|
|
274
|
+
preferredName,
|
|
275
|
+
participant?.name,
|
|
276
|
+
participant?.origin?.label,
|
|
277
|
+
...references
|
|
278
|
+
.filter((reference) => reference?.kind === "agent" && reference.id === agentId)
|
|
279
|
+
.map((reference) => reference?.label),
|
|
280
|
+
participant?.description,
|
|
281
|
+
];
|
|
282
|
+
for (const name of names) {
|
|
283
|
+
const label = name ? humanizeAgentLabel(name) : "";
|
|
284
|
+
if (label)
|
|
285
|
+
return label;
|
|
286
|
+
}
|
|
287
|
+
return fallback;
|
|
288
|
+
}
|
|
289
|
+
function resolveObjectLabel(object, thread, fallback) {
|
|
290
|
+
if (object.kind === "agent") {
|
|
291
|
+
return resolveAgentName(thread, object.id, [object], fallback);
|
|
292
|
+
}
|
|
293
|
+
if (object.kind === "task") {
|
|
294
|
+
const title = humanizeAgentLabel(thread.tasks[object.id]?.title ?? "");
|
|
295
|
+
if (title)
|
|
296
|
+
return title;
|
|
297
|
+
}
|
|
298
|
+
return (humanizeAgentLabel(object.label) ||
|
|
299
|
+
humanizeAgentKind(object.kind) ||
|
|
300
|
+
fallback);
|
|
230
301
|
}
|
|
231
|
-
function
|
|
232
|
-
|
|
302
|
+
function sourceObjectUnlessRepresented(source, displayedAgentIds) {
|
|
303
|
+
if (source?.kind === "agent" && displayedAgentIds.includes(source.id)) {
|
|
304
|
+
return undefined;
|
|
305
|
+
}
|
|
306
|
+
return source;
|
|
307
|
+
}
|
|
308
|
+
function resolveActivityValueLabels(labels = {}) {
|
|
309
|
+
return {
|
|
310
|
+
activityValueIdentifierHidden: labels.activityValueIdentifierHidden ??
|
|
311
|
+
defaultAgentKitLabels.activityValueIdentifierHidden,
|
|
312
|
+
activityValueOmitted: labels.activityValueOmitted ??
|
|
313
|
+
defaultAgentKitLabels.activityValueOmitted,
|
|
314
|
+
activityValueCircular: labels.activityValueCircular ??
|
|
315
|
+
defaultAgentKitLabels.activityValueCircular,
|
|
316
|
+
};
|
|
317
|
+
}
|
|
318
|
+
function activityToolValue(value, budget, labels, depth = 0) {
|
|
319
|
+
if (budget.nodes >= ACTIVITY_TOOL_NODE_LIMIT) {
|
|
320
|
+
budget.truncated = true;
|
|
321
|
+
return undefined;
|
|
322
|
+
}
|
|
323
|
+
budget.nodes++;
|
|
324
|
+
if (depth > ACTIVITY_TOOL_DEPTH_LIMIT) {
|
|
325
|
+
budget.truncated = true;
|
|
326
|
+
return labels.activityValueOmitted;
|
|
327
|
+
}
|
|
328
|
+
if (typeof value === "string") {
|
|
329
|
+
if (isUuid(value))
|
|
330
|
+
return labels.activityValueIdentifierHidden;
|
|
331
|
+
const sourceLimit = budget.remainingCharacters + 36;
|
|
332
|
+
let text = hideUuids(value.slice(0, sourceLimit));
|
|
333
|
+
if (value.length > sourceLimit) {
|
|
334
|
+
text = text.slice(0, Math.max(0, text.length - 36));
|
|
335
|
+
budget.truncated = true;
|
|
336
|
+
}
|
|
337
|
+
const safeText = text.slice(0, budget.remainingCharacters);
|
|
338
|
+
budget.remainingCharacters -= safeText.length;
|
|
339
|
+
if (text.length > safeText.length)
|
|
340
|
+
budget.truncated = true;
|
|
341
|
+
if (text.length > 0 && safeText.length === 0) {
|
|
342
|
+
return labels.activityValueOmitted;
|
|
343
|
+
}
|
|
344
|
+
return safeText;
|
|
345
|
+
}
|
|
346
|
+
if (value && typeof value === "object") {
|
|
347
|
+
if (budget.ancestors.has(value)) {
|
|
348
|
+
budget.truncated = true;
|
|
349
|
+
return labels.activityValueCircular;
|
|
350
|
+
}
|
|
351
|
+
budget.ancestors.add(value);
|
|
352
|
+
if (Array.isArray(value)) {
|
|
353
|
+
const items = [];
|
|
354
|
+
let visited = 0;
|
|
355
|
+
for (let index = 0; index < value.length; index++) {
|
|
356
|
+
if (budget.nodes >= ACTIVITY_TOOL_NODE_LIMIT)
|
|
357
|
+
break;
|
|
358
|
+
budget.nodes++;
|
|
359
|
+
visited++;
|
|
360
|
+
const descriptor = Object.getOwnPropertyDescriptor(value, String(index));
|
|
361
|
+
if (!descriptor || !("value" in descriptor))
|
|
362
|
+
continue;
|
|
363
|
+
const safeValue = activityToolValue(descriptor.value, budget, labels, depth + 1);
|
|
364
|
+
if (safeValue !== undefined)
|
|
365
|
+
items.push(safeValue);
|
|
366
|
+
}
|
|
367
|
+
if (visited < value.length) {
|
|
368
|
+
budget.truncated = true;
|
|
369
|
+
items.push(labels.activityValueOmitted);
|
|
370
|
+
}
|
|
371
|
+
budget.ancestors.delete(value);
|
|
372
|
+
return items.length ? items : undefined;
|
|
373
|
+
}
|
|
374
|
+
const result = Object.create(null);
|
|
375
|
+
let included = 0;
|
|
376
|
+
for (const key in value) {
|
|
377
|
+
if (budget.nodes >= ACTIVITY_TOOL_NODE_LIMIT) {
|
|
378
|
+
budget.truncated = true;
|
|
379
|
+
break;
|
|
380
|
+
}
|
|
381
|
+
budget.nodes++;
|
|
382
|
+
if (!Object.hasOwn(value, key) || isUuid(key))
|
|
383
|
+
continue;
|
|
384
|
+
const descriptor = Object.getOwnPropertyDescriptor(value, key);
|
|
385
|
+
if (!descriptor || !("value" in descriptor))
|
|
386
|
+
continue;
|
|
387
|
+
const keyLimit = budget.remainingCharacters + 36;
|
|
388
|
+
let safeKey = hideUuids(key.slice(0, keyLimit));
|
|
389
|
+
if (key.length > keyLimit) {
|
|
390
|
+
safeKey = safeKey.slice(0, Math.max(0, safeKey.length - 36));
|
|
391
|
+
budget.truncated = true;
|
|
392
|
+
}
|
|
393
|
+
const boundedKey = safeKey.slice(0, budget.remainingCharacters);
|
|
394
|
+
if (safeKey.length > boundedKey.length)
|
|
395
|
+
budget.truncated = true;
|
|
396
|
+
safeKey = boundedKey;
|
|
397
|
+
if (!safeKey.trim())
|
|
398
|
+
continue;
|
|
399
|
+
budget.remainingCharacters -= safeKey.length;
|
|
400
|
+
const safeValue = activityToolValue(descriptor.value, budget, labels, depth + 1);
|
|
401
|
+
if (safeValue === undefined)
|
|
402
|
+
continue;
|
|
403
|
+
result[safeKey] = safeValue;
|
|
404
|
+
included++;
|
|
405
|
+
}
|
|
406
|
+
budget.ancestors.delete(value);
|
|
407
|
+
return included ? result : undefined;
|
|
408
|
+
}
|
|
409
|
+
return value;
|
|
410
|
+
}
|
|
411
|
+
function createActivityToolValueBudget() {
|
|
412
|
+
return {
|
|
413
|
+
nodes: 0,
|
|
414
|
+
remainingCharacters: ACTIVITY_TOOL_VALUE_LIMIT - 64,
|
|
415
|
+
ancestors: new WeakSet(),
|
|
416
|
+
truncated: false,
|
|
417
|
+
};
|
|
418
|
+
}
|
|
419
|
+
function formatActivityText(value, labels = {}) {
|
|
420
|
+
const budget = createActivityToolValueBudget();
|
|
421
|
+
const safeValue = activityToolValue(value, budget, resolveActivityValueLabels(labels));
|
|
422
|
+
if (typeof safeValue !== "string")
|
|
423
|
+
return "";
|
|
424
|
+
return budget.truncated ? `${safeValue}…` : safeValue;
|
|
425
|
+
}
|
|
426
|
+
function formatActivityToolValue(value, labels = {}) {
|
|
427
|
+
const budget = createActivityToolValueBudget();
|
|
428
|
+
const valueLabels = resolveActivityValueLabels(labels);
|
|
429
|
+
const safeValue = activityToolValue(value, budget, valueLabels);
|
|
430
|
+
if (safeValue === undefined) {
|
|
431
|
+
return budget.truncated ? valueLabels.activityValueOmitted : undefined;
|
|
432
|
+
}
|
|
433
|
+
const formatted = formatToolDiagnostic(safeValue);
|
|
434
|
+
if (!formatted?.trim()) {
|
|
435
|
+
return budget.truncated ? valueLabels.activityValueOmitted : undefined;
|
|
436
|
+
}
|
|
437
|
+
if (!budget.truncated && formatted.length <= ACTIVITY_TOOL_VALUE_LIMIT) {
|
|
438
|
+
return formatted;
|
|
439
|
+
}
|
|
440
|
+
const omissionMarker = `\n${valueLabels.activityValueOmitted}`;
|
|
441
|
+
const contentLimit = Math.max(0, ACTIVITY_TOOL_VALUE_LIMIT - omissionMarker.length - 1);
|
|
442
|
+
return `${formatted.slice(0, contentLimit).trimEnd()}…${omissionMarker}`;
|
|
443
|
+
}
|
|
444
|
+
function activityLabel(activity, workingLabel) {
|
|
445
|
+
const label = readableText(activity.label);
|
|
446
|
+
if (label.toLowerCase() === "processing")
|
|
447
|
+
return workingLabel;
|
|
448
|
+
return (humanizeAgentLabel(label) ||
|
|
449
|
+
humanizeAgentKind(activity.kind) ||
|
|
450
|
+
workingLabel);
|
|
451
|
+
}
|
|
452
|
+
function AgentIdentityChip({ id, name, fallbackName = "Agent", kind, status, }) {
|
|
453
|
+
return (_jsx("span", { className: "agentkit-agent", "data-agent-id": id, "data-agent-kind": kind, "data-status": status, children: _jsx("span", { className: "agentkit-agent-name", children: readableText(name) || fallbackName }) }));
|
|
233
454
|
}
|
|
234
455
|
function defaultInteractionLabel(interaction, labels) {
|
|
235
456
|
if (interaction.label)
|
|
@@ -252,7 +473,7 @@ function defaultInteractionLabel(interaction, labels) {
|
|
|
252
473
|
case "closed":
|
|
253
474
|
return labels.agentClosed;
|
|
254
475
|
default:
|
|
255
|
-
return interaction.kind;
|
|
476
|
+
return humanizeAgentKind(interaction.kind) || labels.working;
|
|
256
477
|
}
|
|
257
478
|
}
|
|
258
479
|
export function AgentInteractionItem({ value: interaction, threadId, }) {
|
|
@@ -273,22 +494,55 @@ export function AgentInteractionItem({ value: interaction, threadId, }) {
|
|
|
273
494
|
AgentParticipantView)
|
|
274
495
|
: undefined;
|
|
275
496
|
const ObjectRenderer = slots.object ?? AgentObjectReferenceView;
|
|
276
|
-
const
|
|
277
|
-
|
|
497
|
+
const agentName = resolveAgentName(thread, interaction.agentId, [interaction.source], labels.assistant);
|
|
498
|
+
const targetName = resolveAgentName(thread, interaction.targetAgentId, [interaction.object], labels.assistant);
|
|
499
|
+
const object = interaction.object ??
|
|
500
|
+
sourceObjectUnlessRepresented(interaction.source, [
|
|
501
|
+
interaction.agentId,
|
|
502
|
+
interaction.targetAgentId,
|
|
503
|
+
]);
|
|
504
|
+
const label = readableText(interaction.label);
|
|
505
|
+
const visibleLabel = humanizeAgentLabel(label) ||
|
|
506
|
+
defaultInteractionLabel({ ...interaction, label: undefined }, labels);
|
|
507
|
+
const detail = readableText(interaction.detail);
|
|
508
|
+
return (_jsxs("div", { className: "agentkit-agent-interaction", "data-kind": interaction.kind, "data-scope": interaction.scope, children: [interactionIcon(interaction.kind), agent && AgentRenderer ? (_jsx(AgentRenderer, { value: agent, threadId: threadId })) : (_jsx(AgentIdentityChip, { id: interaction.agentId, name: agentName, fallbackName: labels.assistant })), _jsx("span", { className: "agentkit-agent-interaction-label", children: visibleLabel }), target && TargetRenderer ? (_jsx(TargetRenderer, { value: target, threadId: threadId })) : interaction.targetAgentId ? (_jsx(AgentIdentityChip, { id: interaction.targetAgentId, name: targetName, fallbackName: labels.assistant })) : null, object ? (_jsx(ObjectRenderer, { value: object, threadId: threadId })) : detail ? (_jsx("span", { className: "agentkit-agent-interaction-detail", title: detail, children: detail })) : null] }));
|
|
278
509
|
}
|
|
279
510
|
export function AgentActivityItem({ value: activity, threadId, }) {
|
|
280
511
|
const { slots, registry, labels } = useAgentKit();
|
|
281
512
|
const thread = useAgentThread();
|
|
282
513
|
const [open, setOpen] = useState(false);
|
|
283
|
-
const expandable = Boolean(activity.summary?.length);
|
|
284
514
|
const agent = activity.agentId ? thread.agents[activity.agentId] : undefined;
|
|
515
|
+
const agentName = resolveAgentName(thread, activity.agentId, [activity.source, activity.object], labels.assistant);
|
|
516
|
+
const tool = thread.tools[activity.id];
|
|
517
|
+
const toolInput = tool
|
|
518
|
+
? formatActivityToolValue(tool.input, labels)
|
|
519
|
+
: undefined;
|
|
520
|
+
const toolResult = tool
|
|
521
|
+
? formatActivityToolValue(tool.output, labels)
|
|
522
|
+
: undefined;
|
|
523
|
+
const toolInputLabel = labels.toolInput ?? defaultAgentKitLabels.toolInput;
|
|
524
|
+
const toolResultLabel = labels.toolResult ?? defaultAgentKitLabels.toolResult;
|
|
525
|
+
const expandable = Boolean(activity.summary?.length || toolInput || toolResult);
|
|
285
526
|
const AgentRenderer = agent
|
|
286
527
|
? (registry.agents?.[agent.kind ?? ""] ??
|
|
287
528
|
slots.agent ??
|
|
288
529
|
AgentParticipantView)
|
|
289
530
|
: undefined;
|
|
290
531
|
const ObjectRenderer = slots.object ?? AgentObjectReferenceView;
|
|
291
|
-
|
|
532
|
+
const object = activity.object ??
|
|
533
|
+
sourceObjectUnlessRepresented(activity.source, [activity.agentId]);
|
|
534
|
+
const detail = tool ? "" : readableText(activity.detail);
|
|
535
|
+
return (_jsxs("div", { className: "agentkit-activity-item", "data-activity-kind": activity.kind, "data-status": activity.status, children: [_jsxs("div", { className: "agentkit-activity-row", children: [_jsx(ActivitySourceIcon, { activity: activity, threadId: threadId }), agent && AgentRenderer ? (_jsx(AgentRenderer, { value: agent, threadId: threadId })) : activity.agentId ? (_jsx(AgentIdentityChip, { id: activity.agentId, name: agentName, fallbackName: labels.assistant })) : null, _jsx("span", { className: "agentkit-activity-label", children: activityLabel(activity, labels.working) }), object ? _jsx(ObjectRenderer, { value: object, threadId: threadId }) : null, detail ? (_jsx("span", { className: "agentkit-activity-detail", title: detail, children: detail })) : null, expandable ? (_jsx("button", { type: "button", className: "agentkit-activity-disclosure", "aria-expanded": open, "aria-label": open ? labels.collapseActivity : labels.expandActivity, onClick: () => setOpen((current) => !current), children: _jsx(IconChevronRight, { "aria-hidden": "true", className: "agentkit-icon agentkit-disclosure-icon", "data-open": open ? "true" : "false" }) })) : null] }), open ? (_jsxs("div", { className: "agentkit-activity-summary", children: [activity.summary?.map((part, index) => {
|
|
536
|
+
const safePart = part.type === "text"
|
|
537
|
+
? {
|
|
538
|
+
...part,
|
|
539
|
+
text: part.text.trim()
|
|
540
|
+
? formatActivityText(part.text, labels)
|
|
541
|
+
: "",
|
|
542
|
+
}
|
|
543
|
+
: part;
|
|
544
|
+
return safePart.type === "text" && !safePart.text ? null : (_jsx(AgentMessagePartView, { value: safePart, threadId: threadId }, `${activity.id}-summary-${index}`));
|
|
545
|
+
}), toolInput ? (_jsxs("div", { className: "agentkit-activity-summary-section", children: [_jsx("div", { className: "agentkit-activity-summary-label", children: toolInputLabel }), _jsx("pre", { role: "region", "aria-label": toolInputLabel, tabIndex: 0, className: "agentkit-activity-summary-value", children: toolInput })] })) : null, toolResult ? (_jsxs("div", { className: "agentkit-activity-summary-section", children: [_jsx("div", { className: "agentkit-activity-summary-label", children: toolResultLabel }), _jsx("pre", { role: "region", "aria-label": toolResultLabel, tabIndex: 0, className: "agentkit-activity-summary-value", children: toolResult })] })) : null] })) : null] }));
|
|
292
546
|
}
|
|
293
547
|
function objectReferenceIdentity(object) {
|
|
294
548
|
return object
|
|
@@ -314,23 +568,26 @@ function activityClusterIdentity(activity, sourceId) {
|
|
|
314
568
|
].join("\u0001");
|
|
315
569
|
}
|
|
316
570
|
function RepeatedActivityCluster({ activities, threadId, }) {
|
|
317
|
-
const { slots, registry } = useAgentKit();
|
|
571
|
+
const { slots, registry, labels } = useAgentKit();
|
|
318
572
|
const thread = useAgentThread();
|
|
319
573
|
const [open, setOpen] = useState(false);
|
|
320
574
|
const activity = activities[0];
|
|
321
575
|
if (!activity)
|
|
322
576
|
return null;
|
|
323
577
|
const agent = activity.agentId ? thread.agents[activity.agentId] : undefined;
|
|
578
|
+
const agentName = resolveAgentName(thread, activity.agentId, [activity.source, activity.object], labels.assistant);
|
|
324
579
|
const AgentRenderer = agent
|
|
325
580
|
? (registry.agents?.[agent.kind ?? ""] ??
|
|
326
581
|
slots.agent ??
|
|
327
582
|
AgentParticipantView)
|
|
328
583
|
: undefined;
|
|
329
584
|
const ObjectRenderer = slots.object ?? AgentObjectReferenceView;
|
|
585
|
+
const object = activity.object ??
|
|
586
|
+
sourceObjectUnlessRepresented(activity.source, [activity.agentId]);
|
|
330
587
|
return (_jsxs("details", { className: "agentkit-activity-cluster", "data-activity-kind": activity.kind, open: open, children: [_jsxs("summary", { className: "agentkit-activity-row", onClick: (event) => {
|
|
331
588
|
event.preventDefault();
|
|
332
589
|
setOpen((current) => !current);
|
|
333
|
-
}, children: [_jsx(ActivitySourceIcon, { activity: activity, threadId: threadId }), agent && AgentRenderer ? (_jsx(AgentRenderer, { value: agent, threadId: threadId })) : activity.agentId ? (_jsx(AgentIdentityChip, { id: activity.agentId, name:
|
|
590
|
+
}, children: [_jsx(ActivitySourceIcon, { activity: activity, threadId: threadId }), agent && AgentRenderer ? (_jsx(AgentRenderer, { value: agent, threadId: threadId })) : activity.agentId ? (_jsx(AgentIdentityChip, { id: activity.agentId, name: agentName, fallbackName: labels.assistant })) : null, _jsx("span", { className: "agentkit-activity-label", children: activityLabel(activity, labels.working) }), object ? _jsx(ObjectRenderer, { value: object, threadId: threadId }) : null, _jsxs("span", { className: "agentkit-activity-cluster-count", children: ["\u00D7", activities.length] }), _jsx(IconChevronRight, { "aria-hidden": "true", className: "agentkit-icon agentkit-disclosure-icon", "data-open": open ? "true" : "false" })] }), _jsx("div", { className: "agentkit-activity-cluster-items", children: activities.map((item) => (_jsx(AgentActivityItem, { value: item, threadId: threadId }, item.id))) })] }));
|
|
334
591
|
}
|
|
335
592
|
function formatToolDiagnostic(value) {
|
|
336
593
|
if (value === undefined)
|
|
@@ -344,12 +601,14 @@ function formatToolDiagnostic(value) {
|
|
|
344
601
|
return String(value);
|
|
345
602
|
}
|
|
346
603
|
}
|
|
347
|
-
function toolToActivity(tool) {
|
|
604
|
+
function toolToActivity(tool, labels = {}) {
|
|
348
605
|
const failed = tool.status === "failed";
|
|
349
606
|
const errorMessage = failed
|
|
350
|
-
? ((tool.error?.message?.trim()
|
|
351
|
-
|
|
352
|
-
|
|
607
|
+
? ((tool.error?.message?.trim()
|
|
608
|
+
? formatActivityToolValue(tool.error.message, labels)
|
|
609
|
+
: undefined) ??
|
|
610
|
+
formatActivityToolValue(tool.output, labels) ??
|
|
611
|
+
formatActivityToolValue(tool.error?.details, labels))
|
|
353
612
|
: undefined;
|
|
354
613
|
return {
|
|
355
614
|
id: tool.id,
|
|
@@ -597,7 +856,7 @@ export function AgentActivityGroup({ runId, afterSequence, throughSequence, excl
|
|
|
597
856
|
toolMap.set(event.toolCall.id, tool);
|
|
598
857
|
remember(event.toolCall.id, event.sequence);
|
|
599
858
|
latestEventOrder.set(event.toolCall.id, eventOrder);
|
|
600
|
-
rememberUsefulActivity(toolToActivity(tool), event.sequence, eventOrder);
|
|
859
|
+
rememberUsefulActivity(toolToActivity(tool, labels), event.sequence, eventOrder);
|
|
601
860
|
}
|
|
602
861
|
if (event.type === "tool.delta") {
|
|
603
862
|
if (excludeAgentActivities && delegatedToolIds.has(event.toolCallId)) {
|
|
@@ -606,7 +865,7 @@ export function AgentActivityGroup({ runId, afterSequence, throughSequence, excl
|
|
|
606
865
|
const tool = thread.tools[event.toolCallId];
|
|
607
866
|
if (tool) {
|
|
608
867
|
toolMap.set(tool.id, tool);
|
|
609
|
-
rememberUsefulActivity(toolToActivity(tool), event.sequence, eventOrder);
|
|
868
|
+
rememberUsefulActivity(toolToActivity(tool, labels), event.sequence, eventOrder);
|
|
610
869
|
}
|
|
611
870
|
remember(event.toolCallId, event.sequence);
|
|
612
871
|
latestEventOrder.set(event.toolCallId, eventOrder);
|
|
@@ -623,7 +882,7 @@ export function AgentActivityGroup({ runId, afterSequence, throughSequence, excl
|
|
|
623
882
|
if (activity)
|
|
624
883
|
return [activity];
|
|
625
884
|
const tool = toolMap.get(id);
|
|
626
|
-
return tool ? [toolToActivity(tool)] : [];
|
|
885
|
+
return tool ? [toolToActivity(tool, labels)] : [];
|
|
627
886
|
});
|
|
628
887
|
const durableToolResults = items.flatMap((activity) => {
|
|
629
888
|
const tool = toolMap.get(activity.id);
|
|
@@ -698,7 +957,9 @@ export function AgentActivityGroup({ runId, afterSequence, throughSequence, excl
|
|
|
698
957
|
status: "running",
|
|
699
958
|
})
|
|
700
959
|
: undefined;
|
|
701
|
-
const currentActivityLabel = currentActivity
|
|
960
|
+
const currentActivityLabel = currentActivity
|
|
961
|
+
? activityLabel(currentActivity, labels.working)
|
|
962
|
+
: undefined;
|
|
702
963
|
const displayGroups = [];
|
|
703
964
|
const clusterIdentity = (activity) => {
|
|
704
965
|
const tool = toolMap.get(activity.id);
|
|
@@ -858,12 +1119,13 @@ export function AgentCollaborationFeed({ runId, afterSequence, throughSequence,
|
|
|
858
1119
|
}) }));
|
|
859
1120
|
}
|
|
860
1121
|
export function AgentTaskItem({ value: task, threadId, }) {
|
|
861
|
-
const { slots, registry } = useAgentKit();
|
|
1122
|
+
const { slots, registry, labels } = useAgentKit();
|
|
862
1123
|
const thread = useAgentThread();
|
|
863
1124
|
const ObjectRenderer = slots.object ?? AgentObjectReferenceView;
|
|
864
1125
|
const agent = task.assignedAgentId
|
|
865
1126
|
? thread.agents[task.assignedAgentId]
|
|
866
1127
|
: undefined;
|
|
1128
|
+
const agentName = resolveAgentName(thread, task.assignedAgentId, [task.source, task.object], labels.assistant);
|
|
867
1129
|
const AgentRenderer = agent
|
|
868
1130
|
? (registry.agents?.[agent.kind ?? ""] ??
|
|
869
1131
|
slots.agent ??
|
|
@@ -872,7 +1134,14 @@ export function AgentTaskItem({ value: task, threadId, }) {
|
|
|
872
1134
|
const progress = task.progress
|
|
873
1135
|
? `${task.progress.completed}/${task.progress.total}`
|
|
874
1136
|
: undefined;
|
|
875
|
-
|
|
1137
|
+
const title = humanizeAgentLabel(task.title) ||
|
|
1138
|
+
(task.assignedAgentId ? agentName : labels.tasks);
|
|
1139
|
+
const detail = readableText(task.detail);
|
|
1140
|
+
const object = task.object ??
|
|
1141
|
+
sourceObjectUnlessRepresented(task.source, [task.assignedAgentId]);
|
|
1142
|
+
const showAgent = task.assignedAgentId &&
|
|
1143
|
+
title.toLocaleLowerCase() !== agentName.toLocaleLowerCase();
|
|
1144
|
+
return (_jsxs("div", { className: "agentkit-task-row", "data-status": task.status, children: [_jsx(IconChecklist, { "aria-hidden": "true", className: "agentkit-icon" }), showAgent && agent && AgentRenderer ? (_jsx(AgentRenderer, { value: agent, threadId: threadId })) : showAgent && task.assignedAgentId ? (_jsx(AgentIdentityChip, { id: task.assignedAgentId, name: agentName, fallbackName: labels.assistant })) : null, _jsx("span", { className: "agentkit-task-title", children: title }), object ? _jsx(ObjectRenderer, { value: object, threadId: threadId }) : null, detail ? (_jsx("span", { className: "agentkit-task-detail", title: detail, children: detail })) : null, progress ? (_jsx("span", { className: "agentkit-task-progress", children: progress })) : null] }));
|
|
876
1145
|
}
|
|
877
1146
|
export function AgentTaskGroup({ runId, afterSequence, throughSequence, }) {
|
|
878
1147
|
const { threadId, slots, registry, labels } = useAgentKit();
|