adding stuff

packages/frontend/src/components/Sidebar.tsx

@@ -6,6 +6,7 @@ interface SidebarProps {
   selectedId: string | null;
   onSelect: (id: string) => void;
   onNewClick: () => void;
+  onDelete?: (id: string) => void;
 }
 
 function statusIcon(status: RecommendationSummary['status']): string {
@@ -26,7 +27,7 @@ function statusClass(status: RecommendationSummary['status']): string {
   }
 }
 
-export function Sidebar({ list, selectedId, onSelect, onNewClick }: SidebarProps) {
+export function Sidebar({ list, selectedId, onSelect, onNewClick, onDelete }: SidebarProps) {
   return (
     <aside class="sidebar">
       <div class="sidebar-header">
@@ -56,6 +57,13 @@ export function Sidebar({ list, selectedId, onSelect, onNewClick }: SidebarProps
             <span class={`sidebar-type-badge sidebar-type-${item.media_type}`}>
               {item.media_type === 'movie' ? 'Film' : 'TV'}
             </span>
+            {onDelete && (
+              <button
+                class="sidebar-item-delete"
+                onClick={(e) => { e.stopPropagation(); onDelete(item.id); }}
+                title="Delete"
+              >×</button>
+            )}
           </li>
         ))}
       </ul>