makethisbetter 1.1.2 → 1.2.0

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

@@ -1,6 +1,6 @@
 export interface MakeThisBetterConfig {
     projectKey: string;
-    entryMode?: 'button' | 'pet';
+    entryMode?: 'button';
     locale?: string;
     position?: 'left' | 'right';
     theme?: 'light' | 'dark' | 'auto';
@@ -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,CAAA;IACpB,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

@@ -3,7 +3,6 @@ export declare class WidgetController {
     private config;
     private shadow;
     private tab;
-    private pet;
     private toolbar;
     private session;
     private popup;

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":"AAiBA,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,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;IAYf,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,wBAAwB;IAKhC,OAAO,CAAC,mBAAmB;IAgB3B,OAAO,CAAC,uBAAuB;IA6B/B,OAAO,CAAC,SAAS;YAcH,YAAY;IAuC1B,OAAO,CAAC,WAAW;IAenB,OAAO,CAAC,WAAW;IAiBnB,OAAO,CAAC,OAAO;IAgBf,OAAO,IAAI,IAAI;CAWhB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "makethisbetter",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "description": "Make This Better JS Widget SDK — embed user feedback collection in any website",
   "type": "module",
   "main": "./dist/makethisbetter.cjs.js",
@@ -70,5 +70,5 @@
     "type": "git",
     "url": "https://github.com/makethisbetter/makethisbetter-js.git"
   },
-  "license": "BUSL-1.1"
+  "license": "MIT"
 }

package/src/context/frustration.test.ts

@@ -112,15 +112,14 @@ describe('FrustrationDetector', () => {
     document.body.removeChild(host)
   })
 
-  it('does not directly emit console errors (only counts them as signal)', () => {
+  it('does not directly emit console errors (only counts them as dead-click input)', () => {
     makeDetector()
 
     if (window.onerror) {
       ;(window.onerror as Function)('Test error', 'test.js', 1, 1, new Error('Test error'))
     }
 
-    const errorEvents = events.filter(e => e.signal === 'console_error')
-    expect(errorEvents.length).toBe(0)
+    expect(events.length).toBe(0)
   })
 
   it('stops listening after stop()', () => {

package/src/context/frustration.ts

@@ -3,7 +3,6 @@ import { errorSource } from './error-source'
 export type FrustrationSignal =
   | 'rage_click'
   | 'dead_click'
-  | 'console_error'
   | 'rapid_navigation'
   | 'form_failure'
   | 'error_page'

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

@@ -1,6 +1,6 @@
 export interface MakeThisBetterConfig {
   projectKey: string
-  entryMode?: 'button' | 'pet'
+  entryMode?: 'button'
   locale?: string
   position?: 'left' | 'right'
   theme?: 'light' | 'dark' | 'auto'
@@ -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

@@ -1,6 +1,5 @@
 import { ShadowContainer } from './shadow'
 import { FeedbackTab } from './tab'
-import { PetEntry } from './pet'
 import { FrustrationPromptCard } from './frustration-prompt'
 import { AnnotationToolbar } from '../annotate/toolbar'
 import type { ToolbarMode } from '../annotate/toolbar'
@@ -24,7 +23,6 @@ export class WidgetController {
   private config: MakeThisBetterConfig
   private shadow!: ShadowContainer
   private tab: FeedbackTab | null = null
-  private pet: PetEntry | null = null
   private toolbar: AnnotationToolbar | null = null
   private session: AnnotationSession | null = null
   private popup: CommentPopup | null = null
@@ -56,17 +54,13 @@ export class WidgetController {
   private buildUI(): void {
     this.shadow = new ShadowContainer(this.config.theme ?? 'auto')
 
-    if ((this.config.entryMode ?? 'button') === 'pet') {
-      this.pet = new PetEntry(this.shadow, this.messages, () => this.handleTabClick())
-    } else {
-      this.tab = new FeedbackTab(
-        this.shadow,
-        this.messages,
-        this.config.position ?? 'right',
-        () => this.handleTabClick(),
-        this.config.tabText,
-      )
-    }
+    this.tab = new FeedbackTab(
+      this.shadow,
+      this.messages,
+      this.config.position ?? 'right',
+      () => this.handleTabClick(),
+      this.config.tabText,
+    )
   }
 
   private handleTabClick(): void {
@@ -98,7 +92,6 @@ export class WidgetController {
   private enterAnnotationMode(): void {
     this.mode = 'annotating'
     this.tab?.setActive(true)
-    this.pet?.setActive(true)
 
     this.toolbar = new AnnotationToolbar(
       this.shadow,
@@ -183,7 +176,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)
@@ -193,7 +190,6 @@ export class WidgetController {
   private showClarify(feedbackId: string, projectId: string): void {
     this.mode = 'idle'
     this.tab?.setActive(false)
-    this.pet?.setActive(false)
     this.clarify = new ClarifyCard(this.shadow, {
       feedbackId,
       apiClient: this.apiClient,
@@ -209,7 +205,6 @@ export class WidgetController {
   private showSuccess(projectId: string): void {
     this.mode = 'idle'
     this.tab?.setActive(false)
-    this.pet?.setActive(false)
     const baseUrl = this.config.apiUrl
       ? this.config.apiUrl.replace(/\/api\/v1\/?$/, '')
       : 'https://makethisbetter.dev'
@@ -227,7 +222,6 @@ export class WidgetController {
   private exitAll(): void {
     this.mode = 'idle'
     this.tab?.setActive(false)
-    this.pet?.setActive(false)
     this.toolbar?.destroy()
     this.toolbar = null
     this.session?.destroy()
@@ -249,7 +243,6 @@ export class WidgetController {
     this.clarify?.destroy()
     this.success?.destroy()
     this.tab?.destroy()
-    this.pet?.destroy()
     this.recordingManager?.destroy()
     this.shadow.destroy()
   }

package/src/widget/pet.test.ts

@@ -1,56 +1,58 @@
 import { afterEach, describe, expect, it, vi } from 'vitest'
+import { PetEntry } from './pet'
+import { ShadowContainer } from './shadow'
+import { getMessages } from '../i18n'
 import { MakeThisBetter } from '../index'
 
 vi.mock('html-to-image', () => ({
   toPng: vi.fn(async () => 'data:image/png;base64,AA=='),
 }))
 
-describe('Pet mode', () => {
+// PetEntry is kept in the repo for the phase-2 pet mode but is not wired into
+// the widget build, so it is unit-tested directly instead of via init().
+describe('PetEntry', () => {
+  let shadow: ShadowContainer
+
   afterEach(() => {
-    MakeThisBetter.destroy()
-    vi.restoreAllMocks()
+    shadow?.destroy()
     document.body.innerHTML = ''
   })
 
-  it('renders pet entry instead of tab when entryMode is pet', () => {
-    MakeThisBetter.init({
-      projectKey: 'proj_test',
-      entryMode: 'pet',
-      apiUrl: 'https://api.example.com/api/v1',
-    })
+  function makePet(onClick: () => void = () => {}) {
+    shadow = new ShadowContainer('light')
+    return new PetEntry(shadow, getMessages('en'), onClick)
+  }
 
-    const shadow = document.getElementById('mtb-widget-host')!.shadowRoot!
-    expect(shadow.querySelector('.mtb-pet')).toBeTruthy()
-    expect(shadow.querySelector('.mtb-tab')).toBeNull()
-  })
+  function shadowRoot() {
+    return document.getElementById('mtb-widget-host')!.shadowRoot!
+  }
 
-  it('shows speech bubble on the pet', () => {
-    MakeThisBetter.init({
-      projectKey: 'proj_test',
-      entryMode: 'pet',
-      apiUrl: 'https://api.example.com/api/v1',
-    })
+  it('renders the pet element with a speech bubble', () => {
+    makePet()
 
-    const shadow = document.getElementById('mtb-widget-host')!.shadowRoot!
-    const bubble = shadow.querySelector('.mtb-pet-bubble')
+    expect(shadowRoot().querySelector('.mtb-pet')).toBeTruthy()
+    const bubble = shadowRoot().querySelector('.mtb-pet-bubble')
     expect(bubble).toBeTruthy()
     expect(bubble!.textContent).toBe('Need help?')
   })
 
-  it('opens annotation mode on pet click', () => {
-    MakeThisBetter.init({
-      projectKey: 'proj_test',
-      entryMode: 'pet',
-      apiUrl: 'https://api.example.com/api/v1',
-    })
+  it('invokes the click callback on click', () => {
+    const onClick = vi.fn()
+    makePet(onClick)
 
-    const shadow = document.getElementById('mtb-widget-host')!.shadowRoot!
-    shadow.querySelector<HTMLDivElement>('.mtb-pet')!.click()
-    expect(shadow.querySelector('.mtb-overlay')).toBeTruthy()
-    expect(shadow.querySelector('.mtb-toolbar')).toBeTruthy()
+    shadowRoot().querySelector<HTMLDivElement>('.mtb-pet')!.click()
+    expect(onClick).toHaveBeenCalledOnce()
+  })
+})
+
+describe('Widget entry', () => {
+  afterEach(() => {
+    MakeThisBetter.destroy()
+    vi.restoreAllMocks()
+    document.body.innerHTML = ''
   })
 
-  it('renders tab by default (no entryMode)', () => {
+  it('renders the tab entry and never the pet', () => {
     MakeThisBetter.init({
       projectKey: 'proj_test',
       apiUrl: 'https://api.example.com/api/v1',