fix(gui): clear react-doctor warnings on dense workspaces

Author: Wibias

gui/src/components/storage-workspace/StorageWorkspace.tsx

@@ -70,7 +70,7 @@ export default function StorageWorkspace({ report, locale }: StorageWorkspacePro
   const [selectedKey, setSelectedKey] = useState<string | null>(null);
 
   const sortedBuckets = useMemo(
-    () => [...report.buckets].sort((a, b) => b.bytes - a.bytes),
+    () => report.buckets.toSorted((a, b) => b.bytes - a.bytes),
     [report.buckets],
   );
   const selected = sortedBuckets.find(b => b.key === selectedKey) ?? null;

gui/src/pages/api-keys-panels.tsx

@@ -21,7 +21,6 @@ function EndpointUrl({ url }: { url: string }) {
       hintKey="api.copyUrlHint"
       copiedKey="api.urlCopied"
       className="api-endpoint-url-btn"
-      as="button"
     >
       <code className="api-code api-code-inline api-endpoint-url">{url}</code>
     </CopyOnClickTip>
@@ -33,15 +32,12 @@ function CopyOnClickTip({
   hintKey,
   copiedKey,
   className,
-  as = "button",
   children,
 }: {
   text: string;
   hintKey: "api.copyUrlHint" | "api.copyExampleHint";
   copiedKey: "api.urlCopied" | "api.exampleCopied";
   className: string;
-  /** `div` for flow children like <pre> (invalid inside <button>). */
-  as?: "button" | "div";
   children: ReactNode;
 }) {
   const { t } = useI18n();
@@ -127,26 +123,11 @@ function CopyOnClickTip({
     },
     onKeyDown: (event: { key: string; preventDefault: () => void }) => {
       if (event.key === "Escape") closeTip();
-      if (as === "div" && (event.key === "Enter" || event.key === " ")) {
-        event.preventDefault();
-        void copyText();
-      }
     },
     "aria-label": t(hintKey),
     "aria-describedby": showTip ? tipId : undefined,
   };
 
-  if (as === "div") {
-    return (
-      <>
-        <div {...shared} role="button" tabIndex={0}>
-          {children}
-        </div>
-        {tip}
-      </>
-    );
-  }
-
   return (
     <>
       <button type="button" {...shared}>
@@ -164,9 +145,8 @@ function CopyableExample({ text }: { text: string }) {
       hintKey="api.copyExampleHint"
       copiedKey="api.exampleCopied"
       className="api-example-copy-btn"
-      as="div"
     >
-      <pre className="api-code api-example-pre">{text}</pre>
+      <code className="api-code api-example-pre">{text}</code>
     </CopyOnClickTip>
   );
 }

gui/src/pages/models-shared.ts

@@ -65,8 +65,6 @@ export const THREAD_OPTION_SET = new Set(THREAD_OPTIONS);
 export const PAGE = 60; // rows rendered per provider before a "show more"
 
 export const COLLAPSED_KEY_V2 = "ocx-models-collapsed:v2";
-export const COLLAPSED_KEY_V1 = "ocx-models-collapsed:v1";
-export const COLLAPSED_KEY_LEGACY = "ocx-models-collapsed";
 export const COMBOS_OPEN_KEY_V1 = "ocx-models-combos-open:v1";
 export const COMBOS_OPEN_KEY_LEGACY = "ocx-models-combos-open";