feat: enhance RightPanel and LayoutShell components with improved animations and layout handling; integrate motion effects for smoother transitions

This commit is contained in:
Anish Sarkar 2026-03-11 02:02:05 +05:30
parent 9d6e3a1c65
commit 21e7f600be
2 changed files with 56 additions and 54 deletions

View file

@ -1,5 +1,6 @@
"use client";
import { motion } from "motion/react";
import { useMemo, useState } from "react";
import { TooltipProvider } from "@/components/ui/tooltip";
import type { InboxItem } from "@/hooks/use-inbox";
@ -307,13 +308,13 @@ export function LayoutShell({
isResizing={isResizing}
/>
<main className="flex-1 flex flex-col min-w-0">
<motion.main layout="position" style={{ contain: "inline-size" }} className="flex-1 flex flex-col min-w-0">
<Header />
<div className={cn("flex-1", isChatPage ? "overflow-hidden" : "overflow-auto")}>
{children}
</div>
</main>
</motion.main>
{/* Right panel — tabbed Sources/Report (desktop only) */}
{documentsPanel && (