@sybilion/uilib 1.3.51 → 1.3.53

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

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

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

@@ -149,6 +149,16 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         }
     };
     const isEmpty = isChatEmpty(chat) && !isLoading;
+    const openNewChatWithPrefill = useCallback((prompt) => {
+        const sessionId = newChat();
+        if (sessionId == null) {
+            logger.warn('Chat prefill: sign in to use the assistant.');
+            return;
+        }
+        const trimmed = prompt.trim();
+        setPromptLinkPrefill(trimmed || null);
+        onOpenChange(true);
+    }, [newChat, 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.
@@ -401,6 +411,7 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
                 }
             }
         }
+        setPromptLinkPrefill(null);
         try {
             if (chatId)
                 endLocalDemoFlow(chatId);
@@ -769,6 +780,7 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         onOpenChange,
         toggleOpen,
         newChat,
+        openNewChatWithPrefill,
         chatPanelContainer,
     };
 }

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

@@ -85,6 +85,7 @@ function applyOverTriggerStyles(contentEl, triggerEl) {
     wrapper.style.setProperty('left', `${rect.left - paddingLeft - borderLeft}px`, 'important');
     wrapper.style.setProperty('top', `${rect.top - paddingTop - borderTop}px`, 'important');
     wrapper.style.setProperty('transform', 'none', 'important');
+    wrapper.style.setProperty('pointer-events', 'none');
     wrapper.style.setProperty('min-width', '0', 'important');
     wrapper.style.setProperty('width', `${rect.width + paddingLeft + paddingRight + borderLeft + borderRight}px`, 'important');
     contentEl.style.width = '100%';
@@ -101,6 +102,7 @@ function clearOverTriggerStyles(contentEl) {
     wrapper.style.removeProperty('left');
     wrapper.style.removeProperty('top');
     wrapper.style.removeProperty('transform');
+    wrapper.style.removeProperty('pointer-events');
     wrapper.style.removeProperty('min-width');
     wrapper.style.removeProperty('width');
     contentEl.style.removeProperty('width');

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sybilion/uilib",
-  "version": "1.3.51",
+  "version": "1.3.53",
   "description": "Sybilion Design System — React UI components (Webpack + Stylus)",
   "publishConfig": {
     "access": "public",
@@ -203,5 +203,6 @@
     "webpack": "^5.75.0",
     "webpack-cli": "^5.0.1",
     "webpack-dev-server": "^5.2.3"
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

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

@@ -11,6 +11,8 @@ export type ChatSheetActions = {
   open: () => void;
   /** Starts a new chat session and opens the panel (same as the new-chat keyboard shortcut). */
   openNewChat: () => void;
+  /** Starts a new chat, opens the panel, and pre-fills the composer (user sends manually). */
+  openNewChatWithPrefill: (prompt: string) => void;
 };
 
 export interface ChatSheetProps extends Omit<
@@ -74,6 +76,7 @@ export function ChatSheet({
         model.newChat();
         model.onOpenChange(true);
       },
+      openNewChatWithPrefill: model.openNewChatWithPrefill,
     };
   }
 

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

@@ -91,6 +91,8 @@ export type UseChatPanelChromeModelResult = {
   onOpenChange: (open: boolean) => void;
   toggleOpen: () => void;
   newChat: () => void;
+  /** New session + open panel + one-shot composer pre-fill (does not send). */
+  openNewChatWithPrefill: (prompt: string) => void;
   chatPanelContainer: HTMLElement | null;
 };
 
@@ -312,6 +314,21 @@ export function useChatPanelChromeModel({
 
   const isEmpty = isChatEmpty(chat) && !isLoading;
 
+  const openNewChatWithPrefill = useCallback(
+    (prompt: string) => {
+      const sessionId = newChat();
+      if (sessionId == null) {
+        logger.warn('Chat prefill: sign in to use the assistant.');
+        return;
+      }
+
+      const trimmed = prompt.trim();
+      setPromptLinkPrefill(trimmed || null);
+      onOpenChange(true);
+    },
+    [newChat, 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.
@@ -606,6 +623,8 @@ export function useChatPanelChromeModel({
         }
       }
 
+      setPromptLinkPrefill(null);
+
       try {
         if (chatId) endLocalDemoFlow(chatId);
         let payload = buildChatSendMessagePayload(message, stagedAttachments);
@@ -1044,6 +1063,7 @@ export function useChatPanelChromeModel({
     onOpenChange,
     toggleOpen,
     newChat,
+    openNewChatWithPrefill,
     chatPanelContainer,
   };
 }

package/src/components/ui/Tooltip/Tooltip.tsx

@@ -126,6 +126,7 @@ function applyOverTriggerStyles(
     'important',
   );
   wrapper.style.setProperty('transform', 'none', 'important');
+  wrapper.style.setProperty('pointer-events', 'none');
   wrapper.style.setProperty('min-width', '0', 'important');
   wrapper.style.setProperty(
     'width',
@@ -148,6 +149,7 @@ function clearOverTriggerStyles(contentEl: HTMLElement | null) {
   wrapper.style.removeProperty('left');
   wrapper.style.removeProperty('top');
   wrapper.style.removeProperty('transform');
+  wrapper.style.removeProperty('pointer-events');
   wrapper.style.removeProperty('min-width');
   wrapper.style.removeProperty('width');
 

package/src/docs/pages/TooltipPage.tsx

@@ -11,6 +11,9 @@ import { DocsHeaderActions } from '../docsHeaderActions';
 
 const TOOLTIP_SIDES = ['left', 'top', 'bottom', 'right'] as const;
 
+const LONG_TEXT =
+  'This is a long text that should overflow and show a tooltip on hover.';
+
 export default function TooltipPage() {
   return (
     <>
@@ -33,6 +36,34 @@ export default function TooltipPage() {
             </Tooltip>
           ))}
         </div>
+
+        <div
+          style={{
+            display: 'inline-block',
+            padding: 'var(--p-4)',
+            marginTop: 'var(--p-4)',
+          }}
+        >
+          <h3>Tooltip over trigger:</h3>
+          <br />
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <div
+                style={{
+                  maxWidth: '200px',
+                  textOverflow: 'ellipsis',
+                  overflow: 'hidden',
+                  whiteSpace: 'nowrap',
+                }}
+              >
+                {LONG_TEXT}
+              </div>
+            </TooltipTrigger>
+            <TooltipContent side="bottom" overTrigger>
+              {LONG_TEXT}
+            </TooltipContent>
+          </Tooltip>
+        </div>
       </PageContentSection>
     </>
   );