@landtrustinc/design-system 1.2.73 → 1.2.75

package/dist/index.d.ts

@@ -1511,6 +1511,10 @@ type ChatWidgetProps = {
      * Title displayed in the chat widget header
      */
     title: string;
+    /**
+     * Optional tooltip copy rendered behind an info icon next to the title
+     */
+    titleTooltipContent?: ReactNode;
     /**
      * Array of messages to display
      */
@@ -1601,7 +1605,7 @@ type ChatWidgetProps = {
      */
     enableScrollToBottomControl?: boolean;
 };
-declare const ChatWidget: ({ title, messages, onSubmit, placeholder, disabled, className, ariaLabel, panelWidth, expanded, defaultExpanded, onExpandedChange, isThinking, thinkingText, thinkingContent, emptyState, containerProps, suggestedPrompts, onPromptClick, suggestedPromptsTitle, notificationCount, closeOnClickOutside, enableScrollToBottomControl, }: ChatWidgetProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ChatWidget: ({ title, titleTooltipContent, messages, onSubmit, placeholder, disabled, className, ariaLabel, panelWidth, expanded, defaultExpanded, onExpandedChange, isThinking, thinkingText, thinkingContent, emptyState, containerProps, suggestedPrompts, onPromptClick, suggestedPromptsTitle, notificationCount, closeOnClickOutside, enableScrollToBottomControl, }: ChatWidgetProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type CtaCardBase = {
     /**

package/dist/index.js

@@ -3452,11 +3452,12 @@ var tooltipContentStyles = import_react3.css`
   padding: var(--spacing-2) var(--spacing-3);
   border-radius: var(--spacing-1);
   font-size: var(--font-size-sm);
-  white-space: nowrap;
   z-index: 1000;
   pointer-events: none;
   opacity: 0;
   transition: opacity 0.2s ease-in-out;
+  max-width: 320px;
+  text-wrap: pretty;
 
   &[data-visible='true'] {
     opacity: 1;
@@ -7276,6 +7277,7 @@ var DEFAULT_EMPTY_STATE = [
 ];
 var ChatWidget = ({
   title,
+  titleTooltipContent,
   messages,
   onSubmit,
   placeholder = "Type your question",
@@ -7299,6 +7301,7 @@ var ChatWidget = ({
   enableScrollToBottomControl = true
 }) => {
   const [value, setValue] = (0, import_react44.useState)("");
+  const textAreaRef = (0, import_react44.useRef)(null);
   const isControlled = typeof expanded === "boolean";
   const [internalExpanded, setInternalExpanded] = (0, import_react44.useState)(defaultExpanded);
   const isExpanded = isControlled ? expanded : internalExpanded;
@@ -7324,6 +7327,14 @@ var ChatWidget = ({
     },
     [isControlled, onExpandedChange, saveCurrentScrollPosition]
   );
+  (0, import_react44.useEffect)(() => {
+    if (isExpanded) {
+      requestAnimationFrame(() => {
+        var _a;
+        return (_a = textAreaRef.current) == null ? void 0 : _a.focus();
+      });
+    }
+  }, [isExpanded]);
   const messagesToRender = messages.length === 0 ? emptyState : messages;
   const shouldRenderSuggestedPrompts = messages.length === 0 && !!(suggestedPrompts == null ? void 0 : suggestedPrompts.length);
   const firstAIResponseIndex = messagesToRender.findIndex(
@@ -7378,15 +7389,26 @@ var ChatWidget = ({
                 justifyContent: "space-between",
                 gap: "var(--spacing-4)",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-4)", children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
-                    Heading_default,
-                    {
-                      size: "2xs",
-                      fontWeight: "bold",
-                      color: "var(--text-primary)",
-                      children: title
-                    }
-                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-4)", children: /* @__PURE__ */ (0, import_jsx_runtime236.jsxs)(Box_default, { display: "flex", alignItems: "center", gap: "var(--spacing-4)", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
+                      Heading_default,
+                      {
+                        size: "2xs",
+                        fontWeight: "bold",
+                        color: "var(--text-primary)",
+                        children: title
+                      }
+                    ),
+                    titleTooltipContent && /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Tooltip_default, { content: titleTooltipContent, position: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
+                      Box_default,
+                      {
+                        display: "flex",
+                        alignItems: "center",
+                        "aria-label": "Show title information",
+                        children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Icon_default, { variant: "CircleInfo", size: "medium" })
+                      }
+                    ) })
+                  ] }) }),
                   /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
                     Button_default,
                     {
@@ -7492,6 +7514,7 @@ var ChatWidget = ({
           /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(Box_default, { position: "sticky", bottom: 0, zIndex: 1, p: 0, children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)(
             TextArea_default,
             {
+              ref: textAreaRef,
               rows: 3,
               value,
               maxHeight: 250,