Clear and reset only the visualizer, not the packet feed

frontend/src/App.tsx

@@ -543,12 +543,7 @@ export function App() {
                     </div>
                   }
                 >
-                  <VisualizerView
+                  <VisualizerView packets={rawPackets} contacts={contacts} config={config} />
-                    packets={rawPackets}
-                    contacts={contacts}
-                    config={config}
-                    onClearPackets={() => setRawPackets([])}
-                  />
                 </Suspense>
               ) : activeConversation.type === 'raw' ? (
                 <>

frontend/src/components/PacketVisualizer3D.tsx

@@ -859,7 +859,6 @@ interface PacketVisualizer3DProps {
   config: RadioConfig | null;
   fullScreen?: boolean;
   onFullScreenChange?: (fullScreen: boolean) => void;
-  onClearPackets?: () => void;
 }
 
 export function PacketVisualizer3D({
@@ -868,7 +867,6 @@ export function PacketVisualizer3D({
   config,
   fullScreen,
   onFullScreenChange,
-  onClearPackets,
 }: PacketVisualizer3DProps) {
   const containerRef = useRef<HTMLDivElement>(null);
   const rendererRef = useRef<THREE.WebGLRenderer | null>(null);
@@ -1641,21 +1639,23 @@ export function PacketVisualizer3D({
                   Oooh Big Stretch!
                 </button>
                 <button
-                  onClick={() => {
+                  onClick={() => data.clearAndReset()}
-                    data.clearAndReset();
-                    onClearPackets?.();
-                  }}
                   className="mt-1 px-3 py-1.5 bg-yellow-500/20 hover:bg-yellow-500/30 text-yellow-500 rounded text-xs transition-colors"
-                  title="Clear all nodes, links, and packets - reset to initial state"
+                  title="Clear all nodes and links from the visualization - packets are preserved"
                 >
                   Clear &amp; Reset
                 </button>
               </div>
             </>
           )}
-          <div className={!showControls ? '' : 'border-t border-border pt-2 mt-1 flex flex-col gap-2'}>
+          <div
+            className={!showControls ? '' : 'border-t border-border pt-2 mt-1 flex flex-col gap-2'}
+          >
             <label className="flex items-center gap-2 cursor-pointer">
-              <Checkbox checked={showControls} onCheckedChange={(c) => setShowControls(c === true)} />
+              <Checkbox
+                checked={showControls}
+                onCheckedChange={(c) => setShowControls(c === true)}
+              />
               <span title="Toggle legends and controls visibility">Show controls</span>
             </label>
             {onFullScreenChange && (

frontend/src/components/VisualizerView.tsx

@@ -9,10 +9,9 @@ interface VisualizerViewProps {
   packets: RawPacket[];
   contacts: Contact[];
   config: RadioConfig | null;
-  onClearPackets?: () => void;
 }
 
-export function VisualizerView({ packets, contacts, config, onClearPackets }: VisualizerViewProps) {
+export function VisualizerView({ packets, contacts, config }: VisualizerViewProps) {
   const [fullScreen, setFullScreen] = useState(false);
 
   return (
@@ -30,12 +29,7 @@ export function VisualizerView({ packets, contacts, config, onClearPackets }: Vi
             <TabsTrigger value="packets">Packet Feed</TabsTrigger>
           </TabsList>
           <TabsContent value="visualizer" className="flex-1 m-0 overflow-hidden">
-            <PacketVisualizer3D
+            <PacketVisualizer3D packets={packets} contacts={contacts} config={config} />
-              packets={packets}
-              contacts={contacts}
-              config={config}
-              onClearPackets={onClearPackets}
-            />
           </TabsContent>
           <TabsContent value="packets" className="flex-1 m-0 overflow-hidden">
             <RawPacketList packets={packets} />
@@ -58,7 +52,6 @@ export function VisualizerView({ packets, contacts, config, onClearPackets }: Vi
             config={config}
             fullScreen={fullScreen}
             onFullScreenChange={setFullScreen}
-            onClearPackets={onClearPackets}
           />
         </div>