@genkaku/dsh-user-plugin 0.1.22 → 0.1.24

package/lib/client.js

@@ -126,6 +126,9 @@ function Page() {
   const [notice, setNotice] = (0, import_react.useState)(null);
   const [busy, setBusy] = (0, import_react.useState)(null);
   const [newWorker, setNewWorker] = (0, import_react.useState)("");
+  const [exported, setExported] = (0, import_react.useState)(null);
+  const [importText, setImportText] = (0, import_react.useState)("");
+  const [showImport, setShowImport] = (0, import_react.useState)(false);
   const originRef = (0, import_react.useRef)(null);
   const models = useScrollThumb();
   const load = (0, import_react.useCallback)(async () => {
@@ -164,6 +167,7 @@ function Page() {
     });
     const doc = await res.json().catch(() => null);
     if (!res.ok) throw new Error(doc?.error?.message ?? `HTTP ${res.status}`);
+    return doc ?? {};
   }, []);
   const saveWorkers = (0, import_react.useCallback)(async (next) => {
     setBusy("workers");
@@ -195,6 +199,78 @@ function Page() {
       setBusy(null);
     }
   }, [load, post]);
+  const exportKey = (0, import_react.useCallback)(async () => {
+    setBusy("export");
+    setNotice(null);
+    try {
+      const doc = await post("/genkaku/wallet/export", { confirm: true });
+      setExported(typeof doc.privateKey === "string" ? doc.privateKey : null);
+      setNotice(t(
+        "Never share this key. Anyone who has it owns the wallet and its funds.",
+        "\u7D55\u5C0D\u4E0D\u8981\u5206\u4EAB\u9019\u628A\u79C1\u9470\u3002\u62FF\u5230\u5B83\u7684\u4EBA\u5C31\u7B49\u65BC\u64C1\u6709\u9019\u500B\u9322\u5305\u8207\u88E1\u9762\u7684\u8CC7\u91D1\u3002"
+      ));
+    } catch (e) {
+      setNotice(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(null);
+    }
+  }, [post]);
+  const importKey = (0, import_react.useCallback)(async () => {
+    if (!window.confirm(t(
+      "Importing a key replaces this profile's user wallet. The current address keeps its funds and is no longer used. Continue?",
+      "\u532F\u5165\u79C1\u9470\u6703\u53D6\u4EE3\u6B64 profile \u7684\u4F7F\u7528\u8005\u9322\u5305\u3002\u76EE\u524D\u4F4D\u5740\u88E1\u7684\u8CC7\u91D1\u4E0D\u6703\u8F49\u79FB\uFF0C\u4E14\u4E0D\u518D\u4F7F\u7528\u3002\u8981\u7E7C\u7E8C\u55CE\uFF1F"
+    ))) return;
+    setBusy("import");
+    setNotice(null);
+    try {
+      await post("/genkaku/wallet/import", { privateKey: importText.trim() });
+      setImportText("");
+      setShowImport(false);
+      setNotice(t("Wallet imported. The bridge is restarting.", "\u5DF2\u532F\u5165\u9322\u5305\uFF0Cbridge \u6B63\u5728\u91CD\u65B0\u555F\u52D5\u3002"));
+      setTimeout(() => {
+        void load();
+      }, 3e3);
+    } catch (e) {
+      setNotice(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(null);
+    }
+  }, [importText, load, post]);
+  const rotateKey = (0, import_react.useCallback)(async () => {
+    if (!window.confirm(t(
+      "Generate a fresh wallet? The old address keeps its ETH and USDC; this profile stops using it.",
+      "\u8981\u7522\u751F\u65B0\u7684\u9322\u5305\u55CE\uFF1F\u820A\u4F4D\u5740\u7684 ETH \u8207 USDC \u6703\u7559\u5728\u539F\u8655\uFF0C\u6B64 profile \u4E0D\u518D\u4F7F\u7528\u5B83\u3002"
+    ))) return;
+    setBusy("rotate");
+    setNotice(null);
+    try {
+      await post("/genkaku/wallet/new", {});
+      setExported(null);
+      setNotice(t("New wallet generated. The bridge is restarting.", "\u5DF2\u7522\u751F\u65B0\u9322\u5305\uFF0Cbridge \u6B63\u5728\u91CD\u65B0\u555F\u52D5\u3002"));
+      setTimeout(() => {
+        void load();
+      }, 3e3);
+    } catch (e) {
+      setNotice(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(null);
+    }
+  }, [load, post]);
+  const mintTestUsdc = (0, import_react.useCallback)(async () => {
+    setBusy("mint");
+    setNotice(null);
+    try {
+      const doc = await post("/genkaku/wallet/mint", { amountUsdc: "100" });
+      setNotice(t(`Minted 100 test USDC (tx ${String(doc.tx).slice(0, 12)}\u2026).`, `\u5DF2\u9818\u53D6 100 \u6E2C\u8A66 USDC\uFF08tx ${String(doc.tx).slice(0, 12)}\u2026\uFF09\u3002`));
+      setTimeout(() => {
+        void load();
+      }, 4e3);
+    } catch (e) {
+      setNotice(e instanceof Error ? e.message : String(e));
+    } finally {
+      setBusy(null);
+    }
+  }, [load, post]);
   const refreshNetwork = (0, import_react.useCallback)(async () => {
     setBusy("refresh");
     setNotice(null);
@@ -235,13 +311,20 @@ function Page() {
     const n = Number(micro);
     return Number.isFinite(n) ? `${(n / 1e6).toFixed(2)} USDC` : "\u2014";
   };
+  const noGas = (() => {
+    try {
+      return BigInt(status.balances?.eth ?? "0") === 0n;
+    } catch {
+      return true;
+    }
+  })();
   const short = (addr) => addr == null || addr.length < 12 ? addr ?? "\u2014" : `${addr.slice(0, 6)}\u2026${addr.slice(-4)}`;
   const wallets = new Set(offers.map((o) => o.offer?.workerWallet).filter((w) => typeof w === "string" && w !== ""));
   const workerCount = wallets.size > 0 ? wallets.size : (status.workers ?? []).length;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { padding: 16, maxWidth: 760 }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: `
         .gk-net-wrap { position: relative; padding-right: 12px; }
-        .gk-net-models { max-height: min(380px, 48vh); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; }
+        .gk-net-models { max-height: min(320px, 38vh); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; }
         .gk-net-models::-webkit-scrollbar { display: none; }
         .gk-net-rail { position: absolute; top: 2px; bottom: 2px; right: 2px; width: 8px; border-radius: 4px; background: rgba(127,137,153,.16); cursor: pointer; }
         .gk-net-thumb { position: absolute; left: 0; width: 8px; min-height: 16px; border-radius: 4px; background: rgba(127,137,153,.7); }
@@ -295,28 +378,82 @@ function Page() {
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: row, children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: dim, children: "Models offered" }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: offers.length })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: box, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { ...dim, fontSize: 12, textTransform: "uppercase", letterSpacing: 1 }, children: "Models on the network" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gk-net-wrap", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gk-net-models", ref: models.attach, onScroll: models.update, children: offers.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: { ...dim, marginBottom: 0 }, children: "Nothing offered yet. A worker lists its local Ollama models on start." }) : offers.map((entry, i) => {
-          const offer = entry.offer ?? {};
-          const transport = entry.addr == null ? null : status.transports?.[entry.addr];
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gk-net-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
-              offer.model ?? "model name missing",
-              offer.tier === "chat" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { ...dim, fontSize: 11, marginLeft: 8 }, children: "not for agents" }) : offer.tier != null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { ...dim, fontSize: 11, marginLeft: 8 }, children: offer.tier }) : null
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { ...dim, textAlign: "right", fontSize: 12 }, children: offer.workerName ?? "\u2014" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { textAlign: "right", fontSize: 12 }, children: [
-              price(offer.pricePerHour),
-              " ",
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: dim, children: transport === "relay" ? "\xB7 via seed VM" : transport === "direct" ? "\xB7 direct" : "" })
-            ] })
-          ] }, `${entry.addr ?? ""}:${offer.model ?? i}`);
-        }) }),
-        models.thumb != null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gk-net-rail", "aria-hidden": "true", onPointerDown: (e) => models.jump(e), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gk-net-thumb", style: { top: `${models.thumb.top}%`, height: `${models.thumb.height}%` } }) })
+      ] }),
+      noGas && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { ...dim, fontSize: 12, marginTop: 8 }, children: [
+        t(
+          "This wallet has no Base Sepolia ETH yet. Get test ETH for gas from a faucet, then mint test USDC here.",
+          "\u9019\u500B\u9322\u5305\u9084\u6C92\u6709 Base Sepolia ETH\u3002\u5148\u5230 faucet \u9818\u6E2C\u8A66 ETH \u4ED8 gas\uFF0C\u518D\u56DE\u4F86\u9818\u6E2C\u8A66 USDC\u3002"
+        ),
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: "https://www.alchemy.com/faucets/base-sepolia", target: "_blank", rel: "noreferrer", children: t("Open faucet", "\u958B\u555F faucet") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexWrap: "wrap", gap: 8, marginTop: 10 }, children: [
+        status.env === "base-sepolia" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_dsh_client_ui_primitives.Button,
+          {
+            variant: "outline",
+            size: "sm",
+            disabled: busy !== null || noGas,
+            onClick: () => {
+              void mintTestUsdc();
+            },
+            children: busy === "mint" ? t("Minting\u2026", "\u9818\u53D6\u4E2D\u2026") : t("Mint 100 test USDC", "\u9818\u53D6 100 \u6E2C\u8A66 USDC")
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", size: "sm", disabled: busy !== null, onClick: () => {
+          void exportKey();
+        }, children: busy === "export" ? t("Revealing\u2026", "\u8B80\u53D6\u4E2D\u2026") : t("Export key", "\u532F\u51FA\u79C1\u9470") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", size: "sm", disabled: busy !== null, onClick: () => setShowImport((v) => !v), children: t("Import key", "\u532F\u5165\u79C1\u9470") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", size: "sm", disabled: busy !== null, onClick: () => {
+          void rotateKey();
+        }, children: t("New wallet", "\u7522\u751F\u65B0\u9322\u5305") })
+      ] }),
+      exported != null && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginTop: 10 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { ...dim, fontSize: 12, marginBottom: 4 }, children: t("Private key \u2014 keep it offline. Testnet only.", "\u79C1\u9470\u2014\u2014\u8ACB\u96E2\u7DDA\u4FDD\u5B58\u3002\u50C5\u9650\u6E2C\u8A66\u7DB2\u3002") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", gap: 8 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Input, { readOnly: true, value: exported, onFocus: (e) => e.currentTarget.select(), "aria-label": t("Private key", "\u79C1\u9470") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_dsh_client_ui_primitives.Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: () => {
+                if (navigator.clipboard != null) {
+                  void navigator.clipboard.writeText(exported);
+                  setNotice(t("Private key copied.", "\u5DF2\u8907\u88FD\u79C1\u9470\u3002"));
+                }
+              },
+              children: t("copy", "\u8907\u88FD")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "ghost", size: "sm", onClick: () => setExported(null), children: t("hide", "\u96B1\u85CF") })
+        ] })
+      ] }),
+      showImport && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginTop: 10 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { ...dim, fontSize: 12, marginBottom: 4 }, children: t("Paste a 0x\u2026 32-byte private key", "\u8CBC\u4E0A 0x\u2026 32 byte \u79C1\u9470") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", gap: 8 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_dsh_client_ui_primitives.Input,
+            {
+              value: importText,
+              placeholder: "0x\u2026",
+              onChange: (e) => setImportText(e.target.value),
+              "aria-label": t("Private key to import", "\u8981\u532F\u5165\u7684\u79C1\u9470")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_dsh_client_ui_primitives.Button,
+            {
+              variant: "primary",
+              size: "sm",
+              disabled: busy !== null || !/^(0x)?[0-9a-fA-F]{64}$/.test(importText.trim()),
+              onClick: () => {
+                void importKey();
+              },
+              children: busy === "import" ? t("Importing\u2026", "\u532F\u5165\u4E2D\u2026") : t("Import", "\u532F\u5165")
+            }
+          )
+        ] })
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: box, children: [
@@ -393,6 +530,28 @@ function Page() {
         }, children: busy === "refresh" ? t("Refreshing\u2026", "\u91CD\u65B0\u6383\u63CF\u4E2D\u2026") : t("Refresh network", "\u91CD\u65B0\u6383\u63CF\u7DB2\u8DEF") }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { ...dim, fontSize: 12 }, children: t("Re-reads the directory and the seed now.", "\u7ACB\u5373\u91CD\u8B80\u93C8\u4E0A\u76EE\u9304\u8207 seed\u3002") })
       ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: box, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { ...dim, fontSize: 12, textTransform: "uppercase", letterSpacing: 1 }, children: "Models on the network" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gk-net-wrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gk-net-models", ref: models.attach, onScroll: models.update, children: offers.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: { ...dim, marginBottom: 0 }, children: "Nothing offered yet. A worker lists its local Ollama models on start." }) : offers.map((entry, i) => {
+          const offer = entry.offer ?? {};
+          const transport = entry.addr == null ? null : status.transports?.[entry.addr];
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gk-net-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
+              offer.model ?? "model name missing",
+              offer.tier === "chat" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { ...dim, fontSize: 11, marginLeft: 8 }, children: "not for agents" }) : offer.tier != null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { ...dim, fontSize: 11, marginLeft: 8 }, children: offer.tier }) : null
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { ...dim, textAlign: "right", fontSize: 12 }, children: offer.workerName ?? "\u2014" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { textAlign: "right", fontSize: 12 }, children: [
+              price(offer.pricePerHour),
+              " ",
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: dim, children: transport === "relay" ? "\xB7 via seed VM" : transport === "direct" ? "\xB7 direct" : "" })
+            ] })
+          ] }, `${entry.addr ?? ""}:${offer.model ?? i}`);
+        }) }),
+        models.thumb != null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gk-net-rail", "aria-hidden": "true", onPointerDown: (e) => models.jump(e), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gk-net-thumb", style: { top: `${models.thumb.top}%`, height: `${models.thumb.height}%` } }) })
+      ] })
     ] })
   ] });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@genkaku/dsh-user-plugin",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "description": "Buy peer-to-peer inference from the GenKaKu network",
   "license": "MIT",
   "type": "module",
@@ -39,8 +39,8 @@
   },
   "dependencies": {
     "@deepseek-ai/dsh-llm": "0.2.2-rc.1",
-    "@genkaku/dsh-runtime": "0.1.22",
-    "@genkaku/protocol": "0.1.15"
+    "@genkaku/dsh-runtime": "0.1.23",
+    "@genkaku/protocol": "0.1.16"
   },
   "peerDependencies": {
     "@deepseek-ai/cordis": "^4.1.0",