callwalkietalkie 0.9.0 → 0.9.1

package/bin/callwalkietalkie.js

@@ -193,7 +193,7 @@ async function ensureMachineKey(site) {
     if (/^cwt_[a-f0-9]{48,128}$/i.test(existing)) return existing;
   }
 
-  process.stdout.write("  Minting machine key… ");
+  process.stdout.write("  Starting server… ");
   let res;
   try {
     res = await fetch(`${site}/v1/keys`, {

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "callwalkietalkie",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "Chat into cmux from your phone. Run npx callwalkietalkie.",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/nbened/longleash.git",
+    "url": "git+https://github.com/nbened/callwalkietalkie.git",
     "directory": "cli"
   },
   "homepage": "https://callwalkietalkie.com",

package/runtime/agent_ui.html

@@ -4,7 +4,7 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover">
 <meta name="apple-mobile-web-app-capable" content="yes">
-<title>Sessions — Call Walkie Talkie</title>
+<title>Sessions — WalkieTalkie</title>
 <style>
   :root {
     --bg: #ffffff;
@@ -135,6 +135,9 @@
     color: inherit;
     cursor: pointer;
   }
+  .session-icon { width: 24px; height: 24px; flex: none; margin-top: 3px; color: var(--muted); }
+  .sess.active .session-icon { color: var(--sent); }
+  .session-preview { display: block; margin-top: 4px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
   .sess.active { background: #f7fbff; }
   .sess:active { background: var(--ground); }
   .sess .dot {
@@ -576,7 +579,7 @@
   </div>
   <div id="sess-list"></div>
   <div id="sessions-foot">
-    <span class="hint">Terminals chat · browsers live-stream · <button id="restore-sessions" type="button">Restore</button></span>
+    <span class="hint">Terminals &amp; agent chats · live web previews · <button id="restore-sessions" type="button">Restore</button></span>
     <button id="leave" type="button">Disconnect</button>
   </div>
 </div>
@@ -649,6 +652,8 @@
   var holdStop = false;
   var sawBusy = false;
   var sendAt = 0;
+  var clearUntil = 0;
+  var clearTimers = [];
   var poller = null;
   var leaving = false;
   var showCmds = true;
@@ -700,15 +705,42 @@
     });
   }
 
-  function clearComposer() {
-    msg.value = "";
+  function wipeComposer() {
+    if (msg.value !== "") msg.value = "";
     msg.style.height = "auto";
+  }
+
+  function clearComposer() {
+    // Soft keyboards (esp. iOS enterkeyhint=send) often re-commit the draft
+    // after we clear. Wipe now and again for a short window.
+    clearTimers.forEach(function(id) { clearTimeout(id); });
+    clearTimers = [];
+    clearUntil = Date.now() + 400;
+    wipeComposer();
+    try { msg.setAttribute("readonly", "readonly"); } catch (e) {}
+    function finishUnlock() {
+      try { msg.removeAttribute("readonly"); } catch (e) {}
+      wipeComposer();
+    }
+    [0, 16, 50, 120, 250].forEach(function(ms) {
+      clearTimers.push(setTimeout(function() {
+        wipeComposer();
+        if (ms >= 250) finishUnlock();
+      }, ms));
+    });
     requestAnimationFrame(function() {
-      msg.value = "";
-      msg.dispatchEvent(new Event("input", { bubbles: true }));
+      wipeComposer();
+      requestAnimationFrame(wipeComposer);
     });
   }
 
+  function isReinjectedDraft() {
+    if (!pendingUser) return false;
+    if (!(sending || Date.now() < clearUntil)) return false;
+    var cur = normText((msg.value || "").replace(/\r?\n/g, ""));
+    return !!cur && cur === normText(pendingUser);
+  }
+
   function esc(s) {
     return String(s).replace(/[&<>"']/g, function(c) {
       return ({"&":"&amp;","<":"&lt;",">":"&gt;","\"":"&quot;","'":"&#39;"})[c];
@@ -990,7 +1022,7 @@
     var html = "";
     var expanded = expandMessages(known);
     if (!expanded.length && !pendingUser) {
-      html = '<div class="turn system"><div class="bubble">Say something to the agent.</div></div>';
+      html = '<div class="turn system"><div class="bubble">' + (agentName(titleText.textContent) ? 'Start a conversation. Send your first message below.' : 'Your terminal is open. Send a command or text below.') + '</div></div>';
     }
     expanded.forEach(function(m) {
       var role = m.role;
@@ -1022,6 +1054,19 @@
     sessionsMeta.className = cls || "";
   }
 
+  var sessionActivity = {};
+  function agentName(title) {
+    var match = String(title || "").match(/\b(claude|codex|aider|opencode|gemini)\b/i);
+    return match ? match[1] : "";
+  }
+  function sessionIcon(kind) {
+    var paths = kind === "browser"
+      ? '<circle cx="12" cy="12" r="9"/><ellipse cx="12" cy="12" rx="4" ry="9"/><path d="M3 12h18"/>'
+      : kind === "chat"
+      ? '<path d="M21 11a8 8 0 0 1-8 8H6l-4 3V11a9 9 0 0 1 19 0Z"/><path d="M7 10h10M7 14h6"/>'
+      : '<rect x="2" y="4" width="20" height="16" rx="3"/><path d="m6 9 3 3-3 3m7 0h5"/>';
+    return '<svg class="session-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">' + paths + '</svg>';
+  }
   function renderPicker(sessions, currentSurface) {
     lastSessions = sessions || [];
     activeKey = currentSurface;
@@ -1041,15 +1086,22 @@
       var workspace = s.workspace || s.workspace_id || "";
       var kind = s.type || "terminal";
       var isBrowser = kind === "browser";
+      var agent = !isBrowser && agentName(s.title);
+      var activity = sessionActivity[surface];
       var title = esc(s.title || surface || (isBrowser ? "browser" : "session"));
       var path = isBrowser
         ? esc(shortUrl(s.url || ""))
         : esc(shortPath(s.cwd || s.current_directory || ""));
       var key = esc(sessionKey(s));
       var active = surface === currentSurface;
-      var snip = isBrowser
-        ? (active ? "Live stream" : "Browser · tap for live view")
-        : (active ? "Open in this chat" : "Terminal · tap to chat");
+      var state = isBrowser ? (s.url ? "Live preview available" : "No page open")
+        : agent ? (!activity ? "Open to check conversation" : activity.started ? "Chat started" : "Ready to chat")
+        : "Open terminal";
+      if (agent && activity && Date.now() - activity.at < 4000) {
+        state = activity.busy ? "Working" : activity.started ? "Ready for your next message" : "Ready to chat";
+      }
+      var snip = esc(state);
+      if (agent && activity && activity.preview) snip += '<span class="session-preview">' + esc(activity.preview) + '</span>';
       return '<div class="sess-row" data-key="' + key + '">' +
         '<button type="button" class="sess-delete">Delete</button>' +
         '<button type="button" class="sess' + (active ? " active" : "") + (isBrowser ? " browser" : "") + '"' +
@@ -1059,15 +1111,15 @@
         ' data-title="' + title + '"' +
         ' data-type="' + esc(kind) + '"' +
         ' data-url="' + esc(s.url || "") + '">' +
-        '<span class="dot"></span>' +
+        sessionIcon(isBrowser ? 'browser' : agent ? 'chat' : 'terminal') +
         '<span class="body">' +
-          '<span class="top"><span class="name">' + title + '</span><span class="kind">' + (isBrowser ? "Browser" : "Terminal") + "</span></span>" +
+          '<span class="top"><span class="name">' + title + '</span><span class="kind">' + (isBrowser ? "HTTP / Web" : agent ? "Agent chat" : "Terminal") + "</span></span>" +
           '<span class="snip">' + snip + "</span>" +
           (path ? '<span class="path">' + path + "</span>" : "") +
         "</span></button></div>";
     }
     sessList.innerHTML = [
-      { type: "browser", title: "Browsers" },
+      { type: "browser", title: "Web pages" },
       { type: "terminal", title: "Terminals" }
     ].map(function(group) {
       var items = visible.filter(function(s) {
@@ -1222,8 +1274,11 @@
       }
       updateComposerMode();
       var msgs = j.messages || [];
+      var chatMessages = msgs.filter(function(m) { return m.kind !== "command" && (m.role === "user" || m.role === "assistant"); });
+      sessionActivity[activeSurface] = { started: chatMessages.length > 0, busy: !!j.busy, at: Date.now(), preview: chatMessages.length ? String(chatMessages[chatMessages.length - 1].text || "").slice(0, 120) : "" };
+      msg.placeholder = agentName(titleText.textContent) ? "Message the agent…" : "Send a command or text…";
       var sig = msgs.map(function(m) { return (m.kind||"") + ":" + m.role + ":" + m.text; }).join("\x1e");
-      if (sig !== lastSig || pendingUser || agentBusy) {
+      if (sig !== lastSig || pendingUser || agentBusy || !log.innerHTML) {
         lastSig = sig;
         render(msgs);
       }
@@ -1240,7 +1295,12 @@
   async function send() {
     var text = (msg.value || "").trim();
     // Allow queueing a follow-up while the agent is busy; only block on in-flight send/stop.
-    if (!text || sending || interrupting) return;
+    if (!text || interrupting) return;
+    if (sending) {
+      // Keyboard re-inserted the just-sent draft; don't start another send — just clear.
+      if (isReinjectedDraft()) clearComposer();
+      return;
+    }
     sending = true;
     sendBtn.disabled = true;
     pendingUser = text;
@@ -1261,6 +1321,8 @@
         setStatus(j.error || "send failed", "err");
         pendingUser = null;
         holdStop = false;
+        clearUntil = 0;
+        try { msg.removeAttribute("readonly"); } catch (e) {}
         msg.value = text;
         render(known);
       } else {
@@ -1271,6 +1333,8 @@
       setStatus("send failed", "err");
       pendingUser = null;
       holdStop = false;
+      clearUntil = 0;
+      try { msg.removeAttribute("readonly"); } catch (e2) {}
       msg.value = text;
       render(known);
     }
@@ -1355,6 +1419,11 @@
     send();
   });
   msg.addEventListener("input", function(e) {
+    if (isReinjectedDraft()) {
+      wipeComposer();
+      updateComposerMode();
+      return;
+    }
     msg.style.height = "auto";
     msg.style.height = Math.min(msg.scrollHeight, 120) + "px";
     updateComposerMode();

package/runtime/winproxy.py

@@ -411,13 +411,13 @@ _LASSO_SVG = """<svg class="lasso" width="16" height="16" viewBox="0 0 24 24" fi
   <path d="M16.2 13.8c1.6 1.4 3.4 3.8 4.6 6.4" stroke="currentColor" stroke-width="1.85" stroke-linecap="round"/>
 </svg>"""
 
-_BRAND = f'<span class="brand">{_LASSO_SVG}Call Walkie Talkie</span>'
+_BRAND = f'<span class="brand">{_LASSO_SVG}WalkieTalkie</span>'
 
 SETUP_HTML = """<!doctype html>
 <html lang="en"><head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Link your phone — Call Walkie Talkie</title>
+<title>Link your phone — WalkieTalkie</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
@@ -527,7 +527,7 @@ HANDOFF_HTML = """<!doctype html>
 <html lang="en"><head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
-<title>Phone linked — Call Walkie Talkie</title>
+<title>Phone linked — WalkieTalkie</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
@@ -548,7 +548,7 @@ STALE_HTML = """<!doctype html>
 <html lang="en"><head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Session expired — Call Walkie Talkie</title>
+<title>Session expired — WalkieTalkie</title>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
 <style>__CSS__</style>
 </head><body>