@decentnetwork/beagle-ui 0.2.23 → 0.2.24

package/dist/beagle-ui.js

@@ -1,4 +1,4 @@
-export const BEAGLE_UI_VERSION = "0.2.23";
+export const BEAGLE_UI_VERSION = "0.2.24";
 // src/icons.jsx
 var ICON_PATHS = {
   // ---- tab bar (the four must feel like one set) ----
@@ -877,6 +877,12 @@ var service_peers_default = {
       kind: "node",
       role: "server"
     },
+    {
+      userid: "5SxEBHAx49Hknq1VzrA1HDtZHjW31vetX3iMEi4P6pK3",
+      name: "gfax118",
+      kind: "node",
+      role: "server"
+    },
     {
       userid: "72a4A7awtn6BqZnBt3eNhZH9MdYXRkM6Ht5HG2sqoiKR",
       name: "nv4090-wsl",
@@ -1391,6 +1397,8 @@ ${cands.map((c) => `- ${nameOf(c)}`).join("\n")}`;
 }
 
 // src/chat.jsx
+var DK_CMD_HIST_KEY = "beagle.assistant.history";
+var DK_CMD_HIST_MAX = 50;
 function RequestsBlock({ T, requests, onAct }) {
   const [acted, setActed] = React.useState({});
   const [failed, setFailed] = React.useState({});
@@ -2792,6 +2800,59 @@ function Conversation({ T, peer, lang, peers, onOpenChat, thread: threadProp, on
     setSelMode(false);
   };
   const [draft, setDraft] = React.useState("");
+  const [hist, setHist] = React.useState([]);
+  const histIdx = React.useRef(null);
+  const histStash = React.useRef("");
+  React.useEffect(() => {
+    histIdx.current = null;
+    histStash.current = "";
+    if (!peer.app) {
+      setHist([]);
+      return;
+    }
+    try {
+      setHist(JSON.parse(localStorage.getItem(DK_CMD_HIST_KEY) || "[]"));
+    } catch (e) {
+      setHist([]);
+    }
+  }, [peer.id, peer.app]);
+  const rememberCommand = (text) => {
+    setHist((h) => {
+      const next = (h[h.length - 1] === text ? h : h.concat(text)).slice(-DK_CMD_HIST_MAX);
+      if (peer.app) {
+        try {
+          localStorage.setItem(DK_CMD_HIST_KEY, JSON.stringify(next));
+        } catch (e) {
+        }
+      }
+      return next;
+    });
+    histIdx.current = null;
+    histStash.current = "";
+  };
+  const walkHistory = (dir) => {
+    if (!hist.length)
+      return false;
+    let i = histIdx.current;
+    if (i === null) {
+      if (dir > 0)
+        return false;
+      histStash.current = draft;
+      i = hist.length - 1;
+    } else {
+      i += dir;
+      if (i >= hist.length) {
+        histIdx.current = null;
+        setDraft(histStash.current);
+        return true;
+      }
+      if (i < 0)
+        i = 0;
+    }
+    histIdx.current = i;
+    setDraft(hist[i]);
+    return true;
+  };
   const [dragOver, setDragOver] = React.useState(false);
   const [sending, setSending] = React.useState(null);
   const [theater, setTheater] = React.useState(null);
@@ -2814,6 +2875,7 @@ function Conversation({ T, peer, lang, peers, onOpenChat, thread: threadProp, on
   const sendDraft = () => {
     if (draft.trim()) {
       followScrollRef.current = true;
+      rememberCommand(draft.trim());
       onSend(draft);
       setDraft("");
       requestAnimationFrame(scrollToBottom);
@@ -2999,11 +3061,19 @@ ${peer.address}`
       "input",
       {
         value: draft,
-        onChange: (e) => setDraft(e.target.value),
+        onChange: (e) => {
+          histIdx.current = null;
+          setDraft(e.target.value);
+        },
         onKeyDown: (e) => {
           if (e.key === "Enter" && !e.shiftKey) {
             e.preventDefault();
             sendDraft();
+            return;
+          }
+          if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+            if (walkHistory(e.key === "ArrowUp" ? -1 : 1))
+              e.preventDefault();
           }
         },
         placeholder: phone ? `${T.message}\u2026` : `${T.message} ${peer.alias || shortKey(peer.userId, 6, 4)}\u2026`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decentnetwork/beagle-ui",
-  "version": "0.2.23",
+  "version": "0.2.24",
   "description": "The Beagle chat UI, minus the machine it runs on — shared by the desktop install and the browser build.",
   "license": "MIT",
   "type": "module",