diff --git a/examples/expo-example/.rnstorybook/storybook.requires.ts b/examples/expo-example/.rnstorybook/storybook.requires.ts
index 1c3ca9365c..e2a1116775 100644
--- a/examples/expo-example/.rnstorybook/storybook.requires.ts
+++ b/examples/expo-example/.rnstorybook/storybook.requires.ts
@@ -64,8 +64,9 @@ const annotations = [
 
 globalThis.STORIES = normalizedStories;
 globalThis.STORYBOOK_WEBSOCKET = {
+  host: '192.168.1.172',
   port: 7007,
-  secured: true,
+  secured: false,
 };
 
 module?.hot?.accept?.();
diff --git a/examples/expo-example/components/ActionExample/Actions.stories.tsx b/examples/expo-example/components/ActionExample/Actions.stories.tsx
index 9933e415d5..381ca71b94 100644
--- a/examples/expo-example/components/ActionExample/Actions.stories.tsx
+++ b/examples/expo-example/components/ActionExample/Actions.stories.tsx
@@ -4,6 +4,7 @@ import { fn } from 'storybook/test';
 
 const meta = {
   component: ActionButton,
+  tags: ['actions'],
   parameters: {
     notes: `
 # Button
diff --git a/examples/expo-example/components/BackgroundExample/BackgroundCsf.stories.tsx b/examples/expo-example/components/BackgroundExample/BackgroundCsf.stories.tsx
index 103317e2fb..4c9fef05b6 100644
--- a/examples/expo-example/components/BackgroundExample/BackgroundCsf.stories.tsx
+++ b/examples/expo-example/components/BackgroundExample/BackgroundCsf.stories.tsx
@@ -11,6 +11,7 @@ const styles = StyleSheet.create({
 
 const meta = {
   component: Background,
+  tags: ['backgrounds'],
   // parameters: {
   //   backgrounds: {
   //     default: 'warm',
diff --git a/examples/expo-example/components/BackgroundExample/ThemedCard.stories.tsx b/examples/expo-example/components/BackgroundExample/ThemedCard.stories.tsx
index bf0795104b..085ddd9667 100644
--- a/examples/expo-example/components/BackgroundExample/ThemedCard.stories.tsx
+++ b/examples/expo-example/components/BackgroundExample/ThemedCard.stories.tsx
@@ -23,6 +23,7 @@ const withAppTheme: Meta<typeof ThemedCard>['decorators'] = [
 const meta = {
   title: 'BackgroundExample/ThemedCard',
   component: ThemedCard,
+  tags: ['backgrounds', 'theme'],
   decorators: withAppTheme,
   args: {
     title: 'Themed Card',
diff --git a/examples/expo-example/components/ControlExamples/Array/Array.stories.tsx b/examples/expo-example/components/ControlExamples/Array/Array.stories.tsx
index f6746c6565..a870dcd25e 100644
--- a/examples/expo-example/components/ControlExamples/Array/Array.stories.tsx
+++ b/examples/expo-example/components/ControlExamples/Array/Array.stories.tsx
@@ -3,6 +3,7 @@ import { Array } from './Array';
 
 const meta = {
   component: Array,
+  tags: ['controls', 'array'],
   args: {
     list: ['a', 'b', 'c'],
   },
diff --git a/examples/expo-example/components/ControlExamples/Boolean/Boolean.stories.tsx b/examples/expo-example/components/ControlExamples/Boolean/Boolean.stories.tsx
index c8cf8f6f31..764de5ad4d 100644
--- a/examples/expo-example/components/ControlExamples/Boolean/Boolean.stories.tsx
+++ b/examples/expo-example/components/ControlExamples/Boolean/Boolean.stories.tsx
@@ -3,6 +3,7 @@ import { Switch } from './Boolean';
 
 const meta = {
   component: Switch,
+  tags: ['controls', 'boolean'],
 } satisfies Meta<typeof Switch>;
 
 export default meta;
diff --git a/examples/expo-example/components/ControlExamples/Color/Color.stories.tsx b/examples/expo-example/components/ControlExamples/Color/Color.stories.tsx
index d1734cf6f8..8ac836c65b 100644
--- a/examples/expo-example/components/ControlExamples/Color/Color.stories.tsx
+++ b/examples/expo-example/components/ControlExamples/Color/Color.stories.tsx
@@ -9,6 +9,7 @@ const meta = {
     },
   },
   component: Color,
+  tags: ['controls', 'color'],
 } satisfies Meta<typeof Color>;
 
 export default meta;
diff --git a/examples/expo-example/components/ControlExamples/ControlExample/ControlExample.stories.tsx b/examples/expo-example/components/ControlExamples/ControlExample/ControlExample.stories.tsx
index 65070ba30b..07ba723d8c 100644
--- a/examples/expo-example/components/ControlExamples/ControlExample/ControlExample.stories.tsx
+++ b/examples/expo-example/components/ControlExamples/ControlExample/ControlExample.stories.tsx
@@ -3,6 +3,7 @@ import { ControlExample } from './ControlExample';
 
 const meta = {
   component: ControlExample,
+  tags: ['controls'],
   args: {
     name: 'Storyteller',
     age: 70,
diff --git a/examples/expo-example/components/ControlExamples/Date/Date.stories.tsx b/examples/expo-example/components/ControlExamples/Date/Date.stories.tsx
index 0f9d275e49..564f5ec583 100644
--- a/examples/expo-example/components/ControlExamples/Date/Date.stories.tsx
+++ b/examples/expo-example/components/ControlExamples/Date/Date.stories.tsx
@@ -5,6 +5,7 @@ const date = new Date(1983, 1, 25);
 
 const meta = {
   component: DateString,
+  tags: ['controls', 'date'],
   args: { date: date },
   argTypes: { date: { control: { type: 'date' } } },
 } satisfies Meta<typeof DateString>;
diff --git a/examples/expo-example/components/ControlExamples/Number/Number.stories.tsx b/examples/expo-example/components/ControlExamples/Number/Number.stories.tsx
index 4d037a652a..309b0f57ee 100644
--- a/examples/expo-example/components/ControlExamples/Number/Number.stories.tsx
+++ b/examples/expo-example/components/ControlExamples/Number/Number.stories.tsx
@@ -3,6 +3,7 @@ import { Multiply } from './Number';
 
 const meta = {
   component: Multiply,
+  tags: ['controls', 'number'],
 } satisfies Meta<typeof Multiply>;
 
 export default meta;
diff --git a/examples/expo-example/components/ControlExamples/Object/Object.stories.tsx b/examples/expo-example/components/ControlExamples/Object/Object.stories.tsx
index 9fadedc0a5..94329f0eeb 100644
--- a/examples/expo-example/components/ControlExamples/Object/Object.stories.tsx
+++ b/examples/expo-example/components/ControlExamples/Object/Object.stories.tsx
@@ -3,6 +3,7 @@ import { Movie } from './Object';
 
 const meta = {
   component: Movie,
+  tags: ['controls', 'object'],
   args: {
     filmInfo: {
       releaseYear: 1982,
diff --git a/examples/expo-example/components/ControlExamples/Radio/Radio.stories.tsx b/examples/expo-example/components/ControlExamples/Radio/Radio.stories.tsx
index cd2abb2d9d..8cd1202f80 100644
--- a/examples/expo-example/components/ControlExamples/Radio/Radio.stories.tsx
+++ b/examples/expo-example/components/ControlExamples/Radio/Radio.stories.tsx
@@ -5,6 +5,7 @@ const radio_stations = ['104.8MHz', '909 kHz', '90FM'];
 
 const meta = {
   component: Radio,
+  tags: ['controls', 'radio'],
 
   argTypes: {
     selection: {
diff --git a/examples/expo-example/components/ControlExamples/Reproductions/SelectWithNumber.stories.tsx b/examples/expo-example/components/ControlExamples/Reproductions/SelectWithNumber.stories.tsx
index b2eb8ebdb4..e0e121fa69 100644
--- a/examples/expo-example/components/ControlExamples/Reproductions/SelectWithNumber.stories.tsx
+++ b/examples/expo-example/components/ControlExamples/Reproductions/SelectWithNumber.stories.tsx
@@ -4,6 +4,7 @@ import { MyButton } from './SelectWithNumber';
 
 const meta = {
   component: MyButton,
+  tags: ['controls', 'reproduction'],
 } satisfies Meta<typeof MyButton>;
 
 export default meta;
diff --git a/examples/expo-example/components/ControlExamples/Reproductions/UseArgsLatency.stories.tsx b/examples/expo-example/components/ControlExamples/Reproductions/UseArgsLatency.stories.tsx
index 206e1cfdf8..f95eeb42ef 100644
--- a/examples/expo-example/components/ControlExamples/Reproductions/UseArgsLatency.stories.tsx
+++ b/examples/expo-example/components/ControlExamples/Reproductions/UseArgsLatency.stories.tsx
@@ -59,6 +59,7 @@ const StorySurface = ({
 const meta = {
   title: 'ControlExamples/Reproductions/UseArgsLatency',
   component: StorySurface,
+  tags: ['controls', 'reproduction', 'useargs'],
   args: {
     title: 'useArgs latency repro',
     description: 'Compare how this segmented control feels under different update strategies.',
diff --git a/examples/expo-example/components/ControlExamples/Select/Select.stories.tsx b/examples/expo-example/components/ControlExamples/Select/Select.stories.tsx
index 84a6058553..1c7f074702 100644
--- a/examples/expo-example/components/ControlExamples/Select/Select.stories.tsx
+++ b/examples/expo-example/components/ControlExamples/Select/Select.stories.tsx
@@ -5,6 +5,7 @@ const arrows = { ArrowUp: '⬆', ArrowDown: '⬇', ArrowLeft: '⬅️', ArrowRig
 
 const meta = {
   component: SelectExample,
+  tags: ['controls', 'select'],
   argTypes: {
     arrow: {
       options: Object.values(arrows),
diff --git a/examples/expo-example/components/ControlExamples/Text/Text.stories.tsx b/examples/expo-example/components/ControlExamples/Text/Text.stories.tsx
index 2162fac250..60c80dc930 100644
--- a/examples/expo-example/components/ControlExamples/Text/Text.stories.tsx
+++ b/examples/expo-example/components/ControlExamples/Text/Text.stories.tsx
@@ -3,6 +3,7 @@ import { Heading } from './Text';
 
 const meta = {
   component: Heading,
+  tags: ['controls', 'text'],
   args: { text: 'Hello world!' },
 } satisfies Meta<typeof Heading>;
 
diff --git a/examples/expo-example/components/ControlExamples/WebCompatibility/WebCompatibility.stories.tsx b/examples/expo-example/components/ControlExamples/WebCompatibility/WebCompatibility.stories.tsx
index 2f646968e4..3081f2f239 100644
--- a/examples/expo-example/components/ControlExamples/WebCompatibility/WebCompatibility.stories.tsx
+++ b/examples/expo-example/components/ControlExamples/WebCompatibility/WebCompatibility.stories.tsx
@@ -12,6 +12,7 @@ const ComponentExample = (props: any) => {
 
 export default {
   component: ComponentExample,
+  tags: ['controls', 'web'],
   argTypes: {
     boolean: { control: 'boolean' },
     color: { control: 'color' },
diff --git a/examples/expo-example/components/DeepControls/DeepControls.stories.tsx b/examples/expo-example/components/DeepControls/DeepControls.stories.tsx
index f5e19f8946..eb74cf87a8 100644
--- a/examples/expo-example/components/DeepControls/DeepControls.stories.tsx
+++ b/examples/expo-example/components/DeepControls/DeepControls.stories.tsx
@@ -22,6 +22,7 @@ const DeepControls = ({
 
 const meta = {
   component: DeepControls,
+  tags: ['controls', 'deep-controls'],
 } satisfies Meta<typeof DeepControls>;
 
 export default meta;
@@ -72,4 +73,5 @@ export const Basic: DeepControlsStory = {
       control: 'number',
     },
   },
+  tags: ['controls', 'deep-controls'],
 };
diff --git a/examples/expo-example/components/HiddenControls/HiddenControls.stories.tsx b/examples/expo-example/components/HiddenControls/HiddenControls.stories.tsx
index 3e72313ce8..d2ae118a8d 100644
--- a/examples/expo-example/components/HiddenControls/HiddenControls.stories.tsx
+++ b/examples/expo-example/components/HiddenControls/HiddenControls.stories.tsx
@@ -20,6 +20,7 @@ const HiddenControls = ({ value, padding }: HiddenControlsProps) => {
 
 const meta = {
   component: HiddenControls,
+  tags: ['controls', 'conditional'],
 } satisfies Meta<typeof HiddenControls>;
 
 export default meta;
diff --git a/examples/expo-example/components/InputExample/TextInput.stories.tsx b/examples/expo-example/components/InputExample/TextInput.stories.tsx
index 6de0a40da7..f9dc75969f 100644
--- a/examples/expo-example/components/InputExample/TextInput.stories.tsx
+++ b/examples/expo-example/components/InputExample/TextInput.stories.tsx
@@ -3,6 +3,7 @@ import { Input } from './TextInput';
 
 const meta = {
   component: Input,
+  tags: ['forms', 'input'],
   parameters: {
     notes: 'Use this example to test the software keyboard related issues.',
   },
diff --git a/examples/expo-example/components/InteractionExample/InteractionExample.stories.tsx b/examples/expo-example/components/InteractionExample/InteractionExample.stories.tsx
index 6861749ad3..d0ab0a3ae9 100644
--- a/examples/expo-example/components/InteractionExample/InteractionExample.stories.tsx
+++ b/examples/expo-example/components/InteractionExample/InteractionExample.stories.tsx
@@ -6,6 +6,7 @@ const Placeholder = () => <View />;
 
 const meta = {
   component: Placeholder,
+  tags: ['interaction', 'keyboard'],
   parameters: {
     notes: `
 Use these example to test that tapping the story view will dismiss the keyboard,
diff --git a/examples/expo-example/components/LoginDocsExample/Button/Button.stories.tsx b/examples/expo-example/components/LoginDocsExample/Button/Button.stories.tsx
index c8ed4e14ed..4ba115bb0e 100644
--- a/examples/expo-example/components/LoginDocsExample/Button/Button.stories.tsx
+++ b/examples/expo-example/components/LoginDocsExample/Button/Button.stories.tsx
@@ -4,6 +4,7 @@ import { Button } from './Button';
 
 const meta = {
   component: Button,
+  tags: ['docs', 'forms', 'button'],
   args: {
     onPress: fn(),
   },
diff --git a/examples/expo-example/components/LoginDocsExample/LoginForm/LoginForm.stories.tsx b/examples/expo-example/components/LoginDocsExample/LoginForm/LoginForm.stories.tsx
index 6f45d5301b..d11542b9af 100644
--- a/examples/expo-example/components/LoginDocsExample/LoginForm/LoginForm.stories.tsx
+++ b/examples/expo-example/components/LoginDocsExample/LoginForm/LoginForm.stories.tsx
@@ -4,6 +4,7 @@ import { LoginForm } from './LoginForm';
 
 const meta = {
   component: LoginForm,
+  tags: ['docs', 'forms', 'login'],
   args: {
     onSubmit: fn(),
     emailLabel: 'Email Address',
diff --git a/examples/expo-example/components/LoginDocsExample/TextInput/TextInput.stories.tsx b/examples/expo-example/components/LoginDocsExample/TextInput/TextInput.stories.tsx
index 330eae778e..c26cb09cf8 100644
--- a/examples/expo-example/components/LoginDocsExample/TextInput/TextInput.stories.tsx
+++ b/examples/expo-example/components/LoginDocsExample/TextInput/TextInput.stories.tsx
@@ -3,6 +3,7 @@ import { TextInput } from './TextInput';
 
 const meta = {
   component: TextInput,
+  tags: ['docs', 'forms', 'input'],
   args: {
     placeholder: 'Enter text...',
   },
diff --git a/examples/expo-example/components/NestingExample/ChatMessage.stories.tsx b/examples/expo-example/components/NestingExample/ChatMessage.stories.tsx
index 72aab9a882..389c032697 100644
--- a/examples/expo-example/components/NestingExample/ChatMessage.stories.tsx
+++ b/examples/expo-example/components/NestingExample/ChatMessage.stories.tsx
@@ -3,6 +3,7 @@ import { ChatMessage, ChatMessageProps } from './ChatComponents';
 
 const meta = {
   component: ChatMessage,
+  tags: ['chat', 'message'],
   argTypes: {
     isOwn: { control: 'boolean' },
     showAvatar: { control: 'boolean' },
diff --git a/examples/expo-example/components/NestingExample/ChatMessageBubble.stories.tsx b/examples/expo-example/components/NestingExample/ChatMessageBubble.stories.tsx
index 96ba44a113..331a60c4e0 100644
--- a/examples/expo-example/components/NestingExample/ChatMessageBubble.stories.tsx
+++ b/examples/expo-example/components/NestingExample/ChatMessageBubble.stories.tsx
@@ -4,6 +4,7 @@ import { ChatBubble, ChatBubbleProps } from './ChatComponents';
 const meta = {
   title: 'NestingExample/Message/bubble',
   component: ChatBubble,
+  tags: ['chat', 'bubble'],
   argTypes: {
     isOwn: { control: 'boolean' },
     status: {
diff --git a/examples/expo-example/components/NestingExample/ChatMessageBubbleAgain.stories.tsx b/examples/expo-example/components/NestingExample/ChatMessageBubbleAgain.stories.tsx
index c980aa10d1..fb00ad9929 100644
--- a/examples/expo-example/components/NestingExample/ChatMessageBubbleAgain.stories.tsx
+++ b/examples/expo-example/components/NestingExample/ChatMessageBubbleAgain.stories.tsx
@@ -39,6 +39,7 @@ const meta = {
   title:
     'NestingExample/Message/bubble/a very long name for a title that just keeps going and going',
   component: BubbleWithReactions,
+  tags: ['chat', 'bubble'],
   argTypes: {
     isOwn: { control: 'boolean' },
     showReactions: { control: 'boolean' },
diff --git a/examples/expo-example/components/NestingExample/ChatMessageMessageInput.stories.tsx b/examples/expo-example/components/NestingExample/ChatMessageMessageInput.stories.tsx
index b10f02b166..fcc824100f 100644
--- a/examples/expo-example/components/NestingExample/ChatMessageMessageInput.stories.tsx
+++ b/examples/expo-example/components/NestingExample/ChatMessageMessageInput.stories.tsx
@@ -47,6 +47,7 @@ const styles = StyleSheet.create({
 const meta = {
   title: 'NestingExample/MessageInput',
   component: InputDemo,
+  tags: ['chat', 'input'],
   argTypes: {
     disabled: { control: 'boolean' },
   },
diff --git a/examples/expo-example/components/NestingExample/ChatMessageReactions.stories.tsx b/examples/expo-example/components/NestingExample/ChatMessageReactions.stories.tsx
index c161786ecb..e79f9b3e31 100644
--- a/examples/expo-example/components/NestingExample/ChatMessageReactions.stories.tsx
+++ b/examples/expo-example/components/NestingExample/ChatMessageReactions.stories.tsx
@@ -30,6 +30,7 @@ const styles = StyleSheet.create({
 const meta = {
   title: 'NestingExample/Message/Reactions',
   component: ReactionsDemo,
+  tags: ['chat', 'reactions'],
 } satisfies Meta<ChatReactionsProps>;
 
 export default meta;
diff --git a/examples/expo-example/components/NotesExample/NotesExample.stories.tsx b/examples/expo-example/components/NotesExample/NotesExample.stories.tsx
index 54f6149321..b0adff262f 100644
--- a/examples/expo-example/components/NotesExample/NotesExample.stories.tsx
+++ b/examples/expo-example/components/NotesExample/NotesExample.stories.tsx
@@ -2,6 +2,7 @@ import type { StoryObj, Meta } from '@storybook/react-native';
 import { View, StyleSheet, Text } from 'react-native';
 
 const NotesExampleMeta: Meta<any> = {
+  tags: ['notes'],
   parameters: {
     notes: `
 # H1
diff --git a/examples/expo-example/components/SafeAreaExample/SafeAreaInside.stories.tsx b/examples/expo-example/components/SafeAreaExample/SafeAreaInside.stories.tsx
index f629598521..2a6a466905 100644
--- a/examples/expo-example/components/SafeAreaExample/SafeAreaInside.stories.tsx
+++ b/examples/expo-example/components/SafeAreaExample/SafeAreaInside.stories.tsx
@@ -4,6 +4,7 @@ import { ScrollView } from 'react-native';
 
 const InsideSafeAreaMeta: Meta<typeof AButton> = {
   component: AButton,
+  tags: ['safe-area', 'inside'],
   argTypes: {
     onPress: { action: 'pressed the button' },
   },
diff --git a/examples/expo-example/components/SafeAreaExample/SafeAreaOutside.stories.tsx b/examples/expo-example/components/SafeAreaExample/SafeAreaOutside.stories.tsx
index 3d22ff1d01..e4d8b2e8ab 100644
--- a/examples/expo-example/components/SafeAreaExample/SafeAreaOutside.stories.tsx
+++ b/examples/expo-example/components/SafeAreaExample/SafeAreaOutside.stories.tsx
@@ -4,6 +4,7 @@ import { ScrollView } from 'react-native';
 
 const OutsideSafeAreaMeta: Meta<typeof AButton> = {
   component: AButton,
+  tags: ['safe-area', 'outside'],
   parameters: { noSafeArea: true },
   argTypes: {
     onPress: { action: 'pressed the button' },
diff --git a/examples/expo-example/components/SafeAreaExample/UsableArea.stories.tsx b/examples/expo-example/components/SafeAreaExample/UsableArea.stories.tsx
index 6e99f9d7ae..32e757323e 100644
--- a/examples/expo-example/components/SafeAreaExample/UsableArea.stories.tsx
+++ b/examples/expo-example/components/SafeAreaExample/UsableArea.stories.tsx
@@ -18,6 +18,7 @@ function UsableAreaContent() {
 }
 const meta = {
   component: UsableAreaContent,
+  tags: ['safe-area', 'layout'],
 } satisfies Meta<typeof UsableAreaContent>;
 
 export default meta;
diff --git a/examples/expo-example/components/StoryName/StoryName.stories.tsx b/examples/expo-example/components/StoryName/StoryName.stories.tsx
index 597b2c0cfa..3f35b14cf3 100644
--- a/examples/expo-example/components/StoryName/StoryName.stories.tsx
+++ b/examples/expo-example/components/StoryName/StoryName.stories.tsx
@@ -5,6 +5,7 @@ const StoryName = ({ name }: { name: string }) => <Text>{name}</Text>;
 
 const meta = {
   component: StoryName,
+  tags: ['story-name'],
 } satisfies Meta<typeof StoryName>;
 
 export default meta;
diff --git a/examples/expo-example/components/UserProfileCard/UserProfileCard.stories.tsx b/examples/expo-example/components/UserProfileCard/UserProfileCard.stories.tsx
index 6d368862dd..2a823d6b9f 100644
--- a/examples/expo-example/components/UserProfileCard/UserProfileCard.stories.tsx
+++ b/examples/expo-example/components/UserProfileCard/UserProfileCard.stories.tsx
@@ -5,6 +5,7 @@ import { UserProfileCard } from './UserProfileCard';
 const meta = {
   title: 'UserProfileCard',
   component: UserProfileCard,
+  tags: ['profile', 'card'],
   args: {
     name: 'Jane Doe',
     email: 'jane.doe@example.com',
diff --git a/examples/expo-example/other_components/TestCase/TestCase.stories.tsx b/examples/expo-example/other_components/TestCase/TestCase.stories.tsx
index d8a3b27476..a2e3107915 100644
--- a/examples/expo-example/other_components/TestCase/TestCase.stories.tsx
+++ b/examples/expo-example/other_components/TestCase/TestCase.stories.tsx
@@ -9,6 +9,7 @@ const TestCase = () => {
 
 const meta = {
   component: TestCase,
+  tags: ['testing'],
 } satisfies Meta<typeof TestCase>;
 
 export default meta;
diff --git a/examples/expo-example/other_components/TestCase2/TestCase2.stories.tsx b/examples/expo-example/other_components/TestCase2/TestCase2.stories.tsx
index 4aab97065c..e511fad3d8 100644
--- a/examples/expo-example/other_components/TestCase2/TestCase2.stories.tsx
+++ b/examples/expo-example/other_components/TestCase2/TestCase2.stories.tsx
@@ -7,6 +7,7 @@ const TestCase2 = () => {
 
 const meta = {
   component: TestCase2,
+  tags: ['testing', 'globs'],
 } satisfies Meta<typeof TestCase2>;
 
 export default meta;
diff --git a/packages/react-native-ui-common/package.json b/packages/react-native-ui-common/package.json
index ff31ceedd9..99d77d5bd6 100644
--- a/packages/react-native-ui-common/package.json
+++ b/packages/react-native-ui-common/package.json
@@ -39,6 +39,7 @@
     "typescript": "~5.9.3"
   },
   "dependencies": {
+    "@gorhom/portal": "^1.0.14",
     "@nozbe/microfuzz": "^1.0.0",
     "@storybook/react": "10.3.0-alpha.14",
     "@storybook/react-native-theming": "^10.3.0-next.6",
diff --git a/packages/react-native-ui-common/src/TagsFilter.tsx b/packages/react-native-ui-common/src/TagsFilter.tsx
new file mode 100644
index 0000000000..a2997507a5
--- /dev/null
+++ b/packages/react-native-ui-common/src/TagsFilter.tsx
@@ -0,0 +1,383 @@
+import { Portal } from '@gorhom/portal';
+import { styled } from '@storybook/react-native-theming';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Pressable, ScrollView, useWindowDimensions, View, ViewStyle } from 'react-native';
+import type { API_IndexHash } from 'storybook/internal/types';
+import { Button } from './Button';
+import {
+  type SidebarTagSelection,
+  createSidebarTagFilters,
+  getVisibleSidebarTagFilters,
+  hasActiveSidebarTagSelection,
+} from './util/tags';
+
+const Wrapper = styled.View({
+  marginBottom: 0,
+});
+
+const TriggerWrapper = styled.View({
+  alignItems: 'flex-start',
+});
+
+const SelectedDot = styled.View(({ theme }) => ({
+  position: 'absolute',
+  top: 5,
+  right: 5,
+  width: 6,
+  height: 6,
+  borderRadius: 999,
+  backgroundColor: theme.color.secondary,
+}));
+
+const Panel = styled.View(({ theme }) => ({
+  borderWidth: 1,
+  borderColor: theme.appBorderColor,
+  borderRadius: 8,
+  padding: 8,
+  backgroundColor: theme.background.content,
+  gap: 8,
+  boxShadow: `0 8px 24px 0 ${theme.color.border}`,
+  elevation: 12,
+}));
+
+const PanelHeader = styled.View({
+  flexDirection: 'row',
+  justifyContent: 'space-between',
+  alignItems: 'center',
+  gap: 8,
+});
+
+const HeaderActions = styled.View({
+  minWidth: 56,
+  alignItems: 'flex-end',
+});
+
+const PanelTitle = styled.Text(({ theme }) => ({
+  color: theme.color.defaultText,
+  fontSize: theme.typography.size.s1,
+  fontWeight: theme.typography.weight.bold,
+}));
+
+const EmptyText = styled.Text(({ theme }) => ({
+  color: theme.textMutedColor,
+  fontSize: theme.typography.size.s1,
+  lineHeight: 18,
+}));
+
+const FiltersScrollView = styled(ScrollView)({
+  maxHeight: 220,
+});
+
+const FilterRow = styled.View({
+  minHeight: 40,
+  flexDirection: 'row',
+  alignItems: 'center',
+  gap: 8,
+  paddingVertical: 4,
+});
+
+const FilterToggle = styled.TouchableOpacity({
+  flex: 1,
+  flexDirection: 'row',
+  alignItems: 'center',
+  gap: 10,
+  minHeight: 32,
+});
+
+const Checkbox = styled.View<{ checked: boolean }>(({ theme, checked }) => ({
+  width: 18,
+  height: 18,
+  borderRadius: 4,
+  borderWidth: 1,
+  borderColor: checked ? theme.color.secondary : theme.appBorderColor,
+  backgroundColor: checked ? theme.color.secondary : 'transparent',
+  alignItems: 'center',
+  justifyContent: 'center',
+}));
+
+const Checkmark = styled.Text<{ checked: boolean }>(({ theme, checked }) => ({
+  color: checked ? theme.color.lightest : theme.color.defaultText,
+  fontSize: theme.typography.size.s1 - 1,
+  fontWeight: theme.typography.weight.bold,
+}));
+
+const FilterMeta = styled.View({
+  flex: 1,
+  gap: 2,
+});
+
+const FilterTitleRow = styled.View({
+  flexDirection: 'row',
+  alignItems: 'center',
+  gap: 4,
+});
+
+const FilterTitle = styled.Text(({ theme }) => ({
+  color: theme.color.defaultText,
+  fontSize: theme.typography.size.s1,
+}));
+
+const FilterCount = styled.Text(({ theme }) => ({
+  color: theme.textMutedColor,
+  fontSize: theme.typography.size.s1 - 1,
+}));
+
+const ExcludedLabel = styled.Text(({ theme }) => ({
+  color: theme.textMutedColor,
+  fontSize: theme.typography.size.s1 - 1,
+}));
+
+const ExcludedCount = styled.Text(({ theme }) => ({
+  color: theme.textMutedColor,
+  fontSize: theme.typography.size.s1 - 1,
+  textDecorationLine: 'line-through',
+}));
+
+const RowActions = styled.View({
+  width: 72,
+  alignItems: 'flex-end',
+});
+
+const PopoverContainer = styled.View({
+  position: 'absolute',
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  zIndex: 1000,
+});
+
+const Backdrop = styled(Pressable)({
+  position: 'absolute',
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+});
+
+const PANEL_GAP = 8;
+const SCREEN_PADDING = 8;
+const PANEL_WIDTH = 300;
+const COMPACT_TRIGGER_SIZE = 24;
+const compactTriggerHitSlop = { top: 6, right: 6, bottom: 6, left: 0 };
+const filtersScrollViewStyle = {
+  marginRight: -6,
+} satisfies ViewStyle;
+const filtersScrollContentStyle = {
+  paddingRight: 6,
+} satisfies ViewStyle;
+const compactTriggerStyle = {
+  width: COMPACT_TRIGGER_SIZE,
+  height: COMPACT_TRIGGER_SIZE,
+  paddingHorizontal: 0,
+} satisfies ViewStyle;
+
+type TagsFilterProps = {
+  storiesHash?: API_IndexHash;
+  selection: SidebarTagSelection;
+  onSelectionChange: (selection: SidebarTagSelection) => void;
+  TriggerIcon?: (props: {
+    color?: string;
+    width?: number;
+    height?: number;
+    size?: number;
+  }) => React.ReactElement;
+};
+
+export const TagsFilter = React.memo(function TagsFilter({
+  storiesHash,
+  selection,
+  onSelectionChange,
+  TriggerIcon,
+}: TagsFilterProps) {
+  const [isOpen, setIsOpen] = useState(false);
+  const [anchorRect, setAnchorRect] = useState<{
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+  } | null>(null);
+  const triggerRef = useRef<View>(null);
+  const { width: windowWidth, height: windowHeight } = useWindowDimensions();
+
+  const filtersById = useMemo(() => createSidebarTagFilters(storiesHash), [storiesHash]);
+  const filters = useMemo(() => getVisibleSidebarTagFilters(filtersById), [filtersById]);
+  const activeCount = selection.included.size + selection.excluded.size;
+  const hasActiveSelection = hasActiveSidebarTagSelection(selection);
+
+  const measureTrigger = useCallback(() => {
+    triggerRef.current?.measure((_x, _y, width, height, pageX, pageY) => {
+      setAnchorRect({ x: pageX, y: pageY, width, height });
+    });
+  }, []);
+
+  useEffect(() => {
+    if (!isOpen) {
+      return;
+    }
+
+    const frame = requestAnimationFrame(() => {
+      measureTrigger();
+    });
+
+    return () => cancelAnimationFrame(frame);
+  }, [isOpen, measureTrigger, windowHeight, windowWidth]);
+
+  const updateSelection = useCallback(
+    (id: string) => {
+      const included = new Set(selection.included);
+      const excluded = new Set(selection.excluded);
+
+      if (included.has(id)) {
+        included.delete(id);
+      } else {
+        included.add(id);
+        excluded.delete(id);
+      }
+
+      onSelectionChange({ included, excluded });
+    },
+    [onSelectionChange, selection.excluded, selection.included]
+  );
+
+  const toggleExcluded = useCallback(
+    (id: string) => {
+      const included = new Set(selection.included);
+      const excluded = new Set(selection.excluded);
+
+      if (excluded.has(id)) {
+        excluded.delete(id);
+      } else {
+        excluded.add(id);
+        included.delete(id);
+      }
+
+      onSelectionChange({ included, excluded });
+    },
+    [onSelectionChange, selection.excluded, selection.included]
+  );
+
+  const clearSelection = useCallback(() => {
+    onSelectionChange({ included: new Set<string>(), excluded: new Set<string>() });
+  }, [onSelectionChange]);
+
+  const popoverStyle = useMemo<ViewStyle | undefined>(() => {
+    if (!anchorRect) {
+      return undefined;
+    }
+
+    const width = Math.min(PANEL_WIDTH, windowWidth - SCREEN_PADDING * 2);
+    const left = Math.min(
+      Math.max(SCREEN_PADDING, anchorRect.x),
+      windowWidth - width - SCREEN_PADDING
+    );
+    const top = Math.min(
+      Math.max(SCREEN_PADDING, anchorRect.y + anchorRect.height + PANEL_GAP),
+      windowHeight - SCREEN_PADDING
+    );
+
+    return {
+      position: 'absolute',
+      top,
+      left,
+      width,
+      maxHeight: Math.max(180, windowHeight - top - SCREEN_PADDING),
+    };
+  }, [anchorRect, windowHeight, windowWidth]);
+
+  return (
+    <Wrapper>
+      <TriggerWrapper ref={triggerRef} collapsable={false}>
+        <Button
+          active={hasActiveSelection}
+          onPress={() => {
+            if (!isOpen) {
+              measureTrigger();
+            }
+            setIsOpen((current) => !current);
+          }}
+          accessibilityLabel="Tag filters"
+          Icon={TriggerIcon}
+          hitSlop={compactTriggerHitSlop}
+          padding="small"
+          style={compactTriggerStyle}
+          variant="ghost"
+        >
+          {activeCount > 0 ? <SelectedDot /> : null}
+        </Button>
+      </TriggerWrapper>
+
+      {isOpen && popoverStyle ? (
+        <Portal hostName="storybook-lite-ui-root">
+          <PopoverContainer pointerEvents="box-none">
+            <Backdrop onPress={() => setIsOpen(false)} />
+            <Panel style={popoverStyle}>
+              <PanelHeader>
+                <PanelTitle>Filter stories by tag</PanelTitle>
+                <HeaderActions>
+                  <Button
+                    onPress={clearSelection}
+                    text="Clear"
+                    variant="ghost"
+                    disabled={!hasActiveSelection}
+                    style={{ opacity: hasActiveSelection ? 1 : 0 }}
+                  />
+                </HeaderActions>
+              </PanelHeader>
+
+              {filters.length === 0 ? (
+                <EmptyText>Add tags to your stories to filter them here.</EmptyText>
+              ) : (
+                <FiltersScrollView
+                  keyboardShouldPersistTaps="handled"
+                  style={filtersScrollViewStyle}
+                  contentContainerStyle={filtersScrollContentStyle}
+                >
+                  {filters.map((filter) => {
+                    const isIncluded = selection.included.has(filter.id);
+                    const isExcluded = selection.excluded.has(filter.id);
+                    const isChecked = isIncluded || isExcluded;
+
+                    return (
+                      <FilterRow key={filter.id}>
+                        <FilterToggle
+                          onPress={() => updateSelection(filter.id)}
+                          accessibilityRole="checkbox"
+                          accessibilityState={{ checked: isChecked }}
+                        >
+                          <Checkbox checked={isChecked}>
+                            {isChecked ? (
+                              <Checkmark checked={isIncluded}>{isExcluded ? '−' : '✓'}</Checkmark>
+                            ) : null}
+                          </Checkbox>
+                          <FilterMeta>
+                            <FilterTitleRow>
+                              <FilterTitle>{filter.title}</FilterTitle>
+                              {isExcluded ? <ExcludedLabel>(excluded)</ExcludedLabel> : null}
+                            </FilterTitleRow>
+                            {isExcluded ? (
+                              <ExcludedCount>{filter.count} matches</ExcludedCount>
+                            ) : (
+                              <FilterCount>{filter.count} matches</FilterCount>
+                            )}
+                          </FilterMeta>
+                        </FilterToggle>
+                        <RowActions>
+                          <Button
+                            onPress={() => toggleExcluded(filter.id)}
+                            text={isExcluded ? 'Include' : 'Exclude'}
+                            variant="ghost"
+                          />
+                        </RowActions>
+                      </FilterRow>
+                    );
+                  })}
+                </FiltersScrollView>
+              )}
+            </Panel>
+          </PopoverContainer>
+        </Portal>
+      ) : null}
+    </Wrapper>
+  );
+});
diff --git a/packages/react-native-ui-common/src/index.tsx b/packages/react-native-ui-common/src/index.tsx
index 6806cac500..06853c2233 100644
--- a/packages/react-native-ui-common/src/index.tsx
+++ b/packages/react-native-ui-common/src/index.tsx
@@ -1,6 +1,7 @@
 export * from './IconButton';
 export * from './Button';
 export * from './LayoutProvider';
+export * from './TagsFilter';
 export * from './types';
 export * from './StorageProvider';
 export * from './util';
diff --git a/packages/react-native-ui-common/src/util/index.ts b/packages/react-native-ui-common/src/util/index.ts
index 91b0000d2d..f4cf7e5a71 100644
--- a/packages/react-native-ui-common/src/util/index.ts
+++ b/packages/react-native-ui-common/src/util/index.ts
@@ -1,4 +1,5 @@
 export * from './StoryHash';
+export * from './tags';
 export * from './tree';
 export * from './useStyle';
 export * from './string';
diff --git a/packages/react-native-ui-common/src/util/tags.ts b/packages/react-native-ui-common/src/util/tags.ts
new file mode 100644
index 0000000000..a2a35786f2
--- /dev/null
+++ b/packages/react-native-ui-common/src/util/tags.ts
@@ -0,0 +1,202 @@
+import type { API_HashEntry, API_IndexHash } from 'storybook/internal/types';
+
+const BuiltInTag = {
+  AUTODOCS: 'autodocs',
+  ATTACHED_MDX: 'attached-mdx',
+  UNATTACHED_MDX: 'unattached-mdx',
+  PLAY_FN: 'play-fn',
+  TEST_FN: 'test-fn',
+  DEV: 'dev',
+  TEST: 'test',
+  MANIFEST: 'manifest',
+} as const;
+
+const BUILT_IN_TAGS = new Set<string>(Object.values(BuiltInTag));
+
+export type SidebarTagFilter = {
+  id: string;
+  type: 'tag' | 'built-in';
+  title: string;
+  count: number;
+  filterFn: (entry: SidebarFilterableEntry, excluded?: boolean) => boolean;
+};
+
+export type SidebarTagSelection = {
+  included: Set<string>;
+  excluded: Set<string>;
+};
+
+export const createEmptySidebarTagSelection = (): SidebarTagSelection => ({
+  included: new Set<string>(),
+  excluded: new Set<string>(),
+});
+
+export const hasActiveSidebarTagSelection = ({ included, excluded }: SidebarTagSelection) =>
+  included.size > 0 || excluded.size > 0;
+
+export const groupSidebarTagFiltersByType = (filters: SidebarTagFilter[]) =>
+  filters.filter(Boolean).reduce(
+    (acc, filter) => {
+      acc[filter.type] ??= [];
+      acc[filter.type].push(filter);
+      return acc;
+    },
+    {} as Record<string, SidebarTagFilter[]>
+  );
+
+type SidebarFilterableEntry = Extract<API_HashEntry, { type: 'story' | 'docs' }>;
+
+const isLeafEntry = (entry: API_HashEntry): entry is SidebarFilterableEntry =>
+  entry.type === 'story' || entry.type === 'docs';
+
+export const createSidebarTagFilters = (storiesHash?: API_IndexHash) => {
+  const entries = Object.values(storiesHash ?? {}).filter(isLeafEntry);
+
+  const userTagsCounts = entries.reduce<Record<string, number>>((acc, entry) => {
+    entry.tags?.forEach((tag) => {
+      if (!BUILT_IN_TAGS.has(tag)) {
+        acc[tag] = (acc[tag] || 0) + 1;
+      }
+    });
+    return acc;
+  }, {});
+
+  const userFilters = Object.fromEntries(
+    Object.entries(userTagsCounts).map(([tag, count]) => {
+      const filterFn = (entry: SidebarFilterableEntry, excluded?: boolean) =>
+        excluded ? !entry.tags?.includes(tag) : !!entry.tags?.includes(tag);
+      return [tag, { id: tag, type: 'tag', title: tag, count, filterFn }];
+    })
+  );
+
+  const withCount = (
+    filterFn: SidebarTagFilter['filterFn']
+  ): Pick<SidebarTagFilter, 'count' | 'filterFn'> => ({
+    count: entries.filter((entry) => filterFn(entry)).length,
+    filterFn,
+  });
+
+  const builtInFilters = {
+    _docs: {
+      id: '_docs',
+      type: 'built-in' as const,
+      title: 'Documentation',
+      ...withCount((entry: SidebarFilterableEntry, excluded?: boolean) =>
+        excluded ? entry.type !== 'docs' : entry.type === 'docs'
+      ),
+    },
+    _play: {
+      id: '_play',
+      type: 'built-in' as const,
+      title: 'Play',
+      ...withCount((entry: SidebarFilterableEntry, excluded?: boolean) =>
+        excluded
+          ? entry.type !== 'story' || !entry.tags?.includes(BuiltInTag.PLAY_FN)
+          : entry.type === 'story' && !!entry.tags?.includes(BuiltInTag.PLAY_FN)
+      ),
+    },
+    _test: {
+      id: '_test',
+      type: 'built-in' as const,
+      title: 'Testing',
+      ...withCount((entry: SidebarFilterableEntry, excluded?: boolean) =>
+        excluded
+          ? entry.type !== 'story' || entry.subtype !== 'test'
+          : entry.type === 'story' && entry.subtype === 'test'
+      ),
+    },
+  };
+
+  return { ...builtInFilters, ...userFilters } satisfies Record<string, SidebarTagFilter>;
+};
+
+export const getVisibleSidebarTagFilters = (filtersById: Record<string, SidebarTagFilter>) => {
+  const builtInOrder: Record<string, number> = { _docs: 0, _play: 1, _test: 2 };
+
+  return Object.values(filtersById)
+    .filter((filter) => filter.type !== 'built-in' || filter.count > 0)
+    .sort((left, right) => {
+      if (left.type !== right.type) {
+        return left.type === 'built-in' ? -1 : 1;
+      }
+
+      if (left.type === 'built-in' && right.type === 'built-in') {
+        return (builtInOrder[left.id] ?? 99) - (builtInOrder[right.id] ?? 99);
+      }
+
+      return left.title.localeCompare(right.title);
+    });
+};
+
+export const createSidebarTagFilter = (
+  filtersById: Record<string, SidebarTagFilter>,
+  selection: SidebarTagSelection
+) => {
+  const included = Object.values(
+    groupSidebarTagFiltersByType(
+      Array.from(selection.included)
+        .map((id) => filtersById[id])
+        .filter((value): value is SidebarTagFilter => !!value)
+    )
+  );
+  const excluded = Object.values(
+    groupSidebarTagFiltersByType(
+      Array.from(selection.excluded)
+        .map((id) => filtersById[id])
+        .filter((value): value is SidebarTagFilter => !!value)
+    )
+  );
+
+  return (item: SidebarFilterableEntry) =>
+    (!included.length ||
+      included.every((group) => group.some(({ filterFn }) => filterFn(item, false)))) &&
+    (!excluded.length ||
+      excluded.every((group) => group.every(({ filterFn }) => filterFn(item, true))));
+};
+
+export const filterStoriesHashByTags = (
+  storiesHash: API_IndexHash | undefined,
+  selection: SidebarTagSelection
+) => {
+  if (!storiesHash || !hasActiveSidebarTagSelection(selection)) {
+    return storiesHash;
+  }
+
+  const filtersById = createSidebarTagFilters(storiesHash);
+  const filterFn = createSidebarTagFilter(filtersById, selection);
+  const includedIds = new Set<string>();
+
+  Object.values(storiesHash)
+    .filter(isLeafEntry)
+    .forEach((entry) => {
+      if (!filterFn(entry)) {
+        return;
+      }
+
+      let currentId: string | null | undefined = entry.id;
+      while (currentId && !includedIds.has(currentId)) {
+        includedIds.add(currentId);
+        const currentEntry = storiesHash[currentId];
+        currentId = currentEntry && 'parent' in currentEntry ? currentEntry.parent : undefined;
+      }
+    });
+
+  return Object.keys(storiesHash).reduce<API_IndexHash>((acc, id) => {
+    if (!includedIds.has(id)) {
+      return acc;
+    }
+
+    const entry = storiesHash[id];
+
+    if ('children' in entry && Array.isArray(entry.children)) {
+      acc[id] = {
+        ...entry,
+        children: entry.children.filter((childId) => includedIds.has(childId)),
+      };
+      return acc;
+    }
+
+    acc[id] = entry;
+    return acc;
+  }, {});
+};
diff --git a/packages/react-native-ui-lite/package.json b/packages/react-native-ui-lite/package.json
index d07fcda39d..e00c85fcc3 100644
--- a/packages/react-native-ui-lite/package.json
+++ b/packages/react-native-ui-lite/package.json
@@ -41,7 +41,7 @@
   },
   "dependencies": {
     "@gorhom/portal": "^1.0.14",
-    "@legendapp/list": "3.0.0-beta.38",
+    "@legendapp/list": "3.0.0-beta.42",
     "@nozbe/microfuzz": "^1.0.0",
     "@storybook/react": "10.3.0-alpha.14",
     "@storybook/react-native-theming": "^10.3.0-next.6",
diff --git a/packages/react-native-ui-lite/src/Layout.tsx b/packages/react-native-ui-lite/src/Layout.tsx
index d92773e6c1..be7582555d 100644
--- a/packages/react-native-ui-lite/src/Layout.tsx
+++ b/packages/react-native-ui-lite/src/Layout.tsx
@@ -16,7 +16,7 @@ import { Text, TouchableOpacity, useWindowDimensions, View, ViewStyle } from 're
 import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context';
 import { SET_CURRENT_STORY } from 'storybook/internal/core-events';
 import type { Args, StoryContext } from 'storybook/internal/csf';
-import { type API_IndexHash } from 'storybook/internal/types';
+import type { API_IndexHash } from 'storybook/internal/types';
 import { addons } from 'storybook/manager-api';
 import { AddonsTabs, MobileAddonsPanel, MobileAddonsPanelRef } from './MobileAddonsPanel';
 import { MobileMenuDrawer, MobileMenuDrawerRef } from './MobileMenuDrawer';
diff --git a/packages/react-native-ui-lite/src/Search.tsx b/packages/react-native-ui-lite/src/Search.tsx
index 957e843ca3..dd2baf7639 100644
--- a/packages/react-native-ui-lite/src/Search.tsx
+++ b/packages/react-native-ui-lite/src/Search.tsx
@@ -35,6 +35,19 @@ const SearchIconWrapper = styled.View({
 
 const SearchField = styled.View({
   flexShrink: 0,
+  position: 'relative',
+});
+
+const SearchActions = styled.View({
+  position: 'absolute',
+  top: 0,
+  right: 8,
+  bottom: 0,
+  zIndex: 1,
+  display: 'flex',
+  flexDirection: 'row',
+  alignItems: 'center',
+  gap: 4,
 });
 
 const inputPlatformSpecificStyles = Platform.select({
@@ -64,18 +77,13 @@ const Input = styled(TextInput)(({ theme }) => ({
 }));
 
 const ClearIcon = styled.TouchableOpacity(({ theme }) => ({
-  position: 'absolute',
-  top: 0,
-  bottom: 0,
-  right: 0,
-  zIndex: 1,
   color: theme.textMutedColor,
   cursor: 'pointer',
   display: 'flex',
   alignItems: 'center',
   justifyContent: 'center',
-  height: '100%',
-  paddingHorizontal: 12,
+  width: 28,
+  height: 28,
 }));
 
 const flexStyle: ViewStyle = { flex: 1 };
@@ -87,7 +95,8 @@ export const Search = React.memo<{
   setSelection: (selection: Selection) => void;
   getLastViewed: () => Selection[];
   initialQuery?: string;
-}>(function Search({ children, dataset, setSelection, getLastViewed, initialQuery = '' }) {
+  searchFieldContent?: React.ReactNode;
+}>(function Search({ children, dataset, setSelection, initialQuery = '', searchFieldContent }) {
   const theme = useTheme();
   const inputRef = useRef<TextInput>(null);
   const [inputValue, setInputValue] = useState(initialQuery);
@@ -244,20 +253,24 @@ export const Search = React.memo<{
             onChangeText={setInputValue}
             onFocus={() => setIsOpen(true)}
             returnKeyType="search"
+            style={{ paddingRight: 72 }}
           />
 
-          {isOpen && (
-            <ClearIcon
-              accessibilityRole="button"
-              accessibilityLabel="Clear search"
-              onPress={() => {
-                setInputValue('');
-                inputRef.current.clear();
-              }}
-            >
-              <CloseIcon color={theme.textMutedColor} />
-            </ClearIcon>
-          )}
+          <SearchActions>
+            {isOpen && inputValue.length > 0 && (
+              <ClearIcon
+                accessibilityRole="button"
+                accessibilityLabel="Clear search"
+                onPress={() => {
+                  setInputValue('');
+                  inputRef.current.clear();
+                }}
+              >
+                <CloseIcon color={theme.textMutedColor} />
+              </ClearIcon>
+            )}
+            {searchFieldContent}
+          </SearchActions>
         </SearchField>
       </View>
 
diff --git a/packages/react-native-ui-lite/src/Sidebar.tsx b/packages/react-native-ui-lite/src/Sidebar.tsx
index fa132d9e90..3356b61bde 100644
--- a/packages/react-native-ui-lite/src/Sidebar.tsx
+++ b/packages/react-native-ui-lite/src/Sidebar.tsx
@@ -1,12 +1,19 @@
 import { styled } from '@storybook/react-native-theming';
 import type { CombinedDataset, Selection } from '@storybook/react-native-ui-common';
-import { useLastViewed } from '@storybook/react-native-ui-common';
-import React, { useMemo } from 'react';
+import {
+  createEmptySidebarTagSelection,
+  filterStoriesHashByTags,
+  hasActiveSidebarTagSelection,
+  TagsFilter,
+  useLastViewed,
+} from '@storybook/react-native-ui-common';
+import React, { useMemo, useState } from 'react';
 import { View, ViewStyle } from 'react-native';
 import type { State } from 'storybook/manager-api';
 import type { API_LoadedRefData } from 'storybook/internal/types';
 import { DEFAULT_REF_ID } from './constants';
 import { Explorer } from './Explorer';
+import { FilterIcon } from './icon/iconDataUris';
 import { Search } from './Search';
 import { SearchResults } from './SearchResults';
 
@@ -22,7 +29,6 @@ const Top = styled.View({
 });
 
 const flexStyle: ViewStyle = { flex: 1 };
-
 // legend list print a warning if the items height is 0
 const noneStyle: ViewStyle = {
   // display: 'none',
@@ -108,7 +114,15 @@ export const Sidebar = React.memo(function Sidebar({
   setSelection,
 }: SidebarProps) {
   const selected: Selection = useMemo(() => storyId && { storyId, refId }, [storyId, refId]);
-  const dataset = useCombination(index, indexError, previewInitialized, status, refs);
+  const [tagSelection, setTagSelection] = useState(createEmptySidebarTagSelection);
+  const filteredIndex = useMemo(() => {
+    if (!index || !hasActiveSidebarTagSelection(tagSelection)) {
+      return index;
+    }
+
+    return filterStoriesHashByTags(index, tagSelection);
+  }, [index, tagSelection]);
+  const dataset = useCombination(filteredIndex, indexError, previewInitialized, status, refs);
   const lastViewedProps = useLastViewed(selected);
 
   return (
@@ -123,7 +137,21 @@ export const Sidebar = React.memo(function Sidebar({
             isLoading={isLoading}
             onMenuClick={onMenuClick}
           /> */}
-        <Search dataset={dataset} setSelection={setSelection} {...lastViewedProps}>
+        <Search
+          dataset={dataset}
+          setSelection={setSelection}
+          searchFieldContent={
+            index ? (
+              <TagsFilter
+                storiesHash={index}
+                selection={tagSelection}
+                onSelectionChange={setTagSelection}
+                TriggerIcon={FilterIcon}
+              />
+            ) : null
+          }
+          {...lastViewedProps}
+        >
           {({ query, results, isBrowsing, closeMenu, getItemProps, highlightedIndex }) => (
             <Swap condition={isBrowsing}>
               <Explorer
diff --git a/packages/react-native-ui-lite/src/icon/iconDataUris.tsx b/packages/react-native-ui-lite/src/icon/iconDataUris.tsx
index 7bcf04b14c..5721276c58 100644
--- a/packages/react-native-ui-lite/src/icon/iconDataUris.tsx
+++ b/packages/react-native-ui-lite/src/icon/iconDataUris.tsx
@@ -32,6 +32,8 @@ export const iconDataURIs: IconDataURIs = {
     'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAjVBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKOChgAAAALnRSTlMAwry+2NMMChYZvbsJwdQ9F/vVD4OdmF8c5xQVG8nohZ+EXguHEIKaYMq6/pnIi+qgLAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAapJREFUeJztmslWwzAMRR8tIJOWpuk8l3nG//95LCClDR1kR2/BOX6rLuR7nXQTywJC8vi8Wn30QYu78N778ysu39MM7ofPMrgNn2NwW3yGwe3w7Q2uwrc2dHslN8vKX70uY//Xl+2W/TO4LT5gb3A7fHuDq/CtDe4P39bgNvyzDR9oN6wMbi8fECODO8C3Mhzm2xiO8WFgOM5HbcMpPmoaTvNRy6Dho4ZBx0e0QctHpEHPR5QhhI8IQxgfwYb7TlnfFN2OpFmu6GhWPITysWVYK6pfg/n4NXwqihsh77/6P7zhdMbB+996hjsoMij8+zCQD8jQ++JJVzvLF4jIIp/FLEtJSUlJSUlJSfnHmeeTmGWTfK4rHBTeR3z83nhfDDSVL3U+38eK0mbUAST7XtVS1C7rHKGWiuJ1nUPgraaafYxF8EE84x71hdysEHK7RcgNIyG3vITctBNy21HIjVMht36F3LwWcvtdyBcIQr4CETM+9hos+dhjsOXjj8Gaj4rBno8dA4MP+nUv6BfWoF+5gz40APrYA+iDG6CPnvCHZ4D+aDodhY3/fAHKkrVkOl65UQAAAABJRU5ErkJggg==',
   FaceHappyIcon:
     'data:image/png;base64,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',
+  FilterIcon:
+    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADqADAAQAAAABAAAADgAAAAC98Dn6AAAALUlEQVQoFWNgGAgQBbT0P4kYpGcAATFOHmAnoocONicPMieiO/kWUACEBwkAAF6vG7niDMTvAAAAAElFTkSuQmCC',
   FullscreenIcon:
     'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAA5FBMVEVMaXEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABFqHrMAAAAS3RSTlMAXf22IiVX/Pteu1wFX1YIWPchR5ANB4j4BiMWvOvqSAQXRSmRkiAo+ZydJ9z2DtKTRh+K1NNNhr5P1brf3t3+UE5DDESOjxgJm57N7FaIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC2UlEQVR4nO1Z13LbMBAEKRskYxWqWMWWmyRbJa5xiXtJT/D//5MRGUo8ECQOIDTJZLhvhG93ZdQDjpACBcyh3FiLY1ONvQnIjXIi4Md5lwHY/SO8fOPWhuz6YY0LOWcJXLex+u37JHsEQ8r1ZAgbYA2aAnId9tKWIIR5WANPxN4CIeuCCPs91mDMjUCAdanBR6w+IR0lg513c0xv8PqEvE0D0g7KwEH3PQ/q4rpI14G62DHQc6AufpB1HCjUFxvsOpHDhqr+xoK6m2FQqrqa/wNdEK1SlgHRdKBLfZJtoOdAY/oyAx0HGteXGqg7UKAvNvgcblc/OYKnph+Gz4IPmzsS+0HrDT/lLLm+xU/tu+DrgQtrXDNmL/ZPBQcruXQ6NmNnH/jA3sCL7f9oB0u0NMfel57shyHHgeouzDi1kh7k6+vHHOzKSvQRDn4+famDn1df4uDn18908E3ox6d5E/5hT2WxoxyeYfujIX2ydNiOtx4Y0yfROMBk9k+ynK//ocNX2Ngyp09I85l1v3EXilqry465gc+B7eSViJTBoBQoUKDAf4Dvos3uwJj83iObtPjtejRhT4a2az84cFqw8TA751PXZ13QS72JJKv8dw59K9I/hu1PptMiZzWJF03PD5dZpYnU1PGMXm6QEtTY9cBJEcjpgKBTI1c0x1vxJdMzEDZH7cIbmrqID72LxLv32j1jdkdZn4gcLl8Yu+Lf7m+DoDdlfZJ0eA2++jDqNHzOmZp4zvkVLvDT1Acp5alBIUH24qUx9SigSAy0pjaNk7INNJcOjdEyDbSXJl0SS3/zaZnlOKaqmMfxHPqEd8gqUGges1VkgUL/GK+6CkWi2Z2K9OtMoUgUYbG3ynEpoMsN7DFCOsDwRWqQr9RYkZca908EIZ+wBgN5sTRMxyHOpO/PEdpXSTaX7pPaiCv42g+J9/N0HPW5cukJf2GZ95LJkvu+GrtAAZKF3wgt1KZylEhqAAAAAElFTkSuQmCC',
   GroupIcon:
@@ -279,6 +281,25 @@ export function FaceHappyIcon({
   );
 }
 
+export function FilterIcon({
+  color,
+  width = 14,
+  height = 14,
+  size,
+}: {
+  color?: string;
+  width?: number;
+  height?: number;
+  size?: number;
+}) {
+  return (
+    <Image
+      source={{ uri: getIconDataURI('FilterIcon') }}
+      style={{ width: size || width, height: size || height, tintColor: color }}
+    />
+  );
+}
+
 export function FullscreenIcon({
   color,
   width = 14,
diff --git a/packages/react-native-ui/src/Layout.tsx b/packages/react-native-ui/src/Layout.tsx
index ae808b9160..5ec88585bb 100644
--- a/packages/react-native-ui/src/Layout.tsx
+++ b/packages/react-native-ui/src/Layout.tsx
@@ -1,5 +1,5 @@
 import { BottomSheetModalProvider } from '@gorhom/bottom-sheet';
-import { PortalHost } from '@gorhom/portal';
+import { PortalHost, PortalProvider } from '@gorhom/portal';
 import type { ReactRenderer } from '@storybook/react';
 import { styled, ThemeProvider, useTheme } from '@storybook/react-native-theming';
 import {
@@ -73,14 +73,16 @@ export const FullUI: SBUI = ({
           <BottomSheetModalProvider>
             <StorageProvider storage={storage}>
               <LayoutProvider>
-                <Layout
-                  storyHash={storyHash}
-                  story={story}
-                  storyBackgroundColor={storyBackgroundColor}
-                >
-                  {children}
-                </Layout>
-                <PortalHost name="storybook-lite-ui-root" />
+                <PortalProvider shouldAddRootHost={false}>
+                  <Layout
+                    storyHash={storyHash}
+                    story={story}
+                    storyBackgroundColor={storyBackgroundColor}
+                  >
+                    {children}
+                  </Layout>
+                  <PortalHost name="storybook-lite-ui-root" />
+                </PortalProvider>
               </LayoutProvider>
             </StorageProvider>
           </BottomSheetModalProvider>
diff --git a/packages/react-native-ui/src/Search.tsx b/packages/react-native-ui/src/Search.tsx
index 654bcc4e99..9442fde9a9 100644
--- a/packages/react-native-ui/src/Search.tsx
+++ b/packages/react-native-ui/src/Search.tsx
@@ -41,6 +41,18 @@ const SearchField = styled.View({
   position: 'relative',
 });
 
+const SearchActions = styled.View({
+  position: 'absolute',
+  top: 0,
+  right: 8,
+  bottom: 0,
+  zIndex: 1,
+  display: 'flex',
+  flexDirection: 'row',
+  alignItems: 'center',
+  gap: 4,
+});
+
 const BottomSheetInput = styled(BottomSheetTextInput)(({ theme }) => ({
   height: 32,
   paddingLeft: 28,
@@ -70,17 +82,13 @@ const Input = styled(TextInput)(({ theme }) => ({
 }));
 
 const ClearIcon = styled.TouchableOpacity(({ theme }) => ({
-  position: 'absolute',
-  top: 0,
-  bottom: 0,
-  right: 8,
-  zIndex: 1,
   color: theme.textMutedColor,
   cursor: 'pointer',
   display: 'flex',
   alignItems: 'center',
   justifyContent: 'center',
-  height: '100%',
+  width: 28,
+  height: 28,
 }));
 
 export const Search = React.memo<{
@@ -89,7 +97,8 @@ export const Search = React.memo<{
   setSelection: (selection: Selection) => void;
   getLastViewed: () => Selection[];
   initialQuery?: string;
-}>(function Search({ children, dataset, setSelection, getLastViewed, initialQuery = '' }) {
+  searchFieldContent?: React.ReactNode;
+}>(function Search({ children, dataset, setSelection, initialQuery = '', searchFieldContent }) {
   const context = useBottomSheetInternal(true);
   const isBottomSheet = context !== null;
 
@@ -246,22 +255,31 @@ export const Search = React.memo<{
             ref={inputRef as any} // TODO find solution for this
             onChangeText={setInputValue}
             onFocus={() => setIsOpen(true)}
-            onBlur={() => setIsOpen(false)}
+            style={{ paddingRight: 72 }}
           />
         ) : (
-          <Input ref={inputRef} onChangeText={setInputValue} onFocus={() => setIsOpen(true)} />
+          <Input
+            ref={inputRef}
+            onChangeText={setInputValue}
+            onFocus={() => setIsOpen(true)}
+            style={{ paddingRight: 72 }}
+          />
         )}
 
-        {isOpen && (
-          <ClearIcon
-            onPress={() => {
-              setInputValue('');
-              inputRef.current.clear();
-            }}
-          >
-            <CloseIcon />
-          </ClearIcon>
-        )}
+        <SearchActions pointerEvents="box-none">
+          {isOpen && inputValue.length > 0 && (
+            <ClearIcon
+              onPress={() => {
+                setInputValue('');
+                inputRef.current.clear();
+              }}
+              accessibilityLabel="Clear search"
+            >
+              <CloseIcon />
+            </ClearIcon>
+          )}
+          {searchFieldContent}
+        </SearchActions>
       </SearchField>
 
       {children({
diff --git a/packages/react-native-ui/src/Sidebar.tsx b/packages/react-native-ui/src/Sidebar.tsx
index d623c0c0a9..c029402152 100644
--- a/packages/react-native-ui/src/Sidebar.tsx
+++ b/packages/react-native-ui/src/Sidebar.tsx
@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React, { useMemo, useState } from 'react';
 import { styled } from '@storybook/react-native-theming';
 import type { State } from 'storybook/manager-api';
 import type { API_LoadedRefData } from 'storybook/internal/types';
@@ -6,9 +6,16 @@ import { Explorer } from './Explorer';
 import { Search } from './Search';
 import { SearchResults } from './SearchResults';
 import type { CombinedDataset, Selection } from '@storybook/react-native-ui-common';
-import { useLastViewed } from '@storybook/react-native-ui-common';
+import {
+  createEmptySidebarTagSelection,
+  filterStoriesHashByTags,
+  hasActiveSidebarTagSelection,
+  TagsFilter,
+  useLastViewed,
+} from '@storybook/react-native-ui-common';
 import { DEFAULT_REF_ID } from './constants';
 import { View } from 'react-native';
+import { FilterIcon } from './icon/FilterIcon';
 
 const Container = styled.View(({ theme }) => ({
   width: '100%',
@@ -23,7 +30,7 @@ const Top = styled.View({
   paddingRight: 4,
   paddingTop: 16,
   flex: 1,
-  flexDirection: 'row',
+  flexDirection: 'column',
 });
 
 const Swap = React.memo(function Swap({
@@ -87,7 +94,15 @@ export const Sidebar = React.memo(function Sidebar({
   setSelection,
 }: SidebarProps) {
   const selected: Selection = useMemo(() => storyId && { storyId, refId }, [storyId, refId]);
-  const dataset = useCombination(index, indexError, previewInitialized, status, refs);
+  const [tagSelection, setTagSelection] = useState(createEmptySidebarTagSelection);
+  const filteredIndex = useMemo(() => {
+    if (!index || !hasActiveSidebarTagSelection(tagSelection)) {
+      return index;
+    }
+
+    return filterStoriesHashByTags(index, tagSelection);
+  }, [index, tagSelection]);
+  const dataset = useCombination(filteredIndex, indexError, previewInitialized, status, refs);
   const lastViewedProps = useLastViewed(selected);
 
   return (
@@ -102,7 +117,21 @@ export const Sidebar = React.memo(function Sidebar({
             isLoading={isLoading}
             onMenuClick={onMenuClick}
           /> */}
-        <Search dataset={dataset} setSelection={setSelection} {...lastViewedProps}>
+        <Search
+          dataset={dataset}
+          setSelection={setSelection}
+          searchFieldContent={
+            index ? (
+              <TagsFilter
+                storiesHash={index}
+                selection={tagSelection}
+                onSelectionChange={setTagSelection}
+                TriggerIcon={FilterIcon}
+              />
+            ) : null
+          }
+          {...lastViewedProps}
+        >
           {({ query, results, isBrowsing, closeMenu, getItemProps, highlightedIndex }) => (
             <Swap condition={isBrowsing}>
               <Explorer
diff --git a/packages/react-native-ui/src/icon/FilterIcon.tsx b/packages/react-native-ui/src/icon/FilterIcon.tsx
new file mode 100644
index 0000000000..e803bdb280
--- /dev/null
+++ b/packages/react-native-ui/src/icon/FilterIcon.tsx
@@ -0,0 +1,17 @@
+import { Path, Svg, SvgProps } from 'react-native-svg';
+
+export const FilterIcon = ({
+  color = 'currentColor',
+  width = 14,
+  height = 14,
+  ...props
+}: SvgProps) => {
+  return (
+    <Svg width={width} height={height} viewBox="0 0 14 14" fill="none" {...props}>
+      <Path
+        d="M1 2a.5.5 0 000 1h12a.5.5 0 000-1H1zM3 5a.5.5 0 000 1h8a.5.5 0 000-1H3zM4.5 8.5A.5.5 0 015 8h4a.5.5 0 010 1H5a.5.5 0 01-.5-.5zM6.5 11a.5.5 0 000 1h1a.5.5 0 000-1h-1z"
+        fill={color}
+      />
+    </Svg>
+  );
+};
diff --git a/packages/react-native/src/Start.tsx b/packages/react-native/src/Start.tsx
index c186b5a308..4608798430 100644
--- a/packages/react-native/src/Start.tsx
+++ b/packages/react-native/src/Start.tsx
@@ -16,6 +16,11 @@ import { View } from './View';
 import { prepareStories, type ReactNativeOptions } from './prepareStories';
 export { prepareStories, type ReactNativeOptions } from './prepareStories';
 
+type StorybookGlobals = typeof globalThis & {
+  __STORYBOOK_ADDONS_CHANNEL__?: Channel;
+  __STORYBOOK_PREVIEW__?: PreviewWithSelection<ReactRenderer>;
+};
+
 /**
  * Since we aren't supporting  these web addons yet in react native (or reimplement them) then we should disable them
  * to avoid running code for addons that are not supported.
@@ -37,10 +42,10 @@ if (Platform.OS === 'web' && typeof globalThis.setImmediate === 'undefined') {
 export const getProjectAnnotations = (view: View, annotations: any[]) => async () =>
   composeConfigs<ReactRenderer>([
     {
-      renderToCanvas: (context) => {
+      renderToCanvas: (context: any) => {
         view._setStory(context.storyContext);
       },
-      render: (args, context) => {
+      render: (args: any, context: any) => {
         const { id, component: Component } = context;
 
         if (!Component) {
@@ -107,10 +112,10 @@ export function start({
   } satisfies PreviewView<ReactRenderer>;
 
   const selectionStore = {
-    selection: null,
+    selection: undefined,
     selectionSpecifier: null,
     setQueryParams: () => {},
-    setSelection: (selection) => {
+    setSelection: (selection: NonNullable<SelectionStore['selection']>) => {
       preview.selectionStore.selection = selection;
     },
   } satisfies SelectionStore;
@@ -118,10 +123,10 @@ export function start({
   const getProjectAnnotationsInitial = async () =>
     composeConfigs<ReactRenderer>([
       {
-        renderToCanvas: (context) => {
+        renderToCanvas: (context: any) => {
           view._setStory(context.storyContext);
         },
-        render: (args, context) => {
+        render: (args: any, context: any) => {
           const { id, component: Component } = context;
 
           if (!Component) {
@@ -145,10 +150,9 @@ export function start({
 
   const view = new View(preview, channel);
 
-  if (global) {
-    global.__STORYBOOK_ADDONS_CHANNEL__ = channel;
-    global.__STORYBOOK_PREVIEW__ = preview;
-  }
+  const globalScope = globalThis as StorybookGlobals;
+  globalScope.__STORYBOOK_ADDONS_CHANNEL__ = channel;
+  globalScope.__STORYBOOK_PREVIEW__ = preview;
 
   view._storyIndex = index;
 
diff --git a/packages/react-native/src/View.tsx b/packages/react-native/src/View.tsx
index b0f75610b3..2cc4b490ee 100644
--- a/packages/react-native/src/View.tsx
+++ b/packages/react-native/src/View.tsx
@@ -27,6 +27,22 @@ import {
   STORYBOOK_STORY_ID_PARAM,
 } from './constants';
 
+type StorybookGlobals = typeof globalThis & {
+  STORYBOOK_WEBSOCKET?: {
+    host?: string;
+    port?: number;
+    secured?: boolean;
+  };
+  FEATURES?: {
+    ondeviceBackgrounds?: boolean;
+  };
+};
+
+const defaultStorage: Storage = {
+  getItem: async () => null,
+  setItem: async () => {},
+};
+
 function resolveStoryBackgroundColor(
   story?: StoryContext<ReactRenderer> | null
 ): string | undefined {
@@ -109,14 +125,14 @@ export type Params = {
 };
 
 export class View {
-  _storyIndex: StoryIndex;
+  _storyIndex: StoryIndex = { v: 5, entries: {} };
   _setStory: (story: StoryContext<ReactRenderer>) => void = () => {};
   _forceRerender: () => void = () => {};
   _ready: boolean = false;
   _preview: PreviewWithSelection<ReactRenderer>;
-  _asyncStorageStoryId: string;
-  _webUrl: string;
-  _storage: Storage;
+  _asyncStorageStoryId: string | null = null;
+  _webUrl: string = '';
+  _storage: Storage = defaultStorage;
   _channel: Channel;
   _idToPrepared: Record<string, PreparedStory<ReactRenderer>> = {};
 
@@ -168,35 +184,41 @@ export class View {
   };
 
   _getHost = (params: Partial<Params> = {}) => {
+    const globalScope = globalThis as StorybookGlobals;
+
     if (params.host) {
       return params.host;
     }
 
-    if (globalThis.STORYBOOK_WEBSOCKET?.host) {
-      return globalThis.STORYBOOK_WEBSOCKET.host;
+    if (globalScope.STORYBOOK_WEBSOCKET?.host) {
+      return globalScope.STORYBOOK_WEBSOCKET.host;
     }
 
     return Platform.OS === 'android' ? '10.0.2.2' : 'localhost';
   };
 
   __getPort = (params: Partial<Params> = {}) => {
+    const globalScope = globalThis as StorybookGlobals;
+
     if (params.port) {
       return params.port;
     }
 
-    if (globalThis.STORYBOOK_WEBSOCKET?.port) {
-      return globalThis.STORYBOOK_WEBSOCKET.port;
+    if (globalScope.STORYBOOK_WEBSOCKET?.port) {
+      return globalScope.STORYBOOK_WEBSOCKET.port;
     }
 
     return 7007;
   };
 
   _isSecureConnection = (params: Partial<Params> = {}) => {
+    const globalScope = globalThis as StorybookGlobals;
+
     if (typeof params.secured === 'boolean') {
       return params.secured;
     }
 
-    return globalThis.STORYBOOK_WEBSOCKET?.secured ?? false;
+    return globalScope.STORYBOOK_WEBSOCKET?.secured ?? false;
   };
 
   _getServerChannel = (params: Partial<Params> = {}) => {
@@ -260,7 +282,7 @@ export class View {
 
     const FullUI: SBUI = getFullUI(onDeviceUI && !CustomUIComponent);
 
-    this._storage = storage;
+    this._storage = storage ?? defaultStorage;
 
     const initialStory = this._getInitialStory(params);
 
@@ -283,7 +305,7 @@ export class View {
 
     managerAddons.loadAddons({
       store: () => ({
-        fromId: (id) => {
+        fromId: (id: string) => {
           if (!this._ready) {
             throw new Error('Storybook is not ready yet');
           }
@@ -446,7 +468,7 @@ export class View {
         );
       }
 
-      const storyBackgroundColor = globalThis.FEATURES?.ondeviceBackgrounds
+      const storyBackgroundColor = (globalThis as StorybookGlobals).FEATURES?.ondeviceBackgrounds
         ? resolveStoryBackgroundColor(story)
         : undefined;
 
@@ -454,12 +476,12 @@ export class View {
         if (CustomUIComponent) {
           return (
             <CustomUIComponent
-              story={story}
+              story={story ?? undefined}
               storyHash={storyHash}
               setStory={(newStoryId) =>
                 self._channel.emit(SET_CURRENT_STORY, { storyId: newStoryId })
               }
-              storage={storage}
+              storage={self._storage}
               theme={appliedTheme as Theme}
               storyBackgroundColor={storyBackgroundColor}
             >
@@ -473,10 +495,10 @@ export class View {
 
         return (
           <FullUI
-            storage={storage}
+            storage={self._storage}
             theme={appliedTheme as Theme}
             storyHash={storyHash}
-            story={story}
+            story={story ?? undefined}
             setStory={(newStoryId) =>
               self._channel.emit(SET_CURRENT_STORY, { storyId: newStoryId })
             }
diff --git a/packages/react-native/src/components/StoryView/ErrorBoundary.tsx b/packages/react-native/src/components/StoryView/ErrorBoundary.tsx
index 6f172ca422..ef5d677f42 100644
--- a/packages/react-native/src/components/StoryView/ErrorBoundary.tsx
+++ b/packages/react-native/src/components/StoryView/ErrorBoundary.tsx
@@ -5,17 +5,20 @@ export class ErrorBoundary extends React.Component<
   { children: ReactNode | ReactNode[]; onError: (error: Error, stack: string) => void },
   { hasError: boolean }
 > {
-  constructor(props) {
+  constructor(props: {
+    children: ReactNode | ReactNode[];
+    onError: (error: Error, stack: string) => void;
+  }) {
     super(props);
     this.state = { hasError: false };
   }
 
-  static getDerivedStateFromError(_error) {
+  static getDerivedStateFromError(_error: Error) {
     // Update state so the next render will show the fallback UI.
     return { hasError: true };
   }
 
-  componentDidCatch(error, info) {
+  componentDidCatch(error: Error, info: React.ErrorInfo) {
     this.props.onError(error, info.componentStack);
   }
 
diff --git a/packages/react-native/src/components/StoryView/StoryView.tsx b/packages/react-native/src/components/StoryView/StoryView.tsx
index 70f9ff1114..35f979e0d1 100644
--- a/packages/react-native/src/components/StoryView/StoryView.tsx
+++ b/packages/react-native/src/components/StoryView/StoryView.tsx
@@ -52,7 +52,7 @@ const StoryView = ({
   const theme = useTheme();
 
   const containerStyle = useMemo(() => {
-    const layout = context?.parameters?.layout;
+    const layout = context?.parameters?.layout as keyof typeof layoutStyles | undefined;
     const layoutStyle = layout ? layoutStyles[layout] : {};
 
     return {
diff --git a/packages/react-native/src/metro/buildIndex.ts b/packages/react-native/src/metro/buildIndex.ts
index 6dcf08191c..e9e0f320a4 100644
--- a/packages/react-native/src/metro/buildIndex.ts
+++ b/packages/react-native/src/metro/buildIndex.ts
@@ -11,6 +11,7 @@ import {
 } from 'storybook/internal/types';
 import { sortStoriesV7, userOrAutoTitleFromSpecifier } from 'storybook/internal/preview-api';
 import { getFilePathWithExtension } from '../../scripts/common';
+import { getStoryEntryTags } from '../storyTags';
 
 const cwd = process.cwd();
 
@@ -36,6 +37,15 @@ export async function buildIndex({ configPath }: { configPath: string }): Promis
   if (!main.stories || !Array.isArray(main.stories)) {
     throw new Error('No stories found');
   }
+  const mainWithReactNative = main as typeof main & {
+    reactNative?: {
+      playFn?: boolean;
+    };
+  };
+  const reactNativeOptions =
+    mainWithReactNative.reactNative && typeof mainWithReactNative.reactNative === 'object'
+      ? mainWithReactNative.reactNative
+      : undefined;
 
   const storiesSpecifiers = normalizeStories(main.stories, {
     configDir: configPath,
@@ -106,7 +116,11 @@ export async function buildIndex({ configPath }: { configPath: string }): Promis
           name: story.name,
           title: meta.title,
           importPath: `${specifier.directory}/${path.posix.relative(specifier.directory, fileName)}`,
-          tags: ['story'],
+          tags: getStoryEntryTags({
+            metaTags: meta.tags,
+            storyTags: story.tags,
+            hasPlayFn: !!(story.__stats?.play && reactNativeOptions?.playFn),
+          }),
         };
       }
     } else {
diff --git a/packages/react-native/src/patchChannelForRN.ts b/packages/react-native/src/patchChannelForRN.ts
index c3ff7e5017..1444a33b08 100644
--- a/packages/react-native/src/patchChannelForRN.ts
+++ b/packages/react-native/src/patchChannelForRN.ts
@@ -1,5 +1,11 @@
 import type { Channel } from 'storybook/internal/channels';
 
+type StorybookGlobals = typeof globalThis & {
+  CHANNEL_OPTIONS?: {
+    maxDepth?: number;
+  };
+};
+
 /**
  * React Native still pools synthetic events (unlike React DOM 17+).
  * Storybook's serializeArg only recognises web SyntheticBaseEvent, so RN
@@ -63,7 +69,9 @@ export function patchChannelForRN(channel: Channel): void {
    * when action args contain React fiber nodes or other deep object graphs.
    * The default maxDepth of 15 is too deep and causes blocking + crashes.
    */
-  globalThis.CHANNEL_OPTIONS = {
+  const globalScope = globalThis as StorybookGlobals;
+
+  globalScope.CHANNEL_OPTIONS = {
     maxDepth: 5,
   };
 
diff --git a/packages/react-native/src/prepareStories.test.ts b/packages/react-native/src/prepareStories.test.ts
index 97109791f1..eec9d9c1dc 100644
--- a/packages/react-native/src/prepareStories.test.ts
+++ b/packages/react-native/src/prepareStories.test.ts
@@ -32,6 +32,7 @@ describe('prepareStories', () => {
             parameters: {
               notes: 'Use this example to test the software keyboard related issues.',
             },
+            tags: ['forms', 'input'],
           },
         },
       },
@@ -42,7 +43,7 @@ describe('prepareStories', () => {
             id: 'textinput--basic',
             importPath: './src/TextInput.stories.tsx',
             name: 'Basic',
-            tags: ['story'],
+            tags: ['dev', 'test', 'forms', 'input'],
             title: 'TextInput',
             type: 'story',
             subtype: 'story',
@@ -130,6 +131,50 @@ describe('prepareStories', () => {
         },
       ],
     });
+    // @ts-expect-error
     expect(result.importMap['./src/TextInput.stories.tsx'].Basic.play).toBeUndefined();
+    expect(result.index.entries['textinput--basic'].tags).toEqual([
+      'dev',
+      'test',
+      'forms',
+      'input',
+    ]);
+  });
+
+  test('includes meta, story, and play tags in the generated index', () => {
+    const req = () => ({
+      default: {
+        title: 'Tagged/Button',
+        tags: ['autodocs', 'meta-tag'],
+      },
+      Basic: {
+        tags: ['story-tag'],
+        play: () => {},
+      },
+    });
+    req.keys = () => ['./Tagged.stories.tsx'];
+
+    const result = prepareStories({
+      options: { playFn: true },
+      storyEntries: [
+        {
+          titlePrefix: '',
+          directory: './src',
+          files: '**/*.stories.?(ts|tsx|js|jsx)',
+          importPathMatcher:
+            /^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(?:ts|tsx|js|jsx)?)$/,
+          req,
+        },
+      ],
+    });
+
+    expect(result.index.entries['tagged-button--basic'].tags).toEqual([
+      'dev',
+      'test',
+      'autodocs',
+      'meta-tag',
+      'play-fn',
+      'story-tag',
+    ]);
   });
 });
diff --git a/packages/react-native/src/prepareStories.ts b/packages/react-native/src/prepareStories.ts
index e7c5bf6b8c..fdf9368b62 100644
--- a/packages/react-native/src/prepareStories.ts
+++ b/packages/react-native/src/prepareStories.ts
@@ -5,6 +5,14 @@ import type {
   NormalizedStoriesSpecifier,
   StoryIndex,
 } from 'storybook/internal/types';
+import { getStoryEntryTags } from './storyTags';
+
+type StoryModuleExport = Readonly<Record<string, unknown>> & {
+  play?: unknown;
+  name?: string;
+  storyName?: string;
+  tags?: unknown;
+};
 
 /** Configuration options that are needed at startup, only serialisable values are possible */
 export interface ReactNativeOptions {
@@ -28,7 +36,7 @@ export function prepareStories({
     entries: {},
   };
 
-  let importMap: Record<string, any> = {};
+  let importMap: Record<string, Record<string, unknown>> = {};
 
   const makeTitle = (
     fileName: string,
@@ -90,21 +98,27 @@ export function prepareStories({
               name,
               title,
               importPath: `${root}/${filename.substring(2)}`, // FIXME: use normalize function here
-              tags: ['story'],
+              tags: getStoryEntryTags({
+                metaTags: meta.tags,
+                storyTags: exportValue?.tags,
+                hasPlayFn: !!(exportValue?.play && options?.playFn),
+              }),
               subtype: 'story',
             };
 
-            const importedStories = req(filename);
-            const stories = Object.entries(importedStories).reduce(
-              (carry, [storyKey, story]: [string, Readonly<Record<string, unknown>>]) => {
+            const importedStories = req(filename) as Record<string, unknown>;
+            const stories = Object.entries(importedStories).reduce<Record<string, unknown>>(
+              (carry, [storyKey, story]) => {
                 if (!isExportStory(storyKey, fileExports.default)) return carry;
 
-                if (story.play && !options?.playFn) {
+                const typedStory = story as StoryModuleExport;
+
+                if (typedStory.play && !options?.playFn) {
                   // play functions are not yet fully supported on native.
                   // There is a new option in main.js to turn them on for future use.
-                  carry[storyKey] = { ...story, play: undefined };
+                  carry[storyKey] = { ...typedStory, play: undefined };
                 } else {
-                  carry[storyKey] = story;
+                  carry[storyKey] = typedStory;
                 }
                 return carry;
               },
@@ -118,7 +132,9 @@ export function prepareStories({
         });
       } catch (error) {
         const errorString =
-          error.message && error.stack ? `${error.message}\n ${error.stack}` : error.toString();
+          error instanceof Error && error.message && error.stack
+            ? `${error.message}\n ${error.stack}`
+            : String(error);
         console.error(`Unexpected error while loading ${filename}: ${errorString}`);
       }
     });
diff --git a/packages/react-native/src/storyTags.ts b/packages/react-native/src/storyTags.ts
new file mode 100644
index 0000000000..9f03287d56
--- /dev/null
+++ b/packages/react-native/src/storyTags.ts
@@ -0,0 +1,32 @@
+import { combineTags } from 'storybook/internal/csf';
+
+const BuiltInTag = {
+  DEV: 'dev',
+  TEST: 'test',
+  PLAY_FN: 'play-fn',
+} as const;
+
+const normalizeTags = (value: unknown): string[] => {
+  if (!Array.isArray(value)) {
+    return [];
+  }
+
+  return value.filter((tag): tag is string => typeof tag === 'string');
+};
+
+export const getStoryEntryTags = ({
+  metaTags,
+  storyTags,
+  hasPlayFn = false,
+}: {
+  metaTags?: unknown;
+  storyTags?: unknown;
+  hasPlayFn?: boolean;
+}) =>
+  combineTags(
+    BuiltInTag.DEV,
+    BuiltInTag.TEST,
+    ...normalizeTags(metaTags),
+    ...(hasPlayFn ? [BuiltInTag.PLAY_FN] : []),
+    ...normalizeTags(storyTags)
+  );
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 058e577eff..d5c08d7b2b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -529,6 +529,9 @@ importers:
 
   packages/react-native-ui-common:
     dependencies:
+      '@gorhom/portal':
+        specifier: ^1.0.14
+        version: 1.0.14(react-native@0.83.2(@babel/core@7.29.0)(@types/react@19.2.14)(react@19.2.0))(react@19.2.0)
       '@nozbe/microfuzz':
         specifier: ^1.0.0
         version: 1.0.0
@@ -573,8 +576,8 @@ importers:
         specifier: ^1.0.14
         version: 1.0.14(react-native@0.83.2(@babel/core@7.29.0)(@types/react@19.2.14)(react@19.2.0))(react@19.2.0)
       '@legendapp/list':
-        specifier: 3.0.0-beta.38
-        version: 3.0.0-beta.38(react-dom@19.2.0(react@19.2.0))(react-native@0.83.2(@babel/core@7.29.0)(@types/react@19.2.14)(react@19.2.0))(react@19.2.0)
+        specifier: 3.0.0-beta.42
+        version: 3.0.0-beta.42(react-dom@19.2.0(react@19.2.0))(react-native@0.83.2(@babel/core@7.29.0)(@types/react@19.2.14)(react@19.2.0))(react@19.2.0)
       '@nozbe/microfuzz':
         specifier: ^1.0.0
         version: 1.0.0
@@ -2757,8 +2760,8 @@ packages:
     peerDependencies:
       tslib: '2'
 
-  '@legendapp/list@3.0.0-beta.38':
-    resolution: {integrity: sha512-toPEL1P3nqwJHg7ycTjChQrrgnpMs9wzq59cQ2kVmC0fbRnae5EoztY2ZftB/fz3p4pLoBaQbAeFoYOUxmkmEg==}
+  '@legendapp/list@3.0.0-beta.42':
+    resolution: {integrity: sha512-hXSfgau3Y37QNdtqWHzXCiixc/f4jnfiEdI7UmfneF+m7qOchrQ0xjeQ47jgBm5o0vfhENye4zq5C4rCY7+iDA==}
     peerDependencies:
       react: '*'
       react-dom: '*'
@@ -3748,10 +3751,6 @@ packages:
       '@tmcp/auth':
         optional: true
 
-  '@trysound/sax@0.2.0':
-    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
-    engines: {node: '>=10.13.0'}
-
   '@tybys/wasm-util@0.10.1':
     resolution: {integrity: sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==}
 
@@ -13689,7 +13688,7 @@ snapshots:
       '@jsonjoy.com/codegen': 17.67.0(tslib@2.8.1)
       tslib: 2.8.1
 
-  '@legendapp/list@3.0.0-beta.38(react-dom@19.2.0(react@19.2.0))(react-native@0.83.2(@babel/core@7.29.0)(@types/react@19.2.14)(react@19.2.0))(react@19.2.0)':
+  '@legendapp/list@3.0.0-beta.42(react-dom@19.2.0(react@19.2.0))(react-native@0.83.2(@babel/core@7.29.0)(@types/react@19.2.14)(react@19.2.0))(react@19.2.0)':
     dependencies:
       react: 19.2.0
       use-sync-external-store: 1.6.0(react@19.2.0)
@@ -14768,8 +14767,6 @@ snapshots:
       esm-env: 1.2.2
       tmcp: 1.19.2(typescript@5.9.3)
 
-  '@trysound/sax@0.2.0': {}
-
   '@tybys/wasm-util@0.10.1':
     dependencies:
       tslib: 2.8.1