@vertesia/ui 1.3.0 → 1.4.0-dev.20260615.042549Z

package/lib/features/agent/chat/AgentChatFixtureReplay.js

@@ -0,0 +1,125 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, cn } from '@vertesia/ui/core';
+import { useUITranslation } from '@vertesia/ui/i18n';
+import { DownloadCloudIcon, Pause, Play } from 'lucide-react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { AgentChatPlaybackControls } from './AgentChatPlaybackControls';
+import { AgentRequestInputOverlay } from './AgentRequestInputOverlay';
+import AllMessagesMixed from './ModernAgentOutput/AllMessagesMixed';
+import { getPendingRequestInputMessage } from './ModernAgentOutput/requestInputMessages';
+import { isInProgress } from './ModernAgentOutput/utils';
+import { clampPlaybackCursor, createPlaybackState, getPlaybackCursorIndex, } from './playback';
+function streamingFrameToMap(frame) {
+    if (!frame)
+        return new Map();
+    return new Map(frame.streamingMessages.map((streamingMessage, index) => [
+        streamingMessage.id ?? streamingMessage.activityId ?? `stream-${index}`,
+        streamingMessage,
+    ]));
+}
+function findStreamingFrame(frames, cursor) {
+    return frames?.find((frame) => frame.cursor === cursor);
+}
+function getNextCursor(cursor, messageCount) {
+    if (messageCount === 0)
+        return 'live';
+    if (cursor === 'live')
+        return 'live';
+    const cursorIndex = getPlaybackCursorIndex(cursor, messageCount);
+    return cursorIndex >= messageCount - 1 ? 'live' : cursorIndex + 1;
+}
+function trimHyphens(value) {
+    let start = 0;
+    let end = value.length;
+    while (start < end && value[start] === '-')
+        start++;
+    while (end > start && value[end - 1] === '-')
+        end--;
+    return value.slice(start, end);
+}
+function sanitizeFilenamePart(value) {
+    return trimHyphens(value.trim().replace(/[^a-z0-9-_]+/gi, '-')).slice(0, 80);
+}
+function downloadJsonFile(filename, payload) {
+    const blob = new Blob([JSON.stringify(payload, null, 2)], { type: 'application/json' });
+    const url = URL.createObjectURL(blob);
+    const anchor = document.createElement('a');
+    anchor.href = url;
+    anchor.download = filename;
+    document.body.appendChild(anchor);
+    anchor.click();
+    anchor.remove();
+    URL.revokeObjectURL(url);
+}
+export function AgentChatFixtureReplay({ fixture, cursor: controlledCursor, initialCursor, onCursorChange, autoStepMs, repeat = 1, viewMode: controlledViewMode, className, title, }) {
+    const { t } = useUITranslation();
+    const messages = fixture.messages;
+    const defaultCursor = initialCursor ?? (messages.length > 0 ? 0 : 'live');
+    const [internalCursor, setInternalCursor] = useState(() => clampPlaybackCursor(defaultCursor, messages.length));
+    const cursor = controlledCursor ?? internalCursor;
+    const viewMode = controlledViewMode ?? 'sliding';
+    const [isPlaying, setIsPlaying] = useState(Boolean(autoStepMs));
+    const [completedLoops, setCompletedLoops] = useState(0);
+    const bottomRef = useRef(null);
+    const playback = useMemo(() => createPlaybackState(messages, cursor, true), [cursor, messages]);
+    const displayedMessages = playback.displayedMessages;
+    const streamingMessages = useMemo(() => streamingFrameToMap(findStreamingFrame(fixture.streamingFrames, playback.cursor)), [fixture.streamingFrames, playback.cursor]);
+    const setCursor = useCallback((nextCursor) => {
+        const clampedCursor = clampPlaybackCursor(nextCursor, messages.length);
+        if (controlledCursor === undefined) {
+            setInternalCursor(clampedCursor);
+        }
+        onCursorChange?.(clampedCursor);
+    }, [controlledCursor, messages.length, onCursorChange]);
+    useEffect(() => {
+        const clampedCursor = clampPlaybackCursor(cursor, messages.length);
+        if (clampedCursor !== cursor)
+            setCursor(clampedCursor);
+    }, [cursor, messages.length, setCursor]);
+    useEffect(() => {
+        if (!autoStepMs || autoStepMs <= 0 || !isPlaying)
+            return;
+        const intervalId = window.setInterval(() => {
+            const nextCursor = getNextCursor(cursor, messages.length);
+            if (nextCursor === 'live' && cursor === 'live') {
+                setCompletedLoops((loops) => {
+                    const nextLoops = loops + 1;
+                    if (repeat > 0 && nextLoops >= repeat) {
+                        setIsPlaying(false);
+                        return nextLoops;
+                    }
+                    setCursor(messages.length > 0 ? 0 : 'live');
+                    return nextLoops;
+                });
+                return;
+            }
+            setCursor(nextCursor);
+        }, autoStepMs);
+        return () => window.clearInterval(intervalId);
+    }, [autoStepMs, cursor, isPlaying, messages.length, repeat, setCursor]);
+    const isCompleted = displayedMessages.length > 0 && !isInProgress(displayedMessages);
+    const pendingRequestInputMessage = useMemo(() => getPendingRequestInputMessage(displayedMessages), [displayedMessages]);
+    const resolvedTitle = title ?? fixture.metadata?.title ?? t('agent.rewind.fixtureTitle');
+    const downloadFixture = useCallback(() => {
+        const payload = {
+            ...fixture,
+            metadata: {
+                ...fixture.metadata,
+                title: resolvedTitle,
+                exported_at: fixture.metadata?.exported_at ?? new Date().toISOString(),
+                message_count: messages.length,
+            },
+        };
+        const runId = fixture.metadata?.agent_run_id ?? 'fixture';
+        const filename = `${sanitizeFilenamePart(resolvedTitle) || 'agent-chat'}-${sanitizeFilenamePart(runId)}.json`;
+        downloadJsonFile(filename, payload);
+    }, [fixture, messages.length, resolvedTitle]);
+    const handleReplayRequestInput = useCallback(() => {
+        setCursor(getNextCursor(playback.cursor, messages.length));
+    }, [messages.length, playback.cursor, setCursor]);
+    return (_jsxs("div", { className: cn('flex h-full min-h-0 w-full flex-col bg-background text-foreground', className), "data-agent-test-playback-enabled": true, "data-agent-playback-cursor": playback.cursor, "data-agent-live-message-count": messages.length, "data-agent-rendered-message-count": playback.renderedMessageCount, "data-agent-replay-playing": isPlaying || undefined, "data-agent-replay-loop": completedLoops, children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 border-b border-border px-3 py-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-medium", children: resolvedTitle }), _jsx("div", { className: "text-xs text-muted", children: t('agent.rewind.fixtureMeta', {
+                                    messageCount: messages.length,
+                                    loops: completedLoops,
+                                }) })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { type: "button", variant: "secondary", size: "sm", onClick: downloadFixture, children: [_jsx(DownloadCloudIcon, { className: "size-4" }), _jsx("span", { className: "ms-1.5", children: t('agent.rewind.exportFixture') })] }), autoStepMs && autoStepMs > 0 && (_jsxs(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => setIsPlaying((value) => !value), children: [isPlaying ? _jsx(Pause, { className: "size-4" }) : _jsx(Play, { className: "size-4" }), _jsx("span", { className: "ms-1.5", children: isPlaying ? t('agent.rewind.pause') : t('agent.rewind.resume') })] }))] })] }), _jsx(AgentChatPlaybackControls, { cursor: playback.cursor, messages: messages, onChangeCursor: setCursor }), _jsx(AllMessagesMixed, { messages: displayedMessages, isCompleted: isCompleted, streamingMessages: streamingMessages, bottomRef: bottomRef, artifactRunId: fixture.metadata?.agent_run_id ?? 'agent-chat-fixture', viewMode: viewMode, renderRequestInputControls: !pendingRequestInputMessage }), pendingRequestInputMessage && (_jsx(AgentRequestInputOverlay, { message: pendingRequestInputMessage, onSendMessage: handleReplayRequestInput, isLoading: false }))] }));
+}
+//# sourceMappingURL=AgentChatFixtureReplay.js.map

package/lib/features/agent/chat/AgentChatFixtureReplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentChatFixtureReplay.js","sourceRoot":"","sources":["../../../../src/features/agent/chat/AgentChatFixtureReplay.tsx"],"names":[],"mappings":"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"}

package/lib/features/agent/chat/AgentChatPlaybackControls.d.ts

@@ -0,0 +1,10 @@
+import type { AgentMessage } from '@vertesia/common';
+import { type AgentChatPlaybackCursor } from './playback';
+export interface AgentChatPlaybackControlsProps {
+    cursor: AgentChatPlaybackCursor;
+    messages: AgentMessage[];
+    onChangeCursor: (cursor: AgentChatPlaybackCursor) => void;
+    className?: string;
+}
+export declare function AgentChatPlaybackControls({ cursor, messages, onChangeCursor, className, }: AgentChatPlaybackControlsProps): import("react").JSX.Element;
+//# sourceMappingURL=AgentChatPlaybackControls.d.ts.map

package/lib/features/agent/chat/AgentChatPlaybackControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentChatPlaybackControls.d.ts","sourceRoot":"","sources":["../../../../src/features/agent/chat/AgentChatPlaybackControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD,OAAO,EAAE,KAAK,uBAAuB,EAA0B,MAAM,YAAY,CAAC;AAElF,MAAM,WAAW,8BAA8B;IAC3C,MAAM,EAAE,uBAAuB,CAAC;IAChC,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,cAAc,EAAE,CAAC,MAAM,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,yBAAyB,CAAC,EACtC,MAAM,EACN,QAAQ,EACR,cAAc,EACd,SAAS,GACZ,EAAE,8BAA8B,+BAmMhC"}

package/lib/features/agent/chat/AgentChatPlaybackControls.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, cn, Input, Slider } from '@vertesia/ui/core';
+import { useUITranslation } from '@vertesia/ui/i18n';
+import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, Radio } from 'lucide-react';
+import { useEffect, useState } from 'react';
+import { getPlaybackCursorIndex } from './playback';
+export function AgentChatPlaybackControls({ cursor, messages, onChangeCursor, className, }) {
+    const { t } = useUITranslation();
+    const messageCount = messages.length;
+    const isLive = cursor === 'live';
+    const cursorIndex = getPlaybackCursorIndex(cursor, messageCount);
+    const canStepPrevious = messageCount > 0 && (isLive || cursorIndex > 0);
+    const canStepNext = !isLive && messageCount > 0;
+    const canJumpToStart = messageCount > 0 && (isLive || cursorIndex > 0);
+    const canJumpToLatest = !isLive && messageCount > 0 && cursorIndex < messageCount - 1;
+    const currentPosition = messageCount === 0 ? 0 : cursorIndex + 1;
+    const [positionText, setPositionText] = useState(String(currentPosition));
+    useEffect(() => {
+        setPositionText(String(currentPosition));
+    }, [currentPosition]);
+    const setPreviousMessage = () => {
+        if (messageCount === 0)
+            return;
+        if (cursor === 'live') {
+            onChangeCursor(messageCount - 1);
+            return;
+        }
+        onChangeCursor(Math.max(0, cursorIndex - 1));
+    };
+    const setNextMessage = () => {
+        if (messageCount === 0 || cursor === 'live')
+            return;
+        if (cursorIndex >= messageCount - 1) {
+            onChangeCursor('live');
+            return;
+        }
+        onChangeCursor(cursorIndex + 1);
+    };
+    const jumpToStart = () => {
+        if (messageCount === 0)
+            return;
+        onChangeCursor(0);
+    };
+    const jumpToLatest = () => {
+        if (messageCount === 0)
+            return;
+        onChangeCursor(messageCount - 1);
+    };
+    const restorePositionText = () => {
+        setPositionText(String(currentPosition));
+    };
+    const commitPosition = (value, restoreInvalid = false) => {
+        if (messageCount === 0) {
+            setPositionText('0');
+            return;
+        }
+        const parsed = Number.parseInt(value, 10);
+        if (!Number.isFinite(parsed)) {
+            if (restoreInvalid)
+                restorePositionText();
+            return;
+        }
+        const nextPosition = Math.min(Math.max(parsed, 1), messageCount);
+        setPositionText(String(nextPosition));
+        onChangeCursor(nextPosition - 1);
+    };
+    const scrubToPosition = (value) => {
+        if (messageCount === 0)
+            return;
+        commitPosition(value);
+    };
+    const canScrub = messageCount > 1;
+    const sliderMin = canScrub ? 1 : 0;
+    const sliderMax = Math.max(1, messageCount);
+    const iconButtonClassName = 'size-7 rounded-lg text-muted hover:text-foreground disabled:opacity-35';
+    const positionInputWidth = `${Math.max(3, String(messageCount).length + 1)}ch`;
+    return (_jsxs("div", { className: cn('inline-flex max-w-full flex-col gap-1 rounded-xl border border-border/70 bg-background/95 px-2 py-1 text-sm leading-none text-muted shadow-lg shadow-black/10 backdrop-blur', className), "data-testid": "agent-test-playback-controls", "data-playback-cursor": cursor, "data-live-message-count": messageCount, "data-rendered-message-count": isLive ? messageCount : cursorIndex + 1, children: [_jsxs("div", { className: "flex max-w-full items-center gap-1", children: [_jsx("span", { className: "ms-2 me-1 font-medium leading-none text-foreground/80", children: t('agent.rewind.label') }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": t('agent.rewind.jumpToStart'), title: t('agent.rewind.jumpToStart'), disabled: !canJumpToStart, onClick: jumpToStart, className: iconButtonClassName, children: _jsx(ChevronsLeft, { className: "size-4" }) }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": t('agent.rewind.previousMessage'), title: t('agent.rewind.previousMessage'), disabled: !canStepPrevious, onClick: setPreviousMessage, className: iconButtonClassName, children: _jsx(ChevronLeft, { className: "size-4" }) }), _jsxs("span", { className: "inline-flex min-w-16 items-center justify-center gap-0.5 px-1 font-medium leading-none tabular-nums text-foreground/80", "data-testid": "agent-test-playback-position", children: [_jsx(Input, { type: "text", variant: "unstyled", size: "sm", clearable: false, inputMode: "numeric", pattern: "[0-9]*", value: positionText, "aria-label": t('agent.rewind.positionInput'), disabled: messageCount === 0, onChange: (value) => {
+                                    const nextValue = value.replace(/\D/g, '');
+                                    setPositionText(nextValue);
+                                }, onBlur: (event) => commitPosition(event.currentTarget.value, true), onKeyDown: (event) => {
+                                    if (event.key === 'Enter') {
+                                        commitPosition(event.currentTarget.value, true);
+                                        event.currentTarget.blur();
+                                    }
+                                }, style: { width: positionInputWidth }, className: "h-7 w-auto rounded-md border border-transparent bg-transparent px-1 text-center text-sm font-medium leading-none tabular-nums text-foreground outline-none transition-colors hover:border-border focus:border-ring focus:bg-muted/30 disabled:opacity-50" }), _jsx("span", { "aria-hidden": "true", className: "text-muted", children: "/" }), _jsx("span", { className: "text-muted", children: messageCount })] }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": t('agent.rewind.nextMessage'), title: t('agent.rewind.nextMessage'), disabled: !canStepNext, onClick: setNextMessage, className: iconButtonClassName, children: _jsx(ChevronRight, { className: "size-4" }) }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": t('agent.rewind.jumpToLatest'), title: t('agent.rewind.jumpToLatest'), disabled: !canJumpToLatest, onClick: jumpToLatest, className: iconButtonClassName, children: _jsx(ChevronsRight, { className: "size-4" }) }), _jsx(Button, { type: "button", variant: isLive ? 'secondary' : 'ghost', size: "icon", "aria-label": t('agent.rewind.jumpToLive'), title: t('agent.rewind.jumpToLive'), disabled: isLive, onClick: () => onChangeCursor('live'), className: cn(iconButtonClassName, isLive && 'bg-muted text-foreground'), children: _jsx(Radio, { className: "size-4" }) })] }), _jsx("div", { className: "px-2 pb-1", children: _jsx(Slider, { min: sliderMin, max: sliderMax, step: 1, value: [currentPosition], "aria-label": t('agent.rewind.positionInput'), disabled: !canScrub, onValueChange: ([value]) => scrubToPosition(String(value)), className: "h-2" }) })] }));
+}
+//# sourceMappingURL=AgentChatPlaybackControls.js.map

package/lib/features/agent/chat/AgentChatPlaybackControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentChatPlaybackControls.js","sourceRoot":"","sources":["../../../../src/features/agent/chat/AgentChatPlaybackControls.tsx"],"names":[],"mappings":"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"}

package/lib/features/agent/chat/AgentRequestInputOverlay.d.ts

@@ -0,0 +1,10 @@
+import { type RequestInputMessageWithUx } from './ModernAgentOutput/requestInputMessages';
+export interface AgentRequestInputOverlayProps {
+    message?: RequestInputMessageWithUx;
+    onSendMessage?: (message: string) => void;
+    isLoading?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+export declare function AgentRequestInputOverlay({ message, onSendMessage, isLoading, disabled, className, }: AgentRequestInputOverlayProps): import("react").JSX.Element | null;
+//# sourceMappingURL=AgentRequestInputOverlay.d.ts.map

package/lib/features/agent/chat/AgentRequestInputOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentRequestInputOverlay.d.ts","sourceRoot":"","sources":["../../../../src/features/agent/chat/AgentRequestInputOverlay.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,yBAAyB,EAAE,MAAM,0CAA0C,CAAC;AAE/G,MAAM,WAAW,6BAA6B;IAC1C,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,wBAAwB,CAAC,EACrC,OAAO,EACP,aAAa,EACb,SAAiB,EACjB,QAAgB,EAChB,SAAS,GACZ,EAAE,6BAA6B,sCAwC/B"}

package/lib/features/agent/chat/AgentRequestInputOverlay.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '@vertesia/ui/core';
+import { AskUserWidget } from './AskUserWidget';
+import { getAgentMessageText } from './ModernAgentOutput/requestInputMessages';
+export function AgentRequestInputOverlay({ message, onSendMessage, isLoading = false, disabled = false, className, }) {
+    if (!message)
+        return null;
+    const uxConfig = message.details.ux;
+    const options = uxConfig.options ?? [];
+    const isDisabled = disabled || isLoading || !onSendMessage;
+    const send = (value) => {
+        if (isDisabled)
+            return;
+        onSendMessage?.(value);
+    };
+    return (_jsx("div", { className: cn('flex-shrink-0 border-t border-border/70 bg-background/95 backdrop-blur', 'fixed bottom-0 end-0 start-0 z-20 lg:sticky lg:start-auto lg:end-auto', 'pb-safe-area', className), "data-agent-request-input-overlay": true, children: _jsx("div", { className: "mx-auto w-full max-w-3xl px-3 py-3", children: _jsx(AskUserWidget, { question: getAgentMessageText(message), options: options, variant: uxConfig.variant, multiSelect: uxConfig.multiSelect, allowFreeResponse: options.length === 0, onSelect: send, onMultiSelect: (optionIds) => send(optionIds.join(', ')), onSubmit: send, hideBorder: true, compact: true, isLoading: isDisabled, className: "my-0", cardClassName: "bg-background/80 shadow-lg shadow-black/5 dark:shadow-none" }) }) }));
+}
+//# sourceMappingURL=AgentRequestInputOverlay.js.map

package/lib/features/agent/chat/AgentRequestInputOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentRequestInputOverlay.js","sourceRoot":"","sources":["../../../../src/features/agent/chat/AgentRequestInputOverlay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAkC,MAAM,0CAA0C,CAAC;AAU/G,MAAM,UAAU,wBAAwB,CAAC,EACrC,OAAO,EACP,aAAa,EACb,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,SAAS,GACmB;IAC5B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;IACpC,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,IAAI,EAAE,CAAC;IACvC,MAAM,UAAU,GAAG,QAAQ,IAAI,SAAS,IAAI,CAAC,aAAa,CAAC;IAC3D,MAAM,IAAI,GAAG,CAAC,KAAa,EAAE,EAAE;QAC3B,IAAI,UAAU;YAAE,OAAO;QACvB,aAAa,EAAE,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACH,cACI,SAAS,EAAE,EAAE,CACT,wEAAwE,EACxE,uEAAuE,EACvE,cAAc,EACd,SAAS,CACZ,sDAGD,cAAK,SAAS,EAAC,oCAAoC,YAC/C,KAAC,aAAa,IACV,QAAQ,EAAE,mBAAmB,CAAC,OAAO,CAAC,EACtC,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,QAAQ,CAAC,OAAO,EACzB,WAAW,EAAE,QAAQ,CAAC,WAAW,EACjC,iBAAiB,EAAE,OAAO,CAAC,MAAM,KAAK,CAAC,EACvC,QAAQ,EAAE,IAAI,EACd,aAAa,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EACxD,QAAQ,EAAE,IAAI,EACd,UAAU,QACV,OAAO,QACP,SAAS,EAAE,UAAU,EACrB,SAAS,EAAC,MAAM,EAChB,aAAa,EAAC,4DAA4D,GAC5E,GACA,GACJ,CACT,CAAC;AACN,CAAC"}

package/lib/features/agent/chat/AgentRightPanel.d.ts

@@ -0,0 +1,45 @@
+import type { AgentMessage, ConversationFile, Plan } from '@vertesia/common';
+import React from 'react';
+import type { OpenDocument } from './types/document.js';
+import { type WorkstreamInfo } from './workstreams.js';
+export type { WorkstreamInfo } from './workstreams.js';
+type RightPanelTab = 'plan' | 'workstreams' | 'documents' | 'uploads' | 'artifacts' | 'payload' | 'conversation';
+export interface AgentRightPanelProps {
+    /** Optional payload content to show as a "Payload" tab */
+    payloadContent?: React.ReactNode;
+    /** Optional conversation content to show as a "Conversation" tab */
+    conversationContent?: React.ReactNode;
+    plan?: Plan;
+    workstreamStatus?: Map<string, 'pending' | 'in_progress' | 'completed' | 'skipped'>;
+    plans?: Array<{
+        plan: Plan;
+        timestamp: number;
+    }>;
+    activePlanIndex?: number;
+    onChangePlan?: (index: number) => void;
+    showPlan?: boolean;
+    activeWorkstreams?: WorkstreamInfo[];
+    messages?: AgentMessage[];
+    hideWorkstreams?: boolean;
+    openDocuments?: OpenDocument[];
+    activeDocumentId?: string | null;
+    onSelectDocument?: (id: string) => void;
+    onCloseDocument?: (id: string) => void;
+    onUpdateDocumentTitle?: (id: string, title: string) => void;
+    docRefreshKey?: number;
+    runId?: string;
+    processingFiles?: Map<string, ConversationFile>;
+    /** Show the Artifacts tab (opt-in, default false) */
+    showArtifacts?: boolean;
+    artifactRefreshKey?: number;
+    onClose: () => void;
+    /** Which tab to auto-activate when panel opens */
+    defaultTab?: RightPanelTab;
+    /** Controlled active tab (overrides internal state when provided) */
+    activeTab?: RightPanelTab;
+    /** Callback when the active tab changes */
+    onTabChange?: (tab: RightPanelTab) => void;
+}
+declare function AgentRightPanelComponent({ plan, workstreamStatus, plans, activePlanIndex, onChangePlan, activeWorkstreams, messages, hideWorkstreams, openDocuments, activeDocumentId, onSelectDocument, onCloseDocument, onUpdateDocumentTitle, docRefreshKey, runId, processingFiles, showArtifacts, artifactRefreshKey, payloadContent, conversationContent, onClose, defaultTab, activeTab: activeTabProp, onTabChange, }: AgentRightPanelProps): React.JSX.Element;
+export declare const AgentRightPanel: React.MemoExoticComponent<typeof AgentRightPanelComponent>;
+//# sourceMappingURL=AgentRightPanel.d.ts.map

package/lib/features/agent/chat/AgentRightPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentRightPanel.d.ts","sourceRoot":"","sources":["../../../../src/features/agent/chat/AgentRightPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AA8B7E,OAAO,KAAyC,MAAM,OAAO,CAAC;AAM9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAkD,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvG,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AA4TvD,KAAK,aAAa,GAAG,MAAM,GAAG,aAAa,GAAG,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,cAAc,CAAC;AAyDjH,MAAM,WAAW,oBAAoB;IACjC,0DAA0D;IAC1D,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,oEAAoE;IACpE,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,gBAAgB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,GAAG,aAAa,GAAG,WAAW,GAAG,SAAS,CAAC,CAAC;IACpF,KAAK,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,iBAAiB,CAAC,EAAE,cAAc,EAAE,CAAC;IACrC,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAG1B,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qBAAqB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAGhD,qDAAqD;IACrD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAG5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kDAAkD;IAClD,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,qEAAqE;IACrE,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,2CAA2C;IAC3C,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;CAC9C;AAED,iBAAS,wBAAwB,CAAC,EAE9B,IAAI,EACJ,gBAAgB,EAChB,KAAU,EACV,eAAmB,EACnB,YAAY,EAGZ,iBAAsB,EACtB,QAAa,EACb,eAAuB,EAGvB,aAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,aAAiB,EACjB,KAAK,EAGL,eAAe,EAGf,aAAqB,EACrB,kBAAsB,EAGtB,cAAc,EAGd,mBAAmB,EAGnB,OAAO,EACP,UAAU,EACV,SAAS,EAAE,aAAa,EACxB,WAAW,GACd,EAAE,oBAAoB,qBAwKtB;AAED,eAAO,MAAM,eAAe,4DAAuC,CAAC"}

package/lib/features/agent/chat/AgentRightPanel.js

@@ -0,0 +1,224 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FileProcessingStatus } from '@vertesia/common';
+import { Badge, Button, Center, cn, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, Tabs, TabsPanel, useToast, } from '@vertesia/ui/core';
+import { useUITranslation } from '@vertesia/ui/i18n';
+import { useUserSession } from '@vertesia/ui/session';
+import { CheckCircleIcon, CheckIcon, ChevronsUpDownIcon, ClipboardCopyIcon, DownloadCloudIcon, FileTextIcon, LayoutListIcon, Loader2Icon, XCircleIcon, XIcon, } from 'lucide-react';
+import React, { useCallback, useMemo, useState } from 'react';
+import { ArtifactsTab } from './ArtifactsTab.js';
+import { BrowserUseWidget, getLatestBrowserUseByWorkstream } from './BrowserUseWidget.js';
+import { DocumentPanel } from './DocumentPanel.js';
+import InlineSlidingPlanPanel from './ModernAgentOutput/InlineSlidingPlanPanel';
+import { getConversationUrl } from './ModernAgentOutput/utils.js';
+import { formatWorkstreamName, getWorkstreamStatusClass } from './workstreams.js';
+function RightPanelEmptyState({ icon, children }) {
+    return (_jsxs(Center, { className: "h-full min-h-[240px] flex-col text-center text-muted", children: [icon, _jsx("span", { className: "text-sm", children: children })] }));
+}
+function UploadedDocumentsTab({ files }) {
+    const { t } = useUITranslation();
+    const filesArray = useMemo(() => {
+        return files ? Array.from(files.values()) : [];
+    }, [files]);
+    const getStatusIcon = (status) => {
+        switch (status) {
+            case FileProcessingStatus.UPLOADING:
+            case FileProcessingStatus.PROCESSING:
+                return _jsx(Loader2Icon, { className: "size-4 animate-spin text-info" });
+            case FileProcessingStatus.READY:
+                return _jsx(CheckCircleIcon, { className: "size-4 text-success" });
+            case FileProcessingStatus.ERROR:
+                return _jsx(XCircleIcon, { className: "size-4 text-destructive" });
+            default:
+                return _jsx(FileTextIcon, { className: "size-4 text-muted" });
+        }
+    };
+    const getStatusBadge = (status) => {
+        switch (status) {
+            case FileProcessingStatus.UPLOADING:
+                return _jsx(Badge, { variant: "info", children: t('agent.uploading') });
+            case FileProcessingStatus.PROCESSING:
+                return _jsx(Badge, { variant: "info", children: t('agent.processing') });
+            case FileProcessingStatus.READY:
+                return _jsx(Badge, { variant: "success", children: t('agent.ready') });
+            case FileProcessingStatus.ERROR:
+                return _jsx(Badge, { variant: "destructive", children: t('agent.error') });
+            default:
+                return null;
+        }
+    };
+    return (_jsx("div", { className: "h-full min-h-0", children: filesArray.length === 0 ? (_jsx(RightPanelEmptyState, { icon: _jsx(FileTextIcon, { className: "mb-2 size-8" }), children: t('agent.noFilesUploadedYet') })) : (_jsx("div", { className: "space-y-2 p-2", children: filesArray.map((file) => (_jsxs("div", { className: "flex items-start gap-2 p-2 border border-muted rounded-md", children: [_jsx("div", { className: "mt-0.5", children: getStatusIcon(file.status) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("span", { className: "text-sm font-medium truncate", children: file.name }), getStatusBadge(file.status)] }), file.error && _jsx("div", { className: "text-xs text-destructive mt-1", children: file.error })] })] }, file.id))) })) }));
+}
+class RightPanelErrorBoundary extends React.Component {
+    state = { hasError: false };
+    static getDerivedStateFromError(error) {
+        return {
+            hasError: true,
+            message: error instanceof Error ? error.message : String(error),
+        };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.error('Agent right panel section failed to render', {
+            error,
+            componentStack: errorInfo.componentStack,
+        });
+    }
+    render() {
+        if (!this.state.hasError)
+            return this.props.children;
+        return (_jsxs("div", { className: cn('rounded-md border border-destructive bg-mixer-destructive/10 text-destructive', this.props.compact ? 'p-2 text-xs' : 'm-3 p-3 text-sm'), children: [_jsx("div", { className: "font-medium", children: this.props.title }), _jsx("div", { className: "mt-1 text-xs text-muted", children: this.props.description }), this.state.message && (_jsx("div", { className: "mt-1 break-all text-[11px] text-muted", children: this.state.message }))] }));
+    }
+}
+function WorkstreamsTab({ workstreams, messages, runId }) {
+    const { t } = useUITranslation();
+    const { client } = useUserSession();
+    const toast = useToast();
+    const browserUseByWorkstream = useMemo(() => getLatestBrowserUseByWorkstream(messages), [messages]);
+    const renderErrorDescription = t('agent.panelRenderErrorDescription');
+    const copyRunId = useCallback((runId) => {
+        navigator.clipboard.writeText(runId);
+        toast({ status: 'success', title: t('agent.runIdCopied'), duration: 2000 });
+    }, [t, toast]);
+    const downloadConversation = useCallback(async (runId) => {
+        try {
+            const url = await getConversationUrl(client, runId);
+            if (url)
+                window.open(url, '_blank');
+        }
+        catch {
+            toast({ status: 'error', title: t('agent.failedToDownload') });
+        }
+    }, [client, t, toast]);
+    if (workstreams.length === 0) {
+        return (_jsx(RightPanelEmptyState, { icon: _jsx(LayoutListIcon, { className: "mb-2 size-8" }), children: t('agent.noActiveParallelTasks') }));
+    }
+    return (_jsxs("div", { className: "h-full min-h-0 overflow-y-auto px-2 py-2", children: [_jsx("div", { className: "px-1 pb-2 text-xs text-muted", children: t('agent.parallelWorkDescription') }), _jsx("div", { className: "divide-y divide-border/60", children: workstreams.map((ws) => {
+                    const isActive = ws.status === 'running' || ws.status === 'canceling';
+                    const elapsed = Math.round(ws.elapsed_ms / 1000);
+                    const remaining = Math.max(0, Math.round(ws.remaining_ms / 1000));
+                    const progress = ws.deadline_ms > 0 ? Math.min(100, Math.round((ws.elapsed_ms / ws.deadline_ms) * 100)) : 0;
+                    const browserUse = browserUseByWorkstream.get(ws.workstream_id);
+                    const hasDeadline = ws.deadline_ms > 0;
+                    const meta = [
+                        ws.phase ? formatWorkstreamName(ws.phase) : undefined,
+                        elapsed > 0 ? t('agent.elapsed', { seconds: elapsed }) : undefined,
+                        hasDeadline && remaining > 0 ? t('agent.remaining', { seconds: remaining }) : undefined,
+                    ].filter(Boolean);
+                    const statusBadge = (() => {
+                        switch (ws.status) {
+                            case 'running':
+                                return _jsx(Badge, { variant: "info", children: t('agent.running') });
+                            case 'canceling':
+                                return _jsx(Badge, { variant: "attention", children: t('agent.canceling') });
+                            case 'completed':
+                                return _jsx(Badge, { variant: "done", children: t('agent.completed') });
+                            case 'failed':
+                                return _jsx(Badge, { variant: "destructive", children: t('agent.failed') });
+                            case 'timeout':
+                                return _jsx(Badge, { variant: "destructive", children: t('agent.timeout') });
+                            case 'canceled':
+                                return _jsx(Badge, { variant: "destructive", children: t('agent.canceled') });
+                        }
+                    })();
+                    return (_jsx(RightPanelErrorBoundary, { title: t('agent.workstreamRenderError'), description: renderErrorDescription, compact: true, children: _jsx("div", { className: "py-3", children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: cn('mt-2 size-2 shrink-0 rounded-full', getWorkstreamStatusClass(ws.status)), "aria-hidden": "true" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex min-w-0 items-center justify-between gap-2", children: [_jsx("span", { className: "min-w-0 truncate text-sm font-medium text-foreground", title: ws.workstream_id, children: formatWorkstreamName(ws.workstream_id) }), statusBadge] }), meta.length > 0 && (_jsx("div", { className: "mt-0.5 truncate text-xs text-muted", children: meta.join(' · ') })), isActive && hasDeadline && (_jsx("div", { className: "mt-2 h-1 rounded-full bg-muted", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": progress, "aria-valuetext": t('agent.workstreamProgress', {
+                                                    percent: progress,
+                                                }), children: _jsx("div", { className: "h-full rounded-full bg-info transition-all duration-500", style: { width: `${progress}%` } }) })), browserUse && (_jsx(RightPanelErrorBoundary, { title: t('agent.browserWidgetRenderError'), description: renderErrorDescription, compact: true, children: _jsx(BrowserUseWidget, { state: browserUse, runId: runId, compact: true, className: "mt-2" }) })), ws.child_workflow_run_id && (_jsxs("div", { className: "mt-2 flex flex-wrap gap-1", children: [_jsxs(Button, { variant: "ghost", size: "sm", className: "h-7 px-2 text-xs text-muted hover:text-foreground", 
+                                                        // biome-ignore lint/style/noNonNullAssertion: TS can't prove narrowing here.
+                                                        onClick: () => copyRunId(ws.child_workflow_run_id), children: [_jsx(ClipboardCopyIcon, { className: "size-3 me-1" }), t('agent.copyRunId')] }), _jsxs(Button, { variant: "ghost", size: "sm", className: "h-7 px-2 text-xs text-muted hover:text-foreground", 
+                                                        // biome-ignore lint/style/noNonNullAssertion: TS can't prove narrowing here.
+                                                        onClick: () => downloadConversation(ws.child_workflow_run_id), children: [_jsx(DownloadCloudIcon, { className: "size-3 me-1" }), t('agent.download')] })] }))] })] }) }) }, ws.launch_id));
+                }) })] }));
+}
+function RightPanelTabSelect({ tabs, activeTab, onChange, ariaLabel, }) {
+    const [open, setOpen] = useState(false);
+    const currentTab = tabs.find((tab) => tab.name === activeTab) ?? tabs[0];
+    return (_jsxs(DropdownMenu, { open: open, onOpenChange: setOpen, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs("button", { type: "button", "aria-label": ariaLabel, "aria-haspopup": "menu", "aria-expanded": open, className: cn('inline-flex min-w-40 max-w-56 flex-row items-center justify-between gap-2 rounded-md border border-border bg-transparent px-2.5 py-2 text-start text-inherit', 'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring', 'hover:bg-muted'), children: [_jsx("span", { className: "min-w-0 flex-1 overflow-hidden text-sm", children: currentTab?.label }), _jsx(ChevronsUpDownIcon, { className: "size-4 shrink-0 opacity-50", "aria-hidden": "true" })] }) }), _jsx(DropdownMenuContent, { align: "start", className: "z-[1000000] min-w-56 max-w-[min(24rem,calc(100vw-1rem))]", children: tabs.map((tab) => {
+                    const isSelected = tab.name === activeTab;
+                    return (_jsxs(DropdownMenuItem, { className: "min-h-9 justify-between gap-3 px-2 py-1.5 text-sm", onSelect: () => {
+                            onChange(tab.name);
+                            setOpen(false);
+                        }, children: [_jsx("span", { className: "min-w-0 flex-1 overflow-hidden", children: tab.label }), isSelected && _jsx(CheckIcon, { className: "size-4 shrink-0", "aria-hidden": "true" })] }, tab.name));
+                }) })] }));
+}
+function AgentRightPanelComponent({ 
+// Plan
+plan, workstreamStatus, plans = [], activePlanIndex = 0, onChangePlan, 
+// Workstreams
+activeWorkstreams = [], messages = [], hideWorkstreams = false, 
+// Documents
+openDocuments = [], activeDocumentId, onSelectDocument, onCloseDocument, onUpdateDocumentTitle, docRefreshKey = 0, runId, 
+// Uploads
+processingFiles, 
+// Artifacts
+showArtifacts = false, artifactRefreshKey = 0, 
+// Payload
+payloadContent, 
+// Conversation
+conversationContent, 
+// Panel
+onClose, defaultTab, activeTab: activeTabProp, onTabChange, }) {
+    const { t } = useUITranslation();
+    const [internalActiveTab, setInternalActiveTab] = useState(defaultTab || 'plan');
+    const activeTab = activeTabProp ?? internalActiveTab;
+    const handleTabChange = (name) => {
+        setInternalActiveTab(name);
+        onTabChange?.(name);
+    };
+    // Determine which tabs have content (for badges/indicators)
+    const hasWorkstreams = !hideWorkstreams && activeWorkstreams.length > 0;
+    const hasDocuments = openDocuments.length > 0;
+    const hasUploads = processingFiles ? processingFiles.size > 0 : false;
+    const withTabBoundary = useCallback((name, content) => (_jsx(RightPanelErrorBoundary, { title: t('agent.panelRenderError', { name }), description: t('agent.panelRenderErrorDescription'), children: content })), [t]);
+    const conversationTab = {
+        name: 'conversation',
+        label: 'Conversation',
+        content: conversationContent
+            ? withTabBoundary('Conversation', _jsx("div", { className: "flex flex-col h-full min-h-0", children: conversationContent }))
+            : null,
+        is_allowed: !!conversationContent,
+    };
+    const tabs = [
+        ...(conversationContent ? [conversationTab] : []),
+        {
+            name: 'plan',
+            label: t('agent.plan'),
+            content: withTabBoundary(t('agent.plan'), plan ? (_jsx(InlineSlidingPlanPanel, { plan: plan, workstreamStatus: workstreamStatus || new Map(), isOpen: true, onClose: onClose, plans: plans, activePlanIndex: activePlanIndex, onChangePlan: onChangePlan })) : (_jsx(RightPanelEmptyState, { icon: _jsx(LayoutListIcon, { className: "mb-2 size-8" }), children: t('agent.noPlanAvailable') }))),
+            is_allowed: true,
+        },
+        {
+            name: 'workstreams',
+            label: hasWorkstreams ? (_jsxs("span", { className: "inline-flex min-w-0 items-center gap-1 whitespace-nowrap", children: [t('agent.workstreams'), ' ', _jsx("span", { className: "inline-flex shrink-0 items-center justify-center rounded-full bg-info px-1.5 py-0.5 text-[10px] text-info", children: activeWorkstreams.length })] })) : (t('agent.workstreams')),
+            content: withTabBoundary(t('agent.workstreams'), _jsx(WorkstreamsTab, { workstreams: activeWorkstreams, messages: messages, runId: runId })),
+            is_allowed: !hideWorkstreams,
+        },
+        {
+            name: 'documents',
+            label: hasDocuments ? (_jsxs("span", { className: "inline-flex min-w-0 items-center gap-1 whitespace-nowrap", children: [t('agent.documents'), ' ', _jsx("span", { className: "inline-flex shrink-0 items-center justify-center rounded-full bg-info px-1.5 py-0.5 text-[10px] text-info", children: openDocuments.length })] })) : (t('agent.documents')),
+            content: withTabBoundary(t('agent.documents'), openDocuments.length > 0 && onSelectDocument && onCloseDocument ? (_jsx(DocumentPanel, { isOpen: true, documents: openDocuments, activeDocumentId: activeDocumentId ?? null, onSelectDocument: onSelectDocument, onCloseDocument: onCloseDocument, onUpdateDocumentTitle: onUpdateDocumentTitle, refreshKey: docRefreshKey, runId: runId })) : (_jsx(RightPanelEmptyState, { icon: _jsx(FileTextIcon, { className: "mb-2 size-8" }), children: t('agent.noDocumentsOpen') }))),
+            is_allowed: true,
+        },
+        {
+            name: 'uploads',
+            label: hasUploads ? (_jsxs("span", { className: "inline-flex min-w-0 items-center gap-1 whitespace-nowrap", children: [t('agent.uploads'), " ", _jsx("span", { className: "inline-block w-1.5 h-1.5 rounded-full bg-info" })] })) : (t('agent.uploads')),
+            content: withTabBoundary(t('agent.uploads'), _jsx(UploadedDocumentsTab, { files: processingFiles })),
+            is_allowed: true,
+        },
+        {
+            name: 'artifacts',
+            label: t('agent.artifacts'),
+            content: withTabBoundary(t('agent.artifacts'), _jsx(ArtifactsTab, { runId: runId, refreshKey: artifactRefreshKey })),
+            is_allowed: showArtifacts,
+        },
+        {
+            name: 'payload',
+            label: t('agent.payload'),
+            content: payloadContent
+                ? withTabBoundary(t('agent.payload'), _jsx("div", { className: "overflow-y-auto", children: payloadContent }))
+                : null,
+            is_allowed: !!payloadContent,
+        },
+    ];
+    const visibleTabs = tabs.filter((tab) => tab.is_allowed === undefined || tab.is_allowed === true);
+    return (_jsxs(Tabs, { tabs: tabs, current: activeTab, onTabChange: handleTabChange, fullHeight: true, className: "px-0", children: [_jsxs("div", { className: "flex items-center justify-between shrink-0 px-1 py-1 gap-1", children: [_jsx("div", { className: "min-w-0", children: _jsx(RightPanelTabSelect, { ariaLabel: t('agent.selectRightPanelSection'), tabs: visibleTabs, activeTab: activeTab, onChange: handleTabChange }) }), !conversationContent && (_jsx(Button, { variant: "ghost", size: "sm", className: "shrink-0 ms-1", onClick: onClose, title: "Close Right Panel", children: _jsx(XIcon, { className: "size-4" }) }))] }), _jsx(TabsPanel, { className: "flex-1 min-h-0 pt-0 pb-0" })] }));
+}
+export const AgentRightPanel = React.memo(AgentRightPanelComponent);
+//# sourceMappingURL=AgentRightPanel.js.map