@rimori/react-client 0.4.17 → 0.4.18-next.0

package/src/components/ai/utils.ts

@@ -1,22 +1,16 @@
-/** @deprecated Use server-side prompt definitions (prompt + variables) instead of building messages client-side. */
 export interface FirstMessages {
-  instructions?: string;
   userMessage?: string;
   assistantMessage?: string;
 }
 
-/** @deprecated Use server-side prompt definitions (prompt + variables) instead of building messages client-side. */
-export function getFirstMessages(instructions: FirstMessages): any[] {
+export function getFirstMessages(config: FirstMessages): any[] {
   const messages = [];
 
-  if (instructions.instructions) {
-    messages.push({ id: '1', role: 'system', content: instructions.instructions });
+  if (config.userMessage) {
+    messages.push({ id: '1', role: 'user', content: config.userMessage });
   }
-  if (instructions.userMessage) {
-    messages.push({ id: '2', role: 'user', content: instructions.userMessage });
-  }
-  if (instructions.assistantMessage) {
-    messages.push({ id: '3', role: 'assistant', content: instructions.assistantMessage });
+  if (config.assistantMessage) {
+    messages.push({ id: '2', role: 'assistant', content: config.assistantMessage });
   }
 
   return messages;

package/src/components/editor/MarkdownEditor.tsx

@@ -717,17 +717,11 @@ export const MarkdownEditor = ({
       if (from === to) return;
       const selectedText = editor.state.doc.textBetween(from, to, '\n');
       setIsTransforming(true);
-      const transformed = await ai.getText([
-        {
-          role: 'system',
-          content:
-            'You are a text editor assistant. Transform the provided text according to the user instruction. Return only the transformed text, no explanations. If formattation is wished, use markdown syntax in the output.',
-        },
-        {
-          role: 'user',
-          content: `Instruction: ${prompt}\n\nText:\n${selectedText}`,
-        },
-      ]);
+      const transformed = await ai.getText({
+        messages: [],
+        prompt: 'global.editor.transform-text',
+        variables: { instruction: prompt, text: selectedText },
+      });
       setIsTransforming(false);
       if (!transformed) return;
       editor.chain().focus().deleteRange({ from, to }).insertContentAt(from, transformed).run();

package/src/hooks/ThemeSetter.ts

@@ -1,8 +1,15 @@
 import { Theme } from '@rimori/client';
 
-export function useTheme(theme: Theme = 'system'): { isDark: boolean; theme: Theme } {
+export function useTheme(
+  theme: Theme = 'system',
+  isDisabled = false,
+): { isDark: boolean; theme: Theme; isDisabled: boolean } {
   const isDark = theme === 'system' ? systenUsesDarkMode() : theme === 'dark';
 
+  if (isDisabled) {
+    return { isDark, theme, isDisabled };
+  }
+
   const dom = document.documentElement;
   dom.dataset.theme = isDark ? 'dark' : 'light';
   dom.style.colorScheme = isDark ? 'dark' : 'light';
@@ -19,7 +26,7 @@ export function useTheme(theme: Theme = 'system'): { isDark: boolean; theme: The
     'bg-fixed',
   );
 
-  return { isDark, theme };
+  return { isDark, theme, isDisabled };
 }
 
 function systenUsesDarkMode(): boolean {

package/src/hooks/UseChatHook.ts

@@ -13,8 +13,6 @@ export interface UseChatConfig {
 export function useChat(
   tools?: Tool[],
   options?: {
-    /** @deprecated Use uuid variable with resolver 'knowledgeEntry' in prompt definitions instead. */
-    knowledgeId?: string;
     /** Server-side prompt name (e.g. 'storytelling.story'). When set, the backend resolves the system prompt. */
     prompt?: string;
     /** Variables for the server-side prompt template. */
@@ -42,13 +40,12 @@ export function useChat(
     const allMessages = [...messages, ...appendMessages];
     setMessages(allMessages);
     setIsLoading(true);
-    const knowledgeId = options?.knowledgeId;
     const promptVariables = configRef.current.promptVariables ?? options?.promptVariables;
     const prompt = configRef.current.prompt ?? options?.prompt;
 
-    void ai.getSteamedText(
-      allMessages,
-      (id, message, finished: boolean, toolInvocations?: ToolInvocation[]) => {
+    void ai.getStreamedText({
+      messages: allMessages,
+      onMessage: (id, message, finished: boolean, toolInvocations?: ToolInvocation[]) => {
         setIsLoading(!finished);
         setMessages((prev) => {
           const last = prev[prev.length - 1];
@@ -59,12 +56,9 @@ export function useChat(
         });
       },
       tools,
-      false,
-      undefined,
-      knowledgeId,
       prompt,
-      promptVariables,
-    );
+      variables: promptVariables,
+    });
   };
 
   return {

package/src/providers/PluginProvider.tsx

@@ -11,6 +11,12 @@ interface PluginProviderProps {
   pluginId: string;
   settings?: {
     disableContextMenu?: boolean;
+    disableThemeSetting?: boolean;
+    /**
+     * Skip the scrollbar detection that emits 'session.triggerScrollbarChange'.
+     * In federation mode, the host (FederatedPluginRenderer) handles this instead.
+     */
+    disableScrollbarDetection?: boolean;
   };
 }
 
@@ -28,7 +34,7 @@ export const PluginProvider: React.FC<PluginProviderProps> = ({ children, plugin
   const [theme, setTheme] = useState<Theme | undefined>(undefined);
   const [userInfo, setUserInfo] = useState<UserInfo | null>(null);
 
-  useTheme(theme);
+  useTheme(theme, settings?.disableThemeSetting);
 
   // Init PostHog once per plugin iframe
   useEffect(() => {
@@ -112,6 +118,7 @@ export const PluginProvider: React.FC<PluginProviderProps> = ({ children, plugin
 
   useEffect(() => {
     if (!client) return;
+    if (settings?.disableScrollbarDetection) return;
 
     const checkScrollbar = (): void => {
       const hasScrollbar = document.documentElement.scrollHeight > window.innerHeight;
@@ -133,7 +140,7 @@ export const PluginProvider: React.FC<PluginProviderProps> = ({ children, plugin
       window.removeEventListener('resize', checkScrollbar);
       resizeObserver.disconnect();
     };
-  }, [client]);
+  }, [client, settings?.disableScrollbarDetection]);
 
   if (standaloneClient instanceof StandaloneClient) {
     return (