feat: add remove chat button and logic

apps/x/apps/main/src/ipc.ts

@@ -348,6 +348,10 @@ export function setupIpcHandlers() {
     'runs:list': async (_event, args) => {
       return runsCore.listRuns(args.cursor);
     },
+    'runs:delete': async (_event, args) => {
+      await runsCore.deleteRun(args.runId);
+      return { success: true };
+    },
     'models:list': async () => {
       return await listOnboardingModels();
     },

apps/x/apps/renderer/src/App.tsx

@@ -2277,6 +2277,17 @@ function App() {
                 onSelectRun: (runIdToLoad) => {
                   void navigateToView({ type: 'chat', runId: runIdToLoad })
                 },
+                onDeleteRun: async (runIdToDelete) => {
+                  try {
+                    await window.ipc.invoke('runs:delete', { runId: runIdToDelete })
+                    if (runId === runIdToDelete) {
+                      void navigateToView({ type: 'chat', runId: null })
+                    }
+                    await loadRuns()
+                  } catch (err) {
+                    console.error('Failed to delete run:', err)
+                  }
+                },
                 onSelectBackgroundTask: (taskName) => {
                   void navigateToView({ type: 'task', name: taskName })
                 },

apps/x/apps/renderer/src/components/sidebar-content.tsx

@@ -130,6 +130,7 @@ const SERVICE_LABELS: Record<string, string> = {
 type TasksActions = {
   onNewChat: () => void
   onSelectRun: (runId: string) => void
+  onDeleteRun: (runId: string) => void
   onSelectBackgroundTask?: (taskName: string) => void
 }
 
@@ -1056,7 +1057,7 @@ function TasksSection({
             </div>
             <SidebarMenu>
               {runs.map((run) => (
-                <SidebarMenuItem key={run.id}>
+                <SidebarMenuItem key={run.id} className="group/chat-item">
                   <SidebarMenuButton
                     isActive={currentRunId === run.id}
                     onClick={() => actions?.onSelectRun(run.id)}
@@ -1067,10 +1068,21 @@ function TasksSection({
                       ) : null}
                       <span className="min-w-0 flex-1 truncate text-sm">{run.title || '(Untitled chat)'}</span>
                       {run.createdAt ? (
-                        <span className="shrink-0 text-[10px] text-muted-foreground">
+                        <span className="shrink-0 text-[10px] text-muted-foreground group-hover/chat-item:hidden">
                           {formatRunTime(run.createdAt)}
                         </span>
                       ) : null}
+                      <button
+                        type="button"
+                        className="shrink-0 hidden group-hover/chat-item:flex items-center justify-center text-muted-foreground hover:text-destructive transition-colors"
+                        onClick={(e) => {
+                          e.stopPropagation()
+                          actions?.onDeleteRun(run.id)
+                        }}
+                        aria-label="Delete chat"
+                      >
+                        <Trash2 className="size-3.5" />
+                      </button>
                     </div>
                   </SidebarMenuButton>
                 </SidebarMenuItem>