agent-radar
2ed3415fb7
Publish Claude Code Binaries / Stage and publish binaries (push) Canceled after 0s
Publish Tutti App Runtime / Build darwin-arm64 (push) Canceled after 0s
Publish Tutti App Runtime / Build darwin-amd64 (push) Canceled after 0s
Publish Tutti App Runtime / Build linux-amd64 (push) Canceled after 0s
Publish Tutti App Runtime / Build windows-amd64 (push) Canceled after 0s
Sync Tutti Agent Skills / sync (push) Canceled after 0s
Windows Agent Adapters / Test Windows agent adapters (push) Canceled after 0s
Windows Daemon Adapters / Test Windows daemon adapters (push) Canceled after 0s
Publish Tutti App Runtime / Publish runtime catalog (push) Canceled after 0s
34 lines
1.6 KiB
TypeScript
34 lines
1.6 KiB
TypeScript
export function AgentTranscriptSkeleton({
|
|
label,
|
|
testId = "agent-gui-transcript-loading-skeleton"
|
|
}: {
|
|
label: string;
|
|
testId?: string;
|
|
}): React.JSX.Element {
|
|
"use memo";
|
|
return (
|
|
<div
|
|
className="agent-gui-node__transcript-skeleton"
|
|
role="status"
|
|
aria-label={label}
|
|
data-testid={testId}
|
|
>
|
|
<div className="agent-gui-node__transcript-skeleton-row agent-gui-node__transcript-skeleton-row-user">
|
|
<span className="agent-gui-node__transcript-skeleton-bubble agent-gui-node__transcript-skeleton-line-medium" />
|
|
</div>
|
|
<div className="agent-gui-node__transcript-skeleton-row agent-gui-node__transcript-skeleton-row-assistant">
|
|
<span className="agent-gui-node__transcript-skeleton-line agent-gui-node__transcript-skeleton-line-long" />
|
|
<span className="agent-gui-node__transcript-skeleton-line agent-gui-node__transcript-skeleton-line-medium" />
|
|
<span className="agent-gui-node__transcript-skeleton-line agent-gui-node__transcript-skeleton-line-short" />
|
|
</div>
|
|
<div className="agent-gui-node__transcript-skeleton-row agent-gui-node__transcript-skeleton-row-user">
|
|
<span className="agent-gui-node__transcript-skeleton-bubble agent-gui-node__transcript-skeleton-line-short" />
|
|
</div>
|
|
<div className="agent-gui-node__transcript-skeleton-row agent-gui-node__transcript-skeleton-row-assistant">
|
|
<span className="agent-gui-node__transcript-skeleton-line agent-gui-node__transcript-skeleton-line-medium" />
|
|
<span className="agent-gui-node__transcript-skeleton-line agent-gui-node__transcript-skeleton-line-long" />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|