From d881c1c4764da4f3af4607dcaf49a85958f5839f Mon Sep 17 00:00:00 2001
From: Brendan Allan <14191578+Brendonovich@users.noreply.github.com>
Date: Mon, 20 Jul 2026 16:53:40 +0000
Subject: [PATCH] fix(app): make background prompt translucent

---
 packages/app/src/components/prompt-input.tsx | 1 +
 packages/app/src/index.css                   | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/packages/app/src/components/prompt-input.tsx b/packages/app/src/components/prompt-input.tsx
index a820067a4e..2811247c5e 100644
--- a/packages/app/src/components/prompt-input.tsx
+++ b/packages/app/src/components/prompt-input.tsx
@@ -1615,6 +1615,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
           <div class="flex flex-col gap-3">
             <DockShellForm
               data-component={newSession() ? "session-new-composer" : "session-composer"}
+              data-background-surface="prompt"
               onSubmit={handleSubmit}
               classList={{
                 "group/prompt-input min-h-[96px] w-full rounded-xl bg-v2-background-bg-base shadow-[var(--v2-elevation-raised)]": true,
diff --git a/packages/app/src/index.css b/packages/app/src/index.css
index 08da436ae9..afcfbcb7b9 100644
--- a/packages/app/src/index.css
+++ b/packages/app/src/index.css
@@ -27,6 +27,11 @@ html[data-background-image] [data-background-surface="panel"] {
   background-color: color-mix(in srgb, var(--v2-background-bg-base) 56%, transparent) !important;
 }
 
+html[data-background-image] [data-background-surface="prompt"] {
+  background-color: color-mix(in srgb, var(--v2-background-bg-base) 68%, transparent) !important;
+  backdrop-filter: blur(16px);
+}
+
 @font-face {
   font-family: "JetBrainsMono Nerd Font Mono";
   src: url("/assets/JetBrainsMonoNerdFontMono-Regular.woff2") format("woff2");