1  import { Typography } from "@/components/NouiTypography";
 2  import { useSidebarStatus } from "@/hooks/useSidebarStatus";
 3  import { cn } from "@/lib/utils";
 4  import { useI18n } from "@/i18n";
 5  
 6  export function SidebarFooter() {
 7    const status = useSidebarStatus();
 8    const { t } = useI18n();
 9  
10    return (
11      <div
12        className={cn(
13          "flex shrink-0 items-center justify-between gap-2",
14          "px-5 py-2.5",
15          "border-t border-current/10",
16        )}
17      >
18        <Typography
19          mondwest
20          className="font-mono-ui text-[0.7rem] tabular-nums tracking-[0.1em] text-muted-foreground/70 lowercase"
21        >
22          {status?.version != null ? `v${status.version}` : "—"}
23        </Typography>
24  
25        <a
26          href="https://nousresearch.com"
27          target="_blank"
28          rel="noopener noreferrer"
29          className={cn(
30            "font-mondwest text-[0.65rem] tracking-[0.15em] text-midground",
31            "transition-opacity hover:opacity-90",
32            "focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-midground/40",
33          )}
34          style={{ mixBlendMode: "plus-lighter" }}
35        >
36          {t.app.footer.org}
37        </a>
38      </div>
39    );
40  }