makethisbetter 1.0.0 → 1.1.2

package/dist/popup/clarify.d.ts

@@ -0,0 +1,37 @@
+import type { ShadowContainer } from '../widget/shadow';
+import type { I18nMessages } from '../i18n';
+import type { ApiClient } from '../api/client';
+interface ClarifyCardOptions {
+    feedbackId: string;
+    apiClient: ApiClient;
+    messages: I18nMessages;
+    onDone: () => void;
+}
+export declare class ClarifyCard {
+    private el;
+    private messagesEl;
+    private inputEl;
+    private sendBtn;
+    private pollTimer;
+    private doneTimer;
+    private feedbackId;
+    private apiClient;
+    private onDone;
+    private sending;
+    private destroyed;
+    constructor(shadow: ShadowContainer, opts: ClarifyCardOptions);
+    private buildHTML;
+    private bindEvents;
+    private startConversation;
+    private sendMessage;
+    private startPolling;
+    private stopPolling;
+    private poll;
+    private handleDone;
+    private renderMessages;
+    private appendMessage;
+    private showThinking;
+    destroy(): void;
+}
+export {};
+//# sourceMappingURL=clarify.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=clarify.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clarify.test.d.ts","sourceRoot":"","sources":["../../src/popup/clarify.test.ts"],"names":[],"mappings":""}

package/dist/popup/success.d.ts

@@ -2,7 +2,7 @@ import type { ShadowContainer } from '../widget/shadow';
 import type { I18nMessages } from '../i18n';
 export declare class SuccessCard {
     private el;
-    constructor(shadow: ShadowContainer, messages: I18nMessages, onClose: () => void);
+    constructor(shadow: ShadowContainer, messages: I18nMessages, onClose: () => void, onViewFeedback?: () => void);
     destroy(): void;
 }
 //# sourceMappingURL=success.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"success.d.ts","sourceRoot":"","sources":["../../src/popup/success.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,qBAAa,WAAW;IACtB,OAAO,CAAC,EAAE,CAAgB;gBAEd,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,IAAI;IAoBhF,OAAO,IAAI,IAAI;CAGhB"}
+{"version":3,"file":"success.d.ts","sourceRoot":"","sources":["../../src/popup/success.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,qBAAa,WAAW;IACtB,OAAO,CAAC,EAAE,CAAgB;gBAEd,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,IAAI,EAAE,cAAc,CAAC,EAAE,MAAM,IAAI;IA8B7G,OAAO,IAAI,IAAI;CAGhB"}

package/dist/record/session.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"session.d.ts","sourceRoot":"","sources":["../../src/record/session.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAEvD,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAQzC,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,UAAU,EAAE,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAkCD,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,MAAM,CAAsB;IACpC,OAAO,CAAC,SAAS,CAAI;IACrB,OAAO,CAAC,KAAK,CAA6C;IAC1D,OAAO,CAAC,YAAY,CAAyC;IAC7D,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,YAAY,CAAC,CAAY;IACjC,OAAO,CAAC,OAAO,CAAQ;gBAEX,MAAM,EAAE,eAAe,EAAE,YAAY,CAAC,EAAE,MAAM,IAAI;IAKxD,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IA2B5B,IAAI,IAAI,eAAe;IAavB,WAAW,IAAI,MAAM;IAKrB,OAAO,IAAI,IAAI;IAUf,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,eAAe;CAOxB"}
+{"version":3,"file":"session.d.ts","sourceRoot":"","sources":["../../src/record/session.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAEvD,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAQzC,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,UAAU,EAAE,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAyCD,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,MAAM,CAAsB;IACpC,OAAO,CAAC,SAAS,CAAI;IACrB,OAAO,CAAC,KAAK,CAA6C;IAC1D,OAAO,CAAC,YAAY,CAAyC;IAC7D,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,YAAY,CAAC,CAAY;IACjC,OAAO,CAAC,OAAO,CAAQ;gBAEX,MAAM,EAAE,eAAe,EAAE,YAAY,CAAC,EAAE,MAAM,IAAI;IAKxD,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IA2B5B,IAAI,IAAI,eAAe;IAavB,WAAW,IAAI,MAAM;IAKrB,OAAO,IAAI,IAAI;IAUf,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,eAAe;CAOxB"}

package/dist/types.d.ts

@@ -6,6 +6,9 @@ export interface MakeThisBetterConfig {
     theme?: 'light' | 'dark' | 'auto';
     apiUrl?: string;
     frustrationDetection?: boolean;
+    tabText?: string;
+    userToken?: string;
+    userTokenFn?: () => Promise<string>;
     user?: {
         id?: string;
         email?: string;
@@ -42,4 +45,18 @@ export interface FeedbackPayload {
     recording_events?: Record<string, unknown>[];
     recording_duration?: number;
 }
+export interface FeedbackResponse {
+    id: string;
+    status: string;
+    project_id: string;
+}
+export interface ClarifyMessage {
+    role: string;
+    content: string;
+}
+export interface ClarifyResponse {
+    status: string;
+    messages: ClarifyMessage[];
+    done: boolean;
+}
 //# sourceMappingURL=types.d.ts.map

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,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"}
+{"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"}

package/dist/widget/controller.d.ts

@@ -7,6 +7,7 @@ export declare class WidgetController {
     private toolbar;
     private session;
     private popup;
+    private clarify;
     private success;
     private frustrationPrompt;
     private apiClient;
@@ -15,9 +16,7 @@ export declare class WidgetController {
     private messages;
     private mode;
     private currentAnnotation;
-    private recordSession;
-    private recordBar;
-    private currentRecording;
+    private recordingManager;
     constructor(config: MakeThisBetterConfig);
     private buildUI;
     private handleTabClick;
@@ -25,11 +24,9 @@ export declare class WidgetController {
     private dismissFrustrationPrompt;
     private enterAnnotationMode;
     private handleToolbarModeChange;
-    private enterRecordingMode;
-    private stopRecording;
-    private exitRecordingMode;
     private showPopup;
     private handleSubmit;
+    private showClarify;
     private showSuccess;
     private exitAll;
     destroy(): void;

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

@@ -1 +1 @@
-{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../src/widget/controller.ts"],"names":[],"mappings":"AAmBA,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,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,aAAa,CAA6B;IAClD,OAAO,CAAC,SAAS,CAAgC;IACjD,OAAO,CAAC,gBAAgB,CAA+B;gBAE3C,MAAM,EAAE,oBAAoB;IAcxC,OAAO,CAAC,OAAO;IAef,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,wBAAwB;IAKhC,OAAO,CAAC,mBAAmB;IAiB3B,OAAO,CAAC,uBAAuB;YAejB,kBAAkB;IAgBhC,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,SAAS;YAcH,YAAY;IAkC1B,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,OAAO;IAef,OAAO,IAAI,IAAI;CAWhB"}
+{"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"}

package/dist/widget/recording-manager.d.ts

@@ -0,0 +1,15 @@
+import type { RecordingResult } from '../record/session';
+import type { ShadowContainer } from './shadow';
+import type { I18nMessages } from '../i18n';
+export type { RecordingResult };
+export declare class RecordingManager {
+    private session;
+    private bar;
+    private result;
+    start(shadow: ShadowContainer, messages: I18nMessages, onStop: () => void): Promise<void>;
+    stop(): RecordingResult | null;
+    getRecording(): RecordingResult | null;
+    destroy(): void;
+    private teardownUI;
+}
+//# sourceMappingURL=recording-manager.d.ts.map

package/dist/widget/recording-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recording-manager.d.ts","sourceRoot":"","sources":["../../src/widget/recording-manager.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAExD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,YAAY,EAAE,eAAe,EAAE,CAAA;AAE/B,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,OAAO,CAA6B;IAC5C,OAAO,CAAC,GAAG,CAAgC;IAC3C,OAAO,CAAC,MAAM,CAA+B;IAEvC,KAAK,CACT,MAAM,EAAE,eAAe,EACvB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,MAAM,IAAI,GACjB,OAAO,CAAC,IAAI,CAAC;IAWhB,IAAI,IAAI,eAAe,GAAG,IAAI;IAO9B,YAAY,IAAI,eAAe,GAAG,IAAI;IAItC,OAAO,IAAI,IAAI;IAKf,OAAO,CAAC,UAAU;CAMnB"}

package/dist/widget/recording-manager.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=recording-manager.test.d.ts.map

package/dist/widget/recording-manager.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recording-manager.test.d.ts","sourceRoot":"","sources":["../../src/widget/recording-manager.test.ts"],"names":[],"mappings":""}

package/dist/widget/tab.d.ts

@@ -3,7 +3,7 @@ import type { I18nMessages } from '../i18n';
 export declare class FeedbackTab {
     private el;
     private onClick;
-    constructor(shadow: ShadowContainer, messages: I18nMessages, position: 'left' | 'right', onClick: () => void);
+    constructor(shadow: ShadowContainer, messages: I18nMessages, position: 'left' | 'right', onClick: () => void, customText?: string);
     setActive(active: boolean): void;
     destroy(): void;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../src/widget/tab.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,qBAAa,WAAW;IACtB,OAAO,CAAC,EAAE,CAAmB;IAC7B,OAAO,CAAC,OAAO,CAAY;gBAGzB,MAAM,EAAE,eAAe,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,MAAM,GAAG,OAAO,EAC1B,OAAO,EAAE,MAAM,IAAI;IAWrB,SAAS,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAIhC,OAAO,IAAI,IAAI;CAIhB"}
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../src/widget/tab.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,qBAAa,WAAW;IACtB,OAAO,CAAC,EAAE,CAAmB;IAC7B,OAAO,CAAC,OAAO,CAAY;gBAGzB,MAAM,EAAE,eAAe,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,MAAM,GAAG,OAAO,EAC1B,OAAO,EAAE,MAAM,IAAI,EACnB,UAAU,CAAC,EAAE,MAAM;IAYrB,SAAS,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAIhC,OAAO,IAAI,IAAI;CAIhB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "makethisbetter",
-  "version": "1.0.0",
+  "version": "1.1.2",
   "description": "Make This Better JS Widget SDK — embed user feedback collection in any website",
   "type": "module",
   "main": "./dist/makethisbetter.cjs.js",
@@ -56,9 +56,19 @@
   "keywords": [
     "feedback",
     "widget",
-    "user-feedback",
+    "ai",
+    "mcp",
+    "claude-code",
+    "cursor",
+    "vibe-coding",
+    "agent",
     "bug-reporting",
     "annotation"
   ],
-  "license": "BSL-1.1"
+  "homepage": "https://makethisbetter.dev",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/makethisbetter/makethisbetter-js.git"
+  },
+  "license": "BUSL-1.1"
 }

package/src/annotate/session.test.ts

@@ -11,9 +11,16 @@ describe('AnnotationSession', () => {
   let onReady: ReturnType<typeof vi.fn>
   const messages = getMessages('en')
 
+  let rafQueue: FrameRequestCallback[]
+
   beforeEach(() => {
-    // jsdom does not implement elementFromPoint — stub it
-    document.elementFromPoint = vi.fn().mockReturnValue(null)
+    // jsdom does not implement elementsFromPoint — stub it
+    document.elementsFromPoint = vi.fn().mockReturnValue([])
+    rafQueue = []
+    vi.stubGlobal('requestAnimationFrame', vi.fn((cb: FrameRequestCallback) => rafQueue.push(cb)))
+    vi.stubGlobal('cancelAnimationFrame', vi.fn((id: number) => {
+      rafQueue.splice(id - 1, 1)
+    }))
   })
 
   function setup() {
@@ -22,9 +29,16 @@ describe('AnnotationSession', () => {
     session = new AnnotationSession(shadow, messages, onReady)
   }
 
+  function flushFrame() {
+    const queue = rafQueue
+    rafQueue = []
+    queue.forEach(cb => cb(0))
+  }
+
   afterEach(() => {
     document.body.innerHTML = ''
     vi.restoreAllMocks()
+    vi.unstubAllGlobals()
   })
 
   describe('constructor', () => {
@@ -96,11 +110,11 @@ describe('AnnotationSession', () => {
       session.destroy()
     })
 
-    it('uses element name from elementFromPoint when an element is found', () => {
+    it('uses element name from elementsFromPoint when an element is found', () => {
       setup()
       const btn = document.createElement('button')
       btn.setAttribute('aria-label', 'Save')
-      ;(document.elementFromPoint as ReturnType<typeof vi.fn>).mockReturnValue(btn)
+      ;(document.elementsFromPoint as ReturnType<typeof vi.fn>).mockReturnValue([btn])
 
       const overlayEl = shadow.root.querySelector('.mtb-overlay')!
       overlayEl.dispatchEvent(
@@ -118,7 +132,7 @@ describe('AnnotationSession', () => {
 
     it('falls back to messages.annotation.element when no element under cursor', () => {
       setup()
-      ;(document.elementFromPoint as ReturnType<typeof vi.fn>).mockReturnValue(null)
+      ;(document.elementsFromPoint as ReturnType<typeof vi.fn>).mockReturnValue([])
 
       const overlayEl = shadow.root.querySelector('.mtb-overlay')!
       overlayEl.dispatchEvent(
@@ -180,6 +194,104 @@ describe('AnnotationSession', () => {
     })
   })
 
+  describe('hover highlight', () => {
+    it('coalesces mousemove hit tests into one per animation frame with the latest coordinates', () => {
+      setup()
+      const overlayEl = shadow.root.querySelector('.mtb-overlay')!
+
+      for (let i = 1; i <= 5; i++) {
+        overlayEl.dispatchEvent(
+          new MouseEvent('mousemove', { clientX: i * 10, clientY: i * 10, bubbles: true }),
+        )
+      }
+
+      expect(document.elementsFromPoint).not.toHaveBeenCalled()
+      flushFrame()
+      expect(document.elementsFromPoint).toHaveBeenCalledOnce()
+      expect(document.elementsFromPoint).toHaveBeenCalledWith(50, 50)
+      session.destroy()
+    })
+
+    it('shows the highlight box over the element under the cursor', () => {
+      setup()
+      const btn = document.createElement('button')
+      document.body.appendChild(btn)
+      ;(document.elementsFromPoint as ReturnType<typeof vi.fn>).mockReturnValue([btn])
+      const overlayEl = shadow.root.querySelector('.mtb-overlay')!
+
+      overlayEl.dispatchEvent(
+        new MouseEvent('mousemove', { clientX: 10, clientY: 10, bubbles: true }),
+      )
+      flushFrame()
+
+      const highlightEl = shadow.root.querySelector<HTMLDivElement>('.mtb-highlight')!
+      expect(highlightEl.style.display).toBe('block')
+      session.destroy()
+    })
+
+    it('ignores the widget host when resolving the element under the cursor', () => {
+      setup()
+      const hostEl = document.getElementById('mtb-widget-host')!
+      const btn = document.createElement('button')
+      btn.setAttribute('aria-label', 'Save')
+      ;(document.elementsFromPoint as ReturnType<typeof vi.fn>).mockReturnValue([hostEl, btn])
+      const overlayEl = shadow.root.querySelector('.mtb-overlay')!
+
+      overlayEl.dispatchEvent(
+        new MouseEvent('mousedown', { clientX: 50, clientY: 50, bubbles: true }),
+      )
+      overlayEl.dispatchEvent(
+        new MouseEvent('mouseup', { clientX: 50, clientY: 50, bubbles: true }),
+      )
+
+      const [, targetName] = onReady.mock.calls[0]
+      expect(targetName).toBe('Save')
+      session.destroy()
+    })
+
+    it('does not toggle the widget host display during hit testing', () => {
+      setup()
+      const hostEl = document.getElementById('mtb-widget-host')!
+      const overlayEl = shadow.root.querySelector('.mtb-overlay')!
+
+      overlayEl.dispatchEvent(
+        new MouseEvent('mousemove', { clientX: 10, clientY: 10, bubbles: true }),
+      )
+      flushFrame()
+
+      expect(hostEl.style.display).toBe('')
+      session.destroy()
+    })
+
+    it('cancels a pending highlight when the mouse leaves the overlay', () => {
+      setup()
+      const overlayEl = shadow.root.querySelector('.mtb-overlay')!
+
+      overlayEl.dispatchEvent(
+        new MouseEvent('mousemove', { clientX: 10, clientY: 10, bubbles: true }),
+      )
+      overlayEl.dispatchEvent(new MouseEvent('mouseleave', { bubbles: true }))
+      flushFrame()
+
+      expect(document.elementsFromPoint).not.toHaveBeenCalled()
+      session.destroy()
+    })
+
+    it('cancels a pending highlight on dismissInteraction', () => {
+      setup()
+      const overlayEl = shadow.root.querySelector('.mtb-overlay')!
+
+      overlayEl.dispatchEvent(
+        new MouseEvent('mousemove', { clientX: 10, clientY: 10, bubbles: true }),
+      )
+      session.dismissInteraction()
+      flushFrame()
+
+      expect(document.elementsFromPoint).not.toHaveBeenCalled()
+      session.destroy()
+    })
+  })
+
   describe('dismissInteraction', () => {
     it('removes overlay and highlighter but keeps pins and draw layer', () => {
       setup()

package/src/annotate/session.ts

@@ -15,6 +15,9 @@ export class AnnotationSession {
   private drawLayer: DrawLayer
   private pinCount = 0
   private interactionActive = true
+  private pendingHighlightFrame: number | null = null
+  private lastMoveX = 0
+  private lastMoveY = 0
 
   constructor(
     shadow: ShadowContainer,
@@ -32,6 +35,7 @@ export class AnnotationSession {
       onMouseUp: (e) => this.handleMouseUp(e),
       onMouseLeave: () => {
         if (this.drawLayer.isCurrentlyDrawing()) this.drawLayer.endDraw()
+        this.cancelPendingHighlight()
         this.highlighter.hide()
       },
     })
@@ -44,16 +48,34 @@ export class AnnotationSession {
 
   private handleMouseMove(e: MouseEvent): void {
     if (this.drawLayer.isCurrentlyDrawing()) {
+      this.cancelPendingHighlight()
       this.drawLayer.continueDraw(e.clientX, e.clientY)
       this.highlighter.hide()
       return
     }
 
-    const underEl = getElementUnder(e.clientX, e.clientY)
+    this.lastMoveX = e.clientX
+    this.lastMoveY = e.clientY
+    if (this.pendingHighlightFrame !== null) return
+    this.pendingHighlightFrame = requestAnimationFrame(() => {
+      this.pendingHighlightFrame = null
+      this.updateHighlight()
+    })
+  }
+
+  private updateHighlight(): void {
+    if (!this.interactionActive || this.drawLayer.isCurrentlyDrawing()) return
+    const underEl = getElementUnder(this.lastMoveX, this.lastMoveY)
     if (underEl) this.highlighter.highlight(underEl)
     else this.highlighter.hide()
   }
 
+  private cancelPendingHighlight(): void {
+    if (this.pendingHighlightFrame === null) return
+    cancelAnimationFrame(this.pendingHighlightFrame)
+    this.pendingHighlightFrame = null
+  }
+
   private handleMouseUp(e: MouseEvent): void {
     if (!this.drawLayer.isCurrentlyDrawing()) return
 
@@ -82,6 +104,7 @@ export class AnnotationSession {
   dismissInteraction(): void {
     if (!this.interactionActive) return
     this.interactionActive = false
+    this.cancelPendingHighlight()
     this.overlay.destroy()
     this.highlighter.destroy()
   }
@@ -93,12 +116,8 @@ export class AnnotationSession {
   }
 }
 
+// Skips the widget host via elementsFromPoint instead of toggling its
+// display — hiding the host on every mousemove flickered the toolbar.
 function getElementUnder(x: number, y: number): Element | null {
-  const host = document.getElementById('mtb-widget-host')
-  if (host) host.style.display = 'none'
-
-  const el = document.elementFromPoint(x, y)
-
-  if (host) host.style.display = ''
-  return el
+  return document.elementsFromPoint(x, y).find(el => el.id !== 'mtb-widget-host') ?? null
 }

package/src/api/client.test.ts

@@ -20,8 +20,9 @@ describe('ApiClient', () => {
   })
 
   it('sends POST to correct URL with project key header', async () => {
+    const jsonBody = JSON.stringify({ id: 'fb_1', status: 'open' })
     const fetchSpy = vi.spyOn(globalThis, 'fetch').mockResolvedValue(
-      new Response(null, { status: 201 }),
+      new Response(jsonBody, { status: 201 }),
     )
 
     const client = new ApiClient('proj_test123', 'https://api.example.com')
@@ -31,16 +32,17 @@ describe('ApiClient', () => {
       'https://api.example.com/widget/feedbacks',
       expect.objectContaining({
         method: 'POST',
-        headers: { 'X-Project-Key': 'proj_test123' },
+        headers: expect.objectContaining({ 'X-Project-Key': 'proj_test123' }),
       }),
     )
   })
 
   it('includes description in FormData', async () => {
     let capturedBody: FormData | null = null
+    const jsonBody = JSON.stringify({ id: 'fb_1', status: 'open' })
     vi.spyOn(globalThis, 'fetch').mockImplementation(async (_url: RequestInfo | URL, init?: RequestInit) => {
       capturedBody = init?.body instanceof FormData ? init.body : null
-      return new Response(null, { status: 201 })
+      return new Response(jsonBody, { status: 201 })
     })
 
     const client = new ApiClient('key', 'https://api.example.com')
@@ -53,9 +55,10 @@ describe('ApiClient', () => {
 
   it('uploads screenshot when present', async () => {
     let capturedBody: FormData | null = null
+    const jsonBody = JSON.stringify({ id: 'fb_1', status: 'open' })
     vi.spyOn(globalThis, 'fetch').mockImplementation(async (_url: RequestInfo | URL, init?: RequestInit) => {
       capturedBody = init?.body instanceof FormData ? init.body : null
-      return new Response(null, { status: 201 })
+      return new Response(jsonBody, { status: 201 })
     })
 
     const screenshot = new Blob(['png'], { type: 'image/png' })
@@ -66,10 +69,147 @@ describe('ApiClient', () => {
     expect(formData.get('feedback[screenshot]')).toBeInstanceOf(File)
   })
 
+  it('includes X-User-Token header when userToken is set', async () => {
+    const jsonBody = JSON.stringify({ id: 'fb_1', status: 'open' })
+    const fetchSpy = vi.spyOn(globalThis, 'fetch').mockResolvedValue(
+      new Response(jsonBody, { status: 201 }),
+    )
+
+    const client = new ApiClient('key', 'https://api.example.com', 1000, 'jwt_static_token')
+    await client.submitFeedback(mockPayload, null)
+
+    expect(fetchSpy).toHaveBeenCalledWith(
+      expect.any(String),
+      expect.objectContaining({
+        headers: expect.objectContaining({
+          'X-Project-Key': 'key',
+          'X-User-Token': 'jwt_static_token',
+        }),
+      }),
+    )
+  })
+
+  it('calls userTokenFn to get fresh token before each request', async () => {
+    const jsonBody = JSON.stringify({ id: 'fb_1', status: 'open' })
+    const fetchSpy = vi.spyOn(globalThis, 'fetch').mockResolvedValue(
+      new Response(jsonBody, { status: 201 }),
+    )
+
+    const tokenFn = vi.fn(async () => 'jwt_dynamic_token')
+    const client = new ApiClient('key', 'https://api.example.com', 1000, undefined, tokenFn)
+    await client.submitFeedback(mockPayload, null)
+
+    expect(tokenFn).toHaveBeenCalledOnce()
+    expect(fetchSpy).toHaveBeenCalledWith(
+      expect.any(String),
+      expect.objectContaining({
+        headers: expect.objectContaining({
+          'X-User-Token': 'jwt_dynamic_token',
+        }),
+      }),
+    )
+  })
+
+  it('prefers userTokenFn over static userToken', async () => {
+    const jsonBody = JSON.stringify({ id: 'fb_1', status: 'open' })
+    const fetchSpy = vi.spyOn(globalThis, 'fetch').mockResolvedValue(
+      new Response(jsonBody, { status: 201 }),
+    )
+
+    const tokenFn = vi.fn(async () => 'from_fn')
+    const client = new ApiClient('key', 'https://api.example.com', 1000, 'from_static', tokenFn)
+    await client.submitFeedback(mockPayload, null)
+
+    expect(fetchSpy).toHaveBeenCalledWith(
+      expect.any(String),
+      expect.objectContaining({
+        headers: expect.objectContaining({
+          'X-User-Token': 'from_fn',
+        }),
+      }),
+    )
+  })
+
+  it('includes X-User-Token in startClarification', async () => {
+    const jsonBody = JSON.stringify({ status: 'pending', messages: [], done: false })
+    const fetchSpy = vi.spyOn(globalThis, 'fetch').mockResolvedValue(
+      new Response(jsonBody, { status: 200 }),
+    )
+
+    const client = new ApiClient('key', 'https://api.example.com', 1000, 'jwt_token')
+    await client.startClarification('fb_1', 'hello')
+
+    expect(fetchSpy).toHaveBeenCalledWith(
+      expect.any(String),
+      expect.objectContaining({
+        headers: expect.objectContaining({
+          'X-Project-Key': 'key',
+          'X-User-Token': 'jwt_token',
+          'Content-Type': 'application/json',
+        }),
+      }),
+    )
+  })
+
+  it('includes X-User-Token in getClarification', async () => {
+    const jsonBody = JSON.stringify({ status: 'done', messages: [], done: true })
+    const fetchSpy = vi.spyOn(globalThis, 'fetch').mockResolvedValue(
+      new Response(jsonBody, { status: 200 }),
+    )
+
+    const tokenFn = vi.fn(async () => 'jwt_dynamic')
+    const client = new ApiClient('key', 'https://api.example.com', 1000, undefined, tokenFn)
+    await client.getClarification('fb_1')
+
+    expect(tokenFn).toHaveBeenCalledOnce()
+    expect(fetchSpy).toHaveBeenCalledWith(
+      expect.any(String),
+      expect.objectContaining({
+        headers: expect.objectContaining({
+          'X-Project-Key': 'key',
+          'X-User-Token': 'jwt_dynamic',
+        }),
+      }),
+    )
+  })
+
   it('throws after retries exhausted', async () => {
     vi.spyOn(globalThis, 'fetch').mockRejectedValue(new Error('Network error'))
 
     const client = new ApiClient('key', 'https://api.example.com', 0)
     await expect(client.submitFeedback(mockPayload, null)).rejects.toThrow()
   })
+
+  it('sends an idempotency key and reuses it across retries', async () => {
+    const calls: RequestInit[] = []
+    const fetchSpy = vi.spyOn(globalThis, 'fetch').mockImplementation(async (_url, init) => {
+      calls.push(init!)
+      if (calls.length === 1) return new Response('oops', { status: 500 })
+      return new Response(JSON.stringify({ id: 'fb_1' }), { status: 201 })
+    })
+
+    const client = new ApiClient('proj_test123', 'https://api.example.com', 0)
+    await client.submitFeedback(mockPayload, null)
+
+    expect(fetchSpy).toHaveBeenCalledTimes(2)
+    const key1 = (calls[0].headers as Record<string, string>)['X-Idempotency-Key']
+    const key2 = (calls[1].headers as Record<string, string>)['X-Idempotency-Key']
+    expect(key1).toBeTruthy()
+    expect(key2).toBe(key1)
+  })
+
+  it('uses a fresh idempotency key for each separate submission', async () => {
+    const keys: string[] = []
+    vi.spyOn(globalThis, 'fetch').mockImplementation(async (_url, init) => {
+      keys.push((init!.headers as Record<string, string>)['X-Idempotency-Key'])
+      return new Response(JSON.stringify({ id: 'fb_1' }), { status: 201 })
+    })
+
+    const client = new ApiClient('proj_test123', 'https://api.example.com')
+    await client.submitFeedback(mockPayload, null)
+    await client.submitFeedback(mockPayload, null)
+
+    expect(keys[0]).toBeTruthy()
+    expect(keys[0]).not.toBe(keys[1])
+  })
 })