@streamoid/agent 0.4.1 → 0.4.2

package/dist/index.js

@@ -129593,7 +129593,7 @@ function PanelCard({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "@container my-2 flex items-center gap-3 rounded-xl border border-[var(--alias-border-subtle)] bg-[var(--alias-surface-base)] px-3 py-2.5",
+      className: "sa-card my-2 flex items-center gap-3 rounded-xl border border-[var(--alias-border-subtle)] bg-[var(--alias-surface-base)] px-3 py-2.5",
       "data-testid": "panel-card",
       "data-panel-showing": n ? "true" : "false",
       children: [
@@ -129601,7 +129601,7 @@ function PanelCard({
           "span",
           {
             "aria-hidden": !0,
-            className: "hidden size-9 shrink-0 place-items-center rounded-lg bg-black/[0.04] @min-[240px]:grid dark:bg-white/[0.06]",
+            className: "sa-card-icon size-9 shrink-0 place-items-center rounded-lg bg-black/[0.04] dark:bg-white/[0.06]",
             children: /* @__PURE__ */ jsx(PanelRightOpen, { className: "size-[18px] text-[var(--alias-text---icons-secondary)]" })
           }
         ),
@@ -129618,7 +129618,7 @@ function PanelCard({
             className: "inline-flex shrink-0 items-center gap-1.5 rounded-lg border border-[var(--alias-border-subtle)] px-2.5 py-1.5 text-xs text-[var(--alias-text---icons-secondary)] hover:bg-black/[0.04] dark:hover:bg-white/[0.06]",
             children: [
               /* @__PURE__ */ jsx(PanelRightClose, { className: "size-3.5" }),
-              /* @__PURE__ */ jsx("span", { className: "hidden @min-[300px]:inline", children: "Close" })
+              /* @__PURE__ */ jsx("span", { className: "sa-card-label", children: "Close" })
             ]
           }
         ) : /* @__PURE__ */ jsxs(
@@ -129631,7 +129631,7 @@ function PanelCard({
             className: "inline-flex shrink-0 items-center gap-1.5 rounded-lg border border-[var(--alias-border-subtle)] px-2.5 py-1.5 text-xs text-[var(--alias-text---icons-primary)] hover:bg-black/[0.04] disabled:cursor-not-allowed disabled:opacity-50 dark:hover:bg-white/[0.06]",
             children: [
               /* @__PURE__ */ jsx(PanelRightOpen, { className: "size-3.5" }),
-              /* @__PURE__ */ jsx("span", { className: "hidden @min-[300px]:inline", children: "Open" })
+              /* @__PURE__ */ jsx("span", { className: "sa-card-label", children: "Open" })
             ]
           }
         )
@@ -134813,15 +134813,18 @@ function ChatScreen() {
       if (isScrollAnchorRow(Et[Ft].kind)) return Ft;
     return -1;
   })(), Js = xn ? "active" : "empty", Va = Js === "empty", Do = usePrefersReducedMotion();
-  return useComposerTravel(Yt, Js, Do), /* `@container` here, the split query one level in.
+  return useComposerTravel(Yt, Js, Do), /* The query container is this wrapper; the split is one level in, because an
+   * element is never its own query container.
    *
-   * An element is never its own query container, so the element carrying
-   * `@min-[560px]:grid` has to be a descendant of the one carrying
-   * `@container` — hence the extra wrapper rather than one div doing both. */
-  /* @__PURE__ */ jsx("div", { className: "@container relative flex min-h-0 flex-1 overflow-hidden", children: /* @__PURE__ */ jsxs(
+   * `sa-chat-area` / `sa-split` / `sa-pane` are hand-written rules in
+   * index.css rather than Tailwind variants, and that is deliberate — see the
+   * comment there. In short: our stylesheet is concatenated with the host's,
+   * container queries add no specificity, and the host's plain `.flex` and
+   * `.absolute` were winning on source order. */
+  /* @__PURE__ */ jsx("div", { className: "sa-chat-area relative flex min-h-0 flex-1 overflow-hidden", children: /* @__PURE__ */ jsxs(
     "div",
     {
-      className: `relative flex min-h-0 w-full flex-1 overflow-hidden ${Cl ? "@min-[560px]:grid" : ""}`,
+      className: `relative flex min-h-0 w-full flex-1 overflow-hidden ${Cl ? "sa-split" : ""}`,
       style: Cl ? { gridTemplateColumns: kd } : void 0,
       "data-testid": "chat-split",
       "data-pane-width": Cl ? Bc : void 0,
@@ -135281,7 +135284,7 @@ function ChatScreen() {
         Cl && /* @__PURE__ */ jsx(
           "div",
           {
-            className: "absolute inset-0 z-20 h-full min-h-0 min-w-0 @min-[560px]:static @min-[560px]:z-auto",
+            className: "sa-pane h-full min-h-0 min-w-0",
             "data-testid": ks ? "canvas-pane" : "side-pane-region",
             children: /* @__PURE__ */ jsx(
               SidePaneHost,