feat(agent): agent opt-in consent card (design prototype) #34770
Annotations
4 errors
|
Run Vitest tests with coverage
Process completed with exit code 1.
|
|
Run Vitest tests with coverage:
src/workbench/extensions/agent/AgentPanelRoot.test.ts#L661
TestingLibraryElementError: Unable to find an element with the text: cat.png. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
class="size-full"
id="agent-panel-root"
>
<input
accept="image/*,video/*,audio/*,.mp4,.m4a,.mov,.mp3,.wav,.glb,.md,.txt"
class="hidden"
data-testid="agent-file-input"
multiple=""
type="file"
/>
<section
class="bg-agent-surface text-agent-fg @container flex h-full flex-col overflow-hidden"
>
<header
class="border-agent-border flex h-12 shrink-0 items-center gap-2 border-b px-4"
>
<h1
class="text-agent-fg my-0 text-sm font-normal whitespace-nowrap"
>
Comfy Agent
</h1>
<span
class="border-agent-border-strong text-agent-fg-muted shrink-0 rounded-full border px-2 py-0.5 text-xs"
>
ALPHA
</span>
<div
class="ml-auto flex items-center gap-2"
>
<button
aria-label="New chat"
class="relative inline-flex items-center justify-center gap-2 cursor-pointer touch-manipulation whitespace-nowrap appearance-none border-none text-sm font-medium font-inter transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([width]):not([height])]:size-4 [&_svg]:shrink-0 bg-transparent text-muted-foreground hover:bg-secondary-background-hover size-8 hover:text-agent-fg focus-visible:ring-agent-accent rounded-xl focus-visible:ring-2"
>
<span
class="icon-[lucide--message-circle-plus] size-4"
/>
</button>
<button
aria-label="Maximize panel"
class="relative inline-flex items-center justify-center gap-2 cursor-pointer touch-manipulation whitespace-nowrap appearance-none border-none text-sm font-medium font-inter transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([width]):not([height])]:size-4 [&_svg]:shrink-0 bg-transparent text-muted-foreground hover:bg-secondary-background-hover size-8 hover:text-agent-fg focus-visible:ring-agent-accent rounded-xl focus-visible:ring-2"
>
<span
class="icon-[lucide--maximize-2] size-4"
/>
</button>
<button
aria-label="Close"
class="relative inline-flex items-center justify-center gap-2 cursor-pointer touch-manipulation whitespace-nowrap appearance-none border-none text-sm font-medium font-inter transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([width]):not([height])]:size-4 [&_svg]:shrink-0 bg-transparent text-muted-foreground hover:bg-secondary-background-hover size-8 hover:text-agent-fg focus-visible:ring-agent-accent rounded-xl focus-visible:ring-2"
>
<span
class="icon-[lucide--x] size-4"
/>
</button>
</div>
</header>
<div
class="flex h-10 shrink-0 items-center px-2"
>
<button
class="text-agent-fg-muted hover:bg-agent-surface-hover flex h-6 cursor-pointer items-center gap-2 rounded-sm px-2 py-1 text-xs transition-colors"
type="button"
>
<span
class="icon-[lucide--align-justify] size-4 shrink-0"
/>
<span
class="max-w-56 truncate"
>
make it pop
</span>
</button>
<button
|
|
Run Vitest tests with coverage:
src/workbench/extensions/agent/AgentPanelRoot.test.ts#L661
TestingLibraryElementError: Unable to find an element with the text: cat.png. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
class="size-full"
id="agent-panel-root"
>
<input
accept="image/*,video/*,audio/*,.mp4,.m4a,.mov,.mp3,.wav,.glb,.md,.txt"
class="hidden"
data-testid="agent-file-input"
multiple=""
type="file"
/>
<section
class="bg-agent-surface text-agent-fg @container flex h-full flex-col overflow-hidden"
>
<header
class="border-agent-border flex h-12 shrink-0 items-center gap-2 border-b px-4"
>
<h1
class="text-agent-fg my-0 text-sm font-normal whitespace-nowrap"
>
Comfy Agent
</h1>
<span
class="border-agent-border-strong text-agent-fg-muted shrink-0 rounded-full border px-2 py-0.5 text-xs"
>
ALPHA
</span>
<div
class="ml-auto flex items-center gap-2"
>
<button
aria-label="New chat"
class="relative inline-flex items-center justify-center gap-2 cursor-pointer touch-manipulation whitespace-nowrap appearance-none border-none text-sm font-medium font-inter transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([width]):not([height])]:size-4 [&_svg]:shrink-0 bg-transparent text-muted-foreground hover:bg-secondary-background-hover size-8 hover:text-agent-fg focus-visible:ring-agent-accent rounded-xl focus-visible:ring-2"
>
<span
class="icon-[lucide--message-circle-plus] size-4"
/>
</button>
<button
aria-label="Maximize panel"
class="relative inline-flex items-center justify-center gap-2 cursor-pointer touch-manipulation whitespace-nowrap appearance-none border-none text-sm font-medium font-inter transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([width]):not([height])]:size-4 [&_svg]:shrink-0 bg-transparent text-muted-foreground hover:bg-secondary-background-hover size-8 hover:text-agent-fg focus-visible:ring-agent-accent rounded-xl focus-visible:ring-2"
>
<span
class="icon-[lucide--maximize-2] size-4"
/>
</button>
<button
aria-label="Close"
class="relative inline-flex items-center justify-center gap-2 cursor-pointer touch-manipulation whitespace-nowrap appearance-none border-none text-sm font-medium font-inter transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([width]):not([height])]:size-4 [&_svg]:shrink-0 bg-transparent text-muted-foreground hover:bg-secondary-background-hover size-8 hover:text-agent-fg focus-visible:ring-agent-accent rounded-xl focus-visible:ring-2"
>
<span
class="icon-[lucide--x] size-4"
/>
</button>
</div>
</header>
<div
class="flex h-10 shrink-0 items-center px-2"
>
<button
class="text-agent-fg-muted hover:bg-agent-surface-hover flex h-6 cursor-pointer items-center gap-2 rounded-sm px-2 py-1 text-xs transition-colors"
type="button"
>
<span
class="icon-[lucide--align-justify] size-4 shrink-0"
/>
<span
class="max-w-56 truncate"
>
make it pop
</span>
</button>
<button
|
|
Run Vitest tests with coverage:
src/workbench/extensions/agent/AgentPanelRoot.test.ts#L661
TestingLibraryElementError: Unable to find an element with the text: cat.png. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
class="size-full"
id="agent-panel-root"
>
<input
accept="image/*,video/*,audio/*,.mp4,.m4a,.mov,.mp3,.wav,.glb,.md,.txt"
class="hidden"
data-testid="agent-file-input"
multiple=""
type="file"
/>
<section
class="bg-agent-surface text-agent-fg @container flex h-full flex-col overflow-hidden"
>
<header
class="border-agent-border flex h-12 shrink-0 items-center gap-2 border-b px-4"
>
<h1
class="text-agent-fg my-0 text-sm font-normal whitespace-nowrap"
>
Comfy Agent
</h1>
<span
class="border-agent-border-strong text-agent-fg-muted shrink-0 rounded-full border px-2 py-0.5 text-xs"
>
ALPHA
</span>
<div
class="ml-auto flex items-center gap-2"
>
<button
aria-label="New chat"
class="relative inline-flex items-center justify-center gap-2 cursor-pointer touch-manipulation whitespace-nowrap appearance-none border-none text-sm font-medium font-inter transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([width]):not([height])]:size-4 [&_svg]:shrink-0 bg-transparent text-muted-foreground hover:bg-secondary-background-hover size-8 hover:text-agent-fg focus-visible:ring-agent-accent rounded-xl focus-visible:ring-2"
>
<span
class="icon-[lucide--message-circle-plus] size-4"
/>
</button>
<button
aria-label="Maximize panel"
class="relative inline-flex items-center justify-center gap-2 cursor-pointer touch-manipulation whitespace-nowrap appearance-none border-none text-sm font-medium font-inter transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([width]):not([height])]:size-4 [&_svg]:shrink-0 bg-transparent text-muted-foreground hover:bg-secondary-background-hover size-8 hover:text-agent-fg focus-visible:ring-agent-accent rounded-xl focus-visible:ring-2"
>
<span
class="icon-[lucide--maximize-2] size-4"
/>
</button>
<button
aria-label="Close"
class="relative inline-flex items-center justify-center gap-2 cursor-pointer touch-manipulation whitespace-nowrap appearance-none border-none text-sm font-medium font-inter transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([width]):not([height])]:size-4 [&_svg]:shrink-0 bg-transparent text-muted-foreground hover:bg-secondary-background-hover size-8 hover:text-agent-fg focus-visible:ring-agent-accent rounded-xl focus-visible:ring-2"
>
<span
class="icon-[lucide--x] size-4"
/>
</button>
</div>
</header>
<div
class="flex h-10 shrink-0 items-center px-2"
>
<button
class="text-agent-fg-muted hover:bg-agent-surface-hover flex h-6 cursor-pointer items-center gap-2 rounded-sm px-2 py-1 text-xs transition-colors"
type="button"
>
<span
class="icon-[lucide--align-justify] size-4 shrink-0"
/>
<span
class="max-w-56 truncate"
>
make it pop
</span>
</button>
<button
|
background
wait
wait-all
cancel
parallel
Loading