diff --git a/ccw/frontend/src/pages/HistoryPage.tsx b/ccw/frontend/src/pages/HistoryPage.tsx
index b0587065..7cd3b0b1 100644
--- a/ccw/frontend/src/pages/HistoryPage.tsx
+++ b/ccw/frontend/src/pages/HistoryPage.tsx
@@ -18,6 +18,7 @@ import { cn } from '@/lib/utils';
 import { useHistory } from '@/hooks/useHistory';
 import { ConversationCard } from '@/components/shared/ConversationCard';
 import { CliStreamPanel } from '@/components/shared/CliStreamPanel';
+import { NativeSessionPanel } from '@/components/shared/NativeSessionPanel';
 import { Button } from '@/components/ui/Button';
 import { Input } from '@/components/ui/Input';
 import {
@@ -50,6 +51,8 @@ export function HistoryPage() {
   const [deleteTarget, setDeleteTarget] = React.useState<string | null>(null);
   const [selectedExecution, setSelectedExecution] = React.useState<string | null>(null);
   const [isPanelOpen, setIsPanelOpen] = React.useState(false);
+  const [nativeExecutionId, setNativeExecutionId] = React.useState<string | null>(null);
+  const [isNativePanelOpen, setIsNativePanelOpen] = React.useState(false);
 
   const {
     executions,
@@ -88,6 +91,12 @@ export function HistoryPage() {
     setIsPanelOpen(true);
   };
 
+  // View native session handler
+  const handleViewNative = (execution: CliExecution) => {
+    setNativeExecutionId(execution.id);
+    setIsNativePanelOpen(true);
+  };
+
   // Delete handlers
   const handleDeleteClick = (id: string) => {
     setDeleteType('single');
@@ -274,6 +283,7 @@ export function HistoryPage() {
               key={execution.id}
               execution={execution}
               onClick={handleCardClick}
+              onViewNative={handleViewNative}
               onDelete={handleDeleteClick}
               actionsDisabled={isDeleting}
             />
@@ -288,6 +298,13 @@ export function HistoryPage() {
         onOpenChange={setIsPanelOpen}
       />
 
+      {/* Native Session Panel */}
+      <NativeSessionPanel
+        executionId={nativeExecutionId || ''}
+        open={isNativePanelOpen}
+        onOpenChange={setIsNativePanelOpen}
+      />
+
       {/* Delete Confirmation Dialog */}
       <Dialog open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}>
         <DialogContent>