@sybilion/uilib 1.3.87 → 1.3.89

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 {
@@ -108,6 +111,11 @@ export type UseChatPanelChromeModelInput = {
     | string
     | ChatSendMessagePayload
     | Promise<string | ChatSendMessagePayload>;
+  /**
+   * When true, preset clicks always use the API send path (skip local `answer` /
+   * script demo). Use on /reports/new where first message must hit transformSendPayload.
+   */
+  submitPresetsViaApi?: boolean;
 };
 
 export type UseChatPanelChromeModelResult = {
@@ -118,6 +126,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;
 };
 
@@ -160,6 +170,7 @@ export function useChatPanelChromeModel({
   onSlashItemCommand,
   copyHistoryOnNewChat = false,
   transformSendPayload,
+  submitPresetsViaApi = false,
 }: UseChatPanelChromeModelInput): UseChatPanelChromeModelResult {
   const effectiveScopeId = scopeId ?? NO_SCOPE_FALLBACK;
   const isMobile = useIsMobile();
@@ -209,6 +220,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 +420,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.
@@ -567,7 +599,7 @@ export function useChatPanelChromeModel({
           try {
             const { response: assistantResponse, sessionId } =
               await sendMessage(payload);
-            onMessage?.(
+            await onMessage?.(
               displayTextFromSendPayload(payload),
               assistantResponse,
               sessionId,
@@ -735,7 +767,7 @@ export function useChatPanelChromeModel({
         try {
           const { response: assistantResponse, sessionId } =
             await sendMessage(payload);
-          onMessage?.(
+          await onMessage?.(
             displayTextFromSendPayload(payload),
             assistantResponse,
             sessionId,
@@ -763,23 +795,31 @@ 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;
       const hasReplies =
         preset.replies && Object.keys(preset.replies).length > 0;
       const isLocalDemo =
-        hasLinearScript ||
-        scriptGraph ||
-        Boolean(preset.answer?.trim()) ||
-        Boolean(hasReplies);
+        !submitPresetsViaApi &&
+        (hasLinearScript ||
+          scriptGraph ||
+          Boolean(preset.answer?.trim()) ||
+          Boolean(hasReplies));
 
       if (!isLocalDemo) {
         if (!currentChatId) return;
         endLocalDemoFlow(currentChatId);
-        await handlePromptSubmit(preset.text);
+        await handlePromptSubmit(options?.message ?? preset.text);
         return;
       }
 
@@ -862,6 +902,7 @@ export function useChatPanelChromeModel({
       handlePromptSubmit,
       addMessage,
       presetsWithFreeform,
+      submitPresetsViaApi,
     ],
   );
 
@@ -1089,7 +1130,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 +1345,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);
       }
     },