feat: add subtle shadows to chat input and sidebar

Added a box shadow to the chat input on desktop for depth
Added an inset shadow to the sidebar when open for visual separation

packages/ui/src/components/chat/ChatInput.tsx

@@ -5066,6 +5066,7 @@ const ChatInputComponent: React.FC<ChatInputProps> = ({ onOpenSettings, scrollTo
                         "flex flex-col relative overflow-visible",
                         isComposerExpanded && 'flex-1 min-h-0',
                         "border border-border/80",
+                        !isMobile && "shadow-[0_4px_16px_-4px_rgb(0_0_0_/_0.12)]",
                         "focus-within:ring-1",
                         inputMode === 'shell'
                             ? 'focus-within:ring-[var(--status-info)]'

packages/ui/src/components/layout/Sidebar.tsx

@@ -128,6 +128,7 @@ export const Sidebar: React.FC<SidebarProps> = ({ isOpen, isMobile, children, cl
             className={cn(
                 'relative flex h-full overflow-hidden border-r border-border/40 will-change-[width] motion-reduce:transition-none',
                 'bg-sidebar oc-vibrancy-surface',
+                isOpen && 'shadow-[inset_-2px_0_10px_-2px_rgb(0_0_0_/_0.06)]',
                 !isOpen && 'border-r-0',
                 className,
             )}