From c152653e0dc192e8f9eb6d497738e4e4f1bd0f98 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Sat, 30 May 2026 05:46:43 +0000
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20[UX=20improvement?=
 =?UTF-8?q?]=20Improve=20keyboard=20accessibility=20for=20form=20controls?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: aloewright <3641844+aloewright@users.noreply.github.com>
---
 apps/quill/client/components/playground-view.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/apps/quill/client/components/playground-view.tsx b/apps/quill/client/components/playground-view.tsx
index 511226b4..405b8b92 100644
--- a/apps/quill/client/components/playground-view.tsx
+++ b/apps/quill/client/components/playground-view.tsx
@@ -295,6 +295,7 @@ export function PlaygroundView({
       <div className="mb-6 grid gap-3 md:grid-cols-3">
         <Control label="Guide">
           <select
+            aria-label="Guide"
             className="pp-select"
             onChange={(e) => setGuideSlug(e.target.value)}
             value={guideSlug}
@@ -309,6 +310,7 @@ export function PlaygroundView({
 
         <Control label="Preset">
           <select
+            aria-label="Preset"
             className="pp-select"
             onChange={(e) => setPresetSlug(e.target.value as UseCase | "")}
             value={presetSlug}
@@ -341,7 +343,8 @@ export function PlaygroundView({
       <div className="grid gap-5 md:grid-cols-2">
         <Panel label="Input">
           <textarea
-            className="min-h-[220px] w-full resize-y bg-transparent text-sm focus:outline-none"
+            aria-label="Input"
+            className="min-h-[220px] w-full resize-y bg-transparent text-sm focus:outline-none focus-visible:outline-[var(--strand-color-accent-lede)] focus-visible:outline-2 focus-visible:outline-offset-2"
             onChange={(e) => setInput(e.target.value)}
             placeholder="Paste a customer message, a prompt, a paragraph to rewrite…"
             style={{ color: "var(--strand-color-ink-primary)" }}
@@ -647,6 +650,11 @@ export function PlaygroundView({
           border-radius: 0.375rem;
           padding: 0.5rem 0.75rem;
           font-size: 0.875rem;
+          outline: none;
+        }
+        .pp-select:focus-visible {
+          outline: 2px solid var(--strand-color-accent-lede);
+          outline-offset: 2px;
         }
       `}</style>
     </section>

From 152b60e13d64173f448c17a26a2439ac67f27d42 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Sat, 30 May 2026 05:52:30 +0000
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20[UX=20improvement?=
 =?UTF-8?q?]=20Improve=20keyboard=20accessibility=20for=20form=20controls?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: aloewright <3641844+aloewright@users.noreply.github.com>