diff --git a/rust/scenario_runner/src/frontend_mock.rs b/rust/scenario_runner/src/frontend_mock.rs
index 55d6403..c108972 100644
--- a/rust/scenario_runner/src/frontend_mock.rs
+++ b/rust/scenario_runner/src/frontend_mock.rs
@@ -160,7 +160,7 @@ async fn request_loop(
             | UiRequestData::SetTheme { .. } => {
                 unreachable!()
             }
-            UiRequestData::SetGlobalShortcut { .. } | UiRequestData::RequestSearchResultUpdate => {
+            UiRequestData::SetGlobalShortcut { .. } | UiRequestData::SetWindowPositionMode { .. } | UiRequestData::RequestSearchResultUpdate => {
                 // noop
             }
             UiRequestData::ReplaceView {
diff --git a/scenarios/plugins/docs_grid/src/content_code_block.tsx b/scenarios/plugins/docs_grid/src/content_code_block.tsx
index 6e793e9..3127d08 100644
--- a/scenarios/plugins/docs_grid/src/content_code_block.tsx
+++ b/scenarios/plugins/docs_grid/src/content_code_block.tsx
@@ -14,7 +14,7 @@ export default function Main(): ReactElement {
     return (
         <Grid>
             {items.map(value => (
-                <Grid.Item key={value}>
+                <Grid.Item id={value} key={value}>
                     <Grid.Item.Content>
                         <Grid.Item.Content.CodeBlock>
                             {value}
diff --git a/scenarios/plugins/docs_grid/src/content_headers.tsx b/scenarios/plugins/docs_grid/src/content_headers.tsx
index 1c9b0c7..db65312 100644
--- a/scenarios/plugins/docs_grid/src/content_headers.tsx
+++ b/scenarios/plugins/docs_grid/src/content_headers.tsx
@@ -4,42 +4,42 @@ import { Grid } from "@project-gauntlet/api/components";
 export default function Main(): ReactElement {
     return (
         <Grid>
-            <Grid.Item>
+            <Grid.Item id="episode-1">
                 <Grid.Item.Content>
                     <Grid.Item.Content.H1>
                         Episode I
                     </Grid.Item.Content.H1>
                 </Grid.Item.Content>
             </Grid.Item>
-            <Grid.Item>
+            <Grid.Item id="episode-2">
                 <Grid.Item.Content>
                     <Grid.Item.Content.H2>
                         Episode II
                     </Grid.Item.Content.H2>
                 </Grid.Item.Content>
             </Grid.Item>
-            <Grid.Item>
+            <Grid.Item id="episode-3">
                 <Grid.Item.Content>
                     <Grid.Item.Content.H3>
                         Episode III
                     </Grid.Item.Content.H3>
                 </Grid.Item.Content>
             </Grid.Item>
-            <Grid.Item>
+            <Grid.Item id="episode-4">
                 <Grid.Item.Content>
                     <Grid.Item.Content.H4>
                         Episode IV
                     </Grid.Item.Content.H4>
                 </Grid.Item.Content>
             </Grid.Item>
-            <Grid.Item>
+            <Grid.Item id="episode-5">
                 <Grid.Item.Content>
                     <Grid.Item.Content.H4>
                         Episode V
                     </Grid.Item.Content.H4>
                 </Grid.Item.Content>
             </Grid.Item>
-            <Grid.Item>
+            <Grid.Item id="episode-6">
                 <Grid.Item.Content>
                     <Grid.Item.Content.H4>
                         Episode VI
diff --git a/scenarios/plugins/docs_grid/src/content_image.tsx b/scenarios/plugins/docs_grid/src/content_image.tsx
index e5a50ac..60e0ac0 100644
--- a/scenarios/plugins/docs_grid/src/content_image.tsx
+++ b/scenarios/plugins/docs_grid/src/content_image.tsx
@@ -36,7 +36,7 @@ export default function Main(): ReactElement {
     return (
         <Grid>
             {items.map(value => (
-                <Grid.Item key={value.title} title={value.title}>
+                <Grid.Item id={value.title} key={value.title} title={value.title}>
                     <Grid.Item.Content>
                         <Grid.Item.Content.Image source={{ url: value.image }}/>
                     </Grid.Item.Content>
diff --git a/scenarios/plugins/docs_grid/src/content_paragraph.tsx b/scenarios/plugins/docs_grid/src/content_paragraph.tsx
index 3c4a339..44d76f4 100644
--- a/scenarios/plugins/docs_grid/src/content_paragraph.tsx
+++ b/scenarios/plugins/docs_grid/src/content_paragraph.tsx
@@ -14,7 +14,7 @@ export default function Main(): ReactElement {
     return (
         <Grid>
             {items.map(value => (
-                <Grid.Item key={value}>
+                <Grid.Item id={value} key={value}>
                     <Grid.Item.Content>
                         <Grid.Item.Content.Paragraph>
                             {value}
diff --git a/scenarios/plugins/docs_grid/src/main.tsx b/scenarios/plugins/docs_grid/src/main.tsx
index e5a50ac..60e0ac0 100644
--- a/scenarios/plugins/docs_grid/src/main.tsx
+++ b/scenarios/plugins/docs_grid/src/main.tsx
@@ -36,7 +36,7 @@ export default function Main(): ReactElement {
     return (
         <Grid>
             {items.map(value => (
-                <Grid.Item key={value.title} title={value.title}>
+                <Grid.Item id={value.title} key={value.title} title={value.title}>
                     <Grid.Item.Content>
                         <Grid.Item.Content.Image source={{ url: value.image }}/>
                     </Grid.Item.Content>
diff --git a/scenarios/plugins/docs_grid/src/search_bar.tsx b/scenarios/plugins/docs_grid/src/search_bar.tsx
index ca19caa..ce67753 100644
--- a/scenarios/plugins/docs_grid/src/search_bar.tsx
+++ b/scenarios/plugins/docs_grid/src/search_bar.tsx
@@ -23,7 +23,7 @@ export default function Main(): ReactElement {
             {results
                 .filter(value => !searchText ? true : value.toLowerCase().includes(searchText))
                 .map(value => (
-                    <Grid.Item>
+                    <Grid.Item id={value}>
                         <Grid.Item.Content>
                             <Grid.Item.Content.Paragraph>
                                 {value}
diff --git a/scenarios/plugins/docs_grid/src/section.tsx b/scenarios/plugins/docs_grid/src/section.tsx
index 55e79ab..2d0ab75 100644
--- a/scenarios/plugins/docs_grid/src/section.tsx
+++ b/scenarios/plugins/docs_grid/src/section.tsx
@@ -18,59 +18,59 @@ export default function Main(): ReactElement {
     return (
         <Grid>
             <Grid.Section title="The High Republic">
-                <Grid.Item title="The Blade 1">
+                <Grid.Item id="the-blade-1" title="The Blade 1">
                     <Grid.Item.Content>
                         <Grid.Item.Content.Image source={{ url: theBlade1 }}/>
                     </Grid.Item.Content>
                 </Grid.Item>
-                <Grid.Item title="The Blade 2">
+                <Grid.Item id="the-blade-2" title="The Blade 2">
                     <Grid.Item.Content>
                         <Grid.Item.Content.Image source={{ url: theBlade2 }}/>
                     </Grid.Item.Content>
                 </Grid.Item>
-                <Grid.Item title="The Blade 3">
+                <Grid.Item id="the-blade-3" title="The Blade 3">
                     <Grid.Item.Content>
                         <Grid.Item.Content.Image source={{ url: theBlade3 }}/>
                     </Grid.Item.Content>
                 </Grid.Item>
-                <Grid.Item title="The Blade 4">
+                <Grid.Item id="the-blade-4" title="The Blade 4">
                     <Grid.Item.Content>
                         <Grid.Item.Content.Image source={{ url: theBlade4 }}/>
                     </Grid.Item.Content>
                 </Grid.Item>
             </Grid.Section>
             <Grid.Section title="Darth Vader">
-                <Grid.Item title="Darth Vader 1">
+                <Grid.Item id="darth-vader-1" title="Darth Vader 1">
                     <Grid.Item.Content>
                         <Grid.Item.Content.Image source={{ url: vader1 }}/>
                     </Grid.Item.Content>
                 </Grid.Item>
-                <Grid.Item title="Darth Vader 2">
+                <Grid.Item id="darth-vader-2" title="Darth Vader 2">
                     <Grid.Item.Content>
                         <Grid.Item.Content.Image source={{ url: vader2 }}/>
                     </Grid.Item.Content>
                 </Grid.Item>
-                <Grid.Item title="Darth Vader 3">
+                <Grid.Item id="darth-vader-3" title="Darth Vader 3">
                     <Grid.Item.Content>
                         <Grid.Item.Content.Image source={{ url: vader3 }}/>
                     </Grid.Item.Content>
                 </Grid.Item>
-                <Grid.Item title="Darth Vader 4">
+                <Grid.Item id="darth-vader-4" title="Darth Vader 4">
                     <Grid.Item.Content>
                         <Grid.Item.Content.Image source={{ url: vader4 }}/>
                     </Grid.Item.Content>
                 </Grid.Item>
-                <Grid.Item title="Darth Vader 5">
+                <Grid.Item id="darth-vader-5" title="Darth Vader 5">
                     <Grid.Item.Content>
                         <Grid.Item.Content.Image source={{ url: vader5 }}/>
                     </Grid.Item.Content>
                 </Grid.Item>
-                <Grid.Item title="Darth Vader 6">
+                <Grid.Item id="darth-vader-6" title="Darth Vader 6">
                     <Grid.Item.Content>
                         <Grid.Item.Content.Image source={{ url: vader6 }}/>
                     </Grid.Item.Content>
                 </Grid.Item>
-                <Grid.Item title="Darth Vader 7">
+                <Grid.Item id="darth-vader-7" title="Darth Vader 7">
                     <Grid.Item.Content>
                         <Grid.Item.Content.Image source={{ url: vader7 }}/>
                     </Grid.Item.Content>
diff --git a/scenarios/plugins/docs_list/src/detail.tsx b/scenarios/plugins/docs_list/src/detail.tsx
index d5d5854..72d6a6b 100644
--- a/scenarios/plugins/docs_list/src/detail.tsx
+++ b/scenarios/plugins/docs_list/src/detail.tsx
@@ -4,16 +4,16 @@ import { List } from "@project-gauntlet/api/components";
 export default function Main(): ReactElement {
     return (
         <List>
-            <List.Item title="Adarian"/>
-            <List.Item title="Aruzan"/>
-            <List.Item title="Blutopian"/>
-            <List.Item title="Caphex"/>
-            <List.Item title="Condluran"/>
-            <List.Item title="Frozian"/>
-            <List.Item title="Evereni"/>
-            <List.Item title="Ezaraa"/>
-            <List.Item title="Houk"/>
-            <List.Item title="Inleshat"/>
+            <List.Item id="adarian" title="Adarian"/>
+            <List.Item id="aruzan" title="Aruzan"/>
+            <List.Item id="blutopian" title="Blutopian"/>
+            <List.Item id="caphex" title="Caphex"/>
+            <List.Item id="condluran" title="Condluran"/>
+            <List.Item id="frozian" title="Frozian"/>
+            <List.Item id="evereni" title="Evereni"/>
+            <List.Item id="ezaraa" title="Ezaraa"/>
+            <List.Item id="houk" title="Houk"/>
+            <List.Item id="inleshat" title="Inleshat"/>
             <List.Detail>
                 <List.Detail.Metadata>
                     <List.Detail.Metadata.Value label={"Designation"}>Sentient</List.Detail.Metadata.Value>
diff --git a/scenarios/plugins/docs_list/src/main.tsx b/scenarios/plugins/docs_list/src/main.tsx
index 6bdafeb..6458e49 100644
--- a/scenarios/plugins/docs_list/src/main.tsx
+++ b/scenarios/plugins/docs_list/src/main.tsx
@@ -4,16 +4,16 @@ import { List } from "@project-gauntlet/api/components";
 export default function Main(): ReactElement {
     return (
         <List>
-            <List.Item title="Adarian"/>
-            <List.Item title="Aruzan"/>
-            <List.Item title="Blutopian"/>
-            <List.Item title="Caphex"/>
-            <List.Item title="Condluran"/>
-            <List.Item title="Frozian"/>
-            <List.Item title="Evereni"/>
-            <List.Item title="Ezaraa"/>
-            <List.Item title="Houk"/>
-            <List.Item title="Inleshat"/>
+            <List.Item id="adarian" title="Adarian"/>
+            <List.Item id="aruzan" title="Aruzan"/>
+            <List.Item id="blutopian" title="Blutopian"/>
+            <List.Item id="caphex" title="Caphex"/>
+            <List.Item id="condluran" title="Condluran"/>
+            <List.Item id="frozian" title="Frozian"/>
+            <List.Item id="evereni" title="Evereni"/>
+            <List.Item id="ezaraa" title="Ezaraa"/>
+            <List.Item id="houk" title="Houk"/>
+            <List.Item id="inleshat" title="Inleshat"/>
         </List>
     )
 }
diff --git a/scenarios/plugins/docs_list/src/search_bar.tsx b/scenarios/plugins/docs_list/src/search_bar.tsx
index 618f476..a57aeda 100644
--- a/scenarios/plugins/docs_list/src/search_bar.tsx
+++ b/scenarios/plugins/docs_list/src/search_bar.tsx
@@ -23,7 +23,7 @@ export default function Main(): ReactElement {
             {results
                 .filter(value => !searchText ? true : value.toLowerCase().includes(searchText))
                 .map(value => (
-                    <List.Item title={value}/>
+                    <List.Item id={value} title={value}/>
                 ))
             }
         </List>
diff --git a/scenarios/plugins/docs_list/src/section.tsx b/scenarios/plugins/docs_list/src/section.tsx
index 3d9db2b..9f23846 100644
--- a/scenarios/plugins/docs_list/src/section.tsx
+++ b/scenarios/plugins/docs_list/src/section.tsx
@@ -4,17 +4,17 @@ import { List } from "@project-gauntlet/api/components";
 export default function Main(): ReactElement {
     return (
         <List>
-            <List.Item title="Star Wars"/>
+            <List.Item id="star-wars" title="Star Wars"/>
             <List.Section title="Species">
-                <List.Item title="Frozian"/>
-                <List.Item title="Evereni"/>
-                <List.Item title="Ezaraa"/>
+                <List.Item id="frozian" title="Frozian"/>
+                <List.Item id="evereni" title="Evereni"/>
+                <List.Item id="ezaraa" title="Ezaraa"/>
             </List.Section>
             <List.Section title="Planets">
-                <List.Item title="Ryloth"/>
-                <List.Item title="Tatooine"/>
-                <List.Item title="Dagobah"/>
-                <List.Item title="Coruscant"/>
+                <List.Item id="ryloth" title="Ryloth"/>
+                <List.Item id="tatooine" title="Tatooine"/>
+                <List.Item id="dagobah" title="Dagobah"/>
+                <List.Item id="coruscant" title="Coruscant"/>
             </List.Section>
         </List>
     )