diff --git a/src/ui/components/App/App.tsx b/src/ui/components/App/App.tsx
index d2e1ec1..a4a1ed3 100644
--- a/src/ui/components/App/App.tsx
+++ b/src/ui/components/App/App.tsx
@@ -6,6 +6,7 @@ import { maxPanes } from '../../globals';
 
 import ObjectVis from '../../views/ObjectVis/ObjectVis';
 import ResultVis from '../../views/ResultVis/ResultVis';
+import ReplayVis from '../../views/objectViews/ReplayVis/ReplayVis';
 import StateVis from '../../views/StateVis/StateVis';
 import StepsVis from '../../views/StepsVis/StepsVis';
 
@@ -22,12 +23,14 @@ class App extends React.Component<UIProps, UIState> {
             pane1: { component: ResultVis, name: 'Result', data: null },
             pane2: { component: StateVis,  name: 'State',  data: null },
             pane3: { component: ObjectVis, name: 'Data',  data: null },
+            pane4: { component: ReplayVis, name: 'Resources',  data: null },
         };
 
         uiStateHelper.registerPaneComponent('StateVis', StateVis);
         uiStateHelper.registerPaneComponent('StepsVis', StepsVis);
         uiStateHelper.registerPaneComponent('ObjectVis', ObjectVis);
         uiStateHelper.registerPaneComponent('ResultVis', ResultVis);
+        uiStateHelper.registerPaneComponent('ReplayVis', ReplayVis);
 
         const freePaneIds: string[] = [];
         for (let i = 0; i < maxPanes; ++i) {
diff --git a/src/ui/components/Debugger/Debugger.tsx b/src/ui/components/Debugger/Debugger.tsx
index 98eeeab..6f6355f 100644
--- a/src/ui/components/Debugger/Debugger.tsx
+++ b/src/ui/components/Debugger/Debugger.tsx
@@ -51,6 +51,11 @@ const layout: FlexLayout.IJsonModel = {
                                 name: 'pane1',
                                 component: 'Pane',
                             },
+                            {
+                                type: 'tab',
+                                name: 'pane4',
+                                component: 'Pane',
+                            },
                         ],
                     },
                     {
diff --git a/src/ui/contexts/UIStateContext.tsx b/src/ui/contexts/UIStateContext.tsx
index 6cf851c..3130696 100644
--- a/src/ui/contexts/UIStateContext.tsx
+++ b/src/ui/contexts/UIStateContext.tsx
@@ -252,6 +252,12 @@ export class UIStateHelper {
             throw new Error('TODO: add pane of this type');
         }
         this.setPaneViewType(paneId, 'StepsVis', 'Steps', replayInfo);
+
+        const resourcePaneId = this.getMostRecentPaneIdForComponentType('ReplayVis');
+        if (resourcePaneId) {
+            this.setPaneViewType(resourcePaneId, 'ReplayVis', 'Resources', replayInfo.replay);
+        }
+
         this.setFullUI(true);
     };