@digi-frontend/dgate-api-documentation 3.1.2 → 3.1.4

package/dist/index.cjs

@@ -576,17 +576,33 @@ const darkerMethodColors = {
 const buildTreeDataStructure = (data) => {
 	if (!data) return [];
 	return data.map((api) => {
+		const tagEntries = Object.entries(api.tags);
+		const hasOnlyDefaultTag = tagEntries.length === 1 && tagEntries[0][0] === "default";
 		return {
 			title: api.title,
 			key: api.id,
 			selectable: true,
 			data: api,
-			children: Object.entries(api.tags).map(([tag, endpoints]) => {
+			children: hasOnlyDefaultTag ? tagEntries[0][1].map((endpoint) => {
+				return {
+					title: endpoint.summary,
+					key: endpoint.id,
+					isLeaf: true,
+					selectable: true,
+					method: endpoint.method,
+					data: {
+						endpoint,
+						api,
+						tagName: "default",
+						parentApiId: api.id
+					}
+				};
+			}) : tagEntries.map(([tag, endpoints]) => {
 				const tagId = `tag-${api.id}-${tag.replace(/\s+/g, "-").toLowerCase()}`;
 				return {
 					title: tag,
 					key: tagId,
-					selectable: false,
+					selectable: true,
 					data: {
 						tagName: tag,
 						apiData: api
@@ -798,7 +814,7 @@ const convertToRenderableTreeData = (treeDataStructure, selectedEndpoint, cx) =>
 //#endregion
 //#region src/hooks/useNodeSelection.ts
 const useNodeSelection = () => {
-	const { setSelectedNodeKey, setFocusedContent, setSelectedApi, setSelectedEndpoint, setExpandedKeys, expandedKeys, builtTreeData } = useStore(({ view }) => view);
+	const { setSelectedNodeKey, setFocusedContent, setSelectedApi, setSelectedEndpoint, setExpandedKeys, expandedKeys, builtTreeData, setFocusedTag } = useStore(({ view }) => view);
 	const handleNodeSelection = (nodeData, nodeKey) => {
 		if (!nodeData) return null;
 		if (nodeKey.startsWith("endpoint-")) {
@@ -814,7 +830,7 @@ const useNodeSelection = () => {
 				endpointNodeData.parentApiId,
 				endpointNodeData.tagId,
 				endpointNodeData.api.id
-			];
+			].filter((key) => !!key);
 			const expanded = [...expandedKeys];
 			toExpand.forEach((key) => {
 				if (key && expanded.indexOf(key) < 0) expanded.push(key);
@@ -837,6 +853,10 @@ const useNodeSelection = () => {
 			};
 		} else {
 			const tagData = nodeData;
+			setSelectedApi(tagData.apiData);
+			setSelectedEndpoint(null);
+			setFocusedContent("API");
+			setFocusedTag(tagData.tagName);
 			return {
 				type: "tag",
 				tag: tagData.tagName,
@@ -861,8 +881,8 @@ const useNodeSelection = () => {
 		const apiNodeById = treeData.find((node) => node.data && "id" in node.data && "tags" in node.data && !("endpoint" in node.data) && !("tagName" in node.data) && node?.data?.currentVersion === apiId);
 		if (apiNodeById) {
 			const keysToExpand = [apiNodeById.key];
-			if (apiNodeById.children) apiNodeById.children.forEach((tagNode) => {
-				keysToExpand.push(tagNode.key);
+			if (apiNodeById.children) apiNodeById.children.forEach((node) => {
+				if (node.selectable === false) keysToExpand.push(node.key);
 			});
 			setExpandedKeys([...expandedKeys, ...keysToExpand.filter((key) => !expandedKeys.includes(key))]);
 			return selectNodeByKey(apiNodeById.key);
@@ -874,8 +894,8 @@ const useNodeSelection = () => {
 		const firstApiNode = treeData.find((node) => node.data && "id" in node.data && "tags" in node.data && !("endpoint" in node.data) && !("tagName" in node.data));
 		if (firstApiNode) {
 			const keysToExpand = [firstApiNode.key];
-			if (firstApiNode.children) firstApiNode.children.forEach((tagNode) => {
-				keysToExpand.push(tagNode.key);
+			if (firstApiNode.children) firstApiNode.children.forEach((node) => {
+				if (node.selectable === false) keysToExpand.push(node.key);
 			});
 			setExpandedKeys([...expandedKeys, ...keysToExpand.filter((key) => !expandedKeys.includes(key))]);
 			return selectNodeByKey(firstApiNode.key);
@@ -899,23 +919,23 @@ const useNodeSelection = () => {
 
 //#endregion
 //#region src/assets/Minify.svg
-var _path$8;
-function _extends$8() {
-	return _extends$8 = Object.assign ? Object.assign.bind() : function(n) {
+var _path$6;
+function _extends$6() {
+	return _extends$6 = Object.assign ? Object.assign.bind() : function(n) {
 		for (var e = 1; e < arguments.length; e++) {
 			var t = arguments[e];
 			for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
 		}
 		return n;
-	}, _extends$8.apply(null, arguments);
+	}, _extends$6.apply(null, arguments);
 }
 var SvgMinify = function SvgMinify$1(props) {
-	return /* @__PURE__ */ react.createElement("svg", _extends$8({
+	return /* @__PURE__ */ react.createElement("svg", _extends$6({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 16,
 		height: 16,
 		fill: "none"
-	}, props), _path$8 || (_path$8 = /* @__PURE__ */ react.createElement("path", {
+	}, props), _path$6 || (_path$6 = /* @__PURE__ */ react.createElement("path", {
 		stroke: "currentcolor",
 		d: "m6 11.334 2-2 2 2M6 4.666l2 2 2-2"
 	})));
@@ -923,105 +943,173 @@ var SvgMinify = function SvgMinify$1(props) {
 var Minify_default = SvgMinify;
 
 //#endregion
-//#region src/assets/NoDataSM.svg
-var _path$7, _path2$6, _path3$2, _path4$1, _path5$1, _path6$1, _path7$1, _path8$1, _path9$1, _path0$1, _path1$1, _path10$1, _path11$1, _path12$1, _path13$1, _path14$1, _path15$1, _path16$1;
-function _extends$7() {
-	return _extends$7 = Object.assign ? Object.assign.bind() : function(n) {
-		for (var e = 1; e < arguments.length; e++) {
-			var t = arguments[e];
-			for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-		}
-		return n;
-	}, _extends$7.apply(null, arguments);
-}
-var SvgNoDataSm = function SvgNoDataSm$1(props) {
-	return /* @__PURE__ */ react.createElement("svg", _extends$7({
+//#region src/view/components/NoDataIcon.tsx
+const NoDataIcon = ({ width = 298, height = 237, fill = "#F1F5FD", stroke = "#E0E9F9", ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		width,
+		height,
+		viewBox: "0 0 298 237",
+		fill,
 		xmlns: "http://www.w3.org/2000/svg",
-		width: 166,
-		height: 132,
-		fill: "none"
-	}, props), _path$7 || (_path$7 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#F1F5FD",
-		d: "M97.215 48.377c-10.257.061-20.673-.415-30.416-3.113-9.742-2.698-18.359-7.788-26.192-13.733-5.128-3.87-9.792-6.946-16.45-6.483a30.4 30.4 0 0 0-17.76 6.91c-8.469 7.398-7.184 21.07-3.806 30.69 5.092 14.49 20.587 24.55 33.744 31.105 15.214 7.581 31.92 11.988 48.677 14.515 14.687 2.222 33.548 3.845 46.265-5.726 11.689-8.777 14.895-28.846 12.031-42.397a16.68 16.68 0 0 0-6.009-10.157c-8.213-5.981-20.452-1.99-29.681-1.782-3.366.073-6.903.159-10.403.171"
-	})), _path2$6 || (_path2$6 = /* @__PURE__ */ react.createElement("path", {
-		stroke: "#E0E9F9",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		strokeWidth: .85,
-		d: "M47.204 1v5.25M44.572 3.625h5.263M147.054 105.631v5.249M144.422 108.256h5.263"
-	})), _path3$2 || (_path3$2 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#E0E9F9",
-		d: "M7.438 82.963c.662 0 1.2-.536 1.2-1.196 0-.661-.538-1.197-1.2-1.197a1.198 1.198 0 1 0 0 2.393M109.564 6.42c.662 0 1.199-.536 1.199-1.196 0-.661-.537-1.197-1.199-1.197-.663 0-1.2.536-1.2 1.197 0 .66.537 1.196 1.2 1.196"
-	})), _path4$1 || (_path4$1 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#F1F5FD",
-		d: "M76.321 132c24.808 0 44.919-1.246 44.919-2.783s-20.111-2.783-44.919-2.783-44.919 1.246-44.919 2.783S51.513 132 76.322 132"
-	})), _path5$1 || (_path5$1 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#fff",
-		stroke: "#769DE4",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		d: "M41.72 15.258h65.237c1.623 0 3.179.643 4.327 1.788a6.1 6.1 0 0 1 1.793 4.316V98.77a6.1 6.1 0 0 1-1.793 4.316 6.13 6.13 0 0 1-4.327 1.788H33.361a6.13 6.13 0 0 1-4.327-1.788 6.1 6.1 0 0 1-1.793-4.316V29.846z"
-	})), _path6$1 || (_path6$1 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#F1F5FD",
-		d: "M112.783 52.98H45.515v52.64h67.268z"
-	})), _path7$1 || (_path7$1 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#fff",
-		stroke: "#769DE4",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		d: "M27.241 29.846h11.86a2.64 2.64 0 0 0 1.853-.773c.49-.492.767-1.158.767-1.852V15.258zM112.453 36.17H45.919a4.68 4.68 0 0 0-4.688 4.675v14.198a4.68 4.68 0 0 0 4.688 4.675h66.534a4.68 4.68 0 0 0 4.688-4.675V40.845a4.68 4.68 0 0 0-4.688-4.675"
-	})), _path8$1 || (_path8$1 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#F1F5FD",
-		d: "M54.156 52.053a4.083 4.083 0 0 0 4.088-4.077 4.083 4.083 0 0 0-4.088-4.078 4.083 4.083 0 0 0-4.088 4.078 4.083 4.083 0 0 0 4.088 4.077M67.007 52.053a4.083 4.083 0 0 0 4.088-4.077 4.083 4.083 0 0 0-4.088-4.078 4.083 4.083 0 0 0-4.088 4.078 4.083 4.083 0 0 0 4.088 4.077M79.847 52.053a4.083 4.083 0 0 0 4.088-4.077 4.083 4.083 0 0 0-4.088-4.078 4.083 4.083 0 0 0-4.088 4.078 4.083 4.083 0 0 0 4.088 4.077"
-	})), _path9$1 || (_path9$1 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#fff",
-		stroke: "#769DE4",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		d: "M112.453 62.27H45.919a4.68 4.68 0 0 0-4.688 4.675v14.198a4.68 4.68 0 0 0 4.688 4.675h66.534a4.68 4.68 0 0 0 4.688-4.675V66.945a4.68 4.68 0 0 0-4.688-4.675"
-	})), _path0$1 || (_path0$1 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#F1F5FD",
-		d: "M54.156 78.165a4.083 4.083 0 0 0 4.088-4.078 4.083 4.083 0 0 0-4.088-4.077 4.083 4.083 0 0 0-4.088 4.077 4.083 4.083 0 0 0 4.088 4.078M67.007 78.165a4.083 4.083 0 0 0 4.088-4.078 4.083 4.083 0 0 0-4.088-4.077 4.083 4.083 0 0 0-4.088 4.077 4.083 4.083 0 0 0 4.088 4.078M79.847 78.165a4.083 4.083 0 0 0 4.088-4.078 4.083 4.083 0 0 0-4.088-4.077 4.083 4.083 0 0 0-4.088 4.077 4.083 4.083 0 0 0 4.088 4.078"
-	})), _path1$1 || (_path1$1 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#fff",
-		stroke: "#769DE4",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		d: "M112.453 88.383H45.919a4.68 4.68 0 0 0-4.688 4.675v14.198a4.68 4.68 0 0 0 4.688 4.675h66.534a4.68 4.68 0 0 0 4.688-4.675V93.058a4.68 4.68 0 0 0-4.688-4.675"
-	})), _path10$1 || (_path10$1 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#F1F5FD",
-		d: "M54.156 104.264a4.08 4.08 0 0 0 4.088-4.077 4.083 4.083 0 0 0-4.088-4.078 4.083 4.083 0 0 0-4.088 4.078 4.08 4.08 0 0 0 4.088 4.077M67.007 104.264a4.08 4.08 0 0 0 4.088-4.077 4.083 4.083 0 0 0-4.088-4.078 4.083 4.083 0 0 0-4.088 4.078 4.08 4.08 0 0 0 4.088 4.077M79.847 104.264a4.08 4.08 0 0 0 4.088-4.077 4.083 4.083 0 0 0-4.088-4.078 4.083 4.083 0 0 0-4.088 4.078 4.08 4.08 0 0 0 4.088 4.077"
-	})), _path11$1 || (_path11$1 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#fff",
-		stroke: "#769DE4",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		d: "M118.609 66.212c14.013 0 25.372-11.33 25.372-25.306S132.622 15.6 118.609 15.6 93.236 26.93 93.236 40.906s11.36 25.306 25.373 25.306"
-	})), _path12$1 || (_path12$1 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#fff",
-		stroke: "#769DE4",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		d: "M118.903 55.885c8.132 0 14.724-6.575 14.724-14.686 0-8.11-6.592-14.685-14.724-14.685s-14.724 6.575-14.724 14.685c0 8.111 6.592 14.686 14.724 14.686"
-	})), _path13$1 || (_path13$1 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#fff",
-		d: "M111.067 33.371c.308.638 15.672 15.643 15.672 15.643z"
-	})), _path14$1 || (_path14$1 = /* @__PURE__ */ react.createElement("path", {
-		stroke: "#769DE4",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		d: "M111.067 33.371c.308.638 15.672 15.643 15.672 15.643"
-	})), _path15$1 || (_path15$1 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#fff",
-		d: "M126.739 33.371c-.32.638-15.672 15.643-15.672 15.643z"
-	})), _path16$1 || (_path16$1 = /* @__PURE__ */ react.createElement("path", {
-		stroke: "#769DE4",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		d: "M126.739 33.371c-.32.638-15.672 15.643-15.672 15.643"
-	})));
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M174.518 85.777C156.105 85.887 137.407 85.0293 119.917 80.1689C102.427 75.3086 86.959 66.1378 72.8969 55.4275C63.6906 48.456 55.3192 42.9139 43.3664 43.7496C31.6796 44.3644 20.5009 48.7289 11.485 56.1973C-3.71966 69.5246 -1.4126 94.1561 4.65169 111.486C13.7921 137.591 41.6087 155.713 65.2286 167.523C92.5399 181.18 122.532 189.119 152.611 193.671C178.978 197.674 212.837 200.599 235.666 183.357C256.649 167.545 262.406 131.389 257.264 106.978C256.013 99.7674 252.177 93.2616 246.476 88.68C231.733 77.9037 209.761 85.0952 193.194 85.4691C187.152 85.6011 180.802 85.755 174.518 85.777Z",
+				fill
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M84.7402 0.424805V9.88152",
+				stroke: "#E0E9F9",
+				strokeWidth: "0.85",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M80.0156 5.15332H89.4636",
+				stroke: "#E0E9F9",
+				strokeWidth: "0.85",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M263.988 188.921V198.378",
+				stroke: "#E0E9F9",
+				strokeWidth: "0.85",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M259.264 193.649H268.712",
+				stroke: "#E0E9F9",
+				strokeWidth: "0.85",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M13.3525 148.081C14.5417 148.081 15.5057 147.117 15.5057 145.926C15.5057 144.736 14.5417 143.771 13.3525 143.771C12.1633 143.771 11.1992 144.736 11.1992 145.926C11.1992 147.117 12.1633 148.081 13.3525 148.081Z",
+				fill: "#E0E9F9"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M196.686 10.1894C197.876 10.1894 198.84 9.22447 198.84 8.03416C198.84 6.84385 197.876 5.87891 196.686 5.87891C195.497 5.87891 194.533 6.84385 194.533 8.03416C194.533 9.22447 195.497 10.1894 196.686 10.1894Z",
+				fill: "#E0E9F9"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M137.01 236.425C181.545 236.425 217.648 234.18 217.648 231.411C217.648 228.641 181.545 226.396 137.01 226.396C92.4757 226.396 56.373 228.641 56.373 231.411C56.373 234.18 92.4757 236.425 137.01 236.425Z",
+				fill
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M74.8972 26.1118H192.008C194.922 26.1118 197.716 27.2703 199.777 29.3325C201.837 31.3947 202.994 34.1916 202.994 37.108V176.562C202.994 179.478 201.837 182.275 199.777 184.337C197.716 186.399 194.922 187.558 192.008 187.558H59.8903C56.9766 187.558 54.1823 186.399 52.122 184.337C50.0617 182.275 48.9043 179.478 48.9043 176.562V52.3927L74.8972 26.1118Z",
+				fill: "white",
+				stroke,
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M202.465 94.0684H81.707V188.899H202.465V94.0684Z",
+				fill
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M48.9043 52.3927H70.1952C71.4443 52.3869 72.6402 51.8861 73.5214 51C74.4026 50.1139 74.8972 48.9146 74.8972 47.6643V26.1118L48.9043 52.3927Z",
+				fill: "white",
+				stroke,
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M201.873 63.7852H82.4329C77.7852 63.7852 74.0176 67.5563 74.0176 72.2082V97.7853C74.0176 102.437 77.7852 106.208 82.4329 106.208H201.873C206.521 106.208 210.288 102.437 210.288 97.7853V72.2082C210.288 67.5563 206.521 63.7852 201.873 63.7852Z",
+				fill: "white",
+				stroke,
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M97.2195 92.397C101.273 92.397 104.558 89.1083 104.558 85.0515C104.558 80.9947 101.273 77.7061 97.2195 77.7061C93.1665 77.7061 89.8809 80.9947 89.8809 85.0515C89.8809 89.1083 93.1665 92.397 97.2195 92.397Z",
+				fill
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M120.29 92.397C124.343 92.397 127.629 89.1083 127.629 85.0515C127.629 80.9947 124.343 77.7061 120.29 77.7061C116.237 77.7061 112.951 80.9947 112.951 85.0515C112.951 89.1083 116.237 92.397 120.29 92.397Z",
+				fill
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M143.339 92.397C147.392 92.397 150.677 89.1083 150.677 85.0515C150.677 80.9947 147.392 77.7061 143.339 77.7061C139.286 77.7061 136 80.9947 136 85.0515C136 89.1083 139.286 92.397 143.339 92.397Z",
+				fill
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M201.873 110.805H82.4329C77.7852 110.805 74.0176 114.576 74.0176 119.228V144.805C74.0176 149.457 77.7852 153.228 82.4329 153.228H201.873C206.521 153.228 210.288 149.457 210.288 144.805V119.228C210.288 114.576 206.521 110.805 201.873 110.805Z",
+				fill: "white",
+				stroke,
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M97.2195 139.438C101.273 139.438 104.558 136.15 104.558 132.093C104.558 128.036 101.273 124.748 97.2195 124.748C93.1665 124.748 89.8809 128.036 89.8809 132.093C89.8809 136.15 93.1665 139.438 97.2195 139.438Z",
+				fill
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M120.29 139.438C124.343 139.438 127.629 136.15 127.629 132.093C127.629 128.036 124.343 124.748 120.29 124.748C116.237 124.748 112.951 128.036 112.951 132.093C112.951 136.15 116.237 139.438 120.29 139.438Z",
+				fill
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M143.339 139.438C147.392 139.438 150.677 136.15 150.677 132.093C150.677 128.036 147.392 124.748 143.339 124.748C139.286 124.748 136 128.036 136 132.093C136 136.15 139.286 139.438 143.339 139.438Z",
+				fill
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M201.873 157.846H82.4329C77.7852 157.846 74.0176 161.617 74.0176 166.269V191.846C74.0176 196.498 77.7852 200.269 82.4329 200.269H201.873C206.521 200.269 210.288 196.498 210.288 191.846V166.269C210.288 161.617 206.521 157.846 201.873 157.846Z",
+				fill: "white",
+				stroke,
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M97.2195 186.458C101.273 186.458 104.558 183.17 104.558 179.113C104.558 175.056 101.273 171.768 97.2195 171.768C93.1665 171.768 89.8809 175.056 89.8809 179.113C89.8809 183.17 93.1665 186.458 97.2195 186.458Z",
+				fill
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M120.29 186.458C124.343 186.458 127.629 183.17 127.629 179.113C127.629 175.056 124.343 171.768 120.29 171.768C116.237 171.768 112.951 175.056 112.951 179.113C112.951 183.17 116.237 186.458 120.29 186.458Z",
+				fill
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M143.339 186.458C147.392 186.458 150.677 183.17 150.677 179.113C150.677 175.056 147.392 171.768 143.339 171.768C139.286 171.768 136 175.056 136 179.113C136 183.17 139.286 186.458 143.339 186.458Z",
+				fill
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M212.923 117.908C238.079 117.908 258.471 97.4964 258.471 72.3177C258.471 47.1389 238.079 26.7275 212.923 26.7275C187.768 26.7275 167.375 47.1389 167.375 72.3177C167.375 97.4964 187.768 117.908 212.923 117.908Z",
+				fill: "white",
+				stroke,
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M213.452 99.3023C228.05 99.3023 239.884 87.4571 239.884 72.8455C239.884 58.2338 228.05 46.3887 213.452 46.3887C198.854 46.3887 187.02 58.2338 187.02 72.8455C187.02 87.4571 198.854 99.3023 213.452 99.3023Z",
+				fill: "white",
+				stroke,
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M199.387 58.7437C199.939 59.893 227.519 86.9245 227.519 86.9245Z",
+				fill: "white"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M199.387 58.7437C199.939 59.893 227.519 86.9245 227.519 86.9245",
+				stroke,
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M227.519 58.7437C226.945 59.893 199.387 86.9245 199.387 86.9245Z",
+				fill: "white"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M227.519 58.7437C226.945 59.893 199.387 86.9245 199.387 86.9245",
+				stroke,
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		]
+	});
 };
-var NoDataSM_default = SvgNoDataSm;
+var NoDataIcon_default = NoDataIcon;
 
 //#endregion
 //#region src/view/components/Sidebar.tsx
@@ -1140,10 +1228,11 @@ const Sidebar = ({ searchValue, setSearchValue }) => {
 				gap: token$1.marginSM,
 				vertical: true,
 				style: { marginTop: token$1.paddingXL },
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NoDataSM_default, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NoDataIcon_default, {
+					stroke: token$1.colorPrimaryHover,
+					fill: token$1.colorPrimaryBg,
 					width: "10.375rem",
-					height: "8.1875rem",
-					style: { backgroundSize: "cover" }
+					height: "8.1875rem"
 				}), searchValue.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd_es_typography_Text.default, {
 					style: {
 						textAlign: "center",
@@ -1174,18 +1263,18 @@ const Sidebar = ({ searchValue, setSearchValue }) => {
 
 //#endregion
 //#region src/assets/grid.svg
-var _mask, _path$6, _path2$5;
-function _extends$6() {
-	return _extends$6 = Object.assign ? Object.assign.bind() : function(n) {
+var _mask, _path$5, _path2$4;
+function _extends$5() {
+	return _extends$5 = Object.assign ? Object.assign.bind() : function(n) {
 		for (var e = 1; e < arguments.length; e++) {
 			var t = arguments[e];
 			for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
 		}
 		return n;
-	}, _extends$6.apply(null, arguments);
+	}, _extends$5.apply(null, arguments);
 }
 var SvgGrid = function SvgGrid$1(props) {
-	return /* @__PURE__ */ react.createElement("svg", _extends$6({
+	return /* @__PURE__ */ react.createElement("svg", _extends$5({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 16,
 		height: 16,
@@ -1193,10 +1282,10 @@ var SvgGrid = function SvgGrid$1(props) {
 	}, props), _mask || (_mask = /* @__PURE__ */ react.createElement("mask", {
 		id: "grid_svg__a",
 		fill: "#fff"
-	}, /* @__PURE__ */ react.createElement("path", { d: "M3.333 2.5a.833.833 0 0 0-.833.833v3.334c0 .46.373.833.833.833h2c.46 0 .834-.373.834-.833V3.333a.833.833 0 0 0-.834-.833zM1.5 3.333c0-1.012.82-1.833 1.833-1.833h2c1.013 0 1.834.82 1.834 1.833v3.334c0 1.012-.82 1.833-1.834 1.833h-2A1.833 1.833 0 0 1 1.5 6.667zm8.333 0c0-.46.373-.833.834-.833h2c.46 0 .833.373.833.833v1.334c0 .46-.373.833-.833.833h-2a.833.833 0 0 1-.834-.833zm.834-1.833c-1.013 0-1.834.82-1.834 1.833v1.334c0 1.012.82 1.833 1.834 1.833h2c1.013 0 1.833-.82 1.833-1.833V3.333c0-1.012-.82-1.833-1.833-1.833zm-.834 7.833c0-.46.373-.833.834-.833h2c.46 0 .833.373.833.833v3.334c0 .46-.373.833-.833.833h-2a.833.833 0 0 1-.834-.833zm.834-1.833c-1.013 0-1.834.82-1.834 1.833v3.334c0 1.013.82 1.833 1.834 1.833h2c1.013 0 1.833-.82 1.833-1.833V9.333c0-1.012-.82-1.833-1.833-1.833zM2.5 11.333c0-.46.373-.833.833-.833h2c.46 0 .834.373.834.833v1.334c0 .46-.373.833-.834.833h-2a.833.833 0 0 1-.833-.833zM3.333 9.5c-1.012 0-1.833.82-1.833 1.833v1.334c0 1.013.82 1.833 1.833 1.833h2c1.013 0 1.834-.82 1.834-1.833v-1.334c0-1.013-.82-1.833-1.834-1.833z" }))), _path$6 || (_path$6 = /* @__PURE__ */ react.createElement("path", {
+	}, /* @__PURE__ */ react.createElement("path", { d: "M3.333 2.5a.833.833 0 0 0-.833.833v3.334c0 .46.373.833.833.833h2c.46 0 .834-.373.834-.833V3.333a.833.833 0 0 0-.834-.833zM1.5 3.333c0-1.012.82-1.833 1.833-1.833h2c1.013 0 1.834.82 1.834 1.833v3.334c0 1.012-.82 1.833-1.834 1.833h-2A1.833 1.833 0 0 1 1.5 6.667zm8.333 0c0-.46.373-.833.834-.833h2c.46 0 .833.373.833.833v1.334c0 .46-.373.833-.833.833h-2a.833.833 0 0 1-.834-.833zm.834-1.833c-1.013 0-1.834.82-1.834 1.833v1.334c0 1.012.82 1.833 1.834 1.833h2c1.013 0 1.833-.82 1.833-1.833V3.333c0-1.012-.82-1.833-1.833-1.833zm-.834 7.833c0-.46.373-.833.834-.833h2c.46 0 .833.373.833.833v3.334c0 .46-.373.833-.833.833h-2a.833.833 0 0 1-.834-.833zm.834-1.833c-1.013 0-1.834.82-1.834 1.833v3.334c0 1.013.82 1.833 1.834 1.833h2c1.013 0 1.833-.82 1.833-1.833V9.333c0-1.012-.82-1.833-1.833-1.833zM2.5 11.333c0-.46.373-.833.833-.833h2c.46 0 .834.373.834.833v1.334c0 .46-.373.833-.834.833h-2a.833.833 0 0 1-.833-.833zM3.333 9.5c-1.012 0-1.833.82-1.833 1.833v1.334c0 1.013.82 1.833 1.833 1.833h2c1.013 0 1.834-.82 1.834-1.833v-1.334c0-1.013-.82-1.833-1.834-1.833z" }))), _path$5 || (_path$5 = /* @__PURE__ */ react.createElement("path", {
 		fill: "#D9D9D9",
 		d: "M3.333 2.5a.833.833 0 0 0-.833.833v3.334c0 .46.373.833.833.833h2c.46 0 .834-.373.834-.833V3.333a.833.833 0 0 0-.834-.833zM1.5 3.333c0-1.012.82-1.833 1.833-1.833h2c1.013 0 1.834.82 1.834 1.833v3.334c0 1.012-.82 1.833-1.834 1.833h-2A1.833 1.833 0 0 1 1.5 6.667zm8.333 0c0-.46.373-.833.834-.833h2c.46 0 .833.373.833.833v1.334c0 .46-.373.833-.833.833h-2a.833.833 0 0 1-.834-.833zm.834-1.833c-1.013 0-1.834.82-1.834 1.833v1.334c0 1.012.82 1.833 1.834 1.833h2c1.013 0 1.833-.82 1.833-1.833V3.333c0-1.012-.82-1.833-1.833-1.833zm-.834 7.833c0-.46.373-.833.834-.833h2c.46 0 .833.373.833.833v3.334c0 .46-.373.833-.833.833h-2a.833.833 0 0 1-.834-.833zm.834-1.833c-1.013 0-1.834.82-1.834 1.833v3.334c0 1.013.82 1.833 1.834 1.833h2c1.013 0 1.833-.82 1.833-1.833V9.333c0-1.012-.82-1.833-1.833-1.833zM2.5 11.333c0-.46.373-.833.833-.833h2c.46 0 .834.373.834.833v1.334c0 .46-.373.833-.834.833h-2a.833.833 0 0 1-.833-.833zM3.333 9.5c-1.012 0-1.833.82-1.833 1.833v1.334c0 1.013.82 1.833 1.833 1.833h2c1.013 0 1.834-.82 1.834-1.833v-1.334c0-1.013-.82-1.833-1.834-1.833z"
-	})), _path2$5 || (_path2$5 = /* @__PURE__ */ react.createElement("path", {
+	})), _path2$4 || (_path2$4 = /* @__PURE__ */ react.createElement("path", {
 		fill: "#769DE4",
 		d: "M3.333 2.5v-1C2.321 1.5 1.5 2.32 1.5 3.333h2a.167.167 0 0 1-.167.167zm-.833.833h-1v3.334h2V3.333zm0 3.334h-1c0 1.012.82 1.833 1.833 1.833v-2c.092 0 .167.075.167.167zm.833.833v1h2v-2h-2zm2 0v1c1.013 0 1.834-.82 1.834-1.833h-2c0-.092.075-.167.166-.167zm.834-.833h1V3.333h-2v3.334zm0-3.334h1c0-1.012-.82-1.833-1.834-1.833v2a.167.167 0 0 1-.166-.167zM5.333 2.5v-1h-2v2h2zM1.5 3.333h1c0-.46.373-.833.833-.833v-2A2.833 2.833 0 0 0 .5 3.333zM3.333 1.5v1h2v-2h-2zm2 0v1c.46 0 .834.373.834.833h2A2.833 2.833 0 0 0 5.333.5zm1.834 1.833h-1v3.334h2V3.333zm0 3.334h-1c0 .46-.373.833-.834.833v2a2.833 2.833 0 0 0 2.834-2.833zM5.333 8.5v-1h-2v2h2zm-2 0v-1a.833.833 0 0 1-.833-.833h-2A2.833 2.833 0 0 0 3.333 9.5zM1.5 6.667h1V3.333h-2v3.334zm8.333-3.334h1a.167.167 0 0 1-.166.167v-2c-1.013 0-1.834.82-1.834 1.833zm.834-.833v1h2v-2h-2zm2 0v1a.167.167 0 0 1-.167-.167h2c0-1.012-.82-1.833-1.833-1.833zm.833.833h-1v1.334h2V3.333zm0 1.334h-1c0-.092.075-.167.167-.167v2c1.013 0 1.833-.82 1.833-1.833zm-.833.833v-1h-2v2h2zm-2 0v-1c.091 0 .166.075.166.167h-2c0 1.012.82 1.833 1.834 1.833zm-.834-.833h1V3.333h-2v1.334zm.834-3.167v-1a2.833 2.833 0 0 0-2.834 2.833h2c0-.46.373-.833.834-.833zM8.833 3.333h-1v1.334h2V3.333zm0 1.334h-1A2.833 2.833 0 0 0 10.667 7.5v-2a.833.833 0 0 1-.834-.833zM10.667 6.5v1h2v-2h-2zm2 0v1A2.833 2.833 0 0 0 15.5 4.667h-2c0 .46-.373.833-.833.833zM14.5 4.667h1V3.333h-2v1.334zm0-1.334h1A2.833 2.833 0 0 0 12.667.5v2c.46 0 .833.373.833.833zM12.667 1.5v-1h-2v2h2zM9.833 9.333h1a.167.167 0 0 1-.166.167v-2c-1.013 0-1.834.82-1.834 1.833zm.834-.833v1h2v-2h-2zm2 0v1a.167.167 0 0 1-.167-.167h2c0-1.012-.82-1.833-1.833-1.833zm.833.833h-1v3.334h2V9.333zm0 3.334h-1c0-.092.075-.167.167-.167v2c1.013 0 1.833-.82 1.833-1.833zm-.833.833v-1h-2v2h2zm-2 0v-1c.091 0 .166.075.166.167h-2c0 1.013.82 1.833 1.834 1.833zm-.834-.833h1V9.333h-2v3.334zm.834-5.167v-1a2.833 2.833 0 0 0-2.834 2.833h2c0-.46.373-.833.834-.833zM8.833 9.333h-1v3.334h2V9.333zm0 3.334h-1a2.833 2.833 0 0 0 2.834 2.833v-2a.833.833 0 0 1-.834-.833zm1.834 1.833v1h2v-2h-2zm2 0v1a2.833 2.833 0 0 0 2.833-2.833h-2c0 .46-.373.833-.833.833zm1.833-1.833h1V9.333h-2v3.334zm0-3.334h1A2.833 2.833 0 0 0 12.667 6.5v2c.46 0 .833.373.833.833zM12.667 7.5v-1h-2v2h2zM2.5 11.333h1a.167.167 0 0 1-.167.167v-2c-1.012 0-1.833.82-1.833 1.833zm.833-.833v1h2v-2h-2zm2 0v1a.167.167 0 0 1-.166-.167h2c0-1.013-.82-1.833-1.834-1.833zm.834.833h-1v1.334h2v-1.334zm0 1.334h-1c0-.092.075-.167.166-.167v2c1.013 0 1.834-.82 1.834-1.833zm-.834.833v-1h-2v2h2zm-2 0v-1c.092 0 .167.075.167.167h-2c0 1.013.82 1.833 1.833 1.833zm-.833-.833h1v-1.334h-2v1.334zM3.333 9.5v-1A2.833 2.833 0 0 0 .5 11.333h2c0-.46.373-.833.833-.833zM1.5 11.333h-1v1.334h2v-1.334zm0 1.334h-1A2.833 2.833 0 0 0 3.333 15.5v-2a.833.833 0 0 1-.833-.833zM3.333 14.5v1h2v-2h-2zm2 0v1a2.833 2.833 0 0 0 2.834-2.833h-2c0 .46-.373.833-.834.833zm1.834-1.833h1v-1.334h-2v1.334zm0-1.334h1A2.833 2.833 0 0 0 5.333 8.5v2c.46 0 .834.373.834.833zM5.333 9.5v-1h-2v2h2z",
 		mask: "url(#grid_svg__a)"
@@ -1206,23 +1295,23 @@ var grid_default = SvgGrid;
 
 //#endregion
 //#region src/assets/list.svg
-var _path$5;
-function _extends$5() {
-	return _extends$5 = Object.assign ? Object.assign.bind() : function(n) {
+var _path$4;
+function _extends$4() {
+	return _extends$4 = Object.assign ? Object.assign.bind() : function(n) {
 		for (var e = 1; e < arguments.length; e++) {
 			var t = arguments[e];
 			for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
 		}
 		return n;
-	}, _extends$5.apply(null, arguments);
+	}, _extends$4.apply(null, arguments);
 }
 var SvgList = function SvgList$1(props) {
-	return /* @__PURE__ */ react.createElement("svg", _extends$5({
+	return /* @__PURE__ */ react.createElement("svg", _extends$4({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 16,
 		height: 16,
 		fill: "none"
-	}, props), _path$5 || (_path$5 = /* @__PURE__ */ react.createElement("path", {
+	}, props), _path$4 || (_path$4 = /* @__PURE__ */ react.createElement("path", {
 		stroke: "#000",
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
@@ -1234,26 +1323,26 @@ var list_default = SvgList;
 
 //#endregion
 //#region src/assets/link.svg
-var _path$4, _path2$4;
-function _extends$4() {
-	return _extends$4 = Object.assign ? Object.assign.bind() : function(n) {
+var _path$3, _path2$3;
+function _extends$3() {
+	return _extends$3 = Object.assign ? Object.assign.bind() : function(n) {
 		for (var e = 1; e < arguments.length; e++) {
 			var t = arguments[e];
 			for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
 		}
 		return n;
-	}, _extends$4.apply(null, arguments);
+	}, _extends$3.apply(null, arguments);
 }
 var SvgLink = function SvgLink$1(props) {
-	return /* @__PURE__ */ react.createElement("svg", _extends$4({
+	return /* @__PURE__ */ react.createElement("svg", _extends$3({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 12,
 		height: 12,
 		fill: "none"
-	}, props), _path$4 || (_path$4 = /* @__PURE__ */ react.createElement("path", {
+	}, props), _path$3 || (_path$3 = /* @__PURE__ */ react.createElement("path", {
 		fill: "#4D75D9",
 		d: "M3.875 9.25C2.085 9.25.625 7.79.625 6s1.46-3.25 3.25-3.25c.205 0 .375.17.375.375s-.17.375-.375.375a2.5 2.5 0 0 0 0 5 2.5 2.5 0 0 0 2.5-2.5c0-.205.17-.375.375-.375s.375.17.375.375c0 1.79-1.46 3.25-3.25 3.25"
-	})), _path2$4 || (_path2$4 = /* @__PURE__ */ react.createElement("path", {
+	})), _path2$3 || (_path2$3 = /* @__PURE__ */ react.createElement("path", {
 		fill: "#4D75D9",
 		d: "M8 9.375A.38.38 0 0 1 7.625 9c0-.205.17-.375.375-.375A2.63 2.63 0 0 0 10.625 6 2.63 2.63 0 0 0 8 3.375 2.63 2.63 0 0 0 5.375 6c0 .205-.17.375-.375.375A.38.38 0 0 1 4.625 6 3.38 3.38 0 0 1 8 2.625 3.38 3.38 0 0 1 11.375 6 3.38 3.38 0 0 1 8 9.375"
 	})));
@@ -1485,29 +1574,29 @@ const handleStatusColor = (code) => {
 
 //#endregion
 //#region src/assets/securitySafe.svg
-var _path$3, _path2$3, _path3$1;
-function _extends$3() {
-	return _extends$3 = Object.assign ? Object.assign.bind() : function(n) {
+var _path$2, _path2$2, _path3;
+function _extends$2() {
+	return _extends$2 = Object.assign ? Object.assign.bind() : function(n) {
 		for (var e = 1; e < arguments.length; e++) {
 			var t = arguments[e];
 			for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
 		}
 		return n;
-	}, _extends$3.apply(null, arguments);
+	}, _extends$2.apply(null, arguments);
 }
 var SvgSecuritySafe = function SvgSecuritySafe$1(props) {
-	return /* @__PURE__ */ react.createElement("svg", _extends$3({
+	return /* @__PURE__ */ react.createElement("svg", _extends$2({
 		xmlns: "http://www.w3.org/2000/svg",
 		width: 12,
 		height: 12,
 		fill: "none"
-	}, props), _path$3 || (_path$3 = /* @__PURE__ */ react.createElement("path", {
+	}, props), _path$2 || (_path$2 = /* @__PURE__ */ react.createElement("path", {
 		fill: "currentcolor",
 		d: "M6 11.375q-.181.001-.355-.05C3.05 10.61 1.17 8.185 1.17 5.555V3.36c0-.56.405-1.165.925-1.38L4.88.84a2.95 2.95 0 0 1 2.24 0l2.785 1.14c.52.215.925.82.925 1.38v2.195c0 2.625-1.885 5.05-4.475 5.77q-.174.051-.355.05m0-10a2.2 2.2 0 0 0-.835.165L2.38 2.68c-.24.1-.46.425-.46.685V5.56c0 2.295 1.65 4.415 3.925 5.045.1.03.21.03.31 0 2.275-.63 3.925-2.75 3.925-5.045V3.365c0-.26-.22-.585-.46-.685L6.835 1.54A2.2 2.2 0 0 0 6 1.375"
-	})), _path2$3 || (_path2$3 = /* @__PURE__ */ react.createElement("path", {
+	})), _path2$2 || (_path2$2 = /* @__PURE__ */ react.createElement("path", {
 		fill: "currentcolor",
 		d: "M6 6.625a1.374 1.374 0 1 1-.002-2.748A1.374 1.374 0 0 1 6 6.625m0-2a.625.625 0 1 0 0 1.25.625.625 0 0 0 0-1.25"
-	})), _path3$1 || (_path3$1 = /* @__PURE__ */ react.createElement("path", {
+	})), _path3 || (_path3 = /* @__PURE__ */ react.createElement("path", {
 		fill: "currentcolor",
 		d: "M6 8.125a.38.38 0 0 1-.375-.375v-1.5c0-.205.17-.375.375-.375s.375.17.375.375v1.5c0 .205-.17.375-.375.375"
 	})));
@@ -1533,7 +1622,11 @@ const APIPage = () => {
 			if (element) element.scrollIntoView({ behavior: "smooth" });
 			setFocusedTag(null);
 		}
-	}, [focusedTag, setFocusedTag]);
+	}, [
+		focusedTag,
+		setFocusedTag,
+		selectedApi
+	]);
 	(0, react.useEffect)(() => {
 		if (!!urlsOptions?.length) setSelectedUrl(urlsOptions[0]?.value);
 	}, [selectedApi, urlsOptions]);
@@ -1999,107 +2092,6 @@ const EndpointPage = () => {
 	});
 };
 
-//#endregion
-//#region src/assets/NoData.svg
-var _path$2, _path2$2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path0, _path1, _path10, _path11, _path12, _path13, _path14, _path15, _path16;
-function _extends$2() {
-	return _extends$2 = Object.assign ? Object.assign.bind() : function(n) {
-		for (var e = 1; e < arguments.length; e++) {
-			var t = arguments[e];
-			for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-		}
-		return n;
-	}, _extends$2.apply(null, arguments);
-}
-var SvgNoData = function SvgNoData$1(props) {
-	return /* @__PURE__ */ react.createElement("svg", _extends$2({
-		xmlns: "http://www.w3.org/2000/svg",
-		width: 298,
-		height: 237,
-		fill: "none"
-	}, props), _path$2 || (_path$2 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#F1F5FD",
-		d: "M174.518 86.353c-18.413.11-37.111-.748-54.601-5.608s-32.958-14.031-47.02-24.741c-9.206-6.972-17.578-12.514-29.53-11.678a54.46 54.46 0 0 0-31.882 12.447C-3.72 70.101-1.413 94.733 4.652 112.062c9.14 26.105 36.957 44.227 60.577 56.037 27.31 13.657 57.303 21.596 87.382 26.149 26.367 4.002 60.226 6.927 83.055-10.315 20.983-15.812 26.74-51.968 21.598-76.379a30.07 30.07 0 0 0-10.788-18.298c-14.743-10.776-36.715-3.585-53.282-3.21-6.042.131-12.392.285-18.676.307"
-	})), _path2$2 || (_path2$2 = /* @__PURE__ */ react.createElement("path", {
-		stroke: "#E0E9F9",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		strokeWidth: .85,
-		d: "M84.74 1v9.457M80.016 5.729h9.448M263.987 189.496v9.457M259.264 194.225h9.448"
-	})), _path3 || (_path3 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#E0E9F9",
-		d: "M13.353 148.656a2.154 2.154 0 1 0-.002-4.308 2.154 2.154 0 0 0 .001 4.308M196.687 10.764a2.154 2.154 0 1 0 0-4.31 2.154 2.154 0 0 0 0 4.31"
-	})), _path4 || (_path4 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#F1F5FD",
-		d: "M137.011 236.999c44.535 0 80.638-2.245 80.638-5.014s-36.103-5.014-80.638-5.014c-44.534 0-80.637 2.245-80.637 5.014s36.103 5.014 80.637 5.014"
-	})), _path5 || (_path5 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#fff",
-		stroke: "#769DE4",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		d: "M74.896 26.688h117.111c2.914 0 5.708 1.158 7.769 3.22a11 11 0 0 1 3.217 7.776v139.453c0 2.917-1.157 5.714-3.217 7.776a10.98 10.98 0 0 1-7.769 3.22H59.889a10.98 10.98 0 0 1-7.768-3.22 11 11 0 0 1-3.218-7.776V52.968z"
-	})), _path6 || (_path6 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#F1F5FD",
-		d: "M202.465 94.645H81.707v94.831h120.758z"
-	})), _path7 || (_path7 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#fff",
-		stroke: "#769DE4",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		d: "M48.903 52.968h21.291a4.73 4.73 0 0 0 4.702-4.728V26.687zM201.873 64.36H82.433c-4.648 0-8.415 3.77-8.415 8.422V98.36c0 4.651 3.767 8.423 8.415 8.423h119.44c4.648 0 8.415-3.772 8.415-8.423V72.782c0-4.651-3.767-8.423-8.415-8.423"
-	})), _path8 || (_path8 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#F1F5FD",
-		d: "M97.22 92.972a7.34 7.34 0 0 0 7.338-7.345 7.34 7.34 0 0 0-7.339-7.346 7.34 7.34 0 0 0-7.338 7.346 7.34 7.34 0 0 0 7.338 7.345M120.291 92.972a7.34 7.34 0 0 0 7.338-7.345c0-4.057-3.285-7.346-7.338-7.346a7.34 7.34 0 0 0-7.339 7.346 7.34 7.34 0 0 0 7.339 7.345M143.339 92.972a7.34 7.34 0 0 0 7.338-7.345c0-4.057-3.285-7.346-7.338-7.346A7.34 7.34 0 0 0 136 85.627a7.34 7.34 0 0 0 7.339 7.345"
-	})), _path9 || (_path9 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#fff",
-		stroke: "#769DE4",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		d: "M201.873 111.379H82.433c-4.648 0-8.415 3.771-8.415 8.423v25.577c0 4.652 3.767 8.423 8.415 8.423h119.44c4.648 0 8.415-3.771 8.415-8.423v-25.577c0-4.652-3.767-8.423-8.415-8.423"
-	})), _path0 || (_path0 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#F1F5FD",
-		d: "M97.22 140.013a7.34 7.34 0 0 0 7.338-7.345c0-4.057-3.285-7.346-7.339-7.346-4.052 0-7.338 3.289-7.338 7.346a7.34 7.34 0 0 0 7.338 7.345M120.291 140.013c4.053 0 7.338-3.289 7.338-7.345 0-4.057-3.285-7.346-7.338-7.346a7.343 7.343 0 0 0-7.339 7.346 7.34 7.34 0 0 0 7.339 7.345M143.339 140.013c4.053 0 7.338-3.289 7.338-7.345 0-4.057-3.285-7.346-7.338-7.346a7.343 7.343 0 0 0-7.339 7.346 7.34 7.34 0 0 0 7.339 7.345"
-	})), _path1 || (_path1 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#fff",
-		stroke: "#769DE4",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		d: "M201.873 158.422H82.433c-4.648 0-8.415 3.771-8.415 8.423v25.577c0 4.652 3.767 8.423 8.415 8.423h119.44c4.648 0 8.415-3.771 8.415-8.423v-25.577c0-4.652-3.767-8.423-8.415-8.423"
-	})), _path10 || (_path10 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#F1F5FD",
-		d: "M97.22 187.033c4.053 0 7.338-3.289 7.338-7.346a7.34 7.34 0 0 0-7.339-7.345 7.34 7.34 0 0 0-7.338 7.345c0 4.057 3.285 7.346 7.338 7.346M120.291 187.033c4.053 0 7.338-3.289 7.338-7.346a7.34 7.34 0 0 0-7.338-7.345 7.34 7.34 0 0 0-7.339 7.345 7.343 7.343 0 0 0 7.339 7.346M143.339 187.033c4.053 0 7.338-3.289 7.338-7.346a7.34 7.34 0 0 0-7.338-7.345 7.34 7.34 0 0 0-7.339 7.345 7.343 7.343 0 0 0 7.339 7.346"
-	})), _path11 || (_path11 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#fff",
-		stroke: "#769DE4",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		d: "M212.924 118.483c25.156 0 45.548-20.411 45.548-45.59s-20.392-45.59-45.548-45.59c-25.155 0-45.548 20.411-45.548 45.59s20.393 45.59 45.548 45.59"
-	})), _path12 || (_path12 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#fff",
-		stroke: "#769DE4",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		d: "M213.451 99.878c14.598 0 26.432-11.845 26.432-26.456 0-14.612-11.834-26.457-26.432-26.457s-26.432 11.845-26.432 26.457 11.834 26.456 26.432 26.456"
-	})), _path13 || (_path13 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#fff",
-		d: "M199.385 59.32c.552 1.15 28.132 28.181 28.132 28.181z"
-	})), _path14 || (_path14 = /* @__PURE__ */ react.createElement("path", {
-		stroke: "#769DE4",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		d: "M199.385 59.32c.552 1.15 28.132 28.181 28.132 28.181"
-	})), _path15 || (_path15 = /* @__PURE__ */ react.createElement("path", {
-		fill: "#fff",
-		d: "M227.517 59.32c-.574 1.15-28.132 28.181-28.132 28.181z"
-	})), _path16 || (_path16 = /* @__PURE__ */ react.createElement("path", {
-		stroke: "#769DE4",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		d: "M227.517 59.32c-.574 1.15-28.132 28.181-28.132 28.181"
-	})));
-};
-var NoData_default = SvgNoData;
-
 //#endregion
 //#region src/assets/mouseSquare.svg
 var _path$1, _path2$1;
@@ -2138,15 +2130,15 @@ var mouseSquare_default = SvgMouseSquare;
 //#region src/view/components/MainContent.tsx
 const MainContent = ({ searchEnabled, handleResetSearch, handleVisitLandingPage }) => {
 	const { focusedContent, transformedData } = store_default(({ view }) => view);
-	const { wrapSSR, cx } = useStyle("MainContent", (token$1, scope) => ({
+	const { wrapSSR, cx, token: token$1 } = useStyle("MainContent", (token$2, scope) => ({
 		[scope("inner-doc-container")]: {
-			backgroundColor: token$1.colorBgContainer,
+			backgroundColor: token$2.colorBgContainer,
 			height: "100%",
 			width: "100%",
 			maxHeight: "100%",
 			overflow: "auto",
-			borderRadius: token$1.borderRadius,
-			padding: token$1.paddingXL
+			borderRadius: token$2.borderRadius,
+			padding: token$2.paddingXL
 		},
 		[scope("centered")]: {
 			display: "flex",
@@ -2157,26 +2149,26 @@ const MainContent = ({ searchEnabled, handleResetSearch, handleVisitLandingPage
 			padding: 0
 		},
 		[scope("title")]: {
-			fontFamily: token$1.fontFamily,
+			fontFamily: token$2.fontFamily,
 			fontWeight: 600,
-			fontSize: token$1.fontSizeHeading4,
+			fontSize: token$2.fontSizeHeading4,
 			color: "rgba(0, 0, 0, 0.88)"
 		},
 		[scope("text")]: {
 			color: "rgba(0, 0, 0, 0.88)",
-			fontFamily: token$1.fontFamily
+			fontFamily: token$2.fontFamily
 		},
 		[scope("visit-landing-button")]: {
 			width: "12.25rem",
 			height: "2.5rem",
-			borderRadius: token$1.borderRadiusLG
+			borderRadius: token$2.borderRadiusLG
 		},
 		[scope("reset-button")]: {
 			width: "8.125rem",
 			height: "2.5rem",
-			borderRadius: token$1.borderRadiusLG,
-			backgroundColor: token$1?.Button?.primaryColor,
-			fontSize: token$1.Button?.contentFontSizeLG
+			borderRadius: token$2.borderRadiusLG,
+			backgroundColor: token$2?.Button?.primaryColor,
+			fontSize: token$2.Button?.contentFontSizeLG
 		}
 	}));
 	return wrapSSR(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -2188,7 +2180,9 @@ const MainContent = ({ searchEnabled, handleResetSearch, handleVisitLandingPage
 			vertical: true,
 			flex: 1,
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NoData_default, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NoDataIcon_default, {
+					stroke: token$1.colorPrimaryHover,
+					fill: token$1.colorPrimaryBg,
 					width: "18.625rem",
 					height: "14.75rem"
 				}),