@epicbagel/saas-kit 1.29.0 → 1.30.0

package/dist/primitives/chat.cjs

@@ -1142,6 +1142,7 @@ var Chat = _react.forwardRef.call(void 0, function Chat2({
   const workspace = layout === "workspace";
   const shortViewport = useIsShortViewport();
   const compactSuggestions = mobileCompactSuggestions && (isMobile || shortViewport);
+  const compactComposer = mobileCompactComposer && (isMobile || shortViewport);
   const showEmptyFileDropzone = emptyFileDropzone && Boolean(onFilesSelected) && attachments.length === 0;
   const liveVoiceActive = voiceSession && voiceSession.state !== "disconnected" && voiceSession.state !== "error";
   const showEmptyPending = !conversationStarted && pending && Boolean(emptyPendingContent) && !liveVoiceActive;
@@ -1327,7 +1328,9 @@ var Chat = _react.forwardRef.call(void 0, function Chat2({
               "pt-3",
               application && "px-4 py-3 md:bg-transparent md:px-0 md:pb-0 md:backdrop-blur-none md:supports-backdrop-filter:bg-transparent",
               workspace && "border-0 bg-gradient-to-t from-background via-background to-transparent px-4 pb-[max(1.25rem,env(safe-area-inset-bottom))] pt-8 backdrop-blur-none supports-[backdrop-filter]:bg-gradient-to-t",
-              workspace && mobileCompactComposer && "max-md:pb-[max(0.75rem,env(safe-area-inset-bottom))] max-md:pt-3"
+              workspace && mobileCompactComposer && "max-md:pb-[max(0.75rem,env(safe-area-inset-bottom))] max-md:pt-3",
+              // A short window's dock is as tight as a phone's.
+              workspace && compactComposer && "pb-[max(0.75rem,env(safe-area-inset-bottom))] pt-3"
             ),
             children: [
               !compactSuggestions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1375,7 +1378,7 @@ var Chat = _react.forwardRef.call(void 0, function Chat2({
                   addFilesLabel,
                   uploadingLabel,
                   appearance: composerAppearance,
-                  compactOnBlur: mobileCompactComposer && isMobile,
+                  compactOnBlur: compactComposer,
                   helperText: composerHelperText,
                   privacyNote: composerPrivacyNote,
                   className: workspace ? "mx-auto max-w-3xl rounded-3xl shadow-sm" : void 0

package/dist/primitives/chat.d.cts

@@ -232,7 +232,8 @@ interface ChatInputProps {
     /**
      * Fold an empty, unfocused composer into a short text row and control bar. Focusing its textarea
      * expands it; drafts and staged files always keep it expanded. Chat enables
-     * this only for an active mobile conversation with `mobileCompactComposer`.
+     * this only for an active conversation on a phone or a short window, with
+     * `mobileCompactComposer`.
      */
     compactOnBlur?: boolean;
     /** Content inside the composer surface, above its files and text field. */
@@ -414,9 +415,10 @@ interface ChatProps {
     /** Visual treatment for both empty and active text composers. */
     composerAppearance?: ChatInputProps["appearance"];
     /**
-     * On phones (below 768px), fold an active conversation's empty composer
-     * into a short text row above its controls until the textarea is focused. Drafts and files stay
-     * expanded. Desktop and the new-conversation composer are unchanged.
+     * On phones (below 768px wide) and short windows (below 900px tall), fold an
+     * active conversation's empty composer into a short text row above its
+     * controls until the textarea is focused. Drafts and files stay expanded.
+     * Taller desktop windows and the new-conversation composer are unchanged.
      */
     mobileCompactComposer?: boolean;
     /** Quiet contextual copy inside the composer action row. */

package/dist/primitives/chat.d.ts

@@ -232,7 +232,8 @@ interface ChatInputProps {
     /**
      * Fold an empty, unfocused composer into a short text row and control bar. Focusing its textarea
      * expands it; drafts and staged files always keep it expanded. Chat enables
-     * this only for an active mobile conversation with `mobileCompactComposer`.
+     * this only for an active conversation on a phone or a short window, with
+     * `mobileCompactComposer`.
      */
     compactOnBlur?: boolean;
     /** Content inside the composer surface, above its files and text field. */
@@ -414,9 +415,10 @@ interface ChatProps {
     /** Visual treatment for both empty and active text composers. */
     composerAppearance?: ChatInputProps["appearance"];
     /**
-     * On phones (below 768px), fold an active conversation's empty composer
-     * into a short text row above its controls until the textarea is focused. Drafts and files stay
-     * expanded. Desktop and the new-conversation composer are unchanged.
+     * On phones (below 768px wide) and short windows (below 900px tall), fold an
+     * active conversation's empty composer into a short text row above its
+     * controls until the textarea is focused. Drafts and files stay expanded.
+     * Taller desktop windows and the new-conversation composer are unchanged.
      */
     mobileCompactComposer?: boolean;
     /** Quiet contextual copy inside the composer action row. */

package/dist/primitives/chat.js

@@ -1142,6 +1142,7 @@ var Chat = forwardRef(function Chat2({
   const workspace = layout === "workspace";
   const shortViewport = useIsShortViewport();
   const compactSuggestions = mobileCompactSuggestions && (isMobile || shortViewport);
+  const compactComposer = mobileCompactComposer && (isMobile || shortViewport);
   const showEmptyFileDropzone = emptyFileDropzone && Boolean(onFilesSelected) && attachments.length === 0;
   const liveVoiceActive = voiceSession && voiceSession.state !== "disconnected" && voiceSession.state !== "error";
   const showEmptyPending = !conversationStarted && pending && Boolean(emptyPendingContent) && !liveVoiceActive;
@@ -1327,7 +1328,9 @@ var Chat = forwardRef(function Chat2({
               "pt-3",
               application && "px-4 py-3 md:bg-transparent md:px-0 md:pb-0 md:backdrop-blur-none md:supports-backdrop-filter:bg-transparent",
               workspace && "border-0 bg-gradient-to-t from-background via-background to-transparent px-4 pb-[max(1.25rem,env(safe-area-inset-bottom))] pt-8 backdrop-blur-none supports-[backdrop-filter]:bg-gradient-to-t",
-              workspace && mobileCompactComposer && "max-md:pb-[max(0.75rem,env(safe-area-inset-bottom))] max-md:pt-3"
+              workspace && mobileCompactComposer && "max-md:pb-[max(0.75rem,env(safe-area-inset-bottom))] max-md:pt-3",
+              // A short window's dock is as tight as a phone's.
+              workspace && compactComposer && "pb-[max(0.75rem,env(safe-area-inset-bottom))] pt-3"
             ),
             children: [
               !compactSuggestions && /* @__PURE__ */ jsx(
@@ -1375,7 +1378,7 @@ var Chat = forwardRef(function Chat2({
                   addFilesLabel,
                   uploadingLabel,
                   appearance: composerAppearance,
-                  compactOnBlur: mobileCompactComposer && isMobile,
+                  compactOnBlur: compactComposer,
                   helperText: composerHelperText,
                   privacyNote: composerPrivacyNote,
                   className: workspace ? "mx-auto max-w-3xl rounded-3xl shadow-sm" : void 0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epicbagel/saas-kit",
-  "version": "1.29.0",
+  "version": "1.30.0",
   "description": "Accessible React primitives, layout components and design tokens for SaaS apps, built on Radix UI and Tailwind CSS v4.",
   "license": "MIT",
   "keywords": [