makethisbetter 1.1.2 → 1.1.3

package/dist/popup/clarify.d.ts

@@ -28,6 +28,7 @@ export declare class ClarifyCard {
     private stopPolling;
     private poll;
     private handleDone;
+    private renderConversation;
     private renderMessages;
     private appendMessage;
     private showThinking;

package/dist/popup/clarify.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"clarify.d.ts","sourceRoot":"","sources":["../../src/popup/clarify.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAO9C,UAAU,kBAAkB;IAC1B,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,SAAS,CAAA;IACpB,QAAQ,EAAE,YAAY,CAAA;IACtB,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB;AAED,qBAAa,WAAW;IACtB,OAAO,CAAC,EAAE,CAAgB;IAC1B,OAAO,CAAC,UAAU,CAAiB;IACnC,OAAO,CAAC,OAAO,CAAmB;IAClC,OAAO,CAAC,OAAO,CAAoB;IACnC,OAAO,CAAC,SAAS,CAA8C;IAC/D,OAAO,CAAC,SAAS,CAA6C;IAC9D,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,SAAS,CAAW;IAC5B,OAAO,CAAC,MAAM,CAAY;IAC1B,OAAO,CAAC,OAAO,CAAQ;IACvB,OAAO,CAAC,SAAS,CAAQ;gBAEb,MAAM,EAAE,eAAe,EAAE,IAAI,EAAE,kBAAkB;IAmB7D,OAAO,CAAC,SAAS;IAkBjB,OAAO,CAAC,UAAU;YAqBJ,iBAAiB;YAiBjB,WAAW;IAiCzB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,WAAW;YAOL,IAAI;IAelB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,YAAY;IAQpB,OAAO,IAAI,IAAI;CAShB"}
+{"version":3,"file":"clarify.d.ts","sourceRoot":"","sources":["../../src/popup/clarify.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAO9C,UAAU,kBAAkB;IAC1B,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,SAAS,CAAA;IACpB,QAAQ,EAAE,YAAY,CAAA;IACtB,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB;AAED,qBAAa,WAAW;IACtB,OAAO,CAAC,EAAE,CAAgB;IAC1B,OAAO,CAAC,UAAU,CAAiB;IACnC,OAAO,CAAC,OAAO,CAAmB;IAClC,OAAO,CAAC,OAAO,CAAoB;IACnC,OAAO,CAAC,SAAS,CAA8C;IAC/D,OAAO,CAAC,SAAS,CAA6C;IAC9D,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,SAAS,CAAW;IAC5B,OAAO,CAAC,MAAM,CAAY;IAC1B,OAAO,CAAC,OAAO,CAAQ;IACvB,OAAO,CAAC,SAAS,CAAQ;gBAEb,MAAM,EAAE,eAAe,EAAE,IAAI,EAAE,kBAAkB;IAmB7D,OAAO,CAAC,SAAS;IAkBjB,OAAO,CAAC,UAAU;YAuBJ,iBAAiB;YAiBjB,WAAW;IAiCzB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,WAAW;YAOL,IAAI;IAelB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,YAAY;IAQpB,OAAO,IAAI,IAAI;CAShB"}

package/dist/types.d.ts

@@ -49,6 +49,7 @@ export interface FeedbackResponse {
     id: string;
     status: string;
     project_id: string;
+    ai_clarify_available?: boolean;
 }
 export interface ClarifyMessage {
     role: string;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IACjC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAA;IACnC,IAAI,CAAC,EAAE;QACL,EAAE,CAAC,EAAE,MAAM,CAAA;QACX,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;CACF;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;IACpB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,EAAE,EAAE,MAAM,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,cAAc,CAAC,EAAE;QACf,QAAQ,EAAE,MAAM,CAAA;QAChB,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,cAAc,EAAE,CAAA;IAC1B,IAAI,EAAE,OAAO,CAAA;CACd"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IACjC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAA;IACnC,IAAI,CAAC,EAAE;QACL,EAAE,CAAC,EAAE,MAAM,CAAA;QACX,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;CACF;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;IACpB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,EAAE,EAAE,MAAM,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,cAAc,CAAC,EAAE;QACf,QAAQ,EAAE,MAAM,CAAA;QAChB,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,cAAc,EAAE,CAAA;IAC1B,IAAI,EAAE,OAAO,CAAA;CACd"}

package/dist/widget/controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../src/widget/controller.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,oBAAoB,EAAc,MAAM,UAAU,CAAA;AAIhE,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,MAAM,CAAsB;IACpC,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,GAAG,CAA2B;IACtC,OAAO,CAAC,GAAG,CAAwB;IACnC,OAAO,CAAC,OAAO,CAAiC;IAChD,OAAO,CAAC,OAAO,CAAiC;IAChD,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,iBAAiB,CAAqC;IAC9D,OAAO,CAAC,SAAS,CAAW;IAC5B,OAAO,CAAC,gBAAgB,CAAuB;IAC/C,OAAO,CAAC,mBAAmB,CAAmC;IAC9D,OAAO,CAAC,QAAQ,CAAgC;IAChD,OAAO,CAAC,IAAI,CAAe;IAC3B,OAAO,CAAC,iBAAiB,CAA0B;IACnD,OAAO,CAAC,gBAAgB,CAAgC;gBAE5C,MAAM,EAAE,oBAAoB;IAcxC,OAAO,CAAC,OAAO;IAgBf,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,wBAAwB;IAKhC,OAAO,CAAC,mBAAmB;IAiB3B,OAAO,CAAC,uBAAuB;IA6B/B,OAAO,CAAC,SAAS;YAcH,YAAY;IAmC1B,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,OAAO;IAiBf,OAAO,IAAI,IAAI;CAYhB"}
+{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../src/widget/controller.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,oBAAoB,EAAc,MAAM,UAAU,CAAA;AAIhE,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,MAAM,CAAsB;IACpC,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,GAAG,CAA2B;IACtC,OAAO,CAAC,GAAG,CAAwB;IACnC,OAAO,CAAC,OAAO,CAAiC;IAChD,OAAO,CAAC,OAAO,CAAiC;IAChD,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,iBAAiB,CAAqC;IAC9D,OAAO,CAAC,SAAS,CAAW;IAC5B,OAAO,CAAC,gBAAgB,CAAuB;IAC/C,OAAO,CAAC,mBAAmB,CAAmC;IAC9D,OAAO,CAAC,QAAQ,CAAgC;IAChD,OAAO,CAAC,IAAI,CAAe;IAC3B,OAAO,CAAC,iBAAiB,CAA0B;IACnD,OAAO,CAAC,gBAAgB,CAAgC;gBAE5C,MAAM,EAAE,oBAAoB;IAcxC,OAAO,CAAC,OAAO;IAgBf,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,wBAAwB;IAKhC,OAAO,CAAC,mBAAmB;IAiB3B,OAAO,CAAC,uBAAuB;IA6B/B,OAAO,CAAC,SAAS;YAcH,YAAY;IAuC1B,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,OAAO;IAiBf,OAAO,IAAI,IAAI;CAYhB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "makethisbetter",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "Make This Better JS Widget SDK — embed user feedback collection in any website",
   "type": "module",
   "main": "./dist/makethisbetter.cjs.js",

package/src/popup/clarify.test.ts

@@ -395,6 +395,109 @@ describe('ClarifyCard', () => {
     shadow.destroy()
   })
 
+  it('ignores Enter during IME composition', async () => {
+    const startClarification = vi.fn()
+      .mockResolvedValueOnce({
+        status: 'pending',
+        messages: [{ role: 'assistant', content: 'Tell me more' }],
+        done: false,
+      } satisfies ClarifyResponse)
+      .mockResolvedValueOnce({
+        status: 'pending',
+        messages: [],
+        done: false,
+      } satisfies ClarifyResponse)
+
+    const { shadow, card } = setupCard({ startClarification })
+    await vi.waitFor(() => {
+      expect(startClarification).toHaveBeenCalledOnce()
+    })
+    await vi.advanceTimersByTimeAsync(0)
+
+    const input = shadow.root.querySelector<HTMLInputElement>('.mtb-clarify-input')!
+    input.value = '导出坏了'
+    input.dispatchEvent(new Event('input'))
+
+    input.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', isComposing: true }))
+    expect(startClarification).toHaveBeenCalledOnce()
+
+    const legacyImeEnter = new KeyboardEvent('keydown', { key: 'Enter' })
+    Object.defineProperty(legacyImeEnter, 'keyCode', { value: 229 })
+    input.dispatchEvent(legacyImeEnter)
+    expect(startClarification).toHaveBeenCalledOnce()
+
+    input.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter' }))
+    await vi.waitFor(() => {
+      expect(startClarification).toHaveBeenCalledTimes(2)
+    })
+    expect(startClarification).toHaveBeenCalledWith('fb_123', '导出坏了')
+
+    card.destroy()
+    shadow.destroy()
+  })
+
+  it('keeps thinking indicator while waiting for the AI reply', async () => {
+    const startClarification = vi.fn().mockResolvedValue({
+      status: 'pending',
+      messages: [],
+      done: false,
+    } satisfies ClarifyResponse)
+    const getClarification = vi.fn().mockResolvedValue({
+      status: 'pending',
+      messages: [],
+      done: false,
+    } satisfies ClarifyResponse)
+
+    const { shadow, card } = setupCard({ startClarification, getClarification })
+    await vi.waitFor(() => {
+      expect(startClarification).toHaveBeenCalled()
+    })
+    await vi.advanceTimersByTimeAsync(0)
+
+    expect(shadow.root.querySelector('.mtb-clarify-thinking')).toBeTruthy()
+
+    await vi.advanceTimersByTimeAsync(2000)
+    await vi.waitFor(() => {
+      expect(getClarification).toHaveBeenCalled()
+    })
+    await vi.advanceTimersByTimeAsync(0)
+    expect(shadow.root.querySelector('.mtb-clarify-thinking')).toBeTruthy()
+
+    card.destroy()
+    shadow.destroy()
+  })
+
+  it('removes thinking indicator when the AI reply arrives', async () => {
+    const startClarification = vi.fn().mockResolvedValue({
+      status: 'pending',
+      messages: [],
+      done: false,
+    } satisfies ClarifyResponse)
+    const getClarification = vi.fn().mockResolvedValue({
+      status: 'pending',
+      messages: [{ role: 'assistant', content: 'What broke?' }],
+      done: false,
+    } satisfies ClarifyResponse)
+
+    const { shadow, card } = setupCard({ startClarification, getClarification })
+    await vi.waitFor(() => {
+      expect(startClarification).toHaveBeenCalled()
+    })
+    await vi.advanceTimersByTimeAsync(0)
+
+    await vi.advanceTimersByTimeAsync(2000)
+    await vi.waitFor(() => {
+      expect(getClarification).toHaveBeenCalled()
+    })
+    await vi.advanceTimersByTimeAsync(0)
+
+    expect(shadow.root.querySelector('.mtb-clarify-thinking')).toBeNull()
+    expect(shadow.root.querySelector('.mtb-clarify-ai')?.textContent).toBe('What broke?')
+
+    card.destroy()
+    shadow.destroy()
+  })
+
   it('stops polling on destroy', async () => {
     const getClarification = vi.fn().mockResolvedValue({
       status: 'pending',

package/src/popup/clarify.ts

@@ -76,6 +76,8 @@ export class ClarifyCard {
     })
 
     this.inputEl.addEventListener('keydown', (e: KeyboardEvent) => {
+      // keyCode 229: IME composition fallback for browsers without isComposing
+      if (e.isComposing || e.keyCode === 229) return
       if (e.key === 'Enter') {
         e.preventDefault()
         this.sendMessage(m)
@@ -90,7 +92,7 @@ export class ClarifyCard {
     try {
       const res = await this.apiClient.startClarification(this.feedbackId)
       if (this.destroyed) return
-      this.renderMessages(res.messages)
+      this.renderConversation(res.messages, res.done)
       if (res.done) {
         this.handleDone()
       } else {
@@ -118,7 +120,7 @@ export class ClarifyCard {
     try {
       const res = await this.apiClient.startClarification(this.feedbackId, text)
       if (this.destroyed) return
-      this.renderMessages(res.messages)
+      this.renderConversation(res.messages, res.done)
       if (res.done) {
         this.handleDone()
       } else {
@@ -151,7 +153,7 @@ export class ClarifyCard {
     try {
       const res = await this.apiClient.getClarification(this.feedbackId)
       if (this.destroyed) return
-      this.renderMessages(res.messages)
+      this.renderConversation(res.messages, res.done)
       if (res.done) {
         this.stopPolling()
         this.handleDone()
@@ -170,6 +172,12 @@ export class ClarifyCard {
     }, DONE_DELAY_MS)
   }
 
+  private renderConversation(messages: ClarifyMessage[], done: boolean): void {
+    this.renderMessages(messages)
+    const last = messages[messages.length - 1]
+    if (!done && (!last || last.role === 'user')) this.showThinking()
+  }
+
   private renderMessages(messages: ClarifyMessage[]): void {
     this.messagesEl.innerHTML = ''
     for (const msg of messages) {

package/src/types.ts

@@ -52,6 +52,7 @@ export interface FeedbackResponse {
   id: string
   status: string
   project_id: string
+  ai_clarify_available?: boolean
 }
 
 export interface ClarifyMessage {

package/src/widget/controller.test.ts

@@ -61,4 +61,41 @@ describe('MakeThisBetter widget flow', () => {
       expect(shadow.querySelector('.mtb-success-title')?.textContent).toBe('Thanks!')
     }, { timeout: 5000 })
   })
+
+  it('skips the AI clarify chat when ai_clarify_available is false', async () => {
+    const target = document.createElement('button')
+    target.id = 'export-btn'
+    target.textContent = 'Export PDF'
+    document.body.appendChild(target)
+
+    document.elementsFromPoint = vi.fn(() => [target])
+
+    const fetchSpy = vi.spyOn(globalThis, 'fetch').mockImplementation(async () => {
+      return new Response(JSON.stringify({ id: 'fb_1', status: 'open', project_id: 'proj_test', ai_clarify_available: false }), { status: 201 })
+    })
+
+    MakeThisBetter.init({
+      projectKey: 'proj_test',
+      apiUrl: 'https://api.example.com/api/v1',
+    })
+
+    const shadow = document.getElementById('mtb-widget-host')!.shadowRoot!
+    shadow.querySelector<HTMLButtonElement>('.mtb-tab')!.click()
+
+    const overlay = shadow.querySelector<HTMLDivElement>('.mtb-overlay')!
+    overlay.dispatchEvent(new MouseEvent('mousedown', { clientX: 20, clientY: 30, bubbles: true }))
+    overlay.dispatchEvent(new MouseEvent('mouseup', { clientX: 20, clientY: 30, bubbles: true }))
+
+    const textarea = shadow.querySelector<HTMLTextAreaElement>('.mtb-textarea')!
+    textarea.value = 'Export is broken'
+    textarea.dispatchEvent(new Event('input'))
+    shadow.querySelector<HTMLButtonElement>('.mtb-submit-btn')!.click()
+
+    await vi.waitFor(() => {
+      expect(shadow.querySelector('.mtb-success-title')?.textContent).toBe('Thanks!')
+    }, { timeout: 5000 })
+
+    expect(shadow.querySelector('.mtb-clarify')).toBeNull()
+    expect(fetchSpy).toHaveBeenCalledTimes(1)
+  })
 })

package/src/widget/controller.ts

@@ -183,7 +183,11 @@ export class WidgetController {
       this.session = null
       this.recordingManager?.destroy()
       this.recordingManager = null
-      this.showClarify(feedback.id, feedback.project_id)
+      if (feedback.ai_clarify_available === false) {
+        this.showSuccess(feedback.project_id)
+      } else {
+        this.showClarify(feedback.id, feedback.project_id)
+      }
     } catch {
       this.popup?.setLoading(false)
       this.popup?.setError(this.messages.error.submit)