diff --git a/addons/core/translations/resources/en-us.yaml b/addons/core/translations/resources/en-us.yaml
index 8ff213264..16326b2f2 100644
--- a/addons/core/translations/resources/en-us.yaml
+++ b/addons/core/translations/resources/en-us.yaml
@@ -217,6 +217,8 @@ session-recording:
   channel:
     title: Channel
     title_plural: Channels
+  session:
+    title: Session Playback
 storage-bucket:
   title: Storage Bucket
   title_plural: Storage Buckets
diff --git a/ui/admin/app/routes/scopes/scope/session-recordings.js b/ui/admin/app/routes/scopes/scope/session-recordings.js
index 4cca21156..efffa07f1 100644
--- a/ui/admin/app/routes/scopes/scope/session-recordings.js
+++ b/ui/admin/app/routes/scopes/scope/session-recordings.js
@@ -29,6 +29,9 @@ export default class ScopesScopeSessionRecordingsRoute extends Route {
     // if (this.can.can('list session-recording', scope, { collection: 'session-recordings' })) {
     //   return this.store.query('session-recording', { scope_id });
     // }
+    return {
+      session_recording_id: 'sr_1234567890',
+    };
   }
 
   // =actions
diff --git a/ui/admin/app/routes/scopes/scope/session-recordings/session-recording.js b/ui/admin/app/routes/scopes/scope/session-recordings/session-recording.js
index 0c76fa6df..eda72d65e 100644
--- a/ui/admin/app/routes/scopes/scope/session-recordings/session-recording.js
+++ b/ui/admin/app/routes/scopes/scope/session-recordings/session-recording.js
@@ -5,7 +5,8 @@ export default class ScopesScopeSessionRecordingsSessionRecordingRoute extends R
   // =methods
   model() {
     return {
-      scope_id: 'sr_1234567890',
+      session_recording_id: 'sr_1234567890',
+      channel_connection_id: 'srcc_1234567890',
     };
   }
 }
diff --git a/ui/admin/app/templates/scopes/scope/session-recordings.hbs b/ui/admin/app/templates/scopes/scope/session-recordings.hbs
index fde0c392e..8a94562e7 100644
--- a/ui/admin/app/templates/scopes/scope/session-recordings.hbs
+++ b/ui/admin/app/templates/scopes/scope/session-recordings.hbs
@@ -1,3 +1,2 @@
 {{page-title (t 'resources.session-recording.title_plural')}}
-
 {{outlet}}
\ No newline at end of file
diff --git a/ui/admin/app/templates/scopes/scope/session-recordings/index.hbs b/ui/admin/app/templates/scopes/scope/session-recordings/index.hbs
index e69de29bb..1ce0230e6 100644
--- a/ui/admin/app/templates/scopes/scope/session-recordings/index.hbs
+++ b/ui/admin/app/templates/scopes/scope/session-recordings/index.hbs
@@ -0,0 +1,14 @@
+<Rose::Layout::Page as |page|>
+  <page.header>
+    <h2>{{t 'resources.session-recording.title_plural'}}</h2>
+  </page.header>
+
+  <page.body>
+    <LinkTo
+      @route='scopes.scope.session-recordings.session-recording'
+      @model={{@model.session_recording_id}}
+    >
+      {{@model.session_recording_id}}
+    </LinkTo>
+  </page.body>
+</Rose::Layout::Page>
\ No newline at end of file
diff --git a/ui/admin/app/templates/scopes/scope/session-recordings/session-recording.hbs b/ui/admin/app/templates/scopes/scope/session-recordings/session-recording.hbs
index 4c1ce9936..f6557cda4 100644
--- a/ui/admin/app/templates/scopes/scope/session-recordings/session-recording.hbs
+++ b/ui/admin/app/templates/scopes/scope/session-recordings/session-recording.hbs
@@ -1,4 +1,2 @@
 {{page-title @model.displayName}}
-
-<p>{{@model.scope_id}}</p>
 {{outlet}}
\ No newline at end of file
diff --git a/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/index.hbs b/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/index.hbs
index e69de29bb..981e709ba 100644
--- a/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/index.hbs
+++ b/ui/admin/app/templates/scopes/scope/session-recordings/session-recording/index.hbs
@@ -0,0 +1,19 @@
+<Rose::Layout::Page as |page|>
+  <page.header>
+    <h2>{{t 'resources.session-recording.session.title'}}</h2>
+  </page.header>
+
+  <page.body>
+    <p>{{t 'resources.session-recording.title'}}
+      {{@model.session_recording_id}}</p>
+    <p>{{t 'resources.session-recording.channel.title'}}
+      {{@model.channel_connection_id}}</p>
+
+    <LinkTo
+      @route='scopes.scope.session-recordings.session-recording.channels-by-connection.channel'
+      @model={{@model.channel_connection_id}}
+    >
+      {{@model.channel_connection_id}}
+    </LinkTo>
+  </page.body>
+</Rose::Layout::Page>
\ No newline at end of file