@decentnetwork/lan 0.1.92 → 0.1.93

package/dist/ui/desktop/app.js

@@ -501,13 +501,30 @@ const __TWEAKS_STYLE = `
   .twk-chip svg{position:absolute;top:6px;left:6px;width:13px;height:13px;
     filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}
 `;
+const TWEAKS_STORAGE_KEY = "decentlan.tweaks";
 function useTweaks(defaults) {
-  const [values, setValues] = React.useState(defaults);
+  const [values, setValues] = React.useState(() => {
+    try {
+      const saved = JSON.parse(localStorage.getItem(TWEAKS_STORAGE_KEY) || "{}");
+      return { ...defaults, ...saved };
+    } catch (e) {
+      return defaults;
+    }
+  });
   const setTweak = React.useCallback((keyOrEdits, val) => {
     const edits = typeof keyOrEdits === "object" && keyOrEdits !== null ? keyOrEdits : { [keyOrEdits]: val };
-    setValues((prev) => ({ ...prev, ...edits }));
-    window.parent.postMessage({ type: "__edit_mode_set_keys", edits }, "*");
-    window.dispatchEvent(new CustomEvent("tweakchange", { detail: edits }));
+    setValues((prev) => {
+      const next = { ...prev, ...edits };
+      try {
+        localStorage.setItem(TWEAKS_STORAGE_KEY, JSON.stringify(next));
+      } catch (e) {
+      }
+      return next;
+    });
+    try {
+      window.dispatchEvent(new CustomEvent("tweakchange", { detail: edits }));
+    } catch (e) {
+    }
   }, []);
   return [values, setTweak];
 }
@@ -576,7 +593,23 @@ function TweaksPanel({ title = "Tweaks", children }) {
     window.addEventListener("mousemove", move);
     window.addEventListener("mouseup", up);
   };
-  if (!open) return null;
+  if (!open) return /* @__PURE__ */ React.createElement("button", { onClick: () => setOpen(true), title, "aria-label": title, style: {
+    position: "fixed",
+    right: 16,
+    bottom: 16,
+    zIndex: 2147483646,
+    width: 40,
+    height: 40,
+    borderRadius: 11,
+    cursor: "pointer",
+    background: "var(--panel-2)",
+    border: "1px solid var(--line)",
+    color: "var(--dim)",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    boxShadow: "0 6px 20px rgba(0,0,0,0.28)"
+  } }, /* @__PURE__ */ React.createElement(Icon, { name: "sliders", size: 18, stroke: 1.9 }));
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("style", null, __TWEAKS_STYLE), /* @__PURE__ */ React.createElement(
     "div",
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decentnetwork/lan",
-  "version": "0.1.92",
+  "version": "0.1.93",
   "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",