makethisbetter 1.1.2 → 1.1.3

package/dist/makethisbetter.esm.js

@@ -410,12 +410,12 @@ class wt {
             <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
           </svg>
         </div>
-        <button class="mtb-clarify-skip">${T(t.clarify.skip)}</button>
+        <button class="mtb-clarify-skip">${L(t.clarify.skip)}</button>
       </div>
       <div class="mtb-clarify-messages"></div>
       <div class="mtb-clarify-footer">
-        <input class="mtb-clarify-input" type="text" placeholder="${T(t.clarify.placeholder)}" />
-        <button class="mtb-clarify-send" disabled>${T(t.clarify.send)}</button>
+        <input class="mtb-clarify-input" type="text" placeholder="${L(t.clarify.placeholder)}" />
+        <button class="mtb-clarify-send" disabled>${L(t.clarify.send)}</button>
       </div>
     `;
   }
@@ -426,7 +426,7 @@ class wt {
       const e = this.inputEl.value.trim().length > 0;
       this.sendBtn.disabled = !e || this.sending;
     }), this.inputEl.addEventListener("keydown", (e) => {
-      e.key === "Enter" && (e.preventDefault(), this.sendMessage(t));
+      e.isComposing || e.keyCode === 229 || e.key === "Enter" && (e.preventDefault(), this.sendMessage(t));
     }), this.sendBtn.addEventListener("click", () => this.sendMessage(t));
   }
   async startConversation() {
@@ -434,7 +434,7 @@ class wt {
     try {
       const t = await this.apiClient.startClarification(this.feedbackId);
       if (this.destroyed) return;
-      this.renderMessages(t.messages), t.done ? this.handleDone() : this.startPolling();
+      this.renderConversation(t.messages, t.done), t.done ? this.handleDone() : this.startPolling();
     } catch {
       if (this.destroyed) return;
       this.onDone();
@@ -447,7 +447,7 @@ class wt {
       try {
         const s = await this.apiClient.startClarification(this.feedbackId, e);
         if (this.destroyed) return;
-        this.renderMessages(s.messages), s.done ? this.handleDone() : this.startPolling();
+        this.renderConversation(s.messages, s.done), s.done ? this.handleDone() : this.startPolling();
       } catch {
         if (this.destroyed) return;
         this.onDone();
@@ -466,7 +466,7 @@ class wt {
     try {
       const t = await this.apiClient.getClarification(this.feedbackId);
       if (this.destroyed) return;
-      this.renderMessages(t.messages), t.done && (this.stopPolling(), this.handleDone());
+      this.renderConversation(t.messages, t.done), t.done && (this.stopPolling(), this.handleDone());
     } catch {
       if (this.destroyed) return;
       this.stopPolling();
@@ -477,6 +477,11 @@ class wt {
       this.destroyed || this.onDone();
     }, xt);
   }
+  renderConversation(t, e) {
+    this.renderMessages(t);
+    const s = t[t.length - 1];
+    !e && (!s || s.role === "user") && this.showThinking();
+  }
   renderMessages(t) {
     this.messagesEl.innerHTML = "";
     for (const e of t)
@@ -495,7 +500,7 @@ class wt {
     this.destroyed = !0, this.stopPolling(), this.doneTimer !== null && (clearTimeout(this.doneTimer), this.doneTimer = null), this.el.remove();
   }
 }
-function T(i) {
+function L(i) {
   return i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
 const kt = 5e3;
@@ -563,7 +568,7 @@ function Y(i, t = {}) {
   const e = t.width || Ct(i), s = t.height || Mt(i);
   return { width: e, height: s };
 }
-function Lt() {
+function Tt() {
   let i, t;
   try {
     t = process;
@@ -573,7 +578,7 @@ function Lt() {
   return e && (i = parseInt(e, 10), Number.isNaN(i) && (i = 1)), i || window.devicePixelRatio || 1;
 }
 const d = 16384;
-function Tt(i) {
+function Lt(i) {
   (i.width > d || i.height > d) && (i.width > d && i.height > d ? i.width > i.height ? (i.height *= d / i.width, i.width = d) : (i.width *= d / i.height, i.height = d) : i.width > d ? (i.height *= d / i.width, i.width = d) : (i.width *= d / i.height, i.height = d));
 }
 function C(i) {
@@ -913,12 +918,12 @@ async function ae(i, t) {
         p(r.cssRules || []).forEach((n, o) => {
           if (n.type === CSSRule.IMPORT_RULE) {
             let a = o + 1;
-            const l = n.href, c = U(l).then((u) => z(u, t)).then((u) => B(u).forEach((L) => {
+            const l = n.href, c = U(l).then((u) => z(u, t)).then((u) => B(u).forEach((T) => {
               try {
-                r.insertRule(L, L.startsWith("@import") ? a += 1 : r.cssRules.length);
+                r.insertRule(T, T.startsWith("@import") ? a += 1 : r.cssRules.length);
               } catch (it) {
                 console.error("Error inserting rule from remote css", {
-                  rule: L,
+                  rule: T,
                   error: it
                 });
               }
@@ -990,8 +995,8 @@ async function pe(i, t = {}) {
   return await ue(r, t), await Z(r, t), oe(r, t), await Dt(r, e, s);
 }
 async function fe(i, t = {}) {
-  const { width: e, height: s } = Y(i, t), r = await pe(i, t), n = await C(r), o = document.createElement("canvas"), a = o.getContext("2d"), l = t.pixelRatio || Lt(), c = t.canvasWidth || e, u = t.canvasHeight || s;
-  return o.width = c * l, o.height = u * l, t.skipAutoScale || Tt(o), o.style.width = `${c}`, o.style.height = `${u}`, t.backgroundColor && (a.fillStyle = t.backgroundColor, a.fillRect(0, 0, o.width, o.height)), a.drawImage(n, 0, 0, o.width, o.height), o;
+  const { width: e, height: s } = Y(i, t), r = await pe(i, t), n = await C(r), o = document.createElement("canvas"), a = o.getContext("2d"), l = t.pixelRatio || Tt(), c = t.canvasWidth || e, u = t.canvasHeight || s;
+  return o.width = c * l, o.height = u * l, t.skipAutoScale || Lt(o), o.style.width = `${c}`, o.style.height = `${u}`, t.backgroundColor && (a.fillStyle = t.backgroundColor, a.fillRect(0, 0, o.width, o.height)), a.drawImage(n, 0, 0, o.width, o.height), o;
 }
 async function me(i, t = {}) {
   return (await fe(i, t)).toDataURL();
@@ -1095,7 +1100,7 @@ class Ee {
     this.unsubscribe?.(), this.unsubscribe = null;
   }
 }
-const Se = 3, Ce = 1e3, Me = 3, Le = 5e3, Te = 500, Ae = 500, De = 300, Pe = /* @__PURE__ */ new Set([
+const Se = 3, Ce = 1e3, Me = 3, Te = 5e3, Le = 500, Ae = 500, De = 300, Pe = /* @__PURE__ */ new Set([
   "A",
   "BUTTON",
   "INPUT",
@@ -1178,7 +1183,7 @@ const Se = 3, Ce = 1e3, Me = 3, Le = 5e3, Te = 500, Ae = 500, De = 300, Pe = /*
   handleNavigation() {
     const t = Date.now();
     this.navTimestamps.push(t);
-    const e = t - Le;
+    const e = t - Te;
     this.navTimestamps = this.navTimestamps.filter((s) => s > e), this.navTimestamps.length >= Me && (this.navTimestamps = [], this.emitIfReady({
       signal: "rapid_navigation",
       timestamp: t
@@ -1194,7 +1199,7 @@ const Se = 3, Ce = 1e3, Me = 3, Le = 5e3, Te = 500, Ae = 500, De = 300, Pe = /*
         target: y(e),
         timestamp: Date.now()
       });
-    }, Te));
+    }, Le));
   }
   handleFormInvalid(t) {
     const e = t.target;
@@ -1955,7 +1960,7 @@ class N {
     );
     try {
       const a = await this.apiClient.submitFeedback(o, r);
-      this.popup?.destroy(), this.popup = null, this.session?.destroy(), this.session = null, this.recordingManager?.destroy(), this.recordingManager = null, this.showClarify(a.id, a.project_id);
+      this.popup?.destroy(), this.popup = null, this.session?.destroy(), this.session = null, this.recordingManager?.destroy(), this.recordingManager = null, a.ai_clarify_available === !1 ? this.showSuccess(a.project_id) : this.showClarify(a.id, a.project_id);
     } catch {
       this.popup?.setLoading(!1), this.popup?.setError(this.messages.error.submit);
     }