import {  WorkspaceBreadcrumb,  WorkspaceBreadcrumbItem,  WorkspaceBreadcrumbSeparator,} from "../WorkspaceBreadcrumb";import { SETTINGS_SECTION_LABELS } from "./settingsSearch"; const SETTINGS_BREADCRUMB_LABELS: Readonly<Record<string, string>> = {  ...SETTINGS_SECTION_LABELS,  "/settings/diagnostics": "Diagnostics",}; function settingsBreadcrumbLabel(pathname: string): string | null {  const normalizedPathname = pathname.replace(/\/+$/, "") || "/";  return SETTINGS_BREADCRUMB_LABELS[normalizedPathname] ?? null;} export function SettingsBreadcrumb({ pathname }: { pathname: string }) {  const sectionLabel = settingsBreadcrumbLabel(pathname);   return (    <WorkspaceBreadcrumb ariaLabel="Settings breadcrumb">      {sectionLabel ? (        <>          <WorkspaceBreadcrumbItem>Settings</WorkspaceBreadcrumbItem>          <WorkspaceBreadcrumbSeparator />        </>      ) : null}      <WorkspaceBreadcrumbItem current className="truncate">        {sectionLabel ?? "Settings"}      </WorkspaceBreadcrumbItem>    </WorkspaceBreadcrumb>  );}