workpeg 0.96.2__tar.gz → 0.96.4__tar.gz

{workpeg-0.96.2/src/workpeg.egg-info → workpeg-0.96.4}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: workpeg
-Version: 0.96.2
+Version: 0.96.4
 Summary: Workpeg function runtime and SDK
 Author-email: Workpeg <support@workpeg.com>
 License: MIT

{workpeg-0.96.2 → workpeg-0.96.4}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "workpeg"
-version = "0.96.2"
+version = "0.96.4"
 description = "Workpeg function runtime and SDK"
 readme = "README.md"
 requires-python = ">=3.10"

{workpeg-0.96.2 → workpeg-0.96.4}/src/workpeg/ui/runtime/ai.js

@@ -1091,6 +1091,81 @@
   }
 
   // ── composer (shared by landing + bottom bar) ──────────────────────────
+  // ── composer message history — ↑/↓ recall the user's past messages ───────
+  // The user's own messages in this conversation, oldest → newest: the recall
+  // history the composer's ↑/↓ walk (like a shell prompt's up-arrow).
+  function userHistory() {
+    var out = [];
+    for (var i = 0; i < S.messages.length; i++) {
+      var m = S.messages[i];
+      if (m && !m.is_agent_response && String(m.content || "").length) {
+        out.push(String(m.content));
+      }
+    }
+    return out;
+  }
+
+  // Step a history: dir -1 = older, +1 = newer. idx === hist.length is the live
+  // draft (past the newest). Returns the new index and the text to show. Pure.
+  function stepHistory(hist, idx, dir, draft) {
+    var next = idx + dir;
+    if (next < 0) return { idx: 0, text: hist[0] };
+    if (next >= hist.length) return { idx: hist.length, text: draft };
+    return { idx: next, text: hist[next] };
+  }
+
+  // Whether the collapsed caret sits on the composer's first / last visual line
+  // — so ↑/↓ recall history only at the edges and otherwise move the caret
+  // within a multi-line message. Fails open (both edges) with no live
+  // selection/layout (e.g. tests).
+  function caretEdges(input) {
+    try {
+      var sel = window.getSelection();
+      var r = sel && sel.rangeCount ? sel.getRangeAt(0) : null;
+      if (!r) return { first: true, last: true };
+      if (!r.collapsed) return { first: false, last: false };
+      var cr = r.getBoundingClientRect();
+      var br = input.getBoundingClientRect();
+      if (!cr || (!cr.top && !cr.bottom && !cr.height)) {
+        return { first: true, last: true };
+      }
+      var line = cr.height || 20;
+      return {
+        first: cr.top - br.top < line * 0.75,
+        last: br.bottom - cr.bottom < line * 0.75
+      };
+    } catch (e) { return { first: true, last: true }; }
+  }
+
+  function setComposerText(input, text) {
+    input.innerText = text || "";
+    input.focus();
+    placeCaretEnd(input);
+  }
+
+  // ↑/↓ handler: walk the user's past messages, saving the in-progress draft so
+  // stepping past the newest restores it. Guarded by caretEdges so multi-line
+  // editing still moves the caret line by line.
+  function recallHistory(input, e) {
+    var dir = e.key === "ArrowUp" ? -1 : 1;
+    var edge = caretEdges(input);
+    if (dir < 0 && !edge.first) return;
+    if (dir > 0 && !edge.last) return;
+    var hist = userHistory();
+    if (!hist.length) return;
+    var idx = input._histIdx;
+    if (idx == null) {
+      if (dir > 0) return;              // ↓ with nothing recalled → default
+      input._histDraft = input.innerText || "";
+      idx = hist.length;               // start at the draft, one past the newest
+    }
+    var step = stepHistory(hist, idx, dir, input._histDraft || "");
+    if (e.preventDefault) e.preventDefault();
+    if (step.idx === idx) return;      // already at the oldest — no-op
+    input._histIdx = step.idx >= hist.length ? null : step.idx;
+    setComposerText(input, step.text);
+  }
+
   function buildComposer(placeholder) {
     var input = el("div", "chat-input", {
       attrs: { contenteditable: "true", "data-placeholder": placeholder,
@@ -1100,8 +1175,12 @@
       if (e.key === "Enter" && !e.shiftKey) {
         e.preventDefault();
         submitFromInput(input);
+      } else if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+        recallHistory(input, e);
       }
     });
+    // Typing exits history-recall (what's in the box becomes the new draft).
+    input.addEventListener("input", function () { input._histIdx = null; });
     enableComposerMarkdown(input);
 
     // Buttons use the SHARED pegment .btn system (so the AI surface and the SDK
@@ -1170,6 +1249,7 @@
     var text = (input.innerText || "").trim();
     if (!text || S.sending) return;
     input.innerHTML = "";
+    input._histIdx = null;      // the sent message becomes the newest history
     send(text);
   }
 

{workpeg-0.96.2 → workpeg-0.96.4}/src/workpeg/ui/runtime/scaffold.js

@@ -320,6 +320,27 @@
     });
   }
 
+  // Fade a scrollable list's bottom edge while it overflows (a "more below"
+  // hint), lifting the fade once scrolled to the end — the .has-overflow /
+  // .at-bottom classes the STYLES rules key off. The first check runs after
+  // the next frame, so it measures once the popup is in the DOM.
+  function attachListFade(list) {
+    function update() {
+      var overflow = list.scrollHeight > list.clientHeight + 1;
+      list.classList.toggle("has-overflow", overflow);
+      var atBottom =
+        list.scrollTop + list.clientHeight >= list.scrollHeight - 1;
+      list.classList.toggle("at-bottom", atBottom);
+    }
+    list.addEventListener("scroll", update);
+    if (typeof requestAnimationFrame === "function") {
+      requestAnimationFrame(update);
+    } else {
+      setTimeout(update, 0);
+    }
+    return update;
+  }
+
   // ── the business switcher (rail foot) ────────────────────────────────────
   function avatarEl(size, email, initials) {
     var box = el("span", "wps-avatar", { attrs: { role: "img" } });
@@ -374,11 +395,65 @@
         (opts.chevron ? el("span", "wps-dd-chevron", { children: [
           icon("chevron-right", 14, "thin")] }) : null)
       ],
-      on: { click: function () { closePanel(); } }
+      on: { click: function (e) {
+        closePanel();
+        // An action row (e.g. Log out) supersedes its href: preventDefault so
+        // neither the browser nor the runtime's link router navigates the
+        // fallback href, then run the handler.
+        if (opts.onClick) {
+          if (e && e.preventDefault) e.preventDefault();
+          opts.onClick(e);
+        }
+      } }
     });
     return row;
   }
 
+  // Log out — mirrors space's handlelogOut: DELETE the token (the server drops
+  // the HttpOnly access/refresh cookies), wipe the readable auth cookies, then
+  // bounce to the accounts login (the same redirect the auth gate uses). A
+  // direct credentialed fetch — the workpeg.* client's allowlist (tables /
+  // rows / CDN) intentionally won't reach /users/token/.
+  function logout() {
+    var api = String(WP().apiBase || "https://api.workpeg.com")
+      .replace(/\/+$/, "");
+    var finish = function () {
+      clearAuthCookies();
+      if (typeof WP()._redirectToLogin === "function") {
+        WP()._redirectToLogin();
+      } else {
+        var base = String(WP().accountsBase || "https://accounts.workpeg.com")
+          .replace(/\/+$/, "");
+        var ns = (WP()._pegNamespace && WP()._pegNamespace()) || "";
+        var ep = (window.location && window.location.pathname) || "/";
+        window.location.href = base + "/login?peg=" +
+          encodeURIComponent(ns) + "&ep=" + encodeURIComponent(ep);
+      }
+    };
+    try {
+      fetch(api + "/v1/users/token/", {
+        method: "DELETE", credentials: "include"
+      }).then(finish, finish);   // log out client-side even if the call fails
+    } catch (e) {
+      finish();
+    }
+  }
+
+  // Expire the readable auth cookies (the HttpOnly access/refresh are dropped
+  // by the DELETE). setCookie scopes them to the parent .workpeg.* domain, so
+  // clear them there too; on a non-Workpeg host just clear the current host.
+  function clearAuthCookies() {
+    if (typeof document === "undefined") return;
+    var host = (window.location && window.location.hostname) || "";
+    var at = host.indexOf("workpeg");
+    var domainAttr = at >= 0 ? "; domain=." + host.slice(at) : "";
+    var past = "; expires=Thu, 01 Jan 1970 00:00:00 GMT";
+    ["access_ttl", "cachedBusiness"].forEach(function (name) {
+      document.cookie = name + "=; path=/" + past;
+      if (domainAttr) document.cookie = name + "=; path=/" + domainAttr + past;
+    });
+  }
+
   function workspacePopup() {
     var listKids = (S.businesses || []).map(workspaceRow);
     var help = el("div", "wps-dd-row", {
@@ -396,15 +471,17 @@
         ] }));
       } }
     });
+    var wsList = el("div", "wps-ws-list", { children: listKids });
+    attachListFade(wsList);
     return el("div", "wps-ws-popup", { children: [
-      el("div", "wps-ws-list", { children: listKids }),
+      wsList,
       popupLink("Add new business", "plus", bizHref("/new")),
       el("div", "wps-dd-hr"),
       popupLink("Profile", "user", bizHref("/profile")),
       popupLink("Settings", "settings", bizHref("/settings")),
       el("div", "wps-dd-hr"),
       help,
-      popupLink("Log out", "logout", "/login")
+      popupLink("Log out", "logout", "/login", { onClick: logout })
     ] });
   }
 
@@ -779,7 +856,7 @@
     "align-items:stretch}",
     ".wps-header{position:sticky;top:0;display:flex;align-items:center;",
     "width:100%;box-sizing:border-box;z-index:5;margin-bottom:18px;",
-    "padding:0 2px 0 var(--pg-collapse-pl-hdr);",
+    "padding:4px 2px 0 var(--pg-collapse-pl-hdr);",
     "transition:padding-left 0.18s " + EASE + "}",
     ".wps-logo-wrap{flex-grow:var(--pg-collapse-flex);flex-shrink:1;",
     "flex-basis:0;min-width:0;overflow:hidden;",
@@ -872,7 +949,16 @@
     ".wps-ws-list{max-height:calc(3.5 * 40px + 3 * 8px);overflow-y:auto;",
     "scrollbar-width:thin;",
     "scrollbar-color:rgba(128, 128, 128, 0.15) transparent;",
+    "--fade-size:24px;",
     "display:flex;flex-direction:column;gap:8px;margin-bottom:1px}",
+    /* Fade the list's bottom edge while it overflows (a "more below" hint);
+       drop the fade at the end. has-overflow / at-bottom are toggled by
+       attachListFade — mirrors the static-scaffold reference. */
+    ".wps-ws-list.has-overflow{-webkit-mask-image:linear-gradient(to bottom,",
+    "#000 calc(100% - var(--fade-size)),transparent);mask-image:linear-",
+    "gradient(to bottom,#000 calc(100% - var(--fade-size)),transparent)}",
+    ".wps-ws-list.has-overflow.at-bottom{-webkit-mask-image:none;",
+    "mask-image:none}",
     ".wps-ws-row{display:flex;align-items:center;gap:8px;padding:6px;",
     "border-radius:8px;cursor:pointer;width:100%;box-sizing:border-box;",
     "transition:background 0.18s " + EASE + "}",

{workpeg-0.96.2 → workpeg-0.96.4/src/workpeg.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: workpeg
-Version: 0.96.2
+Version: 0.96.4
 Summary: Workpeg function runtime and SDK
 Author-email: Workpeg <support@workpeg.com>
 License: MIT