components/window.tsx

@@ -1,6 +1,7 @@
 import Link from "next/link";
 import React from "react";
 import RSSIcon from "./rss-icon";
+import ReadingProgress from "./reading-progress";
 
 const CloseIcon = () => (
   <svg
@@ -45,18 +46,21 @@ interface WindowProps {
   title: string;
   children: React.ReactNode;
   className?: string;
+  showProgress?: boolean;
 }
 
 export default function Window({
   title,
   children,
   className = "",
+  showProgress = false,
 }: WindowProps) {
   return (
     <div
       className={`rounded-lg border border-white/30 bg-white/70 shadow-window backdrop-blur-xl ${className}`}
     >
-      <div className="flex select-none items-center justify-between rounded-t-md bg-gradient-to-b from-blue-500 to-window-title px-4 py-1.5 font-bold text-white text-sm">
+      <div className="rounded-t-md overflow-hidden">
+        <div className="flex select-none items-center justify-between bg-gradient-to-b from-blue-500 to-window-title px-4 py-1.5 font-bold text-white text-sm">
           <div className="flex items-center space-x-2">
             <span>{title}</span>
             <Link href="/feed.xml" title="RSS Feed">
@@ -78,6 +82,8 @@ export default function Window({
             </Link>
           </div>
         </div>
+        {showProgress && <ReadingProgress />}
+      </div>
       <div className="p-6">{children}</div>
     </div>
   );