@lionrapid/core 0.1.0

package/dist/browser/editor/editor-init.js

@@ -0,0 +1,181 @@
+/**
+ * Visual Translation Editor — Entry Point
+ * Self-executing IIFE bundle loaded by edge proxy or auto-init when ?__lr_editor is detected.
+ *
+ * Reads script tag attributes, polls for window.LionRapid, creates Shadow DOM,
+ * and instantiates Inspector, Sidebar, and Toolbar.
+ *
+ * Auth flow: grant token → exchange for scoped session JWT → use JWT for API calls.
+ */
+import { EDITOR_CSS } from './editor-styles.js';
+import { Inspector } from './inspector.js';
+import { Toolbar } from './toolbar.js';
+import { Sidebar } from './sidebar.js';
+import { EditorAPI } from './editor-api.js';
+// ============================================
+// Session helpers
+// ============================================
+const SESSION_KEY = '__lr_editor_session';
+function getStoredSession() {
+    try {
+        const raw = sessionStorage.getItem(SESSION_KEY);
+        if (!raw)
+            return null;
+        const parsed = JSON.parse(raw);
+        // Check if expired (with 30s buffer)
+        if (parsed.exp * 1000 < Date.now() + 30_000) {
+            sessionStorage.removeItem(SESSION_KEY);
+            return null;
+        }
+        return parsed.token;
+    }
+    catch {
+        return null;
+    }
+}
+function storeSession(token) {
+    try {
+        // Parse exp from JWT payload (es_<header>.<payload>.<sig>)
+        const raw = token.startsWith('es_') ? token.slice(3) : token;
+        const parts = raw.split('.');
+        if (parts.length !== 3)
+            return;
+        const payload = JSON.parse(atob(parts[1]));
+        const session = { token, exp: payload.exp || 0 };
+        sessionStorage.setItem(SESSION_KEY, JSON.stringify(session));
+    }
+    catch {
+        // Non-critical — session just won't persist across navigations
+    }
+}
+function clearSession() {
+    sessionStorage.removeItem(SESSION_KEY);
+}
+// ============================================
+// Init
+// ============================================
+function initEditor() {
+    // Read attributes from own script tag
+    const scriptEl = document.querySelector('script[data-grant]');
+    if (!scriptEl) {
+        console.warn('[LionRapid Editor] No script tag with data-grant found');
+        return;
+    }
+    const grant = scriptEl.dataset.grant || '';
+    const locale = scriptEl.dataset.locale || '';
+    const apiBase = scriptEl.dataset.api || 'https://api.lionrapid.com';
+    const projectId = scriptEl.dataset.project || '';
+    // Poll for window.LionRapid (auto-init loads first)
+    let attempts = 0;
+    const maxAttempts = 100; // 10s at 100ms intervals
+    const poll = setInterval(() => {
+        attempts++;
+        const lr = window.LionRapid;
+        if (lr) {
+            clearInterval(poll);
+            activate(lr, grant, locale, apiBase, projectId);
+        }
+        else if (attempts >= maxAttempts) {
+            clearInterval(poll);
+            console.warn('[LionRapid Editor] Timed out waiting for window.LionRapid');
+        }
+    }, 100);
+}
+async function activate(lr, grant, locale, apiBase, projectId) {
+    const config = window.__lionrapidConfig;
+    const languages = config?.languages || [locale];
+    const namespace = config?.namespace || 'default';
+    const defaultLocale = config?.defaultLocale || 'en';
+    const currentLocale = locale || lr.getCurrentLocale();
+    const normalizedApiBase = apiBase.replace(/\/$/, '');
+    // --- Session acquisition ---
+    let sessionToken = getStoredSession();
+    if (!sessionToken && grant) {
+        // Exchange grant for session JWT
+        try {
+            const res = await fetch(`${normalizedApiBase}/api/editor/exchange`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ grant, domain: window.location.host }),
+            });
+            if (!res.ok) {
+                console.error('[LionRapid Editor] Grant exchange failed:', res.status);
+                return;
+            }
+            const data = await res.json();
+            sessionToken = data.session_token;
+            if (sessionToken) {
+                storeSession(sessionToken);
+            }
+        }
+        catch (err) {
+            console.error('[LionRapid Editor] Grant exchange error:', err);
+            return;
+        }
+    }
+    if (!sessionToken) {
+        console.error('[LionRapid Editor] No valid session. Please reopen the editor from the dashboard.');
+        return;
+    }
+    // Create Shadow DOM host
+    const host = document.createElement('div');
+    host.id = '__lionrapid-editor';
+    host.setAttribute('data-no-translate', '');
+    document.body.appendChild(host);
+    const shadow = host.attachShadow({ mode: 'closed' });
+    // Inject styles
+    const styleEl = document.createElement('style');
+    styleEl.textContent = EDITOR_CSS;
+    shadow.appendChild(styleEl);
+    // Hide the proxy/auto-init language switcher while editor is active
+    const switcherEl = document.querySelector('[data-lionrapid-switcher]');
+    if (switcherEl)
+        switcherEl.style.display = 'none';
+    // Create API client with session token
+    const api = new EditorAPI(normalizedApiBase, sessionToken, projectId);
+    api.startAutoFlush();
+    // Create sidebar (needs api + locale)
+    const handleBlockSelect = (resolved) => {
+        sidebar.open(resolved);
+        inspector.clearHighlight();
+    };
+    const sidebar = new Sidebar(shadow, api, currentLocale, namespace, defaultLocale, handleBlockSelect);
+    // Create inspector (hover/click → sidebar)
+    const inspector = new Inspector(shadow, handleBlockSelect);
+    // Create toolbar
+    const toolbar = new Toolbar(shadow, languages, currentLocale, 
+    // Language change
+    async (newLocale) => {
+        sidebar.updateLocale(newLocale);
+        sidebar.close();
+        inspector.clearHighlight();
+        await lr.changeLanguage(newLocale);
+        await sidebar.hydrateStatus();
+    }, 
+    // Exit
+    async () => {
+        await api.stopAndFlush();
+        inspector.destroy();
+        toolbar.destroy();
+        sidebar.destroy();
+        host.remove();
+        clearSession();
+    });
+    // Wire progress counter to sidebar status
+    sidebar.setProgressCallback((translated, total) => {
+        toolbar.updateProgress(translated, total);
+    });
+    // Hydrate status from server and update progress
+    sidebar.hydrateStatus().then(() => {
+        toolbar.updateProgress(sidebar.getTranslatedCount(), sidebar.getTotalCount());
+    });
+    // Clean editor param from URL
+    const url = new URL(window.location.href);
+    if (url.searchParams.has('__lr_editor')) {
+        url.searchParams.delete('__lr_editor');
+        history.replaceState(null, '', url.toString());
+    }
+}
+// Self-execute
+initEditor();
+//# sourceMappingURL=editor-init.js.map

package/dist/browser/editor/editor-init.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-init.js","sourceRoot":"","sources":["../../../src/browser/editor/editor-init.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,+CAA+C;AAC/C,kBAAkB;AAClB,+CAA+C;AAE/C,MAAM,WAAW,GAAG,qBAAqB,CAAC;AAO1C,SAAS,gBAAgB;IACvB,IAAI,CAAC;QACH,MAAM,GAAG,GAAG,cAAc,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAChD,IAAI,CAAC,GAAG;YAAE,OAAO,IAAI,CAAC;QACtB,MAAM,MAAM,GAAkB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC9C,qCAAqC;QACrC,IAAI,MAAM,CAAC,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,MAAM,EAAE,CAAC;YAC5C,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;YACvC,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,MAAM,CAAC,KAAK,CAAC;IACtB,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED,SAAS,YAAY,CAAC,KAAa;IACjC,IAAI,CAAC;QACH,2DAA2D;QAC3D,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAC7D,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC7B,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAC/B,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3C,MAAM,OAAO,GAAkB,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;QAChE,cAAc,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/D,CAAC;IAAC,MAAM,CAAC;QACP,+DAA+D;IACjE,CAAC;AACH,CAAC;AAED,SAAS,YAAY;IACnB,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;AACzC,CAAC;AAED,+CAA+C;AAC/C,OAAO;AACP,+CAA+C;AAE/C,SAAS,UAAU;IACjB,sCAAsC;IACtC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAA6B,CAAC;IAC1F,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,CAAC,IAAI,CAAC,wDAAwD,CAAC,CAAC;QACvE,OAAO;IACT,CAAC;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;IAC3C,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC;IAC7C,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,IAAI,2BAA2B,CAAC;IACpE,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC;IAEjD,oDAAoD;IACpD,IAAI,QAAQ,GAAG,CAAC,CAAC;IACjB,MAAM,WAAW,GAAG,GAAG,CAAC,CAAC,yBAAyB;IAElD,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,QAAQ,EAAE,CAAC;QACX,MAAM,EAAE,GAAG,MAAM,CAAC,SAAS,CAAC;QAE5B,IAAI,EAAE,EAAE,CAAC;YACP,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;QAClD,CAAC;aAAM,IAAI,QAAQ,IAAI,WAAW,EAAE,CAAC;YACnC,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,OAAO,CAAC,IAAI,CAAC,2DAA2D,CAAC,CAAC;QAC5E,CAAC;IACH,CAAC,EAAE,GAAG,CAAC,CAAC;AACV,CAAC;AAED,KAAK,UAAU,QAAQ,CACrB,EAAwC,EACxC,KAAa,EACb,MAAc,EACd,OAAe,EACf,SAAiB;IAEjB,MAAM,MAAM,GAAG,MAAM,CAAC,iBAAiB,CAAC;IACxC,MAAM,SAAS,GAAG,MAAM,EAAE,SAAS,IAAI,CAAC,MAAM,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,MAAM,EAAE,SAAS,IAAI,SAAS,CAAC;IACjD,MAAM,aAAa,GAAG,MAAM,EAAE,aAAa,IAAI,IAAI,CAAC;IACpD,MAAM,aAAa,GAAG,MAAM,IAAI,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACtD,MAAM,iBAAiB,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAErD,8BAA8B;IAC9B,IAAI,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAEtC,IAAI,CAAC,YAAY,IAAI,KAAK,EAAE,CAAC;QAC3B,iCAAiC;QACjC,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,GAAG,iBAAiB,sBAAsB,EAAE;gBAClE,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;gBAC/C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;aAC9D,CAAC,CAAC;YACH,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;gBACZ,OAAO,CAAC,KAAK,CAAC,2CAA2C,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;gBACvE,OAAO;YACT,CAAC;YACD,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;YAC9B,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;YAClC,IAAI,YAAY,EAAE,CAAC;gBACjB,YAAY,CAAC,YAAY,CAAC,CAAC;YAC7B,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,0CAA0C,EAAE,GAAG,CAAC,CAAC;YAC/D,OAAO;QACT,CAAC;IACH,CAAC;IAED,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,CAAC,KAAK,CAAC,mFAAmF,CAAC,CAAC;QACnG,OAAO;IACT,CAAC;IAED,yBAAyB;IACzB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,GAAG,oBAAoB,CAAC;IAC/B,IAAI,CAAC,YAAY,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;IAC3C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IAErD,gBAAgB;IAChB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAChD,OAAO,CAAC,WAAW,GAAG,UAAU,CAAC;IACjC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAE5B,oEAAoE;IACpE,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,2BAA2B,CAAuB,CAAC;IAC7F,IAAI,UAAU;QAAE,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IAElD,uCAAuC;IACvC,MAAM,GAAG,GAAG,IAAI,SAAS,CAAC,iBAAiB,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;IACtE,GAAG,CAAC,cAAc,EAAE,CAAC;IAErB,sCAAsC;IACtC,MAAM,iBAAiB,GAAG,CAAC,QAAqB,EAAE,EAAE;QAClD,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACvB,SAAS,CAAC,cAAc,EAAE,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC,MAAM,EAAE,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,CAAC,CAAC;IAErG,2CAA2C;IAC3C,MAAM,SAAS,GAAG,IAAI,SAAS,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;IAE3D,iBAAiB;IACjB,MAAM,OAAO,GAAG,IAAI,OAAO,CACzB,MAAM,EACN,SAAS,EACT,aAAa;IACb,kBAAkB;IAClB,KAAK,EAAE,SAAS,EAAE,EAAE;QAClB,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;QAChC,OAAO,CAAC,KAAK,EAAE,CAAC;QAChB,SAAS,CAAC,cAAc,EAAE,CAAC;QAC3B,MAAM,EAAE,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,OAAO,CAAC,aAAa,EAAE,CAAC;IAChC,CAAC;IACD,OAAO;IACP,KAAK,IAAI,EAAE;QACT,MAAM,GAAG,CAAC,YAAY,EAAE,CAAC;QACzB,SAAS,CAAC,OAAO,EAAE,CAAC;QACpB,OAAO,CAAC,OAAO,EAAE,CAAC;QAClB,OAAO,CAAC,OAAO,EAAE,CAAC;QAClB,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;IACjB,CAAC,CACF,CAAC;IAEF,0CAA0C;IAC1C,OAAO,CAAC,mBAAmB,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE;QAChD,OAAO,CAAC,cAAc,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,iDAAiD;IACjD,OAAO,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;QAChC,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC;IAChF,CAAC,CAAC,CAAC;IAEH,8BAA8B;IAC9B,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC1C,IAAI,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC;QACxC,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;QACvC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;IACjD,CAAC;AACH,CAAC;AAED,eAAe;AACf,UAAU,EAAE,CAAC"}

package/dist/browser/editor/editor-styles.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Editor CSS Styles
+ * All styles are injected into Shadow DOM — no leakage to host page.
+ */
+export declare const EDITOR_CSS = "\n/* Reset inside shadow DOM */\n:host {\n  all: initial;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  font-size: 14px;\n  color: #1a1a2e;\n  line-height: 1.5;\n  box-sizing: border-box;\n}\n\n*, *::before, *::after {\n  box-sizing: border-box;\n}\n\n/* \u2500\u2500 FAB (replaces fixed toolbar) \u2500\u2500 */\n.lr-fab {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  z-index: 2147483647;\n  display: flex;\n  align-items: center;\n  gap: 0;\n  user-select: none;\n}\n\n.lr-fab-btn {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  background: #2d7f7f;\n  color: #fff;\n  border: none;\n  font-weight: 700;\n  font-size: 16px;\n  cursor: grab;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.25);\n  transition: box-shadow 0.15s;\n  flex-shrink: 0;\n  z-index: 1;\n}\n\n.lr-fab-btn:hover {\n  box-shadow: 0 6px 20px rgba(0,0,0,0.3);\n}\n\n.lr-fab-btn:active {\n  cursor: grabbing;\n}\n\n.lr-fab-panel {\n  display: none;\n  align-items: center;\n  gap: 8px;\n  background: #1a1a2e;\n  color: #fff;\n  padding: 8px 12px;\n  border-radius: 8px;\n  margin-right: 8px;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.25);\n  white-space: nowrap;\n}\n\n.lr-fab.expanded .lr-fab-panel {\n  display: flex;\n}\n\n.lr-lang-dropdown {\n  position: relative;\n}\n\n.lr-lang-btn {\n  background: rgba(255,255,255,0.1);\n  color: #fff;\n  border: 1px solid rgba(255,255,255,0.2);\n  border-radius: 4px;\n  padding: 4px 10px;\n  font-size: 13px;\n  font-weight: 600;\n  cursor: pointer;\n  outline: none;\n}\n\n.lr-lang-btn:hover {\n  background: rgba(255,255,255,0.2);\n}\n\n.lr-lang-menu {\n  display: none;\n  position: absolute;\n  bottom: calc(100% + 6px);\n  left: 0;\n  background: #1a1a2e;\n  border: 1px solid rgba(255,255,255,0.15);\n  border-radius: 6px;\n  padding: 4px;\n  min-width: 60px;\n  box-shadow: 0 4px 16px rgba(0,0,0,0.4);\n}\n\n.lr-lang-menu.open {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.lr-lang-item {\n  background: none;\n  color: #ccc;\n  border: none;\n  padding: 6px 10px;\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  border-radius: 4px;\n  text-align: left;\n}\n\n.lr-lang-item:hover {\n  background: rgba(255,255,255,0.1);\n  color: #fff;\n}\n\n.lr-lang-item.active {\n  background: #2d7f7f;\n  color: #fff;\n}\n\n.lr-fab-progress {\n  font-size: 13px;\n  color: rgba(255,255,255,0.7);\n}\n\n.lr-fab-exit {\n  background: none;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: #fff;\n  padding: 4px 10px;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 13px;\n}\n\n.lr-fab-exit:hover {\n  background: rgba(255,255,255,0.1);\n}\n\n/* \u2500\u2500 Overlay \u2500\u2500 */\n.lr-overlay {\n  position: fixed;\n  pointer-events: none;\n  border: 2px solid #2d7f7f;\n  border-radius: 3px;\n  background: rgba(45, 127, 127, 0.06);\n  transition: all 0.1s ease;\n  z-index: 2147483646;\n  display: none;\n}\n\n.lr-overlay.active {\n  display: block;\n}\n\n/* \u2500\u2500 Sidebar \u2500\u2500 */\n.lr-sidebar {\n  position: fixed;\n  top: 0;\n  right: 0;\n  width: 360px;\n  min-width: 280px;\n  max-width: 600px;\n  bottom: 0;\n  background: #fff;\n  border-left: 1px solid #e0e0e0;\n  z-index: 2147483647;\n  overflow-y: auto;\n  transform: translateX(100%);\n  transition: transform 0.2s ease;\n}\n\n.lr-sidebar.open {\n  transform: translateX(0);\n}\n\n/* Resize handle on left edge */\n.lr-sidebar-resize {\n  position: absolute;\n  top: 0;\n  left: -4px;\n  width: 8px;\n  bottom: 0;\n  cursor: col-resize;\n  z-index: 1;\n}\n\n.lr-sidebar-resize:hover,\n.lr-sidebar-resize.active {\n  background: rgba(45, 127, 127, 0.3);\n}\n\n.lr-sidebar-header {\n  padding: 16px;\n  border-bottom: 1px solid #e0e0e0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.lr-sidebar-title {\n  font-weight: 600;\n  font-size: 15px;\n}\n\n.lr-sidebar-close {\n  background: none;\n  border: none;\n  font-size: 20px;\n  cursor: pointer;\n  color: #666;\n  padding: 4px 8px;\n  line-height: 1;\n}\n\n.lr-sidebar-close:hover {\n  color: #1a1a2e;\n}\n\n.lr-sidebar-body {\n  padding: 16px;\n}\n\n.lr-field {\n  margin-bottom: 16px;\n}\n\n.lr-field-label {\n  display: block;\n  font-size: 12px;\n  font-weight: 600;\n  color: #666;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  margin-bottom: 6px;\n}\n\n.lr-field-key {\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n  font-size: 12px;\n  color: #2d7f7f;\n  background: #f0f7f7;\n  padding: 4px 8px;\n  border-radius: 4px;\n  word-break: break-all;\n}\n\n.lr-field-original {\n  font-size: 13px;\n  color: #333;\n  background: #f8f8f8;\n  padding: 10px 12px;\n  border-radius: 6px;\n  border: 1px solid #eee;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n.lr-field-tag {\n  display: inline;\n  background: #d9eded;\n  color: #2d7f7f;\n  padding: 0 3px;\n  border-radius: 2px;\n  font-family: monospace;\n  font-size: 12px;\n}\n\n.lr-textarea {\n  width: 100%;\n  min-height: 100px;\n  padding: 10px 12px;\n  border: 1px solid #ddd;\n  border-radius: 6px;\n  font-family: inherit;\n  font-size: 14px;\n  line-height: 1.5;\n  resize: vertical;\n  outline: none;\n  transition: border-color 0.15s;\n}\n\n.lr-textarea:focus {\n  border-color: #2d7f7f;\n  box-shadow: 0 0 0 3px rgba(45, 127, 127, 0.1);\n}\n\n.lr-preview {\n  padding: 10px 12px;\n  background: #f8f8f8;\n  border: 1px solid #eee;\n  border-radius: 6px;\n  font-size: 13px;\n  min-height: 40px;\n}\n\n.lr-status {\n  padding: 10px 16px;\n  font-size: 12px;\n  color: #666;\n  text-align: center;\n  border-top: 1px solid #eee;\n  background: #fafafa;\n}\n\n.lr-status.saved {\n  color: #22c55e;\n}\n\n.lr-status.error {\n  color: #ef4444;\n}\n\n.lr-status.unsaved {\n  color: #f59e0b;\n}\n\n/* \u2500\u2500 Page blocks list \u2500\u2500 */\n.lr-blocks-section {\n  margin-top: 16px;\n  padding-top: 16px;\n  border-top: 1px solid #eee;\n}\n\n.lr-blocks-title {\n  font-size: 12px;\n  font-weight: 600;\n  color: #666;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  margin-bottom: 8px;\n}\n\n.lr-block-item {\n  padding: 8px 10px;\n  border: 1px solid #eee;\n  border-radius: 4px;\n  margin-bottom: 4px;\n  cursor: pointer;\n  font-size: 13px;\n  color: #333;\n  overflow: hidden;\n  transition: background 0.1s;\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n}\n\n.lr-block-item:hover {\n  background: #f0f7f7;\n  border-color: #2d7f7f;\n}\n\n.lr-block-item.active {\n  background: #e5f2f2;\n  border-color: #2d7f7f;\n}\n\n/* \u2500\u2500 Status dots \u2500\u2500 */\n.lr-status-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n  margin-top: 5px;\n  background: #d1d5db;\n}\n\n.lr-status-dot.missing { background: #d1d5db; }\n.lr-status-dot.mt { background: #60a5fa; }\n.lr-status-dot.edited { background: #f97316; }\n.lr-status-dot.confirmed { background: #22c55e; }\n.lr-status-dot.ready { background: #22c55e; }\n.lr-status-dot.locked { background: #a855f7; }\n.lr-status-dot.unsaved { background: #f59e0b; }\n\n/* \u2500\u2500 Locked textarea \u2500\u2500 */\n.lr-textarea-locked {\n  background: #f3f4f6;\n  color: #6b7280;\n  cursor: not-allowed;\n  border-color: #e5e7eb;\n}\n\n/* \u2500\u2500 Block text layout \u2500\u2500 */\n.lr-block-text {\n  overflow: hidden;\n  min-width: 0;\n}\n\n.lr-block-source {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.lr-block-preview {\n  font-size: 11px;\n  color: #888;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  margin-top: 2px;\n}\n";
+//# sourceMappingURL=editor-styles.d.ts.map

package/dist/browser/editor/editor-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-styles.d.ts","sourceRoot":"","sources":["../../../src/browser/editor/editor-styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,UAAU,46OA6ZtB,CAAC"}

package/dist/browser/editor/editor-styles.js

@@ -0,0 +1,419 @@
+/**
+ * Editor CSS Styles
+ * All styles are injected into Shadow DOM — no leakage to host page.
+ */
+export const EDITOR_CSS = `
+/* Reset inside shadow DOM */
+:host {
+  all: initial;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-size: 14px;
+  color: #1a1a2e;
+  line-height: 1.5;
+  box-sizing: border-box;
+}
+
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+/* ── FAB (replaces fixed toolbar) ── */
+.lr-fab {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  z-index: 2147483647;
+  display: flex;
+  align-items: center;
+  gap: 0;
+  user-select: none;
+}
+
+.lr-fab-btn {
+  width: 48px;
+  height: 48px;
+  border-radius: 50%;
+  background: #2d7f7f;
+  color: #fff;
+  border: none;
+  font-weight: 700;
+  font-size: 16px;
+  cursor: grab;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
+  transition: box-shadow 0.15s;
+  flex-shrink: 0;
+  z-index: 1;
+}
+
+.lr-fab-btn:hover {
+  box-shadow: 0 6px 20px rgba(0,0,0,0.3);
+}
+
+.lr-fab-btn:active {
+  cursor: grabbing;
+}
+
+.lr-fab-panel {
+  display: none;
+  align-items: center;
+  gap: 8px;
+  background: #1a1a2e;
+  color: #fff;
+  padding: 8px 12px;
+  border-radius: 8px;
+  margin-right: 8px;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
+  white-space: nowrap;
+}
+
+.lr-fab.expanded .lr-fab-panel {
+  display: flex;
+}
+
+.lr-lang-dropdown {
+  position: relative;
+}
+
+.lr-lang-btn {
+  background: rgba(255,255,255,0.1);
+  color: #fff;
+  border: 1px solid rgba(255,255,255,0.2);
+  border-radius: 4px;
+  padding: 4px 10px;
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  outline: none;
+}
+
+.lr-lang-btn:hover {
+  background: rgba(255,255,255,0.2);
+}
+
+.lr-lang-menu {
+  display: none;
+  position: absolute;
+  bottom: calc(100% + 6px);
+  left: 0;
+  background: #1a1a2e;
+  border: 1px solid rgba(255,255,255,0.15);
+  border-radius: 6px;
+  padding: 4px;
+  min-width: 60px;
+  box-shadow: 0 4px 16px rgba(0,0,0,0.4);
+}
+
+.lr-lang-menu.open {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.lr-lang-item {
+  background: none;
+  color: #ccc;
+  border: none;
+  padding: 6px 10px;
+  font-size: 13px;
+  font-weight: 500;
+  cursor: pointer;
+  border-radius: 4px;
+  text-align: left;
+}
+
+.lr-lang-item:hover {
+  background: rgba(255,255,255,0.1);
+  color: #fff;
+}
+
+.lr-lang-item.active {
+  background: #2d7f7f;
+  color: #fff;
+}
+
+.lr-fab-progress {
+  font-size: 13px;
+  color: rgba(255,255,255,0.7);
+}
+
+.lr-fab-exit {
+  background: none;
+  border: 1px solid rgba(255,255,255,0.3);
+  color: #fff;
+  padding: 4px 10px;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 13px;
+}
+
+.lr-fab-exit:hover {
+  background: rgba(255,255,255,0.1);
+}
+
+/* ── Overlay ── */
+.lr-overlay {
+  position: fixed;
+  pointer-events: none;
+  border: 2px solid #2d7f7f;
+  border-radius: 3px;
+  background: rgba(45, 127, 127, 0.06);
+  transition: all 0.1s ease;
+  z-index: 2147483646;
+  display: none;
+}
+
+.lr-overlay.active {
+  display: block;
+}
+
+/* ── Sidebar ── */
+.lr-sidebar {
+  position: fixed;
+  top: 0;
+  right: 0;
+  width: 360px;
+  min-width: 280px;
+  max-width: 600px;
+  bottom: 0;
+  background: #fff;
+  border-left: 1px solid #e0e0e0;
+  z-index: 2147483647;
+  overflow-y: auto;
+  transform: translateX(100%);
+  transition: transform 0.2s ease;
+}
+
+.lr-sidebar.open {
+  transform: translateX(0);
+}
+
+/* Resize handle on left edge */
+.lr-sidebar-resize {
+  position: absolute;
+  top: 0;
+  left: -4px;
+  width: 8px;
+  bottom: 0;
+  cursor: col-resize;
+  z-index: 1;
+}
+
+.lr-sidebar-resize:hover,
+.lr-sidebar-resize.active {
+  background: rgba(45, 127, 127, 0.3);
+}
+
+.lr-sidebar-header {
+  padding: 16px;
+  border-bottom: 1px solid #e0e0e0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.lr-sidebar-title {
+  font-weight: 600;
+  font-size: 15px;
+}
+
+.lr-sidebar-close {
+  background: none;
+  border: none;
+  font-size: 20px;
+  cursor: pointer;
+  color: #666;
+  padding: 4px 8px;
+  line-height: 1;
+}
+
+.lr-sidebar-close:hover {
+  color: #1a1a2e;
+}
+
+.lr-sidebar-body {
+  padding: 16px;
+}
+
+.lr-field {
+  margin-bottom: 16px;
+}
+
+.lr-field-label {
+  display: block;
+  font-size: 12px;
+  font-weight: 600;
+  color: #666;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 6px;
+}
+
+.lr-field-key {
+  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
+  font-size: 12px;
+  color: #2d7f7f;
+  background: #f0f7f7;
+  padding: 4px 8px;
+  border-radius: 4px;
+  word-break: break-all;
+}
+
+.lr-field-original {
+  font-size: 13px;
+  color: #333;
+  background: #f8f8f8;
+  padding: 10px 12px;
+  border-radius: 6px;
+  border: 1px solid #eee;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.lr-field-tag {
+  display: inline;
+  background: #d9eded;
+  color: #2d7f7f;
+  padding: 0 3px;
+  border-radius: 2px;
+  font-family: monospace;
+  font-size: 12px;
+}
+
+.lr-textarea {
+  width: 100%;
+  min-height: 100px;
+  padding: 10px 12px;
+  border: 1px solid #ddd;
+  border-radius: 6px;
+  font-family: inherit;
+  font-size: 14px;
+  line-height: 1.5;
+  resize: vertical;
+  outline: none;
+  transition: border-color 0.15s;
+}
+
+.lr-textarea:focus {
+  border-color: #2d7f7f;
+  box-shadow: 0 0 0 3px rgba(45, 127, 127, 0.1);
+}
+
+.lr-preview {
+  padding: 10px 12px;
+  background: #f8f8f8;
+  border: 1px solid #eee;
+  border-radius: 6px;
+  font-size: 13px;
+  min-height: 40px;
+}
+
+.lr-status {
+  padding: 10px 16px;
+  font-size: 12px;
+  color: #666;
+  text-align: center;
+  border-top: 1px solid #eee;
+  background: #fafafa;
+}
+
+.lr-status.saved {
+  color: #22c55e;
+}
+
+.lr-status.error {
+  color: #ef4444;
+}
+
+.lr-status.unsaved {
+  color: #f59e0b;
+}
+
+/* ── Page blocks list ── */
+.lr-blocks-section {
+  margin-top: 16px;
+  padding-top: 16px;
+  border-top: 1px solid #eee;
+}
+
+.lr-blocks-title {
+  font-size: 12px;
+  font-weight: 600;
+  color: #666;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 8px;
+}
+
+.lr-block-item {
+  padding: 8px 10px;
+  border: 1px solid #eee;
+  border-radius: 4px;
+  margin-bottom: 4px;
+  cursor: pointer;
+  font-size: 13px;
+  color: #333;
+  overflow: hidden;
+  transition: background 0.1s;
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+}
+
+.lr-block-item:hover {
+  background: #f0f7f7;
+  border-color: #2d7f7f;
+}
+
+.lr-block-item.active {
+  background: #e5f2f2;
+  border-color: #2d7f7f;
+}
+
+/* ── Status dots ── */
+.lr-status-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  flex-shrink: 0;
+  margin-top: 5px;
+  background: #d1d5db;
+}
+
+.lr-status-dot.missing { background: #d1d5db; }
+.lr-status-dot.mt { background: #60a5fa; }
+.lr-status-dot.edited { background: #f97316; }
+.lr-status-dot.confirmed { background: #22c55e; }
+.lr-status-dot.ready { background: #22c55e; }
+.lr-status-dot.locked { background: #a855f7; }
+.lr-status-dot.unsaved { background: #f59e0b; }
+
+/* ── Locked textarea ── */
+.lr-textarea-locked {
+  background: #f3f4f6;
+  color: #6b7280;
+  cursor: not-allowed;
+  border-color: #e5e7eb;
+}
+
+/* ── Block text layout ── */
+.lr-block-text {
+  overflow: hidden;
+  min-width: 0;
+}
+
+.lr-block-source {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.lr-block-preview {
+  font-size: 11px;
+  color: #888;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-top: 2px;
+}
+`;
+//# sourceMappingURL=editor-styles.js.map

package/dist/browser/editor/editor-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-styles.js","sourceRoot":"","sources":["../../../src/browser/editor/editor-styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6ZzB,CAAC"}

package/dist/browser/editor/inspector.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Inspector — Hover/click handling
+ * Shows overlay on hover, resolves key on click, opens sidebar.
+ */
+import { ResolvedKey } from './key-resolver.js';
+export type OnSelectCallback = (resolved: ResolvedKey) => void;
+export declare class Inspector {
+    private overlay;
+    private currentTarget;
+    private onSelect;
+    private rafId;
+    private active;
+    constructor(shadowRoot: ShadowRoot, onSelect: OnSelectCallback);
+    destroy(): void;
+    clearHighlight(): void;
+    private handleMouseOver;
+    private handleClick;
+    private handleScroll;
+    private positionOverlay;
+    private shouldSkip;
+}
+//# sourceMappingURL=inspector.d.ts.map

package/dist/browser/editor/inspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspector.d.ts","sourceRoot":"","sources":["../../../src/browser/editor/inspector.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAc,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAO5D,MAAM,MAAM,gBAAgB,GAAG,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;AAE/D,qBAAa,SAAS;IACpB,OAAO,CAAC,OAAO,CAAiB;IAChC,OAAO,CAAC,aAAa,CAAwB;IAC7C,OAAO,CAAC,QAAQ,CAAmB;IACnC,OAAO,CAAC,KAAK,CAAuB;IACpC,OAAO,CAAC,MAAM,CAAQ;gBAEV,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,gBAAgB;IAoB9D,OAAO,IAAI,IAAI;IAUf,cAAc,IAAI,IAAI;IAKtB,OAAO,CAAC,eAAe;IA2BvB,OAAO,CAAC,WAAW;IAuBnB,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,UAAU;CAWnB"}