@hydra-acp/browser 0.1.8 → 0.1.9

package/dist/ui/index.html

@@ -10517,6 +10517,25 @@ pre code { background: transparent; padding: 0; }
     if (!state.current) return;
     state.current.log.push(item);
   }
+  function isWaitingQueuedBubble(item) {
+    if (item.kind !== "stream" || item.role !== "user" || !item.queueEntry) {
+      return false;
+    }
+    const s = item.queueEntry.status;
+    return s === "queued" || s === "editing";
+  }
+  function queuedBoundary() {
+    if (!state.current) return 0;
+    const log = state.current.log;
+    for (let i = 0; i < log.length; i++) {
+      if (isWaitingQueuedBubble(log[i])) return i;
+    }
+    return log.length;
+  }
+  function insertAboveQueued(item) {
+    if (!state.current) return;
+    state.current.log.splice(queuedBoundary(), 0, item);
+  }
   function markActive() {
     if (!state.current) return;
     state.current.inTurn = true;
@@ -10537,9 +10556,11 @@ pre code { background: transparent; padding: 0; }
     if (!state.current) return;
     const text = contentToText(content);
     if (!text) return;
+    const log = state.current.log;
+    const boundary = queuedBoundary();
     let last;
-    for (let i = state.current.log.length - 1; i >= 0; i--) {
-      const e = state.current.log[i];
+    for (let i = boundary - 1; i >= 0; i--) {
+      const e = log[i];
       if (e.kind !== "spinner") {
         last = e;
         break;
@@ -10549,13 +10570,13 @@ pre code { background: transparent; padding: 0; }
       last.text += text;
       return;
     }
-    state.current.log.push({ kind: "stream", role, text });
+    log.splice(boundary, 0, { kind: "stream", role, text });
   }
   function closeOpenStream() {
     if (!state.current) return;
     for (let i = state.current.log.length - 1; i >= 0; i--) {
       const e = state.current.log[i];
-      if (e.kind === "stream") {
+      if (e.kind === "stream" && !e.closed) {
         e.closed = true;
         return;
       }
@@ -10596,12 +10617,12 @@ pre code { background: transparent; padding: 0; }
     const c2 = state.current;
     if (c2.spinner) {
       if (!c2.log.some((e) => e.kind === "spinner")) {
-        c2.log.push({ kind: "spinner", spinner: c2.spinner });
+        insertAboveQueued({ kind: "spinner", spinner: c2.spinner });
       }
       return;
     }
     c2.spinner = { toolCallIds: [], expanded: false };
-    c2.log.push({ kind: "spinner", spinner: c2.spinner });
+    insertAboveQueued({ kind: "spinner", spinner: c2.spinner });
   }
   function onToolCall(update) {
     if (!state.current) return;
@@ -10636,6 +10657,11 @@ pre code { background: transparent; padding: 0; }
     state.current.spinner = null;
     state.current.log = state.current.log.filter((e) => e.kind !== "spinner");
     closeOpenStream();
+    for (const entry of state.current.promptQueue) {
+      if (entry.status === "processing") {
+        entry.status = "done";
+      }
+    }
     state.current.currentPlanEntry = null;
     markIdleAndDrain();
   }
@@ -10652,7 +10678,7 @@ pre code { background: transparent; padding: 0; }
       return;
     }
     closeOpenStream();
-    state.current.log.push({
+    insertAboveQueued({
       kind: "stream",
       role: "user",
       text,
@@ -10713,6 +10739,7 @@ pre code { background: transparent; padding: 0; }
       unbound.messageId = messageId;
       state.current.queueByMessageId.set(messageId, unbound);
       const position2 = typeof params.position === "number" ? params.position : 1;
+      unbound.aheadAtEnqueue = Math.max(0, position2);
       if (position2 === 0) {
         unbound.status = "processing";
       } else if (unbound.status === "pending") {
@@ -10744,13 +10771,18 @@ pre code { background: transparent; padding: 0; }
     };
     state.current.queueByMessageId.set(messageId, entry);
     closeOpenStream();
-    state.current.log.push({
+    const peerBubble = {
       kind: "stream",
       role: "user",
       text,
       closed: true,
       queueEntry: entry
-    });
+    };
+    if (position === 0) {
+      insertAboveQueued(peerBubble);
+    } else {
+      state.current.log.push(peerBubble);
+    }
   }
   function onPromptQueueUpdated(params) {
     if (!state.current) return;
@@ -10800,7 +10832,7 @@ pre code { background: transparent; padding: 0; }
       return;
     }
     const item = { kind: "plan", entries };
-    state.current.log.push(item);
+    insertAboveQueued(item);
     state.current.currentPlanEntry = item;
   }
   function onPermissionResolved(update) {
@@ -10986,7 +11018,11 @@ pre code { background: transparent; padding: 0; }
       render();
       return;
     }
-    const ahead = c2.promptQueue.length + (c2.inTurn ? 1 : 0);
+    const ownActive = c2.promptQueue.filter(
+      (e) => e.status === "queued" || e.status === "pending" || e.status === "processing"
+    ).length;
+    const peerInFlight = c2.inTurn && !c2.promptQueue.some((e) => e.status === "processing");
+    const ahead = ownActive + (peerInFlight ? 1 : 0);
     const entry = {
       id: "p_" + Math.random().toString(36).slice(2, 10),
       text,
@@ -11016,9 +11052,21 @@ pre code { background: transparent; padding: 0; }
       c2.ownPromptIds.add(String(promptId));
     }
     ensureSpinner();
+    pushHistory(c2, text);
     c2.composerValue = "";
     render();
   }
+  var HISTORY_MAX = 100;
+  function pushHistory(c2, text) {
+    if (c2.history[0] !== text) {
+      c2.history.unshift(text);
+      if (c2.history.length > HISTORY_MAX) {
+        c2.history.length = HISTORY_MAX;
+      }
+    }
+    c2.historyIndex = null;
+    c2.historyDraft = null;
+  }
   function cancelQueuedPrompt(entry) {
     const c2 = state.current;
     if (!c2) return;
@@ -11263,6 +11311,9 @@ pre code { background: transparent; padding: 0; }
       composerValue: "",
       busy: false,
       recentOwnPrompts: [],
+      history: [],
+      historyIndex: null,
+      historyDraft: null,
       _lastMetaFp: session ? `${session.title}|${session.cwd}|${session.agentId}` : "",
       promptQueue: [],
       queueByMessageId: /* @__PURE__ */ new Map(),
@@ -11932,21 +11983,52 @@ Replace it? (Any live attach will be closed.)`
     for (const item of c2.log) {
       body.appendChild(renderLogItem(item));
     }
+    const autosize = (t) => {
+      t.style.height = "auto";
+      t.style.height = t.scrollHeight + "px";
+    };
+    const setComposer = (t, text) => {
+      t.value = text;
+      c2.composerValue = text;
+      autosize(t);
+      t.setSelectionRange(text.length, text.length);
+    };
     const composerOnKey = (e) => {
-      if (e.key !== "Enter" || e.isComposing) return;
+      if (e.isComposing) return;
+      const t = e.target;
+      if (e.key === "ArrowUp" && !e.shiftKey && !e.altKey && !e.ctrlKey && !e.metaKey && t.selectionStart === 0 && t.selectionEnd === 0 && c2.history.length > 0) {
+        const nextIdx = c2.historyIndex === null ? 0 : Math.min(c2.history.length - 1, c2.historyIndex + 1);
+        if (c2.historyIndex === null) {
+          c2.historyDraft = c2.composerValue;
+        }
+        c2.historyIndex = nextIdx;
+        e.preventDefault();
+        setComposer(t, c2.history[nextIdx]);
+        return;
+      }
+      if (e.key === "ArrowDown" && !e.shiftKey && !e.altKey && !e.ctrlKey && !e.metaKey && t.selectionStart === t.value.length && t.selectionEnd === t.value.length && c2.historyIndex !== null) {
+        e.preventDefault();
+        if (c2.historyIndex > 0) {
+          c2.historyIndex -= 1;
+          setComposer(t, c2.history[c2.historyIndex]);
+        } else {
+          const draft = c2.historyDraft ?? "";
+          c2.historyIndex = null;
+          c2.historyDraft = null;
+          setComposer(t, draft);
+        }
+        return;
+      }
+      if (e.key !== "Enter") return;
       if (e.shiftKey) return;
       if (e.altKey || e.ctrlKey || e.metaKey) {
         e.preventDefault();
-        insertAtCaret(e.target, "\n");
+        insertAtCaret(t, "\n");
         return;
       }
       e.preventDefault();
       sendPrompt();
     };
-    const autosize = (t) => {
-      t.style.height = "auto";
-      t.style.height = t.scrollHeight + "px";
-    };
     const textarea = el(
       "textarea",
       {
@@ -11957,6 +12039,10 @@ Replace it? (Any live attach will be closed.)`
         oninput: (e) => {
           const t = e.target;
           c2.composerValue = t.value;
+          if (c2.historyIndex !== null) {
+            c2.historyIndex = null;
+            c2.historyDraft = null;
+          }
           autosize(t);
         }
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hydra-acp/browser",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Browser-based UI for hydra-acp sessions.",
   "license": "MIT",
   "type": "module",