@voxket-ai/voxket-live 1.1.40 → 1.1.42

package/dist/index.js

@@ -8541,7 +8541,8 @@ function $o({
     const U = Array.from(x.target.files || []);
     U.length > 0 && _ && _(U), O.current && (O.current.value = "");
   }, oe = ze(
-    "flex items-center gap-3 px-3 py-2 w-full backdrop-blur-xl ",
+    // Slightly tighter padding on small screens prevents the send button from being clipped.
+    "flex items-center gap-3 px-2 sm:px-3 py-2 w-full backdrop-blur-xl overflow-hidden",
     E ? "justify-between" : "justify-center",
     t === "light" ? "bg-white/95 border-gray-200" : ""
   ), te = (x, U) => {
@@ -8557,7 +8558,7 @@ function $o({
     );
   }, $ = () => /* @__PURE__ */ g("div", { className: "w-5 h-5 animate-spin rounded-full border-2 border-current border-t-transparent" });
   return /* @__PURE__ */ N("div", { className: oe, children: [
-    E && /* @__PURE__ */ N("div", { className: "flex items-center gap-2 flex-1", children: [
+    E && /* @__PURE__ */ N("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
       T && _ && /* @__PURE__ */ N(St, { children: [
         /* @__PURE__ */ g(
           "button",
@@ -8598,7 +8599,7 @@ function $o({
           disabled: n,
           placeholder: v,
           className: ze(
-            "flex-1 px-4 py-2 rounded-full border outline-none transition-all",
+            "flex-1 min-w-0 px-4 py-2 rounded-full border outline-none transition-all",
             t === "light" ? "bg-gray-100 border-gray-300 focus:border-blue-500 text-gray-900" : "bg-gray-800 border-gray-700 focus:border-blue-400 text-white",
             n && "opacity-50 cursor-not-allowed"
           )
@@ -32348,7 +32349,7 @@ function Jl({
       e.off("suggested.response", P);
     };
   }, [e]);
-  const X = L && O ? "fullscreen" : i, ie = X === "fullscreen" ? L && O ? `fixed inset-0 z-[9999] flex flex-col h-[100svh] w-screen min-h-0 ${V.main}` : "flex flex-col h-full w-full max-w-none" : "flex flex-col h-full w-full backdrop-blur-sm max-h-full overflow-hidden contain-layout", Y = X === "fullscreen" ? L && O ? `flex items-center w-full justify-between px-3 h-11 ${V.chatHeader.container} border-b` : `flex items-center w-full justify-between px-5 h-12 border-b ${V.chatHeader.container}` : `flex items-center w-full justify-between px-4 h-12 border-b ${V.chatHeader.container}`, re = X === "fullscreen" ? L && O ? "flex-1 overflow-y-auto overflow-x-hidden scrollbar-hide p-4 w-full max-w-none chat-scrollable min-h-0" : "flex-1 overflow-y-auto overflow-x-hidden scrollbar-hide p-6 w-full max-w-none chat-scrollable min-h-0" : "flex-1 overflow-y-auto overflow-x-hidden scrollbar-hide w-full p-4 chat-scrollable min-h-0", j = "flex-shrink-0 !w-full", ve = () => {
+  const X = L && O ? "fullscreen" : i, ie = X === "fullscreen" ? L && O ? `fixed inset-0 z-[9999] flex flex-col h-[100svh] min-h-0 ${V.main}` : "flex flex-col h-full w-full max-w-none" : "flex flex-col h-full w-full backdrop-blur-sm max-h-full overflow-hidden contain-layout", Y = X === "fullscreen" ? L && O ? `flex items-center w-full justify-between px-3 h-11 ${V.chatHeader.container} border-b` : `flex items-center w-full justify-between px-5 h-12 border-b ${V.chatHeader.container}` : `flex items-center w-full justify-between px-4 h-12 border-b ${V.chatHeader.container}`, re = X === "fullscreen" ? L && O ? "flex-1 overflow-y-auto overflow-x-hidden scrollbar-hide p-4 w-full max-w-none chat-scrollable min-h-0" : "flex-1 overflow-y-auto overflow-x-hidden scrollbar-hide p-6 w-full max-w-none chat-scrollable min-h-0" : "flex-1 overflow-y-auto overflow-x-hidden scrollbar-hide w-full p-4 chat-scrollable min-h-0", j = "flex-shrink-0 !w-full", ve = () => {
     B(!1), n && n();
   };
   return /* @__PURE__ */ N("div", { className: `${ie} relative`, children: [
@@ -32357,7 +32358,7 @@ function Jl({
         /* @__PURE__ */ g(
           "h3",
           {
-            className: `!font-semibold !text-sm pl-3 leading-tight ${L && O ? "" : V.text.primary}`,
+            className: `!font-semibold !text-sm leading-tight ${L && O ? "" : V.text.primary}`,
             children: "Transcription"
           }
         ),
@@ -32437,7 +32438,7 @@ function Jl({
             " is joining..."
           ] }),
           /* @__PURE__ */ g("p", { className: `text-xs ${L && O ? "text-gray-300" : V.text.muted}`, children: "Your conversation will begin shortly" })
-        ] }) : /* @__PURE__ */ g("div", { className: "w-full space-y-3 py-4 px-2", children: /* @__PURE__ */ N("div", { className: "space-y-3", children: [
+        ] }) : /* @__PURE__ */ g("div", { className: "w-full space-y-3 py-4 px-3", children: /* @__PURE__ */ N("div", { className: "space-y-3", children: [
           d.map((P, ne) => {
             var Ee, he, ae, me;
             return /* @__PURE__ */ g("div", { children: ((Ee = P.metadata) == null ? void 0 : Ee.type) === "successView" ? /* @__PURE__ */ g("div", { className: "flex w-full justify-end mb-4 px-3", children: /* @__PURE__ */ N("div", { className: "relative group flex-row-reverse flex items-end gap-3 w-full min-w-0", children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voxket-ai/voxket-live",
-  "version": "1.1.40",
+  "version": "1.1.42",
   "description": "A React widget for embedding Voxket-powered audio/video/chat experiences.",
   "type": "module",
   "main": "./dist/index.cjs",