makethisbetter 1.0.0 → 1.1.2

package/LICENSE

@@ -3,7 +3,7 @@ Business Source License 1.1
 Parameters
 
 Licensor:             Make This Better, Inc.
-Licensed Work:        @makethisbetter/js
+Licensed Work:        makethisbetter
                       The Licensed Work is (c) 2026 Make This Better, Inc.
 Additional Use Grant: You may make production use of the Licensed Work,
                       provided your use does not include offering the Licensed

package/README.md

@@ -1,113 +1,380 @@
-# @makethisbetter/js
+<p align="center">
+  <img src="https://makethisbetter.dev/icon.svg" width="80" height="80" alt="Make This Better">
+</p>
 
-The Make This Better Widget SDK — embed user feedback collection in any website.
+<h1 align="center">makethisbetter</h1>
 
-One script. Click any element. Describe the issue. Done.
+<p align="center">
+  From rage click to agent-ready fix.
+</p>
 
-## Quickstart
+<p align="center">
+  <a href="https://makethisbetter.dev">makethisbetter.dev</a> &middot;
+  <a href="https://www.npmjs.com/package/makethisbetter"><img src="https://img.shields.io/npm/v/makethisbetter.svg" alt="npm version"></a>
+  <a href="https://www.npmjs.com/package/makethisbetter"><img src="https://img.shields.io/npm/dm/makethisbetter.svg" alt="npm downloads"></a>
+  <a href="https://bundlephobia.com/package/makethisbetter"><img src="https://img.shields.io/bundlephobia/minzip/makethisbetter" alt="bundle size"></a>
+  <a href="https://github.com/makethisbetter/makethisbetter-js/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-BUSL--1.1-blue.svg" alt="license"></a>
+</p>
 
-### Script tag (IIFE)
+---
+
+## Why
+
+You ship with AI agents. Your users hit bugs you never see in dev. They leave. You never find out why.
+
+This widget gives your users a way to report exactly what went wrong — annotated screenshot, console errors, DOM state, browser info — in two clicks. AI triage turns that into a structured task your coding agent (Claude Code, Cursor, Codex) picks up automatically. The agent ships the fix. The user gets notified.
+
+No more "can you describe what happened?" No more lost screenshots in Slack. The full loop, from frustrated user to shipped fix, runs without you context-switching.
+
+## Quick Start
+
+### CDN (2 lines)
 
 ```html
-<script src="https://unpkg.com/@makethisbetter/js/dist/makethisbetter.iife.js"></script>
+<script src="https://unpkg.com/makethisbetter@1"></script>
 <script>
-  MakeThisBetter.init({ projectKey: 'mtb_proj_YOUR_KEY' });
+  MakeThisBetter.init({ projectKey: 'mtb_proj_YOUR_KEY' })
 </script>
 ```
 
-### npm / ESM
+### npm
 
 ```bash
-npm install @makethisbetter/js
+npm install makethisbetter
 ```
 
 ```js
-import { MakeThisBetter } from '@makethisbetter/js';
+import { MakeThisBetter } from 'makethisbetter'
+
+MakeThisBetter.init({ projectKey: 'mtb_proj_YOUR_KEY' })
+```
+
+That's it. A feedback tab appears on your page.
+
+## How It Works
+
+```
+User clicks feedback tab
+  -> Annotates the problem (click to pin, drag to draw)
+  -> Adds a comment
+  -> Submits
+     +-- Screenshot captured automatically
+     +-- Console errors collected
+     +-- Page context assembled (URL, browser, OS, selectors)
+     +-- Sent to Make This Better API
+     +-- AI asks a clarifying question if needed
+  -> Dashboard shows structured feedback
+  -> AI triage produces an agent-ready task
+  -> Your coding agent picks it up and ships the fix
+  -> User gets notified: the fix is live
+```
+
+## Framework Guides
+
+<details>
+<summary><strong>React / Next.js</strong></summary>
 
-MakeThisBetter.init({ projectKey: 'mtb_proj_YOUR_KEY' });
+```tsx
+// app/providers.tsx (App Router) or pages/_app.tsx (Pages Router)
+'use client'
+import { useEffect } from 'react'
+
+export function FeedbackProvider() {
+  useEffect(() => {
+    import('makethisbetter').then(({ MakeThisBetter }) => {
+      MakeThisBetter.init({
+        projectKey: process.env.NEXT_PUBLIC_MTB_KEY!,
+        user: { id: userId, email }
+      })
+    })
+    return () => {
+      import('makethisbetter').then(({ MakeThisBetter }) => MakeThisBetter.destroy())
+    }
+  }, [])
+  return null
+}
+```
+
+</details>
+
+<details>
+<summary><strong>Vue / Nuxt</strong></summary>
+
+```ts
+// plugins/makethisbetter.client.ts (Nuxt) or main.ts (Vue)
+import { MakeThisBetter } from 'makethisbetter'
+
+export default defineNuxtPlugin(() => {
+  MakeThisBetter.init({
+    projectKey: useRuntimeConfig().public.mtbKey,
+  })
+
+  return {
+    provide: { mtbDestroy: () => MakeThisBetter.destroy() }
+  }
+})
 ```
 
+</details>
+
+<details>
+<summary><strong>Astro</strong></summary>
+
+```astro
+<!-- src/components/Feedback.astro -->
+<script>
+  import { MakeThisBetter } from 'makethisbetter'
+  MakeThisBetter.init({ projectKey: import.meta.env.PUBLIC_MTB_KEY })
+</script>
+```
+
+</details>
+
+<details>
+<summary><strong>Rails</strong></summary>
+
+```erb
+<%# app/views/layouts/application.html.erb %>
+<% if current_user&.admin? %>
+  <script src="https://unpkg.com/makethisbetter@1"></script>
+  <script>
+    MakeThisBetter.init({
+      projectKey: '<%= Rails.application.credentials.mtb_project_key %>',
+      user: { id: '<%= current_user.id %>', email: '<%= current_user.email %>' }
+    })
+  </script>
+<% end %>
+```
+
+</details>
+
+<details>
+<summary><strong>Plain HTML / Static Sites</strong></summary>
+
+```html
+<script src="https://unpkg.com/makethisbetter@1"></script>
+<script>
+  MakeThisBetter.init({ projectKey: 'mtb_proj_YOUR_KEY' })
+</script>
+```
+
+</details>
+
+## Features
+
+### Annotation
+
+Click any element to pin it, or drag to draw a freeform highlight. The SDK captures the element's CSS selector, text content, and position.
+
+### Screen Recording
+
+Switch to **Record** mode in the toolbar to capture a screen recording (up to 60 seconds). Powered by [rrweb](https://github.com/rrweb-io/rrweb) with lazy loading — zero cost until the user hits Record.
+
+```bash
+# Optional: install rrweb for npm users (CDN users get it automatically)
+npm install rrweb
+```
+
+### Frustration Detection
+
+The SDK watches for signals that a user is struggling and proactively offers to collect feedback:
+
+| Signal | Trigger |
+|--------|---------|
+| Rage click | 3+ clicks on the same element within 1 second |
+| Dead click | Click on a non-interactive element (with console errors) |
+| Dead click (DOM) | Click on interactive-looking element with no DOM response |
+| Rapid navigation | 3+ page navigations within 5 seconds |
+| Form failure | Form submission with validation errors |
+| Error page | Landing on a 404/500 error page |
+
+Disable with `frustrationDetection: false`.
+
+### AI Clarification
+
+After submitting feedback, an AI assistant may ask a short follow-up question to clarify the real need — avoiding [XY problems](https://xyproblem.info/) where users describe their attempted solution instead of the actual problem.
+
+### Auto-Collected Context
+
+Every submission automatically includes:
+
+- Page URL, browser, OS, screen resolution
+- Console errors (via `window.onerror` and `window.onunhandledrejection`)
+- Target element selector and text
+- Annotated screenshot (via `html-to-image`)
+- Annotation coordinates and draw paths
+
+### Internationalization
+
+Built-in support for 7 languages:
+
+| Code | Language |
+|------|----------|
+| `en` | English (default) |
+| `zh-CN` | Chinese (Simplified) |
+| `ja` | Japanese |
+| `ko` | Korean |
+| `es` | Spanish |
+| `fr` | French |
+| `de` | German |
+
 ## Configuration
 
 ```js
 MakeThisBetter.init({
-  projectKey: 'mtb_proj_xxx',    // required — your project API key
-  locale: 'zh-CN',               // optional — 'en' (default) or 'zh-CN'
-  position: 'right',             // optional — 'right' (default) or 'left'
-  theme: 'auto',                 // optional — 'light' | 'dark' | 'auto'
-  apiUrl: 'https://...',         // optional — custom API endpoint
+  // Required
+  projectKey: 'mtb_proj_xxx',
+
+  // Optional
+  locale: 'en',              // UI language
+  position: 'right',         // Tab position: 'left' | 'right'
+  theme: 'auto',             // 'light' | 'dark' | 'auto'
+  frustrationDetection: true, // Proactive frustration prompts
+  apiUrl: 'https://...',     // Self-hosted API endpoint
+
+  // User identification (recommended)
   user: {
-    id: 'usr_123',               // optional — identify the user
-    email: 'alex@company.co',
+    id: 'usr_123',
+    email: 'alex@example.com',
     name: 'Alex Chen',
   },
-});
+})
 ```
 
-## How it works
+### Identity Verification
 
-1. A green **Feedback** tab appears on the right edge of the page
-2. Clicking the tab enters **Mark up mode** — a toolbar appears at the top
-3. Hover over any element to highlight it (blue outline + tooltip)
-4. Click to place a **pin** annotation
-5. Or drag to **draw** a free-form highlight
-6. A **Comment popup** appears — describe the issue and hit Submit
-7. The SDK captures a screenshot, collects page context (URL, browser, OS, console errors), and sends everything to the Make This Better API
-8. Your dashboard shows the structured feedback with AI triage
+Identity verification links feedback to authenticated users and lets them view their own submissions on the feedback board.
 
-## What gets collected automatically
+**Level 0 -- Anonymous** (default): No user token. Feedback is anonymous.
 
-- Page URL
-- Browser and OS
-- Screen resolution
-- Console errors (captured via `window.onerror`)
-- Target element CSS selector and text content
-- Page screenshot (via `html-to-image`, invisible to the user)
-- Annotation coordinates
+```js
+MakeThisBetter.init({ projectKey: 'mtb_proj_xxx' })
+```
 
-## Conditional loading
+**Level 1 -- Static token**: Pass a pre-generated JWT. Simple, but the token may expire during long sessions.
 
-The Widget only loads when you call `MakeThisBetter.init()`. Control who sees it with your own logic:
+```js
+MakeThisBetter.init({
+  projectKey: 'mtb_proj_xxx',
+  userToken: 'eyJhbGciOiJIUzI1NiIs...',
+})
+```
+
+**Level 2 -- Dynamic token (recommended)**: Pass an async function that returns a fresh JWT. The SDK calls it before each API request, so tokens never go stale.
 
 ```js
-// Only show to admins
-if (currentUser.isAdmin) {
-  MakeThisBetter.init({ projectKey: 'mtb_proj_xxx', user: { id: currentUser.id } });
-}
+MakeThisBetter.init({
+  projectKey: 'mtb_proj_xxx',
+  userTokenFn: async () => {
+    const res = await fetch('/api/mtb-token')
+    const { token } = await res.json()
+    return token
+  },
+})
 ```
 
+When `userToken` or `userTokenFn` is set, the widget sends an `X-User-Token` header with every request. After submitting feedback, a "View my feedback" link appears that opens the project board filtered to the user's submissions.
+
+Generate tokens server-side using your project's HMAC secret (available in your project settings):
+
 ```ruby
 # Rails example
-<% if current_user&.admin? %>
-  <script>
-    MakeThisBetter.init({
-      projectKey: '<%= Rails.application.credentials.mtb_project_key %>',
-      user: { id: '<%= current_user.id %>', email: '<%= current_user.email %>' }
-    });
-  </script>
-<% end %>
+payload = { sub: current_user.id, email: current_user.email, exp: 1.hour.from_now.to_i }
+JWT.encode(payload, project.widget_secret, 'HS256')
 ```
 
+### Conditional Loading
+
+```js
+// Only show to beta users
+if (user.isBetaTester) {
+  MakeThisBetter.init({ projectKey: 'mtb_proj_xxx', user: { id: user.id } })
+}
+```
+
+## Self-Hosting
+
+The Widget works with any backend — not just makethisbetter.dev. Implement one API endpoint and point `apiUrl` at your server:
+
+```js
+MakeThisBetter.init({
+  projectKey: 'your-key',
+  apiUrl: 'https://feedback.yoursite.com',
+})
+```
+
+Your backend needs to handle `POST /api/v1/widget/feedbacks` (multipart/form-data with description, screenshot, console errors, etc). The Widget takes care of everything else — annotation, recording, frustration detection, context collection.
+
+The cloud platform at [makethisbetter.dev](https://makethisbetter.dev) adds AI triage, dashboard, GitHub/Linear sync, and email notifications on top.
+
+## API
+
+```ts
+import { MakeThisBetter } from 'makethisbetter'
+
+// Start the widget
+MakeThisBetter.init(config: MakeThisBetterConfig): void
+
+// Remove the widget and clean up all listeners
+MakeThisBetter.destroy(): void
+```
+
+## Architecture
+
+The widget runs inside a Shadow DOM container, isolating its styles from your page. No CSS conflicts, no z-index wars.
+
+```
+Shadow DOM Host (#mtb-widget-host)
++-- Feedback Tab (entry point)
++-- Annotation Toolbar (Mark up / Record toggle)
++-- Annotation Session (pin + draw overlays)
++-- Comment Popup (description + submit)
++-- AI Clarification Card (follow-up conversation)
++-- Success Card (confirmation)
++-- Frustration Prompt (proactive trigger)
+```
+
+## Bundle Size
+
+| Format | Size | gzip |
+|--------|------|------|
+| IIFE | ~80 KB | ~23 KB |
+| ESM | ~94 KB | ~25 KB |
+
+rrweb is loaded on demand and not included in these numbers.
+
 ## Development
 
 ```bash
+git clone https://github.com/makethisbetter/makethisbetter-js.git
+cd makethisbetter-js
 npm install
-npm run build        # build dist/
-open demo/index.html # run the standalone demo
-npm run dev          # optional: serve demo at localhost:5173
-npm test             # run tests
-npm run type-check   # TypeScript check
+npm run dev          # Dev server at localhost:5173
+npm run build        # Build all formats to dist/
+npm test             # Run tests
+npm run type-check   # TypeScript validation
 ```
 
-## Bundle size
+## Related
 
-| Format | Size   | gzip   |
-|--------|--------|--------|
-| IIFE   | 42 KB  | 13.6 KB |
-| ESM    | 50 KB  | 14.7 KB |
+| Package | What it does |
+|---------|-------------|
+| [Make This Better](https://makethisbetter.dev) | The platform — dashboard, AI triage, feedback board |
+| [@makethisbetter/mcp](https://github.com/makethisbetter/mcp) | MCP server — your coding agent reads feedback directly |
+| [makethisbetter CLI](https://github.com/makethisbetter/cli) | Terminal tool for managing feedback |
+| [makethisbetter Skills](https://github.com/makethisbetter/skills) | Claude Code skills — `/makethisbetter` in your editor |
 
 ## License
 
-[Business Source License 1.1](LICENSE) — free for non-competitive use, converts to MIT on 2029-01-01.
+[Business Source License 1.1](LICENSE) — free for any use that does not compete with Make This Better's commercial offering. Converts to MIT on 2029-01-01.
+
+---
+
+<details>
+<summary><strong>GitHub repo settings</strong></summary>
+
+- **Description**: Drop-in feedback widget — from rage click to agent-ready fix
+- **Homepage**: https://makethisbetter.dev
+- **Topics**: feedback, widget, ai, mcp, claude-code, cursor, vibe-coding
 
-Free to self-host. Cloud platform at [makethisbetter.dev](https://makethisbetter.dev).
+</details>

package/dist/annotate/session.d.ts

@@ -10,9 +10,14 @@ export declare class AnnotationSession {
     private drawLayer;
     private pinCount;
     private interactionActive;
+    private pendingHighlightFrame;
+    private lastMoveX;
+    private lastMoveY;
     constructor(shadow: ShadowContainer, messages: I18nMessages, onReady: (annotation: Annotation, targetName: string) => void);
     private handleMouseDown;
     private handleMouseMove;
+    private updateHighlight;
+    private cancelPendingHighlight;
     private handleMouseUp;
     dismissInteraction(): void;
     destroy(): void;

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

@@ -1 +1 @@
-{"version":3,"file":"session.d.ts","sourceRoot":"","sources":["../../src/annotate/session.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,UAAU,EAAE,MAAM,UAAU,CAAA;AAQ1C,qBAAa,iBAAiB;IAU1B,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,OAAO;IAVjB,OAAO,CAAC,OAAO,CAAmB;IAClC,OAAO,CAAC,WAAW,CAAoB;IACvC,OAAO,CAAC,SAAS,CAAW;IAC5B,OAAO,CAAC,SAAS,CAAW;IAC5B,OAAO,CAAC,QAAQ,CAAI;IACpB,OAAO,CAAC,iBAAiB,CAAO;gBAG9B,MAAM,EAAE,eAAe,EACf,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI;IAkBvE,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,aAAa;IAyBrB,kBAAkB,IAAI,IAAI;IAO1B,OAAO,IAAI,IAAI;CAKhB"}
+{"version":3,"file":"session.d.ts","sourceRoot":"","sources":["../../src/annotate/session.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,UAAU,EAAE,MAAM,UAAU,CAAA;AAQ1C,qBAAa,iBAAiB;IAa1B,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,OAAO;IAbjB,OAAO,CAAC,OAAO,CAAmB;IAClC,OAAO,CAAC,WAAW,CAAoB;IACvC,OAAO,CAAC,SAAS,CAAW;IAC5B,OAAO,CAAC,SAAS,CAAW;IAC5B,OAAO,CAAC,QAAQ,CAAI;IACpB,OAAO,CAAC,iBAAiB,CAAO;IAChC,OAAO,CAAC,qBAAqB,CAAsB;IACnD,OAAO,CAAC,SAAS,CAAI;IACrB,OAAO,CAAC,SAAS,CAAI;gBAGnB,MAAM,EAAE,eAAe,EACf,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI;IAmBvE,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,sBAAsB;IAM9B,OAAO,CAAC,aAAa;IAyBrB,kBAAkB,IAAI,IAAI;IAQ1B,OAAO,IAAI,IAAI;CAKhB"}

package/dist/api/client.d.ts

@@ -1,10 +1,16 @@
-import type { FeedbackPayload } from '../types';
+import type { FeedbackPayload, FeedbackResponse, ClarifyResponse } from '../types';
 export declare class ApiClient {
     private apiUrl;
     private projectKey;
     private retryDelayMs;
-    constructor(projectKey: string, apiUrl?: string, retryDelayMs?: number);
-    submitFeedback(payload: FeedbackPayload, screenshot: Blob | null): Promise<void>;
+    private userToken?;
+    private userTokenFn?;
+    constructor(projectKey: string, apiUrl?: string, retryDelayMs?: number, userToken?: string, userTokenFn?: () => Promise<string>);
+    resolveUserToken(): Promise<string | undefined>;
+    private authHeaders;
+    submitFeedback(payload: FeedbackPayload, screenshot: Blob | null): Promise<FeedbackResponse>;
+    startClarification(feedbackId: string, message?: string): Promise<ClarifyResponse>;
+    getClarification(feedbackId: string): Promise<ClarifyResponse>;
     private fetchWithRetry;
 }
 //# sourceMappingURL=client.d.ts.map

package/dist/api/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/api/client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAI/C,qBAAa,SAAS;IACpB,OAAO,CAAC,MAAM,CAAQ;IACtB,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,YAAY,CAAQ;gBAEhB,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,YAAY,SAAO;IAM9D,cAAc,CAAC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;YAqCxE,cAAc;CAmB7B"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/api/client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAIlF,qBAAa,SAAS;IACpB,OAAO,CAAC,MAAM,CAAQ;IACtB,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,YAAY,CAAQ;IAC5B,OAAO,CAAC,SAAS,CAAC,CAAQ;IAC1B,OAAO,CAAC,WAAW,CAAC,CAAuB;gBAE/B,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,YAAY,SAAO,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC;IAQvH,gBAAgB,IAAI,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC;YAKvC,WAAW;IAQnB,cAAc,CAAC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,OAAO,CAAC,gBAAgB,CAAC;IA2C5F,kBAAkB,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,eAAe,CAAC;IAYlF,gBAAgB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,eAAe,CAAC;YAStD,cAAc;CAmB7B"}

package/dist/context/error-source.d.ts

@@ -9,6 +9,7 @@ type ErrorListener = (event: ErrorSourceEvent) => void;
 declare class ErrorSource {
     private listeners;
     private originalOnError;
+    private installedOnError;
     private rejectionHandler;
     private hooked;
     subscribe(listener: ErrorListener): () => void;

package/dist/context/error-source.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-source.d.ts","sourceRoot":"","sources":["../../src/context/error-source.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,KAAK,aAAa,GAAG,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;AAEtD,cAAM,WAAW;IACf,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,eAAe,CAAmC;IAC1D,OAAO,CAAC,gBAAgB,CAAoD;IAC5E,OAAO,CAAC,MAAM,CAAQ;IAEtB,SAAS,CAAC,QAAQ,EAAE,aAAa,GAAG,MAAM,IAAI;IAS9C,OAAO,CAAC,IAAI;IAoBZ,OAAO,CAAC,MAAM;IAWd,OAAO,CAAC,IAAI;CAGb;AAED,eAAO,MAAM,WAAW,aAAoB,CAAA"}
+{"version":3,"file":"error-source.d.ts","sourceRoot":"","sources":["../../src/context/error-source.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,KAAK,aAAa,GAAG,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;AAEtD,cAAM,WAAW;IACf,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,eAAe,CAAmC;IAC1D,OAAO,CAAC,gBAAgB,CAAmC;IAC3D,OAAO,CAAC,gBAAgB,CAAoD;IAC5E,OAAO,CAAC,MAAM,CAAQ;IAEtB,SAAS,CAAC,QAAQ,EAAE,aAAa,GAAG,MAAM,IAAI;IAS9C,OAAO,CAAC,IAAI;IAqBZ,OAAO,CAAC,MAAM;IAgBd,OAAO,CAAC,IAAI;CAGb;AAED,eAAO,MAAM,WAAW,aAAoB,CAAA"}

package/dist/context/frustration.d.ts

@@ -1,4 +1,4 @@
-export type FrustrationSignal = 'rage_click' | 'dead_click' | 'console_error';
+export type FrustrationSignal = 'rage_click' | 'dead_click' | 'console_error' | 'rapid_navigation' | 'form_failure' | 'error_page' | 'dead_click_dom';
 export interface FrustrationEvent {
     signal: FrustrationSignal;
     target?: string;
@@ -15,10 +15,34 @@ export declare class FrustrationDetector {
     private deadClickCount;
     private cooldownUntil;
     private static readonly COOLDOWN_MS;
+    private navTimestamps;
+    private boundPopstateHandler;
+    private originalPushState;
+    private originalReplaceState;
+    private installedPushState;
+    private installedReplaceState;
+    private boundSubmitHandler;
+    private boundInvalidHandler;
+    private errorPageUrls;
+    private domObserver;
+    private pendingDomChecks;
+    private lastMutationAt;
     constructor(onFrustration: (event: FrustrationEvent) => void);
     start(): void;
     stop(): void;
+    private startNavigationTracking;
+    private stopNavigationTracking;
+    private startFormTracking;
+    private stopFormTracking;
     private handleClick;
+    private handleNavigation;
+    private handleFormSubmit;
+    private handleFormInvalid;
+    private checkErrorPage;
+    private checkDeadClickDom;
+    private ensureDomObserver;
+    private disconnectDomObserver;
+    private looksInteractive;
     private isInteractive;
     private isWidgetElement;
     private emitIfReady;

package/dist/context/frustration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"frustration.d.ts","sourceRoot":"","sources":["../../src/context/frustration.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,YAAY,GAAG,eAAe,CAAA;AAE7E,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,iBAAiB,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;CAClB;AAmBD,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,YAAY,CAAoB;IACxC,OAAO,CAAC,aAAa,CAAmC;IACxD,OAAO,CAAC,iBAAiB,CAAyB;IAClD,OAAO,CAAC,iBAAiB,CAA4B;IACrD,OAAO,CAAC,MAAM,CAAQ;IACtB,OAAO,CAAC,UAAU,CAAI;IACtB,OAAO,CAAC,cAAc,CAAI;IAC1B,OAAO,CAAC,aAAa,CAAI;IACzB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAS;gBAEhC,aAAa,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI;IAK5D,KAAK,IAAI,IAAI;IASb,IAAI,IAAI,IAAI;IASZ,OAAO,CAAC,WAAW;IAqCnB,OAAO,CAAC,aAAa;IAkBrB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,gBAAgB;CAIzB"}
+{"version":3,"file":"frustration.d.ts","sourceRoot":"","sources":["../../src/context/frustration.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,iBAAiB,GACzB,YAAY,GACZ,YAAY,GACZ,eAAe,GACf,kBAAkB,GAClB,cAAc,GACd,YAAY,GACZ,gBAAgB,CAAA;AAEpB,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,iBAAiB,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;CAClB;AA6BD,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,YAAY,CAAoB;IACxC,OAAO,CAAC,aAAa,CAAmC;IACxD,OAAO,CAAC,iBAAiB,CAAyB;IAClD,OAAO,CAAC,iBAAiB,CAA4B;IACrD,OAAO,CAAC,MAAM,CAAQ;IACtB,OAAO,CAAC,UAAU,CAAI;IACtB,OAAO,CAAC,cAAc,CAAI;IAC1B,OAAO,CAAC,aAAa,CAAI;IACzB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAS;IAE5C,OAAO,CAAC,aAAa,CAAe;IACpC,OAAO,CAAC,oBAAoB,CAA4B;IACxD,OAAO,CAAC,iBAAiB,CAAoC;IAC7D,OAAO,CAAC,oBAAoB,CAAuC;IACnE,OAAO,CAAC,kBAAkB,CAAoC;IAC9D,OAAO,CAAC,qBAAqB,CAAuC;IACpE,OAAO,CAAC,kBAAkB,CAAoC;IAC9D,OAAO,CAAC,mBAAmB,CAAoC;IAC/D,OAAO,CAAC,aAAa,CAAoB;IACzC,OAAO,CAAC,WAAW,CAAgC;IACnD,OAAO,CAAC,gBAAgB,CAAI;IAC5B,OAAO,CAAC,cAAc,CAAK;gBAEf,aAAa,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI;IAK5D,KAAK,IAAI,IAAI;IAab,IAAI,IAAI,IAAI;IAeZ,OAAO,CAAC,uBAAuB;IAsB/B,OAAO,CAAC,sBAAsB;IAoB9B,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,WAAW;IAuCnB,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,cAAc;IAmCtB,OAAO,CAAC,iBAAiB;IAqBzB,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,qBAAqB;IAK7B,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,aAAa;IAkBrB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,gBAAgB;CAIzB"}

package/dist/i18n/de.d.ts

@@ -0,0 +1,54 @@
+declare const _default: {
+    tab: string;
+    toolbar: {
+        markup: string;
+        record: string;
+        hint: string;
+        hintRecord: string;
+        exit: string;
+    };
+    popup: {
+        about: string;
+        placeholder: string;
+        submit: string;
+        cancel: string;
+        quickOptions: {
+            emoji: string;
+            label: string;
+        }[];
+    };
+    success: {
+        title: string;
+        message: string;
+        view_feedback: string;
+        close: string;
+    };
+    error: {
+        submit: string;
+    };
+    pet: {
+        bubble: string;
+    };
+    frustration: {
+        prompt: string;
+        action: string;
+        dismiss: string;
+    };
+    annotation: {
+        drawing: string;
+        element: string;
+    };
+    record: {
+        stop: string;
+        timer_label: string;
+        max_reached: string;
+    };
+    clarify: {
+        thinking: string;
+        placeholder: string;
+        send: string;
+        skip: string;
+    };
+};
+export default _default;
+//# sourceMappingURL=de.d.ts.map

package/dist/i18n/de.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../src/i18n/de.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAqDC"}

package/dist/i18n/en.d.ts

@@ -20,6 +20,7 @@ declare const _default: {
     success: {
         title: string;
         message: string;
+        view_feedback: string;
         close: string;
     };
     error: {
@@ -42,6 +43,12 @@ declare const _default: {
         timer_label: string;
         max_reached: string;
     };
+    clarify: {
+        thinking: string;
+        placeholder: string;
+        send: string;
+        skip: string;
+    };
 };
 export default _default;
 //# sourceMappingURL=en.d.ts.map

package/dist/i18n/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA8CC"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAqDC"}