@sybilion/uilib 1.3.87 → 1.3.88

package/dist/esm/components/ui/Chat/ChatSheet/ChatSheet.js

@@ -29,6 +29,7 @@ function ChatSheet({ triggerLabel = 'Open Chat', triggerAriaLabel, actionsRef, r
                 model.onOpenChange(true);
             },
             openNewChatWithPrefill: model.openNewChatWithPrefill,
+            openNewChatAndSubmit: model.openNewChatAndSubmit,
         };
     }
     if (inline) {

package/dist/esm/components/ui/Chat/ChatSheet/useChatPanelChromeModel.js

@@ -40,6 +40,7 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
     const [promptLinkPrefill, setPromptLinkPrefill] = useState(null);
     /** Deduplicate Strict Mode double `useEffect` on the same mount. */
     const promptParamHandledInEffectRef = useRef(false);
+    const pendingOpenChatAndSubmitRef = useRef(null);
     const prevShellChatPanelOpenRef = useRef(shellChatPanelOpen);
     /** This instance requested shell chat width (ignore other ChatSheet instances on the page). */
     const openedShellChatRef = useRef(false);
@@ -200,6 +201,18 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         setPromptLinkPrefill(trimmed || null);
         onOpenChange(true);
     }, [startEmptyNewChat, onOpenChange]);
+    const openNewChatAndSubmit = useCallback((prompt) => {
+        const sessionId = startEmptyNewChat();
+        if (sessionId == null) {
+            logger.warn('Chat submit: sign in to use the assistant.');
+            return;
+        }
+        const trimmed = prompt.trim();
+        if (!trimmed)
+            return;
+        pendingOpenChatAndSubmitRef.current = { sessionId, prompt: trimmed };
+        onOpenChange(true);
+    }, [startEmptyNewChat, onOpenChange]);
     /**
      * App link: `?prompt=…` — open panel, pre-fill composer, strip param (read once on mount
      * from `location.search`). If the selected session already has messages, `newChat()` first.
@@ -498,7 +511,14 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         onScriptComplete,
         transformSendPayload,
     ]);
-    const submitPreset = useCallback(async (preset) => {
+    useEffect(() => {
+        const pending = pendingOpenChatAndSubmitRef.current;
+        if (!pending || currentChatId !== pending.sessionId)
+            return;
+        pendingOpenChatAndSubmitRef.current = null;
+        void handlePromptSubmit(pending.prompt);
+    }, [currentChatId, handlePromptSubmit]);
+    const submitPreset = useCallback(async (preset, options) => {
         const script = preset.script;
         const scriptGraph = isPresetScriptGraph(script);
         const hasLinearScript = Array.isArray(script) && script.length > 0;
@@ -511,7 +531,7 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
             if (!currentChatId)
                 return;
             endLocalDemoFlow(currentChatId);
-            await handlePromptSubmit(preset.text);
+            await handlePromptSubmit(options?.message ?? preset.text);
             return;
         }
         setLocalUiBusy(true);
@@ -798,7 +818,10 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
                 chatWidthPx,
             })) {
                 // Chat open uses `startViewTransition`; nested transition here aborts first → AbortError overlay.
-                setSidebarNavOpen(false, { viewTransition: false });
+                setSidebarNavOpen(false, {
+                    viewTransition: false,
+                    layoutAutoClose: true,
+                });
             }
         };
         collapseNavIfNoSpace();
@@ -948,6 +971,7 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         toggleOpen,
         newChat: startEmptyNewChat,
         openNewChatWithPrefill,
+        openNewChatAndSubmit,
         chatPanelContainer,
     };
 }

package/dist/esm/components/ui/Sidebar/Sidebar.js

@@ -85,6 +85,8 @@ function SidebarProvider({ defaultOpen = getCookie('isSidebarOpen') ?? true, cla
     const [chatPanelOpen, _setChatPanelOpen] = useState(false);
     const sidebarWidthRef = useRef(sidebarWidthPx);
     const chatWidthRef = useRef(chatWidthPx);
+    /** Left nav was auto-closed because chat opened on a narrow shell; reopen when chat closes. */
+    const sidebarAutoClosedForChatRef = useRef(false);
     sidebarWidthRef.current = sidebarWidthPx;
     chatWidthRef.current = chatWidthPx;
     const mergeWrapperRef = useCallback((el) => {
@@ -226,10 +228,8 @@ function SidebarProvider({ defaultOpen = getCookie('isSidebarOpen') ?? true, cla
             }
         }
         else if (openingChat && isOpen) {
+            sidebarAutoClosedForChatRef.current = true;
             setIsOpen(false);
-            if (getCookiePreferences(userId)?.functional) {
-                setCookie('isSidebarOpen', 'false', 60 * 60 * 24 * 7);
-            }
         }
     }, [
         isSidebarSheetLayout,
@@ -238,18 +238,34 @@ function SidebarProvider({ defaultOpen = getCookie('isSidebarOpen') ?? true, cla
         chatPanelOpen,
         sidebarWidthPx,
         chatWidthPx,
-        userId,
     ]);
     const setChatPanelOpen = useCallback((open) => {
         if (open) {
             closeOppositeSidebarIfNoSpace(false, true);
+            _setChatPanelOpen(true);
+            return;
+        }
+        _setChatPanelOpen(false);
+        if (sidebarAutoClosedForChatRef.current) {
+            sidebarAutoClosedForChatRef.current = false;
+            setIsOpen(true);
+            if (getCookiePreferences(userId)?.functional) {
+                setCookie('isSidebarOpen', 'true', 60 * 60 * 24 * 7);
+            }
         }
-        _setChatPanelOpen(open);
-    }, [closeOppositeSidebarIfNoSpace]);
+    }, [closeOppositeSidebarIfNoSpace, userId]);
     const setOpen = useCallback((value, options) => {
+        const layoutAutoClose = options?.layoutAutoClose === true;
         if (value) {
+            sidebarAutoClosedForChatRef.current = false;
             closeOppositeSidebarIfNoSpace(true, false);
         }
+        else if (layoutAutoClose) {
+            sidebarAutoClosedForChatRef.current = true;
+        }
+        else {
+            sidebarAutoClosedForChatRef.current = false;
+        }
         const useViewTransition = options?.viewTransition !== false &&
             !isSidebarSheetLayout &&
             'startViewTransition' in document &&
@@ -262,7 +278,7 @@ function SidebarProvider({ defaultOpen = getCookie('isSidebarOpen') ?? true, cla
         else {
             setIsOpen(value);
         }
-        if (getCookiePreferences(userId)?.functional) {
+        if (!layoutAutoClose && getCookiePreferences(userId)?.functional) {
             setCookie('isSidebarOpen', value.toString(), 60 * 60 * 24 * 7);
         }
     }, [isSidebarSheetLayout, userId, closeOppositeSidebarIfNoSpace]);

package/dist/esm/types/src/components/ui/Chat/ChatEmptyState/ChatEmptyState.types.d.ts

@@ -1,6 +1,10 @@
 import type { ChatPreset } from '#uilib/components/ui/Chat/Chat.types';
+export type SubmitPresetOptions = {
+    /** Composer text when preset row includes addon context (e.g. live news URL). */
+    message?: string;
+};
 export type ChatEmptyStateContext = {
-    submitPreset: (preset: ChatPreset) => void | Promise<void>;
+    submitPreset: (preset: ChatPreset, options?: SubmitPresetOptions) => void | Promise<void>;
 };
 export interface ChatEmptyStateProps {
     icon?: React.ReactNode;

package/dist/esm/types/src/components/ui/Chat/ChatSheet/ChatSheet.d.ts

@@ -5,6 +5,8 @@ export type ChatSheetActions = {
     openNewChat: () => void;
     /** Starts a new chat, opens the panel, and pre-fills the composer (user sends manually). */
     openNewChatWithPrefill: (prompt: string) => void;
+    /** Starts a new chat, opens panel, and sends prompt immediately. */
+    openNewChatAndSubmit: (prompt: string) => void;
 };
 export interface ChatSheetProps extends Omit<UseChatPanelChromeModelInput, 'embedAsPage'> {
     title?: string;

package/dist/esm/types/src/components/ui/Chat/ChatSheet/useChatPanelChromeModel.d.ts

@@ -44,6 +44,8 @@ export type UseChatPanelChromeModelResult = {
     newChat: () => void;
     /** New session + open panel + one-shot composer pre-fill (does not send). */
     openNewChatWithPrefill: (prompt: string) => void;
+    /** New session + open panel + immediate send. */
+    openNewChatAndSubmit: (prompt: string) => void;
     chatPanelContainer: HTMLElement | null;
 };
 export declare function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onScriptComplete, renderMessageChart, renderSystemMessage, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, slashCommandItems, onSlashItemCommand, copyHistoryOnNewChat, transformSendPayload, }: UseChatPanelChromeModelInput): UseChatPanelChromeModelResult;

package/dist/esm/types/src/components/ui/Chat/index.d.ts

@@ -17,7 +17,7 @@ export type { ChatPromptComposerHandle } from './ChatPrompt/ChatPromptComposer';
 export { CHAT_PROMPT_COMMAND_CHIP_CLASS, chatPromptChipHtml, createChatPromptComposerHandle, getChatPromptTokenRangeBeforePos, insertChatPromptContentAtCaret, } from './ChatPrompt/chatPromptComposerInsert';
 export type { ChatPromptComposerInsertOptions } from './ChatPrompt/ChatPromptComposer.types';
 export { ChatPresets } from './ChatPresets';
-export type { ChatEmptyStateConfig, ChatEmptyStateContext, ChatEmptyStateProps, } from './ChatEmptyState/ChatEmptyState.types';
+export type { ChatEmptyStateConfig, ChatEmptyStateContext, ChatEmptyStateProps, SubmitPresetOptions, } from './ChatEmptyState/ChatEmptyState.types';
 export type { Chat as ChatType, ChatAttachmentDropItem, ChatMessageClassNames, ChatMessageTextClassNames, ChatMeta, ChatMetaValue, ChatSendMessagePayload, ChatMessageProps, ChatProps, ChatPreset as ChatPresetType, Message, UserTextFileAttachment, } from './Chat.types';
 export { MessageRole } from './Chat.types';
 export type { SlashCommandItem, SlashItemCommandContext, SlashOnItemCommand, } from '#uilib/tiptap/slash-mention/types';

package/dist/esm/types/src/components/ui/Sidebar/Sidebar.d.ts

@@ -12,6 +12,8 @@ type SetPanelWidthOptions = {
 /** Pass `viewTransition: false` to avoid nesting `document.startViewTransition` (e.g. chat open already animating). */
 export type SetSidebarOpenOptions = {
     viewTransition?: boolean;
+    /** Nav closed for layout (chat/width); restore when chat closes — do not persist closed cookie. */
+    layoutAutoClose?: boolean;
 };
 type SidebarContextProps = {
     isOpen: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sybilion/uilib",
-  "version": "1.3.87",
+  "version": "1.3.88",
   "description": "Sybilion Design System — React UI components (Webpack + Stylus)",
   "publishConfig": {
     "access": "public",

package/src/components/ui/Chat/ChatEmptyState/ChatEmptyState.types.ts

@@ -1,7 +1,15 @@
 import type { ChatPreset } from '#uilib/components/ui/Chat/Chat.types';
 
+export type SubmitPresetOptions = {
+  /** Composer text when preset row includes addon context (e.g. live news URL). */
+  message?: string;
+};
+
 export type ChatEmptyStateContext = {
-  submitPreset: (preset: ChatPreset) => void | Promise<void>;
+  submitPreset: (
+    preset: ChatPreset,
+    options?: SubmitPresetOptions,
+  ) => void | Promise<void>;
 };
 
 export interface ChatEmptyStateProps {

package/src/components/ui/Chat/ChatSheet/ChatSheet.tsx

@@ -13,6 +13,8 @@ export type ChatSheetActions = {
   openNewChat: () => void;
   /** Starts a new chat, opens the panel, and pre-fills the composer (user sends manually). */
   openNewChatWithPrefill: (prompt: string) => void;
+  /** Starts a new chat, opens panel, and sends prompt immediately. */
+  openNewChatAndSubmit: (prompt: string) => void;
 };
 
 export interface ChatSheetProps extends Omit<
@@ -79,6 +81,7 @@ export function ChatSheet({
         model.onOpenChange(true);
       },
       openNewChatWithPrefill: model.openNewChatWithPrefill,
+      openNewChatAndSubmit: model.openNewChatAndSubmit,
     };
   }
 

package/src/components/ui/Chat/ChatSheet/useChatPanelChromeModel.tsx

@@ -51,7 +51,10 @@ import {
 } from '../../Sidebar/Sidebar';
 import { Chat } from '../Chat';
 import type { ChatChromeProps } from '../ChatChrome';
-import type { ChatAttachmentDropItem, ChatPresetsRenderOptions } from '../ChatChrome/ChatChrome.types';
+import type {
+  ChatAttachmentDropItem,
+  ChatPresetsRenderOptions,
+} from '../ChatChrome/ChatChrome.types';
 import type { ChatEmptyStateConfig } from '../ChatEmptyState/ChatEmptyState.types';
 import type { ChatEmptyStateProps } from '../ChatEmptyState/ChatEmptyState.types';
 import {
@@ -118,6 +121,8 @@ export type UseChatPanelChromeModelResult = {
   newChat: () => void;
   /** New session + open panel + one-shot composer pre-fill (does not send). */
   openNewChatWithPrefill: (prompt: string) => void;
+  /** New session + open panel + immediate send. */
+  openNewChatAndSubmit: (prompt: string) => void;
   chatPanelContainer: HTMLElement | null;
 };
 
@@ -209,6 +214,10 @@ export function useChatPanelChromeModel({
   );
   /** Deduplicate Strict Mode double `useEffect` on the same mount. */
   const promptParamHandledInEffectRef = useRef(false);
+  const pendingOpenChatAndSubmitRef = useRef<{
+    sessionId: string;
+    prompt: string;
+  } | null>(null);
   const prevShellChatPanelOpenRef = useRef(shellChatPanelOpen);
   /** This instance requested shell chat width (ignore other ChatSheet instances on the page). */
   const openedShellChatRef = useRef(false);
@@ -405,6 +414,23 @@ export function useChatPanelChromeModel({
     [startEmptyNewChat, onOpenChange],
   );
 
+  const openNewChatAndSubmit = useCallback(
+    (prompt: string) => {
+      const sessionId = startEmptyNewChat();
+      if (sessionId == null) {
+        logger.warn('Chat submit: sign in to use the assistant.');
+        return;
+      }
+
+      const trimmed = prompt.trim();
+      if (!trimmed) return;
+
+      pendingOpenChatAndSubmitRef.current = { sessionId, prompt: trimmed };
+      onOpenChange(true);
+    },
+    [startEmptyNewChat, onOpenChange],
+  );
+
   /**
    * App link: `?prompt=…` — open panel, pre-fill composer, strip param (read once on mount
    * from `location.search`). If the selected session already has messages, `newChat()` first.
@@ -763,8 +789,15 @@ export function useChatPanelChromeModel({
     ],
   );
 
+  useEffect(() => {
+    const pending = pendingOpenChatAndSubmitRef.current;
+    if (!pending || currentChatId !== pending.sessionId) return;
+    pendingOpenChatAndSubmitRef.current = null;
+    void handlePromptSubmit(pending.prompt);
+  }, [currentChatId, handlePromptSubmit]);
+
   const submitPreset = useCallback(
-    async (preset: ChatPreset) => {
+    async (preset: ChatPreset, options?: { message?: string }) => {
       const script = preset.script;
       const scriptGraph = isPresetScriptGraph(script);
       const hasLinearScript = Array.isArray(script) && script.length > 0;
@@ -779,7 +812,7 @@ export function useChatPanelChromeModel({
       if (!isLocalDemo) {
         if (!currentChatId) return;
         endLocalDemoFlow(currentChatId);
-        await handlePromptSubmit(preset.text);
+        await handlePromptSubmit(options?.message ?? preset.text);
         return;
       }
 
@@ -1089,7 +1122,10 @@ export function useChatPanelChromeModel({
         })
       ) {
         // Chat open uses `startViewTransition`; nested transition here aborts first → AbortError overlay.
-        setSidebarNavOpen(false, { viewTransition: false });
+        setSidebarNavOpen(false, {
+          viewTransition: false,
+          layoutAutoClose: true,
+        });
       }
     };
 
@@ -1301,6 +1337,7 @@ export function useChatPanelChromeModel({
     toggleOpen,
     newChat: startEmptyNewChat,
     openNewChatWithPrefill,
+    openNewChatAndSubmit,
     chatPanelContainer,
   };
 }

package/src/components/ui/Chat/index.ts

@@ -44,6 +44,7 @@ export type {
   ChatEmptyStateConfig,
   ChatEmptyStateContext,
   ChatEmptyStateProps,
+  SubmitPresetOptions,
 } from './ChatEmptyState/ChatEmptyState.types';
 export type {
   Chat as ChatType,

package/src/components/ui/Sidebar/Sidebar.tsx

@@ -93,7 +93,11 @@ function readInitialChatWidthPx(): number {
 type SetPanelWidthOptions = { persist?: boolean };
 
 /** Pass `viewTransition: false` to avoid nesting `document.startViewTransition` (e.g. chat open already animating). */
-export type SetSidebarOpenOptions = { viewTransition?: boolean };
+export type SetSidebarOpenOptions = {
+  viewTransition?: boolean;
+  /** Nav closed for layout (chat/width); restore when chat closes — do not persist closed cookie. */
+  layoutAutoClose?: boolean;
+};
 
 type SidebarContextProps = {
   isOpen: boolean;
@@ -178,6 +182,8 @@ function SidebarProvider({
   const [chatPanelOpen, _setChatPanelOpen] = useState(false);
   const sidebarWidthRef = useRef(sidebarWidthPx);
   const chatWidthRef = useRef(chatWidthPx);
+  /** Left nav was auto-closed because chat opened on a narrow shell; reopen when chat closes. */
+  const sidebarAutoClosedForChatRef = useRef(false);
   sidebarWidthRef.current = sidebarWidthPx;
   chatWidthRef.current = chatWidthPx;
 
@@ -332,10 +338,8 @@ function SidebarProvider({
           window.dispatchEvent(new CustomEvent(DISMISS_CHAT_FOR_LAYOUT_EVENT));
         }
       } else if (openingChat && isOpen) {
+        sidebarAutoClosedForChatRef.current = true;
         setIsOpen(false);
-        if (getCookiePreferences(userId)?.functional) {
-          setCookie('isSidebarOpen', 'false', 60 * 60 * 24 * 7);
-        }
       }
     },
     [
@@ -345,7 +349,6 @@ function SidebarProvider({
       chatPanelOpen,
       sidebarWidthPx,
       chatWidthPx,
-      userId,
     ],
   );
 
@@ -353,16 +356,32 @@ function SidebarProvider({
     (open: boolean) => {
       if (open) {
         closeOppositeSidebarIfNoSpace(false, true);
+        _setChatPanelOpen(true);
+        return;
+      }
+      _setChatPanelOpen(false);
+      if (sidebarAutoClosedForChatRef.current) {
+        sidebarAutoClosedForChatRef.current = false;
+        setIsOpen(true);
+        if (getCookiePreferences(userId)?.functional) {
+          setCookie('isSidebarOpen', 'true', 60 * 60 * 24 * 7);
+        }
       }
-      _setChatPanelOpen(open);
     },
-    [closeOppositeSidebarIfNoSpace],
+    [closeOppositeSidebarIfNoSpace, userId],
   );
 
   const setOpen = useCallback(
     (value: boolean, options?: SetSidebarOpenOptions) => {
+      const layoutAutoClose = options?.layoutAutoClose === true;
+
       if (value) {
+        sidebarAutoClosedForChatRef.current = false;
         closeOppositeSidebarIfNoSpace(true, false);
+      } else if (layoutAutoClose) {
+        sidebarAutoClosedForChatRef.current = true;
+      } else {
+        sidebarAutoClosedForChatRef.current = false;
       }
 
       const useViewTransition =
@@ -379,7 +398,7 @@ function SidebarProvider({
         setIsOpen(value);
       }
 
-      if (getCookiePreferences(userId)?.functional) {
+      if (!layoutAutoClose && getCookiePreferences(userId)?.functional) {
         setCookie('isSidebarOpen', value.toString(), 60 * 60 * 24 * 7);
       }
     },