@decentnetwork/lan 0.1.254 → 0.1.255

package/dist/ui/desktop/app.js

@@ -1,4 +1,4 @@
-window.__DK_UI_VERSION="0.1.254";
+window.__DK_UI_VERSION="0.1.255";
 const ICON_PATHS = {
   // ---- tab bar (the four must feel like one set) ----
   users: '<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>',
@@ -2688,6 +2688,7 @@ function CallOverlay({ T, ctl, peers }) {
       { key: "local", stream: ctl.localStream, label: ctl.sharing ? T && T.yourScreen || "Your screen" : T && T.you || "You", mirror: !ctl.sharing }
     ].filter((t) => streamHasVideo(t.stream));
     const feat = tiles.find((t) => t.key === featured) || tiles[0] || { key: "remote", stream: ctl.remoteStream, label: name };
+    const others = tiles.filter((t) => t.key !== feat.key);
     return (
       // The thumbnail strip and the controls FLOAT over the video instead of
       // stacking under it. A phone camera is 9:16, so the featured tile is
@@ -2708,11 +2709,12 @@ function CallOverlay({ T, ctl, peers }) {
         gap: 12,
         background: "linear-gradient(to top, rgba(0,0,0,.65), rgba(0,0,0,0))",
         pointerEvents: "none"
-      } }, tiles.length > 0 && /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: 12, justifyContent: "center", flexWrap: "wrap", pointerEvents: "auto" } }, tiles.map((t) => /* @__PURE__ */ React.createElement(
+      } }, others.length > 0 && /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: 12, justifyContent: "center", flexWrap: "wrap", pointerEvents: "auto" } }, others.map((t) => /* @__PURE__ */ React.createElement(
         "button",
         {
           key: t.key,
           onClick: () => setFeatured(t.key),
+          title: `Show ${t.label}`,
           style: {
             position: "relative",
             width: 150,
@@ -2722,7 +2724,7 @@ function CallOverlay({ T, ctl, peers }) {
             background: "#000",
             cursor: "pointer",
             padding: 0,
-            border: feat.key === t.key ? "2px solid var(--accent)" : "1px solid var(--line)"
+            border: "1px solid var(--line)"
           }
         },
         /* @__PURE__ */ React.createElement(VideoSurface, { stream: t.stream, muted: true, style: { width: "100%", height: "100%", objectFit: "contain", transform: t.mirror ? "scaleX(-1)" : "none" } }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decentnetwork/lan",
-  "version": "0.1.254",
+  "version": "0.1.255",
   "description": "Private virtual LAN for self-hosted services and AI agents, built on Elastos Carrier. NAT-traversal, name service, ACL, all over a peer-to-peer mesh — no public IP required.",
   "type": "module",
   "main": "./dist/index.js",