From bfe875a651ad23a7d873ecbc5af5ca65decfccd9 Mon Sep 17 00:00:00 2001
From: Adam <2363879+adamdotdevin@users.noreply.github.com>
Date: Tue, 17 Feb 2026 11:05:27 -0600
Subject: [PATCH] chore: cleanup

---
 packages/app/src/components/prompt-input.tsx |  4 ++--
 packages/ui/src/components/radio-group.css   | 12 ++++++++----
 packages/ui/src/components/radio-group.tsx   |  5 ++++-
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/packages/app/src/components/prompt-input.tsx b/packages/app/src/components/prompt-input.tsx
index c1c9daf51a..38476a8e02 100644
--- a/packages/app/src/components/prompt-input.tsx
+++ b/packages/app/src/components/prompt-input.tsx
@@ -1349,10 +1349,10 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
                           "text-icon-weak": store.mode !== mode,
                         }}
                       />
-                      <span class="sr-only">{mode === "shell" ? language.t("prompt.mode.shell") : "Prompt"}</span>
+                      <span class="sr-only">{mode === "shell" ? language.t("prompt.mode.shell") : mode}</span>
                     </div>
                   )}
-                  class="w-[68px] [&_[data-slot=radio-group-wrapper]]:w-full [&_[data-slot=radio-group-item]]:flex-1 [&_[data-slot=radio-group-item-label]]:h-6 [&_[data-slot=radio-group-item-label]]:p-0"
+                  class="w-[68px] [&_[data-slot=radio-group-wrapper]]:h-7 [&_[data-slot=radio-group-wrapper]]:w-full [&_[data-slot=radio-group-wrapper]]:rounded-[4px] [&_[data-slot=radio-group-wrapper]]:border-[0.5px] [&_[data-slot=radio-group-wrapper]]:border-border-weak-base [&_[data-slot=radio-group-wrapper]]:bg-surface-inset-base [&_[data-slot=radio-group-wrapper]]:p-0 [&_[data-slot=radio-group-wrapper]]:shadow-none [&_[data-slot=radio-group-wrapper]]:overflow-visible [&_[data-slot=radio-group-items]]:h-full [&_[data-slot=radio-group-items]]:gap-1 [&_[data-slot=radio-group-indicator]]:rounded-[4px] [&_[data-slot=radio-group-indicator]]:bg-surface-raised-stronger-non-alpha [&_[data-slot=radio-group-indicator]]:shadow-[var(--shadow-xs-border)] [&_[data-slot=radio-group-item]]:h-full [&_[data-slot=radio-group-item]]:flex-1 [&_[data-slot=radio-group-item]]:p-0.5 [&_[data-slot=radio-group-item-label]]:size-full [&_[data-slot=radio-group-item-label]]:rounded-[2px] [&_[data-slot=radio-group-item-label]]:p-0"
                 />
               </div>
             </div>
diff --git a/packages/ui/src/components/radio-group.css b/packages/ui/src/components/radio-group.css
index 92e4918467..46bd8f701a 100644
--- a/packages/ui/src/components/radio-group.css
+++ b/packages/ui/src/components/radio-group.css
@@ -7,6 +7,7 @@
   --radio-group-padding: 2px;
   --radio-group-gap: 2px;
   --radio-group-radius: var(--radius-sm);
+  --radio-group-transition-duration: 200ms;
   --radio-group-border-width: 0.5px;
   --radio-group-border-color: var(--border-weak-base);
   --radio-group-bg: var(--surface-inset-base);
@@ -45,11 +46,14 @@
     opacity: var(--indicator-opacity, 1);
     position: absolute;
     transition:
-      opacity 200ms ease-out,
+      opacity var(--radio-group-transition-duration) ease-out,
       box-shadow 120ms ease-out,
-      width 200ms ease-out,
-      height 200ms ease-out,
-      transform 200ms ease-out;
+      width var(--radio-group-transition-duration) ease-out,
+      height var(--radio-group-transition-duration) ease-out,
+      transform var(--radio-group-transition-duration) ease-out,
+      translate var(--radio-group-transition-duration) ease-out,
+      left var(--radio-group-transition-duration) ease-out,
+      top var(--radio-group-transition-duration) ease-out;
     will-change: transform, width, height;
   }
 
diff --git a/packages/ui/src/components/radio-group.tsx b/packages/ui/src/components/radio-group.tsx
index e1812d61a7..94145630e6 100644
--- a/packages/ui/src/components/radio-group.tsx
+++ b/packages/ui/src/components/radio-group.tsx
@@ -58,7 +58,10 @@ export function RadioGroup<T>(props: RadioGroupProps<T>) {
       onChange={(v) => local.onSelect?.(findOption(v))}
     >
       <div role="presentation" data-slot="radio-group-wrapper">
-        <Kobalte.Indicator data-slot="radio-group-indicator" />
+        <Kobalte.Indicator
+          data-slot="radio-group-indicator"
+          style={{ "transition-duration": "var(--radio-group-transition-duration, 200ms)" }}
+        />
         <div role="presentation" data-slot="radio-group-items">
           <For each={local.options}>
             {(option) => (