s

d2ypp2/web-console/components/live-product/LiveYoutubeUnmannedView.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Ban, Loader2, MonitorPlay, Plus, Radio, RefreshCw, Trash2 } from "lucide-react";
+import { Ban, ExternalLink, Loader2, MonitorPlay, Plus, Radio, RefreshCw, Trash2 } from "lucide-react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 
 import {
@@ -1493,6 +1493,23 @@ export function LiveYoutubeUnmannedView({
                           t={t}
                           compact
                         />
+                        {laneNeko ? (
+                          <button
+                            type="button"
+                            onClick={() => {
+                              window.open(normalizeBrowserReachableHttpUrl(laneNeko.url), "_blank", "noopener,noreferrer");
+                            }}
+                            className="inline-flex min-h-[2rem] items-center justify-center rounded-lg border border-emerald-500/25 bg-emerald-500/10 px-2.5 py-1.5 text-emerald-100 ring-1 ring-emerald-500/20 transition hover:bg-emerald-500/20"
+                            title={`${t("打开该线路 Neko 工作室", "Open this lane's Neko studio")} · ${laneNeko.label}${laneNeko.port ? ` :${laneNeko.port}` : ""}`}
+                            aria-label={`${t("打开该线路 Neko 工作室", "Open this lane's Neko studio")} · ${laneNeko.label}`}
+                          >
+                            <span className="sr-only">{t("打开该线路 Neko 工作室", "Open this lane's Neko studio")}</span>
+                            <span aria-hidden className="text-sm leading-none">
+                              🐱
+                            </span>
+                            <ExternalLink className="ml-1 h-3.5 w-3.5 shrink-0" aria-hidden />
+                          </button>
+                        ) : null}
                       </div>
                     </div>
                   );