fix: notification panel display and improve task status filters

- Fixed notifications panel by adding translate-x-0 and overflow-hidden to ensure content is visible
- Updated Files Processed widget to show icon with hover text instead of long filename
- Added progress bar with Processing... text for active tasks
- Added 'skipped' status filter to task list alongside existing statuses

apps/web/src/app/components/NotificationsPanel.tsx

@@ -84,8 +84,8 @@ export default function NotificationsPanel({
       />
 
       {/* Slide-in panel */}
-      <div className="absolute top-0 right-0 h-full w-full max-w-md bg-white dark:bg-gray-900 shadow-xl transform transition-transform duration-300 ease-in-out z-[10000]">
-        <div className="flex h-full flex-col">
+      <div className="absolute top-0 right-0 h-full w-full max-w-md bg-white dark:bg-gray-900 shadow-xl transform translate-x-0 transition-transform duration-300 ease-in-out z-[10000]">
+        <div className="flex h-full flex-col overflow-hidden">
           {/* Header */}
           <div className="flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700">
             <div className="flex items-center gap-2">

apps/web/src/app/components/StatsSection.tsx

@@ -463,8 +463,27 @@ export default function StatsSection() {
 
                   return (
                     <div>
-                      <div className="text-xs text-gray-400 mb-2">
-                        Current: {fileName}
+                      <div className="flex items-center gap-2 mb-2">
+                        <svg
+                          className="h-4 w-4 text-gray-400 flex-shrink-0"
+                          fill="none"
+                          viewBox="0 0 24 24"
+                          strokeWidth="1.5"
+                          stroke="currentColor"
+                          title={fileName}
+                        >
+                          <path
+                            strokeLinecap="round"
+                            strokeLinejoin="round"
+                            d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"
+                          />
+                        </svg>
+                        <span
+                          className="text-xs text-gray-400 truncate"
+                          title={fileName}
+                        >
+                          Processing...
+                        </span>
                       </div>
                       <div className="flex items-center gap-2">
                         <div className="flex-1 bg-white/10 rounded-full h-2 overflow-hidden">

apps/web/src/app/components/TaskList.tsx

@@ -544,7 +544,7 @@ export default function TaskList({
               <span className="text-sm text-gray-600 dark:text-gray-400 mr-2">
                 Status:
               </span>
-              {["pending", "processing", "completed", "failed"].map(
+              {["pending", "processing", "completed", "failed", "skipped"].map(
                 (statusName) => (
                   <label key={statusName} className="flex items-center gap-2">
                     <input