From a7a093323101366041e555cd78fb9dcd0da27b70 Mon Sep 17 00:00:00 2001
From: Yuto Nishida <yuto@berkeley.edu>
Date: Sat, 25 Jul 2026 21:52:33 -0700
Subject: [PATCH] [papyrus] Context menu should have Archive as an option

---
 .../components/AgentNode/AgentNodeContextMenu.tsx  | 14 +++++++-------
 .../client/src/components/AgentNode/index.tsx      |  4 ++--
 .../src/components/AgentNode/useAgentNodeState.ts  |  4 ++--
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/experimental/papyrus/client/src/components/AgentNode/AgentNodeContextMenu.tsx b/experimental/papyrus/client/src/components/AgentNode/AgentNodeContextMenu.tsx
index 8e0a5fa..9623a8e 100644
--- a/experimental/papyrus/client/src/components/AgentNode/AgentNodeContextMenu.tsx
+++ b/experimental/papyrus/client/src/components/AgentNode/AgentNodeContextMenu.tsx
@@ -1,16 +1,16 @@
 import { createPortal } from "react-dom";
-import { Trash2 } from "lucide-react";
+import { Archive } from "lucide-react";
 
 interface AgentNodeContextMenuProps {
   position: { x: number; y: number };
   onClose: () => void;
-  onDelete: () => void;
+  onArchive: () => void;
 }
 
 export function AgentNodeContextMenu({
   position,
   onClose,
-  onDelete,
+  onArchive,
 }: AgentNodeContextMenuProps) {
   return createPortal(
     <div
@@ -24,13 +24,13 @@ export function AgentNodeContextMenu({
     >
       <button
         onClick={() => {
-          onDelete();
+          onArchive();
           onClose();
         }}
-        className="w-full px-3 py-2 text-left text-xs text-red-400 hover:bg-white/5 flex items-center gap-2"
+        className="w-full px-3 py-2 text-left text-xs text-yellow-400 hover:bg-white/5 flex items-center gap-2"
       >
-        <Trash2 className="w-3.5 h-3.5" />
-        Delete
+        <Archive className="w-3.5 h-3.5" />
+        Archive
       </button>
     </div>,
     document.body
diff --git a/experimental/papyrus/client/src/components/AgentNode/index.tsx b/experimental/papyrus/client/src/components/AgentNode/index.tsx
index ff2c0a1..6619528 100644
--- a/experimental/papyrus/client/src/components/AgentNode/index.tsx
+++ b/experimental/papyrus/client/src/components/AgentNode/index.tsx
@@ -39,7 +39,7 @@ export const AgentNode = ({ id, data, selected }: NodeProps) => {
   const {
     contextMenu,
     handleContextMenu,
-    handleDelete,
+    handleArchive,
     closeContextMenu,
   } = useAgentNodeState(id, nodeData, session);
 
@@ -75,7 +75,7 @@ export const AgentNode = ({ id, data, selected }: NodeProps) => {
         <AgentNodeContextMenu
           position={contextMenu}
           onClose={closeContextMenu}
-          onDelete={handleDelete}
+          onArchive={handleArchive}
         />
       )}
     </>
diff --git a/experimental/papyrus/client/src/components/AgentNode/useAgentNodeState.ts b/experimental/papyrus/client/src/components/AgentNode/useAgentNodeState.ts
index 631de49..364e815 100644
--- a/experimental/papyrus/client/src/components/AgentNode/useAgentNodeState.ts
+++ b/experimental/papyrus/client/src/components/AgentNode/useAgentNodeState.ts
@@ -38,7 +38,7 @@ export function useAgentNodeState(
     setContextMenu({ x: e.clientX, y: e.clientY });
   };
 
-  const handleDelete = async () => {
+  const handleArchive = async () => {
     const sessionId = session?.sessionId || nodeData.sessionId;
     if (sessionId) {
       await fetch(`/api/sessions/${sessionId}`, { method: "DELETE" });
@@ -56,7 +56,7 @@ export function useAgentNodeState(
   return {
     contextMenu,
     handleContextMenu,
-    handleDelete,
+    handleArchive,
     closeContextMenu,
   };
 }
-- 
2.54.0