diff --git a/platform/ui-next/src/_pages/patterns.tsx b/platform/ui-next/src/_pages/patterns.tsx
index 4b8afe7d7a1..06f32210752 100644
--- a/platform/ui-next/src/_pages/patterns.tsx
+++ b/platform/ui-next/src/_pages/patterns.tsx
@@ -1,3 +1,5 @@
+// src/_pages/patterns.tsx
+
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import '../tailwind.css';
@@ -25,12 +27,12 @@ import { Checkbox } from '../components/Checkbox';
 import { Toggle, toggleVariants } from '../components/Toggle';
 import { Slider } from '../components/Slider';
 import { ScrollArea, ScrollBar } from '../components/ScrollArea';
-import { PanelSplit } from '../components/PanelSplit';
+import { PanelSplit } from '../_prototypes/PanelSplit'; // Updated import path
 
 function Patterns() {
   return (
     <div className="my-4 mx-auto max-w-6xl py-6">
-      <div className="text-3xl"> Patterns </div>
+      <div className="text-3xl"> Patterns 1 </div>
       <PanelSplit />;
     </div>
   );
diff --git a/platform/ui-next/src/components/PanelSplit/ItemList.tsx b/platform/ui-next/src/_prototypes/PanelSplit/ItemList.tsx
similarity index 99%
rename from platform/ui-next/src/components/PanelSplit/ItemList.tsx
rename to platform/ui-next/src/_prototypes/PanelSplit/ItemList.tsx
index e1d99a16440..260cc18477f 100644
--- a/platform/ui-next/src/components/PanelSplit/ItemList.tsx
+++ b/platform/ui-next/src/_prototypes/PanelSplit/ItemList.tsx
@@ -1,8 +1,6 @@
-// src/components/PanelSplit/ItemList.tsx
-
 import React from 'react';
 import { Item, VisibilityState, AvailabilityState } from './types';
-import { Button } from '../Button';
+import { Button } from '../../components/Button'; // Updated import path
 
 interface ItemListProps {
   items: Item[];
diff --git a/platform/ui-next/src/components/PanelSplit/PanelSplit.tsx b/platform/ui-next/src/_prototypes/PanelSplit/PanelSplit.tsx
similarity index 99%
rename from platform/ui-next/src/components/PanelSplit/PanelSplit.tsx
rename to platform/ui-next/src/_prototypes/PanelSplit/PanelSplit.tsx
index f7ad8071080..9b4526447a2 100644
--- a/platform/ui-next/src/components/PanelSplit/PanelSplit.tsx
+++ b/platform/ui-next/src/_prototypes/PanelSplit/PanelSplit.tsx
@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import ItemList from './ItemList';
 import PropertiesPanel from './PropertiesPanel';
 import { Item, DisplayMode, VisibilityState, AvailabilityState } from './types';
-import { ScrollArea } from '../ScrollArea'; // Importing ScrollArea
+import { ScrollArea } from '../../components/ScrollArea';
 
 const PanelSplit: React.FC = () => {
   const [selectedItem, setSelectedItem] = useState<Item | null>(null);
diff --git a/platform/ui-next/src/components/PanelSplit/PropertiesPanel.tsx b/platform/ui-next/src/_prototypes/PanelSplit/PropertiesPanel.tsx
similarity index 96%
rename from platform/ui-next/src/components/PanelSplit/PropertiesPanel.tsx
rename to platform/ui-next/src/_prototypes/PanelSplit/PropertiesPanel.tsx
index fcf1261d3a6..4dad634ac13 100644
--- a/platform/ui-next/src/components/PanelSplit/PropertiesPanel.tsx
+++ b/platform/ui-next/src/_prototypes/PanelSplit/PropertiesPanel.tsx
@@ -1,11 +1,11 @@
 import React from 'react';
 import { Item, Property, DisplayMode, AvailabilityState } from './types';
-import { Label } from '../Label';
-import { Slider } from '../Slider';
-import { Input } from '../Input';
-import { Switch } from '../Switch';
-import { Tabs, TabsList, TabsTrigger, TabsContent } from '../Tabs';
-import { Button } from '../Button';
+import { Label } from '../../components/Label';
+import { Slider } from '../../components/Slider';
+import { Input } from '../../components/Input';
+import { Switch } from '../../components/Switch';
+import { Tabs, TabsList, TabsTrigger, TabsContent } from '../../components/Tabs';
+import { Button } from '../../components/Button';
 
 interface PropertiesPanelProps {
   selectedItem: Item | null;
diff --git a/platform/ui-next/src/components/PanelSplit/index.ts b/platform/ui-next/src/_prototypes/PanelSplit/index.ts
similarity index 100%
rename from platform/ui-next/src/components/PanelSplit/index.ts
rename to platform/ui-next/src/_prototypes/PanelSplit/index.ts
diff --git a/platform/ui-next/src/components/PanelSplit/types.ts b/platform/ui-next/src/_prototypes/PanelSplit/types.ts
similarity index 100%
rename from platform/ui-next/src/components/PanelSplit/types.ts
rename to platform/ui-next/src/_prototypes/PanelSplit/types.ts
diff --git a/platform/ui-next/src/components/index.ts b/platform/ui-next/src/components/index.ts
index abf75b21f05..0b85d6dc75f 100644
--- a/platform/ui-next/src/components/index.ts
+++ b/platform/ui-next/src/components/index.ts
@@ -28,9 +28,11 @@ import ThumbnailList from './ThumbnailList';
 import PanelSection from './PanelSection';
 import DisplaySetMessageListTooltip from './DisplaySetMessageListTooltip';
 import { Toolbox, ToolboxUI } from './Toolbox';
-import PanelSplit from './PanelSplit';
-import ItemList from './PanelSplit/ItemList';
-import PropertiesPanel from './PanelSplit/PropertiesPanel';
+
+// Prototypes
+import { PanelSplit } from '../_prototypes/PanelSplit';
+import { ItemList } from '../_prototypes/PanelSplit/ItemList';
+import { PropertiesPanel } from '../_prototypes/PanelSplit/PropertiesPanel';
 
 export {
   Button,