chore: uptick

apps/desktop/src/styles.css

@@ -184,29 +184,6 @@ button {
   -webkit-app-region: no-drag;
 }
 
-@keyframes voice-wave {
-  0%,
-  100% {
-    opacity: 0.45;
-    transform: scaleY(0.28);
-  }
-
-  35% {
-    opacity: 0.95;
-    transform: scaleY(1);
-  }
-
-  62% {
-    opacity: 0.7;
-    transform: scaleY(0.52);
-  }
-}
-
-.voice-wave-bar {
-  animation: voice-wave 860ms ease-in-out infinite;
-  transform-origin: center;
-}
-
 .composer-liquid-shell-wrap {
   pointer-events: none;
   border-radius: var(--composer-glass-radius, 20px);
@@ -282,6 +259,32 @@ button {
   box-shadow: none !important;
 }
 
+[data-slot='composer-root']:has([data-slot='composer-completion-drawer'][data-state='open'])
+  [data-slot='composer-surface'] {
+  border-top-left-radius: 0 !important;
+  border-top-right-radius: 0 !important;
+  border-top-color: transparent;
+  box-shadow:
+    0 0.0625rem 0 0.0625rem color-mix(in srgb, var(--dt-ring) 35%, transparent),
+    0 0.5rem 1.5rem color-mix(in srgb, var(--shadow-ink) 6%, transparent);
+}
+
+[data-slot='composer-root']:has([data-slot='composer-completion-drawer'][data-state='open'])
+  [data-glass-frame='true'] {
+  border-top-left-radius: 0 !important;
+  border-top-right-radius: 0 !important;
+}
+
+[data-slot='composer-root']:has([data-slot='composer-completion-drawer'][data-state='open'])
+  [data-slot='composer-completion-drawer'] {
+  margin-bottom: -0.5rem;
+  border-bottom: 0;
+  box-shadow:
+    0 -0.0625rem 0 0.0625rem color-mix(in srgb, var(--dt-ring) 35%, transparent),
+    0 -1rem 2.25rem -1.75rem color-mix(in srgb, var(--dt-foreground) 34%, transparent),
+    0 -0.3125rem 0.875rem -0.6875rem color-mix(in srgb, var(--dt-foreground) 22%, transparent);
+}
+
 .composer-liquid-shell > .glass > .glass__warp {
   border-radius: var(--composer-glass-radius, 20px) !important;
 }