diff --git a/apps/mobile/.svgrrc.js b/apps/mobile/.svgrrc.js
new file mode 100644
index 000000000000..bc0cc209771c
--- /dev/null
+++ b/apps/mobile/.svgrrc.js
@@ -0,0 +1,5 @@
+module.exports = {
+	icon: true,
+	typescript: true,
+	svgProps: { fill: 'currentColor' }
+};
diff --git a/apps/mobile/src/screens/p2p/index.tsx b/apps/mobile/src/screens/p2p/index.tsx
index cf3980bbdd9e..150df083525d 100644
--- a/apps/mobile/src/screens/p2p/index.tsx
+++ b/apps/mobile/src/screens/p2p/index.tsx
@@ -1,4 +1,4 @@
-import { useBridgeMutation, useFeatureFlag, useLibraryContext, useP2PEvents } from '@sd/client';
+import { useFeatureFlag, useP2PEvents } from '@sd/client';
 
 export function P2P() {
 	// const pairingResponse = useBridgeMutation('p2p.pairingResponse');
diff --git a/apps/mobile/src/types/declarations.d.ts b/apps/mobile/src/types/declarations.d.ts
index 508a6affbb1c..60cd6ed11783 100644
--- a/apps/mobile/src/types/declarations.d.ts
+++ b/apps/mobile/src/types/declarations.d.ts
@@ -1,8 +1,8 @@
 declare module '*.svg' {
 	import React from 'react';
 	import { SvgProps } from 'react-native-svg';
-	const content: React.FC<SvgProps>;
-	export default content;
+	// TODO: This is probably not working as intended
+	export const ReactComponent: React.FC<SVGProps<SVGSVGElement>>;
 }
 
 declare module '*.png' {
diff --git a/core/src/api/mod.rs b/core/src/api/mod.rs
index 0bca93862d83..40be4998ad12 100644
--- a/core/src/api/mod.rs
+++ b/core/src/api/mod.rs
@@ -32,7 +32,7 @@ mod nodes;
 pub mod notifications;
 mod p2p;
 mod preferences;
-mod search;
+pub(crate) mod search;
 mod sync;
 mod tags;
 pub mod utils;
diff --git a/core/src/api/search.rs b/core/src/api/search.rs
index 5a183870189c..f5dc918a1b0b 100644
--- a/core/src/api/search.rs
+++ b/core/src/api/search.rs
@@ -35,8 +35,9 @@ struct OptionalRange<T> {
 	to: Option<T>,
 }
 
-#[derive(Deserialize, Type, Debug, Clone, Copy)]
-enum SortOrder {
+#[derive(Serialize, Deserialize, Type, Debug, Clone, Copy)]
+#[serde(rename_all = "PascalCase")]
+pub enum SortOrder {
 	Asc,
 	Desc,
 }
@@ -50,9 +51,9 @@ impl From<SortOrder> for prisma::SortOrder {
 	}
 }
 
-#[derive(Deserialize, Type, Debug, Clone)]
-#[serde(rename_all = "camelCase")]
-enum FilePathSearchOrdering {
+#[derive(Serialize, Deserialize, Type, Debug, Clone)]
+#[serde(rename_all = "camelCase", tag = "field", content = "value")]
+pub enum FilePathSearchOrdering {
 	Name(SortOrder),
 	SizeInBytes(SortOrder),
 	DateCreated(SortOrder),
@@ -183,16 +184,18 @@ impl FilePathFilterArgs {
 	}
 }
 
-#[derive(Deserialize, Type, Debug, Clone)]
-#[serde(rename_all = "camelCase")]
-enum ObjectSearchOrdering {
+#[derive(Serialize, Deserialize, Type, Debug, Clone)]
+#[serde(rename_all = "camelCase", tag = "field", content = "value")]
+pub enum ObjectSearchOrdering {
 	DateAccessed(SortOrder),
+	Kind(SortOrder),
 }
 
 impl ObjectSearchOrdering {
 	fn get_sort_order(&self) -> prisma::SortOrder {
 		(*match self {
 			Self::DateAccessed(v) => v,
+			Self::Kind(v) => v,
 		})
 		.into()
 	}
@@ -200,8 +203,10 @@ impl ObjectSearchOrdering {
 	fn into_param(self) -> object::OrderByWithRelationParam {
 		let dir = self.get_sort_order();
 		use object::*;
+
 		match self {
 			Self::DateAccessed(_) => date_accessed::order(dir),
+			Self::Kind(_) => kind::order(dir),
 		}
 	}
 }
diff --git a/core/src/preferences/library.rs b/core/src/preferences/library.rs
new file mode 100644
index 000000000000..3156242680ab
--- /dev/null
+++ b/core/src/preferences/library.rs
@@ -0,0 +1,96 @@
+use crate::api::search;
+use crate::prisma::PrismaClient;
+use serde::{Deserialize, Serialize};
+use specta::Type;
+use std::collections::BTreeMap;
+use std::collections::HashMap;
+use uuid::Uuid;
+
+use super::*;
+
+#[derive(Clone, Serialize, Deserialize, Type, Debug)]
+#[serde(rename_all = "camelCase")]
+pub struct LibraryPreferences {
+	#[serde(default)]
+	#[specta(optional)]
+	location: HashMap<Uuid, Settings<LocationSettings>>,
+}
+
+impl LibraryPreferences {
+	pub async fn write(self, db: &PrismaClient) -> prisma_client_rust::Result<()> {
+		let kvs = self.to_kvs();
+
+		db._batch(kvs.into_upserts(db)).await?;
+
+		Ok(())
+	}
+
+	pub async fn read(db: &PrismaClient) -> prisma_client_rust::Result<Self> {
+		let kvs = db.preference().find_many(vec![]).exec().await?;
+
+		let prefs = PreferenceKVs::new(
+			kvs.into_iter()
+				.filter_map(|data| {
+					let a = rmpv::decode::read_value(&mut data.value?.as_slice()).unwrap();
+
+					Some((PreferenceKey::new(data.key), PreferenceValue::from_value(a)))
+				})
+				.collect(),
+		);
+
+		Ok(prefs.parse())
+	}
+}
+
+#[derive(Clone, Serialize, Deserialize, Type, Debug)]
+#[serde(rename_all = "camelCase")]
+pub struct LocationSettings {
+	explorer: ExplorerSettings<search::FilePathSearchOrdering>,
+}
+
+#[derive(Clone, Serialize, Deserialize, Type, Debug)]
+#[serde(rename_all = "camelCase")]
+pub struct ExplorerSettings<TOrder> {
+	layout_mode: Option<ExplorerLayout>,
+	grid_item_size: Option<i32>,
+	media_columns: Option<i32>,
+	media_aspect_square: Option<bool>,
+	open_on_double_click: Option<DoubleClickAction>,
+	show_bytes_in_grid_view: Option<bool>,
+	col_sizes: Option<BTreeMap<String, i32>>,
+	// temporary
+	#[serde(skip_serializing_if = "Option::is_none")]
+	order: Option<Option<TOrder>>,
+}
+
+#[derive(Clone, Serialize, Deserialize, Type, Debug)]
+#[serde(rename_all = "camelCase")]
+pub enum ExplorerLayout {
+	Grid,
+	List,
+	Media,
+}
+
+#[derive(Clone, Serialize, Deserialize, Type, Debug)]
+#[serde(rename_all = "camelCase")]
+pub enum DoubleClickAction {
+	OpenFile,
+	QuickPreview,
+}
+
+impl Preferences for LibraryPreferences {
+	fn to_kvs(self) -> PreferenceKVs {
+		let Self { location } = self;
+
+		location.to_kvs().with_prefix("location")
+	}
+
+	fn from_entries(mut entries: Entries) -> Self {
+		Self {
+			location: entries
+				.remove("location")
+				.map(|value| HashMap::from_entries(value.expect_nested()))
+				.unwrap_or_default(),
+		}
+	}
+}
diff --git a/core/src/preferences/mod.rs b/core/src/preferences/mod.rs
index c036af351146..101d86255c7b 100644
--- a/core/src/preferences/mod.rs
+++ b/core/src/preferences/mod.rs
@@ -1,104 +1,32 @@
-use crate::prisma::PrismaClient;
-
-use std::collections::HashMap;
-
-use serde::{Deserialize, Serialize};
-use specta::Type;
-use tracing::error;
-use uuid::Uuid;
-
 mod kv;
-pub use kv::*;
-
-// Preferences are a set of types that are serialized as a list of key-value pairs,
-// where nested type keys are serialized as a dot-separated path.
-// They are serailized as a list because this allows preferences to be a synchronisation boundary,
-// whereas their values (referred to as settings) will be overwritten.
-
-#[derive(Clone, Serialize, Deserialize, Type, Debug)]
-pub struct LibraryPreferences {
-	#[serde(default)]
-	#[specta(optional)]
-	location: HashMap<Uuid, LocationPreferences>,
-}
+mod library;
 
-impl LibraryPreferences {
-	pub async fn write(self, db: &PrismaClient) -> prisma_client_rust::Result<()> {
-		let kvs = self.to_kvs();
-
-		db._batch(kvs.into_upserts(db)).await?;
-
-		Ok(())
-	}
-
-	pub async fn read(db: &PrismaClient) -> prisma_client_rust::Result<Self> {
-		let kvs = db.preference().find_many(vec![]).exec().await?;
-
-		let prefs = PreferenceKVs::new(
-			kvs.into_iter()
-				.filter_map(|data| {
-					rmpv::decode::read_value(&mut data.value?.as_slice())
-						.map_err(|e| error!("{e:#?}"))
-						.ok()
-						.map(|value| {
-							(
-								PreferenceKey::new(data.key),
-								PreferenceValue::from_value(value),
-							)
-						})
-				})
-				.collect(),
-		);
-
-		Ok(prefs.parse())
-	}
-}
-
-#[derive(Clone, Serialize, Deserialize, Type, Debug)]
-pub struct LocationPreferences {
-	/// View settings for the location - all writes are overwrites!
-	#[specta(optional)]
-	view: Option<LocationViewSettings>,
-}
-
-#[derive(Clone, Serialize, Deserialize, Type, Debug)]
-pub struct LocationViewSettings {
-	layout: ExplorerLayout,
-	list: ListViewSettings,
-}
+pub use kv::*;
+pub use library::*;
+use serde::{de::DeserializeOwned, Deserialize, Serialize};
+use specta::Type;
 
-#[derive(Clone, Serialize, Deserialize, Type, Default, Debug)]
-pub struct ListViewSettings {
-	columns: HashMap<String, ListViewColumnSettings>,
-	sort_col: Option<String>,
-}
+use std::collections::HashMap;
 
-#[derive(Clone, Serialize, Deserialize, Type, Default, Debug)]
-pub struct ListViewColumnSettings {
-	hide: bool,
-	size: Option<i32>,
-}
+use uuid::Uuid;
 
 #[derive(Clone, Serialize, Deserialize, Type, Debug)]
-pub enum ExplorerLayout {
-	Grid,
-	List,
-	Media,
-}
+#[specta(inline)]
+pub struct Settings<V>(V);
 
-impl<V> Preferences for HashMap<Uuid, V>
+impl<V> Preferences for HashMap<Uuid, Settings<V>>
 where
-	V: Preferences,
+	V: Serialize + DeserializeOwned,
 {
 	fn to_kvs(self) -> PreferenceKVs {
 		PreferenceKVs::new(
 			self.into_iter()
-				.flat_map(|(id, value)| {
+				.map(|(id, value)| {
 					let mut buf = Uuid::encode_buffer();
 
 					let id = id.as_simple().encode_lower(&mut buf);
 
-					value.to_kvs().with_prefix(id)
+					(PreferenceKey::new(id), PreferenceValue::new(value))
 				})
 				.collect(),
 		)
@@ -107,52 +35,15 @@ where
 	fn from_entries(entries: Entries) -> Self {
 		entries
 			.into_iter()
-			.map(|(key, value)| {
-				(
-					Uuid::parse_str(&key).expect("invalid uuid in preferences"),
-					V::from_entries(value.expect_nested()),
-				)
-			})
+			.map(|(key, entry)| (Uuid::parse_str(&key).unwrap(), entry.expect_value()))
 			.collect()
 	}
 }
 
-impl Preferences for LibraryPreferences {
-	fn to_kvs(self) -> PreferenceKVs {
-		let Self { location } = self;
-
-		location.to_kvs().with_prefix("location")
-	}
-
-	fn from_entries(mut entries: Entries) -> Self {
-		Self {
-			location: entries
-				.remove("location")
-				.map(|value| HashMap::from_entries(value.expect_nested()))
-				.unwrap_or_default(),
-		}
-	}
-}
-
-impl Preferences for LocationPreferences {
-	fn to_kvs(self) -> PreferenceKVs {
-		let Self { view } = self;
-
-		PreferenceKVs::new(
-			[view.map(|view| (PreferenceKey::new("view"), PreferenceValue::new(view)))]
-				.into_iter()
-				.flatten()
-				.collect(),
-		)
-	}
-
-	fn from_entries(mut entries: Entries) -> Self {
-		Self {
-			view: entries.remove("view").map(|view| view.expect_value()),
-		}
-	}
-}
-
+// Preferences are a set of types that are serialized as a list of key-value pairs,
+// where nested type keys are serialized as a dot-separated path.
+// They are serailized as a list because this allows preferences to be a synchronisation boundary,
+// whereas their values (referred to as settings) will be overwritten.
 pub trait Preferences {
 	fn to_kvs(self) -> PreferenceKVs;
 	fn from_entries(entries: Entries) -> Self;
diff --git a/interface/ErrorFallback.tsx b/interface/ErrorFallback.tsx
index b3b01ae0cfe1..733e757582fc 100644
--- a/interface/ErrorFallback.tsx
+++ b/interface/ErrorFallback.tsx
@@ -2,7 +2,7 @@ import { captureException } from '@sentry/browser';
 import { FallbackProps } from 'react-error-boundary';
 import { useRouteError } from 'react-router';
 import { useDebugState } from '@sd/client';
-import { Button } from '@sd/ui';
+import { Button, Dialogs } from '@sd/ui';
 import { showAlertDialog } from './components';
 import { useOperatingSystem, useTheme } from './hooks';
 
@@ -83,6 +83,7 @@ export function ErrorPage({
 				(isMacOS ? ' rounded-lg' : '')
 			}
 		>
+			<Dialogs />
 			<p className="m-3 text-sm font-bold text-ink-faint">APP CRASHED</p>
 			<h1 className="text-2xl font-bold text-ink">We're past the event horizon...</h1>
 			<pre className="m-2 max-w-[650px] whitespace-normal text-center text-ink">
@@ -114,8 +115,8 @@ export function ErrorPage({
 						</p>
 						<Button
 							variant="colored"
-							className="max-w-xs mt-4 bg-red-500 border-transparent"
 							onClick={resetHandler}
+							className="mt-4 max-w-xs border-transparent bg-red-500"
 						>
 							Reset & Quit App
 						</Button>
diff --git a/interface/app/$libraryId/Explorer/Context.tsx b/interface/app/$libraryId/Explorer/Context.tsx
index 64d5031149f9..3a8b8781e21d 100644
--- a/interface/app/$libraryId/Explorer/Context.tsx
+++ b/interface/app/$libraryId/Explorer/Context.tsx
@@ -1,11 +1,12 @@
-import { createContext, useContext } from 'react';
+import { PropsWithChildren, createContext, useContext } from 'react';
+import { Ordering } from './store';
 import { UseExplorer } from './useExplorer';
 
 /**
  * Context that must wrap anything to do with the explorer.
  * This includes explorer views, the inspector, and top bar items.
  */
-export const ExplorerContext = createContext<UseExplorer | null>(null);
+const ExplorerContext = createContext<UseExplorer<Ordering> | null>(null);
 
 export const useExplorerContext = () => {
 	const ctx = useContext(ExplorerContext);
@@ -14,3 +15,10 @@ export const useExplorerContext = () => {
 
 	return ctx;
 };
+
+export const ExplorerContextProvider = <TOrdering extends Ordering>({
+	explorer,
+	children
+}: PropsWithChildren<{
+	explorer: UseExplorer<TOrdering>;
+}>) => <ExplorerContext.Provider value={explorer as any}>{children}</ExplorerContext.Provider>;
diff --git a/interface/app/$libraryId/Explorer/ContextMenu/SharedItems.tsx b/interface/app/$libraryId/Explorer/ContextMenu/SharedItems.tsx
index 734dd1e90868..be61353e8915 100644
--- a/interface/app/$libraryId/Explorer/ContextMenu/SharedItems.tsx
+++ b/interface/app/$libraryId/Explorer/ContextMenu/SharedItems.tsx
@@ -4,6 +4,7 @@ import { ContextMenu, ModifierKeys } from '@sd/ui';
 import { useKeybindFactory } from '~/hooks/useKeybindFactory';
 import { isNonEmpty } from '~/util';
 import { Platform } from '~/util/Platform';
+import { useExplorerContext } from '../Context';
 import { RevealInNativeExplorerBase } from '../RevealInNativeExplorer';
 import { useExplorerViewContext } from '../ViewContext';
 import { getExplorerStore, useExplorerStore } from '../store';
@@ -50,9 +51,10 @@ export const Details = new ConditionalItem({
 export const Rename = new ConditionalItem({
 	useCondition: () => {
 		const { selectedItems } = useContextMenuContext();
-		const explorerStore = useExplorerStore();
 
-		if (explorerStore.layoutMode === 'media' || selectedItems.length > 1) return null;
+		const settings = useExplorerContext().useSettingsSnapshot();
+
+		if (settings.layoutMode === 'media' || selectedItems.length > 1) return null;
 
 		return {};
 	},
diff --git a/interface/app/$libraryId/Explorer/DismissibleNotice.tsx b/interface/app/$libraryId/Explorer/DismissibleNotice.tsx
index bff8e74a4320..4e2c92642e36 100644
--- a/interface/app/$libraryId/Explorer/DismissibleNotice.tsx
+++ b/interface/app/$libraryId/Explorer/DismissibleNotice.tsx
@@ -7,10 +7,12 @@ import {
 	Video_Light
 } from '@sd/assets/icons';
 import { ReactNode } from 'react';
+import { ExplorerLayout } from '@sd/client';
 import DismissibleNotice from '~/components/DismissibleNotice';
 import { useIsDark } from '~/hooks';
 import { dismissibleNoticeStore } from '~/hooks/useDismissibleNoticeStore';
-import { ExplorerLayoutMode, useExplorerStore } from './store';
+import { useExplorerContext } from './Context';
+import { useExplorerStore } from './store';
 
 const MediaViewIcon = () => {
 	const isDark = useIsDark();
@@ -54,7 +56,7 @@ const notices = {
 			"Get a visual overview of your files with Grid View. This view displays your files and folders as thumbnail images, making it easy to quickly identify the file you're looking for.",
 		icon: <CollectionIcon />
 	},
-	rows: {
+	list: {
 		key: 'listView',
 		title: 'List View',
 		description:
@@ -67,14 +69,14 @@ const notices = {
 		description:
 			'Discover photos and videos easily, Media View will show results starting at the current location including sub directories.',
 		icon: <MediaViewIcon />
-	},
-	columns: undefined
-} satisfies Record<ExplorerLayoutMode, Notice | undefined>;
+	}
+	// columns: undefined
+} satisfies Record<ExplorerLayout, Notice | undefined>;
 
 export default () => {
-	const { layoutMode } = useExplorerStore();
+	const settings = useExplorerContext().useSettingsSnapshot();
 
-	const notice = notices[layoutMode];
+	const notice = notices[settings.layoutMode];
 
 	if (!notice) return null;
 
diff --git a/interface/app/$libraryId/Explorer/FilePath/LayeredFileIcon.tsx b/interface/app/$libraryId/Explorer/FilePath/LayeredFileIcon.tsx
new file mode 100644
index 000000000000..1cba9b356b79
--- /dev/null
+++ b/interface/app/$libraryId/Explorer/FilePath/LayeredFileIcon.tsx
@@ -0,0 +1,26 @@
+import { type ImgHTMLAttributes } from 'react';
+import { type ObjectKindKey } from '@sd/client';
+import { getLayeredIcon } from '@sd/assets/util';
+
+interface LayeredFileIconProps extends ImgHTMLAttributes<HTMLImageElement> {
+	kind: ObjectKindKey;
+	extension: string | null;
+}
+
+const LayeredFileIcon = ({ kind, extension, ...props }: LayeredFileIconProps) => {
+	const iconImg = <img {...props} />;
+	const IconComponent = extension ? getLayeredIcon(kind, extension) : null;
+
+	return IconComponent == null ? (
+		iconImg
+	) : (
+		<div className="relative">
+			{iconImg}
+			<div className="absolute bottom-0 right-0 flex h-full w-full items-end justify-end pb-4 pr-2">
+				<IconComponent viewBox="0 0 16 16" height="40%" width="40%" />
+			</div>
+		</div>
+	);
+};
+
+export default LayeredFileIcon;
diff --git a/interface/app/$libraryId/Explorer/FilePath/Thumb.tsx b/interface/app/$libraryId/Explorer/FilePath/Thumb.tsx
index 0839199e9fa3..1320d80b89a7 100644
--- a/interface/app/$libraryId/Explorer/FilePath/Thumb.tsx
+++ b/interface/app/$libraryId/Explorer/FilePath/Thumb.tsx
@@ -1,15 +1,18 @@
 import { getIcon, iconNames } from '@sd/assets/util';
 import clsx from 'clsx';
 import {
+	CSSProperties,
 	ImgHTMLAttributes,
+	RefObject,
 	VideoHTMLAttributes,
 	memo,
 	useEffect,
 	useLayoutEffect,
+	useMemo,
 	useRef,
 	useState
 } from 'react';
-import { ExplorerItem, getItemFilePath, getItemLocation, useLibraryContext } from '@sd/client';
+import { ExplorerItem, getItemFilePath, useLibraryContext } from '@sd/client';
 import { PDFViewer, TEXTViewer } from '~/components';
 import { useCallbackToWatchResize, useIsDark } from '~/hooks';
 import { usePlatform } from '~/util/Platform';
@@ -17,6 +20,7 @@ import { pdfViewerEnabled } from '~/util/pdfViewer';
 import { useExplorerContext } from '../Context';
 import { getExplorerStore } from '../store';
 import { useExplorerItemData } from '../util';
+import LayeredFileIcon from './LayeredFileIcon';
 import classes from './Thumb.module.scss';
 
 const THUMB_TYPE = {
@@ -33,6 +37,9 @@ export interface ThumbProps {
 	size?: number;
 	cover?: boolean;
 	frame?: boolean;
+	blackBars?: boolean;
+	blackBarsSize?: number;
+	extension?: boolean;
 	mediaControls?: boolean;
 	pauseVideo?: boolean;
 	className?: string;
@@ -108,7 +115,7 @@ export const FileThumb = memo((props: ThumbProps) => {
 			default:
 				setSrc(
 					getIcon(
-						itemData.isDir ? 'Folder' : itemData.kind,
+						itemData.isDir || parent?.type === 'Node' ? 'Folder' : itemData.kind,
 						isDark,
 						itemData.extension,
 						itemData.isDir
@@ -136,7 +143,7 @@ export const FileThumb = memo((props: ThumbProps) => {
 			}}
 			className={clsx(
 				'relative flex shrink-0 items-center justify-center',
-				loaded ? 'visible' : 'invisible',
+				!loaded && 'invisible',
 				!props.size && 'h-full w-full',
 				props.cover && 'overflow-hidden',
 				props.className
@@ -197,7 +204,12 @@ export const FileThumb = memo((props: ThumbProps) => {
 										onError={onError}
 										paused={props.pauseVideo}
 										controls={props.mediaControls}
-										className={clsx(className, props.frame && frameClassName)}
+										blackBars={props.blackBars}
+										blackBarsSize={props.blackBarsSize}
+										className={clsx(
+											className,
+											props.frame && !props.blackBars && frameClassName
+										)}
 									/>
 								);
 
@@ -247,15 +259,19 @@ export const FileThumb = memo((props: ThumbProps) => {
 										? 'min-h-full min-w-full object-cover object-center'
 										: className,
 
-									props.frame &&
-										(itemData.kind !== 'Video' || thumbType == 'original')
+									props.frame && (itemData.kind !== 'Video' || !props.blackBars)
 										? frameClassName
 										: null
 								)}
 								crossOrigin={thumbType !== 'original' ? 'anonymous' : undefined} // Here it is ok, because it is not a react attr
-								videoBars={itemData.kind === 'Video' && !props.cover}
+								blackBars={
+									props.blackBars && itemData.kind === 'Video' && !props.cover
+								}
+								blackBarsSize={props.blackBarsSize}
 								extension={
-									itemData.extension && itemData.kind === 'Video'
+									props.extension &&
+									itemData.extension &&
+									itemData.kind === 'Video'
 										? itemData.extension
 										: undefined
 								}
@@ -264,8 +280,10 @@ export const FileThumb = memo((props: ThumbProps) => {
 
 					default:
 						return (
-							<img
+							<LayeredFileIcon
 								src={src}
+								kind={itemData.kind}
+								extension={itemData.extension}
 								onLoad={onLoad}
 								onError={() => setLoaded(false)}
 								decoding={props.size ? 'async' : 'sync'}
@@ -281,27 +299,25 @@ export const FileThumb = memo((props: ThumbProps) => {
 
 interface ThumbnailProps extends ImgHTMLAttributes<HTMLImageElement> {
 	cover?: boolean;
-	videoBars?: boolean;
+	blackBars?: boolean;
+	blackBarsSize?: number;
 	extension?: string;
 }
 
 const Thumbnail = memo(
 	({
 		crossOrigin,
-		videoBars,
+		blackBars,
+		blackBarsSize,
 		extension,
 		cover,
-		onError,
 		className,
 		...props
 	}: ThumbnailProps) => {
 		const ref = useRef<HTMLImageElement>(null);
 
-		const [size, setSize] = useState<{ width: number; height: number }>();
-
-		useCallbackToWatchResize(({ width, height }) => setSize({ width, height }), [], ref);
-
-		const videoBarSize = (size: number) => Math.floor(size / 10);
+		const size = useSize(ref);
+		const { style: blackBarsStyle } = useBlackBars(size, blackBarsSize);
 
 		return (
 			<>
@@ -310,27 +326,9 @@ const Thumbnail = memo(
 					// https://github.com/facebook/react/issues/14035#issuecomment-642227899
 					{...(crossOrigin ? { crossOrigin } : {})}
 					ref={ref}
-					onError={(e) => {
-						onError?.(e);
-						setSize(undefined);
-					}}
 					draggable={false}
-					className={clsx(className, videoBars && 'rounded border-black')}
-					style={
-						videoBars
-							? size
-								? size.height >= size.width
-									? {
-											borderLeftWidth: videoBarSize(size.height),
-											borderRightWidth: videoBarSize(size.height)
-									  }
-									: {
-											borderTopWidth: videoBarSize(size.width),
-											borderBottomWidth: videoBarSize(size.width)
-									  }
-								: {}
-							: {}
-					}
+					style={{ ...(blackBars ? blackBarsStyle : {}) }}
+					className={clsx(blackBars && size.width === 0 && 'invisible', className)}
 					{...props}
 				/>
 
@@ -360,11 +358,16 @@ const Thumbnail = memo(
 
 interface VideoProps extends VideoHTMLAttributes<HTMLVideoElement> {
 	paused?: boolean;
+	blackBars?: boolean;
+	blackBarsSize?: number;
 }
 
-const Video = memo(({ paused, ...props }: VideoProps) => {
+const Video = memo(({ paused, blackBars, blackBarsSize, className, ...props }: VideoProps) => {
 	const ref = useRef<HTMLVideoElement>(null);
 
+	const size = useSize(ref);
+	const { style: blackBarsStyle } = useBlackBars(size, blackBarsSize);
+
 	useEffect(() => {
 		if (!ref.current) return;
 		paused ? ref.current.pause() : ref.current.play();
@@ -390,9 +393,49 @@ const Video = memo(({ paused, ...props }: VideoProps) => {
 			}}
 			playsInline
 			draggable={false}
+			style={{ ...(blackBars ? blackBarsStyle : {}) }}
+			className={clsx(blackBars && size.width === 0 && 'invisible', className)}
 			{...props}
 		>
 			<p>Video preview is not supported.</p>
 		</video>
 	);
 });
+
+const useSize = (ref: RefObject<Element>) => {
+	const [size, setSize] = useState({ width: 0, height: 0 });
+
+	useCallbackToWatchResize(({ width, height }) => setSize({ width, height }), [], ref);
+
+	return size;
+};
+
+const useBlackBars = (videoSize: { width: number; height: number }, blackBarsSize?: number) => {
+	return useMemo(() => {
+		const { width, height } = videoSize;
+
+		const orientation = height > width ? 'vertical' : 'horizontal';
+
+		const barSize =
+			blackBarsSize ||
+			Math.floor(Math.ceil(orientation === 'vertical' ? height : width) / 10);
+
+		const xBarSize = orientation === 'vertical' ? barSize : 0;
+		const yBarSize = orientation === 'horizontal' ? barSize : 0;
+
+		return {
+			size: {
+				x: xBarSize,
+				y: yBarSize
+			},
+			style: {
+				borderLeftWidth: xBarSize,
+				borderRightWidth: xBarSize,
+				borderTopWidth: yBarSize,
+				borderBottomWidth: yBarSize,
+				borderColor: 'black',
+				borderRadius: 4
+			} satisfies CSSProperties
+		};
+	}, [videoSize, blackBarsSize]);
+};
diff --git a/interface/app/$libraryId/Explorer/Inspector/index.tsx b/interface/app/$libraryId/Explorer/Inspector/index.tsx
index c31e71bde672..eb0f2073fa3e 100644
--- a/interface/app/$libraryId/Explorer/Inspector/index.tsx
+++ b/interface/app/$libraryId/Explorer/Inspector/index.tsx
@@ -93,16 +93,19 @@ const Thumbnails = ({ items }: { items: ExplorerItem[] }) => {
 			{lastThreeItems.map((item, i, thumbs) => (
 				<FileThumb
 					key={item.item.id}
-					loadOriginal
 					data={item}
+					loadOriginal
+					frame
+					blackBars={thumbs.length === 1}
+					blackBarsSize={16}
+					extension={thumbs.length > 1}
+					pauseVideo={!!explorerStore.quickViewObject || thumbs.length > 1}
 					className={clsx(
 						thumbs.length > 1 && '!absolute',
 						i === 0 && thumbs.length > 1 && 'z-30 !h-[76%] !w-[76%]',
 						i === 1 && 'z-20 !h-[80%] !w-[80%] rotate-[-5deg]',
 						i === 2 && 'z-10 !h-[84%] !w-[84%] rotate-[7deg]'
 					)}
-					pauseVideo={!!explorerStore.quickViewObject || thumbs.length > 1}
-					frame={thumbs.length > 1}
 					childClassName={(type) =>
 						type !== 'icon' && thumbs.length > 1
 							? 'shadow-md shadow-app-shade'
diff --git a/interface/app/$libraryId/Explorer/OptionsPanel.tsx b/interface/app/$libraryId/Explorer/OptionsPanel.tsx
index 19ea802e3aef..d0732237b890 100644
--- a/interface/app/$libraryId/Explorer/OptionsPanel.tsx
+++ b/interface/app/$libraryId/Explorer/OptionsPanel.tsx
@@ -1,56 +1,53 @@
-import { RadixCheckbox, Select, SelectOption, Slider, tw } from '@sd/ui';
-import { type SortOrder, SortOrderSchema } from '~/app/route-schemas';
-import { getExplorerConfigStore, useExplorerConfigStore } from './config';
-import { FilePathSearchOrderingKeys, getExplorerStore, useExplorerStore } from './store';
+import { RadixCheckbox, Select, SelectOption, Slider, tw, z } from '@sd/ui';
+import { SortOrderSchema } from '~/app/route-schemas';
+import { useExplorerContext } from './Context';
+import {
+	createOrdering,
+	getExplorerStore,
+	getOrderingDirection,
+	orderingKey,
+	useExplorerStore
+} from './store';
 
 const Subheading = tw.div`text-ink-dull mb-1 text-xs font-medium`;
 
-export const sortOptions: Record<FilePathSearchOrderingKeys, string> = {
-	'none': 'None',
-	'name': 'Name',
-	'sizeInBytes': 'Size',
-	'dateCreated': 'Date created',
-	'dateModified': 'Date modified',
-	'dateIndexed': 'Date indexed',
-	'object.dateAccessed': 'Date accessed'
-};
-
 export default () => {
 	const explorerStore = useExplorerStore();
-	const explorerConfig = useExplorerConfigStore();
+	const explorer = useExplorerContext();
+
+	const settings = explorer.useSettingsSnapshot();
 
 	return (
 		<div className="flex w-80 flex-col gap-4 p-4">
-			{(explorerStore.layoutMode === 'grid' || explorerStore.layoutMode === 'media') && (
+			{(settings.layoutMode === 'grid' || settings.layoutMode === 'media') && (
 				<div>
 					<Subheading>Item size</Subheading>
-					{explorerStore.layoutMode === 'grid' ? (
+					{settings.layoutMode === 'grid' ? (
 						<Slider
 							onValueChange={(value) => {
-								getExplorerStore().gridItemSize = value[0] || 100;
+								explorer.settingsStore.gridItemSize = value[0] || 100;
 							}}
-							defaultValue={[explorerStore.gridItemSize]}
+							defaultValue={[settings.gridItemSize]}
 							max={200}
 							step={10}
 							min={60}
 						/>
 					) : (
 						<Slider
-							defaultValue={[10 - explorerStore.mediaColumns]}
+							defaultValue={[10 - settings.mediaColumns]}
 							min={0}
 							max={6}
 							step={2}
 							onValueChange={([val]) => {
-								if (val !== undefined) {
-									getExplorerStore().mediaColumns = 10 - val;
-								}
+								if (val !== undefined)
+									explorer.settingsStore.mediaColumns = 10 - val;
 							}}
 						/>
 					)}
 				</div>
 			)}
 
-			{explorerStore.layoutMode === 'grid' && (
+			{settings.layoutMode === 'grid' && (
 				<div>
 					<Subheading>Gap</Subheading>
 					<Slider
@@ -65,21 +62,29 @@ export default () => {
 				</div>
 			)}
 
-			{(explorerStore.layoutMode === 'grid' || explorerStore.layoutMode === 'media') && (
+			{(settings.layoutMode === 'grid' || settings.layoutMode === 'media') && (
 				<div className="grid grid-cols-2 gap-2">
 					<div className="flex flex-col">
 						<Subheading>Sort by</Subheading>
 						<Select
-							value={explorerStore.orderBy}
+							value={settings.order ? orderingKey(settings.order) : 'none'}
 							size="sm"
 							className="w-full"
-							onChange={(value) =>
-								(getExplorerStore().orderBy = value as FilePathSearchOrderingKeys)
-							}
+							onChange={(key) => {
+								if (key === 'none') explorer.settingsStore.order = null;
+								else
+									explorer.settingsStore.order = createOrdering(
+										key,
+										explorer.settingsStore.order
+											? getOrderingDirection(explorer.settingsStore.order)
+											: 'Asc'
+									);
+							}}
 						>
-							{Object.entries(sortOptions).map(([value, text]) => (
-								<SelectOption key={value} value={value}>
-									{text}
+							<SelectOption value="none">None</SelectOption>
+							{explorer.orderingKeys?.options.map((option) => (
+								<SelectOption key={option.value} value={option.value}>
+									{option.description}
 								</SelectOption>
 							))}
 						</Select>
@@ -88,12 +93,18 @@ export default () => {
 					<div className="flex flex-col">
 						<Subheading>Direction</Subheading>
 						<Select
-							value={explorerStore.orderByDirection}
+							value={settings.order ? getOrderingDirection(settings.order) : 'Asc'}
 							size="sm"
 							className="w-full"
-							onChange={(value) =>
-								(getExplorerStore().orderByDirection = value as SortOrder)
-							}
+							disabled={explorer.settingsStore.order === null}
+							onChange={(order) => {
+								if (explorer.settingsStore.order === null) return;
+
+								explorer.settingsStore.order = createOrdering(
+									orderingKey(explorer.settingsStore.order),
+									order
+								);
+							}}
 						>
 							{SortOrderSchema.options.map((o) => (
 								<SelectOption key={o.value} value={o.value}>
@@ -105,29 +116,29 @@ export default () => {
 				</div>
 			)}
 
-			{explorerStore.layoutMode === 'grid' && (
+			{settings.layoutMode === 'grid' && (
 				<RadixCheckbox
-					checked={explorerStore.showBytesInGridView}
+					checked={settings.showBytesInGridView}
 					label="Show Object size"
 					name="showBytesInGridView"
 					onCheckedChange={(value) => {
-						if (typeof value === 'boolean') {
-							getExplorerStore().showBytesInGridView = value;
-						}
+						if (typeof value !== 'boolean') return;
+
+						explorer.settingsStore.showBytesInGridView = value;
 					}}
 					className="mt-1"
 				/>
 			)}
 
-			{explorerStore.layoutMode === 'media' && (
+			{settings.layoutMode === 'media' && (
 				<RadixCheckbox
-					checked={explorerStore.mediaAspectSquare}
+					checked={settings.mediaAspectSquare}
 					label="Show square thumbnails"
 					name="mediaAspectSquare"
 					onCheckedChange={(value) => {
-						if (typeof value === 'boolean') {
-							getExplorerStore().mediaAspectSquare = value;
-						}
+						if (typeof value !== 'boolean') return;
+
+						explorer.settingsStore.mediaAspectSquare = value;
 					}}
 					className="mt-1"
 				/>
@@ -136,15 +147,23 @@ export default () => {
 				<Subheading>Double click action</Subheading>
 				<Select
 					className="w-full"
-					value={explorerConfig.openOnDoubleClick ? 'openFile' : 'quickPreview'}
+					value={settings.openOnDoubleClick}
 					onChange={(value) => {
-						getExplorerConfigStore().openOnDoubleClick = value === 'openFile';
+						explorer.settingsStore.openOnDoubleClick = value;
 					}}
 				>
-					<SelectOption value="openFile">Open File</SelectOption>
-					<SelectOption value="quickPreview">Quick Preview</SelectOption>
+					{doubleClickActions.options.map((option) => (
+						<SelectOption key={option.value} value={option.value}>
+							{option.description}
+						</SelectOption>
+					))}
 				</Select>
 			</div>
 		</div>
 	);
 };
+
+const doubleClickActions = z.union([
+	z.literal('openFile').describe('Open File'),
+	z.literal('quickPreview').describe('Quick Preview')
+]);
diff --git a/interface/app/$libraryId/Explorer/TopBarOptions.tsx b/interface/app/$libraryId/Explorer/TopBarOptions.tsx
index ad6df4b01157..9b63b0963ede 100644
--- a/interface/app/$libraryId/Explorer/TopBarOptions.tsx
+++ b/interface/app/$libraryId/Explorer/TopBarOptions.tsx
@@ -20,20 +20,23 @@ import { useExplorerSearchParams } from './util';
 
 export const useExplorerTopBarOptions = () => {
 	const explorerStore = useExplorerStore();
+	const explorer = useExplorerContext();
+
+	const settings = explorer.useSettingsSnapshot();
 
 	const viewOptions: ToolOption[] = [
 		{
 			toolTipLabel: 'Grid view',
 			icon: <SquaresFour className={TOP_BAR_ICON_STYLE} />,
-			topBarActive: explorerStore.layoutMode === 'grid',
-			onClick: () => (getExplorerStore().layoutMode = 'grid'),
+			topBarActive: settings.layoutMode === 'grid',
+			onClick: () => (explorer.settingsStore.layoutMode = 'grid'),
 			showAtResolution: 'sm:flex'
 		},
 		{
 			toolTipLabel: 'List view',
 			icon: <Rows className={TOP_BAR_ICON_STYLE} />,
-			topBarActive: explorerStore.layoutMode === 'rows',
-			onClick: () => (getExplorerStore().layoutMode = 'rows'),
+			topBarActive: settings.layoutMode === 'list',
+			onClick: () => (explorer.settingsStore.layoutMode = 'list'),
 			showAtResolution: 'sm:flex'
 		},
 		// {
@@ -46,8 +49,8 @@ export const useExplorerTopBarOptions = () => {
 		{
 			toolTipLabel: 'Media view',
 			icon: <MonitorPlay className={TOP_BAR_ICON_STYLE} />,
-			topBarActive: explorerStore.layoutMode === 'media',
-			onClick: () => (getExplorerStore().layoutMode = 'media'),
+			topBarActive: settings.layoutMode === 'media',
+			onClick: () => (explorer.settingsStore.layoutMode = 'media'),
 			showAtResolution: 'sm:flex'
 		}
 	];
diff --git a/interface/app/$libraryId/Explorer/View/GridList.tsx b/interface/app/$libraryId/Explorer/View/GridList.tsx
index b8250580c35b..3764919ff1b1 100644
--- a/interface/app/$libraryId/Explorer/View/GridList.tsx
+++ b/interface/app/$libraryId/Explorer/View/GridList.tsx
@@ -98,6 +98,7 @@ export default ({ children }: { children: RenderItem }) => {
 	const isChrome = CHROME_REGEX.test(navigator.userAgent);
 
 	const explorer = useExplorerContext();
+	const settings = explorer.useSettingsSnapshot();
 	const explorerStore = useExplorerStore();
 	const explorerView = useExplorerViewContext();
 
@@ -108,9 +109,8 @@ export default ({ children }: { children: RenderItem }) => {
 
 	const [dragFromThumbnail, setDragFromThumbnail] = useState(false);
 
-	const itemDetailsHeight =
-		explorerStore.gridItemSize / 4 + (explorerStore.showBytesInGridView ? 20 : 0);
-	const itemHeight = explorerStore.gridItemSize + itemDetailsHeight;
+	const itemDetailsHeight = settings.gridItemSize / 4 + (settings.showBytesInGridView ? 20 : 0);
+	const itemHeight = settings.gridItemSize + itemDetailsHeight;
 
 	const grid = useGridList({
 		ref: explorerView.ref,
@@ -119,19 +119,19 @@ export default ({ children }: { children: RenderItem }) => {
 		onLoadMore: explorer.loadMore,
 		rowsBeforeLoadMore: explorer.rowsBeforeLoadMore,
 		size:
-			explorerStore.layoutMode === 'grid'
-				? { width: explorerStore.gridItemSize, height: itemHeight }
+			settings.layoutMode === 'grid'
+				? { width: settings.gridItemSize, height: itemHeight }
 				: undefined,
-		columns: explorerStore.layoutMode === 'media' ? explorerStore.mediaColumns : undefined,
+		columns: settings.layoutMode === 'media' ? settings.mediaColumns : undefined,
 		getItemId: (index) => {
 			const item = explorer.items?.[index];
 			return item ? explorerItemHash(item) : undefined;
 		},
 		getItemData: (index) => explorer.items?.[index],
-		padding: explorerView.padding || explorerStore.layoutMode === 'grid' ? 12 : undefined,
+		padding: explorerView.padding || settings.layoutMode === 'grid' ? 12 : undefined,
 		gap:
 			explorerView.gap ||
-			(explorerStore.layoutMode === 'grid' ? explorerStore.gridGap : undefined),
+			(settings.layoutMode === 'grid' ? explorerStore.gridGap : undefined),
 		top: explorerView.top
 	});
 
diff --git a/interface/app/$libraryId/Explorer/View/GridView.tsx b/interface/app/$libraryId/Explorer/View/GridView.tsx
index 6fb01c9ceee3..b2b85aa1ed67 100644
--- a/interface/app/$libraryId/Explorer/View/GridView.tsx
+++ b/interface/app/$libraryId/Explorer/View/GridView.tsx
@@ -18,9 +18,11 @@ interface GridViewItemProps {
 }
 
 const GridViewItem = memo(({ data, selected, cut, isRenaming, renamable }: GridViewItemProps) => {
+	const explorer = useExplorerContext();
+	const { showBytesInGridView, gridItemSize } = explorer.useSettingsSnapshot();
+
 	const filePathData = getItemFilePath(data);
 	const location = getItemLocation(data);
-	const { showBytesInGridView, gridItemSize } = useExplorerStore();
 
 	const showSize =
 		!filePathData?.is_dir &&
@@ -33,7 +35,13 @@ const GridViewItem = memo(({ data, selected, cut, isRenaming, renamable }: GridV
 			<div
 				className={clsx('mb-1 aspect-square rounded-lg', selected && 'bg-app-selectedItem')}
 			>
-				<FileThumb data={data} frame className={clsx('px-2 py-1', cut && 'opacity-60')} />
+				<FileThumb
+					data={data}
+					frame
+					blackBars
+					extension
+					className={clsx('px-2 py-1', cut && 'opacity-60')}
+				/>
 			</div>
 
 			<div className="flex flex-col justify-center">
diff --git a/interface/app/$libraryId/Explorer/View/ListView.tsx b/interface/app/$libraryId/Explorer/View/ListView.tsx
index 22f49bb46b48..a848c3b705f9 100644
--- a/interface/app/$libraryId/Explorer/View/ListView.tsx
+++ b/interface/app/$libraryId/Explorer/View/ListView.tsx
@@ -16,6 +16,7 @@ import { useKey, useMutationObserver, useWindowEventListener } from 'rooks';
 import useResizeObserver from 'use-resize-observer';
 import {
 	ExplorerItem,
+	ExplorerSettings,
 	FilePath,
 	ObjectKind,
 	byteSize,
@@ -34,7 +35,8 @@ import { useExplorerContext } from '../Context';
 import { FileThumb } from '../FilePath/Thumb';
 import { InfoPill } from '../Inspector';
 import { useExplorerViewContext } from '../ViewContext';
-import { FilePathSearchOrderingKeys, getExplorerStore, isCut, useExplorerStore } from '../store';
+import { createOrdering, getOrderingDirection, orderingKey } from '../store';
+import { isCut } from '../store';
 import { ExplorerItemHash } from '../useExplorer';
 import { explorerItemHash } from '../util';
 import RenamableItemText from './RenamableItemText';
@@ -91,7 +93,7 @@ type Range = [ExplorerItemHash, ExplorerItemHash];
 
 export default () => {
 	const explorer = useExplorerContext();
-	const explorerStore = useExplorerStore();
+	const settings = explorer.useSettingsSnapshot();
 	const explorerView = useExplorerViewContext();
 	const layout = useLayoutContext();
 
@@ -126,19 +128,25 @@ export default () => {
 
 	const scrollBarWidth = 8;
 	const rowHeight = 45;
-
 	const { width: tableWidth = 0 } = useResizeObserver({ ref: tableRef });
 	const { width: headerWidth = 0 } = useResizeObserver({ ref: tableHeaderRef });
 
 	const getFileName = (path: FilePath) => `${path.name}${path.extension && `.${path.extension}`}`;
 
+	useEffect(() => {
+		//we need this to trigger a re-render with the updated column sizes from the store
+		if (!resizing) {
+			setColumnSizing(explorer.settingsStore.colSizes);
+		}
+	}, [resizing, explorer.settingsStore.colSizes]);
+
 	const columns = useMemo<ColumnDef<ExplorerItem>[]>(
 		() => [
 			{
 				id: 'name',
 				header: 'Name',
 				minSize: 200,
-				size: 350,
+				size: settings.colSizes['name'],
 				maxSize: undefined,
 				meta: { className: '!overflow-visible !text-ink' },
 				accessorFn: (file) => {
@@ -161,6 +169,7 @@ export default () => {
 								<FileThumb
 									data={item}
 									size={35}
+									blackBars
 									className={clsx(cut && 'opacity-60')}
 								/>
 							</div>
@@ -178,6 +187,7 @@ export default () => {
 			{
 				id: 'kind',
 				header: 'Type',
+				size: settings.colSizes['kind'],
 				enableSorting: false,
 				accessorFn: (file) => {
 					return isPath(file) && file.item.is_dir
@@ -198,7 +208,7 @@ export default () => {
 			{
 				id: 'sizeInBytes',
 				header: 'Size',
-				size: 100,
+				size: settings.colSizes['sizeInBytes'],
 				accessorFn: (file) => {
 					const file_path = getItemFilePath(file);
 					if (!file_path || !file_path.size_in_bytes_bytes) return;
@@ -209,11 +219,13 @@ export default () => {
 			{
 				id: 'dateCreated',
 				header: 'Date Created',
+				size: settings.colSizes['dateCreated'],
 				accessorFn: (file) => dayjs(file.item.date_created).format('MMM Do YYYY')
 			},
 			{
 				id: 'dateModified',
 				header: 'Date Modified',
+				size: settings.colSizes['dateModified'],
 				accessorFn: (file) =>
 					dayjs(getItemFilePath(file)?.date_modified).format('MMM Do YYYY')
 			},
@@ -226,17 +238,20 @@ export default () => {
 			{
 				id: 'dateAccessed',
 				header: 'Date Accessed',
+				size: settings.colSizes['dateAccessed'],
 				accessorFn: (file) =>
 					getItemObject(file)?.date_accessed &&
 					dayjs(getItemObject(file)?.date_accessed).format('MMM Do YYYY')
 			},
 			{
+				id: 'contentId',
 				header: 'Content ID',
 				enableSorting: false,
-				size: 180,
+				size: settings.colSizes['contentId'],
 				accessorFn: (file) => getExplorerItemData(file).casId
 			},
 			{
+				id: 'objectId',
 				header: 'Object ID',
 				enableSorting: false,
 				size: 180,
@@ -247,7 +262,7 @@ export default () => {
 				}
 			}
 		],
-		[explorer.selectedItems]
+		[explorer.selectedItems, settings.colSizes]
 	);
 
 	const table = useReactTable({
@@ -710,7 +725,6 @@ export default () => {
 				const nameColumnMinSize = table.getColumn('name')?.columnDef.minSize;
 				const newNameSize =
 					(nameSize || 0) + tableWidth - paddingX * 2 - scrollBarWidth - tableLength;
-
 				return {
 					...sizing,
 					...(nameSize !== undefined && nameColumnMinSize !== undefined
@@ -751,7 +765,6 @@ export default () => {
 				table.setColumnSizing({ ...sizings, name: nameWidth });
 				setLocked(true);
 			} else table.setColumnSizing(sizings);
-
 			setSized(true);
 		}
 	}, []);
@@ -973,6 +986,9 @@ export default () => {
 	useWindowEventListener('mouseup', () => {
 		if (resizing) {
 			setTimeout(() => {
+				//we need to update the store to trigger a DB update
+				explorer.settingsStore.colSizes =
+					columnSizing as typeof explorer.settingsStore.colSizes;
 				setResizing(false);
 				if (layout?.ref.current) {
 					layout.ref.current.style.cursor = '';
@@ -1012,8 +1028,11 @@ export default () => {
 											{headerGroup.headers.map((header, i) => {
 												const size = header.column.getSize();
 
-												const isSorted =
-													explorerStore.orderBy === header.id;
+												const orderingDirection =
+													settings.order &&
+													orderingKey(settings.order) === header.id
+														? getOrderingDirection(settings.order)
+														: null;
 
 												const cellContent = flexRender(
 													header.column.columnDef.header,
@@ -1039,15 +1058,21 @@ export default () => {
 															if (resizing) return;
 
 															if (header.column.getCanSort()) {
-																if (isSorted) {
-																	getExplorerStore().orderByDirection =
-																		explorerStore.orderByDirection ===
-																		'Asc'
-																			? 'Desc'
-																			: 'Asc';
+																if (orderingDirection) {
+																	explorer.settingsStore.order =
+																		createOrdering(
+																			header.id,
+																			orderingDirection ===
+																				'Asc'
+																				? 'Desc'
+																				: 'Asc'
+																		);
 																} else {
-																	getExplorerStore().orderBy =
-																		header.id as FilePathSearchOrderingKeys;
+																	explorer.settingsStore.order =
+																		createOrdering(
+																			header.id,
+																			'Asc'
+																		);
 																}
 															}
 														}}
@@ -1056,7 +1081,7 @@ export default () => {
 															<div
 																className={clsx(
 																	'flex items-center justify-between gap-3',
-																	isSorted
+																	orderingDirection !== null
 																		? 'text-ink'
 																		: 'text-ink-dull'
 																)}
@@ -1068,14 +1093,12 @@ export default () => {
 																	/>
 																)}
 
-																{isSorted ? (
-																	explorerStore.orderByDirection ===
-																	'Asc' ? (
-																		<CaretUp className="shrink-0 text-ink-faint" />
-																	) : (
-																		<CaretDown className="shrink-0 text-ink-faint" />
-																	)
-																) : null}
+																{orderingDirection === 'Asc' && (
+																	<CaretUp className="shrink-0 text-ink-faint" />
+																)}
+																{orderingDirection === 'Desc' && (
+																	<CaretDown className="shrink-0 text-ink-faint" />
+																)}
 
 																<div
 																	onClick={(e) =>
@@ -1085,7 +1108,6 @@ export default () => {
 																		header.getResizeHandler()(
 																			e
 																		);
-
 																		setResizing(true);
 																		setLocked(false);
 
diff --git a/interface/app/$libraryId/Explorer/View/MediaView.tsx b/interface/app/$libraryId/Explorer/View/MediaView.tsx
index c9fb61c6db6a..346773a4dcae 100644
--- a/interface/app/$libraryId/Explorer/View/MediaView.tsx
+++ b/interface/app/$libraryId/Explorer/View/MediaView.tsx
@@ -4,6 +4,7 @@ import { memo } from 'react';
 import { ExplorerItem } from '@sd/client';
 import { Button } from '@sd/ui';
 import { ViewItem } from '.';
+import { useExplorerContext } from '../Context';
 import { FileThumb } from '../FilePath/Thumb';
 import { getExplorerStore, useExplorerStore } from '../store';
 import GridList from './GridList';
@@ -15,7 +16,7 @@ interface MediaViewItemProps {
 }
 
 const MediaViewItem = memo(({ data, selected, cut }: MediaViewItemProps) => {
-	const explorerStore = useExplorerStore();
+	const settings = useExplorerContext().useSettingsSnapshot();
 
 	return (
 		<ViewItem
@@ -33,11 +34,10 @@ const MediaViewItem = memo(({ data, selected, cut }: MediaViewItemProps) => {
 			>
 				<FileThumb
 					data={data}
-					cover={explorerStore.mediaAspectSquare}
-					className={clsx(
-						!explorerStore.mediaAspectSquare && 'px-1',
-						cut && 'opacity-60'
-					)}
+					cover={settings.mediaAspectSquare}
+					blackBars
+					extension
+					className={clsx(!settings.mediaAspectSquare && 'px-1', cut && 'opacity-60')}
 				/>
 
 				<Button
diff --git a/interface/app/$libraryId/Explorer/View/index.tsx b/interface/app/$libraryId/Explorer/View/index.tsx
index c7f00c5929d1..7cd77eec4e5a 100644
--- a/interface/app/$libraryId/Explorer/View/index.tsx
+++ b/interface/app/$libraryId/Explorer/View/index.tsx
@@ -35,7 +35,7 @@ import { QuickPreview } from '../QuickPreview';
 import { useQuickPreviewContext } from '../QuickPreview/Context';
 import { type ExplorerViewContext, ViewContext, useExplorerViewContext } from '../ViewContext';
 import { useExplorerConfigStore } from '../config';
-import { getExplorerStore, useExplorerStore } from '../store';
+import { getExplorerStore } from '../store';
 import GridView from './GridView';
 import ListView from './ListView';
 import MediaView from './MediaView';
@@ -47,6 +47,7 @@ interface ViewItemProps extends PropsWithChildren, HTMLAttributes<HTMLDivElement
 export const ViewItem = ({ data, children, ...props }: ViewItemProps) => {
 	const explorer = useExplorerContext();
 	const explorerView = useExplorerViewContext();
+
 	const explorerConfig = useExplorerConfigStore();
 
 	const navigate = useNavigate();
@@ -172,7 +173,7 @@ export default memo(({ className, style, emptyNotice, ...contextProps }: Explore
 
 	const quickPreviewCtx = useQuickPreviewContext();
 
-	const { layoutMode, quickViewObject } = useExplorerStore();
+	const { layoutMode } = explorer.useSettingsSnapshot();
 
 	const ref = useRef<HTMLDivElement>(null);
 
@@ -221,7 +222,7 @@ export default memo(({ className, style, emptyNotice, ...contextProps }: Explore
 						}
 					>
 						{layoutMode === 'grid' && <GridView />}
-						{layoutMode === 'rows' && <ListView />}
+						{layoutMode === 'list' && <ListView />}
 						{layoutMode === 'media' && <MediaView />}
 					</ViewContext.Provider>
 				) : (
@@ -234,7 +235,7 @@ export default memo(({ className, style, emptyNotice, ...contextProps }: Explore
 });
 
 export const EmptyNotice = (props: { icon?: Icon | ReactNode; message?: ReactNode }) => {
-	const { layoutMode } = useExplorerStore();
+	const { layoutMode } = useExplorerContext().useSettingsSnapshot();
 
 	const emptyNoticeIcon = (icon?: Icon) => {
 		const Icon =
@@ -243,7 +244,7 @@ export const EmptyNotice = (props: { icon?: Icon | ReactNode; message?: ReactNod
 				grid: GridFour,
 				media: MonitorPlay,
 				columns: Columns,
-				rows: Rows
+				list: Rows
 			}[layoutMode];
 
 		return <Icon size={100} opacity={0.3} />;
diff --git a/interface/app/$libraryId/Explorer/config.ts b/interface/app/$libraryId/Explorer/config.ts
index f520881781e5..d0100a560545 100644
--- a/interface/app/$libraryId/Explorer/config.ts
+++ b/interface/app/$libraryId/Explorer/config.ts
@@ -1,8 +1,8 @@
 import { useSnapshot } from 'valtio';
-import { valtioPersist } from '@sd/client';
+import { DoubleClickAction, valtioPersist } from '@sd/client';
 
 export const explorerConfigStore = valtioPersist('explorer-config', {
-	openOnDoubleClick: true
+	openOnDoubleClick: 'openFile' as DoubleClickAction
 });
 
 export function useExplorerConfigStore() {
diff --git a/interface/app/$libraryId/Explorer/index.tsx b/interface/app/$libraryId/Explorer/index.tsx
index 7c5a1d974a13..a9efb45d0f2b 100644
--- a/interface/app/$libraryId/Explorer/index.tsx
+++ b/interface/app/$libraryId/Explorer/index.tsx
@@ -44,7 +44,7 @@ export default function Explorer(props: PropsWithChildren<Props>) {
 				<div className="flex-1 overflow-hidden">
 					<div
 						ref={explorer.scrollRef}
-						className="custom-scroll explorer-scroll relative h-screen overflow-x-hidden"
+						className="explorer-scroll relative h-screen overflow-x-hidden overflow-y-auto"
 						style={{
 							paddingTop: TOP_BAR_HEIGHT,
 							paddingRight: explorerStore.showInspector ? INSPECTOR_WIDTH : 0
diff --git a/interface/app/$libraryId/Explorer/store.ts b/interface/app/$libraryId/Explorer/store.ts
index a821adc39f22..6e04f2271fb9 100644
--- a/interface/app/$libraryId/Explorer/store.ts
+++ b/interface/app/$libraryId/Explorer/store.ts
@@ -1,30 +1,94 @@
 import { proxy, useSnapshot } from 'valtio';
 import { proxySet } from 'valtio/utils';
-import { ExplorerItem, FilePathSearchOrdering, ObjectSearchOrdering, resetStore } from '@sd/client';
-import { SortOrder } from '~/app/route-schemas';
+import { z } from 'zod';
+import {
+	DoubleClickAction,
+	ExplorerItem,
+	ExplorerLayout,
+	ExplorerSettings,
+	SortOrder,
+	resetStore
+} from '@sd/client';
 
-type Join<K, P> = K extends string | number
-	? P extends string | number
-		? `${K}${'' extends P ? '' : '.'}${P}`
-		: never
+export enum ExplorerKind {
+	Location,
+	Tag,
+	Space
+}
+
+export type Ordering = { field: string; value: SortOrder | Ordering };
+// branded type for added type-safety
+export type OrderingKey = string & {};
+
+type OrderingValue<T extends Ordering, K extends string> = Extract<T, { field: K }>['value'];
+
+export type OrderingKeys<T extends Ordering> = T extends Ordering
+	? {
+			[K in T['field']]: OrderingValue<T, K> extends SortOrder
+				? K
+				: OrderingValue<T, K> extends Ordering
+				? `${K}.${OrderingKeys<OrderingValue<T, K>>}`
+				: never;
+	  }[T['field']]
 	: never;
 
-type Leaves<T> = T extends object ? { [K in keyof T]-?: Join<K, Leaves<T[K]>> }[keyof T] : '';
+export function orderingKey(ordering: Ordering): OrderingKey {
+	let base = ordering.field;
 
-type UnionKeys<T> = T extends any ? Leaves<T> : never;
+	if (typeof ordering.value === 'object') {
+		base += `.${orderingKey(ordering.value)}`;
+	}
 
-export type ExplorerLayoutMode = 'rows' | 'grid' | 'columns' | 'media';
+	return base;
+}
 
-export enum ExplorerKind {
-	Location,
-	Tag,
-	Space
+export function createOrdering<TOrdering extends Ordering = Ordering>(
+	key: OrderingKey,
+	value: SortOrder
+): TOrdering {
+	return key
+		.split('.')
+		.reverse()
+		.reduce((acc, field, i) => {
+			if (i === 0)
+				return {
+					field,
+					value
+				};
+			else return { field, value: acc };
+		}, {} as any);
 }
 
-export type CutCopyType = 'Cut' | 'Copy';
+export function getOrderingDirection(ordering: Ordering): SortOrder {
+	if (typeof ordering.value === 'object') return getOrderingDirection(ordering.value);
+	else return ordering.value;
+}
 
-export type FilePathSearchOrderingKeys = UnionKeys<FilePathSearchOrdering> | 'none';
-export type ObjectSearchOrderingKeys = UnionKeys<ObjectSearchOrdering> | 'none';
+export const createDefaultExplorerSettings = <TOrder extends Ordering>({
+	order
+}: {
+	order: TOrder | null;
+}) =>
+	({
+		order,
+		layoutMode: 'grid' as ExplorerLayout,
+		gridItemSize: 110 as number,
+		showBytesInGridView: true as boolean,
+		mediaColumns: 8 as number,
+		mediaAspectSquare: false as boolean,
+		openOnDoubleClick: 'openFile' as DoubleClickAction,
+		colSizes: {
+			kind: 150,
+			name: 350,
+			sizeInBytes: 100,
+			dateModified: 150,
+			dateIndexed: 150,
+			dateCreated: 150,
+			dateAccessed: 150,
+			contentId: 180,
+			objectId: 180
+		}
+	} satisfies ExplorerSettings<TOrder>);
 
 type CutCopyState =
 	| {
@@ -38,20 +102,12 @@ type CutCopyState =
 	  };
 
 const state = {
-	layoutMode: 'grid' as ExplorerLayoutMode,
-	gridItemSize: 110,
-	listItemSize: 40,
-	showBytesInGridView: true,
 	tagAssignMode: false,
 	showInspector: false,
 	mediaPlayerVolume: 0.7,
 	newThumbnails: proxySet() as Set<string>,
 	cutCopyState: { type: 'Idle' } as CutCopyState,
 	quickViewObject: null as ExplorerItem | null,
-	mediaColumns: 8,
-	mediaAspectSquare: false,
-	orderBy: 'dateCreated' as FilePathSearchOrderingKeys,
-	orderByDirection: 'Desc' as SortOrder,
 	groupBy: 'none',
 	isDragging: false,
 	gridGap: 8
@@ -64,7 +120,7 @@ export function flattenThumbnailKey(thumbKey: string[]) {
 // Keep the private and use `useExplorerState` or `getExplorerStore` or you will get production build issues.
 const explorerStore = proxy({
 	...state,
-	reset: () => resetStore(explorerStore, state),
+	reset: (_state?: typeof state) => resetStore(explorerStore, _state || state),
 	addNewThumbnail: (thumbKey: string[]) => {
 		explorerStore.newThumbnails.add(flattenThumbnailKey(thumbKey));
 	},
@@ -87,3 +143,17 @@ export function isCut(id: number) {
 	const state = explorerStore.cutCopyState;
 	return state.type === 'Cut' && state.sourcePathIds.includes(id);
 }
+
+export const filePathOrderingKeysSchema = z.union([
+	z.literal('name').describe('Name'),
+	z.literal('sizeInBytes').describe('Size'),
+	z.literal('dateModified').describe('Date Modified'),
+	z.literal('dateIndexed').describe('Date Indexed'),
+	z.literal('dateCreated').describe('Date Created'),
+	z.literal('object.dateAccessed').describe('Date Accessed')
+]);
+
+export const objectOrderingKeysSchema = z.union([
+	z.literal('dateAccessed').describe('Date Accessed'),
+	z.literal('kind').describe('Kind')
+]);
diff --git a/interface/app/$libraryId/Explorer/useExplorer.ts b/interface/app/$libraryId/Explorer/useExplorer.ts
index 407a2488e579..fbc1e3283081 100644
--- a/interface/app/$libraryId/Explorer/useExplorer.ts
+++ b/interface/app/$libraryId/Explorer/useExplorer.ts
@@ -1,5 +1,8 @@
-import { RefObject, useCallback, useMemo, useRef, useState } from 'react';
-import { ExplorerItem, FilePath, Location, NodeState, Tag } from '@sd/client';
+import { RefObject, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { proxy, snapshot, subscribe, useSnapshot } from 'valtio';
+import { z } from 'zod';
+import { ExplorerItem, ExplorerSettings, FilePath, Location, NodeState, Tag } from '@sd/client';
+import { Ordering, OrderingKeys, createDefaultExplorerSettings } from './store';
 import { explorerItemHash } from './util';
 
 export type ExplorerParent =
@@ -17,7 +20,7 @@ export type ExplorerParent =
 			node: NodeState;
 	  };
 
-export interface UseExplorerProps {
+export interface UseExplorerProps<TOrder extends Ordering> {
 	items: ExplorerItem[] | null;
 	parent?: ExplorerParent;
 	loadMore?: () => void;
@@ -35,6 +38,7 @@ export interface UseExplorerProps {
 	 * @defaultValue `true`
 	 */
 	selectable?: boolean;
+	settings: ReturnType<typeof useExplorerSettings<TOrder>>;
 }
 
 export type ExplorerItemMeta = {
@@ -48,7 +52,10 @@ export type ExplorerItemHash = `${ExplorerItemMeta['type']}:${ExplorerItemMeta['
  * Controls top-level config and state for the explorer.
  * View- and inspector-specific state is not handled here.
  */
-export function useExplorer(props: UseExplorerProps) {
+export function useExplorer<TOrder extends Ordering>({
+	settings,
+	...props
+}: UseExplorerProps<TOrder>) {
 	const scrollRef = useRef<HTMLDivElement>(null);
 
 	return {
@@ -57,6 +64,7 @@ export function useExplorer(props: UseExplorerProps) {
 		rowsBeforeLoadMore: 5,
 		selectable: true,
 		scrollRef,
+		...settings,
 		// Provided values
 		...props,
 		// Selected items
@@ -64,7 +72,43 @@ export function useExplorer(props: UseExplorerProps) {
 	};
 }
 
-export type UseExplorer = ReturnType<typeof useExplorer>;
+export type UseExplorer<TOrder extends Ordering> = ReturnType<typeof useExplorer<TOrder>>;
+
+export function useExplorerSettings<TOrder extends Ordering>({
+	settings,
+	onSettingsChanged,
+	orderingKeys
+}: {
+	settings: ReturnType<typeof createDefaultExplorerSettings<TOrder>>;
+	onSettingsChanged: (settings: ExplorerSettings<TOrder>) => any;
+	orderingKeys?: z.ZodUnion<
+		[z.ZodLiteral<OrderingKeys<TOrder>>, ...z.ZodLiteral<OrderingKeys<TOrder>>[]]
+	>;
+}) {
+	const [store] = useState(() => proxy(settings));
+
+	useEffect(() => {
+		Object.assign(store, settings);
+	}, [store, settings]);
+
+	useEffect(
+		() =>
+			subscribe(store, () => {
+				onSettingsChanged(snapshot(store) as ExplorerSettings<TOrder>);
+			}),
+		[onSettingsChanged, store]
+	);
+
+	return {
+		useSettingsSnapshot: () => useSnapshot(store),
+		settingsStore: store,
+		orderingKeys
+	};
+}
+
+export type UseExplorerSettings<TOrder extends Ordering> = ReturnType<
+	typeof useExplorerSettings<TOrder>
+>;
 
 function useSelectedItems(items: ExplorerItem[] | null) {
 	// Doing pointer lookups for hashes is a bit faster than assembling a bunch of strings
diff --git a/interface/app/$libraryId/Explorer/util.ts b/interface/app/$libraryId/Explorer/util.ts
index 7b1e53e9513b..6762030d493b 100644
--- a/interface/app/$libraryId/Explorer/util.ts
+++ b/interface/app/$libraryId/Explorer/util.ts
@@ -1,31 +1,10 @@
 import { useMemo } from 'react';
-import { ExplorerItem, FilePathSearchOrdering, getExplorerItemData } from '@sd/client';
+import { ExplorerItem, getExplorerItemData } from '@sd/client';
 import { ExplorerParamsSchema } from '~/app/route-schemas';
 import { useZodSearchParams } from '~/hooks';
 import { flattenThumbnailKey, useExplorerStore } from './store';
 import { ExplorerItemHash } from './useExplorer';
 
-export function useExplorerOrder(): FilePathSearchOrdering | undefined {
-	const explorerStore = useExplorerStore();
-
-	const ordering = useMemo(() => {
-		if (explorerStore.orderBy === 'none') return undefined;
-
-		const obj = {};
-
-		explorerStore.orderBy.split('.').reduce((acc, next, i, all) => {
-			if (all.length - 1 === i) acc[next] = explorerStore.orderByDirection;
-			else acc[next] = {};
-
-			return acc[next];
-		}, obj as any);
-
-		return obj as FilePathSearchOrdering;
-	}, [explorerStore.orderBy, explorerStore.orderByDirection]);
-
-	return ordering;
-}
-
 export function useExplorerSearchParams() {
 	return useZodSearchParams(ExplorerParamsSchema);
 }
diff --git a/interface/app/$libraryId/location/$id.tsx b/interface/app/$libraryId/location/$id.tsx
index 6840b9c8ba28..62d7d7d875fb 100644
--- a/interface/app/$libraryId/location/$id.tsx
+++ b/interface/app/$libraryId/location/$id.tsx
@@ -1,7 +1,12 @@
-import { useInfiniteQuery } from '@tanstack/react-query';
+import { useInfiniteQuery, useQueryClient } from '@tanstack/react-query';
 import { useCallback, useEffect, useMemo } from 'react';
+import { useDebouncedCallback } from 'use-debounce';
+import { stringify } from 'uuid';
 import {
+	ExplorerSettings,
+	FilePathSearchOrdering,
 	useLibraryContext,
+	useLibraryMutation,
 	useLibraryQuery,
 	useLibrarySubscription,
 	useRspcLibraryContext
@@ -10,33 +15,77 @@ import { LocationIdParamsSchema } from '~/app/route-schemas';
 import { Folder } from '~/components';
 import { useKeyDeleteFile, useZodRouteParams } from '~/hooks';
 import Explorer from '../Explorer';
-import { ExplorerContext } from '../Explorer/Context';
+import { ExplorerContextProvider } from '../Explorer/Context';
 import { DefaultTopBarOptions } from '../Explorer/TopBarOptions';
-import { getExplorerStore, useExplorerStore } from '../Explorer/store';
-import { useExplorer } from '../Explorer/useExplorer';
-import { useExplorerOrder, useExplorerSearchParams } from '../Explorer/util';
+import {
+	createDefaultExplorerSettings,
+	filePathOrderingKeysSchema,
+	getExplorerStore
+} from '../Explorer/store';
+import { UseExplorerSettings, useExplorer, useExplorerSettings } from '../Explorer/useExplorer';
+import { useExplorerSearchParams } from '../Explorer/util';
 import { TopBarPortal } from '../TopBar/Portal';
 import LocationOptions from './LocationOptions';
 
 export const Component = () => {
 	const [{ path }] = useExplorerSearchParams();
-
+	const queryClient = useQueryClient();
 	const { id: locationId } = useZodRouteParams(LocationIdParamsSchema);
-
 	const location = useLibraryQuery(['locations.get', locationId]);
 
-	useLibrarySubscription(
-		[
-			'locations.quickRescan',
-			{
-				sub_path: path ?? '',
-				location_id: locationId
+	const preferences = useLibraryQuery(['preferences.get']);
+	const updatePreferences = useLibraryMutation('preferences.update');
+
+	const settings = useMemo(() => {
+		const defaults = createDefaultExplorerSettings<FilePathSearchOrdering>({
+			order: {
+				field: 'name',
+				value: 'Asc'
 			}
-		],
-		{ onData() {} }
+		});
+
+		if (!location.data) return defaults;
+
+		const pubId = stringify(location.data.pub_id);
+
+		const settings = preferences.data?.location?.[pubId]?.explorer;
+
+		if (!settings) return defaults;
+
+		for (const [key, value] of Object.entries(settings)) {
+			if (value !== null) Object.assign(defaults, { [key]: value });
+		}
+
+		return defaults;
+	}, [location.data, preferences.data?.location]);
+
+	const onSettingsChanged = useDebouncedCallback(
+		async (settings: ExplorerSettings<FilePathSearchOrdering>) => {
+			if (!location.data) return;
+			const pubId = stringify(location.data.pub_id);
+			try {
+				await updatePreferences.mutateAsync({
+					location: {
+						[pubId]: {
+							explorer: settings
+						}
+					}
+				});
+				queryClient.invalidateQueries(['preferences.get']);
+			} catch (e) {
+				alert('An error has occurred while updating your preferences.');
+			}
+		},
+		500
 	);
 
-	const { items, loadMore } = useItems({ locationId });
+	const explorerSettings = useExplorerSettings<FilePathSearchOrdering>({
+		settings,
+		onSettingsChanged,
+		orderingKeys: filePathOrderingKeysSchema
+	});
+
+	const { items, loadMore } = useItems({ locationId, settings: explorerSettings });
 
 	const explorer = useExplorer({
 		items,
@@ -46,9 +95,21 @@ export const Component = () => {
 					type: 'Location',
 					location: location.data
 			  }
-			: undefined
+			: undefined,
+		settings: explorerSettings
 	});
 
+	useLibrarySubscription(
+		[
+			'locations.quickRescan',
+			{
+				sub_path: path ?? '',
+				location_id: locationId
+			}
+		],
+		{ onData() {} }
+	);
+
 	useEffect(() => {
 		// Using .call to silence eslint exhaustive deps warning.
 		// If clearSelectedItems referenced 'this' then this wouldn't work
@@ -58,7 +119,7 @@ export const Component = () => {
 	useKeyDeleteFile(explorer.selectedItems, location.data?.id);
 
 	return (
-		<ExplorerContext.Provider value={explorer}>
+		<ExplorerContextProvider explorer={explorer}>
 			<TopBarPortal
 				left={
 					<div className="group flex flex-row items-center space-x-2">
@@ -79,17 +140,23 @@ export const Component = () => {
 			/>
 
 			<Explorer />
-		</ExplorerContext.Provider>
+		</ExplorerContextProvider>
 	);
 };
 
-const useItems = ({ locationId }: { locationId: number }) => {
+const useItems = ({
+	locationId,
+	settings
+}: {
+	locationId: number;
+	settings: UseExplorerSettings<FilePathSearchOrdering>;
+}) => {
 	const [{ path, take }] = useExplorerSearchParams();
 
 	const ctx = useRspcLibraryContext();
 	const { library } = useLibraryContext();
 
-	const explorerState = useExplorerStore();
+	const explorerSettings = settings.useSettingsSnapshot();
 
 	const query = useInfiniteQuery({
 		queryKey: [
@@ -97,10 +164,10 @@ const useItems = ({ locationId }: { locationId: number }) => {
 			{
 				library_id: library.uuid,
 				arg: {
-					order: useExplorerOrder(),
+					order: explorerSettings.order,
 					filter: {
 						locationId,
-						...(explorerState.layoutMode === 'media'
+						...(explorerSettings.layoutMode === 'media'
 							? { object: { kind: [5, 7] } }
 							: { path: path ?? '' })
 					},
diff --git a/interface/app/$libraryId/node/$id.tsx b/interface/app/$libraryId/node/$id.tsx
index 21a102c512f1..7f0113c136d7 100644
--- a/interface/app/$libraryId/node/$id.tsx
+++ b/interface/app/$libraryId/node/$id.tsx
@@ -1,11 +1,13 @@
 import { Laptop } from '@sd/assets/icons';
+import { useMemo } from 'react';
 import { useBridgeQuery, useLibraryQuery } from '@sd/client';
 import { NodeIdParamsSchema } from '~/app/route-schemas';
 import { useZodRouteParams } from '~/hooks';
 import Explorer from '../Explorer';
-import { ExplorerContext } from '../Explorer/Context';
+import { ExplorerContextProvider } from '../Explorer/Context';
 import { DefaultTopBarOptions } from '../Explorer/TopBarOptions';
-import { useExplorer } from '../Explorer/useExplorer';
+import { createDefaultExplorerSettings } from '../Explorer/store';
+import { useExplorer, useExplorerSettings } from '../Explorer/useExplorer';
 import { TopBarPortal } from '../TopBar/Portal';
 
 export const Component = () => {
@@ -15,6 +17,17 @@ export const Component = () => {
 
 	const nodeState = useBridgeQuery(['nodeState']);
 
+	const explorerSettings = useExplorerSettings({
+		settings: useMemo(
+			() =>
+				createDefaultExplorerSettings<never>({
+					order: null
+				}),
+			[]
+		),
+		onSettingsChanged: () => {}
+	});
+
 	const explorer = useExplorer({
 		items: query.data || null,
 		parent: nodeState.data
@@ -22,11 +35,12 @@ export const Component = () => {
 					type: 'Node',
 					node: nodeState.data
 			  }
-			: undefined
+			: undefined,
+		settings: explorerSettings
 	});
 
 	return (
-		<ExplorerContext.Provider value={explorer}>
+		<ExplorerContextProvider explorer={explorer}>
 			<TopBarPortal
 				left={
 					<div className="group flex flex-row items-center space-x-2">
@@ -45,6 +59,6 @@ export const Component = () => {
 			/>
 
 			<Explorer />
-		</ExplorerContext.Provider>
+		</ExplorerContextProvider>
 	);
 };
diff --git a/interface/app/$libraryId/overview/data.ts b/interface/app/$libraryId/overview/data.ts
index 859628010c42..fe5df5f48078 100644
--- a/interface/app/$libraryId/overview/data.ts
+++ b/interface/app/$libraryId/overview/data.ts
@@ -1,8 +1,15 @@
 import { iconNames } from '@sd/assets/util';
 import { useInfiniteQuery } from '@tanstack/react-query';
 import { useMemo } from 'react';
-import { Category, useLibraryContext, useRspcLibraryContext } from '@sd/client';
+import {
+	Category,
+	ObjectSearchOrdering,
+	useLibraryContext,
+	useRspcLibraryContext
+} from '@sd/client';
+import { useExplorerContext } from '../Explorer/Context';
 import { getExplorerStore, useExplorerStore } from '../Explorer/store';
+import { UseExplorerSettings } from '../Explorer/useExplorer';
 
 export const IconForCategory: Partial<Record<Category, string>> = {
 	Recents: iconNames.Collection,
@@ -23,15 +30,39 @@ export const IconForCategory: Partial<Record<Category, string>> = {
 	Trash: iconNames.Trash
 };
 
+export const IconToDescription = {
+	Recents: "See files you've recently opened or created",
+	Favorites: 'See files you have marked as favorites',
+	Albums: 'Organize your photos and videos into albums',
+	Photos: 'View all photos in your library',
+	Videos: 'View all videos in your library',
+	Movies: 'View all movies in your library',
+	Music: 'View all music in your library',
+	Documents: 'View all documents in your library',
+	Downloads: 'View all downloads in your library',
+	Encrypted: 'View all encrypted files in your library',
+	Projects: 'View all projects in your library',
+	Applications: 'View all applications in your library',
+	Archives: 'View all archives in your library',
+	Databases: 'View all databases in your library',
+	Games: 'View all games in your library',
+	Books: 'View all books in your library',
+	Contacts: 'View all contacts in your library',
+	Trash: 'View all files in your trash'
+};
+
 const OBJECT_CATEGORIES: Category[] = ['Recents', 'Favorites'];
 
 // this is a gross function so it's in a separate hook :)
-export function useItems(category: Category) {
-	const explorerStore = useExplorerStore();
+export function useItems(
+	category: Category,
+	explorerSettings: UseExplorerSettings<ObjectSearchOrdering>
+) {
+	const settings = explorerSettings.useSettingsSnapshot();
 	const rspc = useRspcLibraryContext();
 	const { library } = useLibraryContext();
 
-	const kind = explorerStore.layoutMode === 'media' ? [5, 7] : undefined;
+	const kind = settings.layoutMode === 'media' ? [5, 7] : undefined;
 
 	const isObjectQuery = OBJECT_CATEGORIES.includes(category);
 
diff --git a/interface/app/$libraryId/overview/index.tsx b/interface/app/$libraryId/overview/index.tsx
index 95827e463a66..d46c275c640d 100644
--- a/interface/app/$libraryId/overview/index.tsx
+++ b/interface/app/$libraryId/overview/index.tsx
@@ -1,56 +1,53 @@
 import { getIcon } from '@sd/assets/util';
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import 'react-loading-skeleton/dist/skeleton.css';
-import { Category } from '@sd/client';
+import { useSnapshot } from 'valtio';
+import { Category, ObjectSearchOrdering } from '@sd/client';
 import { useIsDark } from '../../../hooks';
-import { ExplorerContext } from '../Explorer/Context';
+import { ExplorerContextProvider } from '../Explorer/Context';
 import ContextMenu, { ObjectItems } from '../Explorer/ContextMenu';
 import { Conditional } from '../Explorer/ContextMenu/ConditionalItem';
 import { Inspector } from '../Explorer/Inspector';
 import { DefaultTopBarOptions } from '../Explorer/TopBarOptions';
 import View from '../Explorer/View';
-import { useExplorerStore } from '../Explorer/store';
-import { useExplorer } from '../Explorer/useExplorer';
+import {
+	createDefaultExplorerSettings,
+	objectOrderingKeysSchema,
+	useExplorerStore
+} from '../Explorer/store';
+import { useExplorer, useExplorerSettings } from '../Explorer/useExplorer';
 import { usePageLayoutContext } from '../PageLayout/Context';
 import { TopBarPortal } from '../TopBar/Portal';
 import Statistics from '../overview/Statistics';
-import { Categories, CategoryList } from './Categories';
-import { IconForCategory, useItems } from './data';
-
-const IconToDescription = {
-	Recents: "See files you've recently opened or created",
-	Favorites: 'See files you have marked as favorites',
-	Albums: 'Organize your photos and videos into albums',
-	Photos: 'View all photos in your library',
-	Videos: 'View all videos in your library',
-	Movies: 'View all movies in your library',
-	Music: 'View all music in your library',
-	Documents: 'View all documents in your library',
-	Downloads: 'View all downloads in your library',
-	Encrypted: 'View all encrypted files in your library',
-	Projects: 'View all projects in your library',
-	Applications: 'View all applications in your library',
-	Archives: 'View all archives in your library',
-	Databases: 'View all databases in your library',
-	Games: 'View all games in your library',
-	Books: 'View all books in your library',
-	Contacts: 'View all contacts in your library',
-	Trash: 'View all files in your trash'
-};
+import { Categories } from './Categories';
+import { IconForCategory, IconToDescription, useItems } from './data';
 
 export const Component = () => {
 	const explorerStore = useExplorerStore();
 	const isDark = useIsDark();
 	const page = usePageLayoutContext();
 
+	const explorerSettings = useExplorerSettings({
+		settings: useMemo(
+			() =>
+				createDefaultExplorerSettings<ObjectSearchOrdering>({
+					order: null
+				}),
+			[]
+		),
+		onSettingsChanged: () => {},
+		orderingKeys: objectOrderingKeysSchema
+	});
+
 	const [selectedCategory, setSelectedCategory] = useState<Category>('Recents');
 
-	const { items, loadMore } = useItems(selectedCategory);
+	const { items, loadMore } = useItems(selectedCategory, explorerSettings);
 
 	const explorer = useExplorer({
 		items,
 		loadMore,
-		scrollRef: page.ref
+		scrollRef: page.ref,
+		settings: explorerSettings
 	});
 
 	useEffect(() => {
@@ -60,8 +57,10 @@ export const Component = () => {
 		if (scrollTop > 100) page.ref.current.scrollTo({ top: 100 });
 	}, [selectedCategory, page.ref]);
 
+	const settings = useSnapshot(explorer.settingsStore);
+
 	return (
-		<ExplorerContext.Provider value={explorer}>
+		<ExplorerContextProvider explorer={explorer}>
 			<TopBarPortal right={<DefaultTopBarOptions />} />
 
 			<Statistics />
@@ -71,7 +70,7 @@ export const Component = () => {
 			<div className="flex flex-1">
 				<View
 					top={68}
-					className={explorerStore.layoutMode === 'rows' ? 'min-w-0' : undefined}
+					className={settings.layoutMode === 'list' ? 'min-w-0' : undefined}
 					contextMenu={
 						<ContextMenu>
 							{() => <Conditional items={[ObjectItems.RemoveFromRecents]} />}
@@ -96,11 +95,11 @@ export const Component = () => {
 
 				{explorerStore.showInspector && (
 					<Inspector
-						showThumbnail={explorerStore.layoutMode !== 'media'}
+						showThumbnail={settings.layoutMode !== 'media'}
 						className="custom-scroll inspector-scroll sticky top-[68px] h-full w-[260px] shrink-0 bg-app pb-4 pl-1.5 pr-1"
 					/>
 				)}
 			</div>
-		</ExplorerContext.Provider>
+		</ExplorerContextProvider>
 	);
 };
diff --git a/interface/app/$libraryId/search.tsx b/interface/app/$libraryId/search.tsx
index 62b4fa82ee25..bccd3bb690bc 100644
--- a/interface/app/$libraryId/search.tsx
+++ b/interface/app/$libraryId/search.tsx
@@ -1,19 +1,21 @@
 import { MagnifyingGlass } from 'phosphor-react';
 import { Suspense, memo, useDeferredValue, useMemo } from 'react';
-import { getExplorerItemData, useLibraryQuery } from '@sd/client';
+import { FilePathSearchOrdering, getExplorerItemData, useLibraryQuery } from '@sd/client';
 import { SearchParams, SearchParamsSchema } from '~/app/route-schemas';
 import { useZodSearchParams } from '~/hooks';
 import Explorer from './Explorer';
-import { ExplorerContext } from './Explorer/Context';
+import { ExplorerContextProvider } from './Explorer/Context';
 import { DefaultTopBarOptions } from './Explorer/TopBarOptions';
 import { EmptyNotice } from './Explorer/View';
-import { getExplorerStore, useExplorerStore } from './Explorer/store';
-import { useExplorer } from './Explorer/useExplorer';
+import {
+	createDefaultExplorerSettings,
+	filePathOrderingKeysSchema,
+	getExplorerStore
+} from './Explorer/store';
+import { useExplorer, useExplorerSettings } from './Explorer/useExplorer';
 import { TopBarPortal } from './TopBar/Portal';
 
 const SearchExplorer = memo((props: { args: SearchParams }) => {
-	const explorerStore = useExplorerStore();
-
 	const { search, ...args } = props.args;
 
 	const query = useLibraryQuery(['search.paths', { ...args, filter: { search } }], {
@@ -22,10 +24,27 @@ const SearchExplorer = memo((props: { args: SearchParams }) => {
 		onSuccess: () => getExplorerStore().resetNewThumbnails()
 	});
 
+	const explorerSettings = useExplorerSettings({
+		settings: useMemo(
+			() =>
+				createDefaultExplorerSettings<FilePathSearchOrdering>({
+					order: {
+						field: 'name',
+						value: 'Asc'
+					}
+				}),
+			[]
+		),
+		onSettingsChanged: () => {},
+		orderingKeys: filePathOrderingKeysSchema
+	});
+
+	const settingsSnapshot = explorerSettings.useSettingsSnapshot();
+
 	const items = useMemo(() => {
 		const items = query.data?.items ?? null;
 
-		if (explorerStore.layoutMode !== 'media') return items;
+		if (settingsSnapshot.layoutMode !== 'media') return items;
 
 		return (
 			items?.filter((item) => {
@@ -33,21 +52,22 @@ const SearchExplorer = memo((props: { args: SearchParams }) => {
 				return kind === 'Video' || kind === 'Image';
 			}) || null
 		);
-	}, [query.data, explorerStore.layoutMode]);
+	}, [query.data, settingsSnapshot.layoutMode]);
 
 	const explorer = useExplorer({
-		items
+		items,
+		settings: explorerSettings
 	});
 
 	return (
 		<>
 			{search ? (
-				<ExplorerContext.Provider value={explorer}>
+				<ExplorerContextProvider explorer={explorer}>
 					<TopBarPortal right={<DefaultTopBarOptions />} />
 					<Explorer
 						emptyNotice={<EmptyNotice message={`No results found for "${search}"`} />}
 					/>
-				</ExplorerContext.Provider>
+				</ExplorerContextProvider>
 			) : (
 				<div className="flex flex-1 flex-col items-center justify-center">
 					<MagnifyingGlass size={110} className="mb-5 text-ink-faint" opacity={0.3} />
diff --git a/interface/app/$libraryId/tag/$id.tsx b/interface/app/$libraryId/tag/$id.tsx
index 97d2c4733f8b..0b7ae46b0049 100644
--- a/interface/app/$libraryId/tag/$id.tsx
+++ b/interface/app/$libraryId/tag/$id.tsx
@@ -1,12 +1,14 @@
 import { getIcon, iconNames } from '@sd/assets/util';
-import { useLibraryQuery } from '@sd/client';
+import { useMemo } from 'react';
+import { ObjectSearchOrdering, useLibraryQuery } from '@sd/client';
 import { LocationIdParamsSchema } from '~/app/route-schemas';
 import { useZodRouteParams } from '~/hooks';
 import Explorer from '../Explorer';
-import { ExplorerContext } from '../Explorer/Context';
+import { ExplorerContextProvider } from '../Explorer/Context';
 import { DefaultTopBarOptions } from '../Explorer/TopBarOptions';
 import { EmptyNotice } from '../Explorer/View';
-import { useExplorer } from '../Explorer/useExplorer';
+import { createDefaultExplorerSettings, objectOrderingKeysSchema } from '../Explorer/store';
+import { useExplorer, useExplorerSettings } from '../Explorer/useExplorer';
 import { TopBarPortal } from '../TopBar/Portal';
 
 export const Component = () => {
@@ -23,6 +25,18 @@ export const Component = () => {
 
 	const tag = useLibraryQuery(['tags.get', tagId], { suspense: true });
 
+	const explorerSettings = useExplorerSettings({
+		settings: useMemo(
+			() =>
+				createDefaultExplorerSettings<ObjectSearchOrdering>({
+					order: null
+				}),
+			[]
+		),
+		onSettingsChanged: () => {},
+		orderingKeys: objectOrderingKeysSchema
+	});
+
 	const explorer = useExplorer({
 		items: explorerData.data?.items || null,
 		parent: tag.data
@@ -30,11 +44,12 @@ export const Component = () => {
 					type: 'Tag',
 					tag: tag.data
 			  }
-			: undefined
+			: undefined,
+		settings: explorerSettings
 	});
 
 	return (
-		<ExplorerContext.Provider value={explorer}>
+		<ExplorerContextProvider explorer={explorer}>
 			<TopBarPortal right={<DefaultTopBarOptions />} />
 			<Explorer
 				emptyNotice={
@@ -44,6 +59,6 @@ export const Component = () => {
 					/>
 				}
 			/>
-		</ExplorerContext.Provider>
+		</ExplorerContextProvider>
 	);
 };
diff --git a/interface/app/route-schemas.ts b/interface/app/route-schemas.ts
index 8850c9a995ac..dc89255f4cd8 100644
--- a/interface/app/route-schemas.ts
+++ b/interface/app/route-schemas.ts
@@ -23,7 +23,10 @@ export type PathParams = z.infer<typeof PathParamsSchema>;
 export const SearchParamsSchema = PathParamsSchema.extend({
 	take: z.coerce.number().optional(),
 	order: z
-		.union([z.object({ name: SortOrderSchema }), z.object({ name: SortOrderSchema })])
+		.union([
+			z.object({ field: z.literal('name'), value: SortOrderSchema }),
+			z.object({ field: z.literal('sizeInBytes'), value: SortOrderSchema })
+		])
 		.optional(),
 	search: z.string().optional()
 });
diff --git a/interface/app/style.scss b/interface/app/style.scss
index 7bb6a9100493..06d37512c517 100644
--- a/interface/app/style.scss
+++ b/interface/app/style.scss
@@ -60,19 +60,14 @@ body {
 		width: 6px;
 	}
 	&::-webkit-scrollbar-track {
-		@apply mt-[46px] rounded-[6px] bg-[#00000000];
+		@apply mt-[46px] rounded-[6px] bg-transparent;
 	}
 	&::-webkit-scrollbar-thumb {
-		@apply rounded-[6px] bg-transparent;
+		@apply rounded-[6px] bg-app-box;
 	}
 	&::-webkit-scrollbar-corner {
 		background-color: transparent;
 	}
-	&:hover {
-		&::-webkit-scrollbar-thumb {
-			@apply bg-app-divider/20;
-		}
-	}
 }
 .default-scroll {
 	&::-webkit-scrollbar {
diff --git a/packages/assets/scripts/generate.mjs b/packages/assets/scripts/generate.mjs
index 3cb31bcb00fc..fcbb00df6177 100644
--- a/packages/assets/scripts/generate.mjs
+++ b/packages/assets/scripts/generate.mjs
@@ -13,7 +13,7 @@ import { dirname, join } from 'path';
 import prettier from 'prettier';
 import { fileURLToPath } from 'url';
 
-const assetFolders = ['icons', 'images', 'svgs/brands'];
+const assetFolders = ['icons', 'images', 'svgs/brands', 'svgs/ext/Extras', 'svgs/ext/Code'];
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
diff --git a/packages/assets/svgs/ext/Code/angular.svg b/packages/assets/svgs/ext/Code/angular.svg
new file mode 100644
index 000000000000..cfceea1fc080
--- /dev/null
+++ b/packages/assets/svgs/ext/Code/angular.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#dd0031}</style></defs><path d="M6.86 8.58h2.05L7.89 6.11 6.86 8.58z" class="cls-1"/><path d="m7.89 2.22-5.61 2 .85 7.42 4.76 2.64 4.75-2.64.86-7.42Zm3.5 9.2h-1.31l-.7-1.76h-3l-.71 1.76H4.39l3.5-7.87 3.5 7.87Z" class="cls-1"/></svg>
diff --git a/packages/assets/svgs/ext/Code/bun.svg b/packages/assets/svgs/ext/Code/bun.svg
new file mode 100644
index 000000000000..573acab15606
--- /dev/null
+++ b/packages/assets/svgs/ext/Code/bun.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#9A968B" fill-rule="evenodd" d="M6.616 2.266c-.318.297-.694.53-2.007 1.56C2.907 5.16 1.217 6.844 1.217 9.067c0 2.467 1.77 4.933 6.488 4.933 4.864 0 7.078-1.85 7.078-4.933 0-2.466-1.622-4.008-3.392-5.24-.29-.203-.61-.41-.938-.62C9.448 2.557 8.353 1.851 7.705 1c-.621.752-.836 1.029-1.09 1.266Zm3.645 7.212a1.13 1.13 0 1 0 0-2.26 1.13 1.13 0 0 0 0 2.26Zm-4.522 0a1.13 1.13 0 1 0 0-2.26 1.13 1.13 0 0 0 0 2.26Zm1.13 1.13c0 .377.227 1.131 1.131 1.131s1.13-.754 1.13-1.13H6.87Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Code/c.svg b/packages/assets/svgs/ext/Code/c.svg
new file mode 100644
index 000000000000..bd21c07306c8
--- /dev/null
+++ b/packages/assets/svgs/ext/Code/c.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#6A83FF" d="M12.85 4.52 8.71 2.13a1.34 1.34 0 0 0-1.34 0L3.23 4.52a1.33 1.33 0 0 0-.67 1.15v4.78a1.35 1.35 0 0 0 .67 1.16L7.37 14a1.34 1.34 0 0 0 1.34 0l4.14-2.39a1.35 1.35 0 0 0 .67-1.16V5.67a1.33 1.33 0 0 0-.67-1.15ZM8 10a2 2 0 0 0 1.41-.59l1.42 1.42a4 4 0 1 1 0-5.66L9.41 6.59A2 2 0 0 0 8 6a2 2 0 1 0 0 4Z"/></svg>
diff --git a/packages/assets/svgs/ext/Code/cmake.svg b/packages/assets/svgs/ext/Code/cmake.svg
new file mode 100644
index 000000000000..599441fa9ea7
--- /dev/null
+++ b/packages/assets/svgs/ext/Code/cmake.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#71D168" d="M6.208 11.087a.3.3 0 0 1 .27-.037l6.836 2.366c.32.111.24.584-.098.584H2.96a.3.3 0 0 1-.17-.547l3.418-2.366Z"/><path fill="#ED6161" d="M9.749 10.71a.3.3 0 0 1-.175-.227L8.368 2.738c-.052-.334.4-.486.56-.188l5.08 9.466a.3.3 0 0 1-.387.416L9.75 10.711Z"/><path fill="#6895D8" d="M7.977 7.801a.3.3 0 0 1-.116.265l-5.65 4.346c-.259.2-.605-.103-.442-.387l5.214-9.126a.3.3 0 0 1 .56.122l.434 4.78Z"/></svg>
diff --git a/packages/assets/svgs/ext/Code/cpp.svg b/packages/assets/svgs/ext/Code/cpp.svg
new file mode 100644
index 000000000000..653340afb906
--- /dev/null
+++ b/packages/assets/svgs/ext/Code/cpp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#C47CFC" fill-rule="evenodd" d="m8.71 2.13 4.14 2.39a1.33 1.33 0 0 1 .67 1.15v4.78a1.35 1.35 0 0 1-.67 1.16L8.71 14a1.34 1.34 0 0 1-1.34 0l-4.14-2.39a1.35 1.35 0 0 1-.67-1.16V5.67a1.33 1.33 0 0 1 .67-1.15l4.14-2.39a1.34 1.34 0 0 1 1.34 0Zm.79 8.624V8.75h-2v-1.5h2V5.254H11V7.25h2v1.5h-2v2h-.25l.004.004H9.5Zm-1-6.723a4 4 0 1 0 0 7.938V9.934a2 2 0 1 1 0-3.869V4.032Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Code/csharp.svg b/packages/assets/svgs/ext/Code/csharp.svg
new file mode 100644
index 000000000000..c424ae69db75
--- /dev/null
+++ b/packages/assets/svgs/ext/Code/csharp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#BA43AF" d="M12.85 4.52 8.71 2.13a1.34 1.34 0 0 0-1.34 0L3.23 4.52a1.33 1.33 0 0 0-.67 1.15v4.78a1.35 1.35 0 0 0 .67 1.16L7.37 14a1.34 1.34 0 0 0 1.34 0l4.14-2.39a1.35 1.35 0 0 0 .67-1.16V5.67a1.33 1.33 0 0 0-.67-1.15ZM11.5 7.33h-1.32l-.32 1.39h1.28v1H9.63l-.36 1.58H8l.37-1.58h-1.6l-.37 1.57H5.12l.36-1.58h-1v-1h1.23L6 7.33H4.86v-1h1.39l.36-1.58H7.9l-.36 1.6h1.58l.36-1.58h1.29l-.37 1.58h1.1v.98ZM7 8.72h1.57l.32-1.39H7.31L7 8.72Zm.32-1.39L7 8.72h1.57l.32-1.39H7.32Zm0 0L7 8.72h1.57l.32-1.39H7.32Z"/></svg>
diff --git a/packages/assets/svgs/ext/Code/css.svg b/packages/assets/svgs/ext/Code/css.svg
new file mode 100644
index 000000000000..5beeb827f306
--- /dev/null
+++ b/packages/assets/svgs/ext/Code/css.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M3.5 2.5v2h7V6h-7v2h7v2.5L8 12l-2.5-1.5v-1h-2v2L8 14l4.5-2.5v-9h-9z" style="fill:#0086f1"/></svg>
diff --git a/packages/assets/svgs/ext/Code/dartlang.svg b/packages/assets/svgs/ext/Code/dartlang.svg
new file mode 100644
index 000000000000..2bc9c5949d70
--- /dev/null
+++ b/packages/assets/svgs/ext/Code/dartlang.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#03589C" d="M13.151 7.015v4.72h-2l-.06-.07-7.41-7.43H10.291c.093.031.18.075.26.13l.12.1 2.41 2.48.07.07Z"/><path fill="#41C4FF" d="m10.681 4.565-.12-.1a1.05 1.05 0 0 0-.26-.13h-6.62l3.58-1.92a1.4 1.4 0 0 1 .68-.15c.314.022.61.157.83.38l1.91 1.92Z"/><path fill="#2CB7F6" d="m11.111 11.735-3.54-1.17-3.25 1.17-.23-.22-.07-.08a1.589 1.589 0 0 1-.29-.38 1.44 1.44 0 0 1-.05-.55v-6.28l7.43 7.51Z"/><path fill="#02589B" d="m3.871 11.225-1.81-1.79a1.36 1.36 0 0 1-.38-.91v-.27l.08-.2 1.92-3.83v6.28a1.34 1.34 0 0 0 .08.48.85.85 0 0 0 .11.24Z"/><path fill="#2CB7F6" d="M11.111 11.695h-6.79l3.25-1.13 3.54 1.13Z"/><path fill="#41C4FF" d="M11.111 11.695v2.04h-4.75l-2.04-2.04h6.79Z"/></svg>
diff --git a/packages/assets/svgs/ext/Code/go.svg b/packages/assets/svgs/ext/Code/go.svg
new file mode 100644
index 000000000000..0eebfe26a922
--- /dev/null
+++ b/packages/assets/svgs/ext/Code/go.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#34CBCE" d="M6.16 8.88H4.53l.352-1.354C6 7.5 6.915 7.51 7.66 7.51a.14.14 0 0 0 .16-.12 3.8 3.8 0 0 1 2.89-2.46 3.13 3.13 0 0 1 3.45 1.52l.08.15a3.3 3.3 0 0 1-.21 3 4.09 4.09 0 0 1-1.82 1.57 3.198 3.198 0 0 1-4.47-1.81c-.88 1.89-3.5 2.83-5.2 1.45-2.478-1.945-.45-6.099 2.396-6.099 1.008 0 2.496.401 3.064 1.889-.51.18-1 .26-1.54.43-.377-.43-.816-.582-1.376-.585A1.77 1.77 0 0 0 3.31 8.11a1.49 1.49 0 0 0 2.85.77Zm5.18-2.44c-1.83-.07-2.79 2.82-.77 3.33 2.02.51 3.22-3.12.77-3.33Z"/></svg>
diff --git a/packages/assets/svgs/ext/Code/html.svg b/packages/assets/svgs/ext/Code/html.svg
new file mode 100644
index 000000000000..dfae421bbb87
--- /dev/null
+++ b/packages/assets/svgs/ext/Code/html.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#E44D26" d="M3 7.5v2L7 13v-2L4 8.5 7 6V4L3 7.5ZM9 4v2l3 2.5L9 11v2l4-3.5v-2L9 4Z"/></svg>
diff --git a/packages/assets/svgs/ext/Code/index.ts b/packages/assets/svgs/ext/Code/index.ts
new file mode 100644
index 000000000000..e30d63cf09b0
--- /dev/null
+++ b/packages/assets/svgs/ext/Code/index.ts
@@ -0,0 +1,41 @@
+/*
+ * This file was automatically generated by a script.
+ * To regenerate this file, run: pnpm assets gen
+ */
+import { ReactComponent as angular } from './angular.svg';
+import { ReactComponent as bun } from './bun.svg';
+import { ReactComponent as c } from './c.svg';
+import { ReactComponent as cmake } from './cmake.svg';
+import { ReactComponent as cpp } from './cpp.svg';
+import { ReactComponent as csharp } from './csharp.svg';
+import { ReactComponent as css } from './css.svg';
+import { ReactComponent as dartlang } from './dartlang.svg';
+import { ReactComponent as go } from './go.svg';
+import { ReactComponent as html } from './html.svg';
+import { ReactComponent as java } from './java.svg';
+import { ReactComponent as js } from './js.svg';
+import { ReactComponent as kotlin } from './kotlin.svg';
+import { ReactComponent as php } from './php.svg';
+import { ReactComponent as py } from './py.svg';
+import { ReactComponent as ts } from './ts.svg';
+import { ReactComponent as vue } from './vue.svg';
+
+export {
+	angular,
+	bun,
+	c,
+	cmake,
+	cpp,
+	csharp,
+	css,
+	dartlang,
+	go,
+	html,
+	java,
+	js,
+	kotlin,
+	php,
+	py,
+	ts,
+	vue
+};
diff --git a/packages/assets/svgs/ext/Code/java.svg b/packages/assets/svgs/ext/Code/java.svg
new file mode 100644
index 000000000000..f64e40e57fc1
--- /dev/null
+++ b/packages/assets/svgs/ext/Code/java.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#CE3939" fill-rule="evenodd" d="M6.103 5.58A1.46 1.46 0 0 1 6 5a1.74 1.74 0 0 1 .65-1.35C6.89 3.4 7 3.28 7 3a.47.47 0 0 0-.5-.5v-1A1.46 1.46 0 0 1 8 3a1.74 1.74 0 0 1-.65 1.35C7.11 4.6 7 4.72 7 5a.47.47 0 0 0 .5.5v1a1.46 1.46 0 0 1-1.397-.92ZM5 5.5v1A1.46 1.46 0 0 1 3.5 5a1.74 1.74 0 0 1 .65-1.35c.24-.25.35-.37.35-.65h1a1.74 1.74 0 0 1-.65 1.35c-.24.25-.35.37-.35.65a.47.47 0 0 0 .5.5ZM2.5 7h9.38v.02a2.24 2.24 0 0 1 0 4.48h-.85a4.5 4.5 0 0 1-8.53-2V7Zm8.88 3.49h.5v.01a1.25 1.25 0 0 0 0-2.5h-.5v2.49ZM10 6.5v-1a.47.47 0 0 1-.5-.5c0-.28.11-.4.35-.65A1.74 1.74 0 0 0 10.5 3h-1c0 .28-.11.4-.35.65A1.74 1.74 0 0 0 8.5 5 1.46 1.46 0 0 0 10 6.5Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Code/js.svg b/packages/assets/svgs/ext/Code/js.svg
new file mode 100644
index 000000000000..0918b8c63d13
--- /dev/null
+++ b/packages/assets/svgs/ext/Code/js.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#FBB03B" d="M5.957 10.63a.552.552 0 0 0 .46-.198.888.888 0 0 0 .156-.568V6.261h1.056v3.603c.002.311-.067.62-.202.9a1.373 1.373 0 0 1-.588.595c-.285.142-.6.213-.92.208a1.983 1.983 0 0 1-.918-.19 1.498 1.498 0 0 1-.607-.531l.827-.559a.915.915 0 0 0 .708.343m4.807-4.432c.2-.001.401.02.597.063a3.437 3.437 0 0 1 1.14.486l-.432.847c-.2-.138-.42-.247-.652-.324a1.871 1.871 0 0 0-.653-.117 1.318 1.318 0 0 0-.717.153.474.474 0 0 0-.257.423.498.498 0 0 0 .128.36.922.922 0 0 0 .331.199c.138 0 .322.08.552.135h.147c.292.051.578.13.855.234.23.097.43.252.579.45.176.268.256.584.23.901.013.317-.07.63-.24.901-.172.25-.42.442-.707.55a2.92 2.92 0 0 1-1.112.189c-.254 0-.507-.027-.754-.081a2.998 2.998 0 0 1-.699-.217 2.49 2.49 0 0 1-.579-.36l.47-.82c.217.17.462.3.725.388.27.09.552.135.837.135.267.014.534-.042.772-.162a.536.536 0 0 0 .25-.647.457.457 0 0 0-.094-.155.748.748 0 0 0-.322-.18l-.505-.108h-.12c-.312-.041-.62-.11-.919-.208a1.316 1.316 0 0 1-.597-.513 1.402 1.402 0 0 1-.248-.9 1.57 1.57 0 0 1 .23-.902c.163-.25.4-.444.68-.558.346-.125.715-.18 1.084-.162ZM13.034 3H2.924a.929.929 0 0 0-.65.264.892.892 0 0 0-.27.637v8.107a.884.884 0 0 0 .235.696.92.92 0 0 0 .685.295h10.11a.936.936 0 0 0 .697-.263.9.9 0 0 0 .268-.683V3.946a.887.887 0 0 0-.285-.654.922.922 0 0 0-.68-.247"/></svg>
diff --git a/packages/assets/svgs/ext/Code/kotlin.svg b/packages/assets/svgs/ext/Code/kotlin.svg
new file mode 100644
index 000000000000..f9ea091f7f4f
--- /dev/null
+++ b/packages/assets/svgs/ext/Code/kotlin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="url(#a)" d="M2 3v5l6-6H3a1 1 0 0 0-1 1Z"/><path fill="url(#b)" fill-rule="evenodd" d="M8 2 2 8v5c0 .276.112.526.293.707L4 12l4-4 5.146-5.146A.5.5 0 0 0 12.793 2H8Z" clip-rule="evenodd"/><path fill="url(#c)" fill-rule="evenodd" d="M2.293 13.707A.997.997 0 0 0 3 14h9.793a.5.5 0 0 0 .353-.854L8 8l-4 4-1.707 1.707Z" clip-rule="evenodd"/><defs><linearGradient id="a" x1="2" x2="8" y1="7.5" y2="2" gradientUnits="userSpaceOnUse"><stop stop-color="#2A82B5"/><stop offset="1" stop-color="#32ADF4"/></linearGradient><linearGradient id="b" x1="13" x2="2" y1="2" y2="13" gradientUnits="userSpaceOnUse"><stop stop-color="#F88909"/><stop offset="1" stop-color="#C858B7"/></linearGradient><linearGradient id="c" x1="10.5" x2="2.5" y1="10.5" y2="14" gradientUnits="userSpaceOnUse"><stop stop-color="#7970E2"/><stop offset="1" stop-color="#5C52CD"/></linearGradient></defs></svg>
diff --git a/packages/assets/svgs/ext/Code/php.svg b/packages/assets/svgs/ext/Code/php.svg
new file mode 100644
index 000000000000..77650d863a7e
--- /dev/null
+++ b/packages/assets/svgs/ext/Code/php.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M15 7c0-3-3.5-3-3.5-3H8.89C9.38 5.18 8 7 8 7h-.5a5.61 5.61 0 0 0 .5-.74A2.91 2.91 0 0 0 8.4 4v-.08c-.25-.5-.87-.87-2.11-.91H6C2.68 3 1.82 5.2 1.6 6.34a2.87 2.87 0 0 0-.1.66v5a.83.83 0 0 0 .61.22A2.29 2.29 0 0 0 3 12v-1.5A1.47 1.47 0 0 1 4.5 9v4a4.47 4.47 0 0 0 1.44.22A5.52 5.52 0 0 0 7.5 13v-2h3v2a4.47 4.47 0 0 0 1.44.22A5.52 5.52 0 0 0 13.5 13V9a4.52 4.52 0 0 0 .5-2.5 2.63 2.63 0 0 0-.28-1.25A2.61 2.61 0 0 1 14.5 7ZM4 6.5a.5.5 0 1 1 .5.5.5.5 0 0 1-.5-.5Z" style="fill:#748ce2"/></svg>
diff --git a/packages/assets/svgs/ext/Code/py.svg b/packages/assets/svgs/ext/Code/py.svg
new file mode 100644
index 000000000000..759c8db9fbc0
--- /dev/null
+++ b/packages/assets/svgs/ext/Code/py.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#418AC9" d="M5 3.286V4h2.8v1H4.2C3.9 5 2 5.071 2 8.5 2 10.557 3.2 11 3.5 11H4V9.286C4 7.914 5.4 7.57 6 7.57h3.15c1.35 0 1.35-.857 1.35-1.285v-3C10.5 3 9.96 2 7.8 2S5 3 5 3.286Z"/><path fill="#FFD242" d="M10.5 12.714V12H7.9v-1h3.2c.267 0 2.4 0 2.4-3.429C13.5 5.514 12.167 5 11.9 5h-.4v1.714c0 1.372-1.467 1.715-2 1.715H6.2C5 8.429 5 9.286 5 9.714v3C5 13 5.98 14 7.9 14s2.6-1 2.6-1.286Z"/></svg>
diff --git a/packages/assets/svgs/ext/Code/ts.svg b/packages/assets/svgs/ext/Code/ts.svg
new file mode 100644
index 000000000000..11e63a3ea74d
--- /dev/null
+++ b/packages/assets/svgs/ext/Code/ts.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#0E8ADC" fill-rule="evenodd" d="M3 3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H3Zm1.302 3.252v.955h1.462v4.297h1.01V7.207h1.462v-.955H4.302Zm6.857.009a2.67 2.67 0 0 0-.588-.063 2.714 2.714 0 0 0-1.067.171c-.276.111-.51.303-.67.55-.17.27-.252.583-.24.9-.022.32.065.637.249.901.154.2.365.35.606.432.298.103.606.172.92.208h.073l.496.108c.122.03.233.092.322.18a.44.44 0 0 1 .12.333.506.506 0 0 1-.276.469 1.467 1.467 0 0 1-.763.162c-.285 0-.567-.046-.837-.135a2.145 2.145 0 0 1-.707-.388l-.469.82c.175.14.366.257.57.351.221.098.452.174.69.226.248.046.5.07.753.071.377.01.752-.054 1.103-.189.284-.104.528-.293.698-.54.176-.268.26-.583.24-.9.018-.3-.063-.597-.23-.848a1.255 1.255 0 0 0-.57-.45 4.408 4.408 0 0 0-.846-.234h-.129a4.845 4.845 0 0 1-.551-.135.674.674 0 0 1-.322-.19.485.485 0 0 1-.138-.36.462.462 0 0 1 .258-.414 1.43 1.43 0 0 1 .717-.153c.222 0 .443.04.652.117.227.082.443.191.643.324l.433-.838a3.442 3.442 0 0 0-1.14-.486Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Code/vue.svg b/packages/assets/svgs/ext/Code/vue.svg
new file mode 100644
index 000000000000..38e0b479c592
--- /dev/null
+++ b/packages/assets/svgs/ext/Code/vue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M1.5 3.5 8 13l6.5-9.5H11L8 8 5 3.5H1.5z" style="fill:#3fb37f"/><path d="M5 3.5h6L8 8 5 3.5z" style="fill:#34475b"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/ace.svg b/packages/assets/svgs/ext/Extras/ace.svg
new file mode 100644
index 000000000000..7ad1d248a394
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/ace.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#7C7CFF" fill-rule="evenodd" d="M2 8c0 4.84 1.16 6 6 6s6-1.16 6-6-1.16-6-6-6-6 1.16-6 6Zm2-2V4l4.727 4L4 12v-2l2.545-2L4 6Zm7.273 4.667h-2.91c-.401 0-.727.298-.727.666 0 .368.326.667.728.667h2.909c.401 0 .727-.299.727-.667 0-.368-.326-.666-.727-.666Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/acemanifest.svg b/packages/assets/svgs/ext/Extras/acemanifest.svg
new file mode 100644
index 000000000000..53cbda696e00
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/acemanifest.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#7C7CFF" fill-rule="evenodd" d="M8 14c-4.84 0-6-1.16-6-6s1.16-6 6-6 6 1.16 6 6-1.16 6-6 6ZM5 4h1v1H5V4Zm6 0h-1v3h1V4ZM4 7.5a1.5 1.5 0 0 0 1 1.415V12h1V8.915A1.5 1.5 0 1 0 4 7.5Zm6 3.415a1.5 1.5 0 1 1 1 0V12h-1v-1.085Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/adoc.svg b/packages/assets/svgs/ext/Extras/adoc.svg
new file mode 100644
index 000000000000..30b6ab2c95b0
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/adoc.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#3CA8C0" d="M3.905 3.002 7.208 8.76h5.735A5 5 0 0 0 8 3H3.971c-.022 0-.044 0-.066.002ZM3 4.845l2.246 3.914H3V4.845ZM3 10.461v1.568c0 .536.435.971.971.971H7.68l-1.456-2.539H3ZM9.509 12.768a5.014 5.014 0 0 0 2.844-2.307H8.185l1.324 2.307Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/adonis.svg b/packages/assets/svgs/ext/Extras/adonis.svg
new file mode 100644
index 000000000000..973b75a9d3ae
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/adonis.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#7C7CFF" fill-rule="evenodd" d="m2.254 10.18 3.02-6.492C5.784 2.594 6.764 2 8 2c1.235 0 2.216.594 2.726 1.688l3.02 6.491c.137.316.254.723.254 1.076C14 12.868 12.804 14 11.098 14c-.581 0-1.043-.14-1.51-.282-.478-.146-.963-.293-1.588-.293-.618 0-1.114.148-1.602.295-.472.14-.937.28-1.496.28C3.196 14 2 12.868 2 11.255c0-.353.118-.76.255-1.076h-.001ZM8 4.82 5.02 11.2c.883-.39 1.902-.576 2.98-.576 1.04 0 2.099.186 2.942.575L7.999 4.82Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/adonisconfig.svg b/packages/assets/svgs/ext/Extras/adonisconfig.svg
new file mode 100644
index 000000000000..7f28c0abd082
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/adonisconfig.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#7C7CFF" fill-rule="evenodd" d="M2 8c0 4.84 1.16 6 6 6s6-1.16 6-6-1.16-6-6-6-6 1.16-6 6Zm4.183-2.875L4.169 9.453c-.09.21-.169.482-.169.717C4 11.245 4.797 12 5.935 12c.371 0 .68-.092.994-.186l.003-.001h.002c.324-.098.655-.197 1.066-.197.416 0 .738.098 1.057.195h.002l.003.002c.31.094.617.187 1.003.187C11.203 12 12 11.245 12 10.17c0-.235-.078-.507-.17-.717L9.817 5.125C9.477 4.395 8.824 4 8 4s-1.477.396-1.817 1.125Zm-.17 5.008L8 5.88l1.96 4.253C9.4 9.873 8.693 9.749 8 9.749c-.72 0-1.399.124-1.987.384Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/afdesign.svg b/packages/assets/svgs/ext/Extras/afdesign.svg
new file mode 100644
index 000000000000..fffc4f5dac85
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/afdesign.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#399EE7" d="m9.562 3-1.59 2.763L10.538 10H14V4a1 1 0 0 0-1-1H9.562ZM8.378 3 4 10.5 6.205 14H3a1 1 0 0 1-1-1v-2l4.5-8h1.878Z"/><path fill="#399EE7" d="M7.344 14H13a1 1 0 0 0 1-1v-2H5.416l1.928 3ZM5.532 10l1.87-3.248L9.37 10H5.532Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/afphoto.svg b/packages/assets/svgs/ext/Extras/afphoto.svg
new file mode 100644
index 000000000000..24bb9758b2d1
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/afphoto.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#CC6BEE" d="M14 4.204 10.126 10.5H14V4.204ZM13.489 3.127l-2.87 4.663L7.771 3H13c.177 0 .344.046.489.127ZM6.607 3H6.5L4.812 6h3.58L6.606 3ZM4.25 7h1.723l-3.93 6.289A1 1 0 0 1 2 13v-2l2.25-4ZM2.79 13.978c.068.014.138.022.21.022h4.724L5.463 9.703 2.79 13.978ZM8.854 14H13a1 1 0 0 0 1-1v-1.5H7.539L8.855 14ZM7.012 10.5l-.936-1.779L7.152 7h1.834l1.041 1.752L8.951 10.5H7.012Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/afpub.svg b/packages/assets/svgs/ext/Extras/afpub.svg
new file mode 100644
index 000000000000..13046a8b23e8
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/afpub.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#FF9350" d="M3.632 8.098 2 11v2a1 1 0 0 0 1 1h3.465L3.632 8.098ZM7.575 14 4.23 7.034 4.98 5.7 8.965 14h-1.39Zm2.5 0h1.39L6.33 3.302l-.75 1.334L10.075 14ZM7.295 3l5.28 11H13c.318 0 .6-.148.784-.379L8.685 3h-1.39Zm2.5 0L14 11.761V4a1 1 0 0 0-1-1H9.795Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/ai.svg b/packages/assets/svgs/ext/Extras/ai.svg
new file mode 100644
index 000000000000..667e46316299
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/ai.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><style>.cls-2{fill:#f69f11}</style></defs><path d="M12.5 14h-9A1.55 1.55 0 0 1 2 12.5v-9A1.55 1.55 0 0 1 3.5 2h9a1.55 1.55 0 0 1 1.55 1.5v9A1.55 1.55 0 0 1 12.5 14Z" style="fill:#49160a"/><path d="M6.16 4.43H7l2.12 7h-1.3L6.58 6.76l-1.25 4.66H4Zm-.91 4.71h2.68v1.18H5.25ZM9.68 4.43h1.25v1.24H9.68Zm0 2h1.25v5H9.68Z" class="cls-2"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/air.svg b/packages/assets/svgs/ext/Extras/air.svg
new file mode 100644
index 000000000000..6517789393f7
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/air.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#909090" fill-rule="evenodd" d="M6.029 6.393A4.75 4.75 0 1 1 10 13.75H5a3.75 3.75 0 1 1 1.029-7.357ZM10 5.75a3.25 3.25 0 0 0-2.954 1.892l-.327.71-.696-.356A2.25 2.25 0 1 0 5 12.25h5a3.25 3.25 0 0 0 0-6.5Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/anim.svg b/packages/assets/svgs/ext/Extras/anim.svg
new file mode 100644
index 000000000000..e6226e1fb2f2
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/anim.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#86B44B" fill-rule="evenodd" d="M9.376 4.814a1.407 1.407 0 0 1-1.934 1.304.701.701 0 0 0-.2-.1 1.406 1.406 0 1 1 2.134-1.204ZM5.407 8.422a4.69 4.69 0 0 1 1.107-.09l.05.298.008.05c.121.73.224 1.364.225 1.76 0 .846-.215 1.445-.552 1.776-.303.297-.848.515-1.868.278a.703.703 0 0 0-.319 1.37c1.325.308 2.42.094 3.173-.645.541-.531.819-1.254.923-2.02.344.005.802.1 1.175.357.385.264.75.745.75 1.699a.703.703 0 0 0 1.407 0c0-1.392-.573-2.318-1.36-2.859-.651-.447-1.397-.597-1.965-.603-.042-.372-.108-.78-.172-1.168a3.64 3.64 0 0 0 1.368.573c.86.17 1.902.061 2.8-.648a.703.703 0 0 0-.873-1.104c-.51.403-1.109.48-1.655.372a2.212 2.212 0 0 1-.802-.324A2.815 2.815 0 0 0 7.969 2a2.814 2.814 0 0 0-1.857 4.928 5.636 5.636 0 0 0-1.004.12c-1.079.234-2.125.874-2.507 2.27a.703.703 0 1 0 1.357.37c.205-.748.721-1.108 1.45-1.266Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/astro.svg b/packages/assets/svgs/ext/Extras/astro.svg
new file mode 100644
index 000000000000..1e3d68427387
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/astro.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#B176E6" fill-rule="evenodd" d="M2.683 10.921 5.279 2.7A1 1 0 0 1 6.233 2h3.534a1 1 0 0 1 .954.699l2.596 8.222a1 1 0 0 1-.246 1.008l-1.778 1.778a1 1 0 0 1-.707.293H5.414a1 1 0 0 1-.707-.293L2.93 11.93a1 1 0 0 1-.246-1.008Zm7.24-7.016L12 10.377a8.414 8.414 0 0 0-2.482-.875L8.166 5.374a.177.177 0 0 0-.169-.132.177.177 0 0 0-.168.132L6.493 9.5c-.884.16-1.722.46-2.493.876l2.086-6.473c.096-.324.143-.486.236-.606a.77.77 0 0 1 .311-.24C6.771 3 6.933 3 7.26 3h1.49c.326 0 .49 0 .627.058a.77.77 0 0 1 .311.24c.093.12.14.282.236.607Zm.645 6.649c-.46.243-1.376.409-2.432.409-1.296 0-2.382-.25-2.67-.586a1.217 1.217 0 0 0-.126.554s-.068.692.708 1.173c0-.25.327-.452.73-.452.691 0 .69.373.69.677v.027c0 .46.454.854 1.099 1.02a.656.656 0 0 1-.15-.406c0-.439.415-.602.898-.792.385-.152.812-.32 1.106-.656a.895.895 0 0 0 .24-.591.82.82 0 0 0-.093-.377Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/astroconfig.svg b/packages/assets/svgs/ext/Extras/astroconfig.svg
new file mode 100644
index 000000000000..91153170d78c
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/astroconfig.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#B176E6" fill-rule="evenodd" d="M4 3h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1ZM2 4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4Zm7.924.905c-.095-.325-.143-.487-.236-.608a.77.77 0 0 0-.31-.24C9.238 4 9.075 4 8.75 4H7.26c-.326 0-.49 0-.627.058a.77.77 0 0 0-.31.239c-.094.12-.141.282-.237.606L4 12a8.412 8.412 0 0 1 2.493-.876L7.83 6.374a.177.177 0 0 1 .168-.132c.078 0 .147.054.17.132l1.35 4.752c.881.161 1.715.46 2.483.874L9.924 4.905Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/atomizer.svg b/packages/assets/svgs/ext/Extras/atomizer.svg
new file mode 100644
index 000000000000..584dcac569dc
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/atomizer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#1D8FB7" fill-rule="evenodd" d="M5.365 10.087h.02l2.26 4.043h-4.71l.726-1.232 1.704-2.811Zm2.291 4.043 2.44-4.043h4.614l-2.334 4.043h-4.72Z" clip-rule="evenodd"/><path fill="#70D1F7" fill-rule="evenodd" d="M10.064 10.102h4.674L10.064 2H5.31l4.754 8.102Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/audio.svg b/packages/assets/svgs/ext/Extras/audio.svg
new file mode 100644
index 000000000000..94ee316f9596
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/audio.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#c24fbe}</style></defs><ellipse cx="6.36" cy="10.75" class="cls-1" rx="3.36" ry="2.75"/><path d="M8.72 3h1v7.5h-1z" class="cls-1"/><path d="M8.72 3h4v2.5h-4z" class="cls-1"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/audiomp3.svg b/packages/assets/svgs/ext/Extras/audiomp3.svg
new file mode 100644
index 000000000000..41cd98c57f11
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/audiomp3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#13A9FD" fill-rule="evenodd" d="M9.72 3h-1v5.793C8.113 8.303 7.28 8 6.36 8 4.504 8 3 9.231 3 10.75s1.504 2.75 3.36 2.75c1.856 0 3.36-1.231 3.36-2.75 0-.084-.005-.168-.014-.25h.014v-5h3V3h-3Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/audioogg.svg b/packages/assets/svgs/ext/Extras/audioogg.svg
new file mode 100644
index 000000000000..1119c166c302
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/audioogg.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#4EC624" fill-rule="evenodd" d="M9.72 3h-1v5.793C8.113 8.303 7.28 8 6.36 8 4.504 8 3 9.231 3 10.75s1.504 2.75 3.36 2.75c1.856 0 3.36-1.231 3.36-2.75 0-.084-.005-.168-.014-.25h.014v-5h3V3h-3Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/audiowav.svg b/packages/assets/svgs/ext/Extras/audiowav.svg
new file mode 100644
index 000000000000..0ca0b9a36c90
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/audiowav.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#EB3B30" fill-rule="evenodd" d="M9.72 3h-1v5.793C8.113 8.303 7.28 8 6.36 8 4.504 8 3 9.231 3 10.75s1.504 2.75 3.36 2.75c1.856 0 3.36-1.231 3.36-2.75 0-.084-.005-.168-.014-.25h.014v-5h3V3h-3Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/audiowv.svg b/packages/assets/svgs/ext/Extras/audiowv.svg
new file mode 100644
index 000000000000..7daf6d6d1be4
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/audiowv.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#E1A03D" fill-rule="evenodd" d="M9.72 3h-1v5.793C8.113 8.303 7.28 8 6.36 8 4.504 8 3 9.231 3 10.75s1.504 2.75 3.36 2.75c1.856 0 3.36-1.231 3.36-2.75 0-.084-.005-.168-.014-.25h.014v-5h3V3h-3Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/azure.svg b/packages/assets/svgs/ext/Extras/azure.svg
new file mode 100644
index 000000000000..4ef4404a1b3a
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/azure.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="url(#a)" d="M6.329 3h3.14l-3.26 9.66a.501.501 0 0 1-.475.34H3.29a.5.5 0 0 1-.473-.66l3.037-9A.5.5 0 0 1 6.328 3Z"/><path fill="#2269A0" d="M10.892 9.479h-4.98a.23.23 0 0 0-.157.399l3.2 2.987a.503.503 0 0 0 .343.135h2.82l-1.226-3.521Z"/><path fill="url(#b)" d="M6.329 3a.497.497 0 0 0-.476.347L2.82 12.332a.5.5 0 0 0 .472.668h2.507a.537.537 0 0 0 .411-.35l.605-1.782 2.16 2.015c.09.075.204.116.322.117h2.809l-1.232-3.521H7.282L9.48 3H6.328Z"/><path fill="url(#c)" d="M10.34 3.34A.5.5 0 0 0 9.866 3h-3.5a.5.5 0 0 1 .474.34l3.037 9a.5.5 0 0 1-.474.66h3.5a.499.499 0 0 0 .474-.66l-3.037-9Z"/><defs><linearGradient id="a" x1="7.473" x2="4.212" y1="3.741" y2="13.376" gradientUnits="userSpaceOnUse"><stop stop-color="#2166B5"/><stop offset="1" stop-color="#3AA3FC"/></linearGradient><linearGradient id="b" x1="8.492" x2="7.738" y1="8.231" y2="8.486" gradientUnits="userSpaceOnUse"><stop stop-opacity="0"/><stop offset=".071" stop-opacity=".2"/><stop offset=".321" stop-opacity=".1"/><stop offset=".623" stop-opacity=".05"/><stop offset="1" stop-opacity="0"/></linearGradient><linearGradient id="c" x1="8.077" x2="11.657" y1="3.46" y2="12.998" gradientUnits="userSpaceOnUse"><stop stop-color="#5FDBFF"/><stop offset="1" stop-color="#2892DF"/></linearGradient></defs></svg>
diff --git a/packages/assets/svgs/ext/Extras/babel.svg b/packages/assets/svgs/ext/Extras/babel.svg
new file mode 100644
index 000000000000..942632336438
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/babel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#f4ba00}</style></defs><path d="M2.33 13.69A48.32 48.32 0 0 0 7.1 3.47c.37-.89 1.9-1.2 1.9-1.2S5.48 11.54 2.7 15c.84-2 .52-1.68.52-1.68Z" class="cls-1"/><path d="m3.7 4.78 1.78-1.31-.42-.1a9.69 9.69 0 0 1 4.61-1.73c2.62-.21 3.78.78 3.83 1.57.1 1.94-1.68 3.56-7.39 5.34l.26-1.46s6-1.84 5.66-3.57c-.21-1.15-3-1-7 1 .31-.47 0-.37 0-.37L4 4.94Z" class="cls-1"/><path d="M6.21 8.5s4.35-1.41 4.25-.31-3.67 3.4-6.29 4.29a3.49 3.49 0 0 1-.37.58 14.85 14.85 0 0 0 4.82-2c.21.16 0 .26 0 .26s-3.14 2-5 2.26c-.11.26 0 .15 0 .15A13.66 13.66 0 0 0 11 9.92c3.15-3.3-1.41-3.41-1.41-3.41" class="cls-1"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/bat.svg b/packages/assets/svgs/ext/Extras/bat.svg
new file mode 100644
index 000000000000..2ca3123b7475
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/bat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#2DA3F9" fill-rule="evenodd" d="M3 2v3l3.5 3L3 11v3l6.5-6L3 2Zm6 10h4a1 1 0 1 1 0 2H9a1 1 0 1 1 0-2Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/bicep.svg b/packages/assets/svgs/ext/Extras/bicep.svg
new file mode 100644
index 000000000000..912a5e6cc697
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/bicep.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#32B0E7" d="M11.667 9.333H6L7.333 6h2.2L10 5H8l-.667-1L8 3h2l-.467-1h-2.2L5.867 4l.6 1-4 5A2.304 2.304 0 0 0 2 11.333c0 1 .733 1.867 1.667 2 0 0 7 .667 8 .667C12.933 14 14 12.933 14 11.667c0-1.267-1.067-2.334-2.333-2.334Zm-7.667 3c-.533 0-1-.466-1-1 0-.533.467-1 1-1 .533 0 1 .467 1 1 0 .534-.467 1-1 1Zm7.667.667c-.734 0-1.334-.6-1.334-1.333 0-.734.6-1.334 1.334-1.334.733 0 1.333.6 1.333 1.334C13 12.4 12.4 13 11.667 13Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/bicepparam.svg b/packages/assets/svgs/ext/Extras/bicepparam.svg
new file mode 100644
index 000000000000..605e91d38c98
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/bicepparam.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#DF9947" fill-rule="evenodd" d="m4.845 9.527.72-1.8-1.3 1.625c.205.028.4.088.58.175Zm.878.806c.176.296.277.639.277 1 0 .436-.147.844-.394 1.177.537.05 1.149.105 1.774.16.794.071 1.593.14 2.286.196a2.32 2.32 0 0 1 .087-2.533h-4.03Zm5.944-1C12.933 9.333 14 10.4 14 11.667 14 12.933 12.933 14 11.667 14h-.014c-1.048-.006-7.986-.667-7.986-.667-.934-.133-1.667-1-1.667-2 0-.185.032-.382.087-.572.083-.287.22-.56.38-.761l4-5-.6-1 1.466-2h2.2L10 3H8l-.667 1L8 5h2l-.467 1h-2.2L6 9.333h5.667Zm0 3.667C12.4 13 13 12.4 13 11.667c0-.734-.6-1.334-1.333-1.334-.734 0-1.334.6-1.334 1.334 0 .733.6 1.333 1.334 1.333Zm-8.625-1.944a.934.934 0 0 0-.042.277c0 .534.467 1 1 1 .533 0 1-.466 1-1 0-.533-.467-1-1-1-.438 0-.831.315-.958.723Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/binary.svg b/packages/assets/svgs/ext/Extras/binary.svg
new file mode 100644
index 000000000000..7c9ea0a49138
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/binary.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#E85B5B" fill-rule="evenodd" d="M3 4.5a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0Zm1.5 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm3.5 7a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0Zm1.5 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0ZM11 2 9 4l.5.5.5.5 1-1v3h1.5V2H11Zm-8 9 2-2h1.5v5H5v-3l-1 1-.5-.5L3 11Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/blade.svg b/packages/assets/svgs/ext/Extras/blade.svg
new file mode 100644
index 000000000000..43f81b287fed
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/blade.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M8.83 4.39a.38.38 0 0 0 0 .1v2.56L7.18 8V3.1a.28.28 0 0 0 0-.09.11.11 0 0 0 0-.05L7 2.79 4.54 1.35a.43.43 0 0 0-.41 0L1.69 2.76h-.06V2.91a.34.34 0 0 0 0 .1v8.37a.38.38 0 0 0 .2.35l4.88 2.81h.27l4.89-2.82a.4.4 0 0 0 .2-.35V8.92l2.24-1.29a.38.38 0 0 0 .2-.35V4.49a.34.34 0 0 0 0-.1l-.07-.07L12 2.92a.43.43 0 0 0-.41 0L9 4.14l-.07.08Zm2.84 1.05L10 4.49l1.64-.94 1.63.94ZM4.33 4.05 2.7 3.11l1.63-.94L6 3.11Zm-.39 6.15H4v.06l2.24 1.27v2.07l-3.95-2.35V3.81l1.64.94v5.45Zm2.43-1.74-1.08.62-.55.32V4.75l1.63-.94Zm3.26-1.41V5.19l1.63.94V8Zm1.22 1.64L6.78 11l-1.63-.9 4.07-2.35Zm-3.67 3 4.08-2.33v1.86L7.18 13.6Zm6.53-6.53v1.89L12.07 8V6.13Z" style="fill:#d32222"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/brotli.svg b/packages/assets/svgs/ext/Extras/brotli.svg
new file mode 100644
index 000000000000..88ea50df7147
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/brotli.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#EEAC30" fill-rule="evenodd" d="M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12ZM4.335 9.348c.24.138 1.105-.913 1.933-2.348.828-1.435 1.306-2.71 1.067-2.848-.24-.138-1.105.913-1.933 2.348-.829 1.435-1.306 2.71-1.067 2.848ZM6 11.464c.478.276 1.761-1.05 2.866-2.964C9.971 6.587 10.478 4.812 10 4.536 9.522 4.26 8.239 5.586 7.134 7.5 6.029 9.413 5.522 11.188 6 11.464ZM10.598 9.5c-.828 1.435-1.694 2.486-1.933 2.348-.24-.138.239-1.413 1.067-2.848.829-1.435 1.694-2.486 1.933-2.348.24.138-.238 1.413-1.067 2.848Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/browserslist.svg b/packages/assets/svgs/ext/Extras/browserslist.svg
new file mode 100644
index 000000000000..fea7282cb670
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/browserslist.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><circle cx="8" cy="8" r="6" style="fill:#fbb03b"/><path d="M12.25 6.47a.62.62 0 0 0-.55.32A2.71 2.71 0 0 1 10.29 5a4.68 4.68 0 0 1-.11-.47 5.11 5.11 0 0 1-.07-.58 3.45 3.45 0 0 0-.89.24 3.33 3.33 0 0 1 .13-1A3.73 3.73 0 0 0 7.77 4a4.05 4.05 0 0 1-.25-1 3.81 3.81 0 0 0-1.16 1.4 3.69 3.69 0 0 1-.59-.86 3.83 3.83 0 0 0-.59 1.73 3.93 3.93 0 0 1-.83-.58 3.6 3.6 0 0 0 .07 1.81 3.81 3.81 0 0 1-1-.23 3.8 3.8 0 0 0 .71 1.66 4.23 4.23 0 0 1-1 .14 3.81 3.81 0 0 0 1.26 1.3 3.83 3.83 0 0 1-.91.51 4 4 0 0 0 1.65.75 4.11 4.11 0 0 1-.66.77 3.87 3.87 0 0 0 1.8.13 3.77 3.77 0 0 1-.34 1A3.8 3.8 0 0 0 7.66 12a4.28 4.28 0 0 1 0 1 4.69 4.69 0 0 0 2.41-3.13 3.19 3.19 0 0 0 .13-1.06v-.22a9.07 9.07 0 0 0 2.11-.76 1.11 1.11 0 0 0 .39-.35.71.71 0 0 0 .13-.4.61.61 0 0 0-.58-.61Zm-.11 1a5.56 5.56 0 0 1-1.61.62h-.18c0-.37-.07-.71-.12-1a.45.45 0 0 0 0-.88.23.23 0 0 0-.14 0 3.18 3.18 0 0 1 0-.68 2.35 2.35 0 0 0 .67 1.06 3.79 3.79 0 0 0 1.42.86ZM4.46 11.41zM3.11 8.07zM11.01 3.87z"/><path d="M10.24 8.21a1.38 1.38 0 0 1 0-.25c0-.16-.08-.69-.1-.88v-.07h.1a.34.34 0 0 0 .23-.53.43.43 0 0 0-.28-.15h-.07l.08.07a.19.19 0 0 1 .07.13.23.23 0 0 1-.11.2s0 0-.06 0a4.54 4.54 0 0 1-.1-1.38c0-.1 0-.23.07-.29v-.11V5a1.68 1.68 0 0 0 0 .27A2.65 2.65 0 0 0 11.45 7a3.9 3.9 0 0 0 .72.34l.17.07s0 .09-.13.17a6.06 6.06 0 0 1-1.58.62c-.41.09-.38.08-.39.01Z" style="fill:#fff"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/bsconfig.svg b/packages/assets/svgs/ext/Extras/bsconfig.svg
new file mode 100644
index 000000000000..0a2e20f78cf6
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/bsconfig.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="#D94851" d="M2.5 4A1.5 1.5 0 0 1 4 2.5h8A1.5 1.5 0 0 1 13.5 4v8a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 12V4Z"/><path fill="#D94851" d="M5 6a1 1 0 0 1 1-1h2v5a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6ZM12 6.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/bundler.svg b/packages/assets/svgs/ext/Extras/bundler.svg
new file mode 100644
index 000000000000..58eccf1f359d
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/bundler.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#EF1362" d="M8 7.545h2.857L8 10.727V7.545ZM9.714 5H6.286L4 7.545 8 12l4-4.455L9.714 5Z"/><rect width="11" height="11" x="2.5" y="2.5" stroke="#EF1362" rx="1.5"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/cargo.svg b/packages/assets/svgs/ext/Extras/cargo.svg
new file mode 100644
index 000000000000..cfd23ccd9308
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/cargo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#DA9A1D" d="M5 13.5V10l3 1.5V15l-3-1.5ZM1 11V7.5L4 9v3.5L1 11ZM5 9V5.5L8 7v3.5L5 9Z"/><path fill="#FFCB66" d="M11 13.5V10l-3 1.5V15l3-1.5ZM15 10.833V7.5l-3 1.667V12.5l3-1.667ZM11 9V5.5L8 7v3.5L11 9ZM15 6.833V3.5l-3 1.667V8.5l3-1.667ZM8 6 5 4.5 8 3l3 1.5L8 6ZM12 4 9 2.5 12 1l3 1.5L12 4Z"/><path fill="#DA9A1D" d="M4 8 1 6.5 4 5v3Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/cargolock.svg b/packages/assets/svgs/ext/Extras/cargolock.svg
new file mode 100644
index 000000000000..dc539a19d599
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/cargolock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#909090" fill-opacity=".7" d="M5 13.5V10l3 1.5V15l-3-1.5ZM1 11V7.5L4 9v3.5L1 11ZM5 9V5.5L8 7v3.5L5 9Z"/><path fill="#909090" d="M11 13.5V10l-3 1.5V15l3-1.5ZM15 10.833V7.5l-3 1.667V12.5l3-1.667ZM11 9V5.5L8 7v3.5L11 9ZM15 6.833V3.5l-3 1.667V8.5l3-1.667ZM8 6 5 4.5 8 3l3 1.5L8 6ZM12 4 9 2.5 12 1l3 1.5L12 4Z"/><path fill="#909090" fill-opacity=".7" d="M4 8 1 6.5 4 5v3Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/cert.svg b/packages/assets/svgs/ext/Extras/cert.svg
new file mode 100644
index 000000000000..75b22610df8b
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/cert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#46C5C5" fill-rule="evenodd" d="M8.707 2.05a1 1 0 0 0-1.414 0l-.95.95H5a1 1 0 0 0-1 1v1.343l-.95.95a1 1 0 0 0 0 1.414l.95.95V10a1 1 0 0 0 1 1h1v4l2-2 2 2v-4h1a1 1 0 0 0 1-1V8.657l.95-.95a1 1 0 0 0 0-1.414l-.95-.95V4a1 1 0 0 0-1-1H9.657l-.95-.95ZM8 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/cheader.svg b/packages/assets/svgs/ext/Extras/cheader.svg
new file mode 100644
index 000000000000..2c56b65641f5
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/cheader.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#6A83FF" fill-rule="evenodd" d="m11.5 3.74 1.35.78a1.33 1.33 0 0 1 .67 1.15v4.78a1.35 1.35 0 0 1-.67 1.16l-1.35.78V3.74ZM9.053 2.329 8.71 2.13a1.34 1.34 0 0 0-1.34 0l-.423.244v4.301h2.106V2.328ZM4.5 3.787l-1.27.733a1.33 1.33 0 0 0-.67 1.15v4.78a1.35 1.35 0 0 0 .67 1.16l1.27.733V3.787Zm2.447 9.969L7.37 14a1.34 1.34 0 0 0 1.34 0l.343-.198V9H6.947v4.756Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/civet.svg b/packages/assets/svgs/ext/Extras/civet.svg
new file mode 100644
index 000000000000..76b76d86b27e
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/civet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#33A06F" fill-rule="evenodd" d="M8 6c0-1.131.5-3 1-4l1 1.5h2.5l1-1.5c.063.19.127.378.19.562.429 1.267.81 2.39.81 3.438 0 .724-.466 1.215-1.061 1.53l.061-.03c0 1 0 4-2 4H4c0 1 1.438 1 3.5 1 4 0 5.5.5 5.5 1.5 0 .816-.667.633-2 .266-.3-.082-.633-.174-1-.266-1-.25-2.25-.25-3.438-.25-1.187 0-2.312 0-3.062-.25-1.06-.354-1.5-1-1.5-3s.5-3.5 2.5-4c1.143-.286 2.286.082 3.429.449.237.076.475.153.713.223C8.257 6.878 8 6.492 8 6Zm5.5-1c0 .333 0 1.5-2 1.5 0-1.6 1.667-1.667 2-1.5ZM9 5c0 .333 0 1.5 2 1.5C11 4.9 9.333 4.833 9 5Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/cli.svg b/packages/assets/svgs/ext/Extras/cli.svg
new file mode 100644
index 000000000000..8c901953d76f
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/cli.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#F34C4C" d="M3 5V2l6.5 6L3 14v-3l3.5-3L3 5Z"/><circle cx="9" cy="13" r="1" fill="#F34C4C"/><circle cx="13" cy="13" r="1" fill="#F34C4C"/><path fill="#F34C4C" d="M9 12h4v2H9z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/clojure.svg b/packages/assets/svgs/ext/Extras/clojure.svg
new file mode 100644
index 000000000000..402fa1a93eae
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/clojure.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#567ED6" d="M8.17 1C6.458 1 3.5 1.5 2 4c1.5-1 3.222-.74 4.207-.31a4.667 4.667 0 0 1 4.95 7.746c.2.042.41.064.629.064 1.772 0 3.205-1.502 3.205-3.354l.003-.009c.003-.005.006-.012.006-.016C14.984 4.195 11.928 1 8.17 1Z"/><path fill="#8FB3FD" d="M9.97 10.894a3.5 3.5 0 0 0-2.528-6.35c.786.835 1.131 2.027 1.142 3.45.008 1.14.52 2.245 1.385 2.9Z"/><path fill="#61AF30" d="M4.843 4.564a4.667 4.667 0 0 0 5.093 7.684C10.906 12.688 12 13 14 12c-1.333 2.5-4.459 3-6.17 3C4.073 15 1.017 11.805 1 7.88c0-.005.003-.012.006-.017l.003-.01c0-1.85 1.433-3.353 3.205-3.353.218 0 .428.022.629.064Z"/><path fill="#61AF30" d="M6.03 5.106c.759.575 1.246 1.495 1.36 2.482-.76.304-1.81.965-2.45 2.113a3.496 3.496 0 0 1 1.09-4.595ZM7.478 8.83c.142.98.537 1.895 1.249 2.594a3.486 3.486 0 0 1-2.963-.732c.359-.942 1.097-1.54 1.714-1.863Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/codeworkspace.svg b/packages/assets/svgs/ext/Extras/codeworkspace.svg
new file mode 100644
index 000000000000..90f07ecde18b
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/codeworkspace.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><mask id="a" width="12" height="12" x="2" y="2" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#909090" d="m4.2 12.15-2-1.5a.495.495 0 0 1-.2-.4v-4.5a.496.496 0 0 1 .2-.4l2-1.5a.453.453 0 0 0-.137.4v7.5a.453.453 0 0 0 .137.4Z"/><path fill="#909090" d="M13.777 4.083a.503.503 0 0 0-.622.057l-.035.035L9.13 8l-2.208 2.117-2.042 1.958-.035.035a.486.486 0 0 1-.345.14.502.502 0 0 1-.3-.1l-2-1.5a.5.5 0 0 0 .68-.075L5.1 7.998l1.823-2.115 3.192-3.708A.492.492 0 0 1 10.492 2c.1 0 .196.028.278.083l3.008 2Z"/><path fill="#909090" d="m13.777 11.917-3 2a.506.506 0 0 1-.657-.09l-3.197-3.71L5.1 7.997 2.88 5.423a.502.502 0 0 0-.68-.072l2-1.5a.502.502 0 0 1 .486-.064c.06.024.114.06.159.104l.035.035 2.043 1.958L9.13 8l3.99 3.825.035.035a.484.484 0 0 0 .345.14.503.503 0 0 0 .277-.083Z"/><path fill="#909090" d="M14 4.5v7a.502.502 0 0 1-.223.417l-3 2A.502.502 0 0 0 11 13.5v-11a.506.506 0 0 0-.23-.418l3.008 2A.505.505 0 0 1 14 4.5Z"/></mask><g mask="url(#a)"><path fill="#909090" d="m4.2 12.15-2-1.5a.496.496 0 0 1-.2-.4v-4.5a.496.496 0 0 1 .2-.4l2-1.5a.453.453 0 0 0-.137.4v7.5a.453.453 0 0 0 .137.4Z"/><g filter="url(#b)"><path fill="#909090" d="M13.777 4.083a.502.502 0 0 0-.622.057l-.035.035-2.125 2.038L9.13 8l-2.208 2.117-2.042 1.958-.035.035a.486.486 0 0 1-.345.14.502.502 0 0 1-.3-.1l-2-1.5a.5.5 0 0 0 .68-.075L4 9.275l1.1-1.277 1.822-2.115 3.193-3.708A.493.493 0 0 1 10.492 2c.1 0 .195.028.278.083l3.007 2Z"/></g><g filter="url(#c)"><path fill="#909090" d="m13.777 11.917-3 2a.506.506 0 0 1-.657-.09l-3.198-3.71L5.1 7.997 4 6.724l-1.12-1.3a.502.502 0 0 0-.68-.073l2-1.5a.502.502 0 0 1 .486-.064c.06.024.114.06.159.104l.035.035 2.042 1.958L9.13 8l1.868 1.79 2.122 2.035.035.035a.486.486 0 0 0 .345.14.5.5 0 0 0 .277-.083Z"/></g><g filter="url(#d)"><path fill="#909090" d="M14 4.5v7a.502.502 0 0 1-.223.417l-3 2A.501.501 0 0 0 11 13.5v-11a.506.506 0 0 0-.23-.418l3.008 2A.505.505 0 0 1 14 4.5Z"/></g></g><defs><filter id="b" width="21.939" height="20.612" x="-2.981" y="-1.886" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".246"/><feGaussianBlur stdDeviation=".246"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1270_147"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1.295"/><feGaussianBlur stdDeviation="2.59"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"/><feBlend in2="effect1_dropShadow_1270_147" result="effect2_dropShadow_1270_147"/><feBlend in="SourceGraphic" in2="effect2_dropShadow_1270_147" result="shape"/></filter><filter id="c" width="21.939" height="20.612" x="-2.981" y="-.136" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".246"/><feGaussianBlur stdDeviation=".246"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1270_147"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1.295"/><feGaussianBlur stdDeviation="2.59"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"/><feBlend in2="effect1_dropShadow_1270_147" result="effect2_dropShadow_1270_147"/><feBlend in="SourceGraphic" in2="effect2_dropShadow_1270_147" result="shape"/></filter><filter id="d" width="34.316" height="42.921" x="-4.773" y="-13.46" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation=".13"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1270_147"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation="7.771"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"/><feBlend in2="effect1_dropShadow_1270_147" result="effect2_dropShadow_1270_147"/><feBlend in="SourceGraphic" in2="effect2_dropShadow_1270_147" result="shape"/></filter></defs></svg>
diff --git a/packages/assets/svgs/ext/Extras/commitlint.svg b/packages/assets/svgs/ext/Extras/commitlint.svg
new file mode 100644
index 000000000000..52d4aceb41fb
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/commitlint.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#50B2DD" fill-rule="evenodd" d="M3 2a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3Zm9.688 8V8.687h-1.279V3H8.788v1.313h1.343v4.375H8.852V10h3.835ZM5.941 3.875c1.444 0 2.344.806 2.484 2.137H7.198c-.103-.663-.572-1.029-1.256-1.029-.884 0-1.369.626-1.369 1.766v.446c0 1.14.485 1.766 1.369 1.766.69 0 1.148-.35 1.256-.992h1.228C8.291 9.269 7.392 10 5.953 10c-1.687 0-2.64-.965-2.64-2.694v-.668c0-1.724.943-2.763 2.629-2.763Z" clip-rule="evenodd"/><path fill="#CE3D40" fill-rule="evenodd" d="m8 11.5 2.25 1.5H14v.5a1 1 0 0 1-1 1H9.75L8 13.5l-1.75 1H3a1 1 0 0 1-1-1V13h3.75L8 11.5Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/compodoc.svg b/packages/assets/svgs/ext/Extras/compodoc.svg
new file mode 100644
index 000000000000..246aad39a8d9
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/compodoc.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#E73440" d="m9.062 3 1.707.602-3.541 10.039-1.707-.602z"/><path fill="#F1C40F" fill-rule="evenodd" d="m5.397 5.924-1.02-1.02-3.103 3.102.001.001L1 8.283l3.376 3.376 1.02-1.02L3.04 8.28l2.357-2.357Z" clip-rule="evenodd"/><path fill="#3498DB" fill-rule="evenodd" d="m15.048 8.555.275-.275-3.376-3.376-1.02 1.02 2.356 2.357-2.357 2.357 1.02 1.021 3.103-3.102-.001-.002Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/composer.svg b/packages/assets/svgs/ext/Extras/composer.svg
new file mode 100644
index 000000000000..90c28a46bc0c
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/composer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#E28C4D" d="M6.868 13.974c-.475-.11-.949-.223-1.422-.336l-2.262-.541.024-.127c.036-.175.06-.352.07-.53v-.02c.066-.355.17-.703.31-1.04a.103.103 0 0 0-.009-.098 47.766 47.766 0 0 1-.603-1.247l-.013.01a.414.414 0 0 1-.246.102.274.274 0 0 1-.103-.02c-.117-.045-.155-.153-.181-.241a.701.701 0 0 0-.028-.075l-.014-.027V9.78c0-.006-.004-.011-.005-.017a.887.887 0 0 0-.044-.08.466.466 0 0 1-.09-.312c.02-.146.172-.205.285-.247l.061-.024v-.008l-.192-.524a38.83 38.83 0 0 1-.517-1.454 39.176 39.176 0 0 1-.633-2.036 7.763 7.763 0 0 1-.254-1.225.876.876 0 0 1 .057-.375c.017-.055.032-.107.042-.157v-.02a.213.213 0 0 1 .09-.108.251.251 0 0 1 .143-.037h.026a.843.843 0 0 1 .452.075c.108.052.2.125.271.215.146.162.276.336.388.518.173.28.353.56.526.833.155.243.314.49.47.743.26-.34.491-.683.734-1.045l.068-.103c.15-.207.311-.408.485-.6.127-.145.248-.282.358-.427.14-.178.353-.229.523-.27h.008a.261.261 0 0 1 .07-.009c.055.002.109.018.154.047s.089.054.133.08c.13.067.248.154.348.256l.039-.01c1.487-.394 2.575-.78 3.528-1.257a4.43 4.43 0 0 1 .388-.163.632.632 0 0 1 .208-.039.433.433 0 0 1 .165.03c.051.02.098.05.136.087a.44.44 0 0 1 .096.17.412.412 0 0 1 .01.192.972.972 0 0 1-.35.63l-.146.125c-.388.336-.794.683-1.227.993-.035.028-.033.032-.026.053.045.125.085.249.125.373a6.96 6.96 0 0 0 .321.845l.016-.008 1.576-.886c1.345-.757 2.741-1.543 4.12-2.31.104-.06.167-.097.252-.097.116 0 .182.07.274.164l.02.021.01.026.013.011c.033.023.06.053.078.087a.22.22 0 0 1 .026.11.248.248 0 0 1-.055.113.286.286 0 0 1-.106.078l-.998.583-1.034.603c-.398.24-.808.478-1.205.708l-.283.167a.844.844 0 0 1 .328.234c.146.14.287.312.287.542v.009c-.012.178-.052.38-.255.523a9.85 9.85 0 0 0-.93.84c-.107.104-.213.21-.32.31a1 1 0 0 0-.101.14l-.046.07c-.441.58-.795 1.221-1.137 1.841-.155.28-.31.57-.48.85a1.483 1.483 0 0 1-.603.56c-.29.159-.587.304-.893.437h-.008a.17.17 0 0 0-.105.063.14.14 0 0 0-.026.112c.029.273-.14.439-.31.564a.217.217 0 0 0-.047.076c-.111.266-.198.54-.258.82a7.806 7.806 0 0 1-.14.511l.053.05-.05.082c-.067.143-.149.28-.243.411l-.06.087-.107-.026Zm-2.821-1.37c.083.012.165.027.246.047.763.184 1.48.35 2.197.5l.023.005.018.01.219-.652.233-.69.007-.027a.394.394 0 0 1 .14-.226l.005-.005a.582.582 0 0 0 .19-.204.518.518 0 0 0 .064-.26.855.855 0 0 1 .026-.18 1.25 1.25 0 0 0 .018-.087c0-.076.024-.151.072-.214a.414.414 0 0 1 .193-.14 4.012 4.012 0 0 0 1.364-.917v-.01a1 1 0 0 0 .208-.259c.297-.619.697-1.183 1.046-1.679.348-.496.84-1.119 1.483-1.657a.66.66 0 0 0 .215-.36.153.153 0 0 0-.005-.1.172.172 0 0 0-.066-.08.253.253 0 0 0-.12-.042.143.143 0 0 0-.085.03c-.558.375-1.193.63-1.808.881l-.192.078-.116.049c-.255.106-.495.205-.613.433l-.012.022-.02.017a.245.245 0 0 1-.067.041l-.011.007c-.233.13-.49.22-.76.264a.558.558 0 0 1-.099.007v-.14.14a.163.163 0 0 0-.07.008c-1.416.802-2.863 1.605-4.255 2.384l-.01.006.187.36c.188.38.397.751.628 1.112a.293.293 0 0 1 .068.192.295.295 0 0 1-.076.19c-.26.323-.363.704-.465 1.132v.014ZM1.834 4.2l.04.222c.028.187.067.373.118.556.33 1.12.734 2.231 1.126 3.31l.166.46 1.729-.878a646.444 646.444 0 0 0 2-1.016h.007l-.104-.06c-.298-.174-.603-.35-.893-.554l-.045.165a.213.213 0 0 1-.07.121.255.255 0 0 1-.137.06h-.048a.383.383 0 0 1-.157-.04.343.343 0 0 1-.12-.1.389.389 0 0 0-.034-.035c-.164-.148-.139-.28-.108-.34.053-.108.098-.218.135-.33.031-.088.063-.178.103-.266v-.01c.055-.123.107-.24.256-.24.087 0 .155.046.257.11l.01.007.052.047c.398.382.867.698 1.386.933.092.05.195.078.302.085a.425.425 0 0 0 .256-.095l.016-.011a.54.54 0 0 1-.016-.041.287.287 0 0 0-.078-.13c-.26-.21-.525-.434-.834-.712L7 5.284c-.336-.3-.684-.61-.94-.992a1.165 1.165 0 0 0-.265-.312.205.205 0 0 0-.066-.044.224.224 0 0 0-.079-.018.216.216 0 0 0-.1.028.19.19 0 0 0-.07.069c-.116.189-.25.369-.381.542-.13.174-.258.344-.368.524-.111.18-.225.338-.34.498a6.875 6.875 0 0 0-.45.694.104.104 0 0 0 0 .117c.034.078.07.15.104.222.09.171.164.35.219.534.07.198-.064.28-.15.305a.285.285 0 0 1-.1.02.264.264 0 0 1-.128-.039.229.229 0 0 1-.086-.093l-.005-.007a12.128 12.128 0 0 0-.201-.303 9.26 9.26 0 0 1-.291-.447c-.155-.258-.31-.526-.46-.785-.305-.539-.622-1.094-1.009-1.597Zm6.86 1.782.319-.177c-.043-.107-.083-.215-.124-.323a10.815 10.815 0 0 0-.335-.818c-.142.07-.275.154-.396.25-.095.073-.195.141-.3.204l.836.864Zm-1.81-1.963.217.254c.09.105.178.212.27.315.089-.043.178-.08.265-.117.164-.06.319-.138.461-.233.63-.448 1.21-.895 1.777-1.368.07-.054.089-.089.085-.103v-.049h-.006a.973.973 0 0 0-.113.057l-.039.021c-.141.07-.276.14-.412.204-.43.227-.876.428-1.335.603l-.364.131c-.256.096-.531.195-.805.285Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/composerlock.svg b/packages/assets/svgs/ext/Extras/composerlock.svg
new file mode 100644
index 000000000000..347748536b2c
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/composerlock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#909090" fill-opacity=".8" d="M6.868 13.974c-.475-.11-.949-.223-1.422-.336l-2.262-.541.024-.127c.036-.175.06-.352.07-.53v-.02c.066-.355.17-.703.31-1.04a.103.103 0 0 0-.009-.098 47.766 47.766 0 0 1-.603-1.247l-.013.01a.414.414 0 0 1-.246.102.274.274 0 0 1-.103-.02c-.117-.045-.155-.153-.181-.241a.701.701 0 0 0-.028-.075l-.014-.027V9.78c0-.006-.004-.011-.005-.017a.887.887 0 0 0-.044-.08.466.466 0 0 1-.09-.312c.02-.146.172-.205.285-.247l.061-.024v-.008l-.192-.524a38.83 38.83 0 0 1-.517-1.454 39.176 39.176 0 0 1-.633-2.036 7.763 7.763 0 0 1-.254-1.225.876.876 0 0 1 .057-.375c.017-.055.032-.107.042-.157v-.02a.213.213 0 0 1 .09-.108.251.251 0 0 1 .143-.037h.026a.843.843 0 0 1 .452.075c.108.052.2.125.271.215.146.162.276.336.388.518.173.28.353.56.526.833.155.243.314.49.47.743.26-.34.491-.683.734-1.045l.068-.103c.15-.207.311-.408.485-.6.127-.145.248-.282.358-.427.14-.178.353-.229.523-.27h.008a.261.261 0 0 1 .07-.009c.055.002.109.018.154.047s.089.054.133.08c.13.067.248.154.348.256l.039-.01c1.487-.394 2.575-.78 3.528-1.257a4.43 4.43 0 0 1 .388-.163.632.632 0 0 1 .208-.039.433.433 0 0 1 .165.03c.051.02.098.05.136.087a.44.44 0 0 1 .096.17.412.412 0 0 1 .01.192.972.972 0 0 1-.35.63l-.146.125c-.388.336-.794.683-1.227.993-.035.028-.033.032-.026.053.045.125.085.249.125.373a6.96 6.96 0 0 0 .321.845l.016-.008 1.576-.886c1.345-.757 2.741-1.543 4.12-2.31.104-.06.167-.097.252-.097.116 0 .182.07.274.164l.02.021.01.026.013.011c.033.023.06.053.078.087a.22.22 0 0 1 .026.11.248.248 0 0 1-.055.113.286.286 0 0 1-.106.078l-.998.583-1.034.603c-.398.24-.808.478-1.205.708l-.283.167a.844.844 0 0 1 .328.234c.146.14.287.312.287.542v.009c-.012.178-.052.38-.255.523a9.85 9.85 0 0 0-.93.84c-.107.104-.213.21-.32.31a1 1 0 0 0-.101.14l-.046.07c-.441.58-.795 1.221-1.137 1.841-.155.28-.31.57-.48.85a1.483 1.483 0 0 1-.603.56c-.29.159-.587.304-.893.437h-.008a.17.17 0 0 0-.105.063.14.14 0 0 0-.026.112c.029.273-.14.439-.31.564a.217.217 0 0 0-.047.076c-.111.266-.198.54-.258.82a7.806 7.806 0 0 1-.14.511l.053.05-.05.082c-.067.143-.149.28-.243.411l-.06.087-.107-.026Zm-2.821-1.37c.083.012.165.027.246.047.763.184 1.48.35 2.197.5l.023.005.018.01.219-.652.233-.69.007-.027a.394.394 0 0 1 .14-.226l.005-.005a.582.582 0 0 0 .19-.204.518.518 0 0 0 .064-.26.855.855 0 0 1 .026-.18 1.25 1.25 0 0 0 .018-.087c0-.076.024-.151.072-.214a.414.414 0 0 1 .193-.14 4.012 4.012 0 0 0 1.364-.917v-.01a1 1 0 0 0 .208-.259c.297-.619.697-1.183 1.046-1.679.348-.496.84-1.119 1.483-1.657a.66.66 0 0 0 .215-.36.153.153 0 0 0-.005-.1.172.172 0 0 0-.066-.08.253.253 0 0 0-.12-.042.143.143 0 0 0-.085.03c-.558.375-1.193.63-1.808.881l-.192.078-.116.049c-.255.106-.495.205-.613.433l-.012.022-.02.017a.245.245 0 0 1-.067.041l-.011.007c-.233.13-.49.22-.76.264a.558.558 0 0 1-.099.007v-.14.14a.163.163 0 0 0-.07.008c-1.416.802-2.863 1.605-4.255 2.384l-.01.006.187.36c.188.38.397.751.628 1.112a.293.293 0 0 1 .068.192.295.295 0 0 1-.076.19c-.26.323-.363.704-.465 1.132v.014ZM1.834 4.2l.04.222c.028.187.067.373.118.556.33 1.12.734 2.231 1.126 3.31l.166.46 1.729-.878a646.444 646.444 0 0 0 2-1.016h.007l-.104-.06c-.298-.174-.603-.35-.893-.554l-.045.165a.213.213 0 0 1-.07.121.255.255 0 0 1-.137.06h-.048a.383.383 0 0 1-.157-.04.343.343 0 0 1-.12-.1.389.389 0 0 0-.034-.035c-.164-.148-.139-.28-.108-.34.053-.108.098-.218.135-.33.031-.088.063-.178.103-.266v-.01c.055-.123.107-.24.256-.24.087 0 .155.046.257.11l.01.007.052.047c.398.382.867.698 1.386.933.092.05.195.078.302.085a.425.425 0 0 0 .256-.095l.016-.011a.54.54 0 0 1-.016-.041.287.287 0 0 0-.078-.13c-.26-.21-.525-.434-.834-.712L7 5.284c-.336-.3-.684-.61-.94-.992a1.165 1.165 0 0 0-.265-.312.205.205 0 0 0-.066-.044.224.224 0 0 0-.079-.018.216.216 0 0 0-.1.028.19.19 0 0 0-.07.069c-.116.189-.25.369-.381.542-.13.174-.258.344-.368.524-.111.18-.225.338-.34.498a6.875 6.875 0 0 0-.45.694.104.104 0 0 0 0 .117c.034.078.07.15.104.222.09.171.164.35.219.534.07.198-.064.28-.15.305a.285.285 0 0 1-.1.02.264.264 0 0 1-.128-.039.229.229 0 0 1-.086-.093l-.005-.007a12.128 12.128 0 0 0-.201-.303 9.26 9.26 0 0 1-.291-.447c-.155-.258-.31-.526-.46-.785-.305-.539-.622-1.094-1.009-1.597Zm6.86 1.782.319-.177c-.043-.107-.083-.215-.124-.323a10.815 10.815 0 0 0-.335-.818c-.142.07-.275.154-.396.25-.095.073-.195.141-.3.204l.836.864Zm-1.81-1.963.217.254c.09.105.178.212.27.315.089-.043.178-.08.265-.117.164-.06.319-.138.461-.233.63-.448 1.21-.895 1.777-1.368.07-.054.089-.089.085-.103v-.049h-.006a.973.973 0 0 0-.113.057l-.039.021c-.141.07-.276.14-.412.204-.43.227-.876.428-1.335.603l-.364.131c-.256.096-.531.195-.805.285Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/conan.svg b/packages/assets/svgs/ext/Extras/conan.svg
new file mode 100644
index 000000000000..6c93360d89e2
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/conan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#29AED2" fill-rule="evenodd" d="M7.27 2.185a1.35 1.35 0 0 1 .67-.18c.244-.021.49.023.71.13l4.14 2.39a1.33 1.33 0 0 1 .67 1.15v4.78a1.35 1.35 0 0 1-.67 1.16l-4.14 2.39a1.34 1.34 0 0 1-1.34 0l-4.14-2.39a1.35 1.35 0 0 1-.67-1.16v-4.78a1.33 1.33 0 0 1 .67-1.15l4.1-2.34Zm4.897 4.148L8 3.833 6.75 5.5l1.667 1.667 1.25 2.083c1.666-.417 2.5-1.25 2.5-2.917Zm-8.284 4.304.83.63L8 8 6.83 6.75l-2.947 3.887Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/conf.svg b/packages/assets/svgs/ext/Extras/conf.svg
new file mode 100644
index 000000000000..0cf17b41d699
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/conf.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#d68012}</style></defs><circle cx="8" cy="8" r="2" class="cls-1"/><path d="M8 4.5A3.5 3.5 0 0 1 11.5 8 3.5 3.5 0 1 1 8 4.5M8 2a5.8 5.8 0 0 0-1 .09L6.34 4l-1.79-.9a4.94 4.94 0 0 0-.79.66 4.94 4.94 0 0 0-.66.79L4 6.34 2.09 7a5.94 5.94 0 0 0 0 2L4 9.66l-.9 1.79a5.88 5.88 0 0 0 1.45 1.45l1.79-.9.66 1.91a5.94 5.94 0 0 0 2.06 0l.6-1.91 1.79.89a5.88 5.88 0 0 0 1.45-1.45L12 9.66 13.91 9a5.94 5.94 0 0 0 0-2.06L12 6.34l.89-1.79a4.94 4.94 0 0 0-.66-.79 4.94 4.94 0 0 0-.79-.66L9.66 4 9 2.09A5.8 5.8 0 0 0 8 2" class="cls-1"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/crystal.svg b/packages/assets/svgs/ext/Extras/crystal.svg
new file mode 100644
index 000000000000..3410c290d6f5
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/crystal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#909090" d="m14.493 10.128-4.714 4.321c-.02.017-.047.026-.066.017l-6.44-1.584c-.028-.009-.047-.026-.047-.044L1.491 6.933c-.01-.026 0-.044.019-.061l4.714-4.321c.02-.017.047-.026.066-.017l6.44 1.584c.028.009.047.026.047.044l1.725 5.905c.02.026.01.044-.01.061ZM8.176 5.426l-6.327 1.55c-.009 0-.018.017-.009.026l4.63 4.243c.009.009.028.009.028-.009l1.697-5.801c.01 0-.01-.018-.02-.01Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/cshtml.svg b/packages/assets/svgs/ext/Extras/cshtml.svg
new file mode 100644
index 000000000000..22f456810774
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/cshtml.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#BA43AF" fill-rule="evenodd" d="M8.5 2.289a1 1 0 0 0-1 0L3.304 4.71a1 1 0 0 0-.5.866v4.846a1 1 0 0 0 .5.866L7.5 13.71a1 1 0 0 0 1 0l4.196-2.422a1 1 0 0 0 .5-.866V5.577a1 1 0 0 0-.5-.866L8.5 2.29ZM4 7.333v1.334L7 11V9.5L5 8l2-1.5V5L4 7.333ZM9 5v1.5L11 8 9 9.5V11l3-2.333V7.333L9 5Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/csproj.svg b/packages/assets/svgs/ext/Extras/csproj.svg
new file mode 100644
index 000000000000..958228aa1716
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/csproj.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><mask id="a" width="12" height="12" x="2" y="2" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#fff" d="m4.2 12.15-2-1.5a.495.495 0 0 1-.2-.4v-4.5a.496.496 0 0 1 .2-.4l2-1.5a.453.453 0 0 0-.137.4v7.5a.453.453 0 0 0 .137.4Z"/><path fill="#fff" d="M13.777 4.083a.503.503 0 0 0-.622.057l-.035.035L9.13 8l-2.208 2.117-2.042 1.958-.035.035a.486.486 0 0 1-.345.14.502.502 0 0 1-.3-.1l-2-1.5a.5.5 0 0 0 .68-.075L5.1 7.998l1.823-2.115 3.192-3.708A.492.492 0 0 1 10.492 2c.1 0 .196.028.278.083l3.008 2Z"/><path fill="#fff" d="m13.777 11.917-3 2a.506.506 0 0 1-.657-.09l-3.197-3.71L5.1 7.997 2.88 5.423a.502.502 0 0 0-.68-.072l2-1.5a.502.502 0 0 1 .486-.064c.06.024.114.06.159.104l.035.035 2.043 1.958L9.13 8l3.99 3.825.035.035a.484.484 0 0 0 .345.14.503.503 0 0 0 .277-.083Z"/><path fill="#fff" d="M14 4.5v7a.502.502 0 0 1-.223.417l-3 2A.502.502 0 0 0 11 13.5v-11a.506.506 0 0 0-.23-.418l3.008 2A.505.505 0 0 1 14 4.5Z"/></mask><g mask="url(#a)"><path fill="#583F85" d="m4.2 12.15-2-1.5a.496.496 0 0 1-.2-.4v-4.5a.496.496 0 0 1 .2-.4l2-1.5a.453.453 0 0 0-.137.4v7.5a.453.453 0 0 0 .137.4Z"/><g filter="url(#b)"><path fill="#6D4EA3" d="M13.777 4.083a.502.502 0 0 0-.622.057l-.035.035-2.125 2.038L9.13 8l-2.208 2.117-2.042 1.958-.035.035a.486.486 0 0 1-.345.14.502.502 0 0 1-.3-.1l-2-1.5a.5.5 0 0 0 .68-.075L4 9.275l1.1-1.277 1.822-2.115 3.193-3.708A.493.493 0 0 1 10.492 2c.1 0 .196.028.278.083l3.007 2Z"/></g><g filter="url(#c)"><path fill="#A377D9" d="m13.777 11.917-3 2a.506.506 0 0 1-.657-.09l-3.198-3.71L5.1 7.997 4 6.724l-1.12-1.3a.502.502 0 0 0-.68-.073l2-1.5a.502.502 0 0 1 .486-.064c.06.024.114.06.159.104l.035.035 2.042 1.958L9.13 8l1.868 1.79 2.122 2.035.035.035a.486.486 0 0 0 .345.14.5.5 0 0 0 .277-.083Z"/></g><g filter="url(#d)"><path fill="#D59DFF" d="M14 4.5v7a.502.502 0 0 1-.223.417l-3 2A.501.501 0 0 0 11 13.5v-11a.506.506 0 0 0-.23-.418l3.008 2A.505.505 0 0 1 14 4.5Z"/></g></g><defs><filter id="b" width="21.939" height="20.612" x="-2.981" y="-1.886" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".246"/><feGaussianBlur stdDeviation=".246"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_821_59"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1.295"/><feGaussianBlur stdDeviation="2.59"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"/><feBlend in2="effect1_dropShadow_821_59" result="effect2_dropShadow_821_59"/><feBlend in="SourceGraphic" in2="effect2_dropShadow_821_59" result="shape"/></filter><filter id="c" width="21.939" height="20.612" x="-2.981" y="-.136" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".246"/><feGaussianBlur stdDeviation=".246"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_821_59"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1.295"/><feGaussianBlur stdDeviation="2.59"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"/><feBlend in2="effect1_dropShadow_821_59" result="effect2_dropShadow_821_59"/><feBlend in="SourceGraphic" in2="effect2_dropShadow_821_59" result="shape"/></filter><filter id="d" width="34.316" height="42.921" x="-4.773" y="-13.46" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation=".13"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_821_59"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation="7.771"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"/><feBlend in2="effect1_dropShadow_821_59" result="effect2_dropShadow_821_59"/><feBlend in="SourceGraphic" in2="effect2_dropShadow_821_59" result="shape"/></filter></defs></svg>
diff --git a/packages/assets/svgs/ext/Extras/cssmap.svg b/packages/assets/svgs/ext/Extras/cssmap.svg
new file mode 100644
index 000000000000..47adf9271a0a
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/cssmap.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#0086f1}</style></defs><path d="M8.78 4.35a.86.86 0 0 0 0 .15H3.5v-2h5.78a3.59 3.59 0 0 0-.5 1.85ZM11.15 4.35a1.35 1.35 0 0 0 1.35 1.36v3.7A25.19 25.19 0 0 1 10.31 6h.19V4.5h-.7a.39.39 0 0 1 0-.15 2.65 2.65 0 0 1 .73-1.85h2V3a1.35 1.35 0 0 0-1.38 1.35ZM10.3 8H3.5V6h5.7q.09.21.21.45C9.67 7 10 7.51 10.3 8ZM12.5 11.05v.45L8 14l-4.5-2.5v-2h2v1L8 12l2.5-1.5V8.31c.62.94 1.17 1.66 1.21 1.71Z" class="cls-1"/><path d="M12.5 1.63a2.7 2.7 0 0 0-2 .87 2.65 2.65 0 0 0-.73 1.85.39.39 0 0 0 0 .15 4.43 4.43 0 0 0 .54 1.5 25.19 25.19 0 0 0 2.19 3.41s2.72-3.55 2.72-5.06a2.72 2.72 0 0 0-2.72-2.72Zm0 4.08a1.36 1.36 0 1 1 1.35-1.36 1.35 1.35 0 0 1-1.35 1.36Z" style="fill:#fff"/><path d="M12.5 1.63a2.7 2.7 0 0 0-2 .87 2.65 2.65 0 0 0-.73 1.85.39.39 0 0 0 0 .15 4.43 4.43 0 0 0 .54 1.5 25.19 25.19 0 0 0 2.19 3.41s2.72-3.55 2.72-5.06a2.72 2.72 0 0 0-2.72-2.72Zm0 4.08a1.36 1.36 0 1 1 1.35-1.36 1.35 1.35 0 0 1-1.35 1.36Z" style="fill:#f15a24"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/csv.svg b/packages/assets/svgs/ext/Extras/csv.svg
new file mode 100644
index 000000000000..9ed4ec892229
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/csv.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#67CB65" d="M5 9V8h2v1H5ZM8 9V8h2v1H8ZM5 10v1h2v-1H5ZM8 10v1h2v-1H8Z"/><path fill="#67CB65" fill-rule="evenodd" d="M2 3.917C2 3.41 2.448 3 3 3h4l1.083 1h5c.553 0 1 .41 1 .917L14 13.083c0 .507-.448.917-1 .917H3c-.552 0-1-.41-1-.917V3.917ZM4.5 6a.5.5 0 0 1 .5.5V7h2v-.5a.5.5 0 0 1 1 0V7h2v-.5a.5.5 0 0 1 1 0V7h1.5a.5.5 0 0 1 0 1H11v1h1.5a.5.5 0 0 1 0 1H11v1h1.5a.5.5 0 0 1 0 1H11v.5a.5.5 0 0 1-1 0V12H8v.5a.5.5 0 0 1-1 0V12H5v.5a.5.5 0 0 1-1 0V12h-.5a.5.5 0 0 1 0-1H4v-1h-.5a.5.5 0 0 1 0-1H4V8h-.5a.5.5 0 0 1 0-1H4v-.5a.5.5 0 0 1 .5-.5Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/cucumber.svg b/packages/assets/svgs/ext/Extras/cucumber.svg
new file mode 100644
index 000000000000..e42e793816ac
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/cucumber.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#2FAD62" fill-rule="evenodd" d="M7.906 14.485c-.328.09-.662.16-1 .21v-1.727A6.038 6.038 0 1 1 9.95 1.31c.083.024.165.055.246.086l.077.03.005.001.11.044a5.024 5.024 0 0 1 .695.346c1.913 1.123 3.048 3.436 2.905 5.701-.217 3.415-2.88 6.09-6.082 6.966ZM6.757 3.115a.663.663 0 0 0-.329-.042.734.734 0 0 0-.476.238.78.78 0 0 0-.202.504c.007.183.052.362.132.525.158.298.374.559.633.767.26.208.559.358.877.443.303-.449.158-1.248-.087-1.805a1.645 1.645 0 0 0-.276-.434.684.684 0 0 0-.272-.196ZM4.734 6.507a2.922 2.922 0 0 1-.463-.29.692.692 0 0 1-.233-.34.714.714 0 0 1-.001-.418.692.692 0 0 1 .232-.342.657.657 0 0 1 .38-.142.69.69 0 0 1 .121 0c.189.003.375.046.547.126.29.125.55.31.769.541.218.233.388.508.5.81a2.141 2.141 0 0 1-1.852.055Zm.818.932c.349-.018.795-.04 1.034.124-.078.52-.724 1.187-1.27 1.43a1.22 1.22 0 0 1-.546.125.671.671 0 0 1-.422-.088.705.705 0 0 1-.289-.33.733.733 0 0 1 .176-.824c.133-.128.29-.227.462-.29.2-.087.415-.134.632-.137.067-.002.142-.006.223-.01Zm1.183 1.446c.243-.236.529-.419.842-.538.31.48.218 1.416-.017 1.939a2.935 2.935 0 0 1-.266.477.702.702 0 0 1-.802.182.73.73 0 0 1-.332-.283.766.766 0 0 1-.118-.427c.003-.178.045-.354.121-.514.135-.316.33-.6.572-.836Zm2.643-3.812a2.234 2.234 0 0 1-.831.465v-.002c-.35-.44-.266-1.241-.03-1.803.074-.168.163-.328.267-.478a.675.675 0 0 1 .607-.251.718.718 0 0 1 .49.242c.127.142.195.33.191.524a1.304 1.304 0 0 1-.121.527 2.321 2.321 0 0 1-.573.776Zm.644 4.686c.077.164.118.344.122.527.039.602-.86.959-1.29.477-.112-.13-.201-.28-.266-.44a2.171 2.171 0 0 1 .085-1.845c.3.102.576.27.808.49.233.221.417.49.54.79Zm1.254-2.209c.162.077.316.169.462.275a.727.727 0 0 1 .212.823.7.7 0 0 1-.285.34.665.665 0 0 1-.426.094 1.356 1.356 0 0 1-.547-.125c-.286-.12-.546-.3-.762-.529a2.345 2.345 0 0 1-.496-.798 2.361 2.361 0 0 1 1.21-.217c.217.003.432.05.632.137Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/cypress.svg b/packages/assets/svgs/ext/Extras/cypress.svg
new file mode 100644
index 000000000000..5ec31ba3f14a
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/cypress.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#51BA8F" fill-rule="evenodd" d="M4.277 3.297a5.996 5.996 0 0 1 7.572.099A6.006 6.006 0 0 1 10.1 13.63l-.17.064.495-1.299.026-.014a5.012 5.012 0 0 0 2.554-4.59 5.016 5.016 0 0 0-2.942-4.352 5.006 5.006 0 0 0-6.785 2.895 5.018 5.018 0 0 0-.176 2.725l.016.064a5.036 5.036 0 0 0 4.878 3.89c.034 0 .068 0 .102-.002l.1-.002a.184.184 0 0 0 .16-.115l.226-.549.96-2.33-1.646-4.024h1.12l1.092 2.748 1.085-2.744h1.066l-2.73 6.645-.178.43-.083.204A1.175 1.175 0 0 1 8.237 14c-.079.005-.156.005-.238.005h-.013a6.044 6.044 0 0 1-2.551-.579l-.116-.05a6.002 6.002 0 0 1-3.158-6.75 6.005 6.005 0 0 1 2.116-3.33ZM6.83 7.059a1.05 1.05 0 0 0-.595-.172 1.036 1.036 0 0 0-.775.32 1.136 1.136 0 0 0-.318.817 1.121 1.121 0 0 0 .315.808 1.045 1.045 0 0 0 .775.319 1.03 1.03 0 0 0 .991-.646l.046-.107.958.325-.052.123a2.052 2.052 0 0 1-1.94 1.276A2.074 2.074 0 0 1 4.71 9.52a2.02 2.02 0 0 1-.619-1.497 2.033 2.033 0 0 1 .619-1.505 2.074 2.074 0 0 1 1.524-.602 2.052 2.052 0 0 1 1.942 1.277l.05.122-.954.325-.047-.103a1.052 1.052 0 0 0-.396-.478Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/cypressjs.svg b/packages/assets/svgs/ext/Extras/cypressjs.svg
new file mode 100644
index 000000000000..5c6686e9bccd
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/cypressjs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#FBB03B" fill-rule="evenodd" d="M4.277 3.297a5.996 5.996 0 0 1 7.572.099A6.006 6.006 0 0 1 10.1 13.63l-.17.063.495-1.299.026-.014a5.012 5.012 0 0 0 2.554-4.59 5.016 5.016 0 0 0-2.942-4.352 5.006 5.006 0 0 0-6.785 2.895 5.018 5.018 0 0 0-.176 2.725l.016.064a5.036 5.036 0 0 0 4.878 3.89c.034 0 .068 0 .102-.002l.1-.002a.185.185 0 0 0 .16-.115l.226-.549.96-2.33-1.646-4.024h1.12l1.092 2.748 1.085-2.744h1.066l-2.73 6.645-.178.43-.083.204A1.175 1.175 0 0 1 8.237 14c-.079.005-.156.005-.238.005h-.013a6.044 6.044 0 0 1-2.551-.579l-.116-.05a6.002 6.002 0 0 1-3.158-6.75 6.005 6.005 0 0 1 2.116-3.33ZM6.83 7.059a1.05 1.05 0 0 0-.595-.172 1.036 1.036 0 0 0-.775.32 1.136 1.136 0 0 0-.318.817 1.121 1.121 0 0 0 .315.808 1.045 1.045 0 0 0 .775.319 1.03 1.03 0 0 0 .991-.646l.046-.107.958.325-.052.123a2.052 2.052 0 0 1-1.94 1.276A2.074 2.074 0 0 1 4.71 9.52a2.02 2.02 0 0 1-.619-1.497 2.033 2.033 0 0 1 .619-1.505 2.074 2.074 0 0 1 1.524-.602 2.052 2.052 0 0 1 1.942 1.277l.05.122-.954.325-.047-.103a1.052 1.052 0 0 0-.396-.478Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/cypressts.svg b/packages/assets/svgs/ext/Extras/cypressts.svg
new file mode 100644
index 000000000000..6f5a9b458753
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/cypressts.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#0E8ADC" fill-rule="evenodd" d="M4.277 3.297a5.996 5.996 0 0 1 7.572.099A6.006 6.006 0 0 1 10.1 13.63l-.17.063.495-1.299.026-.014a5.012 5.012 0 0 0 2.554-4.59 5.016 5.016 0 0 0-2.942-4.352 5.006 5.006 0 0 0-6.785 2.895 5.018 5.018 0 0 0-.176 2.725l.016.064a5.036 5.036 0 0 0 4.878 3.89c.034 0 .068 0 .102-.002l.1-.002a.185.185 0 0 0 .16-.115l.226-.549.96-2.33-1.646-4.024h1.12l1.092 2.748 1.085-2.744h1.066l-2.73 6.645-.178.43-.083.204A1.175 1.175 0 0 1 8.237 14c-.079.005-.156.005-.238.005h-.013a6.044 6.044 0 0 1-2.551-.579l-.116-.05a6.002 6.002 0 0 1-3.158-6.75 6.005 6.005 0 0 1 2.116-3.33ZM6.83 7.059a1.05 1.05 0 0 0-.595-.172 1.036 1.036 0 0 0-.775.32 1.136 1.136 0 0 0-.318.817 1.121 1.121 0 0 0 .315.808 1.045 1.045 0 0 0 .775.319 1.03 1.03 0 0 0 .991-.646l.046-.107.958.325-.052.123a2.052 2.052 0 0 1-1.94 1.276A2.074 2.074 0 0 1 4.71 9.52a2.02 2.02 0 0 1-.619-1.497 2.033 2.033 0 0 1 .619-1.505 2.074 2.074 0 0 1 1.524-.602 2.052 2.052 0 0 1 1.942 1.277l.05.122-.954.325-.047-.103a1.052 1.052 0 0 0-.396-.478Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/d.svg b/packages/assets/svgs/ext/Extras/d.svg
new file mode 100644
index 000000000000..1872f62bacd1
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/d.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#C1293C" fill-rule="evenodd" d="M3 12.577V3.423a.5.5 0 0 1 .5-.5h2.885c1.04 0 2.72.384 3.86 1.624a2.115 2.115 0 1 1 1.216 3.41V8c0 4.062-3.384 5.077-5.076 5.077H3.5a.5.5 0 0 1-.5-.5Zm2.538-2.038V5.462h1.354c.677 0 2.031.507 2.031 2.538 0 2.03-1.354 2.539-2.03 2.539H5.537Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/diff.svg b/packages/assets/svgs/ext/Extras/diff.svg
new file mode 100644
index 000000000000..af5789459f83
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/diff.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#6FC278" fill-rule="evenodd" d="M13 4H8.89a.94.94 0 0 0-.69.29C7.51 5 6 6.53 5.29 7.21a1 1 0 0 0-.29.7V13a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1ZM8.667 7.3a.3.3 0 0 1 .3-.3h1.066a.3.3 0 0 1 .3.3v1.367H11.7a.3.3 0 0 1 .3.3v1.066a.3.3 0 0 1-.3.3h-1.367V11.7a.3.3 0 0 1-.3.3H8.967a.3.3 0 0 1-.3-.3v-1.367H7.3a.3.3 0 0 1-.3-.3V8.967a.3.3 0 0 1 .3-.3h1.367V7.3Z" clip-rule="evenodd"/><path fill="#C84E72" fill-rule="evenodd" d="M5.89 2H10a1 1 0 0 1 1 1H7.89a.94.94 0 0 0-.69.29C6.51 4 5 5.53 4.29 6.21a1 1 0 0 0-.29.7V12H3a1 1 0 0 1-1-1V5.91a1 1 0 0 1 .29-.7C3 4.53 4.51 3 5.2 2.29A.94.94 0 0 1 5.89 2Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/docker.svg b/packages/assets/svgs/ext/Extras/docker.svg
new file mode 100644
index 000000000000..29920ea4eb96
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/docker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#2396ec}</style></defs><path d="M7.01 4h1.5v1.5h-1.5zM5.01 4h1.5v1.5h-1.5zM5.01 6h1.5v1.5h-1.5zM7.01 6h1.5v1.5h-1.5zM9.01 6h1.5v1.5h-1.5zM3.01 6h1.5v1.5h-1.5z" class="cls-1"/><path d="M4.76 9.5a.75.75 0 0 1 0 1.5.76.76 0 0 1-.76-.73.76.76 0 0 1 .75-.73M12.51 5A2 2 0 0 0 12 7.5c0 .5-1 .5-1 .5H1s-1 5.49 4.5 5.5a8.31 8.31 0 0 0 7.5-5s2 0 2.5-1.5a2.06 2.06 0 0 0-1-.22 2.61 2.61 0 0 0-1 .22s0-1.5-1-2" class="cls-1"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/dockerdebug.svg b/packages/assets/svgs/ext/Extras/dockerdebug.svg
new file mode 100644
index 000000000000..a45ded227c44
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/dockerdebug.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#D94851" d="M8.51 4h-1.5v1.5h1.5V4ZM6.51 4h-1.5v1.5h1.5V4ZM6.51 6h-1.5v1.5h1.5V6ZM8.51 6h-1.5v1.5h1.5V6ZM10.51 6h-1.5v1.5h1.5V6ZM4.51 6h-1.5v1.5h1.5V6Z"/><path fill="#D94851" d="M4.76 9.5a.75.75 0 0 1 0 1.5.76.76 0 0 1-.76-.73.76.76 0 0 1 .75-.73l.01-.04ZM12.51 5A2 2 0 0 0 12 7.5c0 .5-1 .5-1 .5H1s-1 5.49 4.5 5.5a8.31 8.31 0 0 0 7.5-5s2 0 2.5-1.5a2.06 2.06 0 0 0-1-.22 2.61 2.61 0 0 0-1 .22s0-1.5-1-2"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/dockerignore.svg b/packages/assets/svgs/ext/Extras/dockerignore.svg
new file mode 100644
index 000000000000..1f0b7cc63c90
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/dockerignore.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#909090" d="M8.51 4h-1.5v1.5h1.5V4ZM6.51 4h-1.5v1.5h1.5V4ZM6.51 6h-1.5v1.5h1.5V6ZM8.51 6h-1.5v1.5h1.5V6ZM10.51 6h-1.5v1.5h1.5V6ZM4.51 6h-1.5v1.5h1.5V6Z"/><path fill="#909090" d="M4.76 9.5a.75.75 0 0 1 0 1.5.76.76 0 0 1-.76-.73.76.76 0 0 1 .75-.73l.01-.04ZM12.51 5A2 2 0 0 0 12 7.5c0 .5-1 .5-1 .5H1s-1 5.49 4.5 5.5a8.31 8.31 0 0 0 7.5-5s2 0 2.5-1.5a2.06 2.06 0 0 0-1-.22 2.61 2.61 0 0 0-1 .22s0-1.5-1-2"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/drawio.svg b/packages/assets/svgs/ext/Extras/drawio.svg
new file mode 100644
index 000000000000..314a94ca69e0
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/drawio.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#E6C44C" fill-rule="evenodd" d="M6 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2c0 .19-.053.368-.145.519L11.325 9H13a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2c0-.214.067-.413.182-.576L8.746 7H7.332L5.859 9.487c.09.15.141.326.141.513v2a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h1.734l1.442-2.434A.995.995 0 0 1 6 6V4Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/drizzle.svg b/packages/assets/svgs/ext/Extras/drizzle.svg
new file mode 100644
index 000000000000..65f859084937
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/drizzle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#88BA12" fill-rule="evenodd" d="M4.575 6.304a.75.75 0 0 1 .417.975l-2 5A.75.75 0 1 1 1.6 11.72l2-5a.75.75 0 0 1 .975-.417ZM8.181 4.304a.75.75 0 0 1 .418.975l-2 5a.75.75 0 1 1-1.392-.558l2-5a.75.75 0 0 1 .974-.417ZM10.278 6.304a.75.75 0 0 1 .418.975l-2 5a.75.75 0 1 1-1.392-.558l2-5a.75.75 0 0 1 .974-.417ZM13.886 4.304a.75.75 0 0 1 .417.975l-2 5a.75.75 0 0 1-1.392-.558l2-5a.75.75 0 0 1 .975-.417Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/dsstore.svg b/packages/assets/svgs/ext/Extras/dsstore.svg
new file mode 100644
index 000000000000..de7f922ea40b
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/dsstore.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#B4B4B4" fill-rule="evenodd" d="M7.661 3H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h5.155a15.122 15.122 0 0 1-.375-1.685c-1.893.284-3.401-.372-4.092-.925a.5.5 0 1 1 .624-.78c.494.395 1.722.957 3.324.715-.05-.397-.094-.822-.134-1.281-.01-.104-.036-.115-.042-.118h-.001c-.036-.022-.125-.051-.305-.051-.17 0-.363.025-.567.057l-.074.011A3.679 3.679 0 0 1 7 9a.5.5 0 0 1-.5-.5c0-2.078.518-3.975 1.161-5.5Zm.986 0 .088.04c-.612 1.352-1.13 3.04-1.221 4.891.19-.028.417-.056.64-.056.248 0 .559.033.828.199.303.186.482.493.516.882.036.404.074.778.116 1.128a6.58 6.58 0 0 0 1.138-.518.5.5 0 0 1 .496.868 7.51 7.51 0 0 1-1.492.656c.12.73.265 1.344.443 1.91H12a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H8.647ZM4 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H4Zm1.5 4a.5.5 0 0 0-1 0v1a.5.5 0 0 0 1 0V6Zm5.5-.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/dune.svg b/packages/assets/svgs/ext/Extras/dune.svg
new file mode 100644
index 000000000000..8f9d1100f02c
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/dune.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#DF9947" fill-rule="evenodd" d="M13 3.2H3v9.6h10V3.2ZM3 2c-.552 0-1 .537-1 1.2v9.6c0 .663.448 1.2 1 1.2h10c.552 0 1-.537 1-1.2V3.2c0-.663-.448-1.2-1-1.2H3Z" clip-rule="evenodd"/><path fill="#DF9947" d="M8 10.5C6 8.1 3.833 7.833 3 8l-.5 5h11v-1c-1 .5-3.5.9-5.5-1.5Z"/><path fill="#DF9947" d="M10 11c-1.412-.941-1.5-2-3-3 2.5-1 6.667-.833 7 0v2.5c-.5.5-2.5 1.5-4 .5Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/duneproject.svg b/packages/assets/svgs/ext/Extras/duneproject.svg
new file mode 100644
index 000000000000..880b53e386fb
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/duneproject.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#DF9947" fill-rule="evenodd" d="M2 3.2C2 2.537 2.448 2 3 2h10c.552 0 1 .537 1 1.2v9.6c0 .663-.448 1.2-1 1.2H3c-.552 0-1-.537-1-1.2V3.2Zm11 4.28c-1.462-.318-4.175-.21-6 .52.761.508 1.159 1.03 1.55 1.545.38.5.755.991 1.45 1.455.971.648 2.152.456 3 .105V7.481ZM3 8c.833-.167 3 .1 5 2.5 1.721 2.066 3.813 2.057 5 1.696V13H3V8Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/edge.svg b/packages/assets/svgs/ext/Extras/edge.svg
new file mode 100644
index 000000000000..bd103284001b
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/edge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#EB556C" fill-rule="evenodd" d="M2 8c0 4.84 1.16 6 6 6s6-1.16 6-6-1.16-6-6-6-6 1.16-6 6Zm3.565-1.831 2.94 1.25 1.875-.58a.3.3 0 0 0 .211-.287V4.576a.3.3 0 0 0-.412-.278l-4.614 1.87Zm-.777.793v2.255a.3.3 0 0 0 .183.276l5.203 2.2a.3.3 0 0 0 .417-.277V9.614a.3.3 0 0 0-.183-.276l-5.62-2.376Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/editorconfig.svg b/packages/assets/svgs/ext/Extras/editorconfig.svg
new file mode 100644
index 000000000000..a5affee16182
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/editorconfig.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#909090" d="M14.35 7.38a3.51 3.51 0 0 1-2.46 1.33 3.84 3.84 0 0 0-.09-1.58.44.44 0 0 0 0-.1c-.07-.23-.15-.44-.24-.66 1.35-1.57 3.24-.72 2.79 1.01ZM8.33 3.65a7.54 7.54 0 0 0-2.33.2c0-1.96 3.83-3.1 2.33-.2ZM5.62 7.35c0 .65-3-.08-2.79-.83C3 6 5.5 6.5 5.62 7.35Z"/><path fill="#909090" d="M11.16 7.77C11.08 4.53 6.61 3 4.7 5.67c.73.28 1.53.76 1.66 1.59.12 1.3-1.95 1.24-2.84.85-3.71 8.53 7.7 4.54 7.64-.34ZM10.35 9c0 .08-.07.18-.12.26a.68.68 0 0 1-.17.21 1.4 1.4 0 0 1-.48.29 2.64 2.64 0 0 1-1.28.07 3.46 3.46 0 0 1-1.24-.47 1.47 1.47 0 0 1-.68-.83.77.77 0 0 1 0-.37 2.4 2.4 0 0 1 .17-.4.86.86 0 0 1 .34-.34 1.11 1.11 0 0 1 .62-.16c.22 0 .45.06.67.07.241.024.48.074.71.15a2.6 2.6 0 0 1 1.43.76.66.66 0 0 1 .03.76Z"/><path fill="#909090" d="M9.64 8.7c.35.84-3.18.29-2.41-.53.02-.29 2.15.05 2.41.53Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/eex.svg b/packages/assets/svgs/ext/Extras/eex.svg
new file mode 100644
index 000000000000..932dea93bb7a
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/eex.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#AE5EDB" d="M3 7v2l4 3.5v-2L4 8l3-2.5v-2L3 7ZM9 3.5v2L12 8l-3 2.5v2L13 9V7L9 3.5Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/elixir.svg b/packages/assets/svgs/ext/Extras/elixir.svg
new file mode 100644
index 000000000000..4b805243e203
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/elixir.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#AE5EDB" d="M9.78 6a5.22 5.22 0 0 1-3-4C3.56 6.62 4 9.85 4 9.85a4.16 4.16 0 0 0 8.31 0A4.3 4.3 0 0 0 9.78 6Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/elm.svg b/packages/assets/svgs/ext/Extras/elm.svg
new file mode 100644
index 000000000000..efbed0f1d0b3
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/elm.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><clipPath id="clip-path"><rect width="12" height="12" x="2" y="2" rx=".96" style="fill:none"/></clipPath><style>.cls-4{fill:#8cd636}.cls-5{fill:#5fb4cb}.cls-6{fill:#eea400}</style></defs><g style="clip-path:url(#clip-path)"><path d="M2 2v12l6-6-6-6z" style="fill:#596277"/><path d="m2 2 4 4 5.5-.5L8 2H2z" class="cls-4"/><path d="m8 2 6 6V2H8z" class="cls-5"/><path d="m5.5 5.5 3 3 3-3h-6z" class="cls-6"/><path d="m8 8-6 6h12L8 8z" class="cls-5"/><path d="m8.498 8.496 2.998-2.998L14 8.001 11.001 11z" class="cls-4"/><path d="m14 8-3 3 3 3V8z" class="cls-6"/></g></svg>
diff --git a/packages/assets/svgs/ext/Extras/env.svg b/packages/assets/svgs/ext/Extras/env.svg
new file mode 100644
index 000000000000..4672f15f83fd
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/env.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#F4BF36" fill-rule="evenodd" d="M2 4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4Zm3 0h1v1H5V4Zm6 0h-1v3h1V4ZM4 7.5a1.5 1.5 0 0 0 1 1.415V12h1V8.915A1.5 1.5 0 1 0 4 7.5Zm6 3.415a1.5 1.5 0 1 1 1 0V12h-1v-1.085Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/erb.svg b/packages/assets/svgs/ext/Extras/erb.svg
new file mode 100644
index 000000000000..1ee5ec33dd5f
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/erb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#A432EA" fill-rule="evenodd" d="M5 3h6l4 4-7 7-7-7 4-4ZM3 7l3-3 1 1-2 2 2 2v2L3 7Zm10 0-3-3-1 1 2 2-2 2v2l4-4Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/erlang.svg b/packages/assets/svgs/ext/Extras/erlang.svg
new file mode 100644
index 000000000000..2df3e897c499
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/erlang.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M8.12 5.42a2.16 2.16 0 0 0-2.27 1.75h4.42a2.11 2.11 0 0 0-2.15-1.75m0-2h.07A4.38 4.38 0 0 1 12.5 8a4.56 4.56 0 0 1-.09.92H5.88a2.28 2.28 0 0 0 2.45 1.62 2.43 2.43 0 0 0 1.94-.86l1.8 1a4.39 4.39 0 0 1-3.78 1.85A4.45 4.45 0 0 1 3.55 8a4.41 4.41 0 0 1 4.53-4.59m5.42-1h-11a1 1 0 0 0-1 1v9a1 1 0 0 0 1.05 1h11a1 1 0 0 0 1.05-1v-9a1 1 0 0 0-1.05-1" style="fill:#a90533"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/esbuild.svg b/packages/assets/svgs/ext/Extras/esbuild.svg
new file mode 100644
index 000000000000..92f4db509c08
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/esbuild.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#EEAC30" fill-rule="evenodd" d="M14 8A6 6 0 1 1 2 8a6 6 0 0 1 12 0ZM6.69 8 4 5.202 5.155 4 9 8l-3.845 4L4 10.798 6.69 8ZM8 5.202 10.69 8 8 10.798 9.155 12 13 8 9.155 4 8 5.202Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/eslint.svg b/packages/assets/svgs/ext/Extras/eslint.svg
new file mode 100644
index 000000000000..644a1f2ec675
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/eslint.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><defs><clipPath id="a"><path d="M4.1 3.5h7.8v9H4.1v-9" style="fill:none"/></clipPath></defs><path d="m8 3.5 3.9 2.25v4.5L8 12.5l-3.9-2.25v-4.5L8 3.5m3.34-1.28H4.66L1.33 8l3.33 5.78h6.68L14.67 8l-3.33-5.78" style="fill:#6b56d0"/><path d="M5.4 6.5v3L8 11l2.6-1.5v-3L8 5 5.4 6.5z" style="fill:#8b87ff"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/exs.svg b/packages/assets/svgs/ext/Extras/exs.svg
new file mode 100644
index 000000000000..484debe3d497
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/exs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#AE5EDB" d="M6.52 4.33a7 7 0 0 0 2.83 2.59 3.26 3.26 0 0 1 2 2.93 3.175 3.175 0 0 1-6.35 0V9.7a10.14 10.14 0 0 1 1.52-5.37ZM6.79 2C3.56 6.62 4 9.85 4 9.85a4.16 4.16 0 0 0 8.31 0A4.3 4.3 0 0 0 9.78 6a5.22 5.22 0 0 1-3-4h.01Z"/><path fill="#AE5EDB" d="M6.23 7.73A6.41 6.41 0 0 0 6 9.56V9.85A2.16 2.16 0 0 0 8.18 12a2.14 2.14 0 0 0 1.91-1.19 32.778 32.778 0 0 1-3.86-3.08Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/exx.svg b/packages/assets/svgs/ext/Extras/exx.svg
new file mode 100644
index 000000000000..2fe6658d32fd
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/exx.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#ae5edb}</style></defs><path d="M7 3.5 3 7v2l4 3.5v-2L4 8l3-2.5v-2zM9 3.5v2L12 8l-3 2.5v2L13 9V7L9 3.5z" class="cls-1"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/farm.svg b/packages/assets/svgs/ext/Extras/farm.svg
new file mode 100644
index 000000000000..8bc1b879371d
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/farm.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#DD50AD" fill-rule="evenodd" d="M8.797 9.017c-2.41-1.5-6.202-1.086-7.797-.69 1.772-1.235 2.929-1.44 4.086-1.647.231-.04.463-.082.699-.131a5.49 5.49 0 0 1 .266-.494c.177-.296 0-.395-.178-.296-.177.098-.443.098-.443-.198 0-.296-.531-.592-.62 0-.07.474.148.79.266.889a7.083 7.083 0 0 0-2.215 0c.433-.161 1.102-1.24 1.478-1.848.086-.138.156-.251.205-.324.22-.328.38-.248.68-.1.062.032.13.066.206.1.112.05.195.099.276.147.24.143.457.272 1.32.346.088-1.382.708-2.666 1.328-2.765.62-.098 1.064.988 1.24 1.877.178.888.355 1.283.71 1.382.182.05.318-.24.455-.532.129-.276.26-.554.43-.554.284 0 .473.592.533.889.62.164 2.144.888 3.278 2.468-.78-.79-2.156-1.119-2.747-1.185-.118 0-.478.04-.975.198-.496-.316-1.21-.33-1.506-.296v.493c.532-.033 2.038.08 3.81.79-.797 0-2.835.296-4.785 1.481Zm-1.329-2.27-.974.098 1.329-1.58-.355 1.481Z" clip-rule="evenodd"/><path fill="#DD50AD" d="M14.911 8.82 15 8.228c-2.392 0-5.937.395-10.013 5.036a3.766 3.766 0 0 0 2.836.691l.044-.066c.603-.9 2.815-4.203 7.044-5.069Z"/><path fill="#DD50AD" d="M8.886 13.955c.532-1.12 2.393-3.555 5.582-4.345-1.24 3.061-4.164 4.148-5.582 4.345ZM8.089 9.412c-2.056 1.264-3.338 2.831-3.722 3.457-.709-.33-2.34-1.54-3.19-3.753 1.861-.592 4.608-.592 6.912.296Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/figma.svg b/packages/assets/svgs/ext/Extras/figma.svg
new file mode 100644
index 000000000000..7d77693e00ed
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/figma.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#0ACF83" d="M6 14a2 2 0 0 0 2-2v-2H6a2 2 0 0 0 0 4Z"/><path fill="#A259FF" d="M4 8a2 2 0 0 1 2-2h2v4H6a2 2 0 0 1-2-2Z"/><path fill="#F24E1E" d="M4 4a2 2 0 0 1 2-2h2v4H6a2 2 0 0 1-2-2Z"/><path fill="#FF7262" d="M8 2h2a2 2 0 0 1 0 4H8V2Z"/><path fill="#1ABCFE" d="M12 8a2 2 0 1 1-4.001-.001A2 2 0 0 1 12 8Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/file.svg b/packages/assets/svgs/ext/Extras/file.svg
new file mode 100644
index 000000000000..1614954a4202
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/file.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#909090" d="M12.7 5.21C12 4.53 10.47 3 9.79 2.29a1 1 0 0 0-.7-.29H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V5.91a1 1 0 0 0-.3-.7ZM4 13V3h5.09l1.44 1.45L12 5.91V13H4Z"/><path fill="#909090" d="M8.5 4.5h-3v1h3v-1ZM10 7H5.5v1H10V7ZM10 9.5H5.5v1H10v-1Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/file_light.svg b/packages/assets/svgs/ext/Extras/file_light.svg
new file mode 100644
index 000000000000..4dfe222be9ed
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/file_light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><style>.cls-2{opacity:.45;fill:none;stroke:#000;stroke-miterlimit:10}</style></defs><path d="m9.09 3 1.44 1.45L12 5.91V13H4V3h5.09m0-1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V5.91a1 1 0 0 0-.29-.7C12 4.53 10.47 3 9.79 2.29a1 1 0 0 0-.7-.29Z" style="opacity:.45"/><path d="M5.5 5h3M5.5 7.5H10M5.5 10H10" class="cls-2"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/flakelock.svg b/packages/assets/svgs/ext/Extras/flakelock.svg
new file mode 100644
index 000000000000..e5648328ec9d
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/flakelock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#909090" d="M6.36 6 3.1 11.59l-.77-1.31.91-1.59H1.42L1 8l.42-.69H4L4.76 6h1.6Zm.73 4.41h6.44l-.77 1.31h-1.82l.91 1.59-.42.69h-.77L9.4 11.72H7.9l-.81-1.31Zm3.47-2.87L7.3 2h1.54l.91 1.59.91-1.59h.77l.42.69-1.33 2.21.85 1.31-.81 1.33ZM8.88 5.59H2.4l.77-1.31h1.82l-.91-1.59L4.5 2h.77L6.6 4.21h1.5l.78 1.38ZM9.64 10l3.26-5.59.77 1.31-.91 1.59h1.82L15 8l-.42.69h-2.59L11.24 10h-1.6ZM5.46 8.57l3.24 5.36H7.16l-.91-1.58-.77 1.58h-.91l-.42-.69 1.33-2.2-.75-1.17.73-1.3Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/flutter.svg b/packages/assets/svgs/ext/Extras/flutter.svg
new file mode 100644
index 000000000000..623b344f7ffa
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/flutter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#2CB7F6" d="M8.745 2 2.806 7.939l1.838 1.837L12.42 2H8.745ZM8.703 7.475l-3.179 3.179 1.844 1.872 1.836-1.832 3.216-3.219H8.703Z"/><path fill="#086EC5" d="m7.368 12.526 1.398 1.398h3.654l-3.216-3.23-1.836 1.832Z"/><path fill="#00B5F8" d="M5.503 10.675 7.34 8.837l1.864 1.857-1.836 1.832-1.865-1.851Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/flutterlock.svg b/packages/assets/svgs/ext/Extras/flutterlock.svg
new file mode 100644
index 000000000000..603815fcac54
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/flutterlock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#909090" fill-rule="evenodd" d="M3 7.939 8.939 2h3.674L4.837 9.776 3 7.939Zm4.534.898 1.363-1.362h3.716l-3.216 3.219 3.216 3.23H8.96l-1.397-1.398-1.865-1.851.02-.021 1.817-1.817Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/flutterpackage.svg b/packages/assets/svgs/ext/Extras/flutterpackage.svg
new file mode 100644
index 000000000000..f2e720742b57
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/flutterpackage.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#2CB7F6" d="m8.794 2.76-5.18 5.181 1.602 1.603L12 2.761H8.794ZM8.758 7.537 5.984 10.31l1.61 1.634 1.6-1.6L12 7.538H8.758Z"/><path fill="#086EC5" d="m7.593 11.944 1.22 1.219H12l-2.806-2.818-1.6 1.599Z"/><path fill="#00B5F8" d="m5.966 10.329 1.603-1.603 1.625 1.619-1.6 1.599-1.628-1.615Z"/><path fill="#2CB7F6" fill-rule="evenodd" d="M13 3.2H3v9.6h10V3.2ZM3 2c-.552 0-1 .537-1 1.2v9.6c0 .663.448 1.2 1 1.2h10c.552 0 1-.537 1-1.2V3.2c0-.663-.448-1.2-1-1.2H3Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/folder.svg b/packages/assets/svgs/ext/Extras/folder.svg
new file mode 100644
index 000000000000..b2fb798be530
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/folder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#909090" d="M14 6.05V12a1 1 0 0 1-1 1H3.05A1 1 0 0 1 2 12V4.05a1 1 0 0 1 1-1h3.3a1 1 0 0 1 .94.58l.42.84a1 1 0 0 0 .99.53H13a1 1 0 0 1 1 1.05Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/folder_open.svg b/packages/assets/svgs/ext/Extras/folder_open.svg
new file mode 100644
index 000000000000..897ce22473dd
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/folder_open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#909090" fill-rule="evenodd" d="M12.5 6.5H8.71a2.5 2.5 0 0 1-2.378-1.333l-.007-.013-.302-.604H3.5v6.95h9v-5Zm1.5-.45V12a1 1 0 0 1-1 1H3.05A1 1 0 0 1 2 12V4.05a1 1 0 0 1 1-1h3.3a1 1 0 0 1 .94.58l.42.84a1 1 0 0 0 .99.53H13a1 1 0 0 1 1 1.05Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/fonteot.svg b/packages/assets/svgs/ext/Extras/fonteot.svg
new file mode 100644
index 000000000000..3aee3fd4ac2c
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/fonteot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#AE5ECA" fill-rule="evenodd" d="m1.76 12.43 3.67-8.9h1.06l2.22 8.9H7L6.71 11H4l-.54 1.43h-1.7Zm3.96-5.9-1.14 3h1.8l-.66-3Zm7.33-.28a1.6 1.6 0 0 1 .75.75c.172.368.241.776.2 1.18l-.31 4.21H12.2v-.67c-.04.082-.09.16-.15.23a1.58 1.58 0 0 1-.63.4c-.26.093-.534.14-.81.14A1.64 1.64 0 0 1 9.28 12a1.86 1.86 0 0 1-.34-1.36 2 2 0 0 1 .68-1.47 2.53 2.53 0 0 1 1.69-.5h1.18v-.44a.64.64 0 0 0-.19-.57 1 1 0 0 0-.66-.2 1.46 1.46 0 0 0-1.05.47l-1.13-.66a2.2 2.2 0 0 1 .9-.94A3 3 0 0 1 11.78 6a2.69 2.69 0 0 1 1.27.25Zm-.84 4.606a.589.589 0 0 0 .09-.286h.05v-.65h-1.12a.88.88 0 0 0-.57.17.76.76 0 0 0-.24.54.5.5 0 0 0 .16.44.94.94 0 0 0 .58.15c.285.011.57-.043.83-.16a.59.59 0 0 0 .22-.204Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/fontotf.svg b/packages/assets/svgs/ext/Extras/fontotf.svg
new file mode 100644
index 000000000000..917478781dbf
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/fontotf.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#4EC624" fill-rule="evenodd" d="m1.76 12.43 3.67-8.9h1.06l2.22 8.9H7L6.71 11H4l-.54 1.43h-1.7Zm3.96-5.9-1.14 3h1.8l-.66-3Zm7.33-.28a1.6 1.6 0 0 1 .75.75c.172.368.241.776.2 1.18l-.31 4.21H12.2v-.67c-.04.082-.09.16-.15.23a1.58 1.58 0 0 1-.63.4c-.26.093-.534.14-.81.14A1.64 1.64 0 0 1 9.28 12a1.86 1.86 0 0 1-.34-1.36 2 2 0 0 1 .68-1.47 2.53 2.53 0 0 1 1.69-.5h1.18v-.44a.64.64 0 0 0-.19-.57 1 1 0 0 0-.66-.2 1.46 1.46 0 0 0-1.05.47l-1.13-.66a2.2 2.2 0 0 1 .9-.94A3 3 0 0 1 11.78 6a2.69 2.69 0 0 1 1.27.25Zm-.84 4.606a.589.589 0 0 0 .09-.286h.05v-.65h-1.12a.88.88 0 0 0-.57.17.76.76 0 0 0-.24.54.5.5 0 0 0 .16.44.94.94 0 0 0 .58.15c.285.011.57-.043.83-.16a.59.59 0 0 0 .22-.204Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/fontttf.svg b/packages/assets/svgs/ext/Extras/fontttf.svg
new file mode 100644
index 000000000000..c821829c10b2
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/fontttf.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#13A9FD" fill-rule="evenodd" d="m1.76 12.43 3.67-8.9h1.06l2.22 8.9H7L6.71 11H4l-.54 1.43h-1.7Zm3.96-5.9-1.14 3h1.8l-.66-3Zm7.33-.28a1.6 1.6 0 0 1 .75.75c.172.368.241.776.2 1.18l-.31 4.21H12.2v-.67c-.04.082-.09.16-.15.23a1.58 1.58 0 0 1-.63.4c-.26.093-.534.14-.81.14A1.64 1.64 0 0 1 9.28 12a1.86 1.86 0 0 1-.34-1.36 2 2 0 0 1 .68-1.47 2.53 2.53 0 0 1 1.69-.5h1.18v-.44a.64.64 0 0 0-.19-.57 1 1 0 0 0-.66-.2 1.46 1.46 0 0 0-1.05.47l-1.13-.66a2.2 2.2 0 0 1 .9-.94A3 3 0 0 1 11.78 6a2.69 2.69 0 0 1 1.27.25Zm-.84 4.606a.589.589 0 0 0 .09-.286h.05v-.65h-1.12a.88.88 0 0 0-.57.17.76.76 0 0 0-.24.54.5.5 0 0 0 .16.44.94.94 0 0 0 .58.15c.285.011.57-.043.83-.16a.59.59 0 0 0 .22-.204Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/fontwoff.svg b/packages/assets/svgs/ext/Extras/fontwoff.svg
new file mode 100644
index 000000000000..7cc0d1fedc11
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/fontwoff.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#EB3B30" fill-rule="evenodd" d="m1.76 12.43 3.67-8.9h1.06l2.22 8.9H7L6.71 11H4l-.54 1.43h-1.7Zm3.96-5.9-1.14 3h1.8l-.66-3Zm7.33-.28a1.6 1.6 0 0 1 .75.75c.172.368.241.776.2 1.18l-.31 4.21H12.2v-.67c-.04.082-.09.16-.15.23a1.58 1.58 0 0 1-.63.4c-.26.093-.534.14-.81.14A1.64 1.64 0 0 1 9.28 12a1.86 1.86 0 0 1-.34-1.36 2 2 0 0 1 .68-1.47 2.53 2.53 0 0 1 1.69-.5h1.18v-.44a.64.64 0 0 0-.19-.57 1 1 0 0 0-.66-.2 1.46 1.46 0 0 0-1.05.47l-1.13-.66a2.2 2.2 0 0 1 .9-.94A3 3 0 0 1 11.78 6a2.69 2.69 0 0 1 1.27.25Zm-.84 4.606a.589.589 0 0 0 .09-.286h.05v-.65h-1.12a.88.88 0 0 0-.57.17.76.76 0 0 0-.24.54.5.5 0 0 0 .16.44.94.94 0 0 0 .58.15c.285.011.57-.043.83-.16a.59.59 0 0 0 .22-.204Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/fontwoff2.svg b/packages/assets/svgs/ext/Extras/fontwoff2.svg
new file mode 100644
index 000000000000..f8355bb056f2
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/fontwoff2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#FD9313" fill-rule="evenodd" d="m1.76 12.43 3.67-8.9h1.06l2.22 8.9H7L6.71 11H4l-.54 1.43h-1.7Zm3.96-5.9-1.14 3h1.8l-.66-3Zm7.33-.28a1.6 1.6 0 0 1 .75.75c.172.368.241.776.2 1.18l-.31 4.21H12.2v-.67c-.04.082-.09.16-.15.23a1.58 1.58 0 0 1-.63.4c-.26.093-.534.14-.81.14A1.64 1.64 0 0 1 9.28 12a1.86 1.86 0 0 1-.34-1.36 2 2 0 0 1 .68-1.47 2.53 2.53 0 0 1 1.69-.5h1.18v-.44a.64.64 0 0 0-.19-.57 1 1 0 0 0-.66-.2 1.46 1.46 0 0 0-1.05.47l-1.13-.66a2.2 2.2 0 0 1 .9-.94A3 3 0 0 1 11.78 6a2.69 2.69 0 0 1 1.27.25Zm-.84 4.606a.589.589 0 0 0 .09-.286h.05v-.65h-1.12a.88.88 0 0 0-.57.17.76.76 0 0 0-.24.54.5.5 0 0 0 .16.44.94.94 0 0 0 .58.15c.285.011.57-.043.83-.16a.59.59 0 0 0 .22-.204Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/freemarker.svg b/packages/assets/svgs/ext/Extras/freemarker.svg
new file mode 100644
index 000000000000..4ddc02a0e034
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/freemarker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#3E97FF" fill-rule="evenodd" d="M4.112 10.508h-2.13l.355-1.672h2.13l.532-2.508H2.87l.356-1.672h2.13l.354-1.671h2.13l-.355 1.671h5.324l-1.42 6.688h2.13l-.355 1.671h1.065-5.324l.532-2.507.355-1.672.532-2.508H7.128l-.532 2.508h2.13l-.355 1.672h-2.13l-.532 2.507H3.58l.533-2.507Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/fsharp.svg b/packages/assets/svgs/ext/Extras/fsharp.svg
new file mode 100644
index 000000000000..4f9f8ab84405
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/fsharp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#009BF2" d="M7.5 4.5v-3L1 8l6.5 6.5v-3L4 8l3.5-3.5Z"/><path fill="#28BAD6" d="M8.5 11.5v3L15 8 8.5 1.5v3L12 8l-3.5 3.5Z"/><path fill="#009BF2" d="m5 8 2.5-2.5v5L5 8Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/gbl.svg b/packages/assets/svgs/ext/Extras/gbl.svg
new file mode 100644
index 000000000000..b93629ad2493
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/gbl.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#3AC59B" fill-rule="evenodd" d="M6.5 3H13v1.5h-2.207L9.5 5.793v4.34a1 1 0 1 0 1 0V6.208l.707-.707H13V13H3V3h2.5v2.207l1 1v.927a1 1 0 1 0 1 0V5.793l-1-1V3ZM2 3.2C2 2.537 2.448 2 3 2h10c.552 0 1 .537 1 1.2v9.6c0 .663-.448 1.2-1 1.2H3c-.552 0-1-.537-1-1.2V3.2ZM5 12a1 1 0 1 0-.866-1.5H3v1h1.134A1 1 0 0 0 5 12Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/git.svg b/packages/assets/svgs/ext/Extras/git.svg
new file mode 100644
index 000000000000..6a4f94b9ccbb
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/git.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M8 1.74a1.13 1.13 0 0 0-.78.32L5.94 3.35 7.57 5A1.22 1.22 0 0 1 8 4.89a1 1 0 0 1 1 1 1 1 0 0 1-.09.42l1.22 1.22a1 1 0 0 1 .42-.09 1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-.94-1.46L8.42 6.87h-.06v3.23a1 1 0 1 1-.73 0V6.89a1 1 0 0 1-.66-1 1 1 0 0 1 .09-.43L5.43 3.87l-3.6 3.6a1.1 1.1 0 0 0 0 1.53l5.4 5.41a1.11 1.11 0 0 0 1.56 0L14.2 9a1.12 1.12 0 0 0 0-1.56L8.79 2.06A1.13 1.13 0 0 0 8 1.74" style="fill:#db4b33"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/go_package.svg b/packages/assets/svgs/ext/Extras/go_package.svg
new file mode 100644
index 000000000000..130c9f8fe0ce
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/go_package.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#CE346B" d="M6.16 8.88H4.53l.352-1.354C6 7.5 6.915 7.51 7.66 7.51a.14.14 0 0 0 .16-.12 3.8 3.8 0 0 1 2.89-2.46 3.13 3.13 0 0 1 3.45 1.52l.08.15a3.3 3.3 0 0 1-.21 3 4.09 4.09 0 0 1-1.82 1.57 3.198 3.198 0 0 1-4.47-1.81c-.88 1.89-3.5 2.83-5.2 1.45-2.478-1.945-.45-6.099 2.396-6.099 1.008 0 2.496.401 3.064 1.889-.51.18-1 .26-1.54.43-.377-.43-.816-.582-1.376-.585A1.77 1.77 0 0 0 3.31 8.11a1.49 1.49 0 0 0 2.85.77Zm5.18-2.44c-1.83-.07-2.79 2.82-.77 3.33 2.02.51 3.22-3.12.77-3.33ZM4 13.25a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1-.75-.75ZM4 2.75A.75.75 0 0 1 4.75 2h6.5a.75.75 0 0 1 0 1.5h-6.5A.75.75 0 0 1 4 2.75Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/godot.svg b/packages/assets/svgs/ext/Extras/godot.svg
new file mode 100644
index 000000000000..748703a2d889
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/godot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#57A0D6" fill-rule="evenodd" d="M5.18 3.29a6.584 6.584 0 0 1 1.6-.581c.219.39.419.813.593 1.226.207-.036.415-.05.623-.053h.008c.208.003.416.017.623.053C8.8 3.522 9 3.1 9.22 2.71c.549.13 1.09.31 1.6.58-.012.477-.041.933-.1 1.396.062.042.124.082.187.122.138.089.275.177.402.284l.09.073c.158.128.316.255.458.405.344-.241.7-.46 1.068-.658.398.455.77.945 1.075 1.494-.23.393-.468.761-.726 1.11h-.007l-.001 3.101v.035h-.009l-.008.002-1.948.199a.205.205 0 0 0-.13.066.228.228 0 0 0-.059.14l-.06.912-1.7.128-.117-.841a.214.214 0 0 0-.207-.19H6.972c-.05 0-.099.019-.137.054a.226.226 0 0 0-.07.136l-.117.841-1.7-.128-.06-.912a.229.229 0 0 0-.059-.14.205.205 0 0 0-.13-.066l-1.948-.2h-.018V7.514h-.007c-.258-.35-.497-.717-.726-1.11.304-.549.677-1.04 1.075-1.494.368.197.724.417 1.067.658.142-.15.3-.277.457-.404l.092-.074c.127-.108.266-.197.404-.285l.185-.121c-.059-.463-.088-.92-.1-1.396Zm-2.448 8.459c0-.034-.002-.087-.002-.219l1.752.179.06.917a.228.228 0 0 0 .061.141c.036.038.083.061.134.065l2.075.157a.202.202 0 0 0 .146-.048.225.225 0 0 0 .077-.141l.119-.856h1.693l.119.856a.226.226 0 0 0 .07.135.203.203 0 0 0 .137.055h.015l2.076-.157a.206.206 0 0 0 .133-.065.23.23 0 0 0 .061-.142l.06-.917 1.752-.179c0 .132-.002.185-.003.219v.044c0 1.962-2.347 2.905-5.263 2.916h-.008c-2.916-.011-5.263-.954-5.263-2.916v-.044Zm4.41-3.469a1.286 1.286 0 1 1-2.57 0 1.286 1.286 0 0 1 2.57 0Zm4.287 0a1.286 1.286 0 1 1-2.572 0 1.286 1.286 0 0 1 2.572 0Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/gradle.svg b/packages/assets/svgs/ext/Extras/gradle.svg
new file mode 100644
index 000000000000..c8161ac1ff9d
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/gradle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#1D9BB7" fill-rule="evenodd" d="M13.348 3.633A1.8 1.8 0 0 0 12.035 3c-.493-.01-.97.199-1.331.581a.213.213 0 0 0-.042.067.236.236 0 0 0-.016.08c0 .057.02.11.054.15l.237.279c.03.035.072.056.115.06a.167.167 0 0 0 .122-.041.997.997 0 0 1 1.26-.04c.18.135.32.328.403.555.083.226.104.475.062.716-.042.24-.146.461-.3.634-.627.713-1.342.3-2.292-.25C8.97 5.02 7.17 3.98 4.497 5.423a.636.636 0 0 0-.204.174.736.736 0 0 0-.125.252.797.797 0 0 0 .052.563l.784 1.54a.64.64 0 0 0 .373.327c.158.05.326.026.468-.064l.02-.013-.015.013.347-.222a8.139 8.139 0 0 0 1.095-.928.18.18 0 0 1 .126-.053.18.18 0 0 1 .125.053.199.199 0 0 1 .05.07.232.232 0 0 1 .003.173.21.21 0 0 1-.045.072 8.371 8.371 0 0 1-1.154.972h-.011l-.348.22a.882.882 0 0 1-.482.143.91.91 0 0 1-.498-.15 1.076 1.076 0 0 1-.366-.411l-.74-1.455c-1.425 1.142-2.29 3.342-1.826 6.134.008.047.03.089.063.12a.17.17 0 0 0 .114.047h.846a.168.168 0 0 0 .119-.051.214.214 0 0 0 .06-.128c.037-.34.183-.652.409-.878.226-.227.517-.351.818-.351.302 0 .593.124.819.35.226.227.371.54.409.879.006.05.027.095.06.128a.17.17 0 0 0 .12.051h.823a.168.168 0 0 0 .12-.051.214.214 0 0 0 .06-.128c.038-.339.184-.65.41-.875.226-.226.517-.35.818-.35.3 0 .59.124.817.35.226.225.372.536.411.875.005.05.027.095.06.128A.168.168 0 0 0 9.6 13h.813a.17.17 0 0 0 .127-.059.218.218 0 0 0 .053-.142c.02-1.301.329-2.795 1.21-3.544 3.053-2.593 2.25-4.815 1.544-5.622ZM9.795 7.998 9 7.556a.6.6 0 0 1 .063-.271.534.534 0 0 1 .174-.202.46.46 0 0 1 .488-.023.52.52 0 0 1 .19.184.606.606 0 0 1 .04.539.546.546 0 0 1-.16.217v-.002Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/gradlebat.svg b/packages/assets/svgs/ext/Extras/gradlebat.svg
new file mode 100644
index 000000000000..5b98c7350b9f
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/gradlebat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#1D9BB7" d="M12.035 3a1.8 1.8 0 0 1 1.313.633c.49.559 1.025 1.797.293 3.367H10.5c-1.5 0-2 .5-2 2v2.64a1.1 1.1 0 0 0-.306-.044c-.301 0-.592.124-.818.35a1.472 1.472 0 0 0-.41.875.214.214 0 0 1-.06.128.168.168 0 0 1-.12.051h-.823a.17.17 0 0 1-.12-.051.216.216 0 0 1-.06-.128 1.472 1.472 0 0 0-.41-.878 1.157 1.157 0 0 0-.818-.351c-.301 0-.592.124-.818.35a1.472 1.472 0 0 0-.41.879.214.214 0 0 1-.059.128.168.168 0 0 1-.12.051h-.845a.17.17 0 0 1-.114-.048.215.215 0 0 1-.063-.119c-.464-2.792.4-4.992 1.825-6.134l.741 1.455c.089.17.215.312.366.41a.91.91 0 0 0 .498.151.882.882 0 0 0 .482-.143l.348-.22h.01c.41-.285.796-.61 1.155-.972a.21.21 0 0 0 .045-.072.232.232 0 0 0-.003-.173.199.199 0 0 0-.05-.07.18.18 0 0 0-.125-.053.18.18 0 0 0-.126.053c-.34.344-.707.655-1.095.928l-.347.222.015-.013-.02.013a.557.557 0 0 1-.468.064.64.64 0 0 1-.373-.327l-.784-1.54a.775.775 0 0 1-.052-.563.736.736 0 0 1 .125-.252.636.636 0 0 1 .204-.174c2.674-1.444 4.474-.404 5.81.368.95.55 1.665.963 2.293.25.153-.173.257-.394.3-.634.041-.24.02-.49-.063-.716a1.216 1.216 0 0 0-.403-.556.997.997 0 0 0-1.26.04.167.167 0 0 1-.122.041.173.173 0 0 1-.115-.06l-.237-.278a.232.232 0 0 1-.054-.15c0-.027.006-.054.016-.08a.213.213 0 0 1 .042-.067c.36-.382.838-.59 1.331-.58Z"/><path fill="#2DA3F9" d="M9.5 9.5V8l3.208 2.5L9.5 13v-1.5l1.5-1-1.5-1Z"/><rect width="2" height="1" x="12" y="12" fill="#2DA3F9" rx=".5"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/gradlekotlin.svg b/packages/assets/svgs/ext/Extras/gradlekotlin.svg
new file mode 100644
index 000000000000..8b85cebe97d3
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/gradlekotlin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#1D9BB7" fill-rule="evenodd" d="M12.035 3a1.8 1.8 0 0 1 1.313.633c.49.559 1.025 1.797.293 3.367H10.5c-1.5 0-2 .5-2 2v2.64a1.1 1.1 0 0 0-.306-.044c-.301 0-.592.124-.818.35a1.472 1.472 0 0 0-.41.875.214.214 0 0 1-.06.128.168.168 0 0 1-.12.051h-.823a.17.17 0 0 1-.12-.051.216.216 0 0 1-.06-.128 1.472 1.472 0 0 0-.41-.878 1.157 1.157 0 0 0-.818-.351c-.301 0-.592.124-.818.35a1.472 1.472 0 0 0-.41.879.214.214 0 0 1-.059.128.168.168 0 0 1-.12.051h-.845a.17.17 0 0 1-.114-.048.215.215 0 0 1-.063-.119c-.464-2.792.4-4.992 1.825-6.134l.741 1.455c.089.17.215.312.366.41a.91.91 0 0 0 .498.151.882.882 0 0 0 .482-.143l.348-.22h.01c.41-.285.796-.61 1.155-.972a.21.21 0 0 0 .045-.072.232.232 0 0 0-.003-.173.199.199 0 0 0-.05-.07.18.18 0 0 0-.125-.053.18.18 0 0 0-.126.053c-.34.344-.707.655-1.095.928l-.347.222.015-.013-.02.013a.557.557 0 0 1-.468.064.64.64 0 0 1-.373-.327l-.784-1.54a.775.775 0 0 1-.052-.563.736.736 0 0 1 .125-.252.636.636 0 0 1 .204-.174c2.674-1.444 4.474-.404 5.81.368.95.55 1.665.963 2.293.25.153-.173.257-.394.3-.634.041-.24.02-.49-.063-.716a1.216 1.216 0 0 0-.403-.556.997.997 0 0 0-1.26.04.167.167 0 0 1-.122.041.173.173 0 0 1-.115-.06l-.237-.278a.232.232 0 0 1-.054-.15c0-.027.006-.054.016-.08a.213.213 0 0 1 .042-.067c.36-.382.838-.59 1.331-.58Z" clip-rule="evenodd"/><path fill="url(#a)" fill-rule="evenodd" d="M9.294 8.76v3.48a.997.997 0 0 0 1 1h3.273a.5.5 0 0 0 .353-.854L12.034 10.5l1.886-1.886a.5.5 0 0 0-.353-.854H10.294a1 1 0 0 0-1 1Zm2.74 1.74-1.827 1.827-.62.62.62-.62 1.827-1.827Z" clip-rule="evenodd"/><defs><linearGradient id="a" x1="9.505" x2="13.909" y1="7.988" y2="13.137" gradientUnits="userSpaceOnUse"><stop stop-color="#95A6FF"/><stop offset="1" stop-color="#6938D0"/></linearGradient></defs></svg>
diff --git a/packages/assets/svgs/ext/Extras/grain.svg b/packages/assets/svgs/ext/Extras/grain.svg
new file mode 100644
index 000000000000..991825de73ba
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/grain.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#F6A21F" d="M8.033 1.965 5.882 6.408 8.05 8.316l2.135-1.908-2.152-4.443Z"/><path fill="#F68E27" d="M2.009 4.044v5.473l6.04 5.167 3.046-2.65-9.086-7.99Z"/><path fill="#E18026" d="M13.991 9.517V4.104L8.563 8.892l3.111 2.633 2.317-2.008Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/graphql.svg b/packages/assets/svgs/ext/Extras/graphql.svg
new file mode 100644
index 000000000000..776654b1654f
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/graphql.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M8.2 14.5A1.24 1.24 0 0 1 7 13l-2.51-1.46a.89.89 0 0 1-.22.16 1.23 1.23 0 0 1-.62.17A1.24 1.24 0 0 1 3 9.56a.91.91 0 0 1 .25-.11v-2.9A.91.91 0 0 1 3 6.44a1.24 1.24 0 0 1-.46-1.69 1.26 1.26 0 0 1 1.08-.62 1.23 1.23 0 0 1 .62.17.89.89 0 0 1 .22.16L7 3a1.33 1.33 0 0 1 0-.28 1.24 1.24 0 1 1 2.47 0 1.41 1.41 0 0 1 0 .28l2.51 1.44a.89.89 0 0 1 .22-.16 1.23 1.23 0 0 1 .62-.17 1.27 1.27 0 0 1 1.08.62 1.25 1.25 0 0 1-.46 1.69.91.91 0 0 1-.25.11v2.9a.91.91 0 0 1 .25.11 1.22 1.22 0 0 1 .58.75 1.25 1.25 0 0 1-1.2 1.56 1.23 1.23 0 0 1-.62-.17.92.92 0 0 1-.25-.19L9.4 13a1.1 1.1 0 0 1 0 .31 1.24 1.24 0 0 1-1.2 1.19Zm0-2.5a1.26 1.26 0 0 1 .87.35L11.42 11H5l2.37 1.35A1.23 1.23 0 0 1 8.2 12Zm3.37-1.76a1.89 1.89 0 0 1 .11-.25 1.18 1.18 0 0 1 .17-.22L8.48 4a1.33 1.33 0 0 1-.28 0 1.09 1.09 0 0 1-.26 0L4.56 9.79a1.18 1.18 0 0 1 .17.22 1.89 1.89 0 0 1 .11.25ZM4 9.3l3.19-5.54L4.86 5.1a1.2 1.2 0 0 1-.14.9 1.19 1.19 0 0 1-.7.56Zm8.4 0V6.56a1.24 1.24 0 0 1-.84-1.44L9.22 3.76Z" style="fill:#e535ab"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/groovy.svg b/packages/assets/svgs/ext/Extras/groovy.svg
new file mode 100644
index 000000000000..cc47abfe10dc
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/groovy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#68B2E4" d="M8.382 4.536V3.373c-3.908 1.744-3.85 5.99-1.303 5.232 1.954-.581 3.448-2.836 3.908-4.07.8-2.14-.677-3.327-1.302-3.488-.37-.095-3.04-.58-5.21 2.326C2.302 6.28 3.171 9.768 3.171 9.768S3.5 11.512 6 11.512c2.294 0 5.066-3.043 5.5-4.012.651 1.163-.243 2.878-1.5 4-1.257 1.122-2.92 1.175-5.526 1.175.651.58 1.303 1.744 1.303 2.325 1.302 0 4.791-.18 6.513-3.488 1.21-2.326.651-4.07-.651-5.814C11 7 9.15 8.5 8.382 9.186c-.769.687-1.869.912-3.257.582-1.433-.341-1.302-3.488 0-5.232C6.428 2.792 7.731 2.21 8.382 2.21c.651 0 1.954.582 1.303 2.326-.305.815-1.303 2.906-2.606 2.906-1.698 0 0-2.325 1.303-2.906Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/grunt.svg b/packages/assets/svgs/ext/Extras/grunt.svg
new file mode 100644
index 000000000000..d464e09f4838
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/grunt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#f4791c}</style></defs><path d="M5.28 13.1v-.07.07m2.59.9h-.35a2.44 2.44 0 0 1-1.22-.47 1.54 1.54 0 0 1-.61-1.39v-.13h.12A15 15 0 0 1 8 11.78a6.64 6.64 0 0 1 1.64.22.45.45 0 0 1 .25.12.43.43 0 0 1 0 .37 1.88 1.88 0 0 1-.32.63 2.16 2.16 0 0 1-.74.7 2 2 0 0 1-1 .24M3.79 11v-.22a1.13 1.13 0 0 1 .08-.19l.1.17a1.23 1.23 0 0 0 .76.53c.79.07.72.06.48.67 0 .12 0 .57-.09.58a1.59 1.59 0 0 1-1.35-1.47V11m6.8 1.54c-.12 0 .22-.46.17-.58-.23-.61-.57-.6.22-.67a1.18 1.18 0 0 0 .76-.53l.1-.17.09.19a1.57 1.57 0 0 1-1.32 1.76M5.08 6.5c1.14.29 3.11 1.31 1.64 2 0-.26-.08-.33-.19-.33h-.47c-.75 0-1.86-1.37-1-1.72m5.42 0c.88.35-.22 1.72-1 1.72h-.42c-.12 0-.2.07-.19.33-1.48-.67.49-1.69 1.63-2M8.22 2c-.09 0-.27.15-.67.6l-.1.08-.18-.16-.19-.16c-.12 0-.27.19-.49.86H6.5a2.6 2.6 0 0 1-.92-.42 2.67 2.67 0 0 0-1.2-.42 1 1 0 0 0-.83.44c-.17.49 1.5.73.56 1.38-1.51.45.25 1.58-.48 2.47a1.15 1.15 0 0 0-.43.83.92.92 0 0 0 .39.59c.4.34.94.55 1.07 1.11a3.14 3.14 0 0 1 0 .75c0 .13 0 .66-.2.66l-.13-.06a.87.87 0 0 1-.18-.36c-.06-.12-.14-.34-.25-.34l-.14.15C2.53 12.21 5.62 14.48 8 14.48a3 3 0 0 0 1.2-.24c1.54-.58 4.21-2.58 2.66-4.35-.31 0-.27.72-.66.81C10 8.81 13.17 8.43 12.37 7a1.15 1.15 0 0 1-.2-1.59c.58-.9-.58-.91-.77-1.51 1.12-1 .76-1.44 0-1.44a2.87 2.87 0 0 0-1.83.75c-.17.2-.28.27-.35.27s-.08-.67 0-.93a1.23 1.23 0 0 1-.51.15c-.24 0-.31-.16-.34-.33S8.31 2 8.22 2" class="cls-1"/><path d="M7.11 12.27a1.23 1.23 0 0 0-.66 0 .61.61 0 0 0 .06.4.43.43 0 0 0 .42.26.39.39 0 0 0 .27-.2.87.87 0 0 0 .11-.32v-.18ZM9.12 12.35 9 12.27a1.75 1.75 0 0 0-.56-.06l-.18.1a.54.54 0 0 0 .13.56.38.38 0 0 0 .37.13.37.37 0 0 0 .24-.23 1.21 1.21 0 0 0 .09-.34Z" class="cls-1"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/gulp.svg b/packages/assets/svgs/ext/Extras/gulp.svg
new file mode 100644
index 000000000000..f01069c0b94c
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/gulp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M9.08 4 10 2.5h1.5v-1h-2v.06l-1.32 2-.35.44-.66 1-.34.5H5.5l.33-.5.63-.94c-1.73.14-3 .51-3 .94a.22.22 0 0 0 0 .08L4.5 11c0 .2.33.38.87.51l.3 2c0 .29 1 .52 2.33.52s2.33-.23 2.33-.52l.3-2c.54-.13.87-.31.87-.51l1-5.92V5c0-.47-1.45-.86-3.42-1Zm-2 2.87a2.71 2.71 0 0 1 1.77-1h.21a1.1 1.1 0 0 1 .81.59l.06.22a.52.52 0 0 1-.27.44h-.22A.51.51 0 0 1 9 7h-.09c-.12 0-.46.08-1.06.68a4.36 4.36 0 0 0-.7.93 3.24 3.24 0 0 0-.26.63 2.71 2.71 0 0 0-.12.75 1.4 1.4 0 0 0 .16.71c.1.15.16.17.26.18h.16a2.31 2.31 0 0 0 1.16-1 4.23 4.23 0 0 0 .31-.59A3.6 3.6 0 0 0 9 8.7v-.08a.19.19 0 0 1 0-.08.5.5 0 0 1 .46-.29h.13a.49.49 0 0 1 .36.39s0 .06 0 .09V9.14L9 12.39a.49.49 0 0 1-.48.36h-.08a.49.49 0 0 1-.44-.5v-.14l.18-.64a2.65 2.65 0 0 1-.54.25 1.53 1.53 0 0 1-.45.08 1.32 1.32 0 0 1-1.11-.65 2.34 2.34 0 0 1-.31-1.23 4.09 4.09 0 0 1 .08-.76c0-.16.09-.32.14-.48A4.88 4.88 0 0 1 7.12 6.9Z" style="fill:#e34e48"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/h.svg b/packages/assets/svgs/ext/Extras/h.svg
new file mode 100644
index 000000000000..7efb963729a9
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/h.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#506EFF" fill-rule="evenodd" d="m11 3.452 1.85 1.068a1.33 1.33 0 0 1 .67 1.15v4.78a1.35 1.35 0 0 1-.67 1.16L11 12.678V3.452ZM9.053 2.328 8.71 2.13a1.34 1.34 0 0 0-1.34 0l-.423.244v4.301h2.106V2.328ZM5 3.498 3.23 4.52a1.33 1.33 0 0 0-.67 1.15v4.78a1.35 1.35 0 0 0 .67 1.16L5 12.632V3.498Zm1.947 10.258L7.37 14a1.34 1.34 0 0 0 1.34 0l.343-.198V8.84H6.947v4.916Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/haml.svg b/packages/assets/svgs/ext/Extras/haml.svg
new file mode 100644
index 000000000000..4a7f2438b986
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/haml.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#C8BC79" d="m5.534 2.108.207.414c-.451.143-.991.349-1.473.554l-.234-.468s-.23-.257.5-.5 1 0 1 0Z"/><path fill="#C8BC79" fill-rule="evenodd" d="M4.646 3.83c.505-.189 1.047-.372 1.496-.507l1.392 2.785 2.48-1.86c.515.416 1.135.964 1.635 1.437l-.7.545c0 .136.01.29.031.45.063.474.211.878.408 1.075l.018.018c.242.242.674.674.9 1.2.12.282.194.614.136.972-.059.363-.243.705-.554 1.017-.453.452-1.032.525-1.575.416-.527-.106-1.069-.387-1.567-.715a10.054 10.054 0 0 1-.57-.407l-.642 3.852c-.5.167-1.8.2-3-1 .327-.98 1.12-3.136 1.672-4.621l-.025-.025.055-.056.298-.798-1.888-3.777Zm3.719 5.296c.302.253.618.495.932.702.456.3.87.501 1.212.57.324.065.524.004.672-.143.188-.19.254-.347.274-.469a.75.75 0 0 0-.068-.418c-.143-.335-.444-.644-.706-.906-.397-.397-.586-.995-.67-1.503L8.534 8.11l-.17 1.017Z" clip-rule="evenodd"/><path fill="#C8BC79" d="m12.548 4.986.486-.378s0-.5-.5-1-1-.5-1-.5l-.675.507c.553.394 1.237.94 1.689 1.371Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/handlebars.svg b/packages/assets/svgs/ext/Extras/handlebars.svg
new file mode 100644
index 000000000000..5ad220e491b6
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/handlebars.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#F0772B" fill-rule="evenodd" d="M7.495 5.183c.174.098.386.271.505.431v-.04a1.43 1.43 0 0 1 2.11-.2c.237.214.464.49.698.777.576.704 1.197 1.463 2.122 1.463a.89.89 0 0 0 .5-1.5c1 0 1.57 1.5.5 2.5-1.046.978-2.711 1.071-4 .5A4.57 4.57 0 0 1 8 7.624v-.01c-.506.657-1.235 1.181-2 1.5-1.31.58-2.918.583-4-.5-.79-.79-.5-2.5.5-2.5a.89.89 0 0 0 .5 1.5c.927 0 1.544-.752 2.12-1.453.237-.29.468-.57.71-.787a1.43 1.43 0 0 1 1.665-.19Z" clip-rule="evenodd"/><path fill="#F0772B" d="M7.5 7.614a.5.5 0 1 1 1 0V12.5a.5.5 0 0 1-1 0V7.614Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/hardhat.svg b/packages/assets/svgs/ext/Extras/hardhat.svg
new file mode 100644
index 000000000000..91f2623847d9
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/hardhat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#EEA230" fill-rule="evenodd" d="M8 3.5c-1.366 0-1.8.245-1.936.803C4.264 4.938 3 6.645 3 10.103c0 .359.02.654.06.897H2.5v1c0 .552 2.186 1 5.5 1s5.5-.448 5.5-1v-1h-.587c.057-.243.087-.538.087-.896 0-3.46-1.264-5.166-3.064-5.801C9.8 3.745 9.366 3.5 8 3.5ZM6.25 7.333 8 5l1.75 2.333L8 9.083l-1.75-1.75ZM8 10.25 6.25 8.5 8 12l1.75-3.5L8 10.25Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/hashicorp.svg b/packages/assets/svgs/ext/Extras/hashicorp.svg
new file mode 100644
index 000000000000..15505757cba7
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/hashicorp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#2E71E5" fill-rule="evenodd" d="M7 2 2 4.911v6.994L4 13V6l3-1.813V2Zm2 0v5.649H7V5.5L5 6.65v7.238L7 15V9.368h2V11.5l2-1.149V3.11L9 2Zm5 10.089L9 15v-2.187L12 11V4l2 1.095v6.994Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/haskell.svg b/packages/assets/svgs/ext/Extras/haskell.svg
new file mode 100644
index 000000000000..4d7cf9ad64a0
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/haskell.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#5335AF" d="M5 8 2 3h2l3 5-3 5H2l3-5Z"/><path fill="#7658EE" fill-rule="evenodd" d="m5 3 3 5-3 5h2l2-3.333L11 13h2l-3-5-3-5H5Z" clip-rule="evenodd"/><path fill="#E94FEF" d="m10 6 1 1.5h3V6h-4ZM11.5 8.5l1 1.5H14V8.5h-2.5Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/haxe.svg b/packages/assets/svgs/ext/Extras/haxe.svg
new file mode 100644
index 000000000000..7f0507c37ccd
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/haxe.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#E4BA1E" d="m8 4.25-2.801-.256L2.999 3h2.5L8 4.25M8 4.25l2.969-.344L13 3h-2.5L8 4.249"/><path fill="#E08628" d="m8 11.75 2.5.299L13 13h-2.5L8 11.75"/><path fill="#DC642F" d="m8 11.75-2.5.27L3 13h2.5L8 11.75"/><path fill="#E8DD17" d="m4.25 8-.37 2.936L3 13v-2.5l1.25-2.502"/><path fill="#E8DD17" d="m4.25 8-.281-2.688L2.999 3v2.5L4.25 8"/><path fill="#DB5433" d="m11.75 8 .36-2.717L13 3v2.5L11.75 8M11.75 8l.244 2.76L13 13v-2.5L11.75 8"/><path fill="#E4A921" d="m3 3 5 1.25-.458 3.405-3.292.343L3 3.003"/><path fill="#E29724" d="m3 13 1.25-5 3.35.33.4 3.418-5 1.248"/><path fill="#DE762C" d="m13 3-1.25 5-3.27-.52L8 4.25l5-1.247"/><path fill="#DC642F" d="m13 13-5-1.25.508-3.362L11.75 8 13 12.995"/><path fill="#E08628" d="M8 4.25 4.25 8 8 11.75 11.75 8 8 4.25"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/haxeml.svg b/packages/assets/svgs/ext/Extras/haxeml.svg
new file mode 100644
index 000000000000..28ce2f1c98c4
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/haxeml.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="#E08628" stroke-width="1.5" d="M5.292 12.25H3.749v-1.542l1.394-2.323.231-.386-.231-.386-1.394-2.32V3.75h1.543l2.322 1.393.386.232.385-.232 2.322-1.393h1.543v1.542l-1.393 2.322-.232.385.232.386 1.393 2.323v1.542h-1.543l-2.321-1.393L8 10.625l-.386.232-2.322 1.394Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/hpp.svg b/packages/assets/svgs/ext/Extras/hpp.svg
new file mode 100644
index 000000000000..94fa1ecf5f3f
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/hpp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#C47CFC" fill-rule="evenodd" d="m11.5 3.74 1.35.78a1.33 1.33 0 0 1 .67 1.15v4.78a1.35 1.35 0 0 1-.67 1.16l-1.35.78V3.74ZM9.053 2.329 8.71 2.13a1.34 1.34 0 0 0-1.34 0l-.423.244v4.301h2.106V2.328ZM4.5 3.787l-1.27.733a1.33 1.33 0 0 0-.67 1.15v4.78a1.35 1.35 0 0 0 .67 1.16l1.27.733V3.787Zm2.447 9.969L7.37 14a1.34 1.34 0 0 0 1.34 0l.343-.198V9H6.947v4.756Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/htaccess.svg b/packages/assets/svgs/ext/Extras/htaccess.svg
new file mode 100644
index 000000000000..a5a55bce4a0e
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/htaccess.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#D93E5C" fill-rule="evenodd" d="M11.714 6.53H13V3h-1L7.205 7.443A3.5 3.5 0 1 0 8.833 9.43l1.596-1.606h1.285V6.529Zm-5.816 4.488a5.583 5.583 0 0 1-.423-.372 5.588 5.588 0 0 1-.372-.423c-.35-.427-.597-.729-1.042-.284a1.5 1.5 0 0 0 2.121 2.122c.445-.446.144-.693-.284-1.043Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/image.svg b/packages/assets/svgs/ext/Extras/image.svg
new file mode 100644
index 000000000000..d289976e5473
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/image.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="m4 12.88 2.91-3.76 2.37 2.72.9-1L12 12.88H4M6.25 3.5A1.75 1.75 0 1 1 4.5 5.25 1.75 1.75 0 0 1 6.25 3.5M9.11 2H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V5.91a1 1 0 0 0-.29-.7C12 4.53 10.49 3 9.8 2.29A.94.94 0 0 0 9.11 2" style="fill:#e18159"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/imagegif.svg b/packages/assets/svgs/ext/Extras/imagegif.svg
new file mode 100644
index 000000000000..ce653b1379f7
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/imagegif.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><mask id="a" fill="#fff"><path fill-rule="evenodd" d="M6.004 2H9.11a.94.94 0 0 1 .69.29c.69.71 2.2 2.24 2.91 2.92a1 1 0 0 1 .29.7V13a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h2.004ZM10 8c.546 0 1.059.146 1.5.401v1.276A2 2 0 1 0 8.677 12.5H7.401A3 3 0 0 1 10 8Zm1.323 4.5a2 2 0 0 0 .177-.177v.177h-.177ZM6 8a2.986 2.986 0 0 1-1.5-.401V3.5h4.099A3 3 0 0 1 6 8Z" clip-rule="evenodd"/></mask><path fill="#FF505A" fill-rule="evenodd" d="M6.004 2H9.11a.94.94 0 0 1 .69.29c.69.71 2.2 2.24 2.91 2.92a1 1 0 0 1 .29.7V13a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h2.004ZM10 8c.546 0 1.059.146 1.5.401v1.276A2 2 0 1 0 8.677 12.5H7.401A3 3 0 0 1 10 8Zm1.323 4.5a2 2 0 0 0 .177-.177v.177h-.177ZM6 8a2.986 2.986 0 0 1-1.5-.401V3.5h4.099A3 3 0 0 1 6 8Z" clip-rule="evenodd"/><path fill="#FF505A" d="M9.11 2v1.5h.017L9.11 2ZM6.004 2V.5l-.001 3V2Zm3.481.073-.581 1.383.581-1.383Zm.315.217L8.716 3.327l.008.008L9.8 2.29Zm2.91 2.92 1.065-1.056-.014-.014-.013-.013L12.71 5.21Zm.29.7h1.5v-.006L13 5.91Zm-9.707 7.797 1.06-1.06-1.06 1.06Zm0-11.414-1.06-1.06 1.06 1.06ZM5.996 2l.001 1.5v-3V2Zm0 0V.5v3V2Zm.008 0v1.5-3V2ZM11.5 8.401H13v-.865l-.749-.433L11.5 8.4Zm0 1.276-1.125.993L13 13.643V9.677h-1.5ZM8.677 12.5V14h3.966L9.67 11.375 8.677 12.5Zm-1.276 0-1.298.751.433.749h.865v-1.5Zm4.099-.177H13V8.357l-2.625 2.973 1.125.993Zm-.177.177-.993-1.125L7.357 14h3.966v-1.5Zm.177 0V14H13v-1.5h-1.5Zm-7-4.901H3v.865l.749.433L4.5 7.6Zm0-4.099V2H3v1.5h1.5Zm4.099 0 1.298-.751L9.464 2h-.865v1.5Zm.511-3H6.004v3H9.11v-3Zm.956.19A2.44 2.44 0 0 0 9.093.5l.034 3a.56.56 0 0 1-.223-.044L10.066.691Zm.818.563a2.44 2.44 0 0 0-.818-.562L8.904 3.456a.56.56 0 0 1-.188-.129l2.168-2.074Zm2.864 2.874c-.69-.66-2.183-2.173-2.872-2.882l-2.152 2.09c.691.711 2.217 2.258 2.948 2.958l2.075-2.166Zm.752 1.777a2.5 2.5 0 0 0-.725-1.75l-2.13 2.112a.5.5 0 0 1-.145-.35l3-.012Zm0 7.096V5.91h-3V13h3Zm-.732 1.768A2.5 2.5 0 0 0 14.5 13h-3a.5.5 0 0 1 .146-.354l2.122 2.122ZM12 15.5a2.5 2.5 0 0 0 1.768-.732l-2.122-2.122A.5.5 0 0 1 12 12.5v3Zm-8 0h8v-3H4v3Zm-1.768-.732A2.5 2.5 0 0 0 4 15.5v-3a.5.5 0 0 1 .354.146l-2.122 2.122ZM1.5 13a2.5 2.5 0 0 0 .732 1.768l2.122-2.122A.5.5 0 0 1 4.5 13h-3Zm0-10v10h3V3h-3Zm.732-1.768A2.5 2.5 0 0 0 1.5 3h3a.5.5 0 0 1-.146.354L2.232 1.232ZM4 .5a2.5 2.5 0 0 0-1.768.732l2.122 2.122A.5.5 0 0 1 4 3.5v-3Zm1.996 0H4v3h1.996v-3Zm0 0 .001 3-.001-3Zm0 3h.008v-3h-.008v3Zm.009-3-.002 3 .002-3Zm6.246 6.603A4.486 4.486 0 0 0 10 6.5v3c.276 0 .53.073.749.2l1.502-2.597ZM13 9.677V8.401h-3v1.276h3Zm-3 .823c.15 0 .282.063.375.17l2.25-1.986A3.495 3.495 0 0 0 10 7.5v3Zm-.5.5a.5.5 0 0 1 .5-.5v-3A3.5 3.5 0 0 0 6.5 11h3Zm.17.375A.495.495 0 0 1 9.5 11h-3c0 1.046.46 1.986 1.184 2.625l1.986-2.25ZM7.4 14h1.276v-3H7.401v3ZM5.5 11c0 .817.22 1.588.603 2.251L8.7 11.75c-.127-.22-.2-.473-.2-.749h-3ZM10 6.5A4.5 4.5 0 0 0 5.5 11h3A1.5 1.5 0 0 1 10 9.5v-3Zm.375 4.83a.505.505 0 0 1-.045.045l1.986 2.25c.109-.097.212-.2.309-.31l-2.25-1.985ZM13 12.5v-.177h-3v.177h3ZM11.323 14h.177v-3h-.177v3ZM3.749 8.897A4.486 4.486 0 0 0 6 9.5v-3c-.276 0-.53-.073-.749-.2L3.75 8.897ZM3 3.5v4.099h3V3.5H3ZM8.599 2H4.5v3h4.099V2ZM10.5 5c0-.817-.22-1.588-.603-2.251L7.3 4.25c.127.22.2.473.2.749h3ZM6 9.5A4.5 4.5 0 0 0 10.5 5h-3A1.5 1.5 0 0 1 6 6.5v3Z" mask="url(#a)"/><path fill="#FF505A" d="m10 13.5 2-3V13l-2 .5Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/imageico.svg b/packages/assets/svgs/ext/Extras/imageico.svg
new file mode 100644
index 000000000000..41e26de70023
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/imageico.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#3ADECA" fill-rule="evenodd" d="M4 2h5.11a.94.94 0 0 1 .69.29c.69.71 2.2 2.24 2.91 2.92a1 1 0 0 1 .29.7V13a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm4.189 2.543a.2.2 0 0 0-.378 0l-.706 2.031a.2.2 0 0 1-.185.134l-2.149.044a.2.2 0 0 0-.117.36L6.367 8.41a.2.2 0 0 1 .071.218l-.623 2.057a.2.2 0 0 0 .306.222L7.886 9.68a.2.2 0 0 1 .228 0l1.765 1.228a.2.2 0 0 0 .306-.222l-.623-2.057a.2.2 0 0 1 .07-.218l1.714-1.298a.2.2 0 0 0-.117-.36l-2.15-.044a.2.2 0 0 1-.184-.134l-.706-2.03Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/imagejpg.svg b/packages/assets/svgs/ext/Extras/imagejpg.svg
new file mode 100644
index 000000000000..f2ccaf04c5d9
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/imagejpg.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#FF8350" d="m4 13 3-4 2 3 1-1 2 2H4Zm2.25-9.5a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5ZM9.11 2H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V5.91a1 1 0 0 0-.29-.7C12 4.53 10.49 3 9.8 2.29A.94.94 0 0 0 9.11 2Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/imagepng.svg b/packages/assets/svgs/ext/Extras/imagepng.svg
new file mode 100644
index 000000000000..2fc891be4d5e
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/imagepng.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#9BC04B" fill-rule="evenodd" d="M3.293 13.707A1 1 0 0 1 3 13V3a1 1 0 0 1 1-1h5.11a.94.94 0 0 1 .69.29c.69.71 2.2 2.24 2.91 2.92a1 1 0 0 1 .29.7V13a1 1 0 0 1-1 1H4a1 1 0 0 1-.707-.293ZM4.5 10.38V3.5H9L11.5 6v6.5h-7v-2.121ZM8 4.5H5.5V7A2.5 2.5 0 0 0 8 4.5ZM5.5 9.379 7.298 7.58l1.774 2.956 1.428-.714V11.5h-5V9.379Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/imagewebp.svg b/packages/assets/svgs/ext/Extras/imagewebp.svg
new file mode 100644
index 000000000000..f230b744c53e
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/imagewebp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#D16AE2" d="m4 13 3-4 2 3 1-1 2 2H4Zm2.25-9.5a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5ZM9.11 2H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V5.91a1 1 0 0 0-.29-.7C12 4.53 10.49 3 9.8 2.29A.94.94 0 0 0 9.11 2Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/imba.svg b/packages/assets/svgs/ext/Extras/imba.svg
new file mode 100644
index 000000000000..c7124f1a47d8
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/imba.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#15CDC5" fill-rule="evenodd" d="M8.679 4.48c3.424 1.211 5.977 2.82 5.704 3.593a.362.362 0 0 1-.07.117c-.216.752-1.388 2.064-3.007 3.292-2.04 1.547-4.017 2.376-4.415 1.85-.36-.475.692-1.893 2.404-3.304-2.885.489-5.313.354-5.424-.302C3.76 9.073 5.983 8.15 8.844 7.66a28.905 28.905 0 0 1-1.155-.382C4.265 6.067 1.71 4.458 1.985 3.685c.273-.772 3.27-.417 6.694.795Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/index.ts b/packages/assets/svgs/ext/Extras/index.ts
new file mode 100644
index 000000000000..beb50ac45f63
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/index.ts
@@ -0,0 +1,617 @@
+/*
+ * This file was automatically generated by a script.
+ * To regenerate this file, run: pnpm assets gen
+ */
+import { ReactComponent as ace } from './ace.svg';
+import { ReactComponent as acemanifest } from './acemanifest.svg';
+import { ReactComponent as adoc } from './adoc.svg';
+import { ReactComponent as adonis } from './adonis.svg';
+import { ReactComponent as adonisconfig } from './adonisconfig.svg';
+import { ReactComponent as afdesign } from './afdesign.svg';
+import { ReactComponent as afphoto } from './afphoto.svg';
+import { ReactComponent as afpub } from './afpub.svg';
+import { ReactComponent as ai } from './ai.svg';
+import { ReactComponent as air } from './air.svg';
+import { ReactComponent as anim } from './anim.svg';
+import { ReactComponent as astro } from './astro.svg';
+import { ReactComponent as astroconfig } from './astroconfig.svg';
+import { ReactComponent as atomizer } from './atomizer.svg';
+import { ReactComponent as audio } from './audio.svg';
+import { ReactComponent as audiomp3 } from './audiomp3.svg';
+import { ReactComponent as audioogg } from './audioogg.svg';
+import { ReactComponent as audiowav } from './audiowav.svg';
+import { ReactComponent as audiowv } from './audiowv.svg';
+import { ReactComponent as azure } from './azure.svg';
+import { ReactComponent as babel } from './babel.svg';
+import { ReactComponent as bat } from './bat.svg';
+import { ReactComponent as bicep } from './bicep.svg';
+import { ReactComponent as bicepparam } from './bicepparam.svg';
+import { ReactComponent as binary } from './binary.svg';
+import { ReactComponent as blade } from './blade.svg';
+import { ReactComponent as brotli } from './brotli.svg';
+import { ReactComponent as browserslist } from './browserslist.svg';
+import { ReactComponent as bsconfig } from './bsconfig.svg';
+import { ReactComponent as bundler } from './bundler.svg';
+import { ReactComponent as cargo } from './cargo.svg';
+import { ReactComponent as cargolock } from './cargolock.svg';
+import { ReactComponent as cert } from './cert.svg';
+import { ReactComponent as cheader } from './cheader.svg';
+import { ReactComponent as civet } from './civet.svg';
+import { ReactComponent as cli } from './cli.svg';
+import { ReactComponent as clojure } from './clojure.svg';
+import { ReactComponent as codeworkspace } from './codeworkspace.svg';
+import { ReactComponent as commitlint } from './commitlint.svg';
+import { ReactComponent as compodoc } from './compodoc.svg';
+import { ReactComponent as composer } from './composer.svg';
+import { ReactComponent as composerlock } from './composerlock.svg';
+import { ReactComponent as conan } from './conan.svg';
+import { ReactComponent as conf } from './conf.svg';
+import { ReactComponent as crystal } from './crystal.svg';
+import { ReactComponent as cshtml } from './cshtml.svg';
+import { ReactComponent as csproj } from './csproj.svg';
+import { ReactComponent as cssmap } from './cssmap.svg';
+import { ReactComponent as csv } from './csv.svg';
+import { ReactComponent as cucumber } from './cucumber.svg';
+import { ReactComponent as cypress } from './cypress.svg';
+import { ReactComponent as cypressjs } from './cypressjs.svg';
+import { ReactComponent as cypressts } from './cypressts.svg';
+import { ReactComponent as d } from './d.svg';
+import { ReactComponent as diff } from './diff.svg';
+import { ReactComponent as docker } from './docker.svg';
+import { ReactComponent as dockerdebug } from './dockerdebug.svg';
+import { ReactComponent as dockerignore } from './dockerignore.svg';
+import { ReactComponent as drawio } from './drawio.svg';
+import { ReactComponent as drizzle } from './drizzle.svg';
+import { ReactComponent as dsstore } from './dsstore.svg';
+import { ReactComponent as dune } from './dune.svg';
+import { ReactComponent as duneproject } from './duneproject.svg';
+import { ReactComponent as edge } from './edge.svg';
+import { ReactComponent as editorconfig } from './editorconfig.svg';
+import { ReactComponent as eex } from './eex.svg';
+import { ReactComponent as elixir } from './elixir.svg';
+import { ReactComponent as elm } from './elm.svg';
+import { ReactComponent as env } from './env.svg';
+import { ReactComponent as erb } from './erb.svg';
+import { ReactComponent as erlang } from './erlang.svg';
+import { ReactComponent as esbuild } from './esbuild.svg';
+import { ReactComponent as eslint } from './eslint.svg';
+import { ReactComponent as exs } from './exs.svg';
+import { ReactComponent as exx } from './exx.svg';
+import { ReactComponent as farm } from './farm.svg';
+import { ReactComponent as figma } from './figma.svg';
+import { ReactComponent as file } from './file.svg';
+import { ReactComponent as file_light } from './file_light.svg';
+import { ReactComponent as flakelock } from './flakelock.svg';
+import { ReactComponent as flutter } from './flutter.svg';
+import { ReactComponent as flutterlock } from './flutterlock.svg';
+import { ReactComponent as flutterpackage } from './flutterpackage.svg';
+import { ReactComponent as folder } from './folder.svg';
+import { ReactComponent as folder_open } from './folder_open.svg';
+import { ReactComponent as fonteot } from './fonteot.svg';
+import { ReactComponent as fontotf } from './fontotf.svg';
+import { ReactComponent as fontttf } from './fontttf.svg';
+import { ReactComponent as fontwoff2 } from './fontwoff2.svg';
+import { ReactComponent as fontwoff } from './fontwoff.svg';
+import { ReactComponent as freemarker } from './freemarker.svg';
+import { ReactComponent as fsharp } from './fsharp.svg';
+import { ReactComponent as gbl } from './gbl.svg';
+import { ReactComponent as git } from './git.svg';
+import { ReactComponent as go_package } from './go_package.svg';
+import { ReactComponent as godot } from './godot.svg';
+import { ReactComponent as gradle } from './gradle.svg';
+import { ReactComponent as gradlebat } from './gradlebat.svg';
+import { ReactComponent as gradlekotlin } from './gradlekotlin.svg';
+import { ReactComponent as grain } from './grain.svg';
+import { ReactComponent as graphql } from './graphql.svg';
+import { ReactComponent as groovy } from './groovy.svg';
+import { ReactComponent as grunt } from './grunt.svg';
+import { ReactComponent as gulp } from './gulp.svg';
+import { ReactComponent as h } from './h.svg';
+import { ReactComponent as haml } from './haml.svg';
+import { ReactComponent as handlebars } from './handlebars.svg';
+import { ReactComponent as hardhat } from './hardhat.svg';
+import { ReactComponent as hashicorp } from './hashicorp.svg';
+import { ReactComponent as haskell } from './haskell.svg';
+import { ReactComponent as haxe } from './haxe.svg';
+import { ReactComponent as haxeml } from './haxeml.svg';
+import { ReactComponent as hpp } from './hpp.svg';
+import { ReactComponent as htaccess } from './htaccess.svg';
+import { ReactComponent as image } from './image.svg';
+import { ReactComponent as imagegif } from './imagegif.svg';
+import { ReactComponent as imageico } from './imageico.svg';
+import { ReactComponent as imagejpg } from './imagejpg.svg';
+import { ReactComponent as imagepng } from './imagepng.svg';
+import { ReactComponent as imagewebp } from './imagewebp.svg';
+import { ReactComponent as imba } from './imba.svg';
+import { ReactComponent as info } from './info.svg';
+import { ReactComponent as ipynb } from './ipynb.svg';
+import { ReactComponent as jar } from './jar.svg';
+import { ReactComponent as jenkins } from './jenkins.svg';
+import { ReactComponent as jest } from './jest.svg';
+import { ReactComponent as jinja } from './jinja.svg';
+import { ReactComponent as jsmap } from './jsmap.svg';
+import { ReactComponent as json } from './json.svg';
+import { ReactComponent as jsp } from './jsp.svg';
+import { ReactComponent as julia } from './julia.svg';
+import { ReactComponent as karma } from './karma.svg';
+import { ReactComponent as key } from './key.svg';
+import { ReactComponent as knex } from './knex.svg';
+import { ReactComponent as kotlins } from './kotlins.svg';
+import { ReactComponent as krita } from './krita.svg';
+import { ReactComponent as latex } from './latex.svg';
+import { ReactComponent as launch } from './launch.svg';
+import { ReactComponent as less } from './less.svg';
+import { ReactComponent as license } from './license.svg';
+import { ReactComponent as light_editorconfig } from './light_editorconfig.svg';
+import { ReactComponent as liquid } from './liquid.svg';
+import { ReactComponent as llvm } from './llvm.svg';
+import { ReactComponent as log } from './log.svg';
+import { ReactComponent as lua } from './lua.svg';
+import { ReactComponent as m } from './m.svg';
+import { ReactComponent as makefile } from './makefile.svg';
+import { ReactComponent as manifest } from './manifest.svg';
+import { ReactComponent as markdown } from './markdown.svg';
+import { ReactComponent as markdownx } from './markdownx.svg';
+import { ReactComponent as maven } from './maven.svg';
+import { ReactComponent as mesh } from './mesh.svg';
+import { ReactComponent as mgcb } from './mgcb.svg';
+import { ReactComponent as mint } from './mint.svg';
+import { ReactComponent as mix } from './mix.svg';
+import { ReactComponent as mixlock } from './mixlock.svg';
+import { ReactComponent as mjml } from './mjml.svg';
+import { ReactComponent as motoko } from './motoko.svg';
+import { ReactComponent as mov } from './mov.svg';
+import { ReactComponent as mp4 } from './mp4.svg';
+import { ReactComponent as mtl } from './mtl.svg';
+import { ReactComponent as mustache } from './mustache.svg';
+import { ReactComponent as neon } from './neon.svg';
+import { ReactComponent as nestjs } from './nestjs.svg';
+import { ReactComponent as nestjscontroller } from './nestjscontroller.svg';
+import { ReactComponent as nestjsdecorator } from './nestjsdecorator.svg';
+import { ReactComponent as nestjsfilter } from './nestjsfilter.svg';
+import { ReactComponent as nestjsguard } from './nestjsguard.svg';
+import { ReactComponent as nestjsmodule } from './nestjsmodule.svg';
+import { ReactComponent as nestjsservice } from './nestjsservice.svg';
+import { ReactComponent as netlify } from './netlify.svg';
+import { ReactComponent as nextconfig } from './nextconfig.svg';
+import { ReactComponent as nextron } from './nextron.svg';
+import { ReactComponent as nginx } from './nginx.svg';
+import { ReactComponent as nim } from './nim.svg';
+import { ReactComponent as nix } from './nix.svg';
+import { ReactComponent as njk } from './njk.svg';
+import { ReactComponent as nodemon } from './nodemon.svg';
+import { ReactComponent as npm } from './npm.svg';
+import { ReactComponent as npmlock } from './npmlock.svg';
+import { ReactComponent as nuxt } from './nuxt.svg';
+import { ReactComponent as nvim } from './nvim.svg';
+import { ReactComponent as nvm } from './nvm.svg';
+import { ReactComponent as nx } from './nx.svg';
+import { ReactComponent as obj } from './obj.svg';
+import { ReactComponent as ocaml } from './ocaml.svg';
+import { ReactComponent as ocamli } from './ocamli.svg';
+import { ReactComponent as ocamll } from './ocamll.svg';
+import { ReactComponent as ocamly } from './ocamly.svg';
+import { ReactComponent as opengl } from './opengl.svg';
+import { ReactComponent as parcel } from './parcel.svg';
+import { ReactComponent as pdf } from './pdf.svg';
+import { ReactComponent as perl } from './perl.svg';
+import { ReactComponent as perlm } from './perlm.svg';
+import { ReactComponent as pfx } from './pfx.svg';
+import { ReactComponent as photoshop } from './photoshop.svg';
+import { ReactComponent as playright } from './playright.svg';
+import { ReactComponent as pnpm } from './pnpm.svg';
+import { ReactComponent as pnpmlock } from './pnpmlock.svg';
+import { ReactComponent as poetry } from './poetry.svg';
+import { ReactComponent as poetrylock } from './poetrylock.svg';
+import { ReactComponent as postcssconfig } from './postcssconfig.svg';
+import { ReactComponent as powershell } from './powershell.svg';
+import { ReactComponent as powershelldata } from './powershelldata.svg';
+import { ReactComponent as powershellmodule } from './powershellmodule.svg';
+import { ReactComponent as prettier } from './prettier.svg';
+import { ReactComponent as prettierignore } from './prettierignore.svg';
+import { ReactComponent as prisma } from './prisma.svg';
+import { ReactComponent as prolog } from './prolog.svg';
+import { ReactComponent as properties } from './properties.svg';
+import { ReactComponent as pug } from './pug.svg';
+import { ReactComponent as pvk } from './pvk.svg';
+import { ReactComponent as pyproject } from './pyproject.svg';
+import { ReactComponent as qt } from './qt.svg';
+import { ReactComponent as quarkus } from './quarkus.svg';
+import { ReactComponent as quasar } from './quasar.svg';
+import { ReactComponent as razor } from './razor.svg';
+import { ReactComponent as rb } from './rb.svg';
+import { ReactComponent as reactjs } from './reactjs.svg';
+import { ReactComponent as reactts } from './reactts.svg';
+import { ReactComponent as readme } from './readme.svg';
+import { ReactComponent as redis } from './redis.svg';
+import { ReactComponent as rego } from './rego.svg';
+import { ReactComponent as remix } from './remix.svg';
+import { ReactComponent as rescript } from './rescript.svg';
+import { ReactComponent as rjson } from './rjson.svg';
+import { ReactComponent as robots } from './robots.svg';
+import { ReactComponent as rollup } from './rollup.svg';
+import { ReactComponent as rome } from './rome.svg';
+import { ReactComponent as root_folder } from './root_folder.svg';
+import { ReactComponent as root_folder_light } from './root_folder_light.svg';
+import { ReactComponent as root_folder_light_open } from './root_folder_light_open.svg';
+import { ReactComponent as root_folder_open } from './root_folder_open.svg';
+import { ReactComponent as rs } from './rs.svg';
+import { ReactComponent as rustfmt } from './rustfmt.svg';
+import { ReactComponent as sails } from './sails.svg';
+import { ReactComponent as sass } from './sass.svg';
+import { ReactComponent as scala } from './scala.svg';
+import { ReactComponent as scss } from './scss.svg';
+import { ReactComponent as sentinel } from './sentinel.svg';
+import { ReactComponent as sequelize } from './sequelize.svg';
+import { ReactComponent as sh } from './sh.svg';
+import { ReactComponent as slim } from './slim.svg';
+import { ReactComponent as sln } from './sln.svg';
+import { ReactComponent as smarty } from './smarty.svg';
+import { ReactComponent as sol } from './sol.svg';
+import { ReactComponent as spc } from './spc.svg';
+import { ReactComponent as sql } from './sql.svg';
+import { ReactComponent as sqlite } from './sqlite.svg';
+import { ReactComponent as storybook } from './storybook.svg';
+import { ReactComponent as stylelint } from './stylelint.svg';
+import { ReactComponent as stylus } from './stylus.svg';
+import { ReactComponent as suo } from './suo.svg';
+import { ReactComponent as svelte } from './svelte.svg';
+import { ReactComponent as svelteconfig } from './svelteconfig.svg';
+import { ReactComponent as svg } from './svg.svg';
+import { ReactComponent as swift } from './swift.svg';
+import { ReactComponent as symfony } from './symfony.svg';
+import { ReactComponent as tailwind } from './tailwind.svg';
+import { ReactComponent as tauri } from './tauri.svg';
+import { ReactComponent as taze } from './taze.svg';
+import { ReactComponent as terrafile } from './terrafile.svg';
+import { ReactComponent as terraform } from './terraform.svg';
+import { ReactComponent as terraformvars } from './terraformvars.svg';
+import { ReactComponent as terraformversion } from './terraformversion.svg';
+import { ReactComponent as testjs } from './testjs.svg';
+import { ReactComponent as testts } from './testts.svg';
+import { ReactComponent as tmpl } from './tmpl.svg';
+import { ReactComponent as todo } from './todo.svg';
+import { ReactComponent as toml } from './toml.svg';
+import { ReactComponent as toolversions } from './toolversions.svg';
+import { ReactComponent as tox } from './tox.svg';
+import { ReactComponent as travis } from './travis.svg';
+import { ReactComponent as tres } from './tres.svg';
+import { ReactComponent as tscn } from './tscn.svg';
+import { ReactComponent as tsconfig } from './tsconfig.svg';
+import { ReactComponent as tsx } from './tsx.svg';
+import { ReactComponent as turbo } from './turbo.svg';
+import { ReactComponent as twig } from './twig.svg';
+import { ReactComponent as txt } from './txt.svg';
+import { ReactComponent as typescriptdef } from './typescriptdef.svg';
+import { ReactComponent as ui } from './ui.svg';
+import { ReactComponent as unocss } from './unocss.svg';
+import { ReactComponent as user } from './user.svg';
+import { ReactComponent as v } from './v.svg';
+import { ReactComponent as vercel } from './vercel.svg';
+import { ReactComponent as version } from './version.svg';
+import { ReactComponent as vhd } from './vhd.svg';
+import { ReactComponent as vhdl } from './vhdl.svg';
+import { ReactComponent as video } from './video.svg';
+import { ReactComponent as vite } from './vite.svg';
+import { ReactComponent as viteenv } from './viteenv.svg';
+import { ReactComponent as vitest } from './vitest.svg';
+import { ReactComponent as vmod } from './vmod.svg';
+import { ReactComponent as vscode } from './vscode.svg';
+import { ReactComponent as wasm } from './wasm.svg';
+import { ReactComponent as webpack } from './webpack.svg';
+import { ReactComponent as windi } from './windi.svg';
+import { ReactComponent as xmake } from './xmake.svg';
+import { ReactComponent as xml } from './xml.svg';
+import { ReactComponent as yaml } from './yaml.svg';
+import { ReactComponent as yarn } from './yarn.svg';
+import { ReactComponent as yarnerror } from './yarnerror.svg';
+import { ReactComponent as zig } from './zig.svg';
+import { ReactComponent as zip } from './zip.svg';
+
+export {
+	ace,
+	acemanifest,
+	adoc,
+	adonis,
+	adonisconfig,
+	afdesign,
+	afphoto,
+	afpub,
+	ai,
+	air,
+	anim,
+	astro,
+	astroconfig,
+	atomizer,
+	audio,
+	audiomp3,
+	audioogg,
+	audiowav,
+	audiowv,
+	azure,
+	babel,
+	bat,
+	bicep,
+	bicepparam,
+	binary,
+	blade,
+	brotli,
+	browserslist,
+	bsconfig,
+	bundler,
+	cargo,
+	cargolock,
+	cert,
+	cheader,
+	civet,
+	cli,
+	clojure,
+	codeworkspace,
+	commitlint,
+	compodoc,
+	composer,
+	composerlock,
+	conan,
+	conf,
+	crystal,
+	cshtml,
+	csproj,
+	cssmap,
+	csv,
+	cucumber,
+	cypress,
+	cypressjs,
+	cypressts,
+	d,
+	diff,
+	docker,
+	dockerdebug,
+	dockerignore,
+	drawio,
+	drizzle,
+	dsstore,
+	dune,
+	duneproject,
+	edge,
+	editorconfig,
+	eex,
+	elixir,
+	elm,
+	env,
+	erb,
+	erlang,
+	esbuild,
+	eslint,
+	exs,
+	exx,
+	farm,
+	figma,
+	file,
+	file_light,
+	flakelock,
+	flutter,
+	flutterlock,
+	flutterpackage,
+	folder,
+	folder_open,
+	fonteot,
+	fontotf,
+	fontttf,
+	fontwoff,
+	fontwoff2,
+	freemarker,
+	fsharp,
+	gbl,
+	git,
+	go_package,
+	godot,
+	gradle,
+	gradlebat,
+	gradlekotlin,
+	grain,
+	graphql,
+	groovy,
+	grunt,
+	gulp,
+	h,
+	haml,
+	handlebars,
+	hardhat,
+	hashicorp,
+	haskell,
+	haxe,
+	haxeml,
+	hpp,
+	htaccess,
+	image,
+	imagegif,
+	imageico,
+	imagejpg,
+	imagepng,
+	imagewebp,
+	imba,
+	info,
+	ipynb,
+	jar,
+	jenkins,
+	jest,
+	jinja,
+	jsmap,
+	json,
+	jsp,
+	julia,
+	karma,
+	key,
+	knex,
+	kotlins,
+	krita,
+	latex,
+	launch,
+	less,
+	license,
+	light_editorconfig,
+	liquid,
+	llvm,
+	log,
+	lua,
+	m,
+	makefile,
+	manifest,
+	markdown,
+	markdownx,
+	maven,
+	mesh,
+	mgcb,
+	mint,
+	mix,
+	mixlock,
+	mjml,
+	motoko,
+	mov,
+	mp4,
+	mtl,
+	mustache,
+	neon,
+	nestjs,
+	nestjscontroller,
+	nestjsdecorator,
+	nestjsfilter,
+	nestjsguard,
+	nestjsmodule,
+	nestjsservice,
+	netlify,
+	nextconfig,
+	nextron,
+	nginx,
+	nim,
+	nix,
+	njk,
+	nodemon,
+	npm,
+	npmlock,
+	nuxt,
+	nvim,
+	nvm,
+	nx,
+	obj,
+	ocaml,
+	ocamli,
+	ocamll,
+	ocamly,
+	opengl,
+	parcel,
+	pdf,
+	perl,
+	perlm,
+	pfx,
+	photoshop,
+	playright,
+	pnpm,
+	pnpmlock,
+	poetry,
+	poetrylock,
+	postcssconfig,
+	powershell,
+	powershelldata,
+	powershellmodule,
+	prettier,
+	prettierignore,
+	prisma,
+	prolog,
+	properties,
+	pug,
+	pvk,
+	pyproject,
+	qt,
+	quarkus,
+	quasar,
+	razor,
+	rb,
+	reactjs,
+	reactts,
+	readme,
+	redis,
+	rego,
+	remix,
+	rescript,
+	rjson,
+	robots,
+	rollup,
+	rome,
+	root_folder,
+	root_folder_light,
+	root_folder_light_open,
+	root_folder_open,
+	rs,
+	rustfmt,
+	sails,
+	sass,
+	scala,
+	scss,
+	sentinel,
+	sequelize,
+	sh,
+	slim,
+	sln,
+	smarty,
+	sol,
+	spc,
+	sql,
+	sqlite,
+	storybook,
+	stylelint,
+	stylus,
+	suo,
+	svelte,
+	svelteconfig,
+	svg,
+	swift,
+	symfony,
+	tailwind,
+	tauri,
+	taze,
+	terrafile,
+	terraform,
+	terraformvars,
+	terraformversion,
+	testjs,
+	testts,
+	tmpl,
+	todo,
+	toml,
+	toolversions,
+	tox,
+	travis,
+	tres,
+	tscn,
+	tsconfig,
+	tsx,
+	turbo,
+	twig,
+	txt,
+	typescriptdef,
+	ui,
+	unocss,
+	user,
+	v,
+	vercel,
+	version,
+	vhd,
+	vhdl,
+	video,
+	vite,
+	viteenv,
+	vitest,
+	vmod,
+	vscode,
+	wasm,
+	webpack,
+	windi,
+	xmake,
+	xml,
+	yaml,
+	yarn,
+	yarnerror,
+	zig,
+	zip
+};
diff --git a/packages/assets/svgs/ext/Extras/info.svg b/packages/assets/svgs/ext/Extras/info.svg
new file mode 100644
index 000000000000..77ce94f3eeac
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/info.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#4BB9D1" fill-rule="evenodd" d="M8.548 13.975a6 6 0 1 0-2.607-.338l.017-.105.726-3.938H5.76l.044-.396h.946c1.085 0 1.885-.044 2.398-.132L9.456 9l-.908 4.975ZM6.97 6.208c0 .44.154.814.462 1.122.308.308.682.462 1.122.462.44 0 .814-.154 1.122-.462.323-.308.484-.682.484-1.122 0-.44-.161-.814-.484-1.122a1.493 1.493 0 0 0-1.122-.484c-.44 0-.814.161-1.122.484a1.528 1.528 0 0 0-.462 1.122Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/ipynb.svg b/packages/assets/svgs/ext/Extras/ipynb.svg
new file mode 100644
index 000000000000..b75e47008145
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/ipynb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#E77827" fill-rule="evenodd" d="M13.753 9.71C12.489 10.49 10.383 11 8 11c-2.384 0-4.489-.51-5.753-1.29a6.003 6.003 0 0 0 11.506 0Zm0-3.42C12.489 5.51 10.383 5 8 5c-2.384 0-4.489.51-5.753 1.29a6.003 6.003 0 0 1 11.506 0Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/jar.svg b/packages/assets/svgs/ext/Extras/jar.svg
new file mode 100644
index 000000000000..86fe85ae1f04
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/jar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#CE3939" fill-rule="evenodd" d="M4 3h2.5a1 1 0 0 1 .8.4l.9 1.2A1 1 0 0 0 9 5h4a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm3.5 6.5A1.46 1.46 0 0 0 9 11v-1a.47.47 0 0 1-.5-.5c0-.28.11-.4.35-.65A1.74 1.74 0 0 0 9.5 7.5 1.46 1.46 0 0 0 8 6v1a.47.47 0 0 1 .5.5c0 .28-.11.4-.35.65A1.74 1.74 0 0 0 7.5 9.5Zm-1 .5v1A1.46 1.46 0 0 1 5 9.5a1.74 1.74 0 0 1 .65-1.35c.24-.25.35-.37.35-.65h1a1.74 1.74 0 0 1-.65 1.35c-.24.25-.35.37-.35.65a.47.47 0 0 0 .5.5Zm5 0v1A1.46 1.46 0 0 1 10 9.5a1.74 1.74 0 0 1 .65-1.35c.24-.25.35-.37.35-.65h1a1.74 1.74 0 0 1-.65 1.35c-.24.25-.35.37-.35.65a.468.468 0 0 0 .5.5Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/jenkins.svg b/packages/assets/svgs/ext/Extras/jenkins.svg
new file mode 100644
index 000000000000..62e5241c2e01
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/jenkins.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#F0D6B7" d="m10.765 11.927-1.208.18-1.63.185-1.054.025-1.03-.032-.785-.243-.697-.754-.543-1.54-.122-.333-.722-.242-.422-.697-.3-.997.332-.876.786-.275.633.3.3.665.365-.057.121-.153-.121-.697-.032-.876.179-1.208-.007-.69.55-.882.965-.697 1.688-.722 1.872.275 1.63 1.176.754 1.208.486.875.122 2.174-.365 1.872-.665 1.662-.626.889"/><path fill="#6D6B6D" d="m2.584 6.616.786-.275.633.3.3.665.365-.057.09-.365-.18-.696.18-1.662-.154-.908.543-.632 1.176-.934-.332-.453-1.662.818-.697.543-.39.844-.6.818-.18.965.122 1.029"/><path fill="#D33833" d="M11.45 13.934a5.582 5.582 0 0 1-1.381-.191c.025-.167-.026-.326.019-.448.115-.083.3-.083.473-.102a.817.817 0 0 0-.524-.058c-.007-.115-.058-.185-.09-.274.288-.103.965-.774 1.349-.557.185.11.262.71.275 1.01.013.243-.026.486-.122.62M9.001 13.1c0 .039 0 .077-.006.115-.16.103-.416.103-.595.192.256.013.46.077.64.16-.007.096-.007.198-.013.294-.294.198-.563.498-.908.69-.166.09-.735.32-.907.275-.096-.026-.109-.147-.147-.262-.083-.243-.275-.64-.294-1.01-.02-.466-.07-1.253.434-1.157.41.077.882.262 1.195.435.199.115.307.243.601.268ZM9.289 13.653c-.045-.256-.096-.326-.077-.55.684-.454.806.78.077.55"/><path fill="#231F20" d="M7.902 4.162c-.825-.192-1.234.345-1.483.9-.224-.05-.134-.357-.077-.51.147-.403.742-.947 1.228-.87.204.026.485.217.332.48Zm4.007.933h.039c.185.383.345.792.582 1.137-.16.371-1.19.69-1.177.039.224-.096.608-.02.806-.147-.115-.313-.275-.582-.25-1.03Zm-3.592.013c.18.325.237.664.486.907.115.109.332.243.224.55-.026.07-.211.23-.32.262-.39.115-1.304.025-.997-.467.326.013.76.211 1.004-.025-.186-.294-.518-.882-.397-1.227Zm3.445 3.285c-.588.377-1.246.792-2.217.696-.205-.178-.288-.581-.084-.843.103.179.039.511.333.562.55.096 1.189-.339 1.585-.485.243-.416-.02-.563-.243-.831-.454-.544-1.054-1.221-1.035-2.033.185-.134.198.205.223.262.237.55.831 1.26 1.26 1.732.108.115.28.23.3.307.057.217-.147.486-.122.633Zm-7.785-.396c-.185-.11-.23-.57-.447-.582-.313-.02-.256.6-.256.965-.21-.192-.249-.793-.095-1.1-.18-.089-.256.097-.358.16.134-.926 1.361-.428 1.156.557Zm8.156.786c-.275.524-.665 1.099-1.47 1.118-.02-.166-.032-.428 0-.53.62-.064 1.004-.377 1.47-.588Zm-3.86.338c.511.269 1.457.3 2.16.282.038.153.038.345.038.53-.9.038-1.962-.185-2.198-.812Zm-.096.499c.358.895 1.578.793 2.607.767-.044.115-.14.256-.268.3-.332.135-1.24.237-1.7-.006-.288-.153-.48-.505-.64-.71-.07-.095-.453-.345 0-.351"/><path fill="#F0D6B7" d="M10.222 12.279c-.217.14-.396.313-.607.466-.46.026-.71-.031-1.042-.293.006-.02.038-.013.038-.039.493.217 1.119-.09 1.611-.134"/><path fill="#000" fill-rule="evenodd" d="M12 10.655a3.62 3.62 0 0 1 .18-.325c.051-.086.099-.166.128-.228.129-.27.22-.586.288-.824l.019-.065c.511-1.802.569-4.276-.166-5.752-.275-.563-1.049-1.336-1.534-1.7C9.77.898 7.655.802 6.28 1.307l-.105.038c-.346.126-.68.248-.988.429-.145.085-.292.166-.437.246-.756.416-1.466.808-1.692 1.703-.658.294-.856 1.138-.824 2.116.002.078.022.163.042.25.028.124.057.25.035.357a.564.564 0 0 1-.107.18.568.568 0 0 0-.06.088c-.32.748-.064 1.739.3 2.276.218.32.589.607 1.068.683.02.288.09.537.224.831.022.05.061.111.104.178.083.128.18.278.199.416l.328.8c.1.098.234.257.35.393.11.129.203.238.233.259.351.25.773.458 1.195.665l.346.172c.032.237.108.55.236.965l.046.147c.123.406.262.866.73.671l.066-.035 1.209-.714.292-.248.06-.07.083-.096c.143.06.257.004.364-.05.075-.037.148-.073.225-.065a.449.449 0 0 1 .205.088l1.181.171.043.018a.73.73 0 0 1 .16.067l.308-.227c.325-.631.169-2.524-.664-2.124.054-.081.15-.155.251-.232a1.34 1.34 0 0 0 .296-.278l-.003-.007.42-.713Zm-.964 1.23Zm-1.794 1.57c-.028-.116-.047-.197-.034-.35.684-.453.805.78.077.55-.015-.082-.03-.145-.043-.2Zm-2.04-1.052c.408.076.881.262 1.194.434.052.029.098.059.143.088a.932.932 0 0 0 .458.18c-.006.04-.006.077-.006.116-.085.054-.2.08-.314.105-.1.023-.2.045-.28.087.261.012.46.07.639.16-.004.047-.005.097-.007.146-.001.05-.003.1-.006.147-.116.081-.228.177-.343.274-.175.15-.356.304-.565.417-.16.09-.735.313-.907.274-.077-.02-.1-.102-.127-.193a4.933 4.933 0 0 0-.098-.277c-.09-.232-.202-.522-.216-.801l-.003-.05c-.02-.47-.05-1.2.437-1.107Zm-.761.537c-.314-.02-1.31-.377-1.049-.646.172.12.452.14.73.159.136.009.272.018.395.04a.535.535 0 0 1-.033.213c-.021.074-.043.153-.043.234Zm2.173-.524Zm0 0c0 .014-.01.018-.02.022-.008.004-.016.007-.019.016.34.262.588.32 1.042.294.087-.063.17-.13.255-.2.113-.092.228-.186.352-.267-.16.015-.332.056-.51.098-.375.09-.77.184-1.1.037Zm2.678-.116c.185.11.262.716.275 1.01.012.25-.026.492-.122.62-.511-.019-.978-.076-1.38-.191a.955.955 0 0 0 .007-.236c-.004-.078-.008-.15.012-.212.094-.068.234-.08.376-.093l.097-.01a.812.812 0 0 0-.524-.057.52.52 0 0 0-.058-.197c-.01-.025-.022-.05-.032-.077.088-.032.213-.117.354-.213.32-.22.729-.499.995-.344ZM2.766 6.234c-.045-.58-.105-1.348.274-1.77.365-.409.87-.658 1.49-.71.17.433.093.907.016 1.39-.068.423-.138.854-.042 1.27.013.055.031.115.05.177.078.25.162.52-.114.526.006-.767-.946-1.26-1.668-.806l-.006-.077Zm.696-2.594c.37-.812 1.528-1.47 2.429-1.726.051-.013.096.02.134.064-.005.106-.086.132-.167.158-.026.008-.052.017-.076.027-.074.091-.167.159-.264.23-.093.068-.19.14-.28.237a2.132 2.132 0 0 0-.209.315c-.13.221-.274.462-.43.503a.598.598 0 0 1-.228-.002c-.05-.007-.099-.013-.142-.01-.152.01-.28.056-.411.103-.111.04-.224.08-.356.1Zm3.605-1.911c.997-.499 2.582-.102 3.522.428.478.27.842.753 1.18 1.2l.136.18c-.53-.16-.984.11-.9.55.447-.409 1.207 0 1.43.448.191.375.215.912.24 1.47l.01.236c.077 1.553-.287 3.151-1.067 4.276-.05.07-.098.141-.145.213-.155.231-.308.462-.533.618-.71.499-1.783.946-2.703.64-1.168-.394-1.721-1.16-2.358-2.041L5.8 9.84c.02.511.377.927.729 1.316.307.34.678.723 1.08.882-.332-.076-.844-.102-.984.199-.78-.052-1.502-.128-1.873-.659-.287-.415-.581-1.125-.716-1.668-.032-.115-.076-.352-.064-.415.018-.091.09-.162.164-.234.119-.116.24-.233.137-.438-.162 0-.257.078-.353.156-.086.07-.172.14-.306.151-.728.07-1.24-.965-1.208-1.591.026-.53.48-1.042 1.093-.972.435.051.582.524.665.946.25.013.607-.006.729-.204-.01-.229-.064-.434-.116-.635-.058-.219-.115-.432-.108-.663.011-.288.073-.566.134-.84.114-.511.225-1.01 0-1.538.371-.837 1.458-1.502 2.263-1.904Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/jest.svg b/packages/assets/svgs/ext/Extras/jest.svg
new file mode 100644
index 000000000000..fcc495a42f41
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/jest.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#c63d14}</style></defs><path d="M10.28 7.92a1.55 1.55 0 0 0 2.41 1.24 3.24 3.24 0 0 1 .2.75c-1.21 3-5.95 4.1-8.48 4s-2.7-3.72-.83-4.51c-.37 3.26 3 2.05 4 0a1.63 1.63 0 0 0 1.76-1.49c.32 0 .66.02.94.01ZM13 2l-1.53 4.37a.07.07 0 0 1-.06.06h-.16c-.05 0 0 0 0 0L9.82 3.52 8.69 5.68l-.36.72h-.16S8 6.13 8 6L6.67 2Z" class="cls-1"/><path d="M12.74 7.91a.93.93 0 1 1-.93-.91.93.93 0 0 1 .93.91ZM4.72 7.92a.93.93 0 0 1-.91.92.92.92 0 0 1-1-.92.93.93 0 0 1 .96-.92 1 1 0 0 1 .95.92ZM8.74 7.91A.93.93 0 1 1 7.8 7a.94.94 0 0 1 .94.91Z" class="cls-1"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/jinja.svg b/packages/assets/svgs/ext/Extras/jinja.svg
new file mode 100644
index 000000000000..8564b15ad074
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/jinja.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#DC3E3E" fill-rule="evenodd" d="M2 3.5v1c.762.109 1.608.175 2.5.195v1.468A14.839 14.839 0 0 1 3 6v1c.386.097.903.174 1.5.23v3.27h-1V9h-1v4h1v-1.5h1V13l1 .008v-1.5l1.5-.031v1.5L8 13v-1.5l1.5-.023v1.5l1 .023v-1.5h1V13h1V9h-1v1.5h-1V6.971c.597-.122 1.114-.278 1.5-.471v-1c-.34.114-.862.227-1.5.33V4.045c1.103-.264 2.13-.61 3-1.046V2C10 3.5 5 4 2 3.5Zm7.5 6.977V7.172c-1.13.118-2.87.185-4 .154v3.182l1.5-.031v-1.5L8 9v1.5l1.5-.023Zm0-6.153c-1.15.191-2.843.333-4 .371v1.52c1.186 0 2.914-.103 4-.215V4.324Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/jsmap.svg b/packages/assets/svgs/ext/Extras/jsmap.svg
new file mode 100644
index 000000000000..b7586354a7d0
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/jsmap.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#F15A24" d="M12.001 2a2.512 2.512 0 0 0-1 .202 2.474 2.474 0 0 0-.832.58A2.361 2.361 0 0 0 9.5 4.448a.345.345 0 0 0 0 .135c.08.476.248.933.495 1.35A22.625 22.625 0 0 0 12 9s2.492-3.194 2.492-4.553c0-.649-.262-1.271-.73-1.73A2.515 2.515 0 0 0 12.001 2Zm0 3.671a1.263 1.263 0 0 1-.694-.202 1.23 1.23 0 0 1-.463-.547 1.203 1.203 0 0 1 .264-1.337 1.267 1.267 0 0 1 1.359-.27c.228.093.423.25.56.452a1.208 1.208 0 0 1 .12 1.148 1.212 1.212 0 0 1-.67.663c-.151.061-.313.093-.476.093Z"/><path fill="#FBB03B" d="M9.751 7.779a.472.472 0 0 0 .13.315l.146.117c-.092-.144-.184-.28-.276-.432Zm-3.797 2.853a.554.554 0 0 0 .46-.198.886.886 0 0 0 .156-.567v-3.6h1.058v3.6c.002.31-.068.618-.203.9-.128.253-.334.46-.588.594-.285.141-.6.212-.92.207a1.983 1.983 0 0 1-.919-.19 1.497 1.497 0 0 1-.607-.53l.828-.558a.915.915 0 0 0 .708.342m3.025-7.605-6.031.027a.93.93 0 0 0-.65.264.89.89 0 0 0-.27.636v8.1a.883.883 0 0 0 .253.665.92.92 0 0 0 .667.28h10.113a.936.936 0 0 0 .697-.263.9.9 0 0 0 .268-.682v-4.14a17.109 17.109 0 0 1-1.36 1.89l-.065.09v.08c.013.317-.07.63-.24.9-.172.25-.42.442-.707.55a2.921 2.921 0 0 1-1.113.189 3.51 3.51 0 0 1-.753-.081 2.994 2.994 0 0 1-.7-.216 2.49 2.49 0 0 1-.578-.36l.469-.82c.217.17.463.3.726.388.27.09.552.135.836.135.268.014.535-.042.773-.162.099-.057.179-.142.23-.243l-.332-.45-.294-.378-.275-.054h-.12a5.13 5.13 0 0 1-.92-.207 1.321 1.321 0 0 1-.588-.441 1.4 1.4 0 0 1-.248-.9 1.567 1.567 0 0 1 .23-.9 1.4 1.4 0 0 1 .175-.216s0-.09-.074-.126a5.19 5.19 0 0 1-.552-1.593 1.34 1.34 0 0 1 0-.297c.001-.594.16-1.177.46-1.692"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/json.svg b/packages/assets/svgs/ext/Extras/json.svg
new file mode 100644
index 000000000000..cc4002902994
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/json.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#cc7f00}</style></defs><path d="M3 6v.5a1 1 0 0 1-1 1h-.5V9H2a1 1 0 0 1 1 1v.5a2.94 2.94 0 0 0 3 3h1V12H6a1.47 1.47 0 0 1-1.5-1.5V6A1.47 1.47 0 0 1 6 4.5h1V3H6a2.94 2.94 0 0 0-3 3ZM14 7.5a1 1 0 0 1-1-1V6a2.94 2.94 0 0 0-3-3H9v1.5h1A1.47 1.47 0 0 1 11.5 6v4.5A1.47 1.47 0 0 1 10 12H9v1.5h1a2.94 2.94 0 0 0 3-3V10a1 1 0 0 1 1-1h.5V7.5Z" class="cls-1"/><circle cx="8" cy="8.25" r="1" class="cls-1"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/jsp.svg b/packages/assets/svgs/ext/Extras/jsp.svg
new file mode 100644
index 000000000000..a5cb71f3a8bb
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/jsp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#2CB6D4" d="M5 6.5v-1a.47.47 0 0 1-.5-.5c0-.28.11-.4.35-.65A1.74 1.74 0 0 0 5.5 3h-1c0 .28-.11.4-.35.65A1.74 1.74 0 0 0 3.5 5 1.46 1.46 0 0 0 5 6.5ZM10 6.5v-1a.47.47 0 0 1-.5-.5c0-.28.11-.4.35-.65A1.74 1.74 0 0 0 10.5 3h-1c0 .28-.11.4-.35.65A1.74 1.74 0 0 0 8.5 5 1.46 1.46 0 0 0 10 6.5ZM6 5a1.46 1.46 0 0 0 1.5 1.5v-1A.47.47 0 0 1 7 5c0-.28.11-.4.35-.65A1.74 1.74 0 0 0 8 3a1.46 1.46 0 0 0-1.5-1.5v1A.47.47 0 0 1 7 3c0 .28-.11.4-.35.65A1.74 1.74 0 0 0 6 5Z"/><path fill="#2CB6D4" fill-rule="evenodd" d="M2.5 7h9.38v.02a2.24 2.24 0 0 1 0 4.48h-.85a4.5 4.5 0 0 1-8.53-2V7Zm8.88 3.49h.5v.01a1.25 1.25 0 0 0 0-2.5h-.5v2.49ZM4 9.556v.888L6 12v-1.2L5 10l1-.8V8L4 9.556ZM8 8v1.2l1 .8-1 .8V12l2-1.556v-.888L8 8Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/julia.svg b/packages/assets/svgs/ext/Extras/julia.svg
new file mode 100644
index 000000000000..e20a180c7210
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/julia.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#BE7BDD" d="M9 11a3 3 0 1 0 6 0 3 3 0 0 0-6 0Z"/><path fill="#DF665F" d="M1 11a3 3 0 1 0 6 0 3 3 0 0 0-6 0Z"/><path fill="#66C155" d="M5 4a3 3 0 1 0 6 0 3 3 0 0 0-6 0Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/karma.svg b/packages/assets/svgs/ext/Extras/karma.svg
new file mode 100644
index 000000000000..ca58b0cb1dfd
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/karma.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#30D3BE" fill-rule="evenodd" d="M6 3h3v2.333L11 3h3.5l-3.697 4.55L14.5 13H11L9 9.857V13H7.75L6 6.235V3Zm-.895 4.458L6.5 13 4 10.5l-1.421 1.333L1 6l2.526 2.917 1.58-1.459Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/key.svg b/packages/assets/svgs/ext/Extras/key.svg
new file mode 100644
index 000000000000..e531216c5e7b
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/key.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#E4D26F" fill-rule="evenodd" d="M14 6a4 4 0 0 1-6 3.465V11H6v1H5v2H2v-2l4.165-4.86A4 4 0 1 1 14 6Zm-2-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/knex.svg b/packages/assets/svgs/ext/Extras/knex.svg
new file mode 100644
index 000000000000..42ee399ccbb4
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/knex.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#F57637" d="M14.922 8.767 13.2 7.935l1.632-.764c.127-.06.201-.216.114-.362l-.17-.196c-.11-.12-.228-.207-.373-.15l-1.213.457a.133.133 0 0 1-.082.003l-.47-.133a.103.103 0 0 0-.098.025l-.502.476a4.08 4.08 0 0 0-.752-1.743l.734-.005c.032 0 .06-.018.076-.046l.26-.471a.125.125 0 0 1 .06-.055l1.202-.512c.074-.032.12-.185.105-.284l-.04-.359c-.031-.103-.176-.194-.245-.168l-1.807.63.614-1.695c.048-.131-.01-.294-.175-.336l-.26-.019c-.161-.007-.307.015-.37.158l-.533 1.18a.133.133 0 0 1-.056.062l-.426.238a.103.103 0 0 0-.053.086l-.018.693a4.074 4.074 0 0 0-1.764-.701l.515-.524a.087.087 0 0 0 .022-.085l-.15-.517a.126.126 0 0 1 .005-.082l.487-1.212c.03-.074-.046-.215-.127-.275l-.281-.226c-.096-.05-.262-.012-.293.055L7.935 2.8 7.17 1.17c-.06-.127-.216-.201-.362-.114l-.196.17c-.12.11-.207.228-.15.373L6.92 2.81c.01.026.011.055.003.082l-.133.47c-.01.035 0 .072.025.098l.476.503a4.079 4.079 0 0 0-1.743.751l-.005-.734a.088.088 0 0 0-.046-.076l-.471-.26a.125.125 0 0 1-.055-.06L4.46 2.382c-.032-.074-.185-.12-.284-.105l-.359.04c-.103.031-.194.176-.168.245l.63 1.807-1.694-.614c-.132-.048-.295.01-.337.175l-.019.26c-.007.161.015.307.158.369l1.18.534a.132.132 0 0 1 .062.056l.238.426c.017.032.05.052.086.053l.693.018a4.074 4.074 0 0 0-.701 1.764l-.524-.515a.088.088 0 0 0-.085-.022l-.517.15a.125.125 0 0 1-.082-.005l-1.212-.487c-.074-.03-.215.047-.275.127l-.226.281c-.05.096-.012.262.055.293l1.723.832-1.632.764c-.127.06-.201.216-.114.362l.17.196c.11.12.228.207.373.15L2.81 9.08a.133.133 0 0 1 .082-.003l.47.133c.035.01.072 0 .098-.025l.503-.476c.112.645.374 1.239.751 1.743l-.734.005a.088.088 0 0 0-.076.046l-.26.471a.126.126 0 0 1-.06.055l-1.202.512c-.074.032-.12.185-.105.284l.04.359c.031.103.176.194.245.168l1.807-.63-.614 1.694c-.048.132.01.295.175.337l.26.019c.161.007.307-.015.369-.158l.534-1.18a.133.133 0 0 1 .056-.062l.426-.238a.103.103 0 0 0 .053-.086l.018-.693a4.074 4.074 0 0 0 1.764.701l-.515.524a.088.088 0 0 0-.022.085l.15.517a.126.126 0 0 1-.005.082l-.487 1.212c-.03.074.046.215.127.275l.281.226c.096.05.262.012.293-.055l.832-1.723.764 1.632c.06.127.216.201.362.114l.196-.17c.12-.11.207-.228.15-.373L9.08 13.19a.132.132 0 0 1-.003-.082l.133-.47a.102.102 0 0 0-.025-.098l-.476-.503a4.077 4.077 0 0 0 1.743-.751l.005.734c0 .032.018.06.046.076l.471.26a.125.125 0 0 1 .055.06l.512 1.202c.032.074.185.12.284.105l.359-.04c.103-.031.194-.176.168-.245l-.63-1.807 1.694.614c.132.048.295-.01.337-.175l.019-.26c.007-.161-.015-.307-.158-.369l-1.18-.534a.133.133 0 0 1-.062-.056l-.238-.426a.103.103 0 0 0-.086-.053l-.693-.018a4.073 4.073 0 0 0 .701-1.764l.524.515c.022.023.055.03.085.022l.517-.15a.125.125 0 0 1 .082.005l1.212.487c.074.03.215-.047.275-.127l.226-.281c.05-.096.012-.262-.055-.293ZM10.94 7.543h-.872a2.106 2.106 0 0 0-.353-.785l.611-.61c.316.395.533.872.614 1.395Zm-1.8-1.328a2.103 2.103 0 0 0-.805-.306v-.863a2.956 2.956 0 0 1 1.42.553l-.616.616ZM9.031 8a1.032 1.032 0 1 1-2.064 0 1.032 1.032 0 0 1 2.064 0Zm-1.49-2.939v.872a2.107 2.107 0 0 0-.784.353l-.61-.611a2.96 2.96 0 0 1 1.395-.614Zm-1.327 1.8c-.153.24-.26.513-.306.805h-.863a2.957 2.957 0 0 1 .553-1.42l.616.616ZM5.061 8.458h.872c.063.288.185.554.353.785l-.611.61a2.96 2.96 0 0 1-.614-1.395Zm1.8 1.328c.24.153.513.26.805.306v.863a2.955 2.955 0 0 1-1.42-.553l.616-.616Zm1.596 1.154v-.872c.288-.063.554-.185.785-.353l.61.611a2.958 2.958 0 0 1-1.395.614Zm1.328-1.8c.153-.24.26-.513.306-.805h.864a2.958 2.958 0 0 1-.554 1.42l-.616-.616Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/kotlins.svg b/packages/assets/svgs/ext/Extras/kotlins.svg
new file mode 100644
index 000000000000..b2f1052b9e43
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/kotlins.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="url(#a)" fill-rule="evenodd" d="M2 3v10a.997.997 0 0 0 1 1h9.793a.5.5 0 0 0 .353-.854L8 8l5.146-5.146A.5.5 0 0 0 12.793 2H3a1 1 0 0 0-1 1Z" clip-rule="evenodd"/><defs><linearGradient id="a" x1="2.5" x2="12" y1="2.5" y2="14.5" gradientUnits="userSpaceOnUse"><stop stop-color="#95A6FF"/><stop offset="1" stop-color="#6938D0"/></linearGradient></defs></svg>
diff --git a/packages/assets/svgs/ext/Extras/krita.svg b/packages/assets/svgs/ext/Extras/krita.svg
new file mode 100644
index 000000000000..74807efcf60c
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/krita.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="url(#a)" fill-rule="evenodd" d="M3.71 3.805A6 6 0 1 0 5.93 2.367l.023.021c1.285 1.198 2.513 2.342 4.19 4.62.438-.046.897.109 1.233.503.874 1.026 1.093 3.848-1.094 4.489.547-.641 0-1.924-.546-2.565-.293-.344-1.03-1.21-.607-1.845C7.65 6.78 5.186 5.068 3.71 3.805Zm5.211 5.704A3.997 3.997 0 0 1 3.62 8.14a4.418 4.418 0 0 0 5.664 4.182c.143-.335.216-.759.216-1.322 0-.377-.262-.882-.544-1.424l-.035-.067Z" clip-rule="evenodd"/><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(0 8.5 -8.5 0 8 5.5)" gradientUnits="userSpaceOnUse"><stop offset=".326" stop-color="#69DEAD"/><stop offset=".696" stop-color="#69B4F9"/><stop offset="1" stop-color="#2E99E7"/></radialGradient></defs></svg>
diff --git a/packages/assets/svgs/ext/Extras/latex.svg b/packages/assets/svgs/ext/Extras/latex.svg
new file mode 100644
index 000000000000..dfe9dfd7e7f7
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/latex.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#0B9E9E" fill-rule="evenodd" d="M3.054 2.803c.52-.347 1.874.419 3.086 1.46-.48-1.993.054-2.441 2.095 1.13.417.73.865 1.38 1.24 1.893.051-.047.102-.105.157-.168.048-.054.1-.113.157-.17a5.67 5.67 0 0 0 .374-.434c.418-.516.907-1.121 1.699-1.121.884 0 1.296.524 1.461 1.013l1.58.395c.152.038.152.255 0 .294-.721.187-1.3.359-1.834.561-.062.027-.126.052-.19.077l-.124.048a9.89 9.89 0 0 0-.17.073c-.386.18-.723.453-.723 1.166 0 3.178-1.652 3.593-4.957 4.422a61.9 61.9 0 0 0-2.814.758c-.346-.345.24-.611.662-.803.211-.096.382-.174.374-.233-.02-.144-.344-.198-.638-.247-.334-.056-.63-.105-.398-.271 1.18 0 3.108-1.036 3.108-2.59-.518.518-2.674 1.554-3.71 1.554-.04-.02.062-.137.195-.289.216-.246.513-.584.407-.747-.05-.076-.508-.036-.981.005-.51.044-1.037.09-1.092-.005-.05-.089.374-.312.793-.532.406-.213.805-.423.761-.504-.051-.097-.493-.162-.956-.231C2.103 9.23 1.563 9.15 1.5 9.02c-.054-.114.336-.297.74-.486.43-.201.876-.41.814-.55-.078-.178-.456-.224-.82-.269-.358-.043-.702-.085-.734-.25-.08-.417.63-.435 1.116-.448.254-.006.447-.011.438-.07-.024-.169-.398-.467-.773-.767-.387-.308-.774-.618-.78-.787-.012-.294.452-.196.917-.098.232.05.464.098.636.098.035-.195-.267-.5-.558-.796-.309-.313-.606-.614-.478-.758.202-.226 1.554.518 1.554.518.073-.078-.092-.413-.26-.754-.178-.363-.36-.732-.258-.8Zm8.808 4.144a.518.518 0 1 0 0-1.036.518.518 0 0 0 0 1.036Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/launch.svg b/packages/assets/svgs/ext/Extras/launch.svg
new file mode 100644
index 000000000000..0caa47d27bb3
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/launch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#3EAAF3" d="M12.5 7.134a1 1 0 0 1 0 1.732L5 13.196a1 1 0 0 1-1.5-.866V3.67A1 1 0 0 1 5 2.804l7.5 4.33Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/less.svg b/packages/assets/svgs/ext/Extras/less.svg
new file mode 100644
index 000000000000..00e02edeb874
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/less.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#39c}</style></defs><path d="M14.49 7A1.49 1.49 0 0 1 13 5.5v-1c0-2-2.5-2-2.5-2V4a1 1 0 0 1 1 1v1A2.22 2.22 0 0 0 13 8a2.22 2.22 0 0 0-1.52 2v1a1 1 0 0 1-1 1v1.5c2.5 0 2.5-2 2.5-2V10c0-1 1.52-1 1.52-1ZM8.49 9.5v-7h-3C3 2.51 3 4.5 3 4.5V6c0 1-1.5 1-1.5 1v2A1.49 1.49 0 0 1 3 10.5v1c0 2 2.5 2 2.5 2V12a1 1 0 0 1-1-1v-1A2.22 2.22 0 0 0 3 8a2.22 2.22 0 0 0 1.52-2V5a1 1 0 0 1 1-1H7v5.5c0 2 2.5 2 2.5 2V10c-1.01 0-1.01-.5-1.01-.5Z" class="cls-1"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/license.svg b/packages/assets/svgs/ext/Extras/license.svg
new file mode 100644
index 000000000000..59e471baacc6
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/license.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#797cff}</style></defs><path d="m13.38 7.21-1-1.4.62-1.63-1.58-.66-.43-1.66-1.68.3L8 1 6.74 2.16l-1.68-.3-.43 1.66-1.58.66.53 1.63-1 1.4 1.36 1.08V10l1.42.16V15L8 12.85 10.69 15v-4.84l1.42-.16V8.29ZM11 9l-1.24.14-.64 1.07L8 9.7l-1.12.55-.64-1.07L5 9V7.79L4.07 7l.7-1-.39-1.21 1.16-.49.31-1.2 1.23.21.92-.85.92.85 1.23-.21.31 1.2 1.16.49L11.23 6l.7 1-1 .78Z" class="cls-1"/><path d="M7.43 7.02 6.29 5.87l-.76.76 1.9 1.91 3.04-3.05-.76-.76-2.28 2.29z" class="cls-1"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/light_editorconfig.svg b/packages/assets/svgs/ext/Extras/light_editorconfig.svg
new file mode 100644
index 000000000000..158018814ff2
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/light_editorconfig.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><g style="opacity:.45"><path d="M9.12 7.64C7.74 6.93 5.06 8 6.86 9.35 9 11 12.41 8.82 9.12 7.64Zm.5 1.2c-.38.57-2.34.23-2.5-.5.34-.5 2.37-.04 2.5.5Z"/><path d="M14.78 5.66c-.94-1.4-2.25-1.06-3.57 0a3.21 3.21 0 0 0-2.13-1.85c1.67-3.73-3.67-3.44-4 .35A4.35 4.35 0 0 0 4 5.5c-2.18-.06-2.43 1.4-1.16 2.3-3.66 8.68 6.34 6.69 8.8 1.71 2.08-.32 4.55-1.41 3.14-3.85Zm-7-3.78c1.12.14 1.1.44.51 1.77a7.57 7.57 0 0 0-2.29.2c.26-.94.81-1.97 1.82-1.97Zm-5 4.67C3 6 5.55 6.41 5.6 7.41c-.06.59-3.09-.13-2.78-.86Zm5.71 5.2c-4.25 2.62-7 1.55-5-3.64C6.22 9.22 7.63 6.75 4.7 5.67c4.3-4.5 9.78 3.04 3.83 6.08Zm5.82-4.37a3.51 3.51 0 0 1-2.46 1.33 4 4 0 0 0-.09-1.58.44.44 0 0 0 0-.1c-.07-.23-.15-.44-.24-.66 1.39-1.56 3.29-.72 2.83 1.01Z"/></g></svg>
diff --git a/packages/assets/svgs/ext/Extras/liquid.svg b/packages/assets/svgs/ext/Extras/liquid.svg
new file mode 100644
index 000000000000..c8c770f468e6
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/liquid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#45C2DE" fill-rule="evenodd" d="M12 2c-4 0-8.9 4.5-8.5 8.5.45 4.5 6.5 4 8 2 .848-1.131 1-3-.5-5-2.58-3.44.5-5.5 1-5.5ZM5 9c-.5 1-.413 2.862 1.5 3.5 3 1-.5-5-1.5-3.5Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/llvm.svg b/packages/assets/svgs/ext/Extras/llvm.svg
new file mode 100644
index 000000000000..ce5623f54f32
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/llvm.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#CF3954" d="M8 1a7 7 0 1 0 3.677 12.957c-.069-.04-.072-.066.143-.114l.056-.013c.198-.132.388-.273.57-.424a1.064 1.064 0 0 0-.175-.103c-.104-.054-.156-.081.096-.138.103-.025.208-.04.314-.045.076-.129.15-.258.22-.389a1.075 1.075 0 0 0-.082-.049l-.049-.026c-.104-.054-.156-.08.099-.137.054-.013.109-.023.164-.03a9.64 9.64 0 0 0 .208-.43l-.09-.04a1.976 1.976 0 0 0-.052-.02c-.111-.042-.166-.062.076-.146.058-.02.118-.039.179-.054a6.64 6.64 0 0 0 .136-.35l.012-.037-.049-.01c-.117-.026-.175-.038.049-.157l.055-.027c.044-.164.081-.33.114-.495-.087-.004-.114-.022.026-.14.335-1.952-.125-3.89-1.182-5.182-.76-.882-1.85-1.468-3.27-1.533-.74-.034-1.336.062-1.803.247l-.016.01.01-.008c-.979.393-1.373 1.193-1.287 2.05a6.24 6.24 0 0 1 1.9 1.28c1.275 1.269 1.073 1.812.966 1.957l-.008.018v-.007a.297.297 0 0 1-.033.036l.006.056v.018c.023.246.123.481.29.679.07.075.145.145.226.21.078.06.152.114.218.161.086.062.16.114.208.16.047.042.078.082.078.115 0 .129-.853.818-1.172.796a.674.674 0 0 1-.173-.04c-.072.02-.146.034-.222.04.036-.029.07-.06.103-.09-.05-.025-.099-.053-.146-.082-.131.065-.378.167-.625.158.158-.081.298-.187.413-.312a3.815 3.815 0 0 1-.69-.75c-.292-.408-.488-.452-.488-.452s-.44.064-.267.86c.09.425.25.733.366.955.1.195.166.322.121.403-.098.172-.586.28-.952.214-.366-.064-.806-.149-.586-.58.181-.355.181-1.042-.055-1.383a.718.718 0 0 0-.194-.17c-.185-.088-1.054-.534-1.205-.723-.19-.234-.174-1.248.021-1.484a4.857 4.857 0 0 1-.22-1.098A5.481 5.481 0 0 1 4 6.513v-.012c-.012-1.189.494-2.154 1.324-2.853.035-.234.09-.439.144-.582.146-.395.144-.291.14-.101a3.822 3.822 0 0 0 .015.455c.07-.051.141-.098.215-.143.063-.257.164-.504.3-.737.158-.251.155-.213.145-.075-.004.054-.01.124-.007.198a.453.453 0 0 0 .118.314c.061-.029.125-.056.19-.083.05-.223.14-.437.268-.634.128-.191.137-.121.159.046a6.9 6.9 0 0 0 .006.047.484.484 0 0 0 .176.323l.198-.054c.037-.133.25-.38.452-.543.07-.057.098-.083.105-.078.01.007-.017.072-.029.196-.008.077.035.162.07.232l.029.058.097-.014-.093.003s.062-.012.165-.027c.073-.117.172-.22.292-.303.198-.15.193-.1.183.006a1.147 1.147 0 0 0 .002.248c.092-.005.19-.01.3-.013.037-.034.076-.066.117-.098.228-.172.222-.12.179.059-.004.012-.004.025-.004.04l.257.003c1.477.043 3.148.671 4.422 1.896A6.995 6.995 0 0 0 8 1Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/log.svg b/packages/assets/svgs/ext/Extras/log.svg
new file mode 100644
index 000000000000..f9a032613ec2
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/log.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M12.7 5.21C12 4.53 10.47 3 9.79 2.29a1 1 0 0 0-.7-.29H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V5.91a1 1 0 0 0-.3-.7ZM7.75 12a.75.75 0 1 1 .75-.75.76.76 0 0 1-.75.75Zm.75-3.5a.75.75 0 0 1-1.5 0V5.25a.75.75 0 0 1 1.5 0Z" style="fill:#af3828"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/lua.svg b/packages/assets/svgs/ext/Extras/lua.svg
new file mode 100644
index 000000000000..06bf4417039c
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/lua.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#5067ef}</style></defs><path d="M7 4.07a5 5 0 1 0 5 5 5 5 0 0 0-5-5ZM8.62 9a1.66 1.66 0 0 1 0-3.31 1.66 1.66 0 1 1 0 3.31ZM12.34 2A1.66 1.66 0 1 0 14 3.66 1.65 1.65 0 0 0 12.34 2Z" class="cls-1"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/m.svg b/packages/assets/svgs/ext/Extras/m.svg
new file mode 100644
index 000000000000..8305b815a439
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/m.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#6A83FF" fill-rule="evenodd" d="M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2Zm0 10.5A4.5 4.5 0 1 1 12.5 8 4.49 4.49 0 0 1 8 12.5Zm.06-2.75a1.75 1.75 0 1 1 .67-3.368c.21.09.402.221.56.388l1.25-1.25a3.5 3.5 0 1 0 0 5L9.29 9.23a1.67 1.67 0 0 1-1.23.52ZM11.5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/makefile.svg b/packages/assets/svgs/ext/Extras/makefile.svg
new file mode 100644
index 000000000000..780cea118c5d
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/makefile.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#909090" fill-rule="evenodd" d="M2 3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6h-2V4h-2L8 6.5 6 4H4v8h2V7l2 2.5L10 7v2.275c-.534.317-1 .952-1 2.125V14H3a1 1 0 0 1-1-1V3Zm9.52 6.91a2.055 2.055 0 0 1 .708 0l.234.678.63-.32c.102.069.196.147.28.235.088.085.167.178.235.28l-.316.634.677.212c.043.242.043.489 0 .73l-.677.234.32.63c-.14.2-.315.375-.514.515l-.635-.316-.212.677a2.105 2.105 0 0 1-.73 0l-.234-.677-.634.32c-.2-.14-.374-.315-.514-.515l.319-.634-.677-.234a2.105 2.105 0 0 1 0-.708l.677-.234-.32-.634c.069-.102.147-.195.235-.28.085-.088.178-.166.28-.234l.634.319.234-.677Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/manifest.svg b/packages/assets/svgs/ext/Extras/manifest.svg
new file mode 100644
index 000000000000..8ac8b29621d7
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/manifest.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#BA3E72" fill-rule="evenodd" d="M12.5 4.5H14c0-1.846-.852-2-2.5-2H6c-1.099 0-2 .901-2 2V11H2c0 .923 0 2.5 1.5 2.54H11A1.571 1.571 0 0 0 12.5 12V4.5Zm-7 .5v6H9c0 .923 1.077 1 2 1V4H6.5c-1 0-1 .538-1 1Z" clip-rule="evenodd"/><path fill="#BA3E72" d="M7.5 5c-.69 0-1 0-1 .8V8l3-3h-2Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/markdown.svg b/packages/assets/svgs/ext/Extras/markdown.svg
new file mode 100644
index 000000000000..b1038b6ec494
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/markdown.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#1CAED8" fill-rule="evenodd" d="M2 3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H2Zm1 2v6h1.305V7.546l.839 2.271h.677l.874-2.306V11H8V5H6.583L5.525 7.717 4.488 5H3Zm6 3 2.5 3L14 8h-2V5h-1v3H9Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/markdownx.svg b/packages/assets/svgs/ext/Extras/markdownx.svg
new file mode 100644
index 000000000000..52ecb4d7f386
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/markdownx.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#DFB13B" fill-rule="evenodd" d="M2 3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H2Zm1 8V5h1.488l1.037 2.717L6.583 5H8v6H6.695V7.511l-.874 2.306h-.677l-.84-2.271V11H3Zm5.833 0h1.39l.694-1.5.694 1.5H13l-1.389-3L13 5h-1.389l-.694 1.5-.695-1.5H8.833l1.39 3-1.39 3Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/maven.svg b/packages/assets/svgs/ext/Extras/maven.svg
new file mode 100644
index 000000000000..58baed7e56bc
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/maven.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="url(#a)" fill-rule="evenodd" d="M12.034 1c-.09.718-.571 1.086-1.333 1.668C9.063 3.919 6.129 6.162 3 15c.268-.14.49-.223.682-.27.382-1.04 1.097-2.295 2.35-3.25.515-.394 2.07-.518 3.16-.115.282-.306.551-.621.807-.943-.68-.334-1.417-.501-2.679-.5 0-.437 1.711-.544 3.316-.354.31-.444.595-.895.85-1.348-.891-.14-1.968-.146-2.99-.133-.452-.46 1.687-.914 3.502-.853.23-.487.424-.97.578-1.44a5.783 5.783 0 0 0-3.263.122c.844-.578 2.016-1.062 3.476-.863.101-.416.169-.817.199-1.197-.79.014-1.634.15-2.582.391A7.313 7.313 0 0 1 13 3.146c-.048-.915-.355-1.666-.966-2.146ZM7.503 8.101l.485-.007.497-.007-.98.011-.002.003Z" clip-rule="evenodd"/><path fill="url(#b)" d="M8.588 3.612c-.5.314-2.091 2.015-4.458 6.31-.839-2.308.604-4.265 4.458-6.31Z"/><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(-8.658 9.297 -6.7482 -6.2844 12.47 2.866)" gradientUnits="userSpaceOnUse"><stop stop-color="#F7A668"/><stop offset="1" stop-color="#8F2C99"/></radialGradient><radialGradient id="b" cx="0" cy="0" r="1" gradientTransform="matrix(-8.658 9.297 -6.7482 -6.2844 12.47 2.866)" gradientUnits="userSpaceOnUse"><stop stop-color="#F7A668"/><stop offset="1" stop-color="#8F2C99"/></radialGradient></defs></svg>
diff --git a/packages/assets/svgs/ext/Extras/mesh.svg b/packages/assets/svgs/ext/Extras/mesh.svg
new file mode 100644
index 000000000000..49a6569dbeec
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/mesh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#60BCD9" fill-rule="evenodd" d="M13 3H3v10h10V3ZM3 2c-.552 0-1 .537-1 1.2v9.6c0 .663.448 1.2 1 1.2h10c.552 0 1-.537 1-1.2V3.2c0-.663-.448-1.2-1-1.2H3Z" clip-rule="evenodd"/><path fill="#60BCD9" fill-rule="evenodd" d="M9 3c-.791 0-1.395.526-1.51 1.098l-.002.012-.003.011c-.103.411-.373.987-.875 1.41-.525.445-1.273.694-2.231.454-.652-.163-.948.018-1.103.195C3.082 6.4 3 6.74 3 7H2c0-.407.118-1.017.524-1.48.445-.506 1.15-.742 2.097-.505.642.16 1.06-.008 1.344-.247.303-.256.481-.624.547-.88C6.737 2.8 7.796 2 9 2v1Z" clip-rule="evenodd"/><path fill="#60BCD9" fill-rule="evenodd" d="M12.1 3.427c-.046.088-.1.252-.1.573 0 .443-.19.776-.486 1.003-.263.202-.593.308-.867.383-.124.034-.236.062-.34.088-.162.04-.308.076-.464.126-.243.079-.397.16-.49.254-.1.1-.167.212-.287.413-.044.075-.096.162-.16.266a6.949 6.949 0 0 1-1.052 1.32c-.233.233-.47.403-.732.517a2.27 2.27 0 0 1-.79.176 7.815 7.815 0 0 1-.865-.016c-.285-.014-.599-.03-.967-.03-.637 0-.987.254-1.194.542A1.736 1.736 0 0 0 3 10H2c0-.413.12-1.022.494-1.542C2.887 7.912 3.537 7.5 4.5 7.5c.394 0 .73.017 1.014.031l.044.003c.3.015.523.025.717.013.186-.01.324-.04.449-.094.124-.054.26-.143.422-.307.467-.466.723-.837.909-1.139l.105-.175c.138-.233.29-.488.486-.686.261-.26.597-.403.89-.497.182-.06.397-.113.586-.16l.261-.067c.263-.072.426-.138.521-.212.063-.048.096-.094.096-.21 0-.43.071-.765.213-1.036.144-.276.337-.44.487-.551l.117-.087c.077-.056.107-.078.136-.115.013-.016.047-.058.047-.211h1c0 .344-.09.616-.266.836-.123.153-.29.274-.388.343l-.046.034a.616.616 0 0 0-.2.214Z" clip-rule="evenodd"/><path fill="#60BCD9" fill-rule="evenodd" d="M12.57 6.715c-.03.041-.07.122-.07.285 0 .577-.145 1.102-.521 1.479-.377.376-.902.521-1.479.521-.407 0-.666.098-.875.265-.227.182-.438.479-.678.959-.156.311-.364.57-.642.76a2.035 2.035 0 0 1-.937.325c-.662.074-1.49-.074-2.49-.324-.641-.16-1.06.008-1.343.247-.307.26-.486.634-.55.89l-.97-.243c.103-.411.373-.987.875-1.41.525-.445 1.273-.694 2.231-.454 1.002.25 1.673.352 2.136.3.22-.024.372-.081.485-.158a.952.952 0 0 0 .31-.38c.261-.52.55-.974.948-1.292.416-.333.907-.485 1.5-.485.423 0 .648-.105.771-.229.124-.123.229-.348.229-.771 0-.337.086-.631.259-.87.17-.237.398-.381.618-.47.403-.16.86-.16 1.1-.16h.023v1c-.267 0-.543.006-.752.09a.386.386 0 0 0-.179.125ZM11.746 10.61c-.382.096-.624.265-.799.614a.593.593 0 0 0-.032.098l-.026.103-.03.123c-.046.178-.12.421-.282.655-.355.51-.996.797-2.077.797-1.396 0-1.493.511-1.5.51v-.01H6c0-.762.806-1.5 2.5-1.5.919 0 1.166-.239 1.256-.368.059-.085.097-.189.134-.334l.021-.083a8.84 8.84 0 0 1 .038-.152 1.52 1.52 0 0 1 .104-.287c.325-.65.833-.982 1.45-1.136.561-.14 1.238-.14 1.949-.14h.048v1c-.772 0-1.327.003-1.754.11Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/mgcb.svg b/packages/assets/svgs/ext/Extras/mgcb.svg
new file mode 100644
index 000000000000..dcc756ffd95f
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/mgcb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#DA4709" d="M14 7V5.542A3.546 3.546 0 0 0 10.458 2c-.953 0-1.82.38-2.458.994A3.533 3.533 0 0 0 5.542 2 3.546 3.546 0 0 0 2 5.542v4.916A3.546 3.546 0 0 0 5.542 14h4.916A3.546 3.546 0 0 0 14 10.458V8H7v2h5c0 1-.361 2-1.5 2H5.542C4.784 12 4 11.216 4 10.458V5.542C4 4.5 4.5 4 5.5 4S7 4.5 7 5.542V7h2V5.542C9 4.5 9.448 4 10.458 4 11.5 4 12 4.5 12 5.542V7h2Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/mint.svg b/packages/assets/svgs/ext/Extras/mint.svg
new file mode 100644
index 000000000000..f257ff743c0e
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/mint.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-name="Calque 1" viewBox="0 0 16 16"><defs><linearGradient id="a" x1="-3718.69" x2="-3615.38" y1="2394.66" y2="2394.66" gradientTransform="matrix(.08 -.09 .09 .08 101.19 -512.88)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3ac155"/><stop offset="1" stop-color="#0cb3ff"/></linearGradient><linearGradient xlink:href="#a" id="b" x1="-1056.18" x2="-957.75" y1="-3731.97" y2="-3731.97" gradientTransform="matrix(.12 0 0 -.12 129.5 -443.86)"/></defs><path d="M15.32 6.17a8 8 0 0 1-3.32.21 7.09 7.09 0 0 0-1 2.12 11.57 11.57 0 0 0 3.27-1.29A13.28 13.28 0 0 1 10.5 9.5a7.65 7.65 0 0 1-1.88 3.38L8.5 13c1.54-.59 4.23-2.21 6.82-6.83Z" style="fill:url(#a)"/><path d="M3.18 5.53C.44 7.74 1.64 10.83 2.5 10c1.4-1.34 3.56-4.14 7.6-5.31C6.43 5.79 3.68 10 3 11c-.5 1 .27 2.2 1.88 2.45a3.45 3.45 0 0 0 3.17-1c2.11-2 1.28-5.48 5.36-8.47C6.67 2.47 3.69 5.12 3.18 5.53Z" style="fill:url(#b)"/><path d="M2.8 10.43Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/mix.svg b/packages/assets/svgs/ext/Extras/mix.svg
new file mode 100644
index 000000000000..803ce1fd52b9
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/mix.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#C268F5" fill-rule="evenodd" d="m2 8 3-5h6l3 5-3 5H5L2 8Zm3 0 1.5-2.5h3L11 8l-1.5 2.5h-3L5 8Z" clip-rule="evenodd"/><path fill="#D892FF" d="m11 3 3 5h-3L9.5 5.5 11 3Z"/><path fill="#A349D6" d="m14 8-3 5H5L2 8h3l1.5 2.5h3L11 8h3Z"/><path fill="#862EB8" d="M5 13 2 8h3l1.5 2.5L5 13Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/mixlock.svg b/packages/assets/svgs/ext/Extras/mixlock.svg
new file mode 100644
index 000000000000..5bcaee89d015
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/mixlock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#909090" fill-opacity=".5" fill-rule="evenodd" d="m2 8 3-5h6l3 5-3 5H5L2 8Zm3 0 1.5-2.5h3L11 8l-1.5 2.5h-3L5 8Z" clip-rule="evenodd"/><path fill="#909090" d="m14 8-3 5H5L2 8h3l1.5 2.5h3L11 8h3Z"/><path fill="#6D6D6D" d="M5 13 2 8h3l1.5 2.5L5 13Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/mjml.svg b/packages/assets/svgs/ext/Extras/mjml.svg
new file mode 100644
index 000000000000..6971a2a5c3a4
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/mjml.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#F36B4D" d="M14 12.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 1 1 2.5 0ZM2 8.25a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 1 1-2.5 0ZM14 4.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 1 1 2.5 0ZM10 12.25c0 .69-.56 1.25-1.25 1.25h-5.5a1.25 1.25 0 1 1 0-2.5h5.5c.69 0 1.25.56 1.25 1.25ZM6 8.25C6 7.56 6.56 7 7.25 7h5.5a1.25 1.25 0 1 1 0 2.5h-5.5C6.56 9.5 6 8.94 6 8.25ZM10 4.25c0 .69-.56 1.25-1.25 1.25h-5.5a1.25 1.25 0 1 1 0-2.5h5.5C9.44 3 10 3.56 10 4.25Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/motoko.svg b/packages/assets/svgs/ext/Extras/motoko.svg
new file mode 100644
index 000000000000..ed1f142dcb34
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/motoko.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#2CADEF" fill-rule="evenodd" d="M2.095 8.983c.445 2.212 2.39 3.664 4.67 4.017 3.235.5 8.852-1.105 6.414-2.462-.091-.077-.32-.179-.57-.29-.525-.232-1.141-.505-.77-.677 4.257-.985 2.512-1.733 1.22-2.288-.369-.158-.7-.3-.846-.427-.228-.199.2-.214.794-.234.577-.02 1.31-.046 1.753-.25C16.012 5.796 12 2.5 6.766 3.012c-1.54.151-2.841.827-3.694 1.871.436-.139.92-.216 1.428-.216 1.933 0 3.5 1.119 3.5 2.5 0 1.38-1.567 2.5-3.5 2.5-.931 0-1.777-.26-2.405-.684Z" clip-rule="evenodd"/><path fill="url(#a)" fill-rule="evenodd" d="M2.045 8.948C2.278 11.256 3.488 13 7.155 13c2.97 0 5.703-1.718 3.065-3.077-.601-.238-1.618-.89-1.401-1.52.087-.254.418-.649.808-1.112C11.046 5.602 13.233 3 7.156 3c-2.326 0-3.71.794-4.45 2.02A4.585 4.585 0 0 1 4.5 4.666c1.933 0 3.5 1.119 3.5 2.5 0 1.38-1.567 2.5-3.5 2.5-.957 0-1.823-.274-2.455-.719Z" clip-rule="evenodd"/><circle cx="5" cy="7" r="1" fill="#B72DB8"/><ellipse cx="2.5" cy="7" fill="#B72DB8" rx=".5" ry="1"/><defs><linearGradient id="a" x1="6.665" x2="6.665" y1="3" y2="13" gradientUnits="userSpaceOnUse"><stop stop-color="#7126EC"/><stop offset="1" stop-color="#E93894"/></linearGradient></defs></svg>
diff --git a/packages/assets/svgs/ext/Extras/mov.svg b/packages/assets/svgs/ext/Extras/mov.svg
new file mode 100644
index 000000000000..9d1eca673a1a
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/mov.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#4ED1BA" fill-rule="evenodd" d="M12.608 4.157A6.002 6.002 0 0 0 9.538 2.2l.243 4.988 2.827-3.03Zm-7.526-1.4a5.973 5.973 0 0 1 3.473-.732l.18 4.04-3.653-3.309ZM2.258 6.254A6.007 6.007 0 0 1 4.22 3.339l2.966 2.648-4.93.268Zm.414 4.507a5.974 5.974 0 0 1-.626-3.51l3.902-.181-3.276 3.691Zm3.498 2.954a6.012 6.012 0 0 1-2.98-2.129l2.72-2.929.26 5.058Zm4.697-.444a5.973 5.973 0 0 1-3.674.674l-.2-4.088 3.874 3.414Zm2.927-3.707a6.005 6.005 0 0 1-2.076 3.145L8.542 9.897l5.252-.332Zm-.637-4.633a5.973 5.973 0 0 1 .811 3.688l-4.303.193 3.492-3.881Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/mp4.svg b/packages/assets/svgs/ext/Extras/mp4.svg
new file mode 100644
index 000000000000..e1763e7f95b5
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/mp4.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#49BF63" fill-rule="evenodd" d="M12.608 4.157A6.002 6.002 0 0 0 9.538 2.2l.243 4.988 2.827-3.03Zm-7.526-1.4a5.973 5.973 0 0 1 3.473-.732l.18 4.04-3.653-3.309ZM2.258 6.254A6.007 6.007 0 0 1 4.22 3.339l2.966 2.648-4.93.268Zm.414 4.507a5.974 5.974 0 0 1-.626-3.51l3.902-.181-3.276 3.691Zm3.498 2.954a6.012 6.012 0 0 1-2.98-2.129l2.72-2.929.26 5.058Zm4.697-.444a5.973 5.973 0 0 1-3.674.674l-.2-4.088 3.874 3.414Zm2.927-3.707a6.005 6.005 0 0 1-2.076 3.145L8.542 9.897l5.252-.332Zm-.637-4.633a5.973 5.973 0 0 1 .811 3.688l-4.303.193 3.492-3.881Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/mtl.svg b/packages/assets/svgs/ext/Extras/mtl.svg
new file mode 100644
index 000000000000..3545d807f1bc
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/mtl.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#D9295E" fill-rule="evenodd" d="M3.5 11a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2a.5.5 0 0 1 .5-.5ZM3.5 5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2a.5.5 0 0 1 .5-.5ZM12.5 11a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 1 0v2a.5.5 0 0 1-.5.5ZM12.5 5a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 1 0v2a.5.5 0 0 1-.5.5ZM9.5 11a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2a.5.5 0 0 1 .5-.5ZM9.5 5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2a.5.5 0 0 1 .5-.5ZM6.5 11a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 1 0v2a.5.5 0 0 1-.5.5ZM6.5 5a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 1 0v2a.5.5 0 0 1-.5.5ZM5 12.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5ZM5 6.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5ZM11 9.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5ZM11 3.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5ZM11 12.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5ZM11 6.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5ZM5 9.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5ZM5 3.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/mustache.svg b/packages/assets/svgs/ext/Extras/mustache.svg
new file mode 100644
index 000000000000..3c0d0f5b96a2
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/mustache.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#DD497E" fill-rule="evenodd" d="M7.508 7.17c.161.09.357.25.468.399v-.037a1.324 1.324 0 0 1 1.954-.186c.219.198.429.455.646.72.534.652 1.109 1.355 1.965 1.355a.824.824 0 0 0 .463-1.39c.926 0 1.454 1.39.463 2.316-.969.905-2.51.992-3.704.463a4.23 4.23 0 0 1-1.787-1.38v-.01c-.469.61-1.143 1.094-1.852 1.39-1.213.537-2.778.463-3.704-.463-.732-.732-.463-2.315.463-2.315a.824.824 0 0 0 .463 1.389c.859 0 1.43-.696 1.963-1.346.22-.268.433-.528.657-.729a1.324 1.324 0 0 1 1.542-.176Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/neon.svg b/packages/assets/svgs/ext/Extras/neon.svg
new file mode 100644
index 000000000000..07e9ceb2b950
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/neon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#CAA773" fill-rule="evenodd" d="M12 3.5H4a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5V4a.5.5 0 0 0-.5-.5ZM4 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H4Z" clip-rule="evenodd"/><path fill="#CAA773" fill-rule="evenodd" d="M7.028 6.76a1.78 1.78 0 0 0-.278.84v2.9h-1.5V7.6c0-.396.134-1.067.522-1.66C6.186 5.306 6.905 4.75 8 4.75c1.095 0 1.814.557 2.227 1.19.389.593.523 1.264.523 1.66v2.9h-1.5V7.6a1.78 1.78 0 0 0-.278-.84c-.186-.284-.467-.51-.972-.51-.505 0-.786.226-.972.51Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/nestjs.svg b/packages/assets/svgs/ext/Extras/nestjs.svg
new file mode 100644
index 000000000000..0c39f6c2362d
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/nestjs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#E0234E" fill-rule="evenodd" d="M9.066 2a.758.758 0 0 0-.242.044.685.685 0 0 1 .288.404c.003.022.01.037.013.06a.343.343 0 0 1 .006.055c.012.274-.071.308-.13.47a.667.667 0 0 0 .043.613c.01.022.022.046.037.068-.118-.787.536-.905.657-1.15.01-.216-.167-.359-.307-.458A.683.683 0 0 0 9.066 2Zm.985.177c-.012.072-.003.053-.006.09-.003.025-.003.057-.006.081-.006.025-.013.05-.022.075a.668.668 0 0 1-.025.075l-.034.071c-.009.013-.015.025-.025.038l-.018.028c-.016.021-.031.043-.047.062-.018.019-.034.04-.055.056v.003c-.019.016-.038.034-.06.05-.064.05-.139.087-.207.134-.022.015-.043.028-.062.046a.454.454 0 0 0-.059.05c-.021.019-.037.037-.056.06-.015.018-.034.04-.046.061a.796.796 0 0 0-.043.066l-.035.071c-.009.025-.018.047-.024.072-.01.028-.016.053-.022.078-.003.012-.003.028-.006.04-.003.013-.003.025-.006.037l-.003.078c0 .019 0 .038.003.056 0 .025.003.05.009.078a.64.64 0 0 0 .015.075c.01.025.016.05.025.074.006.016.016.031.022.044l-.713-.277a7.65 7.65 0 0 0-.36-.093l-.195-.047a5.732 5.732 0 0 0-.564-.084c-.006 0-.009-.003-.015-.003a5.518 5.518 0 0 0-1.528.056 6.22 6.22 0 0 0-.418.087l-.14.037c-.046.019-.09.04-.133.06l-.102.046c-.006.003-.013.003-.016.006-.03.016-.059.028-.087.044a1.362 1.362 0 0 0-.118.06c-.021.008-.043.02-.061.03a1.849 1.849 0 0 0-.183.109c-.022.016-.044.028-.062.044-.003.003-.006.003-.01.006a.714.714 0 0 0-.058.043l-.006.006-.047.038c-.006.003-.012.01-.019.012-.015.013-.03.028-.046.04-.003.007-.01.01-.012.013-.02.019-.038.034-.056.053-.003 0-.003.003-.006.006a.873.873 0 0 0-.056.053c-.003.003-.003.006-.006.006a.729.729 0 0 0-.047.05l-.022.019a.873.873 0 0 1-.052.056c-.003.006-.01.01-.013.015l-.07.075a2.343 2.343 0 0 1-.527.417 2.228 2.228 0 0 1-.397.168c-.13.028-.264.08-.379.09-.024 0-.052.006-.077.01l-.077.018-.075.028c-.025.01-.05.022-.074.034-.022.016-.047.028-.068.044a.507.507 0 0 0-.062.053c-.022.015-.044.037-.062.056-.019.022-.038.04-.053.062-.016.025-.034.047-.047.072a.548.548 0 0 0-.043.071c-.012.028-.025.053-.034.081-.01.025-.019.053-.028.081-.006.025-.012.05-.015.075 0 .003-.004.006-.004.009-.006.028-.006.065-.009.084-.003.022-.006.04-.006.062a.332.332 0 0 0 .037.156v.003c.01.019.022.037.034.056.013.019.025.037.04.056a.823.823 0 0 0 .053.05.454.454 0 0 0 .06.05c.074.065.092.087.188.136.016.01.031.016.05.025.003 0 .006.003.01.003a.64.64 0 0 0 .043.165c.009.019.015.038.024.056.003.006.006.013.01.016.012.025.024.046.037.068l.046.066c.016.018.034.04.053.059.018.018.037.034.059.053 0 0 .003.003.006.003.019.015.037.03.056.043a.493.493 0 0 0 .068.04.503.503 0 0 0 .071.035c.019.01.04.016.062.022.003.003.006.003.013.006l.04.01c-.01.167-.013.326.012.382.028.062.165-.128.3-.345-.018.214-.03.466 0 .541.035.078.22-.165.382-.432 2.197-.51 4.202 1.014 4.413 3.167-.04-.336-.452-.523-.641-.476-.093.23-.251.525-.506.71a2.003 2.003 0 0 0-.03-.623 2.016 2.016 0 0 1-.385.784.865.865 0 0 1-.744-.336c-.012-.01-.015-.028-.024-.04-.01-.022-.019-.044-.025-.066a.26.26 0 0 1-.019-.065c-.003-.022-.003-.044-.003-.069v-.046c.003-.022.01-.044.016-.066a.538.538 0 0 1 .021-.065c.013-.022.022-.044.037-.065.053-.15.053-.271-.043-.343a.352.352 0 0 0-.059-.03l-.04-.013-.025-.01c-.022-.006-.043-.012-.065-.015a.235.235 0 0 0-.065-.01.505.505 0 0 0-.068-.006c-.016 0-.031.003-.047.003a.24.24 0 0 0-.068.01.533.533 0 0 0-.13.034l-.062.028c-.019.01-.037.022-.059.031-.722.473-.291 1.58.202 1.901-.186.034-.375.075-.428.115l-.006.006c.133.081.272.15.418.209.198.065.41.124.502.15v.002c.257.053.518.072.781.056a2.953 2.953 0 0 0 2.702-2.526l.019.08c.01.057.022.116.028.175v.003c.006.028.01.056.012.081v.013a.766.766 0 0 1 .006.08c.004.035.007.069.007.103v.05l.003.05c0 .018-.003.037-.003.056v.043c0 .022-.003.04-.003.063 0 .012 0 .024-.004.04 0 .022-.003.043-.003.068-.003.01-.003.02-.003.028l-.009.072c0 .01 0 .019-.003.028-.003.031-.01.06-.013.09v.007l-.018.087v.009l-.019.084-.003.012a.834.834 0 0 1-.022.084v.01c-.009.03-.018.059-.024.087-.003.003-.003.006-.003.006l-.028.093c-.013.031-.022.06-.034.09-.013.032-.022.063-.034.09l-.038.091h-.003c-.012.028-.025.06-.04.087a.148.148 0 0 1-.01.022c-.002.003-.002.006-.006.01a2.942 2.942 0 0 1-.87 1.045c-.025.015-.05.034-.075.053-.006.006-.015.009-.021.015l-.069.047.01.018h.003l.13-.018h.003c.08-.013.161-.028.242-.044a.524.524 0 0 0 .068-.015l.043-.01c.022-.003.044-.009.065-.012l.056-.016c.31-.074.61-.177.899-.298A4.968 4.968 0 0 1 7.615 14a5.079 5.079 0 0 0 1.057-.184 4.955 4.955 0 0 0 2.929-2.349 4.975 4.975 0 0 1-.834 2.001 4.883 4.883 0 0 0 2.132-3.335c.106.491.137.999.09 1.5 2.238-3.134.186-6.382-.672-7.237-.004-.007-.007-.01-.007-.016-.003.003-.003.003-.003.006 0-.003 0-.003-.003-.006 0 .037-.003.075-.006.112-.01.072-.019.14-.031.209a4.994 4.994 0 0 1-.053.205 2.593 2.593 0 0 1-.074.199 2.121 2.121 0 0 1-.205.367c-.04.06-.083.115-.127.168a2.32 2.32 0 0 1-.145.156 1.99 1.99 0 0 1-.09.077c-.025.022-.047.04-.071.063a1.73 1.73 0 0 1-.174.121c-.059.037-.12.075-.183.106l-.195.087a2.166 2.166 0 0 1-.41.112 2.374 2.374 0 0 1-.36.031 2.317 2.317 0 0 1-.628-.096H9.55a2.293 2.293 0 0 0 .412-.072 2.178 2.178 0 0 0 .583-.255c.059-.04.118-.081.173-.125.056-.043.109-.09.159-.14.052-.046.099-.1.145-.152a3.07 3.07 0 0 0 .13-.168l.019-.031c.031-.05.062-.1.09-.15a2.148 2.148 0 0 0 .22-.59c.012-.072.025-.14.03-.209.007-.072.013-.143.013-.212a2.405 2.405 0 0 0-.03-.357 2.261 2.261 0 0 0-.047-.209c-.022-.065-.044-.134-.068-.199a2.153 2.153 0 0 0-.087-.193c-.034-.062-.068-.124-.106-.183-.04-.06-.08-.116-.123-.172-.047-.052-.093-.105-.143-.158a1.943 1.943 0 0 0-.08-.078 5.708 5.708 0 0 0-.431-.305.576.576 0 0 0-.062-.031 1.203 1.203 0 0 0-.295-.13Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/nestjscontroller.svg b/packages/assets/svgs/ext/Extras/nestjscontroller.svg
new file mode 100644
index 000000000000..0a2183a0f4ac
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/nestjscontroller.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#23B3E0" fill-rule="evenodd" d="M9.066 2a.758.758 0 0 0-.242.044.685.685 0 0 1 .288.404c.003.022.01.037.013.06a.343.343 0 0 1 .006.055c.012.274-.071.308-.13.47a.667.667 0 0 0 .043.613c.01.022.022.046.037.068-.118-.787.536-.905.657-1.15.01-.216-.167-.359-.307-.458A.683.683 0 0 0 9.066 2Zm.985.177c-.012.072-.003.053-.006.09-.003.025-.003.057-.006.081-.006.025-.013.05-.022.075a.668.668 0 0 1-.025.075l-.034.071c-.009.013-.015.025-.025.038l-.018.028c-.016.021-.031.043-.047.062-.018.019-.034.04-.055.056v.003c-.019.016-.038.034-.06.05-.064.05-.139.087-.207.134-.022.015-.043.028-.062.046a.454.454 0 0 0-.059.05c-.021.019-.037.037-.056.06-.015.018-.034.04-.046.061a.796.796 0 0 0-.043.066l-.035.071c-.009.025-.018.047-.024.072-.01.028-.016.053-.022.078-.003.012-.003.028-.006.04-.003.013-.003.025-.006.037l-.003.078c0 .019 0 .038.003.056 0 .025.003.05.009.078a.64.64 0 0 0 .015.075c.01.025.016.05.025.074.006.016.016.031.022.044l-.713-.277a7.65 7.65 0 0 0-.36-.093l-.195-.047a5.732 5.732 0 0 0-.564-.084c-.006 0-.009-.003-.015-.003a5.518 5.518 0 0 0-1.528.056 6.22 6.22 0 0 0-.418.087l-.14.037c-.046.019-.09.04-.133.06l-.102.046c-.006.003-.013.003-.016.006-.03.016-.059.028-.087.044a1.362 1.362 0 0 0-.118.06c-.021.008-.043.02-.061.03a1.849 1.849 0 0 0-.183.109c-.022.016-.044.028-.062.044-.003.003-.006.003-.01.006a.714.714 0 0 0-.058.043l-.006.006-.047.038c-.006.003-.012.01-.019.012-.015.013-.03.028-.046.04-.003.007-.01.01-.012.013-.02.019-.038.034-.056.053-.003 0-.003.003-.006.006a.873.873 0 0 0-.056.053c-.003.003-.003.006-.006.006a.729.729 0 0 0-.047.05l-.022.019a.873.873 0 0 1-.052.056c-.003.006-.01.01-.013.015l-.07.075a2.343 2.343 0 0 1-.527.417 2.228 2.228 0 0 1-.397.168c-.13.028-.264.08-.379.09-.024 0-.052.006-.077.01l-.077.018-.075.028c-.025.01-.05.022-.074.034-.022.016-.047.028-.068.044a.507.507 0 0 0-.062.053c-.022.015-.044.037-.062.056-.019.022-.038.04-.053.062-.016.025-.034.047-.047.072a.548.548 0 0 0-.043.071c-.012.028-.025.053-.034.081-.01.025-.019.053-.028.081-.006.025-.012.05-.015.075 0 .003-.004.006-.004.009-.006.028-.006.065-.009.084-.003.022-.006.04-.006.062a.332.332 0 0 0 .037.156v.003c.01.019.022.037.034.056.013.019.025.037.04.056a.823.823 0 0 0 .053.05.454.454 0 0 0 .06.05c.074.065.092.087.188.136.016.01.031.016.05.025.003 0 .006.003.01.003a.64.64 0 0 0 .043.165c.009.019.015.038.024.056.003.006.006.013.01.016.012.025.024.046.037.068l.046.066c.016.018.034.04.053.059.018.018.037.034.059.053 0 0 .003.003.006.003.019.015.037.03.056.043a.493.493 0 0 0 .068.04.503.503 0 0 0 .071.035c.019.01.04.016.062.022.003.003.006.003.013.006l.04.01c-.01.167-.013.326.012.382.028.062.165-.128.3-.345-.018.214-.03.466 0 .541.035.078.22-.165.382-.432 2.197-.51 4.202 1.014 4.413 3.167-.04-.336-.452-.523-.641-.476-.093.23-.251.525-.506.71a2.003 2.003 0 0 0-.03-.623 2.016 2.016 0 0 1-.385.784.865.865 0 0 1-.744-.336c-.012-.01-.015-.028-.024-.04-.01-.022-.019-.044-.025-.066a.26.26 0 0 1-.019-.065c-.003-.022-.003-.044-.003-.069v-.046c.003-.022.01-.044.016-.066a.538.538 0 0 1 .021-.065c.013-.022.022-.044.037-.065.053-.15.053-.271-.043-.343a.352.352 0 0 0-.059-.03l-.04-.013-.025-.01c-.022-.006-.043-.012-.065-.015a.235.235 0 0 0-.065-.01.505.505 0 0 0-.068-.006c-.016 0-.031.003-.047.003a.24.24 0 0 0-.068.01.533.533 0 0 0-.13.034l-.062.028c-.019.01-.037.022-.059.031-.722.473-.291 1.58.202 1.901-.186.034-.375.075-.428.115l-.006.006c.133.081.272.15.418.209.198.065.41.124.502.15v.002c.257.053.518.072.781.056a2.953 2.953 0 0 0 2.702-2.526l.019.08c.01.057.022.116.028.175v.003c.006.028.01.056.012.081v.013a.766.766 0 0 1 .006.08c.004.035.007.069.007.103v.05l.003.05c0 .018-.003.037-.003.056v.043c0 .022-.003.04-.003.063 0 .012 0 .024-.004.04 0 .022-.003.043-.003.068-.003.01-.003.02-.003.028l-.009.072c0 .01 0 .019-.003.028-.003.031-.01.06-.013.09v.007l-.018.087v.009l-.019.084-.003.012a.834.834 0 0 1-.022.084v.01c-.009.03-.018.059-.024.087-.003.003-.003.006-.003.006l-.028.093c-.013.031-.022.06-.034.09-.013.032-.022.063-.034.09l-.038.091h-.003c-.012.028-.025.06-.04.087a.148.148 0 0 1-.01.022c-.002.003-.002.006-.006.01a2.942 2.942 0 0 1-.87 1.045c-.025.015-.05.034-.075.053-.006.006-.015.009-.021.015l-.069.047.01.018h.003l.13-.018h.003c.08-.013.161-.028.242-.044a.524.524 0 0 0 .068-.015l.043-.01c.022-.003.044-.009.065-.012l.056-.016c.31-.074.61-.177.899-.298A4.968 4.968 0 0 1 7.615 14a5.079 5.079 0 0 0 1.057-.184 4.955 4.955 0 0 0 2.929-2.349 4.975 4.975 0 0 1-.834 2.001 4.883 4.883 0 0 0 2.132-3.335c.106.491.137.999.09 1.5 2.238-3.134.186-6.382-.672-7.237-.004-.007-.007-.01-.007-.016-.003.003-.003.003-.003.006 0-.003 0-.003-.003-.006 0 .037-.003.075-.006.112-.01.072-.019.14-.031.209a4.994 4.994 0 0 1-.053.205 2.593 2.593 0 0 1-.074.199 2.121 2.121 0 0 1-.205.367c-.04.06-.083.115-.127.168a2.32 2.32 0 0 1-.145.156 1.99 1.99 0 0 1-.09.077c-.025.022-.047.04-.071.063a1.73 1.73 0 0 1-.174.121c-.059.037-.12.075-.183.106l-.195.087a2.166 2.166 0 0 1-.41.112 2.374 2.374 0 0 1-.36.031 2.317 2.317 0 0 1-.628-.096H9.55a2.293 2.293 0 0 0 .412-.072 2.178 2.178 0 0 0 .583-.255c.059-.04.118-.081.173-.125.056-.043.109-.09.159-.14.052-.046.099-.1.145-.152a3.07 3.07 0 0 0 .13-.168l.019-.031c.031-.05.062-.1.09-.15a2.148 2.148 0 0 0 .22-.59c.012-.072.025-.14.03-.209.007-.072.013-.143.013-.212a2.405 2.405 0 0 0-.03-.357 2.261 2.261 0 0 0-.047-.209c-.022-.065-.044-.134-.068-.199a2.153 2.153 0 0 0-.087-.193c-.034-.062-.068-.124-.106-.183-.04-.06-.08-.116-.123-.172-.047-.052-.093-.105-.143-.158a1.943 1.943 0 0 0-.08-.078 5.708 5.708 0 0 0-.431-.305.576.576 0 0 0-.062-.031 1.203 1.203 0 0 0-.295-.13Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/nestjsdecorator.svg b/packages/assets/svgs/ext/Extras/nestjsdecorator.svg
new file mode 100644
index 000000000000..2e45aaf6b03e
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/nestjsdecorator.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#F8D520" fill-rule="evenodd" d="M9.066 2a.758.758 0 0 0-.242.044.685.685 0 0 1 .288.404c.003.022.01.037.013.06a.343.343 0 0 1 .006.055c.012.274-.071.308-.13.47a.667.667 0 0 0 .043.613c.01.022.022.046.037.068-.118-.787.536-.905.657-1.15.01-.216-.167-.359-.307-.458A.683.683 0 0 0 9.066 2Zm.985.177c-.012.072-.003.053-.006.09-.003.025-.003.057-.006.081-.006.025-.013.05-.022.075a.668.668 0 0 1-.025.075l-.034.071c-.009.013-.015.025-.025.038l-.018.028c-.016.021-.031.043-.047.062-.018.019-.034.04-.055.056v.003c-.019.016-.038.034-.06.05-.064.05-.139.087-.207.134-.022.015-.043.028-.062.046a.454.454 0 0 0-.059.05c-.021.019-.037.037-.056.06-.015.018-.034.04-.046.061a.796.796 0 0 0-.043.066l-.035.071c-.009.025-.018.047-.024.072-.01.028-.016.053-.022.078-.003.012-.003.028-.006.04-.003.013-.003.025-.006.037l-.003.078c0 .019 0 .038.003.056 0 .025.003.05.009.078a.64.64 0 0 0 .015.075c.01.025.016.05.025.074.006.016.016.031.022.044l-.713-.277a7.65 7.65 0 0 0-.36-.093l-.195-.047a5.732 5.732 0 0 0-.564-.084c-.006 0-.009-.003-.015-.003a5.518 5.518 0 0 0-1.528.056 6.22 6.22 0 0 0-.418.087l-.14.037c-.046.019-.09.04-.133.06l-.102.046c-.006.003-.013.003-.016.006-.03.016-.059.028-.087.044a1.362 1.362 0 0 0-.118.06c-.021.008-.043.02-.061.03a1.849 1.849 0 0 0-.183.109c-.022.016-.044.028-.062.044-.003.003-.006.003-.01.006a.714.714 0 0 0-.058.043l-.006.006-.047.038c-.006.003-.012.01-.019.012-.015.013-.03.028-.046.04-.003.007-.01.01-.012.013-.02.019-.038.034-.056.053-.003 0-.003.003-.006.006a.873.873 0 0 0-.056.053c-.003.003-.003.006-.006.006a.729.729 0 0 0-.047.05l-.022.019a.873.873 0 0 1-.052.056c-.003.006-.01.01-.013.015l-.07.075a2.343 2.343 0 0 1-.527.417 2.228 2.228 0 0 1-.397.168c-.13.028-.264.08-.379.09-.024 0-.052.006-.077.01l-.077.018-.075.028c-.025.01-.05.022-.074.034-.022.016-.047.028-.068.044a.507.507 0 0 0-.062.053c-.022.015-.044.037-.062.056-.019.022-.038.04-.053.062-.016.025-.034.047-.047.072a.548.548 0 0 0-.043.071c-.012.028-.025.053-.034.081-.01.025-.019.053-.028.081-.006.025-.012.05-.015.075 0 .003-.004.006-.004.009-.006.028-.006.065-.009.084-.003.022-.006.04-.006.062a.332.332 0 0 0 .037.156v.003c.01.019.022.037.034.056.013.019.025.037.04.056a.823.823 0 0 0 .053.05.454.454 0 0 0 .06.05c.074.065.092.087.188.136.016.01.031.016.05.025.003 0 .006.003.01.003a.64.64 0 0 0 .043.165c.009.019.015.038.024.056.003.006.006.013.01.016.012.025.024.046.037.068l.046.066c.016.018.034.04.053.059.018.018.037.034.059.053 0 0 .003.003.006.003.019.015.037.03.056.043a.493.493 0 0 0 .068.04.503.503 0 0 0 .071.035c.019.01.04.016.062.022.003.003.006.003.013.006l.04.01c-.01.167-.013.326.012.382.028.062.165-.128.3-.345-.018.214-.03.466 0 .541.035.078.22-.165.382-.432 2.197-.51 4.202 1.014 4.413 3.167-.04-.336-.452-.523-.641-.476-.093.23-.251.525-.506.71a2.003 2.003 0 0 0-.03-.623 2.016 2.016 0 0 1-.385.784.865.865 0 0 1-.744-.336c-.012-.01-.015-.028-.024-.04-.01-.022-.019-.044-.025-.066a.26.26 0 0 1-.019-.065c-.003-.022-.003-.044-.003-.069v-.046c.003-.022.01-.044.016-.066a.538.538 0 0 1 .021-.065c.013-.022.022-.044.037-.065.053-.15.053-.271-.043-.343a.352.352 0 0 0-.059-.03l-.04-.013-.025-.01c-.022-.006-.043-.012-.065-.015a.235.235 0 0 0-.065-.01.505.505 0 0 0-.068-.006c-.016 0-.031.003-.047.003a.24.24 0 0 0-.068.01.533.533 0 0 0-.13.034l-.062.028c-.019.01-.037.022-.059.031-.722.473-.291 1.58.202 1.901-.186.034-.375.075-.428.115l-.006.006c.133.081.272.15.418.209.198.065.41.124.502.15v.002c.257.053.518.072.781.056a2.953 2.953 0 0 0 2.702-2.526l.019.08c.01.057.022.116.028.175v.003c.006.028.01.056.012.081v.013a.766.766 0 0 1 .006.08c.004.035.007.069.007.103v.05l.003.05c0 .018-.003.037-.003.056v.043c0 .022-.003.04-.003.063 0 .012 0 .024-.004.04 0 .022-.003.043-.003.068-.003.01-.003.02-.003.028l-.009.072c0 .01 0 .019-.003.028-.003.031-.01.06-.013.09v.007l-.018.087v.009l-.019.084-.003.012a.834.834 0 0 1-.022.084v.01c-.009.03-.018.059-.024.087-.003.003-.003.006-.003.006l-.028.093c-.013.031-.022.06-.034.09-.013.032-.022.063-.034.09l-.038.091h-.003c-.012.028-.025.06-.04.087a.148.148 0 0 1-.01.022c-.002.003-.002.006-.006.01a2.942 2.942 0 0 1-.87 1.045c-.025.015-.05.034-.075.053-.006.006-.015.009-.021.015l-.069.047.01.018h.003l.13-.018h.003c.08-.013.161-.028.242-.044a.524.524 0 0 0 .068-.015l.043-.01c.022-.003.044-.009.065-.012l.056-.016c.31-.074.61-.177.899-.298A4.968 4.968 0 0 1 7.615 14a5.079 5.079 0 0 0 1.057-.184 4.955 4.955 0 0 0 2.929-2.349 4.975 4.975 0 0 1-.834 2.001 4.883 4.883 0 0 0 2.132-3.335c.106.491.137.999.09 1.5 2.238-3.134.186-6.382-.672-7.237-.004-.007-.007-.01-.007-.016-.003.003-.003.003-.003.006 0-.003 0-.003-.003-.006 0 .037-.003.075-.006.112-.01.072-.019.14-.031.209a4.994 4.994 0 0 1-.053.205 2.593 2.593 0 0 1-.074.199 2.121 2.121 0 0 1-.205.367c-.04.06-.083.115-.127.168a2.32 2.32 0 0 1-.145.156 1.99 1.99 0 0 1-.09.077c-.025.022-.047.04-.071.063a1.73 1.73 0 0 1-.174.121c-.059.037-.12.075-.183.106l-.195.087a2.166 2.166 0 0 1-.41.112 2.374 2.374 0 0 1-.36.031 2.317 2.317 0 0 1-.628-.096H9.55a2.293 2.293 0 0 0 .412-.072 2.178 2.178 0 0 0 .583-.255c.059-.04.118-.081.173-.125.056-.043.109-.09.159-.14.052-.046.099-.1.145-.152a3.07 3.07 0 0 0 .13-.168l.019-.031c.031-.05.062-.1.09-.15a2.148 2.148 0 0 0 .22-.59c.012-.072.025-.14.03-.209.007-.072.013-.143.013-.212a2.405 2.405 0 0 0-.03-.357 2.261 2.261 0 0 0-.047-.209c-.022-.065-.044-.134-.068-.199a2.153 2.153 0 0 0-.087-.193c-.034-.062-.068-.124-.106-.183-.04-.06-.08-.116-.123-.172-.047-.052-.093-.105-.143-.158a1.943 1.943 0 0 0-.08-.078 5.708 5.708 0 0 0-.431-.305.576.576 0 0 0-.062-.031 1.203 1.203 0 0 0-.295-.13Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/nestjsfilter.svg b/packages/assets/svgs/ext/Extras/nestjsfilter.svg
new file mode 100644
index 000000000000..736ffaa1af9b
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/nestjsfilter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#5F7FDA" fill-rule="evenodd" d="M9.066 2a.758.758 0 0 0-.242.044.685.685 0 0 1 .288.404c.003.022.01.037.013.06a.343.343 0 0 1 .006.055c.012.274-.071.308-.13.47a.667.667 0 0 0 .043.613c.01.022.022.046.037.068-.118-.787.536-.905.657-1.15.01-.216-.167-.359-.307-.458A.683.683 0 0 0 9.066 2Zm.985.177c-.012.072-.003.053-.006.09-.003.025-.003.057-.006.081-.006.025-.013.05-.022.075a.668.668 0 0 1-.025.075l-.034.071c-.009.013-.015.025-.025.038l-.018.028c-.016.021-.031.043-.047.062-.018.019-.034.04-.055.056v.003c-.019.016-.038.034-.06.05-.064.05-.139.087-.207.134-.022.015-.043.028-.062.046a.454.454 0 0 0-.059.05c-.021.019-.037.037-.056.06-.015.018-.034.04-.046.061a.796.796 0 0 0-.043.066l-.035.071c-.009.025-.018.047-.024.072-.01.028-.016.053-.022.078-.003.012-.003.028-.006.04-.003.013-.003.025-.006.037l-.003.078c0 .019 0 .038.003.056 0 .025.003.05.009.078a.64.64 0 0 0 .015.075c.01.025.016.05.025.074.006.016.016.031.022.044l-.713-.277a7.65 7.65 0 0 0-.36-.093l-.195-.047a5.732 5.732 0 0 0-.564-.084c-.006 0-.009-.003-.015-.003a5.518 5.518 0 0 0-1.528.056 6.22 6.22 0 0 0-.418.087l-.14.037c-.046.019-.09.04-.133.06l-.102.046c-.006.003-.013.003-.016.006-.03.016-.059.028-.087.044a1.362 1.362 0 0 0-.118.06c-.021.008-.043.02-.061.03a1.849 1.849 0 0 0-.183.109c-.022.016-.044.028-.062.044-.003.003-.006.003-.01.006a.714.714 0 0 0-.058.043l-.006.006-.047.038c-.006.003-.012.01-.019.012-.015.013-.03.028-.046.04-.003.007-.01.01-.012.013-.02.019-.038.034-.056.053-.003 0-.003.003-.006.006a.873.873 0 0 0-.056.053c-.003.003-.003.006-.006.006a.729.729 0 0 0-.047.05l-.022.019a.873.873 0 0 1-.052.056c-.003.006-.01.01-.013.015l-.07.075a2.343 2.343 0 0 1-.527.417 2.228 2.228 0 0 1-.397.168c-.13.028-.264.08-.379.09-.024 0-.052.006-.077.01l-.077.018-.075.028c-.025.01-.05.022-.074.034-.022.016-.047.028-.068.044a.507.507 0 0 0-.062.053c-.022.015-.044.037-.062.056-.019.022-.038.04-.053.062-.016.025-.034.047-.047.072a.548.548 0 0 0-.043.071c-.012.028-.025.053-.034.081-.01.025-.019.053-.028.081-.006.025-.012.05-.015.075 0 .003-.004.006-.004.009-.006.028-.006.065-.009.084-.003.022-.006.04-.006.062a.332.332 0 0 0 .037.156v.003c.01.019.022.037.034.056.013.019.025.037.04.056a.823.823 0 0 0 .053.05.454.454 0 0 0 .06.05c.074.065.092.087.188.136.016.01.031.016.05.025.003 0 .006.003.01.003a.64.64 0 0 0 .043.165c.009.019.015.038.024.056.003.006.006.013.01.016.012.025.024.046.037.068l.046.066c.016.018.034.04.053.059.018.018.037.034.059.053 0 0 .003.003.006.003.019.015.037.03.056.043a.493.493 0 0 0 .068.04.503.503 0 0 0 .071.035c.019.01.04.016.062.022.003.003.006.003.013.006l.04.01c-.01.167-.013.326.012.382.028.062.165-.128.3-.345-.018.214-.03.466 0 .541.035.078.22-.165.382-.432 2.197-.51 4.202 1.014 4.413 3.167-.04-.336-.452-.523-.641-.476-.093.23-.251.525-.506.71a2.003 2.003 0 0 0-.03-.623 2.016 2.016 0 0 1-.385.784.865.865 0 0 1-.744-.336c-.012-.01-.015-.028-.024-.04-.01-.022-.019-.044-.025-.066a.26.26 0 0 1-.019-.065c-.003-.022-.003-.044-.003-.069v-.046c.003-.022.01-.044.016-.066a.538.538 0 0 1 .021-.065c.013-.022.022-.044.037-.065.053-.15.053-.271-.043-.343a.352.352 0 0 0-.059-.03l-.04-.013-.025-.01c-.022-.006-.043-.012-.065-.015a.235.235 0 0 0-.065-.01.505.505 0 0 0-.068-.006c-.016 0-.031.003-.047.003a.24.24 0 0 0-.068.01.533.533 0 0 0-.13.034l-.062.028c-.019.01-.037.022-.059.031-.722.473-.291 1.58.202 1.901-.186.034-.375.075-.428.115l-.006.006c.133.081.272.15.418.209.198.065.41.124.502.15v.002c.257.053.518.072.781.056a2.953 2.953 0 0 0 2.702-2.526l.019.08c.01.057.022.116.028.175v.003c.006.028.01.056.012.081v.013a.766.766 0 0 1 .006.08c.004.035.007.069.007.103v.05l.003.05c0 .018-.003.037-.003.056v.043c0 .022-.003.04-.003.063 0 .012 0 .024-.004.04 0 .022-.003.043-.003.068-.003.01-.003.02-.003.028l-.009.072c0 .01 0 .019-.003.028-.003.031-.01.06-.013.09v.007l-.018.087v.009l-.019.084-.003.012a.834.834 0 0 1-.022.084v.01c-.009.03-.018.059-.024.087-.003.003-.003.006-.003.006l-.028.093c-.013.031-.022.06-.034.09-.013.032-.022.063-.034.09l-.038.091h-.003c-.012.028-.025.06-.04.087a.148.148 0 0 1-.01.022c-.002.003-.002.006-.006.01a2.942 2.942 0 0 1-.87 1.045c-.025.015-.05.034-.075.053-.006.006-.015.009-.021.015l-.069.047.01.018h.003l.13-.018h.003c.08-.013.161-.028.242-.044a.524.524 0 0 0 .068-.015l.043-.01c.022-.003.044-.009.065-.012l.056-.016c.31-.074.61-.177.899-.298A4.968 4.968 0 0 1 7.615 14a5.079 5.079 0 0 0 1.057-.184 4.955 4.955 0 0 0 2.929-2.349 4.975 4.975 0 0 1-.834 2.001 4.883 4.883 0 0 0 2.132-3.335c.106.491.137.999.09 1.5 2.238-3.134.186-6.382-.672-7.237-.004-.007-.007-.01-.007-.016-.003.003-.003.003-.003.006 0-.003 0-.003-.003-.006 0 .037-.003.075-.006.112-.01.072-.019.14-.031.209a4.994 4.994 0 0 1-.053.205 2.593 2.593 0 0 1-.074.199 2.121 2.121 0 0 1-.205.367c-.04.06-.083.115-.127.168a2.32 2.32 0 0 1-.145.156 1.99 1.99 0 0 1-.09.077c-.025.022-.047.04-.071.063a1.73 1.73 0 0 1-.174.121c-.059.037-.12.075-.183.106l-.195.087a2.166 2.166 0 0 1-.41.112 2.374 2.374 0 0 1-.36.031 2.317 2.317 0 0 1-.628-.096H9.55a2.293 2.293 0 0 0 .412-.072 2.178 2.178 0 0 0 .583-.255c.059-.04.118-.081.173-.125.056-.043.109-.09.159-.14.052-.046.099-.1.145-.152a3.07 3.07 0 0 0 .13-.168l.019-.031c.031-.05.062-.1.09-.15a2.148 2.148 0 0 0 .22-.59c.012-.072.025-.14.03-.209.007-.072.013-.143.013-.212a2.405 2.405 0 0 0-.03-.357 2.261 2.261 0 0 0-.047-.209c-.022-.065-.044-.134-.068-.199a2.153 2.153 0 0 0-.087-.193c-.034-.062-.068-.124-.106-.183-.04-.06-.08-.116-.123-.172-.047-.052-.093-.105-.143-.158a1.943 1.943 0 0 0-.08-.078 5.708 5.708 0 0 0-.431-.305.576.576 0 0 0-.062-.031 1.203 1.203 0 0 0-.295-.13Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/nestjsguard.svg b/packages/assets/svgs/ext/Extras/nestjsguard.svg
new file mode 100644
index 000000000000..90babd03160d
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/nestjsguard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#9A5DFB" fill-rule="evenodd" d="M9.066 2a.758.758 0 0 0-.242.044.685.685 0 0 1 .288.404c.003.022.01.037.013.06a.343.343 0 0 1 .006.055c.012.274-.071.308-.13.47a.667.667 0 0 0 .043.613c.01.022.022.046.037.068-.118-.787.536-.905.657-1.15.01-.216-.167-.359-.307-.458A.683.683 0 0 0 9.066 2Zm.985.177c-.012.072-.003.053-.006.09-.003.025-.003.057-.006.081-.006.025-.013.05-.022.075a.668.668 0 0 1-.025.075l-.034.071c-.009.013-.015.025-.025.038l-.018.028c-.016.021-.031.043-.047.062-.018.019-.034.04-.055.056v.003c-.019.016-.038.034-.06.05-.064.05-.139.087-.207.134-.022.015-.043.028-.062.046a.454.454 0 0 0-.059.05c-.021.019-.037.037-.056.06-.015.018-.034.04-.046.061a.796.796 0 0 0-.043.066l-.035.071c-.009.025-.018.047-.024.072-.01.028-.016.053-.022.078-.003.012-.003.028-.006.04-.003.013-.003.025-.006.037l-.003.078c0 .019 0 .038.003.056 0 .025.003.05.009.078a.64.64 0 0 0 .015.075c.01.025.016.05.025.074.006.016.016.031.022.044l-.713-.277a7.65 7.65 0 0 0-.36-.093l-.195-.047a5.732 5.732 0 0 0-.564-.084c-.006 0-.009-.003-.015-.003a5.518 5.518 0 0 0-1.528.056 6.22 6.22 0 0 0-.418.087l-.14.037c-.046.019-.09.04-.133.06l-.102.046c-.006.003-.013.003-.016.006-.03.016-.059.028-.087.044a1.362 1.362 0 0 0-.118.06c-.021.008-.043.02-.061.03a1.849 1.849 0 0 0-.183.109c-.022.016-.044.028-.062.044-.003.003-.006.003-.01.006a.714.714 0 0 0-.058.043l-.006.006-.047.038c-.006.003-.012.01-.019.012-.015.013-.03.028-.046.04-.003.007-.01.01-.012.013-.02.019-.038.034-.056.053-.003 0-.003.003-.006.006a.873.873 0 0 0-.056.053c-.003.003-.003.006-.006.006a.729.729 0 0 0-.047.05l-.022.019a.873.873 0 0 1-.052.056c-.003.006-.01.01-.013.015l-.07.075a2.343 2.343 0 0 1-.527.417 2.228 2.228 0 0 1-.397.168c-.13.028-.264.08-.379.09-.024 0-.052.006-.077.01l-.077.018-.075.028c-.025.01-.05.022-.074.034-.022.016-.047.028-.068.044a.507.507 0 0 0-.062.053c-.022.015-.044.037-.062.056-.019.022-.038.04-.053.062-.016.025-.034.047-.047.072a.548.548 0 0 0-.043.071c-.012.028-.025.053-.034.081-.01.025-.019.053-.028.081-.006.025-.012.05-.015.075 0 .003-.004.006-.004.009-.006.028-.006.065-.009.084-.003.022-.006.04-.006.062a.332.332 0 0 0 .037.156v.003c.01.019.022.037.034.056.013.019.025.037.04.056a.823.823 0 0 0 .053.05.454.454 0 0 0 .06.05c.074.065.092.087.188.136.016.01.031.016.05.025.003 0 .006.003.01.003a.64.64 0 0 0 .043.165c.009.019.015.038.024.056.003.006.006.013.01.016.012.025.024.046.037.068l.046.066c.016.018.034.04.053.059.018.018.037.034.059.053 0 0 .003.003.006.003.019.015.037.03.056.043a.493.493 0 0 0 .068.04.503.503 0 0 0 .071.035c.019.01.04.016.062.022.003.003.006.003.013.006l.04.01c-.01.167-.013.326.012.382.028.062.165-.128.3-.345-.018.214-.03.466 0 .541.035.078.22-.165.382-.432 2.197-.51 4.202 1.014 4.413 3.167-.04-.336-.452-.523-.641-.476-.093.23-.251.525-.506.71a2.003 2.003 0 0 0-.03-.623 2.016 2.016 0 0 1-.385.784.865.865 0 0 1-.744-.336c-.012-.01-.015-.028-.024-.04-.01-.022-.019-.044-.025-.066a.26.26 0 0 1-.019-.065c-.003-.022-.003-.044-.003-.069v-.046c.003-.022.01-.044.016-.066a.538.538 0 0 1 .021-.065c.013-.022.022-.044.037-.065.053-.15.053-.271-.043-.343a.352.352 0 0 0-.059-.03l-.04-.013-.025-.01c-.022-.006-.043-.012-.065-.015a.235.235 0 0 0-.065-.01.505.505 0 0 0-.068-.006c-.016 0-.031.003-.047.003a.24.24 0 0 0-.068.01.533.533 0 0 0-.13.034l-.062.028c-.019.01-.037.022-.059.031-.722.473-.291 1.58.202 1.901-.186.034-.375.075-.428.115l-.006.006c.133.081.272.15.418.209.198.065.41.124.502.15v.002c.257.053.518.072.781.056a2.953 2.953 0 0 0 2.702-2.526l.019.08c.01.057.022.116.028.175v.003c.006.028.01.056.012.081v.013a.766.766 0 0 1 .006.08c.004.035.007.069.007.103v.05l.003.05c0 .018-.003.037-.003.056v.043c0 .022-.003.04-.003.063 0 .012 0 .024-.004.04 0 .022-.003.043-.003.068-.003.01-.003.02-.003.028l-.009.072c0 .01 0 .019-.003.028-.003.031-.01.06-.013.09v.007l-.018.087v.009l-.019.084-.003.012a.834.834 0 0 1-.022.084v.01c-.009.03-.018.059-.024.087-.003.003-.003.006-.003.006l-.028.093c-.013.031-.022.06-.034.09-.013.032-.022.063-.034.09l-.038.091h-.003c-.012.028-.025.06-.04.087a.148.148 0 0 1-.01.022c-.002.003-.002.006-.006.01a2.942 2.942 0 0 1-.87 1.045c-.025.015-.05.034-.075.053-.006.006-.015.009-.021.015l-.069.047.01.018h.003l.13-.018h.003c.08-.013.161-.028.242-.044a.524.524 0 0 0 .068-.015l.043-.01c.022-.003.044-.009.065-.012l.056-.016c.31-.074.61-.177.899-.298A4.968 4.968 0 0 1 7.615 14a5.079 5.079 0 0 0 1.057-.184 4.955 4.955 0 0 0 2.929-2.349 4.975 4.975 0 0 1-.834 2.001 4.883 4.883 0 0 0 2.132-3.335c.106.491.137.999.09 1.5 2.238-3.134.186-6.382-.672-7.237-.004-.007-.007-.01-.007-.016-.003.003-.003.003-.003.006 0-.003 0-.003-.003-.006 0 .037-.003.075-.006.112-.01.072-.019.14-.031.209a4.994 4.994 0 0 1-.053.205 2.593 2.593 0 0 1-.074.199 2.121 2.121 0 0 1-.205.367c-.04.06-.083.115-.127.168a2.32 2.32 0 0 1-.145.156 1.99 1.99 0 0 1-.09.077c-.025.022-.047.04-.071.063a1.73 1.73 0 0 1-.174.121c-.059.037-.12.075-.183.106l-.195.087a2.166 2.166 0 0 1-.41.112 2.374 2.374 0 0 1-.36.031 2.317 2.317 0 0 1-.628-.096H9.55a2.293 2.293 0 0 0 .412-.072 2.178 2.178 0 0 0 .583-.255c.059-.04.118-.081.173-.125.056-.043.109-.09.159-.14.052-.046.099-.1.145-.152a3.07 3.07 0 0 0 .13-.168l.019-.031c.031-.05.062-.1.09-.15a2.148 2.148 0 0 0 .22-.59c.012-.072.025-.14.03-.209.007-.072.013-.143.013-.212a2.405 2.405 0 0 0-.03-.357 2.261 2.261 0 0 0-.047-.209c-.022-.065-.044-.134-.068-.199a2.153 2.153 0 0 0-.087-.193c-.034-.062-.068-.124-.106-.183-.04-.06-.08-.116-.123-.172-.047-.052-.093-.105-.143-.158a1.943 1.943 0 0 0-.08-.078 5.708 5.708 0 0 0-.431-.305.576.576 0 0 0-.062-.031 1.203 1.203 0 0 0-.295-.13Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/nestjsmodule.svg b/packages/assets/svgs/ext/Extras/nestjsmodule.svg
new file mode 100644
index 000000000000..4814164766c5
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/nestjsmodule.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#F88601" fill-rule="evenodd" d="M9.066 2a.758.758 0 0 0-.242.044.685.685 0 0 1 .288.404c.003.022.01.037.013.06a.343.343 0 0 1 .006.055c.012.274-.071.308-.13.47a.667.667 0 0 0 .043.613c.01.022.022.046.037.068-.118-.787.536-.905.657-1.15.01-.216-.167-.359-.307-.458A.683.683 0 0 0 9.066 2Zm.985.177c-.012.072-.003.053-.006.09-.003.025-.003.057-.006.081-.006.025-.013.05-.022.075a.668.668 0 0 1-.025.075l-.034.071c-.009.013-.015.025-.025.038l-.018.028c-.016.021-.031.043-.047.062-.018.019-.034.04-.055.056v.003c-.019.016-.038.034-.06.05-.064.05-.139.087-.207.134-.022.015-.043.028-.062.046a.454.454 0 0 0-.059.05c-.021.019-.037.037-.056.06-.015.018-.034.04-.046.061a.796.796 0 0 0-.043.066l-.035.071c-.009.025-.018.047-.024.072-.01.028-.016.053-.022.078-.003.012-.003.028-.006.04-.003.013-.003.025-.006.037l-.003.078c0 .019 0 .038.003.056 0 .025.003.05.009.078a.64.64 0 0 0 .015.075c.01.025.016.05.025.074.006.016.016.031.022.044l-.713-.277a7.65 7.65 0 0 0-.36-.093l-.195-.047a5.732 5.732 0 0 0-.564-.084c-.006 0-.009-.003-.015-.003a5.518 5.518 0 0 0-1.528.056 6.22 6.22 0 0 0-.418.087l-.14.037c-.046.019-.09.04-.133.06l-.102.046c-.006.003-.013.003-.016.006-.03.016-.059.028-.087.044a1.362 1.362 0 0 0-.118.06c-.021.008-.043.02-.061.03a1.849 1.849 0 0 0-.183.109c-.022.016-.044.028-.062.044-.003.003-.006.003-.01.006a.716.716 0 0 0-.058.043l-.006.006-.047.038c-.006.003-.012.01-.019.012-.015.013-.03.028-.046.04-.003.007-.01.01-.012.013-.02.019-.038.034-.056.053-.003 0-.003.003-.006.006a.873.873 0 0 0-.056.053c-.003.003-.003.006-.006.006a.729.729 0 0 0-.047.05l-.022.019a.873.873 0 0 1-.052.056c-.003.006-.01.01-.013.015l-.07.075a2.343 2.343 0 0 1-.527.417 2.228 2.228 0 0 1-.397.168c-.13.028-.264.08-.379.09-.024 0-.052.006-.077.01l-.077.018-.075.028c-.025.01-.05.022-.074.034-.022.016-.047.028-.068.044a.507.507 0 0 0-.062.053c-.022.015-.044.037-.062.056-.019.022-.038.04-.053.062-.016.025-.034.047-.047.072a.548.548 0 0 0-.043.071c-.012.028-.025.053-.034.081-.01.025-.019.053-.028.081-.006.025-.012.05-.015.075 0 .003-.004.006-.004.009-.006.028-.006.065-.009.084-.003.022-.006.04-.006.062a.332.332 0 0 0 .037.156v.003c.01.019.022.037.034.056.013.019.025.037.04.056a.823.823 0 0 0 .053.05.454.454 0 0 0 .06.05c.074.065.092.087.188.136.016.01.031.016.05.025.003 0 .006.003.01.003a.64.64 0 0 0 .043.165c.009.019.015.038.024.056.003.006.006.013.01.016.012.025.024.046.037.068l.046.066c.016.018.034.04.053.059.018.018.037.034.059.053 0 0 .003.003.006.003.019.015.037.03.056.043a.493.493 0 0 0 .068.04.503.503 0 0 0 .071.035c.019.01.04.016.062.022.003.003.006.003.013.006l.04.01c-.01.167-.013.326.012.382.028.062.165-.128.3-.345-.018.214-.03.466 0 .541.035.078.22-.165.382-.432 2.197-.51 4.202 1.014 4.413 3.167-.04-.336-.452-.523-.641-.476-.093.23-.251.525-.506.71a2.003 2.003 0 0 0-.03-.623 2.016 2.016 0 0 1-.385.784.865.865 0 0 1-.744-.336c-.012-.01-.015-.028-.024-.04-.01-.022-.019-.044-.025-.066a.26.26 0 0 1-.019-.065c-.003-.022-.003-.044-.003-.069v-.046c.003-.022.01-.044.016-.066a.538.538 0 0 1 .021-.065c.013-.022.022-.044.037-.065.053-.15.053-.271-.043-.343a.352.352 0 0 0-.059-.03l-.04-.013-.025-.01c-.022-.006-.043-.012-.065-.015a.235.235 0 0 0-.065-.01.505.505 0 0 0-.068-.006c-.016 0-.031.003-.047.003a.24.24 0 0 0-.068.01.532.532 0 0 0-.13.034l-.062.028c-.019.01-.037.022-.059.031-.722.473-.291 1.58.202 1.901-.186.034-.375.075-.428.115l-.006.006c.133.081.272.15.418.209.198.065.41.124.502.15v.002c.257.053.518.072.781.056a2.953 2.953 0 0 0 2.702-2.526l.019.08c.01.057.022.116.028.175v.003c.006.028.01.056.012.081v.013a.766.766 0 0 1 .006.08c.004.035.007.069.007.103v.05l.003.05c0 .018-.003.037-.003.056v.043c0 .022-.003.04-.003.063 0 .012 0 .024-.004.04 0 .022-.003.043-.003.068-.003.01-.003.02-.003.028l-.009.072c0 .01 0 .019-.003.028-.003.031-.01.06-.013.09v.007l-.018.087v.009l-.019.084-.003.012a.834.834 0 0 1-.022.084v.01c-.009.03-.018.059-.024.087-.003.003-.003.006-.003.006l-.028.093c-.013.031-.022.06-.034.09-.013.032-.022.063-.034.09l-.038.091h-.003c-.012.028-.025.06-.04.087a.148.148 0 0 1-.01.022c-.002.003-.002.006-.006.01a2.942 2.942 0 0 1-.87 1.045c-.025.015-.05.034-.075.053-.006.006-.015.009-.021.015l-.069.047.01.018h.003l.13-.018h.003c.08-.013.161-.028.242-.044a.524.524 0 0 0 .068-.015l.043-.01c.022-.003.044-.009.065-.012l.056-.016c.31-.074.61-.177.899-.298A4.968 4.968 0 0 1 7.615 14a5.079 5.079 0 0 0 1.057-.184 4.955 4.955 0 0 0 2.929-2.349 4.975 4.975 0 0 1-.834 2.001 4.883 4.883 0 0 0 2.132-3.335c.106.491.137.999.09 1.5 2.238-3.134.186-6.382-.672-7.237-.004-.007-.007-.01-.007-.016-.003.003-.003.003-.003.006 0-.003 0-.003-.003-.006 0 .037-.003.075-.006.112-.01.072-.019.14-.031.209a4.994 4.994 0 0 1-.053.205 2.593 2.593 0 0 1-.074.199 2.121 2.121 0 0 1-.205.367c-.04.06-.083.115-.127.168a2.32 2.32 0 0 1-.145.156 1.99 1.99 0 0 1-.09.077c-.025.022-.047.04-.071.063a1.73 1.73 0 0 1-.174.121c-.059.037-.12.075-.183.106l-.195.087a2.166 2.166 0 0 1-.41.112 2.374 2.374 0 0 1-.36.031 2.317 2.317 0 0 1-.628-.096H9.55a2.293 2.293 0 0 0 .412-.072 2.178 2.178 0 0 0 .583-.255c.059-.04.118-.081.173-.125.056-.043.109-.09.159-.14.052-.046.099-.1.145-.152a3.07 3.07 0 0 0 .13-.168l.019-.031c.031-.05.062-.1.09-.15a2.148 2.148 0 0 0 .22-.59c.012-.072.025-.14.03-.209.007-.072.013-.143.013-.212a2.405 2.405 0 0 0-.03-.357 2.261 2.261 0 0 0-.047-.209c-.022-.065-.044-.134-.068-.199a2.153 2.153 0 0 0-.087-.193c-.034-.062-.068-.124-.106-.183-.04-.06-.08-.116-.123-.172-.047-.052-.093-.105-.143-.158a1.943 1.943 0 0 0-.08-.078 5.708 5.708 0 0 0-.431-.305.576.576 0 0 0-.062-.031 1.203 1.203 0 0 0-.295-.13Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/nestjsservice.svg b/packages/assets/svgs/ext/Extras/nestjsservice.svg
new file mode 100644
index 000000000000..524853fd3060
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/nestjsservice.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#8DE023" fill-rule="evenodd" d="M9.066 2a.758.758 0 0 0-.242.044.685.685 0 0 1 .288.404c.003.022.01.037.013.06a.343.343 0 0 1 .006.055c.012.274-.071.308-.13.47a.667.667 0 0 0 .043.613c.01.022.022.046.037.068-.118-.787.536-.905.657-1.15.01-.216-.167-.359-.307-.458A.683.683 0 0 0 9.066 2Zm.985.177c-.012.072-.003.053-.006.09-.003.025-.003.057-.006.081-.006.025-.013.05-.022.075a.668.668 0 0 1-.025.075l-.034.071c-.009.013-.015.025-.025.038l-.018.028c-.016.021-.031.043-.047.062-.018.019-.034.04-.055.056v.003c-.019.016-.038.034-.06.05-.064.05-.139.087-.207.134-.022.015-.043.028-.062.046a.454.454 0 0 0-.059.05c-.021.019-.037.037-.056.06-.015.018-.034.04-.046.061a.796.796 0 0 0-.043.066l-.035.071c-.009.025-.018.047-.024.072-.01.028-.016.053-.022.078-.003.012-.003.028-.006.04-.003.013-.003.025-.006.037l-.003.078c0 .019 0 .038.003.056 0 .025.003.05.009.078a.64.64 0 0 0 .015.075c.01.025.016.05.025.074.006.016.016.031.022.044l-.713-.277a7.65 7.65 0 0 0-.36-.093l-.195-.047a5.732 5.732 0 0 0-.564-.084c-.006 0-.009-.003-.015-.003a5.518 5.518 0 0 0-1.528.056 6.22 6.22 0 0 0-.418.087l-.14.037c-.046.019-.09.04-.133.06l-.102.046c-.006.003-.013.003-.016.006-.03.016-.059.028-.087.044a1.362 1.362 0 0 0-.118.06c-.021.008-.043.02-.061.03a1.849 1.849 0 0 0-.183.109c-.022.016-.044.028-.062.044-.003.003-.006.003-.01.006a.716.716 0 0 0-.058.043l-.006.006-.047.038c-.006.003-.012.01-.019.012-.015.013-.03.028-.046.04-.003.007-.01.01-.012.013-.02.019-.038.034-.056.053-.003 0-.003.003-.006.006a.873.873 0 0 0-.056.053c-.003.003-.003.006-.006.006a.729.729 0 0 0-.047.05l-.022.019a.873.873 0 0 1-.052.056c-.003.006-.01.01-.013.015l-.07.075a2.343 2.343 0 0 1-.527.417 2.228 2.228 0 0 1-.397.168c-.13.028-.264.08-.379.09-.024 0-.052.006-.077.01l-.077.018-.075.028c-.025.01-.05.022-.074.034-.022.016-.047.028-.068.044a.507.507 0 0 0-.062.053c-.022.015-.044.037-.062.056-.019.022-.038.04-.053.062-.016.025-.034.047-.047.072a.548.548 0 0 0-.043.071c-.012.028-.025.053-.034.081-.01.025-.019.053-.028.081-.006.025-.012.05-.015.075 0 .003-.004.006-.004.009-.006.028-.006.065-.009.084-.003.022-.006.04-.006.062a.332.332 0 0 0 .037.156v.003c.01.019.022.037.034.056.013.019.025.037.04.056a.823.823 0 0 0 .053.05.454.454 0 0 0 .06.05c.074.065.092.087.188.136.016.01.031.016.05.025.003 0 .006.003.01.003a.64.64 0 0 0 .043.165c.009.019.015.038.024.056.003.006.006.013.01.016.012.025.024.046.037.068l.046.066c.016.018.034.04.053.059.018.018.037.034.059.053 0 0 .003.003.006.003.019.015.037.03.056.043a.493.493 0 0 0 .068.04.503.503 0 0 0 .071.035c.019.01.04.016.062.022.003.003.006.003.013.006l.04.01c-.01.167-.013.326.012.382.028.062.165-.128.3-.345-.018.214-.03.466 0 .541.035.078.22-.165.382-.432 2.197-.51 4.202 1.014 4.413 3.167-.04-.336-.452-.523-.641-.476-.093.23-.251.525-.506.71a2.003 2.003 0 0 0-.03-.623 2.016 2.016 0 0 1-.385.784.865.865 0 0 1-.744-.336c-.012-.01-.015-.028-.024-.04-.01-.022-.019-.044-.025-.066a.26.26 0 0 1-.019-.065c-.003-.022-.003-.044-.003-.069v-.046c.003-.022.01-.044.016-.066a.538.538 0 0 1 .021-.065c.013-.022.022-.044.037-.065.053-.15.053-.271-.043-.343a.352.352 0 0 0-.059-.03l-.04-.013-.025-.01c-.022-.006-.043-.012-.065-.015a.235.235 0 0 0-.065-.01.505.505 0 0 0-.068-.006c-.016 0-.031.003-.047.003a.24.24 0 0 0-.068.01.532.532 0 0 0-.13.034l-.062.028c-.019.01-.037.022-.059.031-.722.473-.291 1.58.202 1.901-.186.034-.375.075-.428.115l-.006.006c.133.081.272.15.418.209.198.065.41.124.502.15v.002c.257.053.518.072.781.056a2.953 2.953 0 0 0 2.702-2.526l.019.08c.01.057.022.116.028.175v.003c.006.028.01.056.012.081v.013a.766.766 0 0 1 .006.08c.004.035.007.069.007.103v.05l.003.05c0 .018-.003.037-.003.056v.043c0 .022-.003.04-.003.063 0 .012 0 .024-.004.04 0 .022-.003.043-.003.068-.003.01-.003.02-.003.028l-.009.072c0 .01 0 .019-.003.028-.003.031-.01.06-.013.09v.007l-.018.087v.009l-.019.084-.003.012a.834.834 0 0 1-.022.084v.01c-.009.03-.018.059-.024.087-.003.003-.003.006-.003.006l-.028.093c-.013.031-.022.06-.034.09-.013.032-.022.063-.034.09l-.038.091h-.003c-.012.028-.025.06-.04.087a.148.148 0 0 1-.01.022c-.002.003-.002.006-.006.01a2.942 2.942 0 0 1-.87 1.045c-.025.015-.05.034-.075.053-.006.006-.015.009-.021.015l-.069.047.01.018h.003l.13-.018h.003c.08-.013.161-.028.242-.044a.524.524 0 0 0 .068-.015l.043-.01c.022-.003.044-.009.065-.012l.056-.016c.31-.074.61-.177.899-.298A4.968 4.968 0 0 1 7.615 14a5.079 5.079 0 0 0 1.057-.184 4.955 4.955 0 0 0 2.929-2.349 4.975 4.975 0 0 1-.834 2.001 4.883 4.883 0 0 0 2.132-3.335c.106.491.137.999.09 1.5 2.238-3.134.186-6.382-.672-7.237-.004-.007-.007-.01-.007-.016-.003.003-.003.003-.003.006 0-.003 0-.003-.003-.006 0 .037-.003.075-.006.112-.01.072-.019.14-.031.209a4.994 4.994 0 0 1-.053.205 2.593 2.593 0 0 1-.074.199 2.121 2.121 0 0 1-.205.367c-.04.06-.083.115-.127.168a2.32 2.32 0 0 1-.145.156 1.99 1.99 0 0 1-.09.077c-.025.022-.047.04-.071.063a1.73 1.73 0 0 1-.174.121c-.059.037-.12.075-.183.106l-.195.087a2.166 2.166 0 0 1-.41.112 2.374 2.374 0 0 1-.36.031 2.317 2.317 0 0 1-.628-.096H9.55a2.293 2.293 0 0 0 .412-.072 2.178 2.178 0 0 0 .583-.255c.059-.04.118-.081.173-.125.056-.043.109-.09.159-.14.052-.046.099-.1.145-.152a3.07 3.07 0 0 0 .13-.168l.019-.031c.031-.05.062-.1.09-.15a2.148 2.148 0 0 0 .22-.59c.012-.072.025-.14.03-.209.007-.072.013-.143.013-.212a2.405 2.405 0 0 0-.03-.357 2.261 2.261 0 0 0-.047-.209c-.022-.065-.044-.134-.068-.199a2.153 2.153 0 0 0-.087-.193c-.034-.062-.068-.124-.106-.183-.04-.06-.08-.116-.123-.172-.047-.052-.093-.105-.143-.158a1.943 1.943 0 0 0-.08-.078 5.708 5.708 0 0 0-.431-.305.576.576 0 0 0-.062-.031 1.203 1.203 0 0 0-.295-.13Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/netlify.svg b/packages/assets/svgs/ext/Extras/netlify.svg
new file mode 100644
index 000000000000..71a3977b5473
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/netlify.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#05BDBA" d="M7 2h1.5v4H7V2ZM7 10.5h1.5v4H7v-4ZM1.5 9V7.5h4V9h-4ZM10 9V7.5h4V9h-4ZM4.02 5.58l1.06-1.06L6.16 5.598V6.66L5 6.561l-.98-.98ZM5.07 11.991l-1.061-1.06L5 9.939l1.159-.098-.029 1.09-1.06 1.06Z"/><path fill="#FBB03B" d="M6.75 8.25a1 1 0 0 1 2 0 1 1 0 0 1-2 0Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/nextconfig.svg b/packages/assets/svgs/ext/Extras/nextconfig.svg
new file mode 100644
index 000000000000..1f6d0d40d23a
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/nextconfig.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#909090" fill-rule="evenodd" d="M8 13.6c1.04 0 2.014-.284 2.848-.777L5.75 6.996V11a.75.75 0 0 1-1.5 0V5a.75.75 0 0 1 1.314-.494l6.463 7.386A5.6 5.6 0 1 0 8 13.6ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm3.75-10a.75.75 0 0 0-1.5 0v3a.75.75 0 0 0 1.5 0V5Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/nextron.svg b/packages/assets/svgs/ext/Extras/nextron.svg
new file mode 100644
index 000000000000..67df0657946f
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/nextron.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#33ACC5" fill-rule="evenodd" d="M8.376 3.173c-.23.243-.56.394-.925.394-.696 0-1.261-.552-1.261-1.234 0-.682.565-1.234 1.261-1.234.659 0 1.2.493 1.257 1.123.761.357 1.29.965 1.661 1.611.455.793.696 1.681.854 2.335.425 1.767.045 4.06-.267 5.195a.5.5 0 1 1-.964-.266c.296-1.076.625-3.173.258-4.695-.154-.641-.369-1.41-.748-2.07-.284-.495-.646-.905-1.126-1.159ZM2.06 4.411c1.033-.892 2.486-.971 3.627-.629a.5.5 0 0 1-.287.958c-.924-.277-1.988-.175-2.686.428-.341.295-.674 1.025-.154 1.793a.5.5 0 1 1-.828.56 2.342 2.342 0 0 1 .328-3.11Zm9.603-.594a.5.5 0 0 0 0 1c.17 0 .52.037.869.17.348.133.632.338.775.635.478.989.02 2.377-1.26 3.7a.5.5 0 0 0 .719.696c1.357-1.404 2.207-3.248 1.442-4.83-.296-.613-.84-.952-1.319-1.135a3.644 3.644 0 0 0-1.226-.236ZM8.745 5.092a.5.5 0 1 0-.224-.975C7.29 4.4 5.08 5.43 3.584 7.014 2.598 8.057 2.02 9.089 1.768 10.1a4.98 4.98 0 0 0-.08 2.056c-.414.202-.7.621-.7 1.105 0 .682.565 1.235 1.262 1.235.697 0 1.262-.553 1.262-1.235 0-.527-.339-.978-.816-1.154a3.99 3.99 0 0 1 .042-1.765c.202-.811.68-1.696 1.572-2.641 1.345-1.424 3.374-2.365 4.435-2.609ZM4.45 9.205a.5.5 0 0 0-.774.633c.544.665 1.988 2.209 4.92 2.976 1.491.39 2.778.289 3.768-.001a5.65 5.65 0 0 0 .872-.335c.212.158.477.252.764.252.697 0 1.262-.553 1.262-1.234 0-.682-.565-1.235-1.262-1.235-.697 0-1.262.553-1.262 1.235 0 .037.002.073.005.11a4.68 4.68 0 0 1-.66.247c-.824.242-1.926.336-3.234-.006-2.669-.699-3.944-2.086-4.4-2.642Zm.432 2.805a.5.5 0 0 1 .604.368c.16.662.786 1.417 1.58 1.51.654.078 1.219-.222 1.6-.564a.5.5 0 0 1 .668.743c-.508.458-1.347.937-2.386.815-1.324-.157-2.206-1.327-2.434-2.269a.5.5 0 0 1 .368-.603Zm2.75-2.514a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/nginx.svg b/packages/assets/svgs/ext/Extras/nginx.svg
new file mode 100644
index 000000000000..29211cb07d00
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/nginx.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M10 5.5h1V11h-1L6 7.15V11H5V5.5h1l4 3.85V5.5M8 1.94a.89.89 0 0 0-.45.12L3 4.71a.9.9 0 0 0-.45.79v5.3a.91.91 0 0 0 .45.79l4.6 2.65a.9.9 0 0 0 .9 0l4.6-2.65a.91.91 0 0 0 .45-.79V5.5a.9.9 0 0 0-.45-.79L8.45 2.06A.89.89 0 0 0 8 1.94" style="fill:#009639"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/nim.svg b/packages/assets/svgs/ext/Extras/nim.svg
new file mode 100644
index 000000000000..607a74c01a2b
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/nim.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#D9AC39" d="m8 3-.894 1.234c-.489-.015-1.448.094-1.968.283C4.659 4.214 4 3.5 4 3.5l-.347 1.36c-.336.18-.673.38-.973.645L1.5 4.5c.462.932 1.184 3.058 2.032 3.619 1.345-2.625 7.599-2.427 8.972-.012.888-.463 1.514-2.324 1.863-3.246-.275.092-.83.555-1.102.656-.183-.2-.617-.507-.863-.656C12.169 4.433 12 3.5 12 3.5s-.574.655-1.041.982c-.63-.117-1.394-.258-2.035-.223C8.487 3.899 8 3 8 3Z"/><path fill="#D9AC39" d="m2.391 8.015 1.111 3.436c1.928 2.543 6.851 2.718 8.998.049L13.693 8c-.551.816-1.447 1.379-1.999 1.684-.392.215-1.297.345-1.297.345L8.023 8.798l-2.389 1.206s-.893-.143-1.297-.332c-.816-.436-1.364-.95-1.943-1.655l-.003-.002Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/nix.svg b/packages/assets/svgs/ext/Extras/nix.svg
new file mode 100644
index 000000000000..81247a1cda73
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/nix.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#6EBBF2" d="M6.36 6 3.1 11.59l-.77-1.31.91-1.59H1.42L1 8l.42-.69H4L4.76 6h1.6Zm.73 4.41h6.44l-.77 1.31h-1.82l.91 1.59-.42.69h-.77L9.4 11.72H7.9l-.81-1.31Zm3.47-2.87L7.3 2h1.54l.91 1.59.91-1.59h.77l.42.69-1.33 2.21.85 1.31-.81 1.33Z"/><path fill="#5588F1" d="M8.88 5.59H2.4l.77-1.31h1.82l-.91-1.59L4.5 2h.77L6.6 4.21h1.5l.78 1.38ZM9.64 10l3.26-5.59.77 1.31-.91 1.59h1.82L15 8l-.42.69h-2.59L11.24 10h-1.6ZM5.46 8.57l3.24 5.36H7.16l-.91-1.58-.77 1.58h-.91l-.42-.69 1.33-2.2-.75-1.17.73-1.3Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/njk.svg b/packages/assets/svgs/ext/Extras/njk.svg
new file mode 100644
index 000000000000..0eec6a473eee
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/njk.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#6EAF5D" d="M10.06 11.268h1.256v-5.89h1.683V11.9c.008.211-.049.42-.163.594a1.11 1.11 0 0 1-.59.465c-.15.03-.301.043-.453.04H9.394a.986.986 0 0 1-.565-.182 1.124 1.124 0 0 1-.415-.607 1.98 1.98 0 0 1 0-.543V9.848l1.683-.4v1.821h-.037ZM3 3h1.658c.402 1.37.804 2.726 1.256 4.082V3h1.633v10H5.89c-.414-1.448-.816-2.908-1.256-4.354v4.353H3V3Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/nodemon.svg b/packages/assets/svgs/ext/Extras/nodemon.svg
new file mode 100644
index 000000000000..ca4a465d7e6a
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/nodemon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#76D04B" fill-rule="evenodd" d="M8.344 13.924a.567.567 0 0 1-.568 0L3.073 11.21a.568.568 0 0 1-.284-.492V5.285c0-.203.108-.39.284-.492l4.703-2.717a.569.569 0 0 1 .568 0l4.704 2.717c.175.101.284.289.284.492v5.432c0 .204-.109.391-.285.493l-4.703 2.714Zm2.552-7.34.21.121a.344.344 0 0 1 .172.3l-.005 4.425a.172.172 0 0 1-.258.15l-1.697-.973a.348.348 0 0 1-.173-.299V8.241a.344.344 0 0 0-.173-.299l-.722-.416a.336.336 0 0 0-.345 0l-.722.416a.344.344 0 0 0-.173.299v2.067a.348.348 0 0 1-.172.3l-1.698.971a.165.165 0 0 1-.171 0 .17.17 0 0 1-.086-.149l-.006-4.425c0-.125.066-.239.172-.3l.21-.12c-.322-.477-.516-1.192-.274-2.261 0 0 .545 1.525 1.639 1.475l1.281-.738a.34.34 0 0 1 .158-.045h.03a.334.334 0 0 1 .157.045L9.53 5.8c1.094.05 1.638-1.475 1.638-1.475.242 1.07.05 1.785-.273 2.26Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/npm.svg b/packages/assets/svgs/ext/Extras/npm.svg
new file mode 100644
index 000000000000..3d5afc6b6f94
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/npm.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M4 4h8v8h-1.5V6h-3v6H4V4m8.5-1.55h-9a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1.05h9a1 1 0 0 0 1.05-1.05v-9a1 1 0 0 0-1.05-1" style="fill:#c63939"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/npmlock.svg b/packages/assets/svgs/ext/Extras/npmlock.svg
new file mode 100644
index 000000000000..31a0e9acaa4c
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/npmlock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#919191" d="M4 4h8v8h-1.5V6h-3v6H4V4Zm8.5-1.55h-9a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1.05h9a1 1 0 0 0 1.05-1.05v-9a1 1 0 0 0-1.05-1"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/nuxt.svg b/packages/assets/svgs/ext/Extras/nuxt.svg
new file mode 100644
index 000000000000..b2063b3f01f4
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/nuxt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#52C38F" fill-rule="evenodd" d="M6.5 6.113 3.537 11.5h3.307l1.324-2.354L6.5 6.113Zm4.675 5.387-1.29-2.346.615-1.094 1.935 3.44h-1.26ZM7.71 13h5.58a1 1 0 0 0 .872-1.49l-2.79-4.96a1 1 0 0 0-1.744 0l-.594 1.057-1.658-3.014a1 1 0 0 0-1.752 0l-3.809 6.925A1 1 0 0 0 2.691 13H7.71Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/nvim.svg b/packages/assets/svgs/ext/Extras/nvim.svg
new file mode 100644
index 000000000000..3bd3c911933e
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/nvim.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="url(#a)" fill-rule="evenodd" d="M2 4.58 5 2v12l-3-2.551V4.581Z" clip-rule="evenodd"/><path fill="url(#b)" fill-rule="evenodd" d="M13.98 4.604 11 2v12l3-2.551-.02-6.845Z" clip-rule="evenodd"/><path fill="url(#c)" fill-rule="evenodd" d="m5 2 7.973 10.324L11 14 2.8 3.89 5 2Z" clip-rule="evenodd"/><defs><linearGradient id="a" x1="3.5" x2="3.5" y1="2" y2="14" gradientUnits="userSpaceOnUse"><stop stop-color="#16B0ED" stop-opacity=".8"/><stop offset="1" stop-color="#0F59B2" stop-opacity=".837"/></linearGradient><linearGradient id="b" x1="12.5" x2="12.5" y1="2" y2="14" gradientUnits="userSpaceOnUse"><stop stop-color="#7DB643"/><stop offset="1" stop-color="#367533"/></linearGradient><linearGradient id="c" x1="7.666" x2="7.666" y1="2" y2="14" gradientUnits="userSpaceOnUse"><stop stop-color="#88C649" stop-opacity=".8"/><stop offset="1" stop-color="#439240" stop-opacity=".84"/></linearGradient></defs></svg>
diff --git a/packages/assets/svgs/ext/Extras/nvm.svg b/packages/assets/svgs/ext/Extras/nvm.svg
new file mode 100644
index 000000000000..499013754c9a
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/nvm.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#70c427}</style></defs><path d="m8 1.5-5.2 3-.43.25v6.5L8 14.5l5.63-3.25v-6.5Zm4.63 9.17L8 13.35l-4.63-2.68V5.33L8 2.65l4.63 2.68Z" class="cls-1"/><path d="M5 6v1.51L8 11l3-3.5V6L8 9.31 5 6z" class="cls-1"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/nx.svg b/packages/assets/svgs/ext/Extras/nx.svg
new file mode 100644
index 000000000000..6cdea1953cb6
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/nx.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><g clip-path="url(#a)"><path fill="#457CE7" d="m7.804 9.795-1.788 2.973-2.965-5.092L3.045 13H1V4h2.068l2.995 5.332V6.92l1.741 2.876Zm.689-3.75c.014-.025 0-2.02.004-2.045h-2.07c0 .031-.003 2.015 0 2.045h2.066Zm6.308 4.217a.431.431 0 0 0 .148-.166.464.464 0 0 0 .05-.223c-.005-1.805-1.383-3.35-3.082-3.35-.51 0-1.013.134-1.463.392a3.16 3.16 0 0 0-1.112 1.084c-.006-.016-.874-1.46-.883-1.476H6.43L8.39 9.795 6.476 13h2.018l.87-1.42.885 1.42h1.998l-1.812-3.033a.449.449 0 0 1-.047-.192c0-.212.039-.422.115-.618.076-.196.188-.374.33-.524.14-.15.307-.27.492-.35a1.44 1.44 0 0 1 .58-.124h.012c.854 0 .997.546 1.181.798.364.505 1.09.284 1.09.941.001.076.021.15.057.215a.42.42 0 0 0 .15.155.387.387 0 0 0 .405-.006Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M1 4h14v9H1z"/></clipPath></defs></svg>
diff --git a/packages/assets/svgs/ext/Extras/obj.svg b/packages/assets/svgs/ext/Extras/obj.svg
new file mode 100644
index 000000000000..4b6478126b03
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/obj.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#D9295E" fill-rule="evenodd" d="M8 1.75a.75.75 0 0 1 .75.75v2.036l3.585 1.793A.75.75 0 0 1 12.75 7v3.537l1.585.792a.75.75 0 1 1-.67 1.342L12 11.839 8.335 13.67a.75.75 0 0 1-.67 0L4 11.839l-1.665.832a.75.75 0 1 1-.67-1.342l1.585-.793V7a.75.75 0 0 1 .415-.67L7.25 4.535V2.5A.75.75 0 0 1 8 1.75Zm0 4.089L5.677 7 8 8.161 10.323 7 8 5.839Zm3.25 2.375-2.5 1.25v2.322l2.5-1.25V8.215Zm-4 3.572V9.465l-2.5-1.25v2.322l2.5 1.25Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/ocaml.svg b/packages/assets/svgs/ext/Extras/ocaml.svg
new file mode 100644
index 000000000000..ef425db88182
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/ocaml.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#DF9947" d="M11 5c0 1.6-.5 2-1 2S9 7 9 6c0-2-1-2-1.5-2-1.5 0-1 2-2 2s-.237-2-2-2C2 4 2 6 2 8v5h1.585c0-1 .415-2.7.415-3.5 1 1 3 .5 3.5 0L8 13h1.415c0-.333.085-2.2.085-3v-.5s3-.5 3.585-3.5c0 0 1.084.15 1.5-.35C15 5.15 15 4 14.585 4h-1.75C12.5 3 11 3 11 4v1Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/ocamli.svg b/packages/assets/svgs/ext/Extras/ocamli.svg
new file mode 100644
index 000000000000..46a9c030a3d3
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/ocamli.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#DF9947" d="M8 5.75c0 1.6-.5 2-1 2s-1 0-1-1c0-2-1-2-1.5-2-1.5 0-1 2-2 2v3.75l2-.25.5 3.5h1.415c0-.333.085-2.2.085-3v-.5s3-.5 3.585-3.5c0 0 1.084.15 1.5-.35.415-.5.415-1.65 0-1.65h-1.75C9.5 3.75 8 3.75 8 4.75v1Z"/><path fill="#DF9947" fill-rule="evenodd" d="M13 3.2H3v9.6h10V3.2ZM3 2c-.552 0-1 .537-1 1.2v9.6c0 .663.448 1.2 1 1.2h10c.552 0 1-.537 1-1.2V3.2c0-.663-.448-1.2-1-1.2H3Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/ocamll.svg b/packages/assets/svgs/ext/Extras/ocamll.svg
new file mode 100644
index 000000000000..d11dec15f674
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/ocamll.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><g clip-path="url(#a)"><path fill="#DF6C47" d="M11 5c0 1.6-.5 2-1 2S9 7 9 6c0-2-1-2-1.5-2-1.5 0-1 2-2 2s-.237-2-2-2C2 4 2 6 2 8v5h1.585c0-1 .415-2.7.415-3.5 1 1 3 .5 3.5 0L8 13h1.415c0-.333.085-2.2.085-3v-.5s3-.5 3.585-3.5c0 0 1.084.15 1.5-.35C15 5.15 15 4 14.585 4h-1.75C12.5 3 11 3 11 4v1Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
diff --git a/packages/assets/svgs/ext/Extras/ocamly.svg b/packages/assets/svgs/ext/Extras/ocamly.svg
new file mode 100644
index 000000000000..4b7ee5be480a
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/ocamly.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#DF9947" fill-rule="evenodd" d="M2 3.2C2 2.537 2.448 2 3 2h10c.552 0 1 .537 1 1.2v9.6c0 .663-.448 1.2-1 1.2H6.683v-3.75s3.512-.5 4.196-3.5c0 0 1.27.15 1.756-.35.487-.5.487-1.65 0-1.65h-2.049c-.391-1-2.147-1-2.147 0v1c0 1.6-.586 2-1.17 2-.586 0-1.172 0-1.172-1 0-2-1.17-2-1.756-2-.966 0-1.223.606-1.455 1.151-.188.445-.36.849-.886.849V3.2Zm0 7.3v2.3c0 .663.448 1.2 1 1.2h1.927l-.586-3.75L2 10.5Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/opengl.svg b/packages/assets/svgs/ext/Extras/opengl.svg
new file mode 100644
index 000000000000..951fa223471a
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/opengl.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#4CA4DA" fill-rule="evenodd" d="M10 3c1.188 0 2.295.288 3.227.784C11.93 2.683 10.133 2 8.144 2 4.198 2 1 4.686 1 8s3.198 6 7.144 6c1.989 0 3.787-.682 5.083-1.784A6.868 6.868 0 0 1 10 13c-3.314 0-6-2.239-6-5s2.686-5 6-5Zm-1.412 7.828c-.269.114-.54.172-.814.172-.432 0-.82-.076-1.166-.229a2.498 2.498 0 0 1-.873-.63 2.8 2.8 0 0 1-.545-.944A3.516 3.516 0 0 1 5 8.028c0-.428.063-.826.19-1.193.125-.366.307-.686.543-.96a2.49 2.49 0 0 1 .872-.642A2.81 2.81 0 0 1 7.771 5c.29 0 .57.044.842.133.271.088.516.219.735.39.218.172.399.384.541.635.142.252.23.54.261.866H8.965c-.074-.32-.217-.56-.427-.721a1.23 1.23 0 0 0-.767-.24c-.28 0-.516.054-.711.164-.195.11-.353.257-.475.442-.12.185-.209.395-.264.63a3.177 3.177 0 0 0 0 1.434c.055.227.144.432.265.614.121.182.28.328.475.438.195.11.432.165.712.165.412 0 .73-.106.953-.316.225-.21.355-.516.392-.916H7.87v-.941h2.367v3.094H9.45l-.126-.649c-.22.289-.466.49-.735.606Zm3.662-5.683v4.66H15v1.062h-3.989V5.145h1.239Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/parcel.svg b/packages/assets/svgs/ext/Extras/parcel.svg
new file mode 100644
index 000000000000..8d283818286e
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/parcel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#D9AA79" d="m2.5 6 5 2v6l-5-2V6Z"/><path fill="#AF835E" d="m13.5 6-5 2v6l5-2V6Z"/><path fill="#997354" d="M8 3 3 5l5 2 5-2-5-2Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/pdf.svg b/packages/assets/svgs/ext/Extras/pdf.svg
new file mode 100644
index 000000000000..aeb6647d32cc
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/pdf.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M6.52 9.1a4.19 4.19 0 0 0-2 1.69c-.09.27-.08.46 0 .56a.71.71 0 0 0 .48.16h.15c.59-.17 1.09-1.15 1.31-2.39m4.92-1.92a7.41 7.41 0 0 0-2.73.8h.15a5.84 5.84 0 0 0 1.26.1 6 6 0 0 0 1.72-.1.32.32 0 0 0 .22-.37.5.5 0 0 0-.49-.45M5.11 4.5 5 4.56a1 1 0 0 0 0 1 3.77 3.77 0 0 0 1.63 1.86c-.06-1.24-.44-2.58-1.39-2.89h-.13m-1.62 6.55a2.39 2.39 0 0 1 .11-.6A4.79 4.79 0 0 1 6 8.23a4.69 4.69 0 0 1-2-2.2 2 2 0 0 1 .15-2.12 1.13 1.13 0 0 1 .95-.41 1.19 1.19 0 0 1 .45.08c1.25.41 2 1.83 2.08 3.83a9.18 9.18 0 0 1 3.79-1.23h.13A1.52 1.52 0 0 1 13 7.52a1.31 1.31 0 0 1-.83 1.39 6 6 0 0 1-2 .26A7 7 0 0 1 8.55 9l-.66-.16-.32-.08c-.19 1.65-.86 3.31-2 3.64a1.32 1.32 0 0 1-.47.08 1.77 1.77 0 0 1-1.16-.42 1.3 1.3 0 0 1-.41-.94v-.07M12.5 2h-9A1.54 1.54 0 0 0 2 3.54v9A1.54 1.54 0 0 0 3.5 14h9a1.54 1.54 0 0 0 1.5-1.5v-9A1.54 1.54 0 0 0 12.5 2" style="fill:#dd2a40"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/perl.svg b/packages/assets/svgs/ext/Extras/perl.svg
new file mode 100644
index 000000000000..ebd59a806f66
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/perl.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#9587EF" fill-rule="evenodd" d="M7.885 2.305c.17.844.278 2.876 0 4.127-.796 3.596-.822 6.567 1.71 7.58s4.988-2.14 4.153-4.665c-.77-2.33-2.356-3.258-3.165-3.731l-.186-.11c-.277-.168-.561-.326-.82-.47-.42-.232-.771-.428-.915-.566-.05-.28-.089-.564-.124-.833-.116-.872-.208-1.568-.653-1.332Zm1.16 3.61c1.504.688 3.668 2.38 3.668 4.381 0 2.001-1.176 2.51-2.037 2.732.416-.782.763-1.642.434-3.62-.234-1.404-.949-2.218-1.718-3.093-.115-.131-.231-.264-.347-.4Z" clip-rule="evenodd"/><path fill="#9587EF" d="M7.436 4.997c.39-2.033-.072-3.742-.235-3.905-.324.093-.224.255-.19.458.157.973.104 1.443.104 2.198 0 1.955-2.255 3.387-2.52 5.243-.174 1.22-.097 2.267.832 3.44.928 1.173 2.79 1.33 2.009.744C6.654 12.59 5.774 11.35 5.774 10c0-1.952 1.173-2.462 1.662-5.003Z"/><path fill="#9587EF" d="M6.215 5.124c.528-.675.547-1.999.455-2.58-.23 0-.128.675-.328 1.323-.267.867-.687 1.23-1.21 1.6-1.06.748-2.892 2.66-3.041 4.236-.047.5-.131 1.922.94 3.266 1.268 1.592 4.188 1.374 3.712 1.162-1.842-.822-3.03-1.643-3.31-3.527-.33-2.219 2.122-4.636 2.782-5.48Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/perlm.svg b/packages/assets/svgs/ext/Extras/perlm.svg
new file mode 100644
index 000000000000..38e950726083
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/perlm.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#61C5BA" fill-rule="evenodd" d="M7.895 2.305c.169.844.277 2.876 0 4.127-.797 3.596-.822 6.567 1.71 7.58 2.531 1.013 4.987-2.14 4.152-4.665-.77-2.33-2.355-3.258-3.165-3.731l-.186-.11a25.597 25.597 0 0 0-.82-.47c-.419-.232-.77-.428-.914-.566-.051-.28-.09-.564-.125-.833-.116-.872-.208-1.568-.652-1.332Zm1.16 3.61c1.503.688 3.667 2.38 3.667 4.381 0 2.001-1.176 2.51-2.036 2.732.416-.782.763-1.642.433-3.62-.234-1.404-.948-2.218-1.717-3.093a37.41 37.41 0 0 1-.348-.4Z" clip-rule="evenodd"/><path fill="#61C5BA" d="M7.445 4.997c.391-2.033-.072-3.742-.235-3.905-.323.093-.223.255-.19.458.157.973.104 1.443.104 2.198 0 1.955-2.255 3.387-2.52 5.243-.174 1.22-.096 2.267.832 3.44.929 1.173 2.791 1.33 2.01.744C6.662 12.59 5.783 11.35 5.783 10c0-1.952 1.173-2.462 1.661-5.003Z"/><path fill="#61C5BA" d="M6.225 5.124c.528-.675.546-1.999.455-2.58-.23 0-.128.675-.328 1.323-.268.867-.688 1.23-1.21 1.6-1.06.748-2.893 2.66-3.042 4.236-.047.5-.13 1.922.94 3.266 1.268 1.592 4.188 1.374 3.712 1.162-1.842-.822-3.03-1.643-3.31-3.527-.33-2.219 2.122-4.636 2.783-5.48Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/pfx.svg b/packages/assets/svgs/ext/Extras/pfx.svg
new file mode 100644
index 000000000000..6703975189e0
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/pfx.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#D7597F" fill-rule="evenodd" d="M7.83 9a3.001 3.001 0 1 1 0-2H14v2h-1v2h-3V9H7.83ZM5 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/photoshop.svg b/packages/assets/svgs/ext/Extras/photoshop.svg
new file mode 100644
index 000000000000..736b69601e5e
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/photoshop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><style>.cls-2{fill:#278dd4}</style></defs><path d="M12.5 14h-9A1.55 1.55 0 0 1 2 12.5v-9A1.55 1.55 0 0 1 3.5 2h9a1.55 1.55 0 0 1 1.55 1.5v9A1.55 1.55 0 0 1 12.5 14Z" style="fill:#001d37"/><path d="M3.91 4.43h1.24v7H3.91Zm.57 3.08h1.68a.7.7 0 0 0 .33-.08.58.58 0 0 0 .21-.25.84.84 0 0 0 .08-.37v-.46A.86.86 0 0 0 6.7 6a.56.56 0 0 0-.54-.34H4.48V4.43h1.68a2.12 2.12 0 0 1 1 .22 1.55 1.55 0 0 1 .66.63 2 2 0 0 1 .22 1v.66a2 2 0 0 1-.22 1 1.52 1.52 0 0 1-.66.62 2.12 2.12 0 0 1-1 .22H4.48ZM9.37 11.34a1.51 1.51 0 0 1-.65-.43 1.5 1.5 0 0 1-.34-.69l1-.42a.93.93 0 0 0 .36.42 1.1 1.1 0 0 0 .55.14.87.87 0 0 0 .46-.11A.35.35 0 0 0 11 10a.35.35 0 0 0-.1-.27.53.53 0 0 0-.25-.15l-.43-.12h-.36a4.46 4.46 0 0 1-.69-.25 1.13 1.13 0 0 1-.45-.42 1.41 1.41 0 0 1-.19-.78 1.53 1.53 0 0 1 .21-.81 1.38 1.38 0 0 1 .6-.54 2.14 2.14 0 0 1 .91-.18 2.47 2.47 0 0 1 .84.14 1.63 1.63 0 0 1 .6.42 1.57 1.57 0 0 1 .32.66L11 8a.72.72 0 0 0-.29-.35.79.79 0 0 0-.44-.13.69.69 0 0 0-.41.11.34.34 0 0 0 0 .53.59.59 0 0 0 .27.15 3.46 3.46 0 0 0 .45.12h.12a3.45 3.45 0 0 1 .76.23 1.13 1.13 0 0 1 .5.43 1.55 1.55 0 0 1 .2.85 1.51 1.51 0 0 1-.22.83 1.4 1.4 0 0 1-.63.54 2.21 2.21 0 0 1-1 .2 2.29 2.29 0 0 1-.94-.17Z" class="cls-2"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/playright.svg b/packages/assets/svgs/ext/Extras/playright.svg
new file mode 100644
index 000000000000..8cc313757dd0
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/playright.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><g clip-path="url(#a)"><path fill="#E2574C" d="M6.384 11.4a3.998 3.998 0 0 1-.001.004v-.003Zm-.424-.79.014.032a1.252 1.252 0 0 1-.021-.05l.007.019Zm-.195-.586c.01.04.021.082.034.123-.011-.04-.024-.082-.034-.123Zm-.054-.213a4.29 4.29 0 0 0 .001 0Zm-.103 1.282a5.332 5.332 0 0 1-.343-1.157l-1.306.36s.16-.893 1.198-1.33c-.059-1.409.186-2.747.629-4.066-3.005 1.599-4.912.081-4.78.923.238 2.117 1.452 6.277 4.842 5.742-.09-.152-.17-.31-.24-.472ZM2.387 7.528l1.968-.505c-.078.983-1.41 1.3-1.968.505Zm3.73-2.818-.01.03c.004-.01.008-.02.01-.03Zm-.035.111.024-.08c-.006.026-.016.052-.024.08Zm-.034.116.018-.058-.02.056.002.002Zm-.322 1.307.009-.048-.01.048Zm-.022.124c0-.018.005-.034.009-.051l-.01.052v-.001Zm-.013.088.014-.087-.015.088v-.001Zm-.056.362c.004-.03.009-.061.012-.092l-.012.092Zm0 .022v-.022a.201.201 0 0 0-.004.021l.004.001Zm-.015.094v-.025a.07.07 0 0 1 0 .025Zm-.013.11c0-.015.003-.028.005-.042-.003.015-.003.029-.005.043v-.001Zm-.035.383.01-.116a.931.931 0 0 0-.01.116ZM5.556 8.67c0 .054.006.109.01.163a8.086 8.086 0 0 1-.018-.316c.004.05.005.1.008.153Z"/><path fill="#2EAD33" d="M13.928 5.152c-.51.088-1.73.196-3.24-.196L9.45 9.584l-2.336-.636 4.53 1.234c-.662.575-1.273.84-2.508.579l-.559 2.094-.074-.016c3.261 1 5.525-2.95 6.076-5.243.268-.974.385-1.711.416-2.187.038-.537-.34-.38-1.068-.257Zm-1.253 3.456-2.012-.558c.922-1.253 2.486-.478 2.557.71l-.545-.152ZM9.279 7.603Zm-.053-.267Zm-.092-.253Zm-3.043 3.819-.034-.071a3.896 3.896 0 0 1 .034.07Zm.026-6.19-.01.03a.636.636 0 0 0 .01-.031Zm-.029.09c0 .007-.004.013-.006.02l.013-.039a.15.15 0 0 0-.007.018v.001Zm-.031.103-.009.03.018-.057a.213.213 0 0 0-.009.026v.001Zm-.097 5.707.014.031a1.247 1.247 0 0 1-.021-.05l.007.019Zm-.256-4.244c0-.018.005-.034.009-.051a1.609 1.609 0 0 0-.01.052v-.001Zm-.013.088.014-.087-.015.088v-.001Zm-.12.97c.005-.038.007-.077.01-.115a.931.931 0 0 0-.01.116ZM5.557 8.67c.004.057.006.111.012.167a9.632 9.632 0 0 1-.019-.32l.007.153Z"/><path fill="#1D8D22" d="M10.688 4.956C9.177 4.567 8.146 3.863 7.75 3.539c-.475-.39-.729-.68-.943-.467-.934 1.715-1.354 3.81-1.239 5.763.037.547.147 1.087.328 1.607.121.338.285.66.49.958.522.748 1.235 1.224 2.196 1.457l.552-2.095c-1.251-.38-1.74-.956-2.018-1.811l2.335.636 1.237-4.631Zm-1.41 2.65-2.557-.708c.793-1.148 2.448-.633 2.558.708Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M1 3h14v10H1z"/></clipPath></defs></svg>
diff --git a/packages/assets/svgs/ext/Extras/pnpm.svg b/packages/assets/svgs/ext/Extras/pnpm.svg
new file mode 100644
index 000000000000..337d08bb4a94
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/pnpm.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#909090" fill-opacity=".6" d="M10.5 10.5h3v3h-3v-3ZM6.5 10.5h3v3h-3v-3ZM2.5 10.5h3v3h-3v-3Z"/><path fill="#FFCB66" d="M10.5 6.5h3v3h-3v-3Z"/><path fill="#909090" fill-opacity=".6" d="M6.5 6.5h3v3h-3v-3Z"/><path fill="#FFCB66" d="M10.5 2.5h3v3h-3v-3ZM6.5 2.5h3v3h-3v-3ZM2.5 2.5h3v3h-3v-3Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/pnpmlock.svg b/packages/assets/svgs/ext/Extras/pnpmlock.svg
new file mode 100644
index 000000000000..337d08bb4a94
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/pnpmlock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#909090" fill-opacity=".6" d="M10.5 10.5h3v3h-3v-3ZM6.5 10.5h3v3h-3v-3ZM2.5 10.5h3v3h-3v-3Z"/><path fill="#FFCB66" d="M10.5 6.5h3v3h-3v-3Z"/><path fill="#909090" fill-opacity=".6" d="M6.5 6.5h3v3h-3v-3Z"/><path fill="#FFCB66" d="M10.5 2.5h3v3h-3v-3ZM6.5 2.5h3v3h-3v-3ZM2.5 2.5h3v3h-3v-3Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/poetry.svg b/packages/assets/svgs/ext/Extras/poetry.svg
new file mode 100644
index 000000000000..6e26f30e014d
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/poetry.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#00CDFA" fill-rule="evenodd" d="M9.778 9.778A10.965 10.965 0 0 0 13 2H2l7.778 7.778Z" clip-rule="evenodd"/><path fill="#1055A3" fill-rule="evenodd" d="M2 13c3.038 0 5.788-1.231 7.778-3.222L11.5 11.5c-1 2-5 3.5-7.119 3.5L2 13Z" clip-rule="evenodd"/><path fill="#0077C3" fill-rule="evenodd" d="M9.778 9.778A10.965 10.965 0 0 1 2 13V2l7.778 7.778Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/poetrylock.svg b/packages/assets/svgs/ext/Extras/poetrylock.svg
new file mode 100644
index 000000000000..52ef0a3ff7d0
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/poetrylock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#909090" fill-rule="evenodd" d="M9.778 9.778A10.965 10.965 0 0 0 13 2H2l7.778 7.778Z" clip-rule="evenodd"/><path fill="#909090" fill-opacity=".5" fill-rule="evenodd" d="M2 13c3.038 0 5.788-1.231 7.778-3.222L11.5 11.5c-1 2-5 3.5-7.119 3.5L2 13Z" clip-rule="evenodd"/><path fill="#909090" fill-opacity=".75" fill-rule="evenodd" d="M9.778 9.778A10.965 10.965 0 0 1 2 13V2l7.778 7.778Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/postcssconfig.svg b/packages/assets/svgs/ext/Extras/postcssconfig.svg
new file mode 100644
index 000000000000..23aff18aae27
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/postcssconfig.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#dd3a0a}</style></defs><path d="M8.27 1.51h-.56A6.51 6.51 0 0 0 1.5 8a6.27 6.27 0 0 0 .5 2.41 4.47 4.47 0 0 0 .27.59 6.49 6.49 0 0 0 11.52 0q.15-.29.27-.57a6.5 6.5 0 0 0-5.79-8.92ZM11 7.58 12.56 10H11ZM10 10H6V6h4Zm-5 0H3.42L5 7.55Zm1.65-5L8 2.92 9.33 5ZM2.5 8A5.52 5.52 0 0 1 7 2.59L5.46 5 5 5.71 2.67 9.33A5.33 5.33 0 0 1 2.5 8ZM8 13.5A5.49 5.49 0 0 1 3.4 11h9.2A5.49 5.49 0 0 1 8 13.5Zm3-7.75L10.52 5 9 2.59A5.51 5.51 0 0 1 13.5 8a5.43 5.43 0 0 1-.17 1.35Z" class="cls-1"/><circle cx="8" cy="8" r="1.5" class="cls-1"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/powershell.svg b/packages/assets/svgs/ext/Extras/powershell.svg
new file mode 100644
index 000000000000..5c17556cebb2
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/powershell.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#0092C6" d="M7.4 11.49a.498.498 0 0 1-.352-.854.498.498 0 0 1 .352-.146h2.404a.498.498 0 0 1 .49.49.49.49 0 0 1-.49.48H7.4v.03Zm-3.99-.54a.481.481 0 0 1 .21-.39L7.89 7.5 5.065 5.41a.53.53 0 0 1-.11-.7.46.46 0 0 1 .39-.21c.103 0 .203.032.289.09l3.371 2.5a.52.52 0 0 1 0 .82l-4.828 3.5a.468.468 0 0 1-.28.09.457.457 0 0 1-.398-.21.481.481 0 0 1-.08-.29l-.01-.05ZM13.176 3H4.198a.797.797 0 0 0-.698.59l-2.464 8.35A.822.822 0 0 0 1.804 13h8.978a.797.797 0 0 0 .758-.59l2.424-8.35A.822.822 0 0 0 13.176 3"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/powershelldata.svg b/packages/assets/svgs/ext/Extras/powershelldata.svg
new file mode 100644
index 000000000000..a5a51b3c3d32
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/powershelldata.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#C55FE9" d="M7.4 11.49a.498.498 0 0 1-.352-.854.498.498 0 0 1 .352-.146h2.404a.498.498 0 0 1 .49.49.49.49 0 0 1-.49.48H7.4v.03Zm-3.99-.54a.481.481 0 0 1 .21-.39L7.89 7.5 5.065 5.41a.53.53 0 0 1-.11-.7.46.46 0 0 1 .39-.21c.103 0 .203.032.289.09l3.371 2.5a.52.52 0 0 1 0 .82l-4.828 3.5a.468.468 0 0 1-.28.09.457.457 0 0 1-.398-.21.481.481 0 0 1-.08-.29l-.01-.05ZM13.176 3H4.198a.797.797 0 0 0-.698.59l-2.464 8.35A.822.822 0 0 0 1.804 13h8.978a.797.797 0 0 0 .758-.59l2.424-8.35A.822.822 0 0 0 13.176 3"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/powershellmodule.svg b/packages/assets/svgs/ext/Extras/powershellmodule.svg
new file mode 100644
index 000000000000..edfc086593bc
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/powershellmodule.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#82C25B" d="M7.4 11.49a.498.498 0 0 1-.352-.854.498.498 0 0 1 .352-.146h2.404a.498.498 0 0 1 .49.49.49.49 0 0 1-.49.48H7.4v.03Zm-3.99-.54a.481.481 0 0 1 .21-.39L7.89 7.5 5.065 5.41a.53.53 0 0 1-.11-.7.46.46 0 0 1 .39-.21c.103 0 .203.032.289.09l3.371 2.5a.52.52 0 0 1 0 .82l-4.828 3.5a.468.468 0 0 1-.28.09.457.457 0 0 1-.398-.21.481.481 0 0 1-.08-.29l-.01-.05ZM13.176 3H4.198a.797.797 0 0 0-.698.59l-2.464 8.35A.822.822 0 0 0 1.804 13h8.978a.797.797 0 0 0 .758-.59l2.424-8.35A.822.822 0 0 0 13.176 3Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/prettier.svg b/packages/assets/svgs/ext/Extras/prettier.svg
new file mode 100644
index 000000000000..a62360604c41
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/prettier.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#D247D2" d="M6.5 13h-3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1Z"/><path fill="#FA0" d="M6.5 11h-3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1Z"/><path fill="#D247D2" d="M11 9H3.5a.5.5 0 0 0 0 1H11a.5.5 0 0 0 0-1Z"/><path fill="#F50000" d="M13 7h-3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1Z"/><path fill="#FA0" d="M13 5h-3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1Z"/><path fill="#0FBEC0" d="M6.5 7h-3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1Z"/><path fill="#F50000" d="M6.5 5h-3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1Z"/><path fill="#0FBEC0" d="M11 3H3.5a.5.5 0 0 0 0 1H11a.5.5 0 0 0 0-1Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/prettierignore.svg b/packages/assets/svgs/ext/Extras/prettierignore.svg
new file mode 100644
index 000000000000..2e7412272833
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/prettierignore.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#909090" d="M6.5 13h-3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1ZM6.5 11h-3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1ZM11 9H3.5a.5.5 0 0 0 0 1H11a.5.5 0 0 0 0-1ZM13 7h-3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1ZM13 5h-3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1ZM6.5 7h-3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1ZM6.5 5h-3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1ZM11 3H3.5a.5.5 0 0 0 0 1H11a.5.5 0 0 0 0-1Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/prisma.svg b/packages/assets/svgs/ext/Extras/prisma.svg
new file mode 100644
index 000000000000..d95e41498bf4
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/prisma.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#57CD8E" fill-rule="evenodd" d="M2.114 10.237a.506.506 0 0 1-.006-.633l5.505-7.319c.306-.407 1.045-.371 1.29.062l5.03 8.892c.186.33-.029.718-.456.823l-7.822 1.913c-.315.077-.654-.026-.83-.253l-2.711-3.485Zm6.134-5.812c.053-.215.415-.246.522-.044l3.469 6.542c.065.123-.016.265-.174.304L6.66 12.542c-.199.048-.389-.093-.348-.259l1.936-7.858Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/prolog.svg b/packages/assets/svgs/ext/Extras/prolog.svg
new file mode 100644
index 000000000000..2f2c0712c3cb
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/prolog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#EC4B5E" d="M7 8.5c0-.828-.672-1-1.5-1S4 7.672 4 8.5a1.5 1.5 0 1 0 3 0ZM12 8.5c0-.828-.672-1-1.5-1S9 7.672 9 8.5a1.5 1.5 0 1 0 3 0ZM8 11.5 7 10l1-.5 1 .5-1 1.5Z"/><path fill="#EC4B5E" fill-rule="evenodd" d="M2.507 2.085C3 3.5 3.255 5.5 2.677 6.681c-.032.062-.061.122-.09.181C2.233 7.572 2 8.042 2 9.49c0 2.605 2.11 3.307 3.862 3.89.946.315 1.788.595 2.138 1.121.35-.526 1.192-.806 2.138-1.12C11.89 12.796 14 12.094 14 9.49c0-1.192-.169-1.873-.845-3.064C12.479 5.234 13 3 13.239 2c-.394.397-1.52 1.345-2.873 1.957-1.866.543-3.589.514-4.901 0-.507-.198-1.809-.85-2.958-1.872ZM5.5 11a2.49 2.49 0 0 0 1.097-.253L8 12.5l1.403-1.753A2.5 2.5 0 1 0 8 8.5 2.5 2.5 0 1 0 5.5 11Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/properties.svg b/packages/assets/svgs/ext/Extras/properties.svg
new file mode 100644
index 000000000000..d6eed90c29f9
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/properties.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#AA6363" fill-rule="evenodd" d="M2 4c0-1.5.5-2 2-2h8c1.5 0 2 .5 2 2v8c0 1.5-.5 2-2 2H4c-1.5 0-2-.5-2-2V4Zm6.031 6.563c.282.291.64.437 1.074.437.535 0 1.027-.121 1.475-.364.605-.33 1.078-.866 1.42-1.608h-.596a1.574 1.574 0 0 1-.512.676c-.236.177-.49.266-.762.266-.259 0-.453-.068-.582-.203-.143-.146-.242-.389-.298-.729l-.131-.744c.383-.312.688-.567.914-.765.23-.198.422-.38.575-.546.166-.18.288-.352.367-.516.078-.166.118-.33.118-.494 0-.118-.019-.234-.056-.349a1.036 1.036 0 0 0-.145-.317.781.781 0 0 0-.256-.224.696.696 0 0 0-.34-.083c-.282 0-.506.04-.672.12-.194.1-.29.236-.29.406 0 .18.05.319.152.416.11.118.281.177.512.177.07 0 .15-.007.243-.021-.023.198-.134.42-.333.666-.198.243-.498.533-.9.87l-.125-.813c-.046-.347-.168-.626-.367-.837-.272-.285-.663-.427-1.17-.427-.592 0-1.13.182-1.614.546-.42.32-.78.76-1.08 1.322-.25.454-.467.989-.652 1.603h.596c.23-.816.542-1.468.935-1.957.17-.212.337-.371.498-.479a.867.867 0 0 1 .465-.16c.129-.001.23.056.304.17.083.133.162.37.236.714l.228 1.191-2.867 2.43H5.42l1.953-1.79c.13.625.349 1.097.658 1.416Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/pug.svg b/packages/assets/svgs/ext/Extras/pug.svg
new file mode 100644
index 000000000000..acaf403e2a62
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/pug.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#e3c6a1}.cls-2{fill:#000105}.cls-3{fill:#50332c}.cls-4{fill:#fff}</style></defs><path d="M8 3.41s-6.14-.56-5.58 2.78c0 2 0 5.24 1.86 6.25a8.73 8.73 0 0 0 3.72 1M8 3.41s6.69-.56 5.57 2.78c0 2 0 5.24-1.85 6.25a8.73 8.73 0 0 1-3.72 1" class="cls-1"/><path d="M6.32 7.59a1.38 1.38 0 0 1-.18.7A3.89 3.89 0 0 0 5.08 9a.39.39 0 0 1-.15 0 1.4 1.4 0 1 1 1.39-1.41ZM10.92 9a.34.34 0 0 0 .14 0 1.39 1.39 0 1 0-1.2-.69Z" class="cls-2"/><path d="M11.15 10.45A2 2 0 0 0 10.23 9a6.37 6.37 0 0 0-.85-.36c-.13 0-.27 0-.41-.08A.88.88 0 0 0 8.54 8a1.41 1.41 0 0 0-.44-.14 1.2 1.2 0 0 0-.66.14.82.82 0 0 0-.3.26 1.45 1.45 0 0 0-.1.25 3.65 3.65 0 0 0-1.17.38 2.2 2.2 0 0 0-.94 1.25 3.32 3.32 0 0 0-.1 1.86 2.09 2.09 0 0 0 .91 1.45 4.56 4.56 0 0 0 .85.37A4.88 4.88 0 0 0 8 14a3.93 3.93 0 0 0 .48 0 4.5 4.5 0 0 0 1.63-.48 2.13 2.13 0 0 0 .89-1.11 3.38 3.38 0 0 0 .23-1.34 3.19 3.19 0 0 0-.08-.62Z" class="cls-3"/><path d="M5.77 3.4h4.46l1.67 1.12H4.09L5.77 3.4z" class="cls-1"/><path d="M10.23 3.41A7.58 7.58 0 0 1 13 4c1.79.9 2.4 3.68 2.4 3.68a1.64 1.64 0 0 1-1.06 2.12 1.23 1.23 0 0 1-1.06 0 5.27 5.27 0 0 0-3.05-6.39ZM5.85 3.41A7.58 7.58 0 0 0 3.06 4C1.27 4.86.66 7.64.66 7.64a1.64 1.64 0 0 0 1.06 2.12c.72.24 1 0 1 0a5.36 5.36 0 0 1 3.13-6.35Z" class="cls-3"/><circle cx="5.27" cy="7.25" r=".5" class="cls-4"/><circle cx="11.28" cy="7.25" r=".5" class="cls-4"/><path d="M8.37 10.32V9a.38.38 0 0 0-.75 0v1.34a2 2 0 0 0-1.67 2 .38.38 0 0 0 .75 0 1.3 1.3 0 1 1 2.6 0 .37.37 0 0 0 .37.37.38.38 0 0 0 .38-.37 2.05 2.05 0 0 0-1.68-2.02ZM10.92 9a4 4 0 0 0-1.06-.67Z" class="cls-2"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/pvk.svg b/packages/assets/svgs/ext/Extras/pvk.svg
new file mode 100644
index 000000000000..1edb01e55bc4
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/pvk.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#22BE8F" fill-rule="evenodd" d="M7.83 9a3.001 3.001 0 1 1 0-2H14v2h-1v2h-3V9H7.83ZM5 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/pyproject.svg b/packages/assets/svgs/ext/Extras/pyproject.svg
new file mode 100644
index 000000000000..eca8585abdb8
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/pyproject.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><rect width="6" height="2" x="5" y="3" fill="#418AC9" rx="1"/><rect width="9" height="2" x="2" y="6" fill="#418AC9" rx="1"/><rect width="2" height="2" x="2" y="9" fill="#418AC9" rx="1"/><rect width="9" height="2" x="5" y="9" fill="#FFD141" rx="1"/><rect width="6" height="2" x="5" y="12" fill="#FFD141" rx="1"/><rect width="2" height="2" x="12" y="6" fill="#FFD141" rx="1"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/qt.svg b/packages/assets/svgs/ext/Extras/qt.svg
new file mode 100644
index 000000000000..b3c335589d07
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/qt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#77C751" d="M5 3 3 5v8h8l2-2V3H5Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/quarkus.svg b/packages/assets/svgs/ext/Extras/quarkus.svg
new file mode 100644
index 000000000000..a61862abca6d
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/quarkus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#FF437A" fill-rule="evenodd" d="M5.923 6.32V4l2.085 1.162-2.085 1.159Zm4.177.01 2.1 1.17-2.1 1.171V6.329ZM8.008 9.837 5.923 11V8.68l2.085 1.158Z" clip-rule="evenodd"/><path fill="#5EA9FB" fill-rule="evenodd" d="M2 4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-1l-.75-1.5h1.25a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1h-7a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h2.357L8 10.5l2 3.5H4a2 2 0 0 1-2-2V4Zm1.8 3.5 2.123 1.18V6.32L3.8 7.5Zm6.3 1.171L8.008 9.838 10.1 11V8.671ZM8.008 5.162 10.1 6.33V4L8.008 5.162Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/quasar.svg b/packages/assets/svgs/ext/Extras/quasar.svg
new file mode 100644
index 000000000000..a79aa70d0f48
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/quasar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#828A96" d="M9.741 7.998a1.741 1.741 0 1 1-3.482 0 1.741 1.741 0 0 1 3.482 0ZM13.183 5.004a5.913 5.913 0 0 0-.918-1.2l-1.35.78a4.514 4.514 0 0 0-1.409-.817 5.54 5.54 0 0 0-1.09 1.557c1.503-.103 3.054.442 4.495 1.567l.85-.49a5.942 5.942 0 0 0-.578-1.397ZM8 13.982a6.005 6.005 0 0 0 1.497-.195v-1.559a4.486 4.486 0 0 0 1.412-.812 5.546 5.546 0 0 0-.803-1.723c-.663 1.352-1.91 2.424-3.604 3.108v.98a5.81 5.81 0 0 0 1.498.2ZM2.817 5.006A5.946 5.946 0 0 0 2.238 6.4l1.35.78c-.1.538-.1 1.09-.003 1.628.617.164 1.258.22 1.894.167-.84-1.25-1.145-2.866-.891-4.676l-.85-.491c-.357.358-.666.76-.92 1.198Z"/><path fill="#00B4FF" d="M13.183 10.99c.252-.438.445-.907.579-1.395l-1.349-.779a4.5 4.5 0 0 0 .003-1.629 5.551 5.551 0 0 0-1.893-.167c.84 1.25 1.144 2.866.89 4.676l.85.492c.356-.36.665-.762.92-1.198ZM2.817 10.99c.253.437.562.84.918 1.199l1.35-.78c.416.356.894.633 1.409.818.45-.452.82-.979 1.09-1.557-1.503.103-3.054-.442-4.495-1.567l-.85.49c.134.489.328.958.578 1.397ZM8 2.012a6 6 0 0 0-1.497.195v1.559a4.486 4.486 0 0 0-1.412.812c.167.616.438 1.2.803 1.723.663-1.352 1.91-2.424 3.604-3.108v-.98A5.954 5.954 0 0 0 8 2.012Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/razor.svg b/packages/assets/svgs/ext/Extras/razor.svg
new file mode 100644
index 000000000000..062178b1e520
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/razor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#CF2D4A" d="M8.147 14c-.975 0-1.843-.132-2.604-.397-.76-.262-1.404-.647-1.93-1.155a4.947 4.947 0 0 1-1.2-1.853C2.138 9.865 2 9.034 2 8.103c0-.92.138-1.753.413-2.502a5.328 5.328 0 0 1 1.214-1.926 5.34 5.34 0 0 1 1.948-1.241C6.345 2.144 7.222 2 8.206 2c.91 0 1.724.132 2.439.397a5.053 5.053 0 0 1 1.824 1.132 4.807 4.807 0 0 1 1.141 1.74c.263.669.393 1.41.39 2.222a7.16 7.16 0 0 1-.147 1.543c-.1.468-.26.878-.476 1.228a2.404 2.404 0 0 1-.844.826c-.348.2-.77.315-1.265.342-.354.028-.642.002-.862-.077A1.054 1.054 0 0 1 9.902 11a1.284 1.284 0 0 1-.22-.552h-.055c-.073.182-.217.348-.43.497a2.54 2.54 0 0 1-.785.343c-.305.079-.63.108-.976.086a2.892 2.892 0 0 1-1.027-.25 2.607 2.607 0 0 1-.857-.635 3.03 3.03 0 0 1-.586-1.027c-.141-.408-.213-.88-.216-1.415.003-.53.078-.99.225-1.383.15-.393.347-.723.591-.99a2.923 2.923 0 0 1 1.737-.922c.346-.052.672-.052.981 0 .309.051.568.135.78.25.213.116.346.24.398.375h.064v-.512h1.435v4.455c.003.21.05.373.142.489a.45.45 0 0 0 .371.173c.211 0 .387-.093.527-.278.144-.186.251-.47.321-.854.074-.383.11-.872.11-1.465 0-.572-.076-1.074-.229-1.506a3.208 3.208 0 0 0-.632-1.11 3.33 3.33 0 0 0-.94-.748 4.346 4.346 0 0 0-1.164-.42 6.162 6.162 0 0 0-1.284-.132c-.76 0-1.425.115-1.994.347a3.825 3.825 0 0 0-1.42.963 4.07 4.07 0 0 0-.853 1.456 5.734 5.734 0 0 0-.284 1.812c.003.721.104 1.36.302 1.917.202.554.498 1.02.89 1.397.39.377.873.663 1.448.858.574.195 1.234.292 1.98.292.351 0 .695-.026 1.031-.078.336-.048.64-.11.912-.182.272-.07.49-.139.656-.206l.454 1.324c-.193.11-.454.212-.784.306a7.594 7.594 0 0 1-1.11.233A8.59 8.59 0 0 1 8.148 14Zm-.211-4.126c.373 0 .669-.072.889-.215a1.17 1.17 0 0 0 .477-.634c.097-.283.143-.632.137-1.046a2.801 2.801 0 0 0-.142-.926 1.05 1.05 0 0 0-.463-.58c-.217-.134-.52-.2-.907-.2-.34 0-.628.07-.867.214a1.403 1.403 0 0 0-.54.602 2.12 2.12 0 0 0-.188.904c.003.323.055.629.155.918.101.286.268.518.5.698.232.176.548.265.949.265Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/rb.svg b/packages/assets/svgs/ext/Extras/rb.svg
new file mode 100644
index 000000000000..c2b482af75d1
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/rb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#EF1362" d="M8 7h5l-5 5V7Zm3-4H5L1 7l7 7 7-7-4-4Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/reactjs.svg b/packages/assets/svgs/ext/Extras/reactjs.svg
new file mode 100644
index 000000000000..a47e2c144abc
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/reactjs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><circle cx="8" cy="8" r="1" fill="#FBB03B"/><path stroke="#FBB03B" d="M14.5 8c0 .245-.114.52-.406.817-.294.298-.745.59-1.341.845-1.191.51-2.871.838-4.753.838-1.882 0-3.562-.328-4.753-.838-.596-.256-1.047-.547-1.341-.845C1.614 8.52 1.5 8.245 1.5 8s.114-.52.406-.817c.294-.298.745-.59 1.341-.845C4.438 5.828 6.118 5.5 8 5.5c1.882 0 3.562.328 4.753.838.596.256 1.047.547 1.341.845.292.297.406.572.406.817Z"/><path stroke="#FBB03B" d="M11.25 13.63c-.212.122-.508.16-.91.056-.405-.106-.883-.35-1.403-.74C7.9 12.172 6.776 10.88 5.835 9.25c-.941-1.63-1.497-3.249-1.65-4.535-.077-.644-.05-1.18.06-1.584.111-.401.293-.638.505-.76.212-.123.508-.162.91-.057.405.106.883.35 1.403.74C8.1 3.828 9.224 5.12 10.165 6.75c.941 1.63 1.497 3.249 1.65 4.535.077.644.05 1.18-.06 1.584-.111.401-.293.638-.505.76Z"/><path stroke="#FBB03B" d="M4.75 13.63c-.212-.123-.394-.36-.504-.76-.111-.405-.138-.94-.062-1.585.154-1.286.71-2.905 1.65-4.535.942-1.63 2.066-2.92 3.103-3.697.52-.389.998-.633 1.403-.739.402-.105.698-.066.91.057.212.122.394.359.504.76.111.404.138.94.062 1.584-.154 1.286-.71 2.905-1.65 4.535-.942 1.63-2.066 2.92-3.103 3.697-.52.389-.998.633-1.403.739-.402.105-.698.066-.91-.057Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/reactts.svg b/packages/assets/svgs/ext/Extras/reactts.svg
new file mode 100644
index 000000000000..5f2e13e42809
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/reactts.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#0E8ADC" fill-rule="evenodd" d="M5 13.196c-.066-.038-.185-.143-.272-.46-.089-.321-.12-.787-.047-1.392.026-.215.064-.44.114-.676.478.106.989.188 1.523.245.317.435.644.835.974 1.197a7.568 7.568 0 0 1-.529.437c-.487.364-.906.57-1.23.655-.316.083-.467.032-.533-.006Zm3-.378c-1.331 1.213-2.645 1.738-3.5 1.244-.855-.493-1.057-1.894-.673-3.653C2.112 9.862 1 8.987 1 8c0-.987 1.112-1.862 2.827-2.409-.384-1.76-.182-3.16.673-3.653.855-.494 2.169.031 3.5 1.244 1.331-1.213 2.645-1.738 3.5-1.244.855.493 1.057 1.894.672 3.653C13.888 6.138 15 7.013 15 8c0 .987-1.112 1.862-2.828 2.409.385 1.76.183 3.16-.672 3.653-.855.494-2.169-.031-3.5-1.244Zm3.205-7.486a7.52 7.52 0 0 0 .114-.676c.072-.605.041-1.071-.047-1.393-.087-.316-.206-.421-.272-.46-.066-.037-.217-.088-.534-.005-.323.084-.742.291-1.23.655a7.55 7.55 0 0 0-.528.437c.33.362.657.762.974 1.197.534.057 1.045.14 1.523.245ZM7.292 3.89a7.553 7.553 0 0 0-.529-.437c-.487-.364-.906-.57-1.23-.655-.316-.083-.467-.032-.533.006s-.185.143-.272.46c-.089.321-.12.787-.047 1.392.026.215.064.44.114.676.478-.106.989-.188 1.523-.245.317-.435.644-.835.974-1.197Zm.356 1.114c.117-.141.235-.276.352-.406.117.13.235.265.352.406a16.59 16.59 0 0 0-.704 0ZM5.581 6.197c-.18.031-.356.065-.527.102.053.166.112.336.175.507a16.634 16.634 0 0 1 .352-.609ZM5.739 8a15.265 15.265 0 0 1 1.13-1.958 15.27 15.27 0 0 1 2.262 0A15.264 15.264 0 0 1 10.26 8a15.258 15.258 0 0 1-1.13 1.958 15.264 15.264 0 0 1-2.262 0A15.264 15.264 0 0 1 5.74 8ZM4.637 8a13.784 13.784 0 0 1-.55-1.442 7.554 7.554 0 0 0-.643.24c-.56.24-.948.5-1.182.737C2.032 7.768 2 7.924 2 8c0 .076.032.232.262.465.234.238.623.497 1.182.737.2.085.414.166.643.24.148-.467.331-.95.55-1.442Zm.417 1.7c.053-.165.112-.335.175-.506a16.635 16.635 0 0 0 .352.609c-.18-.031-.356-.065-.527-.102Zm4.628 1.213c.534-.057 1.045-.14 1.523-.245.05.235.088.461.114.676.072.605.041 1.071-.047 1.393-.087.316-.206.421-.272.46-.066.037-.217.088-.534.005-.323-.084-.742-.291-1.23-.655a7.568 7.568 0 0 1-.528-.437c.33-.362.657-.762.974-1.197Zm-1.33.083c-.117.141-.235.276-.352.406-.117-.13-.235-.265-.352-.406a17.07 17.07 0 0 0 .704 0Zm2.067-1.193a16.741 16.741 0 0 0 .352-.61c.063.172.122.341.175.508-.17.037-.346.07-.527.102ZM11.363 8c.219.491.402.975.55 1.442.229-.074.444-.155.643-.24.56-.24.948-.5 1.182-.737.23-.233.262-.389.262-.465 0-.076-.032-.232-.262-.465-.234-.238-.623-.497-1.182-.737a7.551 7.551 0 0 0-.643-.24c-.148.467-.331.95-.55 1.442Zm-.592-1.194c.063-.171.122-.34.175-.507-.17-.037-.346-.07-.527-.102a16.742 16.742 0 0 1 .352.61ZM8 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/readme.svg b/packages/assets/svgs/ext/Extras/readme.svg
new file mode 100644
index 000000000000..39794bd104d3
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/readme.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="#2DBCC5" stroke-width="1.5" d="M8 4.818C6.182 3.364 4.06 3 3 3v8.182c1.515.151 3.636.454 5 1.818 1.364-1.364 3.788-1.818 5-1.818V3c-1.364 0-3.636.455-5 1.818ZM8 5v7"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/redis.svg b/packages/assets/svgs/ext/Extras/redis.svg
new file mode 100644
index 000000000000..b817e08eeb3c
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/redis.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><g clip-path="url(#a)"><path fill="#8D1614" d="m8 8.962 6 1.423v1.122c0 .184-.11.353-.284.435L8.23 14.545a.538.538 0 0 1-.458 0l-5.487-2.603A.485.485 0 0 1 2 11.507v-1.122l6-1.423Z"/><path fill="#DC382C" d="M7.77 7.647a.538.538 0 0 1 .46 0L14 10.385l-5.77 2.737a.537.537 0 0 1-.46 0L2 10.385l5.77-2.738Z"/><path fill="#8D1614" d="m8 6.115 6 1.423v1.123c0 .184-.11.353-.284.435L8.23 11.7a.538.538 0 0 1-.458 0L2.284 9.096A.485.485 0 0 1 2 8.661V7.538l6-1.423Z"/><path fill="#DC382C" d="M7.77 4.801a.538.538 0 0 1 .46 0L14 7.538l-5.77 2.738a.538.538 0 0 1-.46 0L2 7.538l5.77-2.737Z"/><path fill="#8D1614" d="m8 3.27 6 1.422v1.123c0 .184-.11.352-.284.435L8.23 8.853a.538.538 0 0 1-.458 0L2.284 6.25A.485.485 0 0 1 2 5.815V4.692L8 3.27Z"/><path fill="#DC382C" d="M7.77 1.955a.538.538 0 0 1 .46 0L14 4.692 8.23 7.43a.538.538 0 0 1-.46 0L2 4.692l5.77-2.737Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
diff --git a/packages/assets/svgs/ext/Extras/rego.svg b/packages/assets/svgs/ext/Extras/rego.svg
new file mode 100644
index 000000000000..aa5c3363bbe7
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/rego.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#86B4C2" d="M4 1c-1.2 2.8.167 4.5 1 5L4 8C.5 5.5 1.5 2 4 1Z"/><path fill="#497581" d="M12 1c1.2 2.8-.167 4.5-1 5l1 2c3.5-2.5 2.5-6 0-7Z"/><path fill="#497581" fill-rule="evenodd" d="M12.5 11.5V8c0-1.333-.9-4-4.5-4v3a1 1 0 0 1 0 2v6c.333-.833 1.7-2.7 4.5-3.5Z" clip-rule="evenodd"/><path fill="#86B4C2" fill-rule="evenodd" d="M3.5 8v3.5c2.8.8 4.167 2.667 4.5 3.5V9a1 1 0 0 1 0-2V4C4.4 4 3.5 6.667 3.5 8Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/remix.svg b/packages/assets/svgs/ext/Extras/remix.svg
new file mode 100644
index 000000000000..0c903cb136ab
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/remix.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#D83BD2" d="M8 5.5H3V3h5.5c2.5 0 4 1 4 3 0 1.5 0 2-1.475 3 1.475 1 1.475 2.405 1.475 4v.5h-3V13c0-1.13-.275-3-1.643-3H3V7.5h5c.644 0 1.5 0 1.5-1s-.848-1-1.5-1Z"/><path fill="#D83BD2" d="M3 13.5h5c.013-1.12-.5-2-1.5-2H3v2Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/rescript.svg b/packages/assets/svgs/ext/Extras/rescript.svg
new file mode 100644
index 000000000000..5434be372ea9
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/rescript.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#D94851" fill-rule="evenodd" d="M4 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H4Zm1 4a1 1 0 0 1 1-1h2v5a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6Zm7 .5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/rjson.svg b/packages/assets/svgs/ext/Extras/rjson.svg
new file mode 100644
index 000000000000..dc5bc6a3c8b4
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/rjson.svg
@@ -0,0 +1 @@
+<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#75b600;}</style></defs><path class="cls-1" d="M4.5,10.5V6A1.47,1.47,0,0,1,6,4.5H7V3H6A2.94,2.94,0,0,0,3,6v.5a1,1,0,0,1-1,1H1.5V9H2a1,1,0,0,1,1,1v.5a2.94,2.94,0,0,0,3,3H7V12H6A1.47,1.47,0,0,1,4.5,10.5Z"/><path class="cls-1" d="M14,7.5a1,1,0,0,1-1-1V6a2.94,2.94,0,0,0-3-3H9V4.5h1A1.47,1.47,0,0,1,11.5,6v4.5A1.47,1.47,0,0,1,10,12H9v1.5h1a2.94,2.94,0,0,0,3-3V10a1,1,0,0,1,1-1h.5V7.5Z"/><path class="cls-1" d="M9.27,7.44,10,6.38A1.23,1.23,0,0,0,9.6,6.1,1.43,1.43,0,0,0,9,6a1.15,1.15,0,0,0-.71.24,1.58,1.58,0,0,0-.43.52V6.07H6.5V11H7.9V8.21a1.06,1.06,0,0,1,.21-.7.77.77,0,0,1,.61-.26A1,1,0,0,1,9,7.3.59.59,0,0,1,9.27,7.44Z"/></svg>
\ No newline at end of file
diff --git a/packages/assets/svgs/ext/Extras/robots.svg b/packages/assets/svgs/ext/Extras/robots.svg
new file mode 100644
index 000000000000..88e6e665adbd
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/robots.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M12.5 5h-4L7.15 2.75A1 1 0 1 0 5.5 2a1 1 0 0 0 .82 1L7 5H3.5a1 1 0 0 0-1 1v6.5a1 1 0 0 0 1 1.05l9-.05a1 1 0 0 0 1-1.05V6a1 1 0 0 0-1-1Zm-2 1.55A1.5 1.5 0 0 1 12 8a1.47 1.47 0 0 1-.32.92 1.75 1.75 0 0 0-1.52.54 1.5 1.5 0 0 1 .34-3Zm-5 0a1.5 1.5 0 0 1 .34 3 1.75 1.75 0 0 0-1.52-.54A1.47 1.47 0 0 1 4 8a1.5 1.5 0 0 1 1.5-1.5ZM9.25 12h-2.5a.75.75 0 0 1 0-1.5h2.5a.75.75 0 0 1 0 1.5Z" style="fill:#8949ce"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/rollup.svg b/packages/assets/svgs/ext/Extras/rollup.svg
new file mode 100644
index 000000000000..068db6afaa06
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/rollup.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><linearGradient id="Dégradé_sans_nom_4" x1="6.91" x2="9.88" y1="-54.36" y2="-55.05" gradientTransform="matrix(1 0 0 -1 0 -46)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff6533"/><stop offset=".16" stop-color="#ff5633"/><stop offset=".43" stop-color="#ff4333"/><stop offset=".71" stop-color="#ff3733"/><stop offset="1" stop-color="#f33"/></linearGradient><style>.cls-3{fill:#e83e3b}</style></defs><path d="M12.24 6.12a3.58 3.58 0 0 0-.47-1.78c-.79-.81-2.51-1-2.94 0a1.65 1.65 0 0 0 1.25 2.07c.66-.11-.08-1.62-.08-1.62 1 1.89.77 1.31-1 3.05s-3.74 5.39-4 5.55h7.1a.17.17 0 0 0 .15-.25l-1.89-3.66a.16.16 0 0 1 .06-.22 3.6 3.6 0 0 0 1.82-3.14Z" style="fill:url(#Dégradé_sans_nom_4)"/><path d="M12.24 6.12a3.58 3.58 0 0 0-.47-1.78c-.79-.81-2.51-1-2.94 0a1.65 1.65 0 0 0 1.25 2.07c.66-.11-.08-1.62-.08-1.62 1 1.89.77 1.31-1 3.05s-3.74 5.39-4 5.55h7.1a.17.17 0 0 0 .15-.25l-1.89-3.66a.16.16 0 0 1 .06-.22 3.6 3.6 0 0 0 1.82-3.14Z" style="fill:#bf3338"/><path d="M5 13.39c.27-.16 2.12-3.82 3.94-5.55s2-1.16 1-3c0 0-3.84 5.38-5.23 8" class="cls-3"/><path d="M5.53 8.57c2.59-4.76 2.93-5.24 4.28-5.24a2.45 2.45 0 0 1 1.89.89 3.62 3.62 0 0 0-3-1.72H4.27a.17.17 0 0 0-.16.17v8.87a25.21 25.21 0 0 1 1.42-2.97Z" class="cls-3"/><path d="M8.93 7.84C7.11 9.57 5.26 13.23 5 13.39a.82.82 0 0 1-1-.1c-.26-.29-.66-.75 1.5-4.72 2.62-4.76 2.96-5.24 4.31-5.24a2.45 2.45 0 0 1 1.89.89l.07.12c-.79-.81-2.51-1-2.94 0a1.65 1.65 0 0 0 1.25 2.07c.66-.11-.08-1.62-.08-1.62 1 1.89.74 1.31-1.07 3.05Z" style="fill:#fbb040"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/rome.svg b/packages/assets/svgs/ext/Extras/rome.svg
new file mode 100644
index 000000000000..96cc86e19e70
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/rome.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#F4BC2C" d="M8.953 2.081c.07.012.132.057.174.126a.385.385 0 0 1 .029.337l-.072.188-.559 1.445a.311.311 0 0 1-.104.14.225.225 0 0 1-.149.045 3.694 3.694 0 0 0-.544-.001.225.225 0 0 1-.149-.045.311.311 0 0 1-.104-.14L6.916 2.73l-.072-.188a.389.389 0 0 1 .043-.358.276.276 0 0 1 .082-.076.232.232 0 0 1 .077-.028 5.73 5.73 0 0 1 1.907 0v.001Z"/><path fill="#909090" d="M3.7 9.67H2.3a.3.3 0 0 0-.3.3v3.7a.3.3 0 0 0 .3.3h1.4a.3.3 0 0 0 .3-.3v-3.7a.3.3 0 0 0-.3-.3ZM13.7 9.67h-1.4a.3.3 0 0 0-.3.3v3.7a.3.3 0 0 0 .3.3h1.4a.3.3 0 0 0 .3-.3v-3.7a.3.3 0 0 0-.3-.3Z"/><path fill="#F4BC2C" d="M11 9.17v4.5a.3.3 0 0 1-.3.3H9.3a.3.3 0 0 1-.3-.3v-5c0-.5-.5-1-1-1s-1 .5-1 1v5a.3.3 0 0 1-.3.3H5.3a.3.3 0 0 1-.3-.3v-4.5c0-2.5 1-3.5 3-3.5s3 1 3 3.5Z"/><path fill="#909090" d="M3.7 8.67H2.3a.291.291 0 0 1-.294-.3c.13-3.298 2.39-5.041 3.736-5.37.14-.034.274.053.32.189.345 1.033.067.173.39 1.14a.324.324 0 0 1-.183.395C4.993 5.283 4.1 6.639 4.008 8.369a.313.313 0 0 1-.308.3ZM12.3 8.67h1.4c.165 0 .3-.135.294-.3-.13-3.298-2.39-5.041-3.737-5.37-.139-.034-.274.053-.319.189-.345 1.033-.067.173-.391 1.14a.324.324 0 0 0 .184.395c1.276.559 2.168 1.915 2.26 3.645.01.166.143.3.309.3Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/root_folder.svg b/packages/assets/svgs/ext/Extras/root_folder.svg
new file mode 100644
index 000000000000..e1b3f16a453c
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/root_folder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#FF9F69" fill-rule="evenodd" d="M14 12V6.05A1 1 0 0 0 13 5H8.65a1 1 0 0 1-.99-.53l-.42-.84a1 1 0 0 0-.94-.58H3a1 1 0 0 0-1 1V12a1 1 0 0 0 1.05 1H13a1 1 0 0 0 1-1Zm-8.5 0a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" clip-rule="evenodd" opacity=".6"/><circle cx="5.5" cy="9.5" r="1.5" fill="#FF9F69" opacity=".6"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/root_folder_light.svg b/packages/assets/svgs/ext/Extras/root_folder_light.svg
new file mode 100644
index 000000000000..d865ed19451e
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/root_folder_light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#D67045" fill-rule="evenodd" d="M14 12V6.05A1 1 0 0 0 13 5H8.65a1 1 0 0 1-.99-.53l-.42-.84a1 1 0 0 0-.94-.58H3a1 1 0 0 0-1 1V12a1 1 0 0 0 1.05 1H13a1 1 0 0 0 1-1Zm-8.5 0a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" clip-rule="evenodd" opacity=".8"/><circle cx="5.5" cy="9.5" r="1.5" fill="#D67045" opacity=".8"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/root_folder_light_open.svg b/packages/assets/svgs/ext/Extras/root_folder_light_open.svg
new file mode 100644
index 000000000000..a89dfabd4c95
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/root_folder_light_open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#D67045" fill-rule="evenodd" d="M8.65 5H13a1 1 0 0 1 1 1.05V12a1 1 0 0 1-1 1.05H3.05a1 1 0 0 1-1-1.05V4a1 1 0 0 1 1-1h3.3a1 1 0 0 1 .94.58l.42.84a1 1 0 0 0 .94.58ZM5.5 12H13l.05-6H8.65a2 2 0 0 1-1.92-1.1l-.43-.85H3V9.5A2.5 2.5 0 0 0 5.5 12Z" clip-rule="evenodd" opacity=".8"/><circle cx="5.5" cy="9.5" r="1.5" fill="#D67045" opacity=".8"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/root_folder_open.svg b/packages/assets/svgs/ext/Extras/root_folder_open.svg
new file mode 100644
index 000000000000..23d0d526e6b5
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/root_folder_open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#FF9F69" fill-rule="evenodd" d="M8.65 5H13a1 1 0 0 1 1 1.05V12a1 1 0 0 1-1 1.05H3.05a1 1 0 0 1-1-1.05V4a1 1 0 0 1 1-1h3.3a1 1 0 0 1 .94.58l.42.84a1 1 0 0 0 .94.58ZM5.5 12H13l.05-6H8.65a2 2 0 0 1-1.92-1.1l-.43-.85H3V9.5A2.5 2.5 0 0 0 5.5 12Z" clip-rule="evenodd" opacity=".6"/><circle cx="5.5" cy="9.5" r="1.5" fill="#FF9F69" opacity=".6"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/rs.svg b/packages/assets/svgs/ext/Extras/rs.svg
new file mode 100644
index 000000000000..9d9aff429f8a
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/rs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#D87A35" d="m14 10.49-.74-1.4v-.08L14.5 8l-1.22-1v-.08L14 5.51 12.49 5h-.05l.16-1.6-1.6.16v-.05L10.49 2l-1.4.74H9L8 1.5 7 2.72h-.09L5.51 2 5 3.51v.05L3.4 3.4 3.56 5h-.05L2 5.51l.74 1.4v.08L1.5 8l1.22 1v.08L2 10.49l1.51.51.05.06-.16 1.54 1.6-.16.06.05.45 1.51 1.4-.74H7l1 1.24 1-1.22h.08l1.4.74.52-1.53.06-.05 1.58.16-.2-1.6.05-.06 1.51-.45ZM3.62 8c0-.555.105-1.105.31-1.62h.82V10h-.62a4.25 4.25 0 0 1-.51-2Zm4.8-.41H6.78V6.38h1.63a.61.61 0 1 1 0 1.21h.01ZM6.78 10V8.81H8s1 0 1 1.22v.485c0-.015-.008.298.107.416.193.198.255.207.41.263.154.055.217.056.483.056h.89a4.34 4.34 0 0 1-5.84 0h2.68V10h-.95Zm5.1 0c-.34 0-1-.19-1-.8a1 1 0 0 0-.37-.73 1.84 1.84 0 0 0-.86-3.32H4.68A4.37 4.37 0 0 1 12.38 8a4.29 4.29 0 0 1-.5 2Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/rustfmt.svg b/packages/assets/svgs/ext/Extras/rustfmt.svg
new file mode 100644
index 000000000000..b064f0cb34e6
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/rustfmt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#D87A35" fill-rule="evenodd" d="M4 6.21h.751v3.56h-.75V11h3.73V9.77h-.95V8.6H8s1 0 1 1.2v.477c0-.015-.008.293.106.409.115.116.255.204.41.259.155.054.483.055.483.055h2V9.769c-.5 0-1.12-.216-1.12-.785a.97.97 0 0 0-.37-.718c.3-.214.53-.511.655-.854.126-.343.143-.716.05-1.068a1.805 1.805 0 0 0-.57-.91c-.28-.24-.627-.391-.995-.434H4v1.21ZM6.78 7.4h1.63a.62.62 0 0 0 .481-.145.6.6 0 0 0 .207-.45.592.592 0 0 0-.207-.45.613.613 0 0 0-.48-.145H6.78V7.4Z" clip-rule="evenodd"/><path fill="#D87A35" d="M3 2h10v1H3zM3 13h10v1H3z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/sails.svg b/packages/assets/svgs/ext/Extras/sails.svg
new file mode 100644
index 000000000000..836decbe0ca1
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/sails.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#16ACC2" d="M8 2c-6.639 2.88-7 9-4.5 12H8V2ZM9.5 7v7H14L9.5 7Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/sass.svg b/packages/assets/svgs/ext/Extras/sass.svg
new file mode 100644
index 000000000000..94c9f7cfed81
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/sass.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M7.35 6A3.65 3.65 0 0 0 9.2 7.12a2.81 2.81 0 0 0 1.89-.36 1.68 1.68 0 0 0 1-1.21 1.32 1.32 0 0 0-.85-1.13A7 7 0 0 0 7 3.92a5 5 0 0 0-2 .8 2.06 2.06 0 0 0-.81 1.65 2.47 2.47 0 0 0 .93 1.7c.57.51 1.27.93 2 1.5A3.41 3.41 0 0 1 8 10.74a2.12 2.12 0 0 1 .18.87 1.78 1.78 0 0 1-.29.92 2.6 2.6 0 0 1-1.33 1 4.15 4.15 0 0 1-1.48.25 2.78 2.78 0 0 1-1.61-.48 1.82 1.82 0 0 1-.64-.91 1.66 1.66 0 0 1 .07-1.09A3 3 0 0 1 4 10a4.32 4.32 0 0 1 1.33-.61 6 6 0 0 1 5.11 1.07.27.27 0 0 1 0 .39.27.27 0 0 1-.32.08 6 6 0 0 0-4.4-.22 2.43 2.43 0 0 0-1.37 1.09c0 .17 0 .07.07.19a1.48 1.48 0 0 0 .72.2 2.13 2.13 0 0 0 1.64-.45.57.57 0 0 0 .08-.57 1.88 1.88 0 0 0-.56-.77c-.55-.51-1.27-.94-1.95-1.5A3.6 3.6 0 0 1 3 6.43a3.46 3.46 0 0 1 1.11-2.72 6.21 6.21 0 0 1 2.5-1.25 8 8 0 0 1 5.4.45 3.38 3.38 0 0 1 1.23 1 2.62 2.62 0 0 1 .51 1.72 3.09 3.09 0 0 1-2 2.46 3.76 3.76 0 0 1-2.91.11 3.85 3.85 0 0 1-2-1.91A.27.27 0 0 1 7 6a.26.26 0 0 1 .31 0Z" style="fill:#e8367e"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/scala.svg b/packages/assets/svgs/ext/Extras/scala.svg
new file mode 100644
index 000000000000..3c277d532892
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/scala.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><g clip-path="url(#a)"><path fill="#DB322F" d="M4 5.938V2.895c.304-.107.623-.138.938-.182 1.389-.194 2.781-.36 4.16-.619.704-.133 1.407-.277 2.081-.533.316-.123.626-.257.821-.561v2.99a.615.615 0 0 1-.207.275c-.08.06-.161.117-.242.174a.58.58 0 0 0-.087.027c-.333.165-.687.267-1.042.362-.946.251-1.909.41-2.875.55-.966.138-1.933.267-2.898.407-.219.032-.445.049-.649.153ZM12 9.062v3.016c-.092.22-.276.338-.474.439-.348.177-.72.293-1.096.39-1.517.395-3.07.583-4.617.801-.606.085-1.218.138-1.813.294v-3.018c.132-.066.275-.087.417-.107.887-.127 1.773-.253 2.66-.377.08-.04.164-.018.246-.03.678-.105 1.357-.206 2.03-.344.678-.139 1.355-.282 1.996-.556.26-.111.509-.241.651-.508ZM4 9.97V6.925c.474-.124.96-.173 1.443-.24.558-.078 1.116-.156 1.673-.232.048-.005.096-.007.144-.015.54-.087 1.08-.167 1.619-.263.758-.136 1.516-.286 2.242-.555.336-.124.678-.252.879-.59v3.043c-.116.173-.278.31-.466.397-.328.175-.68.282-1.036.378-.902.244-1.82.397-2.742.54-.942.145-1.888.26-2.831.398-.31.045-.627.068-.925.182Z"/><path fill="#7F0D1D" d="M12 5.03c-.201.338-.543.466-.88.59-.725.27-1.483.419-2.241.555-.538.097-1.079.177-1.62.263-.047.008-.095.01-.143.015-.042-.01-.084-.023-.127-.029-.61-.083-1.222-.16-1.831-.248-.389-.056-.781-.09-1.158-.21v-.028c.204-.104.43-.12.649-.153.965-.14 1.932-.268 2.898-.407.965-.14 1.93-.298 2.874-.549.356-.094.71-.197 1.042-.362a.58.58 0 0 1 .087-.027c.193.097.366.217.45.43v.16ZM4 9.97c.298-.115.614-.138.925-.183.943-.138 1.889-.253 2.831-.398.921-.143 1.84-.296 2.742-.54.355-.096.708-.203 1.036-.378.197.097.371.22.466.43v.16c-.142.268-.391.398-.651.508-.641.274-1.319.417-1.996.556-.673.138-1.352.239-2.03.343-.082.013-.168-.01-.246.031-.011-.034-.042-.024-.065-.026-.762-.107-1.524-.209-2.285-.319-.245-.035-.496-.054-.727-.158v-.027Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M4 1h8v13H4z"/></clipPath></defs></svg>
diff --git a/packages/assets/svgs/ext/Extras/scss.svg b/packages/assets/svgs/ext/Extras/scss.svg
new file mode 100644
index 000000000000..94c9f7cfed81
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/scss.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M7.35 6A3.65 3.65 0 0 0 9.2 7.12a2.81 2.81 0 0 0 1.89-.36 1.68 1.68 0 0 0 1-1.21 1.32 1.32 0 0 0-.85-1.13A7 7 0 0 0 7 3.92a5 5 0 0 0-2 .8 2.06 2.06 0 0 0-.81 1.65 2.47 2.47 0 0 0 .93 1.7c.57.51 1.27.93 2 1.5A3.41 3.41 0 0 1 8 10.74a2.12 2.12 0 0 1 .18.87 1.78 1.78 0 0 1-.29.92 2.6 2.6 0 0 1-1.33 1 4.15 4.15 0 0 1-1.48.25 2.78 2.78 0 0 1-1.61-.48 1.82 1.82 0 0 1-.64-.91 1.66 1.66 0 0 1 .07-1.09A3 3 0 0 1 4 10a4.32 4.32 0 0 1 1.33-.61 6 6 0 0 1 5.11 1.07.27.27 0 0 1 0 .39.27.27 0 0 1-.32.08 6 6 0 0 0-4.4-.22 2.43 2.43 0 0 0-1.37 1.09c0 .17 0 .07.07.19a1.48 1.48 0 0 0 .72.2 2.13 2.13 0 0 0 1.64-.45.57.57 0 0 0 .08-.57 1.88 1.88 0 0 0-.56-.77c-.55-.51-1.27-.94-1.95-1.5A3.6 3.6 0 0 1 3 6.43a3.46 3.46 0 0 1 1.11-2.72 6.21 6.21 0 0 1 2.5-1.25 8 8 0 0 1 5.4.45 3.38 3.38 0 0 1 1.23 1 2.62 2.62 0 0 1 .51 1.72 3.09 3.09 0 0 1-2 2.46 3.76 3.76 0 0 1-2.91.11 3.85 3.85 0 0 1-2-1.91A.27.27 0 0 1 7 6a.26.26 0 0 1 .31 0Z" style="fill:#e8367e"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/sentinel.svg b/packages/assets/svgs/ext/Extras/sentinel.svg
new file mode 100644
index 000000000000..8149fa6cd897
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/sentinel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#9145DC" fill-rule="evenodd" d="M7 2 2 4.911v6.994L4 13V6l3-1.813V2Zm2 0v5.649H7V5.5L5 6.65v7.238L7 15V9.368h2V11.5l2-1.149V3.11L9 2Zm5 10.089L9 15v-2.187L12 11V4l2 1.095v6.994Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/sequelize.svg b/packages/assets/svgs/ext/Extras/sequelize.svg
new file mode 100644
index 000000000000..4cf3213661b6
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/sequelize.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#256F44" fill-rule="evenodd" d="M9.68 8.79v.07l-.06-.03.06-.04Z" clip-rule="evenodd"/><path fill="#2977E0" fill-rule="evenodd" d="M8 12.87v1.96l-6-3.45.03-6.9v-.01l1.69.98.04.02v4.95L8 12.87ZM13.97 4.47v6.93l-5.95 3.44-.02-.01v-1.96l2.17-1.25 2.07-1.25v-4.9l.04-.02 1.69-.98Z" clip-rule="evenodd"/><path fill="#2977E0" fill-rule="evenodd" d="M5.89 9.1v1.96l-.87-.5-.8-.46V8.14l1.67.96ZM10.18 9.15v1.96l-.44-.25V9.43l-.47-.28-.1-.06.45-.26.06.03.5.29ZM8.08 10.39v1.96l-.87-.5-.8-.46V9.43l1.14.66.53.3ZM8.01 5.3v.57l-.46.26v-.62L6.34 4.8v-.46l1.67.96ZM5.89 6.48v1.96l-.87-.5-.24-.14-.56-.32V5.51l1.67.97ZM10.18 6.53v1.96l-.44-.25V6.8l-.46-.27-.77-.45v-.51l1.17.67.5.29ZM8.08 7.77v1.96l-.07-.04-.46-.26-.34-.2-.24-.14-.53-.31-.03-.02V6.8l.09.05h.01l1.04.61.53.31Z" clip-rule="evenodd"/><path fill="#46B9FD" fill-rule="evenodd" d="m14 4.46-.03.01v.01l-1.69.97L8 3.01 3.72 5.45l-1.69-.97v-.01L2 4.46 8.02 1 14 4.46ZM6.44 8.78l-.1.06-.45.26-1.67-.96.56-.34.24.14.87.5.45-.26.07-.04v.62l.03.02ZM11.85 8.19l-1.67.96-.5-.29-.06-.03.06-.04.06-.03v-.52l.44.25 1.1-.63.57.33ZM9.74 9.43l-1.23.71-.43.25-.53-.3-1.14-.66v-.02l.39-.22.17-.1.24.14.34.2.46.26.07.04.43-.25.66-.39.1.06.47.28Z" clip-rule="evenodd"/><path fill="#46B9FD" fill-rule="evenodd" d="m9.71 4.32-1.7.98-1.67-.96v-.02l1.67-.96.02-.01.84.49.84.48ZM7.55 5.51l-1.21.71-.45.26-1.67-.97.84-.49.83-.48.45.26 1.21.71ZM11.85 5.57l-1.67.96-.5-.29-1.17-.67v-.02l.85-.48.34-.2.48-.28 1.67.98ZM9.74 6.8l-.14.08-1.09.64-.43.25-.53-.31-1.04-.61H6.5l-.09-.05v-.01l.39-.23.45-.26.3-.17.46-.26.07-.04.43.25.77.45.46.27Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/sh.svg b/packages/assets/svgs/ext/Extras/sh.svg
new file mode 100644
index 000000000000..75cc7b242f42
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/sh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#9EC825" fill-rule="evenodd" d="M3 2v3l3.5 3L3 11v3l6.5-6L3 2Zm6 10h4a1 1 0 1 1 0 2H9a1 1 0 1 1 0-2Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/slim.svg b/packages/assets/svgs/ext/Extras/slim.svg
new file mode 100644
index 000000000000..1f81247dccd4
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/slim.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#CC8A3C" d="M11.998 9.212 12 9c0-.71-.06-1.395-.173-2.04a21.33 21.33 0 0 0-.029-.213.246.246 0 0 0-.026-.081A9.702 9.702 0 0 0 11.283 5h.155c.918 0 1.715.626 1.845 1.534.113.79.217 1.826.217 2.966 0 1.14-.104 2.176-.217 2.966-.13.908-.927 1.534-1.845 1.534H4.562c-.918 0-1.715-.626-1.845-1.534A21.174 21.174 0 0 1 2.5 9.5c0-1.14.104-2.176.217-2.966C2.847 5.626 3.644 5 4.562 5h.155a9.696 9.696 0 0 0-.49 1.666.245.245 0 0 0-.025.081l-.03.212a11.939 11.939 0 0 0-.17 2.288 19.671 19.671 0 0 0 .2 3.006.24.24 0 0 0 .092.16c.058.047.15.087.268.087h6.876c.118 0 .21-.04.268-.088a.24.24 0 0 0 .092-.159 19.674 19.674 0 0 0 .2-3.041Z"/><path fill="#CC8A3C" fill-rule="evenodd" d="M8 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM8 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM5.25 10.5A.75.75 0 0 1 6 9.75h.5a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1-.75-.75ZM8.75 10.5a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/sln.svg b/packages/assets/svgs/ext/Extras/sln.svg
new file mode 100644
index 000000000000..b02eef36a843
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/sln.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><mask id="a" width="12" height="12" x="2" y="2" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#fff" d="m4.2 12.15-2-1.5a.495.495 0 0 1-.2-.4v-4.5a.496.496 0 0 1 .2-.4l2-1.5a.453.453 0 0 0-.137.4v7.5a.453.453 0 0 0 .137.4Z"/><path fill="#fff" d="M13.777 4.083a.503.503 0 0 0-.622.057l-.035.035L9.13 8l-2.208 2.117-2.042 1.958-.035.035a.486.486 0 0 1-.345.14.502.502 0 0 1-.3-.1l-2-1.5a.5.5 0 0 0 .68-.075L5.1 7.998l1.823-2.115 3.192-3.708A.492.492 0 0 1 10.492 2c.1 0 .196.028.278.083l3.008 2Z"/><path fill="#fff" d="m13.777 11.917-3 2a.506.506 0 0 1-.657-.09l-3.197-3.71L5.1 7.997 2.88 5.423a.502.502 0 0 0-.68-.072l2-1.5a.502.502 0 0 1 .486-.064c.06.024.114.06.159.104l.035.035 2.043 1.958L9.13 8l3.99 3.825.035.035a.484.484 0 0 0 .345.14.503.503 0 0 0 .277-.083Z"/><path fill="#fff" d="M14 4.5v7a.502.502 0 0 1-.223.417l-3 2A.502.502 0 0 0 11 13.5v-11a.506.506 0 0 0-.23-.418l3.008 2A.505.505 0 0 1 14 4.5Z"/></mask><g mask="url(#a)"><path fill="#05486D" d="m4.2 12.15-2-1.5a.496.496 0 0 1-.2-.4v-4.5a.496.496 0 0 1 .2-.4l2-1.5a.453.453 0 0 0-.137.4v7.5a.453.453 0 0 0 .137.4Z"/><g filter="url(#b)"><path fill="#2E6F9E" d="M13.777 4.083a.502.502 0 0 0-.622.057l-.035.035-2.125 2.038L9.13 8l-2.208 2.117-2.042 1.958-.035.035a.486.486 0 0 1-.345.14.502.502 0 0 1-.3-.1l-2-1.5a.5.5 0 0 0 .68-.075L4 9.275l1.1-1.277 1.822-2.115 3.193-3.708A.493.493 0 0 1 10.492 2c.1 0 .195.028.278.083l3.007 2Z"/></g><g filter="url(#c)"><path fill="#3F92CE" d="m13.777 11.917-3 2a.506.506 0 0 1-.657-.09l-3.198-3.71L5.1 7.997 4 6.724l-1.12-1.3a.502.502 0 0 0-.68-.073l2-1.5a.502.502 0 0 1 .486-.064c.06.024.114.06.159.104l.035.035 2.042 1.958L9.13 8l1.868 1.79 2.122 2.035.035.035a.486.486 0 0 0 .345.14.5.5 0 0 0 .277-.083Z"/></g><g filter="url(#d)"><path fill="#5AADFA" d="M14 4.5v7a.502.502 0 0 1-.223.417l-3 2A.501.501 0 0 0 11 13.5v-11a.506.506 0 0 0-.23-.418l3.008 2A.505.505 0 0 1 14 4.5Z"/></g></g><defs><filter id="b" width="21.939" height="20.612" x="-2.981" y="-1.886" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".246"/><feGaussianBlur stdDeviation=".246"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_821_8"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1.295"/><feGaussianBlur stdDeviation="2.59"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"/><feBlend in2="effect1_dropShadow_821_8" result="effect2_dropShadow_821_8"/><feBlend in="SourceGraphic" in2="effect2_dropShadow_821_8" result="shape"/></filter><filter id="c" width="21.939" height="20.612" x="-2.981" y="-.136" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".246"/><feGaussianBlur stdDeviation=".246"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_821_8"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1.295"/><feGaussianBlur stdDeviation="2.59"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"/><feBlend in2="effect1_dropShadow_821_8" result="effect2_dropShadow_821_8"/><feBlend in="SourceGraphic" in2="effect2_dropShadow_821_8" result="shape"/></filter><filter id="d" width="34.316" height="42.921" x="-4.773" y="-13.46" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation=".13"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_821_8"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation="7.771"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"/><feBlend in2="effect1_dropShadow_821_8" result="effect2_dropShadow_821_8"/><feBlend in="SourceGraphic" in2="effect2_dropShadow_821_8" result="shape"/></filter></defs></svg>
diff --git a/packages/assets/svgs/ext/Extras/smarty.svg b/packages/assets/svgs/ext/Extras/smarty.svg
new file mode 100644
index 000000000000..330e94852a53
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/smarty.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#F4BF36" fill-rule="evenodd" d="M10 10.242a4.5 4.5 0 1 0-5 0V12h5v-1.758ZM9 13v1H6v-1h3Zm2-6.5a3.5 3.5 0 0 1-2 3.163V11H6V9.663A3.5 3.5 0 1 1 11 6.5Zm-1.646-.146L8 7.707l-1-1-.646.647-.708-.708L7 5.293l1 1 .646-.647.708.708Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/sol.svg b/packages/assets/svgs/ext/Extras/sol.svg
new file mode 100644
index 000000000000..d28c585e9a8e
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/sol.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#909090" d="M10.5 14H6l-2-3.5h4.5l2-3.5 2 3.5-2 3.5ZM6 2h4.5l2 3.5H8L6 9 4 5.5 6 2Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/spc.svg b/packages/assets/svgs/ext/Extras/spc.svg
new file mode 100644
index 000000000000..66553b719547
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/spc.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#D7597F" fill-rule="evenodd" d="M8.707 2.05a1 1 0 0 0-1.414 0l-.95.95H5a1 1 0 0 0-1 1v1.343l-.95.95a1 1 0 0 0 0 1.414l.95.95V10a1 1 0 0 0 1 1h1v4l2-2 2 2v-4h1a1 1 0 0 0 1-1V8.657l.95-.95a1 1 0 0 0 0-1.414l-.95-.95V4a1 1 0 0 0-1-1H9.657l-.95-.95ZM8 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/sql.svg b/packages/assets/svgs/ext/Extras/sql.svg
new file mode 100644
index 000000000000..42cb6a1c1aee
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/sql.svg
@@ -0,0 +1 @@
+<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#0096c8;}</style></defs><path class="cls-1" d="M8,11.22A12.68,12.68,0,0,1,5.36,11,6.31,6.31,0,0,1,3,10v2.5C3,13.33,5.24,14,8,14s5-.67,5-1.5V10a6.31,6.31,0,0,1-2.36.95A12.68,12.68,0,0,1,8,11.22Z"/><path class="cls-1" d="M12.81,3.08c-.55-.56-2.14-1-4.11-1.06L8,2,7.3,2c-2,.08-3.56.5-4.11,1.06A.62.62,0,0,0,3,3.5v1C3,5.33,5.24,6,8,6s5-.67,5-1.5v-1A.62.62,0,0,0,12.81,3.08Z"/><path class="cls-1" d="M8,7.22A12.47,12.47,0,0,1,5.47,7,6.43,6.43,0,0,1,3,6V8.5C3,9.33,5.24,10,8,10s5-.67,5-1.5V6a6.43,6.43,0,0,1-2.47,1A12.47,12.47,0,0,1,8,7.22Z"/></svg>
\ No newline at end of file
diff --git a/packages/assets/svgs/ext/Extras/sqlite.svg b/packages/assets/svgs/ext/Extras/sqlite.svg
new file mode 100644
index 000000000000..50a09dd9f41c
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/sqlite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#0080C8" fill-rule="evenodd" d="M9.356 15c-.13-2.687.667-9.624 3.144-12-1.5 3-2.308 4.835-2.5 8 .128-.897 1-1.5 1.5-1.5.292-.583.64-1.204.997-1.837L12 7l.633.422c.214-.379.429-.761.635-1.14L12 5.82l1.505.014C14.56 3.818 15.24 1.93 14 1 12.507.104 9.61 2.744 8.587 5.782L9.5 7l-1.065-.71a6.567 6.567 0 0 0-.201 1.188L9 8.5l-.78-.52c.01.522.098 1.034.28 1.52.224.596.477 2.578.684 4.195.062.483.12.934.172 1.305Z" clip-rule="evenodd"/><path fill="#00A4C8" fill-rule="evenodd" d="M7.418 7.215A12.47 12.47 0 0 1 5.47 7 6.43 6.43 0 0 1 3 6v2.5c0 .8 2.08 1.451 4.702 1.497-.203-.49-.403-1.36-.284-2.782ZM8.1 11.22H8c-.885.019-1.77-.055-2.64-.22A6.31 6.31 0 0 1 3 10v2.5c0 .83 2.24 1.5 5 1.5.146 0 .29-.002.433-.005A80.221 80.221 0 0 0 8.1 11.22Zm1.65-9.13a14.02 14.02 0 0 0-1.05-.07L8 2h-.7c-2 .08-3.56.5-4.11 1.06A.62.62 0 0 0 3 3.5v1c0 .789 2.023 1.433 4.593 1.495.364-1.61 1.311-2.988 2.158-3.904Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/storybook.svg b/packages/assets/svgs/ext/Extras/storybook.svg
new file mode 100644
index 000000000000..5b19d170ac2b
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/storybook.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#E7437A" fill-rule="evenodd" d="m2.633 2.782.4 10.662a.65.65 0 0 0 .62.625l8.668.389h.03A.65.65 0 0 0 13 13.81V2.191l-.001-.04a.65.65 0 0 0-.69-.608l-9.068.567a.65.65 0 0 0-.608.672Zm7.992 3.583c-.229.177-1.93.298-1.93.046.035-.964-.396-1.006-.636-1.006-.227 0-.611.069-.611.585 0 .526.56.823 1.218 1.172.935.496 2.066 1.095 2.066 2.604 0 1.446-1.174 2.245-2.673 2.245-1.547 0-2.898-.625-2.746-2.795.06-.255 2.027-.194 2.027 0-.024.895.18 1.159.695 1.159.395 0 .576-.218.576-.586 0-.556-.584-.883-1.256-1.26-.91-.511-1.982-1.113-1.982-2.493 0-1.377.947-2.295 2.638-2.295 1.691 0 2.614.904 2.614 2.624Zm1.313-4.799-1.865.117L10 3.819a.2.2 0 0 0 .028.113c.048.076.138.09.2.033l.836-.766.706.671a.13.13 0 0 0 .093.037c.077-.005.14-.084.137-.179l-.062-2.162Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/stylelint.svg b/packages/assets/svgs/ext/Extras/stylelint.svg
new file mode 100644
index 000000000000..6663a2244c39
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/stylelint.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#88c626}</style></defs><path d="M12.06 8.09V2L8.68 4v2ZM3.94 2v6.09l3.38-2V4Z" class="cls-1"/><circle cx="8" cy="9" r="1.12" class="cls-1"/><circle cx="8" cy="12.38" r="1.12" class="cls-1"/><path d="M7.32 4.03h2.71v2.03H7.32z" class="cls-1"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/stylus.svg b/packages/assets/svgs/ext/Extras/stylus.svg
new file mode 100644
index 000000000000..f20aec94ad67
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/stylus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M10.5 11.84c1-1.33.46-3-.37-4.26-.59-.9-2.39-2.2-1.81-3.18s4.52-.87 2.39 1.06l.29.14c1.5 0 3.3-3.16.72-3.41-3.22-.31-6.53 1.53-4.64 5.34.61 1.31 1.42 2.68 1 3.87a2.68 2.68 0 0 1-1.87 1.75c-2.69.26-1.4-3 0-3.8.13-.07.3-.16.11-.35a3.6 3.6 0 0 0-3.53 2.09c-1.54 3.35 5.21 4.08 7.71.75Z" style="fill:tomato"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/suo.svg b/packages/assets/svgs/ext/Extras/suo.svg
new file mode 100644
index 000000000000..8f5af56f1415
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/suo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><mask id="a" width="12" height="12" x="2" y="2" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#fff" d="m4.2 12.15-2-1.5a.495.495 0 0 1-.2-.4v-4.5a.496.496 0 0 1 .2-.4l2-1.5a.453.453 0 0 0-.137.4v7.5a.453.453 0 0 0 .137.4Z"/><path fill="#fff" d="M13.777 4.083a.503.503 0 0 0-.622.057l-.035.035L9.13 8l-2.208 2.117-2.042 1.958-.035.035a.486.486 0 0 1-.345.14.502.502 0 0 1-.3-.1l-2-1.5a.5.5 0 0 0 .68-.075L5.1 7.998l1.823-2.115 3.192-3.708A.492.492 0 0 1 10.492 2c.1 0 .196.028.278.083l3.008 2Z"/><path fill="#fff" d="m13.777 11.917-3 2a.506.506 0 0 1-.657-.09l-3.197-3.71L5.1 7.997 2.88 5.423a.502.502 0 0 0-.68-.072l2-1.5a.502.502 0 0 1 .486-.064c.06.024.114.06.159.104l.035.035 2.043 1.958L9.13 8l3.99 3.825.035.035a.484.484 0 0 0 .345.14.503.503 0 0 0 .277-.083Z"/><path fill="#fff" d="M14 4.5v7a.502.502 0 0 1-.223.417l-3 2A.502.502 0 0 0 11 13.5v-11a.506.506 0 0 0-.23-.418l3.008 2A.505.505 0 0 1 14 4.5Z"/></mask><g mask="url(#a)"><path fill="#AD804B" d="m4.2 12.15-2-1.5a.496.496 0 0 1-.2-.4v-4.5a.496.496 0 0 1 .2-.4l2-1.5a.453.453 0 0 0-.137.4v7.5a.453.453 0 0 0 .137.4Z"/><g filter="url(#b)"><path fill="#CE934E" d="M13.777 4.083a.502.502 0 0 0-.622.057l-.035.035-2.125 2.038L9.13 8l-2.208 2.117-2.042 1.958-.035.035a.486.486 0 0 1-.345.14.502.502 0 0 1-.3-.1l-2-1.5a.5.5 0 0 0 .68-.075L4 9.275l1.1-1.277 1.822-2.115 3.193-3.708A.493.493 0 0 1 10.492 2c.1 0 .195.028.278.083l3.007 2Z"/></g><g filter="url(#c)"><path fill="#E7AB64" d="m13.777 11.917-3 2a.506.506 0 0 1-.657-.09l-3.198-3.71L5.1 7.997 4 6.724l-1.12-1.3a.502.502 0 0 0-.68-.073l2-1.5a.502.502 0 0 1 .486-.064c.06.024.114.06.159.104l.035.035 2.042 1.958L9.13 8l1.868 1.79 2.122 2.035.035.035a.486.486 0 0 0 .345.14.5.5 0 0 0 .277-.083Z"/></g><g filter="url(#d)"><path fill="#FFB661" d="M14 4.5v7a.502.502 0 0 1-.223.417l-3 2A.501.501 0 0 0 11 13.5v-11a.506.506 0 0 0-.23-.418l3.008 2A.505.505 0 0 1 14 4.5Z"/></g></g><defs><filter id="b" width="21.939" height="20.612" x="-2.981" y="-1.886" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".246"/><feGaussianBlur stdDeviation=".246"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_821_44"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1.295"/><feGaussianBlur stdDeviation="2.59"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"/><feBlend in2="effect1_dropShadow_821_44" result="effect2_dropShadow_821_44"/><feBlend in="SourceGraphic" in2="effect2_dropShadow_821_44" result="shape"/></filter><filter id="c" width="21.939" height="20.612" x="-2.981" y="-.136" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".246"/><feGaussianBlur stdDeviation=".246"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_821_44"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1.295"/><feGaussianBlur stdDeviation="2.59"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0"/><feBlend in2="effect1_dropShadow_821_44" result="effect2_dropShadow_821_44"/><feBlend in="SourceGraphic" in2="effect2_dropShadow_821_44" result="shape"/></filter><filter id="d" width="34.316" height="42.921" x="-4.773" y="-13.46" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation=".13"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_821_44"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation="7.771"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"/><feBlend in2="effect1_dropShadow_821_44" result="effect2_dropShadow_821_44"/><feBlend in="SourceGraphic" in2="effect2_dropShadow_821_44" result="shape"/></filter></defs></svg>
diff --git a/packages/assets/svgs/ext/Extras/svelte.svg b/packages/assets/svgs/ext/Extras/svelte.svg
new file mode 100644
index 000000000000..85406c398396
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/svelte.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#FF3E00" d="M9.313 3.36h.11a2.23 2.23 0 0 1 1.77 1 2 2 0 0 1 .38 1.17c.01.11.01.22 0 .33a2.13 2.13 0 0 1-.07.27l-.05.16-.14-.1a3.78 3.78 0 0 0-1.1-.55h-.1v-.1a.7.7 0 0 0-.11-.44.68.68 0 0 0-.55-.29h-.18l-.17.07-2.8 1.81a.55.55 0 0 0-.3.38.64.64 0 0 0 .34.683.67.67 0 0 0 .31.077h.18l.17-.1 1.1-.68a2.08 2.08 0 0 1 1.12-.32 2.22 2.22 0 0 1 1.78.95 2.061 2.061 0 0 1 .36 1.56 1.92 1.92 0 0 1-.87 1.29l-2.8 1.78c-.177.11-.369.194-.57.25a2.1 2.1 0 0 1-.56.08 2.22 2.22 0 0 1-1.82-1 2 2 0 0 1-.38-1.16v-.08a1.82 1.82 0 0 1 0-.32l.06-.26v-.16l.14.1c.334.242.706.428 1.1.55h.1v.1a.72.72 0 0 0 .24.49.699.699 0 0 0 .56.29c.053.01.107.01.16 0l.18-.07 2.76-1.8a.58.58 0 0 0 .27-.38.64.64 0 0 0-.339-.683.67.67 0 0 0-.31-.077h-.18l-.17.07-1.07.75a1.81 1.81 0 0 1-.57.24 2.08 2.08 0 0 1-.55.07 2.22 2.22 0 0 1-1.83-1 2.06 2.06 0 0 1-.34-1.55 1.92 1.92 0 0 1 .87-1.29l2.8-1.78c.178-.11.37-.198.57-.26a2.74 2.74 0 0 1 .5-.07ZM9.293 2a3.4 3.4 0 0 0-1.85.53l-2.8 1.79a3.18 3.18 0 0 0-1.44 2.14 3.32 3.32 0 0 0 .33 2.17 3.12 3.12 0 0 0-.48 1.2 3.41 3.41 0 0 0 .58 2.58A3.74 3.74 0 0 0 6.683 14a3.4 3.4 0 0 0 1.85-.53l2.8-1.78a3.17 3.17 0 0 0 1.44-2.15 3.3 3.3 0 0 0-.33-2.16c.238-.364.401-.772.48-1.2a3.39 3.39 0 0 0-.58-2.59A3.74 3.74 0 0 0 9.293 2Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/svelteconfig.svg b/packages/assets/svgs/ext/Extras/svelteconfig.svg
new file mode 100644
index 000000000000..ad68d2d9ddfe
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/svelteconfig.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#FF3E00" fill-rule="evenodd" d="M4 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H4Zm5.15 2.133H9.06c-.135.007-.27.027-.4.059-.161.052-.315.124-.458.216L5.96 5.892a1.568 1.568 0 0 0-.458.46c-.12.186-.202.395-.24.615a1.783 1.783 0 0 0 .273 1.291c.16.254.378.462.633.607.256.146.542.223.834.227.149 0 .297-.019.44-.059.163-.039.318-.106.458-.2l.858-.625.136-.058h.144a.52.52 0 0 1 .25.064.545.545 0 0 1 .271.57.493.493 0 0 1-.216.316l-2.213 1.5-.144.058a.342.342 0 0 1-.128 0 .544.544 0 0 1-.45-.241.61.61 0 0 1-.192-.409v-.083h-.08a2.987 2.987 0 0 1-.882-.458l-.112-.084v.134l-.048.216a1.577 1.577 0 0 0 0 .267v.067c.002.347.109.685.305.966.159.252.375.46.63.605.254.145.538.224.829.229.151-.002.302-.024.449-.067.16-.047.314-.117.456-.208l2.245-1.484c.182-.118.338-.275.458-.46.12-.186.202-.395.24-.615a1.782 1.782 0 0 0-.289-1.3 1.805 1.805 0 0 0-.622-.574 1.727 1.727 0 0 0-.805-.217 1.608 1.608 0 0 0-.898.266l-.882.567-.136.083h-.144a.52.52 0 0 1-.25-.064.545.545 0 0 1-.271-.569.466.466 0 0 1 .24-.317L8.893 5.4l.136-.058h.144c.087 0 .172.023.249.065a.552.552 0 0 1 .192.176.601.601 0 0 1 .088.367v.083h.08c.317.102.615.257.883.459l.112.083.04-.133c.023-.074.042-.15.056-.225a1.598 1.598 0 0 0 0-.275c0-.35-.107-.692-.305-.975a1.818 1.818 0 0 0-.613-.595 1.737 1.737 0 0 0-.806-.239Zm-1.588-.691A2.65 2.65 0 0 1 9.045 3c.48.001.952.123 1.378.353.425.23.791.564 1.067.972.213.309.364.66.444 1.03.08.37.087.755.021 1.128a2.805 2.805 0 0 1-.385 1c.283.552.376 1.186.265 1.8-.06.367-.195.715-.393 1.024-.2.309-.459.57-.761.768l-2.245 1.483A2.65 2.65 0 0 1 6.953 13a2.907 2.907 0 0 1-1.378-.353 3.037 3.037 0 0 1-1.508-1.998 2.952 2.952 0 0 1-.024-1.124c.06-.358.19-.698.385-1a2.863 2.863 0 0 1-.265-1.808 2.71 2.71 0 0 1 .395-1.02c.2-.306.458-.567.76-.764l2.244-1.491Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/svg.svg b/packages/assets/svgs/ext/Extras/svg.svg
new file mode 100644
index 000000000000..7858dd7c47a6
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/svg.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><circle cx="9.75" cy="9.75" r="4.25" style="fill:#bc406a"/><path d="m5.88 2 2.34 4.07 2.35 4.07H1.18l2.35-4.07L5.88 2z" style="fill:#5497ff"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/swift.svg b/packages/assets/svgs/ext/Extras/swift.svg
new file mode 100644
index 000000000000..93be220f554c
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/swift.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="m12.92 10.05.06-.2c.71-2.84-1-6.21-4-8a6.87 6.87 0 0 1 1.37 5.75c0 .17-.1.33-.16.48l-.26-.15a36.89 36.89 0 0 1-6.12-5 38.82 38.82 0 0 0 3.72 4.66 41.29 41.29 0 0 1-5.29-4 8.3 8.3 0 0 0 .72 1 32.5 32.5 0 0 0 5.43 5.66 6.22 6.22 0 0 1-5.88 0A8.48 8.48 0 0 1 1 9.34a9 9 0 0 0 4.05 3.47 6.48 6.48 0 0 0 5.6 0l.18-.11a2 2 0 0 1 2.94.74c.23.38.63-1.57-.85-3.39Z" style="fill:#f05138"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/symfony.svg b/packages/assets/svgs/ext/Extras/symfony.svg
new file mode 100644
index 000000000000..8e5d772b0561
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/symfony.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M12.14 3.83A.84.84 0 0 0 12.77 5a1 1 0 0 0 1.13-.81 1.16 1.16 0 0 0-.85-1.32 2.73 2.73 0 0 0-2.66.49A5.71 5.71 0 0 0 8.65 5.8c-.06.13-.12.27-.17.41l-.59-.46-.56-.44a2.75 2.75 0 0 0-2.39-.68 2.11 2.11 0 0 0-1.75 1.79 2.25 2.25 0 0 0 .67 1.83l.26.28.27.3a.49.49 0 0 1-.1.79.81.81 0 0 1-.92 0l-.09-.06a.29.29 0 0 1 .05-.14 1.56 1.56 0 0 0 .18-.54.88.88 0 0 0-.78-1 .79.79 0 0 0-.64.12.91.91 0 0 0-.33.63 1.55 1.55 0 0 0 .76 1.52 2.81 2.81 0 0 0 2.16.46 2.13 2.13 0 0 0 1.46-.9 1.7 1.7 0 0 0 .09-2 8.2 8.2 0 0 0-.77-1l-.17-.21c-.22-.25-.27-.48-.15-.68a.62.62 0 0 1 .7-.29 2 2 0 0 1 1 .48l.82.64c.23.18.45.34.54.43-.17.72-.34 1.44-.5 2.17-.12.53-.15.66-.21.86s-.09.32-.18.71a3.25 3.25 0 0 1-.75 1.44 1.42 1.42 0 0 1-.57.39.73.73 0 0 0 .23-.43 1 1 0 0 0-.27-.85 1.06 1.06 0 0 0-1.22-.16 1.14 1.14 0 0 0-.62 1.2 1.41 1.41 0 0 0 1.19 1.1h.45a2.89 2.89 0 0 0 1.55-.48 4.76 4.76 0 0 0 .47-.31 5.79 5.79 0 0 0 1.55-2 7.76 7.76 0 0 0 .81-2.31l.1-.59.5.1h.08a2.87 2.87 0 0 0 1.59-.12 1.45 1.45 0 0 0 1-1.44.8.8 0 0 0-1.4-.31.72.72 0 0 0 0 .95v.1a2.75 2.75 0 0 1-1.49 0h-.15l.07-.37a11.24 11.24 0 0 1 .49-2 2.39 2.39 0 0 1 .49-.8 1 1 0 0 1 .83-.27l-.05.08Z" style="fill:#037bb9"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/tailwind.svg b/packages/assets/svgs/ext/Extras/tailwind.svg
new file mode 100644
index 000000000000..9772f39555f1
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/tailwind.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#06B6D4" fill-rule="evenodd" d="M8 4C6.133 4 4.967 5 4.5 7c.7-1 1.517-1.375 2.45-1.125.532.143.913.557 1.334 1.015.687.746 1.481 1.61 3.216 1.61 1.867 0 3.033-1 3.5-3-.7 1-1.517 1.375-2.45 1.125-.533-.143-.913-.557-1.334-1.015C10.529 4.863 9.735 4 8 4ZM4.5 8.5c-1.867 0-3.033 1-3.5 3 .7-1 1.517-1.375 2.45-1.125.533.143.913.557 1.334 1.015C5.471 12.136 6.265 13 8 13c1.867 0 3.033-1 3.5-3-.7 1-1.517 1.375-2.45 1.125-.532-.143-.913-.557-1.334-1.015C7.029 9.364 6.235 8.5 4.5 8.5Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/tauri.svg b/packages/assets/svgs/ext/Extras/tauri.svg
new file mode 100644
index 000000000000..c4fa21d5e318
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/tauri.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#FFC131" d="M10 6.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"/><path fill="#24C8DB" d="M6.5 8a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"/><path fill="#FFC131" fill-rule="evenodd" d="M10.895 10.362A4.64 4.64 0 0 1 9.306 11a3.15 3.15 0 0 0 .154-1.44 3.206 3.206 0 0 0 1.886-1.704 3.156 3.156 0 0 0-.527-3.427 3.242 3.242 0 0 0-1.552-.96 3.277 3.277 0 0 0-1.831.026 3.239 3.239 0 0 0-1.524 1.002c.046-.063-.051.06 0 0-.616.068-1.36.426-1.912.693.18-.568.472-1.098.862-1.559A4.609 4.609 0 0 1 7.03 2.204a4.663 4.663 0 0 1 2.606-.036c.854.236 1.62.71 2.208 1.365a4.518 4.518 0 0 1 1.104 2.33 4.49 4.49 0 0 1-.354 2.549 4.561 4.561 0 0 1-1.7 1.95Zm-6.84-4.343 1.129.137c.027-.216.076-.428.145-.632a4.641 4.641 0 0 0-1.274.495Z" clip-rule="evenodd"/><path fill="#24C8DB" fill-rule="evenodd" d="M4.105 5.64A4.639 4.639 0 0 1 5.706 5a3.148 3.148 0 0 0-.18 1.446 3.205 3.205 0 0 0-1.872 1.7 3.155 3.155 0 0 0 .527 3.426c.413.46.952.794 1.552.96.6.165 1.235.156 1.83-.026.595-.183 1.038-.534 1.437-1.006-.047.064.051-.06 0 0 .617-.069 1.448-.426 2-.693a4.526 4.526 0 0 1-.863 1.563 4.609 4.609 0 0 1-2.168 1.426 4.663 4.663 0 0 1-2.605.036 4.613 4.613 0 0 1-2.208-1.365 4.49 4.49 0 0 1-.75-4.877 4.561 4.561 0 0 1 1.699-1.95Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/taze.svg b/packages/assets/svgs/ext/Extras/taze.svg
new file mode 100644
index 000000000000..668c00a1883d
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/taze.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#79E78B" fill-rule="evenodd" d="M2.264 12.75c.984 1.4 1.64 1.75 1.846 1.75a16.988 16.988 0 0 1 2.058-1.934c.892-.713 1.664-.807 2.583-.918.316-.039.65-.08 1.013-.148-.973-.553-1.177-1.294-1.377-2.018-.305-1.11-.6-2.18-3.623-2.482a1.968 1.968 0 0 0-.12.694l-.38 2.23a20.437 20.437 0 0 0-2 2.826Zm3-3.75-.5 2.5 2.5-3.5-2 1Zm2.5 0-2.5 3 2.5-1V9Z" clip-rule="evenodd"/><path fill="#49A958" d="M4.09 4.086c.742.06 1.237.43 1.482.676-.242-.707-.654-1.328-1.105-1.828.574-.98 1.726-1.572 3.042-1.43a3.8 3.8 0 0 1 2.008.851c.32-.167.69-.242 1.081-.2 1.192.128 2.141 1.296 2.119 2.609-.004.23-.038.449-.097.653a3.072 3.072 0 0 0-1.671.669c.527-.142 1.133.006 1.706.32.723.582 1.184 1.44 1.169 2.351-.021 1.215-.883 2.156-2.063 2.399a3.079 3.079 0 0 0-1.187-1.424c.318.479.359 1.14.218 1.819-.47.727-1.272 1.156-2.175 1.059-1.415-.152-2.54-1.538-2.514-3.097.005-.275.045-.538.116-.783a2.448 2.448 0 0 1-1.54.327c-1.42-.152-2.55-1.392-2.527-2.768.02-1.151.84-2.033 1.938-2.203Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/terrafile.svg b/packages/assets/svgs/ext/Extras/terrafile.svg
new file mode 100644
index 000000000000..ae80802cdbdc
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/terrafile.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#7A6DF4" fill-rule="evenodd" d="M4 3.5h8a.5.5 0 0 1 .5.5v1.464l-2.357 1.179V9.5L12.5 8.321V12a.5.5 0 0 1-.5.5H9.429v-2.286L6.57 8.786V12.5H4a.5.5 0 0 1-.5-.5V6.536l2.357 1.178V4.857L3.585 3.721A.5.5 0 0 1 4 3.5ZM2 4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4Zm4.571 1.214L9.43 6.643V9.5L6.57 8.071V5.214Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/terraform.svg b/packages/assets/svgs/ext/Extras/terraform.svg
new file mode 100644
index 000000000000..8a7eff55d92b
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/terraform.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#7A6DF4" d="m6 4 4 2v4L6 8V4ZM1 1.5l4 2v4l-4-2v-4ZM6 9l4 2v4l-4-2V9Z"/><path fill="#4F4FE8" d="m15 4-4 2v4l4-2V4Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/terraformvars.svg b/packages/assets/svgs/ext/Extras/terraformvars.svg
new file mode 100644
index 000000000000..d23bef373f4f
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/terraformvars.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#79D49C" d="m6 4 4 2v4L6 8V4ZM1 1.5l4 2v4l-4-2v-4ZM6 9l4 2v4l-4-2V9Z"/><path fill="#35CDE3" d="m15 4-4 2v4l4-2V4Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/terraformversion.svg b/packages/assets/svgs/ext/Extras/terraformversion.svg
new file mode 100644
index 000000000000..b5871e93e036
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/terraformversion.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#7A6DF4" fill-opacity=".5" fill-rule="evenodd" d="M4 5H3a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h1V9.5h-.5v-3H4V5ZM7 4H6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h1v-1.5h-.5v-5H7V4Z" clip-rule="evenodd"/><path fill="#7A6DF4" fill-rule="evenodd" d="M9.5 4.5v7h3v-7h-3ZM9 3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H9Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/testjs.svg b/packages/assets/svgs/ext/Extras/testjs.svg
new file mode 100644
index 000000000000..ca7dc2c9bbee
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/testjs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#FBB03B" d="m13.629 10.75-3.65-4.42V4h.542V3H5.107v1h.542v2.35l-3.357 4.52c-.194.32-.295.68-.292 1.047.003.367.11.726.31 1.043.201.316.488.579.832.761A2.42 2.42 0 0 0 4.274 14h7.46c.41-.001.81-.105 1.162-.299.35-.194.638-.473.832-.805a1.97 1.97 0 0 0 .27-1.086 1.99 1.99 0 0 0-.37-1.06Zm-.856 1.68a1.137 1.137 0 0 1-.453.428c-.191.1-.41.15-.63.142H4.275a1.272 1.272 0 0 1-.59-.133 1.159 1.159 0 0 1-.442-.384 1.03 1.03 0 0 1-.05-1.083l3.54-4.75V4h2.165v2.67l3.844 4.64a1.052 1.052 0 0 1 .033 1.12Z"/><path fill="#FBB03B" d="M10.318 10H5.563L4 11.96l.09.04h7.802a.124.124 0 0 0 .055-.01.075.075 0 0 0 .036-.03.056.056 0 0 0 .017-.039.057.057 0 0 0-.017-.039L10.318 10Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/testts.svg b/packages/assets/svgs/ext/Extras/testts.svg
new file mode 100644
index 000000000000..1dab247b8481
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/testts.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#0E8ADC" fill-rule="evenodd" d="m9.98 6.33 3.649 4.42c.224.316.351.682.369 1.06a1.97 1.97 0 0 1-.27 1.086 2.183 2.183 0 0 1-.832.805 2.418 2.418 0 0 1-1.162.299h-7.46a2.42 2.42 0 0 1-1.132-.278 2.197 2.197 0 0 1-.831-.762A1.98 1.98 0 0 1 2 11.917a1.976 1.976 0 0 1 .291-1.047L5.65 6.35V4h-.542V3h5.414v1H9.98v2.33Zm2.34 6.528c.191-.101.348-.25.453-.428a1.052 1.052 0 0 0-.032-1.12L8.897 6.67V4H6.732v2.65L3.19 11.4a1.03 1.03 0 0 0 .05 1.083c.11.161.262.294.443.384.18.09.384.136.59.133h7.417c.22.008.438-.041.63-.142ZM5.563 10h4.755l1.665 1.882a.057.057 0 0 1 .017.04.056.056 0 0 1-.017.039.075.075 0 0 1-.036.03.124.124 0 0 1-.055.009H4.091L4 11.96 5.563 10Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/tmpl.svg b/packages/assets/svgs/ext/Extras/tmpl.svg
new file mode 100644
index 000000000000..176f2befc178
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/tmpl.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#34cbce}</style></defs><path d="M3 7v2l4 3.5v-2L4 8l3-2.5v-2L3 7zM9 3.5v2L12 8l-3 2.5v2L13 9V7L9 3.5z" class="cls-1"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/todo.svg b/packages/assets/svgs/ext/Extras/todo.svg
new file mode 100644
index 000000000000..97709a25428c
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/todo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><rect width="10.5" height="10.5" x="2.75" y="2.75" stroke="#26C28A" stroke-width="1.5" rx="1.25"/><path fill="#26C28A" d="m5.5 11-1-3.5H6l.5 2 3-4h2l-4 5.5h-2Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/toml.svg b/packages/assets/svgs/ext/Extras/toml.svg
new file mode 100644
index 000000000000..0d092c699b19
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/toml.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#D87A35" d="M13 3h-3V2h4v12h-4v-1h3V3ZM2 2h4v1H3v10h3v1H2V2Z"/><path fill="#D87A35" d="M5 5v2h2v5h2V7h2V5H5Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/toolversions.svg b/packages/assets/svgs/ext/Extras/toolversions.svg
new file mode 100644
index 000000000000..399e7fce92f2
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/toolversions.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#D86EAD" fill-rule="evenodd" d="M7.5 3.5v9h4.1l1.732 1.444A.998.998 0 0 1 13 14H7a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v4.298c-.403-.646-.947-1.066-1.5-1.225V3.5h-5ZM5 4H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2v-1.5H3.5v-5H5V4Zm5.59 6.02L9.198 8.179c-.49.9-.384 2.014.337 2.735.595.596 1.743.582 2.533.348l1.11.98S13.925 13 14 13v-2.5l-.69-.545c.233-.79.095-1.928-.501-2.524-.72-.72-1.682-.77-2.582-.28l1.842 1.39-.338 1.142-1.142.338Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/tox.svg b/packages/assets/svgs/ext/Extras/tox.svg
new file mode 100644
index 000000000000..e20134162c47
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/tox.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#3B60C7" d="M12.5 11.969A5.977 5.977 0 0 0 14 8a5.977 5.977 0 0 0-1.5-3.969v7.938Z"/><path fill="#6281A4" d="M11 13.197V2.803a5.971 5.971 0 0 0-1-.462V13.66c.35-.124.684-.279 1-.462Z"/><path fill="#8AA181" d="M8.5 13.98V2.02a6.081 6.081 0 0 0-1 0v11.96a6.081 6.081 0 0 0 1 0Z"/><path fill="#B1C25E" d="M6 13.659V2.34c-.35.124-.684.279-1 .462v10.394c.316.183.65.338 1 .462Z"/><path fill="#D8E23B" d="M3.5 11.969A5.977 5.977 0 0 1 2 8c0-1.522.566-2.911 1.5-3.969v7.938Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/travis.svg b/packages/assets/svgs/ext/Extras/travis.svg
new file mode 100644
index 000000000000..34d6b193c9cb
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/travis.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#E5CCAC" d="m2.6 10.2-.6-3 .6-.6L8 6l5.5 1.5L14 9v1.2l-.6.6-2.4 2.4L8.6 15l-1.8-.6L5 13.2l-1.2-1.8-.6-.6-.6-.6Z"/><path fill="#CB3349" d="M4.875 13.6 3.5 12.5l2-.1 1.5-.9h2.5l2 .5H13l-1.25 1.2-1.875.4-1.25-.4H8l-1.875.8-1.25-.4Z"/><path fill="#F4EDAE" d="M2 7.25V6.083l.571-.583 1.143-1.75 1.143-1.167L7 1.5h3l1 .5 1.5 1.5 1 1.5 1 1v1.833L12.857 9V7.833l-1.714-.583H7.714l-4.571.583L2.5 8 2 7.25Z"/><path fill="#D6B58C" d="M3.556 10.429V8.714L3 7.571 6.889 7H13.5l-.5 3-1.111 1-2.222-.571L8.5 9l-1.056.286-.555 1.143L4.667 11l-1.111-.571Z"/><path fill="#CB3349" d="m2 9.5 1.2-2L5 7 2 9.5ZM6 8l.5-1H12L9 8V7h-.6L6 8Z"/><path fill="#2F2E2C" d="M7.978 1a4.658 4.658 0 0 0-.466.03 5.446 5.446 0 0 0-1.486.38C4.9 1.878 3.583 2.89 2.763 4.94a3.745 3.745 0 0 0-.893.467.318.318 0 0 0-.088.105c-.103.21-.122.44-.136.694-.013.254-.01.513.02.724.028.198.09.46.165.704.036.121.07.24.116.342.044.096.07.184.204.276l-1.068 1.856-.029.048a.3.3 0 0 0 .083.423.315.315 0 0 0 .432-.08s.273-.315.709-.743c.031.214.072.453.136.638.053.157.14.365.233.552.046.094.088.178.145.257.028.039.061.083.107.123a.35.35 0 0 0 .253.096c.127 0 .253-.02.398-.039.005 0 .005.002.01 0 .033.122.04.18.126.39.065.162.151.335.252.505l-.417-.019a.312.312 0 0 0-.295.157.3.3 0 0 0 .023.329c.435.567.9.97 1.32 1.237.42.266.785.409 1.107.409.083 0 .168-.01.253-.02.052.032 1.064.629 2.233.629 1.517 0 2.627-.942 2.778-1.075.302-.064.593-.143.796-.22.237-.088.418-.254.602-.447.185-.192.368-.414.525-.628.313-.428.543-.828.543-.828a.3.3 0 0 0-.02-.332.313.313 0 0 0-.32-.115l.078-.247.593-.067a.31.31 0 0 0 .242-.18s.18-.373.253-.686c.038-.16.07-.402.097-.638.027-.235.048-.408.048-.533 0-.18-.08-.234-.126-.276-.045-.041-.09-.066-.136-.095a2.665 2.665 0 0 0-.233-.124c.086-.025.175-.048.253-.076a1.13 1.13 0 0 0 .252-.114c.005-.003.005-.006.01-.01.126-.083.164-.167.214-.256.052-.093.101-.193.145-.305a3.9 3.9 0 0 0 .194-.676c.05-.272.061-.572.04-.847-.023-.274-.058-.505-.156-.704a.306.306 0 0 0-.097-.114c-.287-.215-.642-.372-.99-.495-.725-1.949-2.075-2.951-3.264-3.436a6.606 6.606 0 0 0-2.107-.466L8.162 1c.034 0-.014.002-.048 0h-.136Zm.01.61c.048 0 .079-.002.106 0h.068c.034 0 .076.004.185.01.11.004.267.011.456.037.38.051.89.157 1.438.38.98.4 2.062 1.16 2.748 2.656a26.373 26.373 0 0 0-.583-.143.308.308 0 0 0-.087-.01.309.309 0 0 0-.32.296c-.006.168.13.31.3.314a8.364 8.364 0 0 0 1.01.257c.004.001.006.008.01.01a.153.153 0 0 0 .02.009c.058.045.13.069.203.067.28.107.55.235.748.37.026.08.062.216.078.41.018.23.007.498-.03.695a3.515 3.515 0 0 1-.164.561c-.037.094-.076.181-.107.238a.295.295 0 0 1-.04.057 3.534 3.534 0 0 1-.262.086l.137-.505a.304.304 0 0 0-.224-.37s-2.117-.562-5.516-.562c-.536 0-1.022.021-1.485.047h-.01a.339.339 0 0 0-.078-.01.371.371 0 0 0-.039.01h-.019a.319.319 0 0 0-.146.02c-2.08.142-3.29.475-3.389.504h-.029a.335.335 0 0 0-.087.038.146.146 0 0 0-.02.01V7.1a.146.146 0 0 0-.02.01 8.619 8.619 0 0 1-.009.009.146.146 0 0 0-.02.01v.009a.147.147 0 0 0-.019.01v.009a.145.145 0 0 0-.02.02.376.376 0 0 0-.03.057l-.25.427a2.036 2.036 0 0 1-.069-.2 4.553 4.553 0 0 1-.136-.618 3.565 3.565 0 0 1-.02-.61 1.77 1.77 0 0 1 .06-.39c.304-.205.774-.398 1.194-.523.448-.133.806-.2.806-.2a.303.303 0 0 0-.088-.6l-.029.01s-.294.055-.66.153c.756-1.58 1.81-2.334 2.719-2.713a4.794 4.794 0 0 1 1.719-.361ZM6.919 2.818v.914h.622v-.305h.31v1.828h-.31v.609h1.243v-.61h-.31V3.428h.31v.305h.621v-.914H6.92Zm.544 4.283c-.285.125-.55.25-.747.352l.058-.324c.22-.011.45-.022.69-.028Zm2.282.028c.352.018.681.04.981.067a7.81 7.81 0 0 1-.922.276c-.174.04-.167.031-.311.057.053-.076.108-.152.155-.228.037-.06.068-.113.097-.172Zm-3.632.124-.126.685a.305.305 0 0 0 .124.313c.102.07.237.074.342.011 0 0 1.254-.678 2.447-.98-.01.015-.018.032-.029.047-.174.236-.34.438-.34.438a.303.303 0 0 0-.032.337c.06.108.18.17.304.158 0 0 .507-.056 1.137-.2.623-.143 1.376-.365 1.922-.742.716.1 1.175.204 1.35.247l-.175.647a.293.293 0 0 0-.039.172l-.368 1.36-.826.667-2.175-.267-.554-1.351a.31.31 0 0 0-.291-.19H7.541a.31.31 0 0 0-.291.19l-.564 1.38-1.903.41-.913-.467-.272-1.504c.74-.555 1.61-1.084 2.515-1.36Zm-1.767.133a11.86 11.86 0 0 0-1.622 1.142c-.014.012-.014.008-.029.02l.544-.933c.123-.035.458-.118 1.107-.229Zm6.04 1.104c-.293.01-.482.386-.466.838.016.45.26.448.554.438.394-.007.608-.132.806-.038-.003-.011-.057-.194-.33-.162a.543.543 0 0 0 .029-.276c-.037-.451-.299-.81-.593-.8Zm-4.282.105c-.294.002-.572.376-.554.828.005.118.02.206.049.267-.256.063-.327.218-.33.228.161-.086.346-.077.63-.076h.176c.293-.003.539.024.534-.428-.005-.453-.212-.821-.505-.819Zm4.253.18a.149.149 0 0 1 .155.144c.002.08-.072.15-.155.152-.082.001-.144-.071-.146-.152-.002-.081.064-.142.146-.143Zm-4.205.106c.083-.003.144.06.146.142a.15.15 0 0 1-.146.153c-.083.002-.143-.062-.145-.143a.149.149 0 0 1 .145-.152Zm7.322.104c.038.017.04.02.078.038.074.036.142.074.194.105-.006.08-.02.176-.039.343-.026.226-.057.483-.077.57-.03.131-.103.287-.156.41l-.611.076a.31.31 0 0 0-.263.21l-.252.808a10.28 10.28 0 0 1-.272.067c-.124.027-.248.047-.223.047-.192 0-1.013-.008-1.127-.009-.048-.023-.257-.112-.524-.238-.148-.07-.295-.15-.418-.21l-.233-.114a.314.314 0 0 0-.184-.047c-.021.001-.04.007-.059.01a.3.3 0 0 0-.081-.292.314.314 0 0 0-.297-.08.309.309 0 0 0-.233.21s-.032.117-.127.238c-.094.12-.21.218-.408.218-.413 0-.543-.4-.543-.4a.306.306 0 0 0-.205-.255.318.318 0 0 0-.325.071.303.303 0 0 0-.072.318.313.313 0 0 0-.234.076l-.854.771c-.03.012-.232.1-.515.19a4.59 4.59 0 0 1-.709.172c-.17-.181-.329-.474-.437-.743-.126-.314-.184-.57-.184-.57a.29.29 0 0 0-.03-.077l.545.276c.065.035.14.044.213.029l2.175-.476c.101-.02.184-.088.224-.18l.544-1.333h.815l.544 1.332a.31.31 0 0 0 .253.19l2.486.305a.315.315 0 0 0 .233-.067l1.01-.818a.308.308 0 0 0 .107-.162l.271-1.009Zm-10.43.067.253 1.323c.017.089.074.165.156.21l.272.151s-.124.02-.263.038c-.081.011-.12.012-.184.02-.02-.035-.052-.062-.078-.115a4.347 4.347 0 0 1-.194-.476 4.678 4.678 0 0 1-.107-.561c-.03-.208-.048-.38-.048-.38v-.03c.068-.059.122-.12.194-.18Zm6.303 2.617c.05.025.085.051.156.086.127.062.287.128.437.2.298.141.572.276.572.276.043.019.09.03.136.028 0 0 .987.01 1.205.01.13 0 .222-.027.359-.058.066-.014.142-.039.214-.057-.042.06-.032.061-.078.124-.146.2-.301.401-.457.562a1.41 1.41 0 0 1-.378.295c-.313.117-1.609.342-1.797.342-.054 0-.487-.08-.514-.095-.207-.11-.845-.59-.845-.59a.317.317 0 0 0-.379-.01s-.216.159-.466.324a8.57 8.57 0 0 1-.602.362c-.307.119-.913.314-1.234.314-.103 0-.413-.08-.767-.305a4.326 4.326 0 0 1-.699-.58c.132.005.203.008.301.01a.312.312 0 0 0 .155 0c.305-.014.64-.113.942-.21.325-.104.583-.21.583-.21a.32.32 0 0 0 .097-.057l.777-.704c.08.027.115.044.262.086a3.607 3.607 0 0 0 .835.143c.054 0 .107-.003.156-.01.013-.001.027-.008.039-.01.006 0 .013.002.02 0 .204-.027.389-.085.553-.142.191-.067.331-.108.417-.124Zm-1.185 1.732c.163.126.46.364.738.514.212.113.431.158.612.171-.385.17-.85.305-1.35.305-.463 0-.925-.125-1.281-.257.098-.034.188-.067.262-.095.22-.085.461-.258.718-.428.16-.106.213-.15.301-.21Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/tres.svg b/packages/assets/svgs/ext/Extras/tres.svg
new file mode 100644
index 000000000000..ecdfa9aeceeb
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/tres.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#E49C30" fill-rule="evenodd" d="M5.18 3.29a6.584 6.584 0 0 1 1.6-.581c.219.39.419.813.593 1.226.207-.036.415-.05.623-.053h.008c.208.003.416.017.623.053C8.8 3.522 9 3.1 9.22 2.71c.549.13 1.09.31 1.6.58-.012.477-.041.933-.1 1.396.062.042.124.082.187.122.138.089.275.177.402.284l.09.073c.158.128.316.255.458.405.344-.241.7-.46 1.068-.658.398.455.77.945 1.075 1.494-.23.393-.468.761-.726 1.11h-.007l-.001 3.101v.035h-.009l-.008.002-1.948.199a.205.205 0 0 0-.13.066.228.228 0 0 0-.059.14l-.06.912-1.7.128-.117-.841a.214.214 0 0 0-.207-.19H6.972c-.05 0-.099.019-.137.054a.226.226 0 0 0-.07.136l-.117.841-1.7-.128-.06-.912a.229.229 0 0 0-.059-.14.205.205 0 0 0-.13-.066l-1.948-.2h-.018V7.514h-.007c-.258-.35-.497-.717-.726-1.11.304-.549.677-1.04 1.075-1.494.368.197.724.417 1.067.658.142-.15.3-.277.457-.404l.092-.074c.127-.108.266-.197.404-.285l.185-.121c-.059-.463-.088-.92-.1-1.396Zm-2.448 8.459c0-.034-.002-.087-.002-.219l1.752.179.06.917a.228.228 0 0 0 .061.141c.036.038.083.061.134.065l2.075.157a.202.202 0 0 0 .146-.048.225.225 0 0 0 .077-.141l.119-.856h1.693l.119.856a.226.226 0 0 0 .07.135.203.203 0 0 0 .137.055h.015l2.076-.157a.206.206 0 0 0 .133-.065.23.23 0 0 0 .061-.142l.06-.917 1.752-.179c0 .132-.002.185-.003.219v.044c0 1.962-2.347 2.905-5.263 2.916h-.008c-2.916-.011-5.263-.954-5.263-2.916v-.044Zm4.41-3.469a1.286 1.286 0 1 1-2.57 0 1.286 1.286 0 0 1 2.57 0Zm4.287 0a1.286 1.286 0 1 1-2.572 0 1.286 1.286 0 0 1 2.572 0Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/tscn.svg b/packages/assets/svgs/ext/Extras/tscn.svg
new file mode 100644
index 000000000000..97419ba014d7
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/tscn.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#D9606C" fill-rule="evenodd" d="M3 3.2h2.385L4.345 5H3V3.2ZM2 6V3.2C2 2.537 2.448 2 3 2h10c.552 0 1 .537 1 1.2v9.6c0 .663-.448 1.2-1 1.2H3c-.552 0-1-.537-1-1.2V6Zm1 0h4.186a4.39 4.39 0 0 0-1.066.387c.008.317.028.622.067.93-.041.028-.082.054-.124.08-.092.06-.184.119-.27.191l-.06.05c-.105.084-.21.169-.305.269a6.915 6.915 0 0 0-.711-.44A5.74 5.74 0 0 0 4 8.465c.153.262.312.507.484.74h.005v2.09a.05.05 0 0 1 .011.002l1.3.133a.137.137 0 0 1 .086.044.153.153 0 0 1 .04.093l.04.608 1.132.086.078-.562a.15.15 0 0 1 .047-.09.135.135 0 0 1 .092-.036h1.37c.07 0 .128.054.139.126l.078.562 1.133-.086.04-.608a.153.153 0 0 1 .039-.093.137.137 0 0 1 .087-.044l1.298-.133h.006l.003-.001h.003V9.204h.005c.172-.232.331-.478.484-.74a5.738 5.738 0 0 0-.717-.996 6.916 6.916 0 0 0-.711.439c-.095-.1-.2-.185-.306-.27l-.06-.049a2.397 2.397 0 0 0-.268-.189c-.042-.027-.084-.053-.125-.082.04-.308.059-.612.067-.93-.34-.18-.7-.3-1.067-.387-.146.26-.279.542-.395.818a2.573 2.573 0 0 0-.415-.036h-.006c-.139.002-.277.011-.415.036A8.153 8.153 0 0 0 7.186 6H13v6.8h-1.69a1.42 1.42 0 0 0 .201-.774c0-.022.002-.057.002-.145l-1.167.12-.04.61a.153.153 0 0 1-.041.095.136.136 0 0 1-.09.043l-.67.051h-.83a.153.153 0 0 1-.031-.073l-.08-.57H7.437l-.08.57a.153.153 0 0 1-.03.073H6.5l-.677-.051a.137.137 0 0 1-.089-.043.153.153 0 0 1-.04-.095L5.655 12l-1.168-.119a6.836 6.836 0 0 0 .002.175c0 .279.07.527.201.744H3V6Zm10-1V3.2h-.46L11.5 5H13Zm-2.631 0-.018-.01 1.033-1.79H9.54L8.5 5h1.869ZM7.345 5l1.04-1.8H6.539L5.5 5h1.845Zm2.084 5.571a.857.857 0 1 0 0-1.714.857.857 0 0 0 0 1.714Zm-2.858 0a.857.857 0 1 0 0-1.714.857.857 0 0 0 0 1.714Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/tsconfig.svg b/packages/assets/svgs/ext/Extras/tsconfig.svg
new file mode 100644
index 000000000000..e1b1f1fe37ec
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/tsconfig.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#0E8ADC" d="M8.219 8.5a1.281 1.281 0 1 0 2.562 0 1.281 1.281 0 0 0-2.562 0Z"/><path fill="#0E8ADC" fill-rule="evenodd" d="M2 4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4Zm10.975 4.899a.281.281 0 0 1-.27.235h-.675c-.131 0-.329.268-.376.364-.047.096-.01.25.083.342l.477.478c.093.092.1.25.016.35l-.562.562a.266.266 0 0 1-.35-.016l-.478-.477c-.092-.093-.419-.044-.52-.01-.103.036-.186.172-.186.303v.675c0 .13-.106.252-.235.27 0 0-.182.025-.399.025-.216 0-.398-.025-.398-.025a.281.281 0 0 1-.236-.27v-.675c0-.131-.268-.329-.364-.376-.096-.047-.25-.01-.342.083l-.478.477a.266.266 0 0 1-.35.016l-.562-.562a.266.266 0 0 1 .016-.35l.477-.478c.093-.092.044-.419.01-.52-.036-.103-.172-.186-.302-.186h-.676a.281.281 0 0 1-.27-.236S6 8.717 6 8.5c0-.216.025-.398.025-.398a.281.281 0 0 1 .27-.236h.676c.13 0 .328-.268.375-.364.047-.096.01-.25-.083-.342l-.477-.478a.266.266 0 0 1-.016-.35l.562-.562a.266.266 0 0 1 .35.016l.478.477c.092.093.419.044.52.01.103-.036.186-.172.186-.302v-.676c0-.13.106-.252.236-.27 0 0 .182-.025.398-.025.217 0 .399.025.399.025.129.018.235.14.235.27v.676c0 .13.268.328.364.375.096.047.25.01.342-.083l.478-.477c.092-.093.25-.1.35-.016l.562.562c.084.1.077.258-.016.35l-.477.478c-.093.092-.044.42-.01.521.036.102.172.185.303.185h.675c.13 0 .252.106.27.236a3.291 3.291 0 0 0 0 .797Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/tsx.svg b/packages/assets/svgs/ext/Extras/tsx.svg
new file mode 100644
index 000000000000..1a0c74079478
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/tsx.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M4 7.12V6.06h4.28v1.06H6.69v4.77h-1.1V7.12H4M10.82 6a2.85 2.85 0 0 1 .64.07 3.69 3.69 0 0 1 .64.21 3.51 3.51 0 0 1 .6.33l-.47.93a3.32 3.32 0 0 0-.7-.36 2.06 2.06 0 0 0-.71-.13 1.53 1.53 0 0 0-.78.17.52.52 0 0 0-.28.46.54.54 0 0 0 .15.4.73.73 0 0 0 .35.21 5.19 5.19 0 0 0 .6.15H11a4.72 4.72 0 0 1 .92.26 1.37 1.37 0 0 1 .62.5 1.54 1.54 0 0 1 .25.94 1.66 1.66 0 0 1-.26 1 1.59 1.59 0 0 1-.76.6 3.07 3.07 0 0 1-1.2.21 4.47 4.47 0 0 1-.82-.08 3.89 3.89 0 0 1-.75-.25 3 3 0 0 1-.62-.39l.51-.91a2.32 2.32 0 0 0 .77.43 2.85 2.85 0 0 0 .91.15 1.57 1.57 0 0 0 .83-.18.57.57 0 0 0 .3-.52.49.49 0 0 0-.13-.37.75.75 0 0 0-.35-.2l-.54-.12h-.08a4.62 4.62 0 0 1-1-.23 1.41 1.41 0 0 1-.66-.48 1.58 1.58 0 0 1-.27-1 1.78 1.78 0 0 1 .26-1 1.58 1.58 0 0 1 .73-.61A2.9 2.9 0 0 1 10.82 6m2.68-3.55h-11a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1.05h11a1 1 0 0 0 1-1.05v-9a1 1 0 0 0-1-1" style="fill:#00c491"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/turbo.svg b/packages/assets/svgs/ext/Extras/turbo.svg
new file mode 100644
index 000000000000..92da45126edc
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/turbo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#B4B4B4" fill-rule="evenodd" d="M8 9.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Zm0 2a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Z" clip-rule="evenodd"/><path fill="#40A8E2" d="M8.75 14.206a6.251 6.251 0 0 0 0-12.411v1.514a4.751 4.751 0 0 1 0 9.382v1.514Z"/><path fill="#F1608B" d="M7.25 12.691a4.728 4.728 0 0 1-2.22-.984l-1.1 1.036a6.225 6.225 0 0 0 3.32 1.463V12.69ZM2.916 11.636A6.221 6.221 0 0 1 1.75 8h1.5c0 .958.284 1.85.772 2.596l-1.106 1.04Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/twig.svg b/packages/assets/svgs/ext/Extras/twig.svg
new file mode 100644
index 000000000000..f72bbfcde425
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/twig.svg
@@ -0,0 +1 @@
+<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#88c626;}</style></defs><path class="cls-1" d="M3.5,13H7S6.5,6.5,2,4A30,30,0,0,1,3.5,13Z"/><path class="cls-1" d="M5.5,6.5A7.14,7.14,0,0,1,7,10,14.26,14.26,0,0,0,8,1.5S7,5,5.5,6.5Z"/><path class="cls-1" d="M7.5,13h3S9.5,7.5,12,5.5C10,6,7.5,9,7.5,13Z"/><path class="cls-1" d="M9.5,13H12a8.59,8.59,0,0,1,1-4C11,9.5,9.5,13,9.5,13Z"/></svg>
\ No newline at end of file
diff --git a/packages/assets/svgs/ext/Extras/txt.svg b/packages/assets/svgs/ext/Extras/txt.svg
new file mode 100644
index 000000000000..9ed9bc426f3e
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/txt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#6DC85E" fill-rule="evenodd" d="M9.79 2.29C10.47 3 12 4.53 12.7 5.21a1 1 0 0 1 .3.7V13a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h5.09a1 1 0 0 1 .7.29ZM5 5h4v1H5V5Zm0 2h6v1H5V7Zm6 2H5v1h6V9Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/typescriptdef.svg b/packages/assets/svgs/ext/Extras/typescriptdef.svg
new file mode 100644
index 000000000000..d207744f3634
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/typescriptdef.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#0E8ADC" fill-rule="evenodd" d="M3 4h10v8H3V4ZM2 4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4Zm2.302 2.252v.955h1.462v4.297h1.01V7.207h1.462v-.955H4.302Zm6.857.009a2.67 2.67 0 0 0-.588-.063 2.714 2.714 0 0 0-1.067.171c-.276.111-.51.303-.67.55-.17.27-.252.583-.24.9-.022.32.065.637.249.901.154.2.365.35.606.432.298.103.606.172.92.208h.073l.496.108c.122.03.233.092.322.18a.44.44 0 0 1 .12.333.506.506 0 0 1-.276.469 1.467 1.467 0 0 1-.763.162c-.285 0-.567-.046-.837-.135a2.145 2.145 0 0 1-.707-.388l-.469.82c.175.14.366.257.57.351.221.098.452.174.69.226.248.046.5.07.753.071.377.01.752-.054 1.103-.189.284-.104.528-.293.698-.54.176-.268.26-.583.24-.9.018-.3-.063-.597-.23-.848a1.255 1.255 0 0 0-.57-.45 4.408 4.408 0 0 0-.846-.234h-.129a4.845 4.845 0 0 1-.551-.135.674.674 0 0 1-.322-.19.485.485 0 0 1-.138-.36.462.462 0 0 1 .258-.414 1.43 1.43 0 0 1 .717-.153c.222 0 .443.04.652.117.227.082.443.191.643.324l.433-.838a3.442 3.442 0 0 0-1.14-.486Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/ui.svg b/packages/assets/svgs/ext/Extras/ui.svg
new file mode 100644
index 000000000000..f60b28692459
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/ui.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#C97EF8" d="M7.839 2.435a1 1 0 0 1 1.414 0l.455.455L7 6.5l3.554-2.764 1.44 1.44L11 6.5l1.304-1.014.989.99a1 1 0 0 1 0 1.413l-2.98 2.98-5.455-5.454 2.98-2.98ZM4.292 5.928l5.526 5.526-.657.657a1 1 0 0 1-1.414 0l-1.666-1.667-1.632 2.565a1.418 1.418 0 1 1-1.958-1.958l2.565-1.632L3.636 8a1 1 0 0 1 0-1.414l.656-.657Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/unocss.svg b/packages/assets/svgs/ext/Extras/unocss.svg
new file mode 100644
index 000000000000..4aab4e03053f
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/unocss.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><circle cx="10.5" cy="11.5" r="2.5" fill="#B4B4B4" fill-opacity=".7"/><path fill="#B4B4B4" d="M8 5.5a2.5 2.5 0 0 1 5 0V8H8V5.5Z"/><path fill="#B4B4B4" fill-opacity=".5" d="M2 9h5v2.5a2.5 2.5 0 0 1-5 0V9Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/user.svg b/packages/assets/svgs/ext/Extras/user.svg
new file mode 100644
index 000000000000..4af9c53666bc
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/user.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#E85984" fill-rule="evenodd" d="M14 8a5.978 5.978 0 0 1-1.522 3.993A5.985 5.985 0 0 1 8 14c-1.775 0-3.37-.77-4.468-1.996A6 6 0 1 1 14 8Zm-1.937 2.915c-.223-.245-.558-.415-1.063-.415h-.503c-.038 0-.08.003-.126.006-.34.02-.838.052-.87-.908a3 3 0 1 0-3 .002l.005.09c.022.429.042.81-1.006.81h-.517.086H5c-.447 0-.794.16-1.042.444A4.993 4.993 0 0 0 8 13a4.994 4.994 0 0 0 4.063-2.085Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/v.svg b/packages/assets/svgs/ext/Extras/v.svg
new file mode 100644
index 000000000000..d119bf870a11
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/v.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#4494FF" d="m5.551 4.38-3.034-.325a.3.3 0 0 0-.306.42l3.578 8.05a.8.8 0 0 0 .73.475h3.167a.2.2 0 0 0 .181-.285L6.191 4.838a.8.8 0 0 0-.64-.458Z"/><path fill="#1E66C4" fill-rule="evenodd" d="M6.627 12.16c.031.191.118.37.247.512a.802.802 0 0 1-.085-.147l-.162-.365Zm3.745-.507 3.397-7.165a.3.3 0 0 0-.306-.426l-2.765.317a.8.8 0 0 0-.625.438L8.581 7.816l1.79 3.837Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/vercel.svg b/packages/assets/svgs/ext/Extras/vercel.svg
new file mode 100644
index 000000000000..6482d55b19b0
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/vercel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#B4B4B4" d="M7.143 4.43a1 1 0 0 1 1.714 0l4.234 7.056A1 1 0 0 1 12.234 13H3.766a1 1 0 0 1-.857-1.514l4.234-7.057Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/version.svg b/packages/assets/svgs/ext/Extras/version.svg
new file mode 100644
index 000000000000..e86b3870798e
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/version.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#909090" fill-rule="evenodd" d="M4 5H3a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h1V9.5h-.5v-3H4V5ZM7 4H6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h1v-1.5h-.5v-5H7V4ZM9.5 4.5v7h3v-7h-3ZM9 3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H9Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/vhd.svg b/packages/assets/svgs/ext/Extras/vhd.svg
new file mode 100644
index 000000000000..3a619db2ebff
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/vhd.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#3AC59B" fill-rule="evenodd" d="M5 2.5a.5.5 0 0 1 1 0V4h1.5V2.5a.5.5 0 0 1 1 0V4H10V2.5a.5.5 0 0 1 1 0V4a1 1 0 0 1 1 1h1.5a.5.5 0 0 1 0 1H12v1.5h1.5a.5.5 0 0 1 0 1H12V10h1.5a.5.5 0 0 1 0 1H12a1 1 0 0 1-1 1v1.5a.5.5 0 0 1-1 0V12H8.5v1.5a.5.5 0 0 1-1 0V12H6v1.5a.5.5 0 0 1-1 0V12a1 1 0 0 1-1-1H2.5a.5.5 0 0 1 0-1H4V8.5H2.5a.5.5 0 0 1 0-1H4V6H2.5a.5.5 0 0 1 0-1H4a1 1 0 0 1 1-1V2.5Zm0 8a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0-.5.5v5Zm5-.5V6H6v4h4Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/vhdl.svg b/packages/assets/svgs/ext/Extras/vhdl.svg
new file mode 100644
index 000000000000..b871e8835c1f
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/vhdl.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#A1C16C" fill-rule="evenodd" d="M5 2.5a.5.5 0 0 1 1 0V4h1.5V2.5a.5.5 0 0 1 1 0V4H10V2.5a.5.5 0 0 1 1 0V4a1 1 0 0 1 1 1h1.5a.5.5 0 0 1 0 1H12v1.5h1.5a.5.5 0 0 1 0 1H12V10h1.5a.5.5 0 0 1 0 1H12a1 1 0 0 1-1 1v1.5a.5.5 0 0 1-1 0V12H8.5v1.5a.5.5 0 0 1-1 0V12H6v1.5a.5.5 0 0 1-1 0V12a1 1 0 0 1-1-1H2.5a.5.5 0 0 1 0-1H4V8.5H2.5a.5.5 0 0 1 0-1H4V6H2.5a.5.5 0 0 1 0-1H4a1 1 0 0 1 1-1V2.5Zm0 8a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0-.5.5v5Zm5-.5V6H6v4h4Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/video.svg b/packages/assets/svgs/ext/Extras/video.svg
new file mode 100644
index 000000000000..fedb72540d2f
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/video.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#CE84DA" fill-rule="evenodd" d="M12.608 4.157A6.002 6.002 0 0 0 9.538 2.2l.243 4.988 2.827-3.03Zm-7.526-1.4a5.973 5.973 0 0 1 3.473-.732l.18 4.04-3.653-3.309ZM2.258 6.254A6.007 6.007 0 0 1 4.22 3.339l2.966 2.648-4.93.268Zm.414 4.507a5.974 5.974 0 0 1-.626-3.51l3.902-.181-3.276 3.691Zm3.498 2.954a6.012 6.012 0 0 1-2.98-2.129l2.72-2.929.26 5.058Zm4.697-.444a5.973 5.973 0 0 1-3.674.674l-.2-4.088 3.874 3.414Zm2.927-3.707a6.005 6.005 0 0 1-2.076 3.145L8.542 9.897l5.252-.332Zm-.637-4.633a5.973 5.973 0 0 1 .811 3.688l-4.303.193 3.492-3.881Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/vite.svg b/packages/assets/svgs/ext/Extras/vite.svg
new file mode 100644
index 000000000000..397e11a1f38a
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/vite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#A074FF" d="m13.426 4.17-5.385 9.772a.29.29 0 0 1-.51.002L2.04 4.17c-.123-.219.062-.484.306-.44l5.391.979c.034.006.07.006.104 0l5.278-.977c.244-.045.429.218.308.437Z"/><path fill="#FFCC17" d="m10.136 2.003-3.79.733a.138.138 0 0 0-.113.127L6 6.75a.139.139 0 0 0 .17.142l1.056-.24a.138.138 0 0 1 .168.161L7.08 8.33a.138.138 0 0 0 .177.16l.652-.196a.138.138 0 0 1 .176.159l-.498 2.381c-.031.15.17.23.253.103l.056-.086 3.089-6.086a.138.138 0 0 0-.15-.197l-1.087.208a.138.138 0 0 1-.16-.174l.709-2.426a.138.138 0 0 0-.16-.173Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/viteenv.svg b/packages/assets/svgs/ext/Extras/viteenv.svg
new file mode 100644
index 000000000000..56c09d255220
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/viteenv.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#A074FF" d="m10.136 2.003-3.79.733a.138.138 0 0 0-.113.127L6 6.75a.139.139 0 0 0 .17.142l1.056-.24a.138.138 0 0 1 .168.161L7.08 8.33a.138.138 0 0 0 .177.16l.652-.196a.138.138 0 0 1 .176.159l-.498 2.381c-.031.15.17.23.253.103l.056-.086 3.089-6.086a.138.138 0 0 0-.15-.197l-1.087.208a.138.138 0 0 1-.16-.174l.709-2.426a.138.138 0 0 0-.16-.173Z"/><path fill="#A074FF" d="m5 4.212-2.655-.481c-.244-.045-.429.22-.306.44l5.492 9.773c.113.201.399.2.51-.002l5.385-9.773c.121-.22-.064-.482-.308-.437l-.647.12-1.463 2.633-3.229 5.86-4.136-7.363L5 5.23V4.212Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/vitest.svg b/packages/assets/svgs/ext/Extras/vitest.svg
new file mode 100644
index 000000000000..36a14c21279d
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/vitest.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#91C620" fill-opacity=".5" d="M8.003 14a.566.566 0 0 0 .41-.186l2.708-2.972a.657.657 0 0 0 .158-.326.693.693 0 0 0-.034-.367.627.627 0 0 0-.214-.285.544.544 0 0 0-.732.078l-2.296 2.521L2.988 6.97a.566.566 0 0 0-.298-.17.534.534 0 0 0-.334.038.597.597 0 0 0-.26.235.682.682 0 0 0-.096.353c0 .083.014.166.042.243a.64.64 0 0 0 .124.206l5.422 5.944a.56.56 0 0 0 .41.186L8.004 14Z"/><path stroke="#84B817" stroke-opacity=".5" stroke-width=".3" d="M1.85 7.426c0-.152.04-.302.119-.43a.747.747 0 0 1 .324-.294.684.684 0 0 1 .428-.05c.144.03.275.107.377.216v.001l4.905 5.372 2.185-2.4a.723.723 0 0 1 .237-.173.68.68 0 0 1 .284-.06M1.85 7.425H2h-.15Zm0 0c0 .1.017.2.052.295a.79.79 0 0 0 .153.255l5.422 5.944a.71.71 0 0 0 .522.235h.066l.008-.008a.686.686 0 0 0 .214-.059m0 0-.062-.136.063.136h-.001Zm0 0c.09-.04.17-.1.238-.173l2.707-2.972c.1-.11.168-.25.195-.4a.843.843 0 0 0-.041-.447.777.777 0 0 0-.266-.353.695.695 0 0 0-.41-.136m0 0-.001.15v-.15ZM2.165 7.875Z"/><path fill="#84B817" stroke="#84B817" stroke-width=".3" d="M8.003 14.15Zm0 0a.71.71 0 0 0 .52-.234l5.424-5.944.004-.005a.824.824 0 0 0 .188-.544.819.819 0 0 0-.209-.536.707.707 0 0 0-.507-.235.703.703 0 0 0-.515.213l-.005.004-4.9 5.372m0 1.909v-1.91m0 0-2.191-2.4a.723.723 0 0 0-.237-.172.68.68 0 0 0-.285-.06l.001.15m2.712 2.483L4.88 10.842a.657.657 0 0 1-.158-.325.693.693 0 0 1 .034-.368.627.627 0 0 1 .214-.285.545.545 0 0 1 .322-.107m0 0v-.15a.695.695 0 0 0-.41.136.777.777 0 0 0-.267.353.843.843 0 0 0-.04.447c.026.15.094.29.194.4l2.713 2.972m-2.19-4.158a.53.53 0 0 1 .222.047c.07.032.134.079.188.138l1.78 3.973m0 0 .111-.1-.11.1Zm.238.173c.09.04.185.062.282.062l-.282-.062Z"/><path fill="#F3AF00" d="M10.96 4.945 8.25 9.874a.247.247 0 0 1-.119.111.19.19 0 0 1-.148 0 .244.244 0 0 1-.118-.113.35.35 0 0 1-.04-.177l.108-2.722-1.752-.466a.223.223 0 0 1-.099-.063.295.295 0 0 1-.066-.113.37.37 0 0 1 .025-.275l2.71-4.93a.242.242 0 0 1 .118-.11.19.19 0 0 1 .15 0c.048.02.09.06.117.112a.338.338 0 0 1 .04.178l-.11 2.722 1.752.467c.036.01.07.031.099.062.03.03.052.07.066.114a.354.354 0 0 1-.024.274h.002Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/vmod.svg b/packages/assets/svgs/ext/Extras/vmod.svg
new file mode 100644
index 000000000000..a739f4f7a019
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/vmod.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#4494FF" fill-rule="evenodd" d="M2 8c0 4.84 1.16 6 6 6s6-1.16 6-6-1.16-6-6-6-6 1.16-6 6Zm3.766-2.777L4.084 5.01a.3.3 0 0 0-.318.403L6.04 11.48a.8.8 0 0 0 .75.519h2.66a.2.2 0 0 0 .185-.126l2.58-6.449a.3.3 0 0 0-.319-.409l-1.505.205a.8.8 0 0 0-.63.483l-1.734 4.13-1.619-4.11a.8.8 0 0 0-.643-.5Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/vscode.svg b/packages/assets/svgs/ext/Extras/vscode.svg
new file mode 100644
index 000000000000..cdd79c029a84
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/vscode.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M13.5 3v10.5l-2.5 1-9-9 1-1 8 7v-6L3 12l-1-1 9-9 2.5 1z" style="fill:#3eaaf3"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/wasm.svg b/packages/assets/svgs/ext/Extras/wasm.svg
new file mode 100644
index 000000000000..30fb66b52fad
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/wasm.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#7764FC" fill-rule="evenodd" d="M2 2h4a2 2 0 1 0 4 0h4v12H2V2Zm6.141 10 .7-4.851H7.798l-.476 4.004-.532-4.004H5.628l-.567 4.004-.413-4.004H3.563L4.242 12h1.421l.532-3.738.49 3.738h1.456Zm3.272-1.057L11.63 12h1.155l-1.302-4.851H10.14L8.83 12h1.134l.217-1.057h1.232Zm-.616-2.975.448 2.17h-.896l.448-2.17Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/webpack.svg b/packages/assets/svgs/ext/Extras/webpack.svg
new file mode 100644
index 000000000000..ed725c15fb5e
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/webpack.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M5.89 6.81v2.38l2.06 1.18L10 9.19V6.81L7.95 5.63 5.89 6.81z" style="fill:#1c78c0"/><path d="m8 4 3.46 2v4L8 12l-3.52-2V6L8 4m0-2L2.75 5v6L8 14l5.19-3V5L8 2" style="fill:#8ed5fa"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/windi.svg b/packages/assets/svgs/ext/Extras/windi.svg
new file mode 100644
index 000000000000..1f86bf4901c8
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/windi.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#4CB7F0" fill-rule="evenodd" d="M6.66 2c1.163 0 2.11.946 2.11 2.11 0 1.163-.939 2.11-2.488 2.11H3V5.014h3.282c.918 0 1.282-.406 1.282-.904a.905.905 0 0 0-.904-.904c-.52 0-.754.352-.754.602H4.701C4.7 2.92 5.434 2 6.66 2Zm2.674 12c1.164 0 2.11-.946 2.11-2.11 0-1.163-.938-2.11-2.487-2.11H5.315v1.206h3.642c.823 0 1.281.406 1.281.904a.905.905 0 0 1-.904.904c-.52 0-.753-.352-.753-.602H7.375c0 .889.733 1.808 1.96 1.808ZM11.76 3.86c-1.33 0-2.268 1.011-2.268 2.341h1.068c0-.661.48-1.141 1.2-1.141s1.08.48 1.08 1.141c0 .66-.468 1.206-1.74 1.206H3v1.205h8.28c1.884 0 2.76-1.211 2.76-2.411 0-1.33-.9-2.341-2.28-2.341ZM3 9.78h1.58v1.216H3V9.78Z" clip-rule="evenodd"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/xmake.svg b/packages/assets/svgs/ext/Extras/xmake.svg
new file mode 100644
index 000000000000..460e408544a4
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/xmake.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#3DAFA4" fill-rule="evenodd" d="M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12Zm0-1A5 5 0 1 0 8 3a5 5 0 0 0 0 10Z" clip-rule="evenodd"/><path fill="#8DD638" d="M11.178 10.43a4 4 0 0 1-6.95-3.764l6.95 3.764Z"/><path fill="#109168" d="M4.282 9.479a4.001 4.001 0 1 0 6.512-4.342L4.282 9.48Z"/><path fill="#4ABFAA" d="M11.178 10.43A3.982 3.982 0 0 0 12 8a3.988 3.988 0 0 0-1.206-2.863L6.586 7.943l4.592 2.487Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/xml.svg b/packages/assets/svgs/ext/Extras/xml.svg
new file mode 100644
index 000000000000..17c99fd31615
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/xml.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M7.2 4.4V6L4.8 8l2.4 2v1.6L4 8.8V7.2l3.2-2.8m1.6 0L12 7.2v1.6l-3.2 2.8V10l2.4-2-2.4-2V4.4m3.7-1.95h-9a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1.05h9a1 1 0 0 0 1-1.05v-9a1 1 0 0 0-1-1" style="fill:#29abe2"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/yaml.svg b/packages/assets/svgs/ext/Extras/yaml.svg
new file mode 100644
index 000000000000..ad4e20968989
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/yaml.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M11 4.5 8.75 6.75 6.5 4.5H3l4 4-4 4h3.5l4-4 4-4H11z" style="fill:#cc7f00"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/yarn.svg b/packages/assets/svgs/ext/Extras/yarn.svg
new file mode 100644
index 000000000000..54e3295d5c1c
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/yarn.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#3193BC" d="M7.67 3.15A4.06 4.06 0 0 1 8.5 2c.196.353.309.747.33 1.15L9.5 3s1 2-.67 4.75A3.21 3.21 0 0 1 10 11.2c1.72-.58 2.3-1.15 2.87-1.15a.56.56 0 0 1 .57.57s.08.38-.92.88l-2 1a6.25 6.25 0 0 1-3 1c-1.17 0-2 .08-2-.5A1.5 1.5 0 0 1 6 12h-.5s-.85 1.5-2 1.5 0-1 0-1c-1 0-.65-1.93.5-2.5a2.32 2.32 0 0 1 1.5-3.5c-.58-.58-1-1.81-.5-2 .45-.19.81-.55 1-1a2.07 2.07 0 0 1 1.67-.35Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/yarnerror.svg b/packages/assets/svgs/ext/Extras/yarnerror.svg
new file mode 100644
index 000000000000..dc40c48f60f6
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/yarnerror.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#BC4A31" d="M7.67 3.15A4.06 4.06 0 0 1 8.5 2c.196.353.309.747.33 1.15L9.5 3s1 2-.67 4.75A3.21 3.21 0 0 1 10 11.2c1.72-.58 2.3-1.15 2.87-1.15a.56.56 0 0 1 .57.57s.08.38-.92.88l-2 1a6.25 6.25 0 0 1-3 1c-1.17 0-2 .08-2-.5A1.5 1.5 0 0 1 6 12h-.5s-.85 1.5-2 1.5 0-1 0-1c-1 0-.65-1.93.5-2.5a2.32 2.32 0 0 1 1.5-3.5c-.58-.58-1-1.81-.5-2 .45-.19.81-.55 1-1a2.07 2.07 0 0 1 1.67-.35Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/zig.svg b/packages/assets/svgs/ext/Extras/zig.svg
new file mode 100644
index 000000000000..346b4e58c31b
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/zig.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#EA9921" d="M7.524 10.451 13.764 3 9.923 4.725h-3.53l-1.49 1.726h3.587l-6.254 7.53 3.843-1.804h3.53l1.49-1.726H7.524Z"/><path fill="#EA9921" d="m5.225 4.725-1.5 1.726v4.23l-1.31 1.496H2V4.725h3.225ZM14 12.177V4.725h-.226l-1.5 1.804v3.922l-1.449 1.726H14Z"/></svg>
diff --git a/packages/assets/svgs/ext/Extras/zip.svg b/packages/assets/svgs/ext/Extras/zip.svg
new file mode 100644
index 000000000000..34933bbed736
--- /dev/null
+++ b/packages/assets/svgs/ext/Extras/zip.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Calque 1" viewBox="0 0 16 16"><path d="M5 10.1V8.7h2v1.4H5v1.4H3v-1.4h2m0-2.8V5.9h2v1.4H5v1.4H3V7.3h2M3 4.5h2v1.4H3V4.5M6.85 3H2.54a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1.05h11a1 1 0 0 0 1-1.05V6.05a1 1 0 0 0-1-1H9.15a1 1 0 0 1-.94-.58l-.42-.84A1 1 0 0 0 6.85 3" style="fill:#78bc37"/></svg>
diff --git a/packages/assets/svgs/ext/index.ts b/packages/assets/svgs/ext/index.ts
new file mode 100644
index 000000000000..a0aabfeec2c6
--- /dev/null
+++ b/packages/assets/svgs/ext/index.ts
@@ -0,0 +1,10 @@
+/*
+ * This file exports a object which contains Different Kinds of Icons.
+ */
+import { type FC as FunctionComponent, type SVGProps } from 'react';
+import * as Code from './Code';
+import * as Extras from './Extras';
+
+export const LayeredIcons: Partial<
+	Record<string, Record<string, FunctionComponent<SVGProps<SVGSVGElement>>>>
+> = { Code, Extras };
diff --git a/packages/assets/util/index.ts b/packages/assets/util/index.ts
index 6b26db2f1dc9..a9c070ffd280 100644
--- a/packages/assets/util/index.ts
+++ b/packages/assets/util/index.ts
@@ -1,4 +1,5 @@
 import * as icons from '../icons';
+import { LayeredIcons } from '../svgs/ext';
 
 // Define a type for icon names. This filters out any names with underscores in them.
 // The use of 'never' is to make sure that icon types with underscores are not included.
@@ -55,3 +56,12 @@ export const getIcon = (
 			  document) as keyof typeof icons
 	];
 };
+
+export const getLayeredIcon = (kind: string, extension?: string | null) => {
+	const iconKind =
+		LayeredIcons[
+			// Check if specific kind exists.
+			kind && kind in LayeredIcons ? kind : 'Extras'
+		];
+	return extension ? iconKind?.[extension] || LayeredIcons['Extras']?.[extension] : null;
+};
diff --git a/packages/client/src/core.ts b/packages/client/src/core.ts
index 32f567ec9f66..a8da9e20bae7 100644
--- a/packages/client/src/core.ts
+++ b/packages/client/src/core.ts
@@ -111,11 +111,15 @@ export type CreateLibraryArgs = { name: LibraryName }
 
 export type DiskType = "SSD" | "HDD" | "Removable"
 
+export type DoubleClickAction = "openFile" | "quickPreview"
+
 export type EditLibraryArgs = { id: string; name: LibraryName | null; description: MaybeUndefined<string> }
 
 export type ExplorerItem = { type: "Path"; has_local_thumbnail: boolean; thumbnail_key: string[] | null; item: FilePathWithObject } | { type: "Object"; has_local_thumbnail: boolean; thumbnail_key: string[] | null; item: ObjectWithFilePaths } | { type: "Location"; has_local_thumbnail: boolean; thumbnail_key: string[] | null; item: Location }
 
-export type ExplorerLayout = "Grid" | "List" | "Media"
+export type ExplorerLayout = "grid" | "list" | "media"
+
+export type ExplorerSettings<TOrder> = { layoutMode: ExplorerLayout | null; gridItemSize: number | null; mediaColumns: number | null; mediaAspectSquare: boolean | null; openOnDoubleClick: DoubleClickAction | null; showBytesInGridView: boolean | null; colSizes: { [key: string]: number } | null; order?: TOrder | null }
 
 export type FileCopierJobInit = { source_location_id: number; target_location_id: number; sources_file_path_ids: number[]; target_location_relative_directory_path: string; target_file_name_suffix: string | null }
 
@@ -131,7 +135,7 @@ export type FilePathFilterArgs = { locationId?: number | null; search?: string |
 
 export type FilePathSearchArgs = { take?: number | null; order?: FilePathSearchOrdering | null; cursor?: number[] | null; filter?: FilePathFilterArgs; groupDirectories?: boolean }
 
-export type FilePathSearchOrdering = { name: SortOrder } | { sizeInBytes: SortOrder } | { dateCreated: SortOrder } | { dateModified: SortOrder } | { dateIndexed: SortOrder } | { object: ObjectSearchOrdering }
+export type FilePathSearchOrdering = { field: "name"; value: SortOrder } | { field: "sizeInBytes"; value: SortOrder } | { field: "dateCreated"; value: SortOrder } | { field: "dateModified"; value: SortOrder } | { field: "dateIndexed"; value: SortOrder } | { field: "object"; value: ObjectSearchOrdering }
 
 export type FilePathWithObject = { id: number; pub_id: number[]; is_dir: boolean | null; cas_id: string | null; integrity_checksum: string | null; location_id: number | null; materialized_path: string | null; name: string | null; extension: string | null; size_in_bytes: string | null; size_in_bytes_bytes: number[] | null; inode: number[] | null; device: number[] | null; object_id: number | null; key_id: number | null; date_created: string | null; date_modified: string | null; date_indexed: string | null; object: Object | null }
 
@@ -187,14 +191,10 @@ export type LibraryConfigWrapped = { uuid: string; config: LibraryConfig }
 
 export type LibraryName = string
 
-export type LibraryPreferences = { location?: { [key: string]: LocationPreferences } }
+export type LibraryPreferences = { location?: { [key: string]: LocationSettings } }
 
 export type LightScanArgs = { location_id: number; sub_path: string }
 
-export type ListViewColumnSettings = { hide: boolean; size: number | null }
-
-export type ListViewSettings = { columns: { [key: string]: ListViewColumnSettings }; sort_col: string | null }
-
 export type Location = { id: number; pub_id: number[]; name: string | null; path: string | null; total_capacity: number | null; available_capacity: number | null; is_archived: boolean | null; generate_preview_media: boolean | null; sync_preview_media: boolean | null; hidden: boolean | null; date_created: string | null; instance_id: number | null }
 
 /**
@@ -204,7 +204,7 @@ export type Location = { id: number; pub_id: number[]; name: string | null; path
  */
 export type LocationCreateArgs = { path: string; dry_run: boolean; indexer_rules_ids: number[] }
 
-export type LocationPreferences = { view?: LocationViewSettings | null }
+export type LocationSettings = { explorer: ExplorerSettings<FilePathSearchOrdering> }
 
 /**
  * `LocationUpdateArgs` is the argument received from the client using `rspc` to update a location.
@@ -216,8 +216,6 @@ export type LocationPreferences = { view?: LocationViewSettings | null }
  */
 export type LocationUpdateArgs = { id: number; name: string | null; generate_preview_media: boolean | null; sync_preview_media: boolean | null; hidden: boolean | null; indexer_rules_ids: number[] }
 
-export type LocationViewSettings = { layout: ExplorerLayout; list: ListViewSettings }
-
 export type LocationWithIndexerRules = { id: number; pub_id: number[]; name: string | null; path: string | null; total_capacity: number | null; available_capacity: number | null; is_archived: boolean | null; generate_preview_media: boolean | null; sync_preview_media: boolean | null; hidden: boolean | null; date_created: string | null; instance_id: number | null; indexer_rules: { indexer_rule: IndexerRule }[] }
 
 export type MaybeNot<T> = T | { not: T }
@@ -249,7 +247,7 @@ export type ObjectHiddenFilter = "exclude" | "include"
 
 export type ObjectSearchArgs = { take?: number | null; order?: ObjectSearchOrdering | null; cursor?: number[] | null; filter?: ObjectFilterArgs }
 
-export type ObjectSearchOrdering = { dateAccessed: SortOrder }
+export type ObjectSearchOrdering = { field: "dateAccessed"; value: SortOrder } | { field: "kind"; value: SortOrder }
 
 export type ObjectValidatorArgs = { id: number; path: string }
 
diff --git a/packages/ui/src/Select.tsx b/packages/ui/src/Select.tsx
index 4a59585df581..130f8ef9e589 100644
--- a/packages/ui/src/Select.tsx
+++ b/packages/ui/src/Select.tsx
@@ -42,34 +42,34 @@ export const Select = forwardRef(
 	<TValue extends string = string>(
 		props: PropsWithChildren<SelectProps<TValue>>,
 		ref: React.ForwardedRef<HTMLDivElement>
-	) => {
-		return (
-			<div ref={ref}>
-				<RS.Root
-					defaultValue={props.value}
-					value={props.value}
-					onValueChange={props.onChange}
-					disabled={props.disabled}
+	) => (
+		<div ref={ref}>
+			<RS.Root
+				defaultValue={props.value}
+				value={props.value}
+				onValueChange={props.onChange}
+				disabled={props.disabled}
+			>
+				<RS.Trigger
+					className={selectStyles({ size: props.size, className: props.className })}
 				>
-					<RS.Trigger
-						className={selectStyles({ size: props.size, className: props.className })}
-					>
-						<RS.Value placeholder={props.placeholder} />
-						<RS.Icon className="ml-2">
-							<ChevronDouble className="text-ink-dull" />
-						</RS.Icon>
-					</RS.Trigger>
+					<RS.Value placeholder={props.placeholder} />
+					<RS.Icon className="ml-2">
+						<ChevronDouble className="text-ink-dull" />
+					</RS.Icon>
+				</RS.Trigger>
 
-					<RS.Portal>
-						<RS.Content className="z-50 rounded-md border border-app-line bg-app-box shadow-2xl shadow-app-shade/20 ">
-							<RS.Viewport className="p-1">{props.children}</RS.Viewport>
-						</RS.Content>
-					</RS.Portal>
-				</RS.Root>
-			</div>
-		);
-	}
-);
+				<RS.Portal>
+					<RS.Content className="z-50 rounded-md border border-app-line bg-app-box shadow-2xl shadow-app-shade/20 ">
+						<RS.Viewport className="p-1">{props.children}</RS.Viewport>
+					</RS.Content>
+				</RS.Portal>
+			</RS.Root>
+		</div>
+	)
+) as <TValue extends string = string>(
+	props: PropsWithChildren<SelectProps<TValue>> & { ref?: React.ForwardedRef<HTMLDivElement> }
+) => JSX.Element;
 
 export function SelectOption(props: PropsWithChildren<{ value: string; default?: boolean }>) {
 	return (