@skippr/live-agent-sdk 0.117.0 → 0.118.0

package/dist/esm/lib-exports.js

@@ -10605,7 +10605,7 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
   return /* @__PURE__ */ jsxs24("form", {
     onSubmit: handleSubmit,
     "data-skippr-no-drag": "",
-    className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:border-t skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:p-[9px]",
+    className: "skippr:flex skippr:shrink-0 skippr:items-center skippr:gap-[7px] skippr:border-t skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:p-[9px]",
     children: [
       /* @__PURE__ */ jsx31("textarea", {
         ref: textareaRef,
@@ -10738,17 +10738,20 @@ function LinkCard({ card, onDismiss }) {
             href: card.url,
             target: "_blank",
             rel: "noopener noreferrer",
-            className: "skippr:inline-flex skippr:flex-1 skippr:items-center skippr:justify-center skippr:gap-2 skippr:rounded-md skippr:bg-primary skippr:py-2 skippr:text-sm skippr:font-medium skippr:text-primary-foreground skippr:transition-all skippr:hover:bg-primary/90 skippr:focus-visible:outline-none skippr:focus-visible:ring-2 skippr:focus-visible:ring-ring skippr:focus-visible:ring-offset-2",
+            className: "skippr:inline-flex skippr:min-w-0 skippr:flex-1 skippr:items-center skippr:justify-center skippr:gap-2 skippr:rounded-md skippr:bg-primary skippr:py-2 skippr:text-xs skippr:font-medium skippr:text-primary-foreground skippr:transition-all skippr:hover:bg-primary/90 skippr:focus-visible:outline-none skippr:focus-visible:ring-2 skippr:focus-visible:ring-ring skippr:focus-visible:ring-offset-2",
             children: [
               /* @__PURE__ */ jsx33(ExternalLink, {
-                className: "skippr:size-4"
+                className: "skippr:size-4 skippr:shrink-0"
               }),
-              copy.cardOpenLink
+              /* @__PURE__ */ jsx33("span", {
+                className: "skippr:truncate",
+                children: copy.cardOpenLink
+              })
             ]
           }),
           /* @__PURE__ */ jsxs26(Button, {
             variant: "outline",
-            className: "skippr:flex-1 skippr:py-2",
+            className: "skippr:px-2 skippr:py-2 skippr:text-xs",
             onClick: handleCopy,
             "aria-label": copy.cardCopyLink,
             children: [
@@ -10776,21 +10779,21 @@ var APPROVING_RESET_MS = 8000;
 function StepIcon({ status }) {
   if (status === "done") {
     return /* @__PURE__ */ jsx34(CircleCheck, {
-      className: "skippr:size-4 skippr:text-chart-3"
+      className: "skippr:size-4 skippr:shrink-0 skippr:text-chart-3"
     });
   }
   if (status === "failed") {
     return /* @__PURE__ */ jsx34(CircleX, {
-      className: "skippr:size-4 skippr:text-destructive"
+      className: "skippr:size-4 skippr:shrink-0 skippr:text-destructive"
     });
   }
   if (status === "active") {
     return /* @__PURE__ */ jsx34(Circle, {
-      className: "skippr:size-4 skippr:fill-primary/30 skippr:text-primary"
+      className: "skippr:size-4 skippr:shrink-0 skippr:fill-primary/30 skippr:text-primary"
     });
   }
   return /* @__PURE__ */ jsx34(Circle, {
-    className: "skippr:size-4 skippr:text-muted-foreground/30"
+    className: "skippr:size-4 skippr:shrink-0 skippr:text-muted-foreground/30"
   });
 }
 function PlanCard({ plan, sendChatMessage, onDismiss }) {
@@ -10822,14 +10825,14 @@ function PlanCard({ plan, sendChatMessage, onDismiss }) {
     return () => clearTimeout(timer);
   }, [plan.state, onDismiss]);
   return /* @__PURE__ */ jsxs27("div", {
-    className: "skippr:rounded-2xl skippr:rounded-tl-md skippr:bg-card skippr:p-3.5 skippr:ring-2 skippr:ring-brand",
+    className: "skippr:flex skippr:min-h-0 skippr:min-w-0 skippr:flex-1 skippr:flex-col skippr:rounded-2xl skippr:rounded-tl-md skippr:bg-card skippr:p-3.5 skippr:ring-2 skippr:ring-brand",
     children: [
       /* @__PURE__ */ jsx34("p", {
-        className: "skippr:mb-3 skippr:text-xs skippr:font-semibold skippr:leading-snug skippr:text-foreground",
+        className: "skippr:mb-3 skippr:shrink-0 skippr:text-xs skippr:font-semibold skippr:leading-snug skippr:text-foreground",
         children: copy.planTitle
       }),
       /* @__PURE__ */ jsx34("div", {
-        className: "skippr:max-h-[132px] skippr:space-y-2 skippr:overflow-y-auto skippr:overscroll-contain",
+        className: "skippr:min-h-0 skippr:max-h-[132px] skippr:space-y-2 skippr:overflow-y-auto skippr:overscroll-contain",
         children: plan.steps.map((step) => /* @__PURE__ */ jsxs27("div", {
           className: "skippr:flex skippr:items-center skippr:gap-2",
           children: [
@@ -10844,22 +10847,25 @@ function PlanCard({ plan, sendChatMessage, onDismiss }) {
         }, step.index))
       }),
       awaitingApproval && /* @__PURE__ */ jsxs27("div", {
-        className: "skippr:mt-3.5 skippr:flex skippr:gap-2",
+        className: "skippr:mt-3.5 skippr:flex skippr:shrink-0 skippr:gap-2",
         children: [
           /* @__PURE__ */ jsxs27(Button, {
-            className: "skippr:flex-1 skippr:gap-1.5 skippr:py-2",
+            className: "skippr:min-w-0 skippr:flex-1 skippr:gap-1.5 skippr:px-3 skippr:py-2 skippr:text-xs",
             disabled: isApproving,
             onClick: approve,
             children: [
               isApproving && /* @__PURE__ */ jsx34("span", {
                 className: "skippr:size-3 skippr:shrink-0 skippr:animate-spin skippr:rounded-full skippr:border-2 skippr:border-white/30 skippr:border-t-white"
               }),
-              isApproving ? copy.planApproving : copy.planApprove
+              /* @__PURE__ */ jsx34("span", {
+                className: "skippr:truncate",
+                children: isApproving ? copy.planApproving : copy.planApprove
+              })
             ]
           }),
           /* @__PURE__ */ jsx34(Button, {
             variant: "outline",
-            className: "skippr:flex-1 skippr:py-2",
+            className: "skippr:px-3 skippr:py-2 skippr:text-xs",
             disabled: isApproving,
             onClick: () => sendChatMessage(CANCEL_MESSAGE),
             children: copy.planCancel
@@ -11000,7 +11006,7 @@ function MessageList({
       }),
       isPlanShowing && /* @__PURE__ */ jsx36("div", {
         "data-skippr-no-drag": "",
-        className: "skippr:shrink-0 skippr:border-t skippr:border-border skippr:p-3",
+        className: "skippr:flex skippr:min-h-0 skippr:border-t skippr:border-border skippr:p-3",
         children: /* @__PURE__ */ jsx36(PlanCard, {
           plan,
           sendChatMessage,