@rtc-agent/component 0.2.7-rc.0 → 0.2.7-rc.1

package/dist/{en-US-CZGit-aT.js → en-US-BGk4hy6U.js}

@@ -1,4 +1,4 @@
-import { s as e } from "./index-Dt_DFLw-.js";
+import { s as e } from "./index-D2-aTNVT.js";
 const s = {
   s0016a70887124d70: "Session",
   s01366f0961abde4c: "Link",

package/dist/{highlight-languages-DRPkpsxS.js → highlight-languages-CXfOsoHk.js}

@@ -1,4 +1,4 @@
-import { g as En } from "./index-Dt_DFLw-.js";
+import { g as En } from "./index-D2-aTNVT.js";
 function De(e) {
   return e instanceof Map ? e.clear = e.delete = e.set = function() {
     throw new Error("map is read-only");

package/dist/{index-Dt_DFLw-.js → index-D2-aTNVT.js}

@@ -747,7 +747,7 @@ function mr({ context: t, subscribe: e }) {
     });
   };
 }
-const WI = "0.2.6", KI = _r`
+const WI = "0.2.7-rc.1", KI = _r`
   :host {
     display: block;
     /* Position controlled by JS (left/top) for interact.js compatibility */
@@ -825,6 +825,30 @@ const WI = "0.2.6", KI = _r`
     right: 0;
   }
 
+  /* ── Embedded mode overrides ──
+   *
+   * When embedded, the component fills its parent container instead of the viewport.
+   * This uses position:relative so it participates in the parent's flex/grid layout,
+   * unlike the default position:fixed which fills the viewport.
+   */
+  :host([data-embedded]) {
+    position: relative !important;
+    width: 100% !important;
+    height: 100% !important;
+    min-width: 0 !important;
+    min-height: 0 !important;
+    max-width: 100% !important;
+    max-height: 100% !important;
+    inset: auto !important;
+    left: auto !important;
+    top: auto !important;
+    right: auto !important;
+    bottom: auto !important;
+    border-radius: 0 !important;
+    box-shadow: none !important;
+    z-index: 0 !important;
+  }
+
   /* ── Minimized ── */
   :host([data-mode='minimized']) {
     /* 与 logo 同构的圆角方形：圆角比例 = 290/1250 = 23.2% */
@@ -4719,6 +4743,7 @@ class C3 {
   /**
    * Handle viewport resize (e.g. DevTools open/close/resize).
    *
+   * - embedded: no action (fills parent container via CSS)
    * - minimized: recalculate bubble position from bubblePosition config + new viewport size
    * - normal: clamp position to keep window visible; auto-minimize if viewport too small
    * - maximized: no action needed (CSS inset:0 handles it)
@@ -4726,7 +4751,7 @@ class C3 {
   _handleViewportResize() {
     var f;
     const { mode: e } = this._state;
-    if (e === "maximized") return;
+    if (this._config.embedded || e === "maximized") return;
     if (e === "minimized") {
       this.host.requestUpdate();
       return;
@@ -4822,10 +4847,17 @@ class C3 {
    * Inline styles override CSS rules (including :host([data-mode=...])),
    * so we clear them when leaving 'normal' mode to let CSS take over.
    *
+   * When the host has `data-embedded` attribute, skip all inline geometry —
+   * the component fills its parent container via CSS (position: relative).
+   *
    * @param el - The host element to apply geometry to (typically the root component).
    */
   applyGeometry(e) {
     var s, o, l;
+    if (e.hasAttribute("data-embedded")) {
+      e.style.width = "", e.style.height = "", e.style.left = "", e.style.top = "", e.style.bottom = "", e.style.right = "";
+      return;
+    }
     const { position: r, size: n, mode: i } = this._state;
     if (i === "normal") {
       e.style.left = `${r.x}px`, e.style.top = `${r.y}px`, e.style.width = `${n.width}px`, e.style.height = `${n.height}px`, e.style.bottom = "", e.style.right = "";
@@ -66190,7 +66222,7 @@ class FL {
 }
 function nE(t) {
   return new SharedWorker(
-    "" + new URL("assets/shared-worker-BEaT-a-g.js", import.meta.url).href,
+    "" + new URL("assets/shared-worker-DNuUtKfr.js", import.meta.url).href,
     {
       name: t == null ? void 0 : t.name
     }
@@ -68052,7 +68084,7 @@ class b9 {
   }
 }
 const wk = tr("I18n"), Gt = "zh-CN", Rr = ["en-US"], pE = {
-  "en-US": async () => (await import("./en-US-CZGit-aT.js")).default
+  "en-US": async () => (await import("./en-US-BGk4hy6U.js")).default
 }, { getLocale: jb, setLocale: Tk } = a9({
   sourceLocale: Gt,
   targetLocales: Rr,
@@ -77027,7 +77059,7 @@ let _s = class extends vr {
     return this._modulesPromise || (this._modulesPromise = Promise.all([
       import("./marked.esm-Dch69AxC.js"),
       import("./purify.es-C-6FFqDW.js"),
-      import("./highlight-languages-DRPkpsxS.js")
+      import("./highlight-languages-CXfOsoHk.js")
     ]).then(([t, e, r]) => ({
       marked: t.marked,
       DOMPurify: e.default,
@@ -80371,7 +80403,7 @@ let rl = class extends vr {
     this._lastParsedContent = r, this._modulesPromise || (this._modulesPromise = Promise.all([
       import("./marked.esm-Dch69AxC.js"),
       import("./purify.es-C-6FFqDW.js"),
-      import("./highlight-languages-DRPkpsxS.js")
+      import("./highlight-languages-CXfOsoHk.js")
     ]).then(([c, p, f]) => ({
       marked: c.marked,
       DOMPurify: p.default,
@@ -89789,18 +89821,18 @@ let mn = class extends vr {
         setLocale: yd,
         locales: [Gt, ...Rr]
       });
-    }).catch((r) => {
-      Kr.error("Context provider sync failed:", r);
+    }).catch((n) => {
+      Kr.error("Context provider sync failed:", n);
     }), this._sessionTab.value.state.tabs.length === 0 && !this._creatingUnsavedTab && this._initialSessionLoadDone && (Kr.debug("No tabs left, auto-creating unsaved tab"), this._creatingUnsavedTab = !0, queueMicrotask(() => {
       try {
-        const r = this._session.actions.createSession();
-        this._session.actions.switchSession(r), this._sessionTab.actions.openOrActivate(r, He("未命名"), { isUnsaved: !0 });
+        const n = this._session.actions.createSession();
+        this._session.actions.switchSession(n), this._sessionTab.actions.openOrActivate(n, He("未命名"), { isUnsaved: !0 });
       } finally {
         this._creatingUnsavedTab = !1;
       }
     })), this._rtcProcessor && this._rtcProcessor.setMode(this._mode.value.state.currentMode);
     const e = this._windowState.value.state.mode;
-    e !== this._appliedMode && (this._appliedMode = e, this.setAttribute("data-mode", e), this._handleModeTransition(e)), e !== "normal" ? this._interaction.value.actions.disable() : this._interaction.value.actions.enable(), this._windowState.applyGeometry(this);
+    e !== this._appliedMode && (this._appliedMode = e, this.setAttribute("data-mode", e), this._handleModeTransition(e)), this._resolvedWindowConfig.embedded ? this.setAttribute("data-embedded", "") : this.removeAttribute("data-embedded"), e !== "normal" ? this._interaction.value.actions.disable() : this._interaction.value.actions.enable(), this._windowState.applyGeometry(this);
   }
   firstUpdated() {
     var e;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { C as s, D as t, E as o, F as n, a as r, R as i, S as l, b as c, c as d, d as g, e as m, f as L, h, i as u, j as T, k as S, l as p, m as E, n as F, o as A, p as R, q as f, r as v, t as w, u as x, v as C, w as y, x as B, y as I, z as M, A as V, B as k, G as z, H as b, I as D, J as G, K, L as P, M as U, N as _, O as j } from "./index-Dt_DFLw-.js";
+import { C as s, D as t, E as o, F as n, a as r, R as i, S as l, b as c, c as d, d as g, e as m, f as L, h, i as u, j as T, k as S, l as p, m as E, n as F, o as A, p as R, q as f, r as v, t as w, u as x, v as C, w as y, x as B, y as I, z as M, A as V, B as k, G as z, H as b, I as D, J as G, K, L as P, M as U, N as _, O as j } from "./index-D2-aTNVT.js";
 export {
   s as CancelledError,
   t as DEFAULT_SKILL_STATE,