feat: bilingual practice agent with helping phrases #4
Annotations
1 error and 1 warning
|
Run frontend tests:
src/frontend/src/components/mobile/__tests__/MobileChatOverlay.test.tsx#L63
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name `/close/i`
Here are the accessible roles:
banner:
Name "":
<header
class="flex items-center justify-between p-3 border-b shrink-0"
/>
--------------------------------------------------
heading:
Name "Practice":
<h2
class="font-semibold"
/>
--------------------------------------------------
button:
Name "End Session":
<button
class="flex items-center gap-1 px-3 py-1.5 rounded-full text-sm text-destructive hover:bg-destructive/10 transition-colors"
type="button"
/>
Name "PTT":
<button
class="flex items-center gap-1.5 px-3 py-2 rounded-full text-sm border transition-colors bg-muted border-transparent"
type="button"
/>
Name "voice.holdToTalk":
<button
aria-label="voice.holdToTalk"
class="flex h-16 w-16 items-center justify-center rounded-full transition-all select-none touch-none focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-primary text-primary-foreground hover:bg-primary/90"
title="voice.holdToTalk"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div
class="fixed inset-x-0 top-0 bottom-[112px] z-50 flex flex-col bg-background animate-in slide-in-from-bottom duration-300"
>
<header
class="flex items-center justify-between p-3 border-b shrink-0"
>
<h2
class="font-semibold"
>
Practice
</h2>
<button
class="flex items-center gap-1 px-3 py-1.5 rounded-full text-sm text-destructive hover:bg-destructive/10 transition-colors"
type="button"
>
<svg
aria-hidden="true"
class="lucide lucide-x h-4 w-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M18 6 6 18"
/>
<path
d="m6 6 12 12"
/>
</svg>
<span>
End Session
</span>
</button>
</header>
<div
class="mx-3 mt-3 p-3 rounded-lg bg-primary/5 border border-primary/20 shrink-0"
>
<div
class="text-xs font-medium text-primary mb-1"
>
Pattern 1
</div>
<div
class="text-sm"
>
What is your name?
</div>
</div>
<div
class="flex-1 overflow-y-auto p-3 space-y-3"
>
<div
class="flex justify-start"
>
<div
class="max-w-[80%] px-4 py-2 rounded-2xl bg-muted rounded-bl-md"
>
Hello! Ready to practice?
</div>
</div>
<div
class="flex justify-end"
>
<div
class="max-w-[80%] px-4 py-2 rounded-2xl bg-primary text-primary-foreground rounded-br-md"
>
Yes, I am ready.
</div>
</div>
</div>
<div
class="p-3 border-t bg-card shrink-0"
>
<div
class="flex items-center justify-center gap-4"
>
<button
class="flex items-center gap-1.5 px-3 py-2 rounded-full text-sm border transition-colors bg-muted border-transparent"
type="button"
>
<svg
aria-hidden="true"
class="lucide lucide-mic-off h-4 w-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 19v3"
/>
|
|
Post Run actions/checkout@v4
The process '/usr/bin/git' failed with exit code 128
|
Loading