"use client"; import dynamic from "next/dynamic"; import { useSearchParams } from "next/navigation"; const SettingsSwitcher = dynamic( () => import("@/components/portal/SettingsSwitcher"), { ssr: false } ); function DetailsFrame({ src }: { src: string }) { return ( ); } export default function LaserSettingsClient() { const search = useSearchParams(); const t = (search.get("t") || "fiber").toLowerCase(); const id = search.get("id"); // map tab -> canonical detail route const detailSrc = !id ? null : t === "fiber" ? `/settings/fiber/${id}` : t === "uv" ? `/settings/uv/${id}` : t === "co2-galvo" ? `/settings/co2-galvo/${id}` : t === "co2-gantry" ? `/settings/co2-gantry/${id}` : null; return (