@webless/agent 0.6.9 → 0.6.10

package/dist/{chunk-U2SU2CGF.js → chunk-NEI5GKGH.js}

@@ -3197,7 +3197,7 @@ var defaultDarkAgentRailTheme = {
 };
 
 // src/react/components/AgentRail/AgentRail.tsx
-import { useEffect as useEffect3, useRef as useRef3, useState as useState8 } from "react";
+import { useEffect as useEffect4, useRef as useRef4, useState as useState8 } from "react";
 
 // src/react/hooks/useAgentColorScheme.ts
 import { useSyncExternalStore } from "react";
@@ -3610,7 +3610,13 @@ function FollowUpChips({
 import { useState as useState5 } from "react";
 
 // src/react/components/BookingCard/BookingCard.tsx
-import { useId as useId2, useMemo as useMemo2, useState as useState4 } from "react";
+import {
+  useEffect as useEffect3,
+  useId as useId2,
+  useMemo as useMemo2,
+  useRef as useRef3,
+  useState as useState4
+} from "react";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var BOOKING_STEPS = [
   { id: "date", label: "Date" },
@@ -3656,7 +3662,14 @@ function BookingCard({
   const [startTime, setStartTime] = useState4("");
   const [name, setName] = useState4("");
   const [email, setEmail] = useState4("");
+  const activeStepRef = useRef3(null);
+  const previousStepRef = useRef3(step);
   const stepIndex = BOOKING_STEPS.findIndex((item) => item.id === step);
+  useEffect3(() => {
+    if (previousStepRef.current === step) return;
+    previousStepRef.current = step;
+    activeStepRef.current?.scrollIntoView({ block: "nearest" });
+  }, [step]);
   const slots = useMemo2(
     () => bookingSlotsForEventType(offer.slots, eventTypeUri),
     [eventTypeUri, offer.slots]
@@ -3750,7 +3763,7 @@ function BookingCard({
       },
       item.id
     )) }),
-    step === "date" ? /* @__PURE__ */ jsxs4("div", { className: "booking-card__step", children: [
+    step === "date" ? /* @__PURE__ */ jsxs4("div", { className: "booking-card__step", ref: activeStepRef, children: [
       /* @__PURE__ */ jsx4("p", { className: "booking-card__title", children: selectedType?.name || "Pick a date" }),
       timeZone ? /* @__PURE__ */ jsxs4("p", { className: "booking-card__tz", children: [
         "Times in ",
@@ -3840,7 +3853,7 @@ function BookingCard({
         }
       )
     ] }, "date") : null,
-    step === "time" ? /* @__PURE__ */ jsxs4("div", { className: "booking-card__step", children: [
+    step === "time" ? /* @__PURE__ */ jsxs4("div", { className: "booking-card__step", ref: activeStepRef, children: [
       /* @__PURE__ */ jsxs4("div", { className: "booking-card__step-bar", children: [
         /* @__PURE__ */ jsx4(
           "button",
@@ -3871,7 +3884,7 @@ function BookingCard({
         slot.startTime
       )) })
     ] }, "time") : null,
-    step === "details" ? /* @__PURE__ */ jsxs4("div", { className: "booking-card__step", children: [
+    step === "details" ? /* @__PURE__ */ jsxs4("div", { className: "booking-card__step", ref: activeStepRef, children: [
       /* @__PURE__ */ jsxs4("div", { className: "booking-card__step-bar", children: [
         /* @__PURE__ */ jsx4(
           "button",
@@ -4839,7 +4852,7 @@ function AgentRail({
   onInputResponse,
   onToolInput
 }) {
-  const transcriptRef = useRef3(null);
+  const transcriptRef = useRef4(null);
   const resolvedBrandLabel = brandLabel.trim();
   const resolvedBrandLogoUrl = brandLogoUrl?.trim();
   const [failedLogoUrl, setFailedLogoUrl] = useState8(null);
@@ -4944,7 +4957,7 @@ function AgentRail({
     hasPendingConfirmation,
     enabled: lastIsAgent && !isBusy
   });
-  useEffect3(() => {
+  useEffect4(() => {
     const node = transcriptRef.current;
     if (!node) return;
     node.scrollTop = node.scrollHeight;
@@ -5355,10 +5368,10 @@ function AssistEdgeTab({
 }
 
 // src/react/components/AgentWidget/AgentWidget.tsx
-import { useEffect as useEffect6, useRef as useRef4, useState as useState10 } from "react";
+import { useEffect as useEffect7, useRef as useRef5, useState as useState10 } from "react";
 
 // src/react/page-shift.ts
-import { useEffect as useEffect4 } from "react";
+import { useEffect as useEffect5 } from "react";
 var PAGE_SHIFT_CLASS = "webless-agent-page-shift";
 var DEFAULT_RAIL_WIDTH_PX = 450;
 function shouldApplyPageShift(input) {
@@ -5410,7 +5423,7 @@ function clearPageMargin() {
 }
 function usePageShift(input) {
   const { active, railSlotRef } = input;
-  useEffect4(() => {
+  useEffect5(() => {
     if (typeof document === "undefined") {
       return;
     }
@@ -5438,12 +5451,12 @@ function usePageShift(input) {
 }
 
 // src/react/hooks/useIsMobile.ts
-import { useEffect as useEffect5, useState as useState9 } from "react";
+import { useEffect as useEffect6, useState as useState9 } from "react";
 function useIsMobile(breakpoint = 767) {
   const [isMobile, setIsMobile] = useState9(
     () => typeof window !== "undefined" && window.matchMedia(`(max-width: ${breakpoint}px)`).matches
   );
-  useEffect5(() => {
+  useEffect6(() => {
     const media = window.matchMedia(`(max-width: ${breakpoint}px)`);
     const onChange = () => setIsMobile(media.matches);
     onChange();
@@ -5472,7 +5485,7 @@ function AgentWidget({
 }) {
   const isMobile = useIsMobile();
   const placement = normalizeAgentPlacement(placementInput);
-  const railSlotRef = useRef4(null);
+  const railSlotRef = useRef5(null);
   const [railCollapsed, setRailCollapsed] = useState10(defaultCollapsed);
   const [railExpanded, setRailExpanded] = useState10(false);
   const pageShiftActive = shouldApplyPageShift({
@@ -5517,7 +5530,7 @@ function AgentWidget({
     } : {},
     ...branding?.colors?.border ? { border: branding.colors.border } : {}
   };
-  useEffect6(() => {
+  useEffect7(() => {
     if (!registerPanelController) return;
     registerAgentPanelController(customerId, {
       open: () => setRailCollapsed(false),
@@ -5534,7 +5547,7 @@ function AgentWidget({
     if (isMobile) setRailCollapsed(false);
     await submit(message);
   }
-  useEffect6(() => {
+  useEffect7(() => {
     if (railCollapsed) return;
     const handleKeyDown = (event) => {
       if (event.key === "Tab" && (isMobile || railExpanded)) {
@@ -5657,4 +5670,4 @@ export {
   AssistEdgeTab,
   AgentWidget
 };
-//# sourceMappingURL=chunk-U2SU2CGF.js.map
+//# sourceMappingURL=chunk-NEI5GKGH.js.map