From c2db77fb5e8ed3a4d03c4ea1cec3a5f8dfddbfb0 Mon Sep 17 00:00:00 2001
From: AndyMik90 <andre@mikalsenutvikling.no>
Date: Fri, 13 Feb 2026 23:55:32 +0100
Subject: [PATCH] auto-claude: subtask-3-4 - Add archive button to
 PhaseCard.tsx for done features

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../renderer/components/roadmap/PhaseCard.tsx | 37 +++++++++++++++++--
 1 file changed, 34 insertions(+), 3 deletions(-)

diff --git a/apps/frontend/src/renderer/components/roadmap/PhaseCard.tsx b/apps/frontend/src/renderer/components/roadmap/PhaseCard.tsx
index 08fe9001..85ef8a30 100644
--- a/apps/frontend/src/renderer/components/roadmap/PhaseCard.tsx
+++ b/apps/frontend/src/renderer/components/roadmap/PhaseCard.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { CheckCircle2, ChevronDown, ChevronUp, Circle, ExternalLink, Play, TrendingUp } from 'lucide-react';
+import { Archive, CheckCircle2, ChevronDown, ChevronUp, Circle, ExternalLink, Play, TrendingUp } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { TaskOutcomeBadge } from './TaskOutcomeBadge';
 import { Badge } from '../ui/badge';
@@ -18,6 +18,7 @@ export function PhaseCard({
   onFeatureSelect,
   onConvertToSpec,
   onGoToTask,
+  onArchive,
 }: PhaseCardProps) {
   const { t } = useTranslation('common');
   const [isExpanded, setIsExpanded] = useState(false);
@@ -118,11 +119,41 @@ export function PhaseCard({
                 )}
               </button>
               {feature.taskOutcome ? (
-                <span className="flex-shrink-0">
+                <span className="flex items-center gap-1 flex-shrink-0">
                   <TaskOutcomeBadge outcome={feature.taskOutcome} size="lg" showLabel={false} />
+                  {onArchive && (
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      className="h-6 px-2"
+                      title={t('roadmap.archiveFeature')}
+                      onClick={(e) => {
+                        e.stopPropagation();
+                        onArchive(feature.id);
+                      }}
+                    >
+                      <Archive className="h-3 w-3" />
+                    </Button>
+                  )}
                 </span>
               ) : feature.status === 'done' ? (
-                <CheckCircle2 className="h-4 w-4 text-success flex-shrink-0" />
+                <span className="flex items-center gap-1 flex-shrink-0">
+                  <CheckCircle2 className="h-4 w-4 text-success" />
+                  {onArchive && (
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      className="h-6 px-2"
+                      title={t('roadmap.archiveFeature')}
+                      onClick={(e) => {
+                        e.stopPropagation();
+                        onArchive(feature.id);
+                      }}
+                    >
+                      <Archive className="h-3 w-3" />
+                    </Button>
+                  )}
+                </span>
               ) : feature.linkedSpecId ? (
                 <Button
                   variant="ghost"