@foldspace_npm/harness 0.1.18 → 0.1.19

package/bin/attach.mjs

@@ -223,9 +223,12 @@ const SDK_PATTERNS = [
 
 // The badge has three states, set from outside with \`foldspace badge\`:
 //   label   - the small corner tag (default): who is attached, which mode
-//   working - a bar across the top: the agent is building in this window,
-//             please leave it alone
-//   ready   - a bar: it is the human's turn, with the question to try
+//   working - a pill at the foot of the window: the agent is building in this
+//             window, please leave it alone
+//   ready   - the same pill: it is the human's turn, with the question to try
+// The pill sits bottom-left, never across the top: a bar there covered the
+// app's own header and menu (seen on a CRM, 2026-09-22). The agent's panel
+// is on the right, so bottom-left is the corner nothing else uses.
 // The state lives in sessionStorage so it survives navigation inside the
 // test window; \`foldspace badge\` writes it and the script redraws.
 const badgeSrc = `(() => {
@@ -249,7 +252,7 @@ const badgeSrc = `(() => {
     if (s.state === "working") {
       // Attention, not decoration: a pulsing marker, the ask in bold, and an
       // animated line underneath so it reads as "in progress" at a glance.
-      b.style.cssText = base + "right:0;background:#1F2A8A;padding:10px 14px 12px;font-size:13px;letter-spacing:.02em;text-align:center;line-height:1.3;";
+      b.style.cssText = base + "top:auto;bottom:16px;left:16px;right:auto;max-width:min(560px,calc(100vw - 32px));border-radius:8px;overflow:hidden;background:#1F2A8A;padding:10px 14px 13px;font-size:13px;letter-spacing:.02em;text-align:left;line-height:1.3;";
       b.innerHTML =
         '<style>@keyframes fsPulse{0%,100%{opacity:1}50%{opacity:.25}}@keyframes fsSweep{0%{left:-30%}100%{left:100%}}' +
         '#foldspace-dev-badge .fs-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#FFB300;margin-right:10px;vertical-align:middle;animation:fsPulse 1s ease-in-out infinite}' +
@@ -263,7 +266,7 @@ const badgeSrc = `(() => {
       // retypes it into the panel. The bar accepts clicks only on that button.
       const esc = (t) => String(t).replace(/[<>&"]/g, (c) => ({ "<": "&lt;", ">": "&gt;", "&": "&amp;", '"': "&quot;" })[c]);
       const question = s.text ? esc(s.text) : "";
-      b.style.cssText = base + "right:0;background:#0F9D58;padding:10px 14px;font-size:13px;letter-spacing:.02em;text-align:center;line-height:1.3;pointer-events:none;";
+      b.style.cssText = base + "top:auto;bottom:16px;left:16px;right:auto;max-width:min(560px,calc(100vw - 32px));border-radius:8px;overflow:hidden;background:#0F9D58;padding:10px 14px;font-size:13px;letter-spacing:.02em;text-align:left;line-height:1.3;pointer-events:none;";
       b.innerHTML =
         '<style>#foldspace-dev-badge .fs-copy{pointer-events:auto;margin-left:12px;padding:4px 10px;border:1px solid rgba(255,255,255,.7);border-radius:4px;background:transparent;color:#fff;font:inherit;font-size:12px;cursor:pointer;letter-spacing:0}' +
         '#foldspace-dev-badge .fs-copy:hover{background:rgba(255,255,255,.15)}</style>' +

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foldspace_npm/harness",
-  "version": "0.1.18",
+  "version": "0.1.19",
   "description": "Build and verify portable Foldspace action artifacts against a live app.",
   "type": "module",
   "bin": {