fix(web): chat sidebar layout, media context actions, and scrollable chat info

web/src/components/NewChatPanel.tsx

@@ -117,8 +117,9 @@ export function NewChatPanel() {
   return (
     <>
       <div className="absolute bottom-4 right-4 z-20">
+        <div className="relative">
         {menuOpen ? (
-          <div className="mb-2 w-48 rounded-xl border border-slate-700/80 bg-slate-900/95 p-1 shadow-xl">
+          <div className="absolute bottom-14 right-0 w-48 rounded-xl border border-slate-700/80 bg-slate-900/95 p-1 shadow-xl">
             <button className="block w-full rounded-lg px-3 py-2 text-left text-sm hover:bg-slate-800" onClick={() => void openSavedMessages()}>
               Saved Messages
             </button>
@@ -139,6 +140,7 @@ export function NewChatPanel() {
         <button className="flex h-12 w-12 items-center justify-center rounded-full bg-sky-500 text-slate-950 shadow-lg hover:bg-sky-400" onClick={() => setMenuOpen((v) => !v)}>
           <span className="block w-5 text-center text-2xl leading-none">{menuOpen ? "✕" : "+"}</span>
         </button>
+        </div>
       </div>
 
       {dialog !== "none" ? (