重构：将 "lobster" 重命名为 "claw" 并添加国际化支持 (i18n)

components/layout/language-switcher.tsx

@@ -0,0 +1,38 @@
+"use client";
+
+import { useLocale, useTranslations } from "next-intl";
+import { useRouter, usePathname } from "@/i18n/navigation";
+import { Globe } from "lucide-react";
+import { cn } from "@/lib/utils";
+import { routing } from "@/i18n/routing";
+
+export function LanguageSwitcher() {
+  const locale = useLocale();
+  const router = useRouter();
+  const pathname = usePathname();
+  const t = useTranslations("languageSwitcher");
+
+  const switchLocale = (newLocale: string) => {
+    router.replace(pathname, { locale: newLocale });
+  };
+
+  return (
+    <div className="flex items-center gap-1 rounded-lg border border-white/5 bg-white/5 p-0.5">
+      <Globe className="mx-1 h-3 w-3 text-[var(--text-muted)]" />
+      {routing.locales.map((l) => (
+        <button
+          key={l}
+          onClick={() => switchLocale(l)}
+          className={cn(
+            "rounded-md px-2 py-1 text-xs font-medium transition-all cursor-pointer",
+            locale === l
+              ? "bg-[var(--accent-cyan)]/10 text-[var(--accent-cyan)]"
+              : "text-[var(--text-muted)] hover:text-[var(--text-secondary)]"
+          )}
+        >
+          {t(l)}
+        </button>
+      ))}
+    </div>
+  );
+}