agent-ui-annotation 0.3.1 → 0.4.1

package/README.md

@@ -6,6 +6,10 @@
 
 **[Live Demo](https://yeomansiii.github.io/agent-ui-annotation/)**
 
+<p align="center">
+  <img src="demo/workflow.gif" alt="agent-ui-annotation workflow: Click, Annotate, Copy, Output" width="760">
+</p>
+
 A web page annotation toolbar for AI coding agents. Click on elements, add notes, and export structured markdown that helps AI assistants locate and modify specific UI components.
 
 ## Overview
@@ -196,6 +200,133 @@ When active, clicks are blocked from triggering buttons/links while annotating (
 ### Persistence
 Annotations are saved to localStorage and persist across page reloads (7-day retention).
 
+## Internationalization (i18n)
+
+agent-ui-annotation supports multiple languages with built-in English and Simplified Chinese translations.
+
+### Basic Usage
+
+Initialize i18n once at your app's entry point, before rendering any components:
+
+```javascript
+import { initI18n } from 'agent-ui-annotation';
+
+// Initialize at app startup (optional for English - it's the default)
+initI18n({ locale: 'zh-CN' });
+```
+
+> **Note:** If you're using English, you can skip calling `initI18n()` entirely - English is the default locale.
+
+### Framework Examples
+
+**React** (in App.tsx or main.tsx):
+```tsx
+import { initI18n } from 'agent-ui-annotation';
+import { AgentUIAnnotation } from 'agent-ui-annotation/react';
+
+// Initialize once at app startup
+initI18n({ locale: 'zh-CN' });
+
+function App() {
+  return <AgentUIAnnotation theme="auto" />;
+}
+```
+
+**Vue** (in main.ts):
+```typescript
+import { initI18n } from 'agent-ui-annotation';
+
+initI18n({ locale: 'zh-CN' });
+
+// Then create your Vue app...
+```
+
+**Svelte** (in +layout.ts or main entry):
+```typescript
+import { initI18n } from 'agent-ui-annotation';
+
+initI18n({ locale: 'zh-CN' });
+```
+
+**Vanilla JS:**
+```javascript
+import { createAnnotation, initI18n } from 'agent-ui-annotation/vanilla';
+
+// Option 1: Use initI18n (recommended for consistency with other frameworks)
+initI18n({ locale: 'zh-CN' });
+const annotation = createAnnotation({ theme: 'auto' });
+
+// Option 2: Pass locale directly to createAnnotation
+const annotation = createAnnotation({ locale: 'zh-CN' });
+```
+
+### Custom Translations
+
+Override specific strings while keeping the rest:
+
+```javascript
+import { initI18n } from 'agent-ui-annotation';
+
+initI18n({
+  locale: 'en',
+  translations: {
+    toolbar: {
+      copiedFeedback: 'Successfully copied!',
+    },
+    popup: {
+      addFeedback: 'Enter your notes...',
+    },
+  },
+});
+```
+
+### Output Translation
+
+By default, markdown output stays in English for AI compatibility. To translate output:
+
+```javascript
+initI18n({
+  locale: 'zh-CN',
+  translateOutput: true, // Translate markdown labels
+});
+```
+
+### Built-in Locales
+
+| Locale | Language |
+|--------|----------|
+| `en` | English (default) |
+| `zh-CN` | Simplified Chinese |
+
+### Register Custom Locale
+
+```javascript
+import { registerLocale, initI18n, en } from 'agent-ui-annotation';
+
+const customLocale = {
+  ...en,
+  toolbar: {
+    ...en.toolbar,
+    settings: 'Einstellungen',
+  },
+};
+
+registerLocale('de', customLocale);
+initI18n({ locale: 'de' });
+```
+
+### Contributing Translations
+
+We welcome contributions for additional languages! To add a new locale:
+
+1. Copy `src/core/i18n/locales/en.ts` as a template
+2. Create a new file like `src/core/i18n/locales/de.ts` for your language
+3. Translate all strings, keeping the same key structure
+4. Export from `src/core/i18n/index.ts`
+5. Submit a pull request
+
+See the [en.ts](src/core/i18n/locales/en.ts) and [zh-CN.ts](src/core/i18n/locales/zh-CN.ts) files for examples.
+
 ## API Reference
 
 ### Options
@@ -211,6 +342,13 @@ interface AnnotationOptions {
   onAnnotationsClear?: (annotations: Annotation[]) => void;
   onCopy?: (content: string, level: OutputLevel) => void;
 }
+
+// i18n is configured separately via initI18n()
+interface I18nOptions {
+  locale?: string;                    // e.g., 'en', 'zh-CN'
+  translations?: PartialTranslations; // Custom translation overrides
+  translateOutput?: boolean;          // Translate markdown output (default: false)
+}
 ```
 
 ### Instance Methods
@@ -236,6 +374,8 @@ interface AnnotationInstance {
 | `annotation-color` | string | `#AF52DE` | Marker color |
 | `disabled` | boolean | `false` | Disable the toolbar |
 
+> **Note:** For i18n, call `initI18n()` at app startup rather than using component attributes.
+
 ### Custom Events
 
 | Event | Detail | Description |

package/dist/adapters/angular/annotation.module.d.ts

@@ -1,50 +1,11 @@
-/**
- * Angular adapter for agent-ui-annotation
- *
- * Usage in Angular:
- *
- * 1. Import in your module:
- * ```typescript
- * import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
- * import 'agent-ui-annotation'; // Registers the custom element
- *
- * @NgModule({
- *   schemas: [CUSTOM_ELEMENTS_SCHEMA],
- *   // ...
- * })
- * export class AppModule {}
- * ```
- *
- * 2. Use in template:
- * ```html
- * <agent-ui-annotation
- *   theme="auto"
- *   output-level="standard"
- *   (annotation:create)="onAnnotationCreate($event)"
- *   (annotation:copy)="onCopy($event)"
- * ></agent-ui-annotation>
- * ```
- *
- * 3. Access element in component:
- * ```typescript
- * import { ViewChild, ElementRef } from '@angular/core';
- * import type { AnnotationElement } from 'agent-ui-annotation';
- *
- * @Component({ ... })
- * export class AppComponent {
- *   @ViewChild('annotation') annotationRef!: ElementRef<AnnotationElement>;
- *
- *   activate() {
- *     this.annotationRef.nativeElement.activate();
- *   }
- * }
- * ```
- */
-export type { Annotation, AnnotationId, OutputLevel, ThemeMode, Settings } from '../../core/types';
+import { I18nOptions } from '../../core/i18n';
+export type { Annotation, AnnotationId, OutputLevel, ThemeMode, Settings, PartialTranslationStrings, I18nOptions } from '../../core/types';
 export { AnnotationElement } from '../../element/annotation-element';
+export { initI18n } from '../../core/i18n';
 /**
  * Initialize agent-ui-annotation for Angular
  * Call this in your app's initialization
+ * @param i18nOptions Optional i18n configuration (locale, translations, translateOutput)
  */
-export declare function initAgentUIAnnotation(): void;
+export declare function initAgentUIAnnotation(i18nOptions?: I18nOptions): void;
 //# sourceMappingURL=annotation.module.d.ts.map

package/dist/adapters/angular/annotation.module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"annotation.module.d.ts","sourceRoot":"","sources":["../../../src/adapters/angular/annotation.module.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAQH,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACnG,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE;;;GAGG;AACH,wBAAgB,qBAAqB,SAEpC"}
+{"version":3,"file":"annotation.module.d.ts","sourceRoot":"","sources":["../../../src/adapters/angular/annotation.module.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AAGH,OAAO,EAAY,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAM7D,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,yBAAyB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC3I,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,CAAC,EAAE,WAAW,QAK9D"}

package/dist/adapters/react/AgentUIAnnotation.js

@@ -1,5 +1,5 @@
 import b, { useRef as h, useEffect as I, useCallback as d } from "react";
-import { r as R } from "../../annotation-element-D4fn1LnU.js";
+import { r as R } from "../../annotation-element-z6TdBGsn.js";
 R();
 const y = ({
   theme: c = "auto",

package/dist/adapters/svelte/index.js

@@ -1,8 +1,8 @@
 import "svelte/internal/disclose-version";
 import * as e from "svelte/internal/client";
 import { onMount as C } from "svelte";
-import { r as b } from "../../annotation-element-D4fn1LnU.js";
-import { A as k } from "../../annotation-element-D4fn1LnU.js";
+import { r as b } from "../../annotation-element-z6TdBGsn.js";
+import { A as k } from "../../annotation-element-z6TdBGsn.js";
 var U = e.from_html("<agent-ui-annotation></agent-ui-annotation>", 2);
 function M(n, a) {
   e.push(a, !0);

package/dist/adapters/vanilla/index.d.ts

@@ -1,4 +1,4 @@
-import { Scope, AnnotationId, OutputLevel, ThemeMode, Settings } from '../../core/types';
+import { Scope, AnnotationId, OutputLevel, ThemeMode, Settings, PartialTranslationStrings } from '../../core/types';
 import { AnnotationElement, registerAnnotationElement } from '../../element/annotation-element';
 export interface AnnotationOptions {
     /** Container element to append Annotation to (defaults to document.body) */
@@ -21,6 +21,12 @@ export interface AnnotationOptions {
     onScopesClear?: (scopes: Scope[]) => void;
     /** Callback when output is copied */
     onCopy?: (content: string, level: OutputLevel) => void;
+    /** Locale for UI strings (default: 'en') */
+    locale?: string;
+    /** Custom translation overrides */
+    translations?: PartialTranslationStrings;
+    /** Whether to translate markdown output (default: false for AI compatibility) */
+    translateOutput?: boolean;
 }
 export interface AnnotationInstance {
     /** The underlying custom element */
@@ -68,6 +74,7 @@ export declare function createAnnotation(options?: AnnotationOptions): Annotatio
  * ```
  */
 export declare function init(options?: Omit<AnnotationOptions, 'autoActivate'>): AnnotationInstance;
-export type { Scope, AnnotationId, OutputLevel, ThemeMode, Settings };
+export type { Scope, AnnotationId, OutputLevel, ThemeMode, Settings, PartialTranslationStrings };
 export { AnnotationElement, registerAnnotationElement };
+export { initI18n } from '../../core/i18n';
 //# sourceMappingURL=index.d.ts.map

package/dist/adapters/vanilla/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/adapters/vanilla/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC9F,OAAO,EACL,iBAAiB,EACjB,yBAAyB,EAC1B,MAAM,kCAAkC,CAAC;AAK1C,MAAM,WAAW,iBAAiB;IAChC,4EAA4E;IAC5E,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,iBAAiB;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uCAAuC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,uCAAuC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,uCAAuC;IACvC,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,2CAA2C;IAC3C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC;IAC1C,qCAAqC;IACrC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CACxD;AAED,MAAM,WAAW,kBAAkB;IACjC,oCAAoC;IACpC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,wBAAwB;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,0BAA0B;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,wBAAwB;IACxB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,+BAA+B;IAC/B,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACtD,iCAAiC;IACjC,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,WAAW,KAAK,MAAM,CAAC;IAC3C,uBAAuB;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,qCAAqC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,iBAAsB,GAAG,kBAAkB,CAiGpF;AAED;;;;;;;;;GASG;AACH,wBAAgB,IAAI,CAAC,OAAO,GAAE,IAAI,CAAC,iBAAiB,EAAE,cAAc,CAAM,GAAG,kBAAkB,CAE9F;AAGD,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/adapters/vanilla/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AACzH,OAAO,EACL,iBAAiB,EACjB,yBAAyB,EAC1B,MAAM,kCAAkC,CAAC;AAM1C,MAAM,WAAW,iBAAiB;IAChC,4EAA4E;IAC5E,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,iBAAiB;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uCAAuC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,uCAAuC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,uCAAuC;IACvC,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,2CAA2C;IAC3C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC;IAC1C,qCAAqC;IACrC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvD,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,YAAY,CAAC,EAAE,yBAAyB,CAAC;IACzC,iFAAiF;IACjF,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAkB;IACjC,oCAAoC;IACpC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,wBAAwB;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,0BAA0B;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,wBAAwB;IACxB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,+BAA+B;IAC/B,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACtD,iCAAiC;IACjC,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,WAAW,KAAK,MAAM,CAAC;IAC3C,uBAAuB;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,qCAAqC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,iBAAsB,GAAG,kBAAkB,CAyGpF;AAED;;;;;;;;;GASG;AACH,wBAAgB,IAAI,CAAC,OAAO,GAAE,IAAI,CAAC,iBAAiB,EAAE,cAAc,CAAM,GAAG,kBAAkB,CAE9F;AAGD,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,yBAAyB,EAAE,CAAC;AACjG,OAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/adapters/vanilla/index.js

@@ -1,20 +1,25 @@
-import { r as v } from "../../annotation-element-D4fn1LnU.js";
-import { A as y } from "../../annotation-element-D4fn1LnU.js";
-v();
-function m(n = {}) {
+import { r as A, h as g } from "../../annotation-element-z6TdBGsn.js";
+import { A as b } from "../../annotation-element-z6TdBGsn.js";
+A();
+function E(n = {}) {
   const {
-    container: d = document.body,
-    theme: u = "auto",
-    outputLevel: p = "standard",
+    container: p = document.body,
+    theme: v = "auto",
+    outputLevel: m = "standard",
     scopeColor: o,
-    autoActivate: s = !1,
+    autoActivate: f = !1,
     onScopeCreate: a,
     onScopeUpdate: i,
     onScopeDelete: r,
     onScopesClear: c,
-    onCopy: l
-  } = n, t = document.createElement("agent-ui-annotation");
-  return t.setAttribute("theme", u), t.setAttribute("output-level", p), o && t.setAttribute("scope-color", o), a && t.addEventListener("annotation:scope", ((e) => {
+    onCopy: l,
+    locale: u,
+    translations: d,
+    translateOutput: s
+  } = n;
+  (u || d || s !== void 0) && g({ locale: u, translations: d, translateOutput: s });
+  const t = document.createElement("agent-ui-annotation");
+  return t.setAttribute("theme", v), t.setAttribute("output-level", m), o && t.setAttribute("scope-color", o), a && t.addEventListener("annotation:scope", ((e) => {
     a(e.detail.scope);
   })), i && t.addEventListener("annotation:update", ((e) => {
     i(e.detail.scope);
@@ -24,7 +29,7 @@ function m(n = {}) {
     c(e.detail.scopes);
   })), l && t.addEventListener("annotation:copy", ((e) => {
     l(e.detail.content, e.detail.level);
-  })), d.appendChild(t), s && requestAnimationFrame(() => {
+  })), p.appendChild(t), f && requestAnimationFrame(() => {
     t.activate();
   }), {
     element: t,
@@ -51,13 +56,14 @@ function m(n = {}) {
     }
   };
 }
-function A(n = {}) {
-  return m({ ...n, autoActivate: !0 });
+function L(n = {}) {
+  return E({ ...n, autoActivate: !0 });
 }
 export {
-  y as AnnotationElement,
-  m as createAnnotation,
-  A as init,
-  v as registerAnnotationElement
+  b as AnnotationElement,
+  E as createAnnotation,
+  L as init,
+  g as initI18n,
+  A as registerAnnotationElement
 };
 //# sourceMappingURL=index.js.map

package/dist/adapters/vanilla/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/adapters/vanilla/index.ts"],"sourcesContent":["/**\n * Vanilla JS adapter for Annotation\n */\n\nimport type { Scope, AnnotationId, OutputLevel, ThemeMode, Settings } from '../../core/types';\nimport {\n  AnnotationElement,\n  registerAnnotationElement,\n} from '../../element/annotation-element';\n\n// Ensure custom element is registered\nregisterAnnotationElement();\n\nexport interface AnnotationOptions {\n  /** Container element to append Annotation to (defaults to document.body) */\n  container?: HTMLElement;\n  /** Theme mode */\n  theme?: ThemeMode;\n  /** Output detail level */\n  outputLevel?: OutputLevel;\n  /** Scope marker color */\n  scopeColor?: string;\n  /** Whether to auto-activate on mount */\n  autoActivate?: boolean;\n  /** Callback when a scope is created */\n  onScopeCreate?: (scope: Scope) => void;\n  /** Callback when a scope is updated */\n  onScopeUpdate?: (scope: Scope) => void;\n  /** Callback when a scope is deleted */\n  onScopeDelete?: (id: AnnotationId) => void;\n  /** Callback when all scopes are cleared */\n  onScopesClear?: (scopes: Scope[]) => void;\n  /** Callback when output is copied */\n  onCopy?: (content: string, level: OutputLevel) => void;\n}\n\nexport interface AnnotationInstance {\n  /** The underlying custom element */\n  element: AnnotationElement;\n  /** Activate the tool */\n  activate: () => void;\n  /** Deactivate the tool */\n  deactivate: () => void;\n  /** Toggle activation */\n  toggle: () => void;\n  /** Copy output to clipboard */\n  copyOutput: (level?: OutputLevel) => Promise<boolean>;\n  /** Get output without copying */\n  getOutput: (level?: OutputLevel) => string;\n  /** Clear all scopes */\n  clearAll: () => void;\n  /** Destroy and remove the element */\n  destroy: () => void;\n}\n\n/**\n * Create an Annotation instance\n *\n * @example\n * ```js\n * import { createAnnotation } from 'annotation/vanilla';\n *\n * const scope = createAnnotation({\n *   theme: 'auto',\n *   onScopeCreate: (scope) => console.log('Created:', scope),\n * });\n *\n * // Later:\n * scope.activate();\n * ```\n */\nexport function createAnnotation(options: AnnotationOptions = {}): AnnotationInstance {\n  const {\n    container = document.body,\n    theme = 'auto',\n    outputLevel = 'standard',\n    scopeColor,\n    autoActivate = false,\n    onScopeCreate,\n    onScopeUpdate,\n    onScopeDelete,\n    onScopesClear,\n    onCopy,\n  } = options;\n\n  // Create element\n  const element = document.createElement('agent-ui-annotation') as AnnotationElement;\n\n  // Set attributes\n  element.setAttribute('theme', theme);\n  element.setAttribute('output-level', outputLevel);\n  if (scopeColor) {\n    element.setAttribute('scope-color', scopeColor);\n  }\n\n  // Add event listeners\n  if (onScopeCreate) {\n    element.addEventListener('annotation:scope', ((e: CustomEvent) => {\n      onScopeCreate(e.detail.scope);\n    }) as EventListener);\n  }\n\n  if (onScopeUpdate) {\n    element.addEventListener('annotation:update', ((e: CustomEvent) => {\n      onScopeUpdate(e.detail.scope);\n    }) as EventListener);\n  }\n\n  if (onScopeDelete) {\n    element.addEventListener('annotation:delete', ((e: CustomEvent) => {\n      onScopeDelete(e.detail.id);\n    }) as EventListener);\n  }\n\n  if (onScopesClear) {\n    element.addEventListener('annotation:clear', ((e: CustomEvent) => {\n      onScopesClear(e.detail.scopes);\n    }) as EventListener);\n  }\n\n  if (onCopy) {\n    element.addEventListener('annotation:copy', ((e: CustomEvent) => {\n      onCopy(e.detail.content, e.detail.level);\n    }) as EventListener);\n  }\n\n  // Append to container\n  container.appendChild(element);\n\n  // Auto-activate if requested\n  if (autoActivate) {\n    // Wait for next tick to ensure element is connected\n    requestAnimationFrame(() => {\n      element.activate();\n    });\n  }\n\n  return {\n    element,\n\n    activate() {\n      element.activate();\n    },\n\n    deactivate() {\n      element.deactivate();\n    },\n\n    toggle() {\n      element.toggle();\n    },\n\n    async copyOutput(level?: OutputLevel) {\n      return element.copyOutput(level);\n    },\n\n    getOutput(level?: OutputLevel) {\n      return element.getOutput(level);\n    },\n\n    clearAll() {\n      element.clearAll();\n    },\n\n    destroy() {\n      element.remove();\n    },\n  };\n}\n\n/**\n * Initialize Annotation with a simple API\n *\n * @example\n * ```js\n * import { init } from 'annotation/vanilla';\n *\n * const scope = init(); // Creates and activates immediately\n * ```\n */\nexport function init(options: Omit<AnnotationOptions, 'autoActivate'> = {}): AnnotationInstance {\n  return createAnnotation({ ...options, autoActivate: true });\n}\n\n// Re-export types\nexport type { Scope, AnnotationId, OutputLevel, ThemeMode, Settings };\nexport { AnnotationElement, registerAnnotationElement };\n"],"names":["registerAnnotationElement","createAnnotation","options","container","theme","outputLevel","scopeColor","autoActivate","onScopeCreate","onScopeUpdate","onScopeDelete","onScopesClear","onCopy","element","level","init"],"mappings":";;AAWAA,EAAA;AA4DO,SAASC,EAAiBC,IAA6B,IAAwB;AACpF,QAAM;AAAA,IACJ,WAAAC,IAAY,SAAS;AAAA,IACrB,OAAAC,IAAQ;AAAA,IACR,aAAAC,IAAc;AAAA,IACd,YAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,QAAAC;AAAA,EAAA,IACEV,GAGEW,IAAU,SAAS,cAAc,qBAAqB;AAG5D,SAAAA,EAAQ,aAAa,SAAST,CAAK,GACnCS,EAAQ,aAAa,gBAAgBR,CAAW,GAC5CC,KACFO,EAAQ,aAAa,eAAeP,CAAU,GAI5CE,KACFK,EAAQ,iBAAiB,qBAAqB,CAAC,MAAmB;AAChE,IAAAL,EAAc,EAAE,OAAO,KAAK;AAAA,EAC9B,EAAA,GAGEC,KACFI,EAAQ,iBAAiB,sBAAsB,CAAC,MAAmB;AACjE,IAAAJ,EAAc,EAAE,OAAO,KAAK;AAAA,EAC9B,EAAA,GAGEC,KACFG,EAAQ,iBAAiB,sBAAsB,CAAC,MAAmB;AACjE,IAAAH,EAAc,EAAE,OAAO,EAAE;AAAA,EAC3B,EAAA,GAGEC,KACFE,EAAQ,iBAAiB,qBAAqB,CAAC,MAAmB;AAChE,IAAAF,EAAc,EAAE,OAAO,MAAM;AAAA,EAC/B,EAAA,GAGEC,KACFC,EAAQ,iBAAiB,oBAAoB,CAAC,MAAmB;AAC/D,IAAAD,EAAO,EAAE,OAAO,SAAS,EAAE,OAAO,KAAK;AAAA,EACzC,EAAA,GAIFT,EAAU,YAAYU,CAAO,GAGzBN,KAEF,sBAAsB,MAAM;AAC1B,IAAAM,EAAQ,SAAA;AAAA,EACV,CAAC,GAGI;AAAA,IACL,SAAAA;AAAA,IAEA,WAAW;AACT,MAAAA,EAAQ,SAAA;AAAA,IACV;AAAA,IAEA,aAAa;AACX,MAAAA,EAAQ,WAAA;AAAA,IACV;AAAA,IAEA,SAAS;AACP,MAAAA,EAAQ,OAAA;AAAA,IACV;AAAA,IAEA,MAAM,WAAWC,GAAqB;AACpC,aAAOD,EAAQ,WAAWC,CAAK;AAAA,IACjC;AAAA,IAEA,UAAUA,GAAqB;AAC7B,aAAOD,EAAQ,UAAUC,CAAK;AAAA,IAChC;AAAA,IAEA,WAAW;AACT,MAAAD,EAAQ,SAAA;AAAA,IACV;AAAA,IAEA,UAAU;AACR,MAAAA,EAAQ,OAAA;AAAA,IACV;AAAA,EAAA;AAEJ;AAYO,SAASE,EAAKb,IAAmD,IAAwB;AAC9F,SAAOD,EAAiB,EAAE,GAAGC,GAAS,cAAc,IAAM;AAC5D;"}
+{"version":3,"file":"index.js","sources":["../../../src/adapters/vanilla/index.ts"],"sourcesContent":["/**\n * Vanilla JS adapter for Annotation\n */\n\nimport type { Scope, AnnotationId, OutputLevel, ThemeMode, Settings, PartialTranslationStrings } from '../../core/types';\nimport {\n  AnnotationElement,\n  registerAnnotationElement,\n} from '../../element/annotation-element';\nimport { initI18n } from '../../core/i18n';\n\n// Ensure custom element is registered\nregisterAnnotationElement();\n\nexport interface AnnotationOptions {\n  /** Container element to append Annotation to (defaults to document.body) */\n  container?: HTMLElement;\n  /** Theme mode */\n  theme?: ThemeMode;\n  /** Output detail level */\n  outputLevel?: OutputLevel;\n  /** Scope marker color */\n  scopeColor?: string;\n  /** Whether to auto-activate on mount */\n  autoActivate?: boolean;\n  /** Callback when a scope is created */\n  onScopeCreate?: (scope: Scope) => void;\n  /** Callback when a scope is updated */\n  onScopeUpdate?: (scope: Scope) => void;\n  /** Callback when a scope is deleted */\n  onScopeDelete?: (id: AnnotationId) => void;\n  /** Callback when all scopes are cleared */\n  onScopesClear?: (scopes: Scope[]) => void;\n  /** Callback when output is copied */\n  onCopy?: (content: string, level: OutputLevel) => void;\n  /** Locale for UI strings (default: 'en') */\n  locale?: string;\n  /** Custom translation overrides */\n  translations?: PartialTranslationStrings;\n  /** Whether to translate markdown output (default: false for AI compatibility) */\n  translateOutput?: boolean;\n}\n\nexport interface AnnotationInstance {\n  /** The underlying custom element */\n  element: AnnotationElement;\n  /** Activate the tool */\n  activate: () => void;\n  /** Deactivate the tool */\n  deactivate: () => void;\n  /** Toggle activation */\n  toggle: () => void;\n  /** Copy output to clipboard */\n  copyOutput: (level?: OutputLevel) => Promise<boolean>;\n  /** Get output without copying */\n  getOutput: (level?: OutputLevel) => string;\n  /** Clear all scopes */\n  clearAll: () => void;\n  /** Destroy and remove the element */\n  destroy: () => void;\n}\n\n/**\n * Create an Annotation instance\n *\n * @example\n * ```js\n * import { createAnnotation } from 'annotation/vanilla';\n *\n * const scope = createAnnotation({\n *   theme: 'auto',\n *   onScopeCreate: (scope) => console.log('Created:', scope),\n * });\n *\n * // Later:\n * scope.activate();\n * ```\n */\nexport function createAnnotation(options: AnnotationOptions = {}): AnnotationInstance {\n  const {\n    container = document.body,\n    theme = 'auto',\n    outputLevel = 'standard',\n    scopeColor,\n    autoActivate = false,\n    onScopeCreate,\n    onScopeUpdate,\n    onScopeDelete,\n    onScopesClear,\n    onCopy,\n    locale,\n    translations,\n    translateOutput,\n  } = options;\n\n  // Initialize i18n if locale options provided\n  if (locale || translations || translateOutput !== undefined) {\n    initI18n({ locale, translations, translateOutput });\n  }\n\n  // Create element\n  const element = document.createElement('agent-ui-annotation') as AnnotationElement;\n\n  // Set attributes\n  element.setAttribute('theme', theme);\n  element.setAttribute('output-level', outputLevel);\n  if (scopeColor) {\n    element.setAttribute('scope-color', scopeColor);\n  }\n\n  // Add event listeners\n  if (onScopeCreate) {\n    element.addEventListener('annotation:scope', ((e: CustomEvent) => {\n      onScopeCreate(e.detail.scope);\n    }) as EventListener);\n  }\n\n  if (onScopeUpdate) {\n    element.addEventListener('annotation:update', ((e: CustomEvent) => {\n      onScopeUpdate(e.detail.scope);\n    }) as EventListener);\n  }\n\n  if (onScopeDelete) {\n    element.addEventListener('annotation:delete', ((e: CustomEvent) => {\n      onScopeDelete(e.detail.id);\n    }) as EventListener);\n  }\n\n  if (onScopesClear) {\n    element.addEventListener('annotation:clear', ((e: CustomEvent) => {\n      onScopesClear(e.detail.scopes);\n    }) as EventListener);\n  }\n\n  if (onCopy) {\n    element.addEventListener('annotation:copy', ((e: CustomEvent) => {\n      onCopy(e.detail.content, e.detail.level);\n    }) as EventListener);\n  }\n\n  // Append to container\n  container.appendChild(element);\n\n  // Auto-activate if requested\n  if (autoActivate) {\n    // Wait for next tick to ensure element is connected\n    requestAnimationFrame(() => {\n      element.activate();\n    });\n  }\n\n  return {\n    element,\n\n    activate() {\n      element.activate();\n    },\n\n    deactivate() {\n      element.deactivate();\n    },\n\n    toggle() {\n      element.toggle();\n    },\n\n    async copyOutput(level?: OutputLevel) {\n      return element.copyOutput(level);\n    },\n\n    getOutput(level?: OutputLevel) {\n      return element.getOutput(level);\n    },\n\n    clearAll() {\n      element.clearAll();\n    },\n\n    destroy() {\n      element.remove();\n    },\n  };\n}\n\n/**\n * Initialize Annotation with a simple API\n *\n * @example\n * ```js\n * import { init } from 'annotation/vanilla';\n *\n * const scope = init(); // Creates and activates immediately\n * ```\n */\nexport function init(options: Omit<AnnotationOptions, 'autoActivate'> = {}): AnnotationInstance {\n  return createAnnotation({ ...options, autoActivate: true });\n}\n\n// Re-export types and i18n\nexport type { Scope, AnnotationId, OutputLevel, ThemeMode, Settings, PartialTranslationStrings };\nexport { AnnotationElement, registerAnnotationElement };\nexport { initI18n } from '../../core/i18n';\n"],"names":["registerAnnotationElement","createAnnotation","options","container","theme","outputLevel","scopeColor","autoActivate","onScopeCreate","onScopeUpdate","onScopeDelete","onScopesClear","onCopy","locale","translations","translateOutput","initI18n","element","level","init"],"mappings":";;AAYAA,EAAA;AAkEO,SAASC,EAAiBC,IAA6B,IAAwB;AACpF,QAAM;AAAA,IACJ,WAAAC,IAAY,SAAS;AAAA,IACrB,OAAAC,IAAQ;AAAA,IACR,aAAAC,IAAc;AAAA,IACd,YAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACEb;AAGJ,GAAIW,KAAUC,KAAgBC,MAAoB,WAChDC,EAAS,EAAE,QAAAH,GAAQ,cAAAC,GAAc,iBAAAC,EAAA,CAAiB;AAIpD,QAAME,IAAU,SAAS,cAAc,qBAAqB;AAG5D,SAAAA,EAAQ,aAAa,SAASb,CAAK,GACnCa,EAAQ,aAAa,gBAAgBZ,CAAW,GAC5CC,KACFW,EAAQ,aAAa,eAAeX,CAAU,GAI5CE,KACFS,EAAQ,iBAAiB,qBAAqB,CAAC,MAAmB;AAChE,IAAAT,EAAc,EAAE,OAAO,KAAK;AAAA,EAC9B,EAAA,GAGEC,KACFQ,EAAQ,iBAAiB,sBAAsB,CAAC,MAAmB;AACjE,IAAAR,EAAc,EAAE,OAAO,KAAK;AAAA,EAC9B,EAAA,GAGEC,KACFO,EAAQ,iBAAiB,sBAAsB,CAAC,MAAmB;AACjE,IAAAP,EAAc,EAAE,OAAO,EAAE;AAAA,EAC3B,EAAA,GAGEC,KACFM,EAAQ,iBAAiB,qBAAqB,CAAC,MAAmB;AAChE,IAAAN,EAAc,EAAE,OAAO,MAAM;AAAA,EAC/B,EAAA,GAGEC,KACFK,EAAQ,iBAAiB,oBAAoB,CAAC,MAAmB;AAC/D,IAAAL,EAAO,EAAE,OAAO,SAAS,EAAE,OAAO,KAAK;AAAA,EACzC,EAAA,GAIFT,EAAU,YAAYc,CAAO,GAGzBV,KAEF,sBAAsB,MAAM;AAC1B,IAAAU,EAAQ,SAAA;AAAA,EACV,CAAC,GAGI;AAAA,IACL,SAAAA;AAAA,IAEA,WAAW;AACT,MAAAA,EAAQ,SAAA;AAAA,IACV;AAAA,IAEA,aAAa;AACX,MAAAA,EAAQ,WAAA;AAAA,IACV;AAAA,IAEA,SAAS;AACP,MAAAA,EAAQ,OAAA;AAAA,IACV;AAAA,IAEA,MAAM,WAAWC,GAAqB;AACpC,aAAOD,EAAQ,WAAWC,CAAK;AAAA,IACjC;AAAA,IAEA,UAAUA,GAAqB;AAC7B,aAAOD,EAAQ,UAAUC,CAAK;AAAA,IAChC;AAAA,IAEA,WAAW;AACT,MAAAD,EAAQ,SAAA;AAAA,IACV;AAAA,IAEA,UAAU;AACR,MAAAA,EAAQ,OAAA;AAAA,IACV;AAAA,EAAA;AAEJ;AAYO,SAASE,EAAKjB,IAAmD,IAAwB;AAC9F,SAAOD,EAAiB,EAAE,GAAGC,GAAS,cAAc,IAAM;AAC5D;"}

package/dist/adapters/vue/AgentUIAnnotation.vue.d.ts

@@ -38,8 +38,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     onAnnotationsClear?: ((annotations: import('..').Scope[]) => any) | undefined;
 }>, {
     disabled: boolean;
-    theme: ThemeMode;
     outputLevel: OutputLevel;
+    theme: ThemeMode;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     elementRef: unknown;
 }, any>;

package/dist/adapters/vue/AgentUIAnnotation.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentUIAnnotation.vue.d.ts","sourceRoot":"","sources":["../../../src/adapters/vue/AgentUIAnnotation.vue"],"names":[],"mappings":"AAgJA,OAAO,KAAK,EAA4B,WAAW,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAOzF,KAAK,WAAW,GAAG;IACjB,iBAAiB;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,8BAA8B;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;;;;;;IArBF;;OAEG;IAEH,CA5HO;;IAwHP;;OAEG;IAEH,CA3HmC;;;;;;;;;;;;;;;cA2ItB,OAAO;WANV,SAAS;iBAEH,WAAW;;;;AAgL3B,wBAWG"}
+{"version":3,"file":"AgentUIAnnotation.vue.d.ts","sourceRoot":"","sources":["../../../src/adapters/vue/AgentUIAnnotation.vue"],"names":[],"mappings":"AAgJA,OAAO,KAAK,EAA4B,WAAW,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAOzF,KAAK,WAAW,GAAG;IACjB,iBAAiB;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,8BAA8B;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;;;;;;IArBF;;OAEG;IAEH,CA5HO;;IAwHP;;OAEG;IAEH,CA3HmC;;;;;;;;;;;;;;;cA2ItB,OAAO;iBAJJ,WAAW;WAFjB,SAAS;;;;AAkLnB,wBAWG"}

package/dist/adapters/vue/index.js

@@ -1,5 +1,5 @@
-import { r as p } from "../../annotation-element-D4fn1LnU.js";
-import { A as P } from "../../annotation-element-D4fn1LnU.js";
+import { r as p } from "../../annotation-element-z6TdBGsn.js";
+import { A as P } from "../../annotation-element-z6TdBGsn.js";
 import { defineComponent as f, ref as m, onMounted as y, onUnmounted as A, watch as E, resolveComponent as L, openBlock as O, createBlock as h } from "vue";
 const R = /* @__PURE__ */ f({
   __name: "AgentUIAnnotation",

package/dist/agent-ui-annotation.js

@@ -1,20 +1,26 @@
-import { r as e } from "./annotation-element-D4fn1LnU.js";
-import { A as n, S as r, c as s, a as i, b as c, d as l, g as m, e as f, i as A, f as E } from "./annotation-element-D4fn1LnU.js";
-import { createAnnotation as g, init as p } from "./adapters/vanilla/index.js";
+import { r as e } from "./annotation-element-z6TdBGsn.js";
+import { A as o, S as r, c as s, a as i, b as c, d as l, e as m, g as f, f as A, i as E, h as g, j as p, k as C, t as S, l as h, z as O } from "./annotation-element-z6TdBGsn.js";
+import { createAnnotation as x, init as d } from "./adapters/vanilla/index.js";
 e();
 export {
-  n as AnnotationElement,
+  o as AnnotationElement,
   r as SCOPE_COLORS,
   s as collectElementInfo,
-  g as createAnnotation,
+  x as createAnnotation,
   i as createAnnotationCore,
   c as createEventBus,
   l as createStore,
-  m as generateSelectorPath,
-  f as getAccentColor,
-  A as identifyElement,
-  p as init,
+  m as en,
+  f as generateSelectorPath,
+  A as getAccentColor,
+  E as identifyElement,
+  d as init,
+  g as initI18n,
   e as registerAnnotationElement,
-  E as resolveTheme
+  p as registerLocale,
+  C as resolveTheme,
+  S as t,
+  h as tOutput,
+  O as zhCN
 };
 //# sourceMappingURL=agent-ui-annotation.js.map

package/dist/agent-ui-annotation.js.map

@@ -1 +1 @@
-{"version":3,"file":"agent-ui-annotation.js","sources":["../src/index.ts"],"sourcesContent":["/**\n * Annotation - Web page annotation toolbar for AI coding agents\n *\n * @example Basic usage (auto-registers custom element)\n * ```js\n * import 'annotation';\n *\n * // Add to HTML:\n * // <agent-ui-annotation theme=\"auto\"></agent-ui-annotation>\n * ```\n *\n * @example Vanilla JS\n * ```js\n * import { createAnnotation } from 'annotation';\n *\n * const scope = createAnnotation({\n *   theme: 'dark',\n *   onScopeCreate: (scope) => console.log('New scope:', scope),\n * });\n *\n * scope.activate();\n * ```\n *\n * @example React\n * ```jsx\n * import { Annotation } from 'annotation/react';\n *\n * function App() {\n *   return (\n *     <Annotation\n *       theme=\"auto\"\n *       onScopeCreate={(scope) => console.log('New scope:', scope)}\n *     />\n *   );\n * }\n * ```\n */\n\n// Auto-register custom element\nimport { registerAnnotationElement } from './element/annotation-element';\nregisterAnnotationElement();\n\n// Core exports\nexport {\n  // Types\n  type AnnotationId,\n  type Position,\n  type ElementRect,\n  type AccessibilityInfo,\n  type ComputedStylesSubset,\n  type NearbyContext,\n  type ElementInfo,\n  type Scope,\n  type OutputLevel,\n  type ThemeMode,\n  type ToolbarPosition,\n  type ToolMode,\n  type Settings,\n  type SelectionRect,\n  type EnvironmentInfo,\n  type EventMap,\n  type AppState,\n  type AnnotationEventDetail,\n  type AnnotationColor,\n  SCOPE_COLORS,\n\n  // Controller\n  createAnnotationCore,\n  type AnnotationCore,\n  type AnnotationCoreOptions,\n\n  // Store\n  createStore,\n  type Store,\n\n  // Event Bus\n  createEventBus,\n  type EventBus,\n\n  // Element utilities\n  identifyElement,\n  generateSelectorPath,\n  collectElementInfo,\n} from './core';\n\n// Web Component\nexport {\n  AnnotationElement,\n  registerAnnotationElement,\n} from './element';\n\n// Vanilla adapter\nexport {\n  createAnnotation,\n  init,\n  type AnnotationOptions,\n  type AnnotationInstance,\n} from './adapters/vanilla';\n\n// Theme utilities\nexport {\n  resolveTheme,\n  getAccentColor,\n} from './themes';\n"],"names":["registerAnnotationElement"],"mappings":";;;AAwCAA,EAAA;"}
+{"version":3,"file":"agent-ui-annotation.js","sources":["../src/index.ts"],"sourcesContent":["/**\n * Annotation - Web page annotation toolbar for AI coding agents\n *\n * @example Basic usage (auto-registers custom element)\n * ```js\n * import 'annotation';\n *\n * // Add to HTML:\n * // <agent-ui-annotation theme=\"auto\"></agent-ui-annotation>\n * ```\n *\n * @example Vanilla JS\n * ```js\n * import { createAnnotation } from 'annotation';\n *\n * const scope = createAnnotation({\n *   theme: 'dark',\n *   onScopeCreate: (scope) => console.log('New scope:', scope),\n * });\n *\n * scope.activate();\n * ```\n *\n * @example React\n * ```jsx\n * import { Annotation } from 'annotation/react';\n *\n * function App() {\n *   return (\n *     <Annotation\n *       theme=\"auto\"\n *       onScopeCreate={(scope) => console.log('New scope:', scope)}\n *     />\n *   );\n * }\n * ```\n */\n\n// Auto-register custom element\nimport { registerAnnotationElement } from './element/annotation-element';\nregisterAnnotationElement();\n\n// Core exports\nexport {\n  // Types\n  type AnnotationId,\n  type Position,\n  type ElementRect,\n  type AccessibilityInfo,\n  type ComputedStylesSubset,\n  type NearbyContext,\n  type ElementInfo,\n  type Scope,\n  type OutputLevel,\n  type ThemeMode,\n  type ToolbarPosition,\n  type ToolMode,\n  type Settings,\n  type SelectionRect,\n  type EnvironmentInfo,\n  type EventMap,\n  type AppState,\n  type AnnotationEventDetail,\n  type AnnotationColor,\n  SCOPE_COLORS,\n\n  // Controller\n  createAnnotationCore,\n  type AnnotationCore,\n  type AnnotationCoreOptions,\n\n  // Store\n  createStore,\n  type Store,\n\n  // Event Bus\n  createEventBus,\n  type EventBus,\n\n  // Element utilities\n  identifyElement,\n  generateSelectorPath,\n  collectElementInfo,\n} from './core';\n\n// Web Component\nexport {\n  AnnotationElement,\n  registerAnnotationElement,\n} from './element';\n\n// Vanilla adapter\nexport {\n  createAnnotation,\n  init,\n  type AnnotationOptions,\n  type AnnotationInstance,\n} from './adapters/vanilla';\n\n// Theme utilities\nexport {\n  resolveTheme,\n  getAccentColor,\n} from './themes';\n\n// i18n\nexport {\n  initI18n,\n  registerLocale,\n  t,\n  tOutput,\n  en,\n  zhCN,\n  type TranslationStrings,\n  type PartialTranslationStrings,\n  type I18nOptions,\n} from './core/i18n';\n"],"names":["registerAnnotationElement"],"mappings":";;;AAwCAA,EAAA;"}