@prorobotech/openapi-k8s-toolkit 0.0.1-alpha.122 → 0.0.1-alpha.124

package/dist/openapi-k8s-toolkit.es.js

@@ -1,8 +1,8 @@
 import o, { useRef, useContext, useDebugValue, createElement, useState, useLayoutEffect, useEffect, Fragment, createContext, useMemo, isValidElement, cloneElement, useCallback, useInsertionEffect, useSyncExternalStore, memo, Suspense } from 'react';
-import { Input, Tree, Modal, Alert, theme, Select, Tag, Breadcrumb, Spin, Menu, Tooltip, Space, Button, Flex, Typography, Card, Row, Col, Tabs, Form, Popover, notification, Table, Slider, InputNumber, Switch, Dropdown, Result, Progress } from 'antd';
+import { Input, Tree, Modal, Alert, theme, Select, Tag, Breadcrumb, Spin, Menu, Tooltip, Space, Button, Flex, Typography, Card, Row, Col, Tabs, Form, Popover, notification, Table, Slider, InputNumber, Switch, Dropdown, Result, Progress, Checkbox } from 'antd';
 import { LoadingOutlined, ExclamationCircleFilled, CloseCircleFilled, CheckCircleFilled, CaretDownOutlined, CaretRightOutlined, InfoCircleOutlined, EyeOutlined, EyeInvisibleOutlined, SearchOutlined, EditOutlined, DeleteOutlined, CheckOutlined, CloseOutlined, BugOutlined, PlusOutlined, EllipsisOutlined } from '@ant-design/icons';
 import { useQuery, useQueries, useQueryClient } from '@tanstack/react-query';
-import { Link, useLocation, useNavigate, useSearchParams } from 'react-router-dom';
+import { Link, useLocation, useNavigate } from 'react-router-dom';
 
 function getDefaultExportFromCjs$1 (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -8295,8 +8295,8 @@ const EditIcon = () => {
   ) });
 };
 
-const UpIcon = () => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+const UpIcon = ({ size }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: size ?? 12, height: size ?? 12, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("g", { clipPath: "url(#clip0_186_9937)", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "path",
       {
@@ -8308,8 +8308,8 @@ const UpIcon = () => {
   ] });
 };
 
-const DownIcon = () => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+const DownIcon = ({ size }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: size ?? 12, height: size ?? 12, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("g", { clipPath: "url(#clip0_186_11488)", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "path",
       {
@@ -34438,7 +34438,7 @@ const PossibleHiddenContainer = st$1.div`
   display: ${({ $isHidden }) => $isHidden ? "none" : "block"};
 `;
 
-const ResetedFormItem = st$1(Form.Item)`
+const ResetedFormItem$1 = st$1(Form.Item)`
   margin-bottom: 8px;
 `;
 
@@ -34598,7 +34598,7 @@ const EditModal$3 = ({
           inputLabel && /* @__PURE__ */ jsxRuntimeExports.jsx(CustomSizeTitle, { $designNewLayout: true, style: inputLabelStyle, children: inputLabel }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 10, $samespace: true }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
-            ResetedFormItem,
+            ResetedFormItem$1,
             {
               name: "labels",
               hasFeedback: true,
@@ -34894,7 +34894,7 @@ const LabelsToSearchParams = ({ data, children }) => {
   }
   const labels = Object.entries(labelsRaw).map(([key, value]) => `${key}=${value}`).join(",");
   const labelsEncoded = encodeURIComponent(labels);
-  const hrefPrepared = `${linkPrefixPrepared}?${labelsEncoded}`;
+  const hrefPrepared = `${linkPrefixPrepared}${labelsEncoded}`;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography.Link, { href: hrefPrepared, ...linkProps, children: [
     labels,
     children
@@ -34992,7 +34992,7 @@ const EditModal$2 = ({
           /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$l.ResetedFormList, { name: "taints", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             fields.map(({ key, name, ...restField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Row, { gutter: [16, 16], children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[0], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                ResetedFormItem,
+                ResetedFormItem$1,
                 {
                   ...restField,
                   name: [name, "key"],
@@ -35005,7 +35005,7 @@ const EditModal$2 = ({
                 }
               ) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[1], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                ResetedFormItem,
+                ResetedFormItem$1,
                 {
                   ...restField,
                   name: [name, "value"],
@@ -35018,7 +35018,7 @@ const EditModal$2 = ({
                 }
               ) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[2], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                ResetedFormItem,
+                ResetedFormItem$1,
                 {
                   ...restField,
                   name: [name, "effect"],
@@ -35039,7 +35039,7 @@ const EditModal$2 = ({
               ) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[3], children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", type: "text", onClick: () => remove(name), children: /* @__PURE__ */ jsxRuntimeExports.jsx(MinusIcon, {}) }) })
             ] }, key)),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(ResetedFormItem, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "text", size: "small", onClick: () => add(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PlusIcon, {}) }) })
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ResetedFormItem$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "text", size: "small", onClick: () => add(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PlusIcon, {}) }) })
           ] }) })
         ] })
       ]
@@ -35327,7 +35327,7 @@ const EditModal$1 = ({
           /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$k.ResetedFormList, { name: "tolerations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             fields.map(({ key, name, ...restField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Row, { gutter: [16, 16], children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[0], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                ResetedFormItem,
+                ResetedFormItem$1,
                 {
                   ...restField,
                   name: [name, "key"],
@@ -35346,7 +35346,7 @@ const EditModal$1 = ({
                 }
               ) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[1], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                ResetedFormItem,
+                ResetedFormItem$1,
                 {
                   ...restField,
                   name: [name, "operator"],
@@ -35366,7 +35366,7 @@ const EditModal$1 = ({
                 }
               ) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[2], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                ResetedFormItem,
+                ResetedFormItem$1,
                 {
                   ...restField,
                   name: [name, "value"],
@@ -35385,7 +35385,7 @@ const EditModal$1 = ({
                 }
               ) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[3], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                ResetedFormItem,
+                ResetedFormItem$1,
                 {
                   ...restField,
                   name: [name, "effect"],
@@ -35400,7 +35400,7 @@ const EditModal$1 = ({
               ) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[4], children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", type: "text", onClick: () => remove(name), children: /* @__PURE__ */ jsxRuntimeExports.jsx(MinusIcon, {}) }) })
             ] }, key)),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(ResetedFormItem, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "text", size: "small", onClick: () => add(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PlusIcon, {}) }) })
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ResetedFormItem$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "text", size: "small", onClick: () => add(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PlusIcon, {}) }) })
           ] }) })
         ] })
       ]
@@ -35694,7 +35694,7 @@ const EditModal = ({
           /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$j.ResetedFormList, { name: "annotations", children: (fields, { add, remove }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             fields.map(({ key, name, ...restField }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Row, { gutter: [16, 16], children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[0], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                ResetedFormItem,
+                ResetedFormItem$1,
                 {
                   ...restField,
                   name: [name, "key"],
@@ -35702,10 +35702,10 @@ const EditModal = ({
                   children: /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { placeholder: "key" })
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[1], children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResetedFormItem, { ...restField, name: [name, "value"], children: /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { placeholder: "value" }) }) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[1], children: /* @__PURE__ */ jsxRuntimeExports.jsx(ResetedFormItem$1, { ...restField, name: [name, "value"], children: /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { placeholder: "value" }) }) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: cols[2], children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", type: "text", onClick: () => remove(name), children: /* @__PURE__ */ jsxRuntimeExports.jsx(MinusIcon, {}) }) })
             ] }, key)),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(ResetedFormItem, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "text", size: "small", onClick: () => add(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PlusIcon, {}) }) })
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ResetedFormItem$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "text", size: "small", onClick: () => add(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PlusIcon, {}) }) })
           ] }) })
         ] })
       ]
@@ -36881,13 +36881,14 @@ const fnv1a32 = (str) => {
 const pickInRange = (u32, min, max) => min + u32 % (max - min + 1);
 const hslFromString = (value, theme) => {
   const hash = fnv1a32(value);
-  const hue = hash % 360;
-  const [sMin, sMax] = theme === "light" ? [5, 10] : [5, 15];
-  const [lMin, lMax] = theme === "light" ? [88, 94] : [18, 25];
+  const hue = hash % 345;
+  const [sMin, sMax] = theme === "light" ? [90, 100] : [80, 100];
+  const [lMin, lMax] = theme === "light" ? [78, 80] : [35, 50];
   const s = pickInRange(hash >>> 8, sMin, sMax);
   const l = pickInRange(hash >>> 16, lMin, lMax);
   return `hsl(${hue}, ${s}%, ${l}%)`;
 };
+
 const getUppercase = (s) => {
   const uppercases = [...s].filter((c) => c >= "A" && c <= "Z").join("");
   return uppercases.length > 0 ? uppercases : s[0].toUpperCase();
@@ -46014,7 +46015,7 @@ const FormListInput = ({
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ResetedFormItem,
+      ResetedFormItem$1,
       {
         name: arrName || fixedName,
         rules: [{ required: forceNonRequired === false && required?.includes(getStringByName(name)) }],
@@ -46198,7 +46199,7 @@ const RangeInput = ({
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Row, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(Col, { span: 12, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ResetedFormItem,
+          ResetedFormItem$1,
           {
             name: arrName || name,
             rules: [{ required: forceNonRequired === false && required?.includes(getStringByName(name)) }],
@@ -46214,7 +46215,7 @@ const RangeInput = ({
         ] }) })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Col, { span: 4, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        ResetedFormItem,
+        ResetedFormItem$1,
         {
           name: arrName || name,
           rules: [{ required: forceNonRequired === false && required?.includes(getStringByName(name)) }],
@@ -46443,7 +46444,7 @@ const FormNamespaceInput = ({
       /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { gap: 4, children: isAdditionalProperties && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", type: "text", onClick: () => removeField({ path: name }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(MinusIcon, {}) }) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ResetedFormItem,
+      ResetedFormItem$1,
       {
         name,
         rules: [{ required: true }],
@@ -46494,7 +46495,7 @@ const FormStringInput = ({
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ResetedFormItem,
+      ResetedFormItem$1,
       {
         name: arrName || fixedName,
         rules: [{ required: forceNonRequired === false && required?.includes(getStringByName(name)) }],
@@ -46542,7 +46543,7 @@ const FormBooleanInput = ({
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$e.SwitchAndCrossContainer, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        ResetedFormItem,
+        ResetedFormItem$1,
         {
           name: arrName || name,
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(Switch, { size: "small" })
@@ -46594,7 +46595,7 @@ const FormEnumStringInput = ({
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ResetedFormItem,
+      ResetedFormItem$1,
       {
         name: arrName || fixedName,
         rules: [{ required: forceNonRequired === false && required?.includes(getStringByName(name)) }],
@@ -46636,7 +46637,7 @@ const FormNumberInput = ({
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ResetedFormItem,
+      ResetedFormItem$1,
       {
         name: arrName || name,
         rules: [{ required: forceNonRequired === false && required?.includes(getStringByName(name)) }],
@@ -47134,7 +47135,7 @@ const getArrayFormItemFromSwagger = ({
                 })
               ] }, field.key);
             }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(ResetedFormItem, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(ResetedFormItem$1, { children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "text", size: "small", onClick: () => add(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PlusIcon, {}) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(Form.ErrorList, { errors })
             ] })
@@ -48272,7 +48273,7 @@ const TagsContainer = st$1.div`
   flex-flow: row wrap;
   align-items: flex-start;
 `;
-const CustomTag = st$1(Tag)`
+const CustomTag$1 = st$1(Tag)`
   margin-right: 4px;
   margin-bottom: 4px;
 
@@ -48295,7 +48296,7 @@ const Styled$b = {
   OverflowContainer,
   TitleContainer,
   TagsContainer,
-  CustomTag,
+  CustomTag: CustomTag$1,
   DescriptionContainer,
   EditButtonContainer
 };
@@ -49694,75 +49695,12 @@ const PodLogsMonaco = ({
   ] });
 };
 
-const getKinds = async ({ clusterName }) => {
-  const result = await axios.get(`/api/clusters/${clusterName}/openapi-bff/search/kinds/getKinds`);
-  return result.data;
-};
-
-const parseK8sVersion = (raw) => {
-  const m = /^v(?<major>\d+)(?:(?<stage>alpha|beta)(?<stageNum>\d+)?)?$/i.exec(raw ?? "");
-  if (!m?.groups) return { rank: 0, major: -1, stageNum: -1 };
-  const stage = (m.groups.stage ?? "").toLowerCase();
-  const major = Number(m.groups.major);
-  const stageNum = m.groups.stageNum ? Number(m.groups.stageNum) : 0;
-  const rank = stage === "" ? 3 : stage === "beta" ? 2 : 1;
-  return { rank, major, stageNum };
-};
-const versionToken = (e) => e.version || (e.groupVersion?.split("/").pop() ?? "");
-const compareK8sVersionDesc = (a, b) => {
-  const pa = parseK8sVersion(versionToken(a));
-  const pb = parseK8sVersion(versionToken(b));
-  return pb.rank - pa.rank || pb.major - pa.major || pb.stageNum - pa.stageNum;
-};
-const getSortedKinds = (index) => {
-  const counts = index.items.reduce(
-    (acc, item) => ({ ...acc, [item.kind]: (acc[item.kind] ?? 0) + 1 }),
-    {}
-  );
-  const pickVersion = (versions) => versions.find((v) => v.preferred) ?? [...versions].sort(compareK8sVersionDesc)[0];
-  return index.items.map((item) => {
-    const version = pickVersion(item.versions);
-    return version ? {
-      group: item.group,
-      kind: item.kind,
-      version,
-      ...counts[item.kind] > 1 ? { notUnique: true } : {}
-    } : void 0;
-  }).filter((x) => Boolean(x)).sort(
-    (a, b) => a.kind.localeCompare(b.kind, void 0, { sensitivity: "base" }) || a.group.localeCompare(b.group, void 0, { sensitivity: "base" })
-  );
-};
-
-const useDebouncedCallback = (fn, delay = 300) => {
-  const timer = useRef(void 0);
-  return (...args) => {
-    if (timer.current) window.clearTimeout(timer.current);
-    timer.current = window.setTimeout(() => fn(...args), delay);
-  };
-};
-const getArrayParam = (sp, key) => {
-  const raw = sp.get(key);
-  if (!raw) return [];
-  return raw.split(",").map((s) => s.trim()).filter(Boolean);
-};
-const setArrayParam = (sp, key, values) => {
-  const next = new URLSearchParams(sp);
-  if (!values || values.length === 0) {
-    next.delete(key);
-  } else {
-    next.set(key, values.join(","));
-  }
-  return next;
-};
-const getStringParam = (sp, key) => {
-  return sp.get(key) ?? "";
-};
-const setStringParam = (sp, key, value) => {
-  const next = new URLSearchParams(sp);
-  const v = (value ?? "").trim();
-  if (!v) next.delete(key);
-  else next.set(key, v);
-  return next;
+const kindByGvr = (entries) => (gvr) => {
+  const [group = "", v = "", resource = ""] = gvr.split("~", 3);
+  const norm = (s) => s.trim();
+  const kinds = entries.filter((e) => norm(e.group) === norm(group) && e.version.version === v && e.version.resource === resource).map((e) => e.kind);
+  const uniq = Array.from(new Set(kinds));
+  return uniq.length === 1 ? uniq[0] : void 0;
 };
 
 const SelectTag = st$1(Tag)`
@@ -49772,143 +49710,147 @@ const SelectTag = st$1(Tag)`
   align-items: center;
   white-space: normal;
   line-height: 1.1;
-  max-width: 240px;
 `;
 const SelectTagSpan = st$1.span`
   display: inline-flex;
   flex-direction: column;
 `;
+const MaxTagPlacheolder = st$1.div`
+  padding-left: 16px;
+`;
+const MaxTagPlacheolderLength = st$1.span`
+  min-height: 20px;
+  padding-right: 4px;
+  padding-left: 4px;
+  border: 1px solid ${({ $colorBorder }) => $colorBorder};
+  border-radius: 20px;
+`;
+const OptionLabelKind = st$1.div`
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 22px;
+`;
+const OptionLabelVersion = st$1.div`
+  font-size: 10px;
+  font-style: italic;
+  font-weight: 400;
+  line-height: 14px; /* 140% */
+`;
+const BackgroundContainer = st$1.div`
+  width: 100%;
+  gap: 8px;
+  border: 1px solid ${({ $colorBorder }) => $colorBorder};
+  border-radius: 6px;
+  background: ${({ $colorBgLayout }) => $colorBgLayout};
+  padding: 8px;
+`;
 const FormContainer = st$1.div`
   display: grid;
-  grid-template-columns: 300px 100px 1fr 100px;
-  gap: 16px;
+  grid-template-columns: 3fr 9fr;
+  gap: 8px;
+`;
+const ResetedFormItem = st$1(Form.Item)`
+  margin-bottom: 0;
 `;
 const HideableContainer = st$1.div`
   display: ${({ $isHidden }) => $isHidden ? "none" : "initial"};
 `;
+const CompoundItem = st$1.div`
+  display: grid;
+  grid-template-columns: 130px 1fr;
+`;
+const LeftSideSelect = st$1(Select)`
+  /* stylelint-disable declaration-no-important */
+
+  .ant-select-selector {
+    border-top-right-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+    border-right-width: 0 !important;
+    height: 32px !important;
+  }
+`;
+const RightSideInput = st$1(Input)`
+  &&&.ant-input-outlined {
+    border-top-left-radius: 0 !important;
+    border-bottom-left-radius: 0 !important;
+    border-left-width: 0 !important;
+    height: 32px !important;
+  }
+`;
+const RightSideSelect = st$1(Select)`
+  .ant-select-selector {
+    border-top-left-radius: 0 !important;
+    border-bottom-left-radius: 0 !important;
+    border-left-width: 0 !important;
+    height: 32px !important;
+  }
+`;
+const BottomTagsHolder = st$1.div`
+  display: flex;
+  gap: 4px;
+  flex-wrap: wrap;
+  margin-top: 8px;
+`;
+const CustomTag = st$1(Tag)`
+  font-size: 14px;
+  height: 22px;
+  margin-inline-end: 0 !important;
+`;
+const Abbr = st$1.span`
+  background-color: ${({ $bgColor }) => $bgColor};
+  border-radius: 13px;
+  padding: 2px 5px;
+  height: min-content;
+`;
+const ClearButtonHolder = st$1.div`
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 8px;
+`;
 const Styled = {
   SelectTag,
   SelectTagSpan,
+  MaxTagPlacheolder,
+  MaxTagPlacheolderLength,
+  OptionLabelKind,
+  OptionLabelVersion,
+  BackgroundContainer,
   FormContainer,
-  HideableContainer
+  ResetedFormItem,
+  HideableContainer,
+  CompoundItem,
+  LeftSideSelect,
+  RightSideInput,
+  RightSideSelect,
+  BottomTagsHolder,
+  CustomTag,
+  Abbr,
+  ClearButtonHolder
 };
 
-const Search = ({ cluster, updateCurrentSearch }) => {
-  const [form] = Form.useForm();
-  const [searchParams, setSearchParams] = useSearchParams();
-  const location = useLocation();
-  const FIELD_NAME = "kinds";
-  const FIELD_NAME_STRING = "name";
-  const FIELD_NAME_LABELS = "labels";
-  const FIELD_NAME_FIELDS = "fields";
-  const TYPE_SELECTOR = "TYPE_SELECTOR";
-  const QUERY_KEY = "kinds";
-  const NAME_QUERY_KEY = "name";
-  const LABELS_QUERY_KEY = "labels";
-  const FIELDS_QUERY_KEY = "fields";
+const Search = ({ theme: theme$1, form, constants, kindsWithVersion }) => {
+  const { token } = theme.useToken();
+  const { FIELD_NAME, FIELD_NAME_STRING, FIELD_NAME_LABELS, FIELD_NAME_FIELDS, TYPE_SELECTOR } = constants;
   const watchedKinds = Form.useWatch(FIELD_NAME, form);
   const watchedName = Form.useWatch(FIELD_NAME_STRING, form);
   const watchedLabels = Form.useWatch(FIELD_NAME_LABELS, form);
   const watchedFields = Form.useWatch(FIELD_NAME_FIELDS, form);
   const watchedTypedSelector = Form.useWatch(TYPE_SELECTOR, form);
-  const [kindIndex, setKindIndex] = useState();
-  const [kindWithVersion, setKindWithVersion] = useState();
-  useEffect(() => {
-    getKinds({
-      clusterName: cluster
-    }).then((data) => {
-      setKindIndex(data);
-      setKindWithVersion(getSortedKinds(data));
-    });
-  }, [cluster]);
-  useEffect(() => {
-    const fromKinds = getArrayParam(searchParams, QUERY_KEY);
-    const currentKinds = form.getFieldValue(FIELD_NAME);
-    const kindsDiffer = (fromKinds.length || 0) !== (currentKinds?.length || 0) || fromKinds.some((v, i) => v !== currentKinds?.[i]);
-    const fromName = getStringParam(searchParams, NAME_QUERY_KEY);
-    const currentName = form.getFieldValue(FIELD_NAME_STRING);
-    const nameDiffer = (fromName || "") !== (currentName || "");
-    const fromLabels = getArrayParam(searchParams, LABELS_QUERY_KEY);
-    const currentLabels = form.getFieldValue(FIELD_NAME_LABELS);
-    const labelsDiffer = (fromLabels.length || 0) !== (currentLabels?.length || 0) || fromLabels.some((v, i) => v !== currentLabels?.[i]);
-    const fromFields = getArrayParam(searchParams, FIELDS_QUERY_KEY);
-    const currentFields = form.getFieldValue(FIELD_NAME_FIELDS);
-    const fieldsDiffer = (fromFields.length || 0) !== (currentFields?.length || 0) || fromFields.some((v, i) => v !== currentFields?.[i]);
-    const currentType = form.getFieldValue(TYPE_SELECTOR);
-    let inferredType;
-    if (fromName) {
-      inferredType = "name";
-    } else if (fromLabels.length > 0) {
-      inferredType = "labels";
-    } else if (fromFields.length > 0) {
-      inferredType = "fields";
-    }
-    const typeDiffer = inferredType !== currentType;
-    if (kindsDiffer || nameDiffer || labelsDiffer || fieldsDiffer) {
-      form.setFieldsValue({
-        [FIELD_NAME]: kindsDiffer ? fromKinds : currentKinds,
-        [FIELD_NAME_STRING]: nameDiffer ? fromName : currentName,
-        [FIELD_NAME_LABELS]: labelsDiffer ? fromLabels : currentLabels,
-        [FIELD_NAME_FIELDS]: fieldsDiffer ? fromFields : currentFields,
-        [TYPE_SELECTOR]: typeDiffer ? inferredType : currentType
-      });
-    }
-  }, [location.search]);
-  const debouncedPush = useDebouncedCallback((values) => {
-    const next = setArrayParam(searchParams, QUERY_KEY, values);
-    setSearchParams(next, { replace: true });
-  }, 250);
-  const debouncedPushName = useDebouncedCallback((value) => {
-    const next = setStringParam(searchParams, NAME_QUERY_KEY, value);
-    setSearchParams(next, { replace: true });
-  }, 250);
-  const debouncedPushLabels = useDebouncedCallback((values) => {
-    const next = setArrayParam(searchParams, LABELS_QUERY_KEY, values);
-    setSearchParams(next, { replace: true });
-  }, 250);
-  const debouncedPushFields = useDebouncedCallback((values) => {
-    const next = setArrayParam(searchParams, FIELDS_QUERY_KEY, values);
-    setSearchParams(next, { replace: true });
-  }, 250);
-  useEffect(() => {
-    debouncedPush(watchedKinds || []);
-  }, [watchedKinds]);
-  useEffect(() => {
-    debouncedPushName((watchedName || "").trim());
-  }, [watchedName]);
-  useEffect(() => {
-    debouncedPushLabels(watchedLabels || []);
-  }, [watchedLabels]);
-  useEffect(() => {
-    debouncedPushFields(watchedFields || []);
-  }, [watchedFields]);
-  useEffect(() => {
-    if (watchedTypedSelector === "name") {
-      form.setFieldsValue({ [FIELD_NAME_LABELS]: [], [FIELD_NAME_FIELDS]: [] });
-    } else if (watchedTypedSelector === "labels") {
-      form.setFieldsValue({ [FIELD_NAME_STRING]: "", [FIELD_NAME_FIELDS]: [] });
-    } else if (watchedTypedSelector === "fields") {
-      form.setFieldsValue({ [FIELD_NAME_STRING]: "", [FIELD_NAME_LABELS]: [] });
-    }
-  }, [watchedTypedSelector]);
-  const options = kindWithVersion?.map(({ kind, group, version }) => ({
-    // kindWithVersion?.map(({ kind, notUnique, group, version }) => ({
-    // label: notUnique ? (
-    //   <div>
-    //     {kind}
-    //     <br />
-    //     {version.groupVersion}
-    //   </div>
-    // ) : (
-    //   kind
-    // ),
-    label: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-      kind,
-      /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
-      version.groupVersion
-    ] }),
-    value: `${group}~${version.version}~${version.resource}`
-  })) || [];
+  const options = kindsWithVersion.filter(({ version }) => version.verbs && version.verbs.includes("list")).map(({ kind, group, version }) => {
+    const abbr = getUppercase(kind);
+    const bgColor = kind && kind.length ? hslFromString(abbr, theme$1) : "";
+    return {
+      label: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 8, align: "center", children: [
+        bgColor.length && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.Abbr, { $bgColor: bgColor, children: abbr }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 2, vertical: true, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.OptionLabelKind, { children: kind }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.OptionLabelVersion, { children: version.groupVersion })
+        ] })
+      ] }),
+      value: `${group}~${version.version}~${version.resource}`
+    };
+  }) || [];
   const tagRender = ({ label, closable, onClose }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
     Styled.SelectTag,
     {
@@ -49921,9 +49863,39 @@ const Search = ({ cluster, updateCurrentSearch }) => {
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.SelectTagSpan, { children: label })
     }
   );
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+  const maxTagPlaceholder = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    "Kinds",
+    " ",
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.MaxTagPlacheolderLength, { $colorBorder: token.colorBorder, children: watchedKinds?.length ? watchedKinds.length : "0" })
+  ] });
+  const maxTagTagRender = ({ label }) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.MaxTagPlacheolder, { children: label });
+  const getKindByGvr = kindByGvr(kindsWithVersion);
+  const removeKind = (value) => {
+    const cur = form.getFieldValue(FIELD_NAME) || [];
+    form.setFieldsValue({ [FIELD_NAME]: cur.filter((v) => v !== value) });
+  };
+  const clearName = () => {
+    form.setFieldsValue({ [FIELD_NAME_STRING]: "" });
+  };
+  const removeLabel = (label) => {
+    const cur = form.getFieldValue(FIELD_NAME_LABELS) || [];
+    form.setFieldsValue({ [FIELD_NAME_LABELS]: cur.filter((v) => v !== label) });
+  };
+  const removeField = (field) => {
+    const cur = form.getFieldValue(FIELD_NAME_FIELDS) || [];
+    form.setFieldsValue({ [FIELD_NAME_FIELDS]: cur.filter((v) => v !== field) });
+  };
+  const kindOptionRender = (option) => {
+    const selectedList = form.getFieldValue(FIELD_NAME) || [];
+    const checked = selectedList.includes(option.value);
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 8, align: "center", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Checkbox, { checked }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: option.label })
+    ] });
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled.BackgroundContainer, { $colorBorder: token.colorBorder, $colorBgLayout: token.colorBgLayout, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Form, { form, layout: "vertical", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled.FormContainer, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, { name: FIELD_NAME, label: "Kinds", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.ResetedFormItem, { name: FIELD_NAME, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         Select,
         {
           mode: "multiple",
@@ -49932,127 +49904,187 @@ const Search = ({ cluster, updateCurrentSearch }) => {
           filterOption: (input, option) => (option?.value || "").toString().toLowerCase().includes(input.toLowerCase()),
           allowClear: true,
           showSearch: true,
-          tagRender,
-          maxTagCount: "responsive"
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, { name: TYPE_SELECTOR, label: "Type", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Select,
-        {
-          placeholder: "Select",
-          options: [
-            { label: "Name", value: "name" },
-            { label: "Labels", value: "labels" },
-            { label: "Fields", value: "fields" }
-          ],
-          defaultValue: "name",
-          filterOption: filterSelectOptions,
-          showSearch: true
+          maxTagCount: 0,
+          maxTagPlaceholder,
+          tagRender: maxTagTagRender,
+          menuItemSelectedIcon: null,
+          optionRender: kindOptionRender
         }
       ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.HideableContainer, { $isHidden: watchedTypedSelector === "labels" || watchedTypedSelector === "fields", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, { name: FIELD_NAME_STRING, label: "Name", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { allowClear: true }) }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Styled.HideableContainer,
-        {
-          $isHidden: watchedTypedSelector === "name" || watchedTypedSelector === "fields" || watchedTypedSelector === void 0,
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Form.Item,
-            {
-              name: FIELD_NAME_LABELS,
-              label: "Labels",
-              validateTrigger: "onBlur",
-              rules: [
-                () => ({
-                  validator(_, value) {
-                    if (Array.isArray(value) && value.every((str) => typeof str === "string" && str.includes("=") && !str.startsWith("="))) {
-                      return Promise.resolve();
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled.CompoundItem, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.ResetedFormItem, { name: TYPE_SELECTOR, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Styled.LeftSideSelect,
+          {
+            placeholder: "Select",
+            options: [
+              { label: "Name", value: "name" },
+              { label: "Labels", value: "labels" },
+              { label: "Fields", value: "fields" }
+            ],
+            defaultValue: "name",
+            filterOption: filterSelectOptions,
+            showSearch: true
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Styled.HideableContainer,
+          {
+            $isHidden: watchedTypedSelector === "labels" || watchedTypedSelector === "fields",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.ResetedFormItem, { name: FIELD_NAME_STRING, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.RightSideInput, { allowClear: true, placeholder: "Name", disabled: !watchedKinds || !watchedKinds.length }) })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Styled.HideableContainer,
+          {
+            $isHidden: watchedTypedSelector === "name" || watchedTypedSelector === "fields" || watchedTypedSelector === void 0,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Styled.ResetedFormItem,
+              {
+                name: FIELD_NAME_LABELS,
+                validateTrigger: "onBlur",
+                rules: [
+                  () => ({
+                    validator(_, value) {
+                      if (Array.isArray(value) && value.every((str) => typeof str === "string" && str.includes("=") && !str.startsWith("="))) {
+                        return Promise.resolve();
+                      }
+                      return Promise.reject(new Error("Please enter key=value style"));
                     }
-                    return Promise.reject(new Error("Please enter key=value style"));
+                  })
+                ],
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Styled.RightSideSelect,
+                  {
+                    mode: "tags",
+                    allowClear: true,
+                    placeholder: "Key=Value",
+                    tokenSeparators: [",", " ", "	"],
+                    suffixIcon: null,
+                    filterOption: filterSelectOptions,
+                    tagRender,
+                    maxTagCount: "responsive",
+                    disabled: !watchedKinds || !watchedKinds.length
                   }
-                })
-              ],
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Select,
-                {
-                  mode: "tags",
-                  allowClear: true,
-                  placeholder: "Select",
-                  tokenSeparators: [",", " ", "	"],
-                  suffixIcon: null,
-                  filterOption: filterSelectOptions,
-                  tagRender
-                }
-              )
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Styled.HideableContainer,
-        {
-          $isHidden: watchedTypedSelector === "name" || watchedTypedSelector === "labels" || watchedTypedSelector === void 0,
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Form.Item,
-            {
-              name: FIELD_NAME_FIELDS,
-              label: "Fields",
-              validateTrigger: "onBlur",
-              rules: [
-                () => ({
-                  validator(_, value) {
-                    if (Array.isArray(value) && value.every((str) => typeof str === "string" && str.includes("=") && !str.startsWith("="))) {
-                      return Promise.resolve();
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Styled.HideableContainer,
+          {
+            $isHidden: watchedTypedSelector === "name" || watchedTypedSelector === "labels" || watchedTypedSelector === void 0,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Styled.ResetedFormItem,
+              {
+                name: FIELD_NAME_FIELDS,
+                validateTrigger: "onBlur",
+                rules: [
+                  () => ({
+                    validator(_, value) {
+                      if (Array.isArray(value) && value.every((str) => typeof str === "string" && str.includes("=") && !str.startsWith("="))) {
+                        return Promise.resolve();
+                      }
+                      return Promise.reject(new Error("Please enter key=value style"));
                     }
-                    return Promise.reject(new Error("Please enter key=value style"));
+                  })
+                ],
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Styled.RightSideSelect,
+                  {
+                    mode: "tags",
+                    allowClear: true,
+                    placeholder: "Key=Value",
+                    tokenSeparators: [",", " ", "	"],
+                    suffixIcon: null,
+                    filterOption: filterSelectOptions,
+                    tagRender,
+                    maxTagCount: "responsive",
+                    disabled: !watchedKinds || !watchedKinds.length
                   }
-                })
-              ],
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Select,
-                {
-                  mode: "tags",
-                  allowClear: true,
-                  placeholder: "Select",
-                  tokenSeparators: [",", " ", "	"],
-                  suffixIcon: null,
-                  filterOption: filterSelectOptions,
-                  tagRender
-                }
-              )
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, { label: "Search", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                )
+              }
+            )
+          }
+        )
+      ] })
+    ] }) }),
+    watchedKinds && watchedKinds.length || watchedName && watchedName.length || watchedLabels && watchedLabels.length || watchedFields && watchedFields.length ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled.BottomTagsHolder, { children: [
+        watchedKinds && watchedKinds.map((fullKindName) => {
+          const kind = getKindByGvr(fullKindName);
+          const abbr = getUppercase(kind && kind.length ? kind : "Loading");
+          const bgColor = kind && kind.length ? hslFromString(abbr, theme$1) : "";
+          return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Styled.CustomTag,
+            {
+              onClose: (e) => {
+                e.preventDefault();
+                removeKind(fullKindName);
+              },
+              closable: true,
+              children: [
+                kind && kind.length && bgColor.length && /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.Abbr, { $bgColor: bgColor, children: abbr }),
+                kind
+              ]
+            },
+            fullKindName
+          );
+        }),
+        watchedName && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Styled.CustomTag,
+          {
+            onClose: (e) => {
+              e.preventDefault();
+              clearName();
+            },
+            closable: true,
+            children: watchedName
+          }
+        ),
+        watchedLabels && watchedLabels.map((label) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Styled.CustomTag,
+          {
+            onClose: (e) => {
+              e.preventDefault();
+              removeLabel(label);
+            },
+            closable: true,
+            children: label
+          },
+          label
+        )),
+        watchedFields && watchedFields.map((field) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Styled.CustomTag,
+          {
+            onClose: (e) => {
+              e.preventDefault();
+              removeField(field);
+            },
+            closable: true,
+            children: field
+          },
+          field
+        ))
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled.ClearButtonHolder, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         Button,
         {
           type: "primary",
-          onClick: () => updateCurrentSearch({
-            resources: watchedKinds,
-            name: watchedName,
-            labels: watchedLabels,
-            fields: watchedFields
-          }),
-          children: "Search"
+          onClick: () => {
+            form.setFieldsValue({
+              [FIELD_NAME]: [],
+              [FIELD_NAME_STRING]: "",
+              [FIELD_NAME_LABELS]: [],
+              [FIELD_NAME_FIELDS]: [],
+              [TYPE_SELECTOR]: "name"
+              // reset selector to default
+            });
+          },
+          children: "Clear"
         }
       ) })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-      "Current: ",
-      (watchedKinds || []).join(", ")
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-      "Current name: ",
-      watchedName
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-      "Current labels: ",
-      (watchedLabels || []).join(", ")
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-      "Current fields: ",
-      (watchedFields || []).join(", ")
-    ] })
+    ] }) : void 0
   ] });
 };
 
@@ -50168,6 +50200,48 @@ const getGroupsByCategory = async ({
   return { crdGroups, nonCrdGroups, builtinGroups: filteredBuiltinData, apiExtensionVersion };
 };
 
+const parseK8sVersion = (raw) => {
+  const m = /^v(?<major>\d+)(?:(?<stage>alpha|beta)(?<stageNum>\d+)?)?$/i.exec(raw ?? "");
+  if (!m?.groups) return { rank: 0, major: -1, stageNum: -1 };
+  const stage = (m.groups.stage ?? "").toLowerCase();
+  const major = Number(m.groups.major);
+  const stageNum = m.groups.stageNum ? Number(m.groups.stageNum) : 0;
+  const rank = stage === "" ? 3 : stage === "beta" ? 2 : 1;
+  return { rank, major, stageNum };
+};
+const versionToken = (e) => e.version || (e.groupVersion?.split("/").pop() ?? "");
+const compareK8sVersionDesc = (a, b) => {
+  const pa = parseK8sVersion(versionToken(a));
+  const pb = parseK8sVersion(versionToken(b));
+  return pb.rank - pa.rank || pb.major - pa.major || pb.stageNum - pa.stageNum;
+};
+const getSortedKinds = (index) => {
+  const counts = index.items.reduce(
+    (acc, item) => ({ ...acc, [item.kind]: (acc[item.kind] ?? 0) + 1 }),
+    {}
+  );
+  const pickVersion = (versions) => versions.find((v) => v.preferred) ?? [...versions].sort(compareK8sVersionDesc)[0];
+  return index.items.map((item) => {
+    const version = pickVersion(item.versions);
+    return version ? {
+      group: item.group,
+      kind: item.kind,
+      version,
+      ...counts[item.kind] > 1 ? { notUnique: true } : {}
+    } : void 0;
+  }).filter((x) => Boolean(x)).sort(
+    (a, b) => a.kind.localeCompare(b.kind, void 0, { sensitivity: "base" }) || a.group.localeCompare(b.group, void 0, { sensitivity: "base" })
+  );
+};
+
+const namespacedByGvr = (entries) => (gvr) => {
+  const [group = "", v = "", resource = ""] = gvr.split("~", 3);
+  const norm = (s) => s.trim();
+  const kinds = entries.filter((e) => norm(e.group) === norm(group) && e.version.version === v && e.version.resource === resource).map((e) => e.version.namespaced);
+  const uniq = Array.from(new Set(kinds));
+  return uniq.length === 1 ? uniq[0] : void 0;
+};
+
 const getClusterList = async () => {
   return axios.get("/clusterlist");
 };
@@ -50336,6 +50410,11 @@ const checkIfBuiltInInstanceNamespaceScoped = async ({
   return data;
 };
 
+const getKinds = async ({ clusterName }) => {
+  const result = await axios.get(`/api/clusters/${clusterName}/openapi-bff/search/kinds/getKinds`);
+  return result.data;
+};
+
 const useClusterList = ({ refetchInterval }) => {
   return useQuery({
     queryKey: ["useClusterList"],
@@ -50589,5 +50668,5 @@ const useCrdData = ({
   });
 };
 
-export { BackToDefaultIcon, BlackholeForm, BlackholeFormDataProvider, ContentCard$1 as ContentCard, CursorDefaultDiv, CursorPointerTag, CustomSelect$4 as CustomSelect, DeleteIcon, DeleteModal, DeleteModalMany, DownIcon, DynamicComponents, DynamicRenderer, DynamicRendererWithProviders, EditIcon, EnrichedTable, EnrichedTableProvider, FlexGrow, LockedIcon, ManageableBreadcrumbs, ManageableBreadcrumbsWithDataProvider, ManageableSidebar, ManageableSidebarWithDataProvider, MarketPlace, MarketplaceCard, MinusIcon, NodeTerminal, PauseCircleIcon, PlusIcon, PodLogs, PodLogsMonaco, PodTerminal, ProjectInfoCard, ResumeCircleIcon, Search, Spacer$1 as Spacer, SuccessIcon, TreeWithSearch, UncontrolledSelect, UnlockedIcon, UpIcon, YamlEditorSingleton, checkIfApiInstanceNamespaceScoped, checkIfBuiltInInstanceNamespaceScoped, checkPermission, createContextFactory, createNewEntry, deepMerge, deleteEntry, feedbackIcons, filterIfApiInstanceNamespaceScoped, filterIfBuiltInInstanceNamespaceScoped, filterSelectOptions, floorToDecimal, getAllPathsFromObj, getApiResourceSingle, getApiResourceTypes, getApiResourceTypesByApiGroup, getApiResources, getBuiltinResourceSingle, getBuiltinResourceTypes, getBuiltinResources, getBuiltinTreeData, getClusterList, getCrdData, getCrdResourceSingle, getCrdResources, getDirectUnknownResource, getEnrichedColumns, getEnrichedColumnsWithControls, getGroupsByCategory, getKinds, getObjectFormItemsDraft, getPrefixSubarrays, getSortedKinds, getStringByName, getSwagger, groupsToTreeData, isFlatObject, normalizeValuesForQuotasToNumber, parseQuotaValue, parseQuotaValueCpu, parseQuotaValueMemoryAndStorage, prepareDataForManageableBreadcrumbs, prepareDataForManageableSidebar, prepareTemplate, prepareUrlsToFetchForDynamicRenderer, updateEntry, useApiResourceSingle, useApiResourceTypesByGroup, useApiResources, useApisResourceTypes, useBuiltinResourceSingle, useBuiltinResourceTypes, useBuiltinResources, useClusterList, useCrdData, useCrdResourceSingle, useCrdResources, useDirectUnknownResource, usePermissions };
+export { BackToDefaultIcon, BlackholeForm, BlackholeFormDataProvider, ContentCard$1 as ContentCard, CursorDefaultDiv, CursorPointerTag, CustomSelect$4 as CustomSelect, DeleteIcon, DeleteModal, DeleteModalMany, DownIcon, DynamicComponents, DynamicRenderer, DynamicRendererWithProviders, EditIcon, EnrichedTable, EnrichedTableProvider, FlexGrow, LockedIcon, ManageableBreadcrumbs, ManageableBreadcrumbsWithDataProvider, ManageableSidebar, ManageableSidebarWithDataProvider, MarketPlace, MarketplaceCard, MinusIcon, NodeTerminal, PauseCircleIcon, PlusIcon, PodLogs, PodLogsMonaco, PodTerminal, ProjectInfoCard, ResumeCircleIcon, Search, Spacer$1 as Spacer, SuccessIcon, TreeWithSearch, UncontrolledSelect, UnlockedIcon, UpIcon, YamlEditorSingleton, checkIfApiInstanceNamespaceScoped, checkIfBuiltInInstanceNamespaceScoped, checkPermission, createContextFactory, createNewEntry, deepMerge, deleteEntry, feedbackIcons, filterIfApiInstanceNamespaceScoped, filterIfBuiltInInstanceNamespaceScoped, filterSelectOptions, floorToDecimal, getAllPathsFromObj, getApiResourceSingle, getApiResourceTypes, getApiResourceTypesByApiGroup, getApiResources, getBuiltinResourceSingle, getBuiltinResourceTypes, getBuiltinResources, getBuiltinTreeData, getClusterList, getCrdData, getCrdResourceSingle, getCrdResources, getDirectUnknownResource, getEnrichedColumns, getEnrichedColumnsWithControls, getGroupsByCategory, getKinds, getObjectFormItemsDraft, getPrefixSubarrays, getSortedKinds, getStringByName, getSwagger, getUppercase, groupsToTreeData, hslFromString, isFlatObject, kindByGvr, namespacedByGvr, normalizeValuesForQuotasToNumber, parseQuotaValue, parseQuotaValueCpu, parseQuotaValueMemoryAndStorage, prepareDataForManageableBreadcrumbs, prepareDataForManageableSidebar, prepareTemplate, prepareUrlsToFetchForDynamicRenderer, updateEntry, useApiResourceSingle, useApiResourceTypesByGroup, useApiResources, useApisResourceTypes, useBuiltinResourceSingle, useBuiltinResourceTypes, useBuiltinResources, useClusterList, useCrdData, useCrdResourceSingle, useCrdResources, useDirectUnknownResource, usePermissions };
 //# sourceMappingURL=openapi-k8s-toolkit.es.js.map