feat: add HTTP entry link and fix frontend build

frontend/src/components/app-nav.tsx

@@ -101,6 +101,8 @@ export function AppNav() {
   const pathname = usePathname();
   const router = useRouter();
   const { theme, setTheme, language, setLanguage, themes, t } = useUiPreferences();
+  const directHttpAccessUrl =
+    process.env.NEXT_PUBLIC_HTTP_ENTRY_URL?.trim() || "http://8.211.173.24:7888/";
 
   const [hasToken, setHasToken] = useState<boolean>(() => Boolean(readToken()));
   const [isAdmin, setIsAdmin] = useState(false);
@@ -384,6 +386,15 @@ export function AppNav() {
               <option value="zh">{t("prefs.lang.zh")}</option>
             </select>
           </label>
+          <a
+            href={directHttpAccessUrl}
+            target="_blank"
+            rel="noreferrer"
+            className="rounded-md border px-2 py-1 text-xs hover:bg-zinc-100 sm:text-sm"
+            title={directHttpAccessUrl}
+          >
+            {t("nav.link.http_ip_port")}
+          </a>
           <span className={hasToken ? "text-emerald-700" : "text-zinc-500"}>
             {hasToken ? t("nav.logged_in") : t("nav.logged_out")}
           </span>