diff --git a/src/pages/RecordingPage.tsx b/src/pages/RecordingPage.tsx
index 09e395b2..8e811c52 100644
--- a/src/pages/RecordingPage.tsx
+++ b/src/pages/RecordingPage.tsx
@@ -32,6 +32,7 @@ export const RecordingPage = ({ recordingName }: RecordingPageProps) => {
     pair: null,
     index: 0,
   });
+  const [showOutputData, setShowOutputData] = useState(false);
 
   const browserContentRef = React.useRef<HTMLDivElement>(null);
   const workflowListRef = React.useRef<HTMLDivElement>(null);
@@ -40,6 +41,9 @@ export const RecordingPage = ({ recordingName }: RecordingPageProps) => {
   const { setWidth } = useBrowserDimensionsStore();
   const { browserId, setBrowserId, recordingId } = useGlobalInfoStore();
 
+  const handleShowOutputData = useCallback(() => {
+    setShowOutputData(true);
+  }, []);
 
   const handleSelectPairForEdit = (pair: WhereWhatPair, index: number) => {
     setPairForEdit({