@yourgpt/copilot-sdk 1.2.10 → 1.3.0

package/README.md

@@ -15,7 +15,6 @@ npm install @yourgpt/copilot-sdk @yourgpt/llm-sdk
 ```tsx
 import { CopilotProvider } from "@yourgpt/copilot-sdk/react";
 import { CopilotChat } from "@yourgpt/copilot-sdk/ui";
-import "@yourgpt/copilot-sdk/ui/styles.css";
 
 function App() {
   return (
@@ -37,26 +36,36 @@ function App() {
 
 ## Styling (Tailwind CSS v4)
 
-Add the SDK source to your Tailwind config:
-
 ```css
 /* app/globals.css */
 @import "tailwindcss";
-
 @source "node_modules/@yourgpt/copilot-sdk/src/**/*.{ts,tsx}";
-
 @custom-variant dark (&:is(.dark *));
 ```
 
-For theming, optionally import the default CSS variables:
+## Theming
 
-```css
-@import "@yourgpt/copilot-sdk/ui/styles.css";
+Works automatically with existing shadcn/ui setup. For projects without shadcn:
+
+```tsx
+import "@yourgpt/copilot-sdk/ui/styles.css";
+import "@yourgpt/copilot-sdk/ui/themes/claude.css"; // Optional preset
+
+<div className="csdk-theme-claude">
+  <CopilotChat />
+</div>;
 ```
 
+**8 theme presets available:** Claude, Vercel, Supabase, Twitter, Linear, PostHog, Catppuccin, Modern
+
 ## Documentation
 
-Visit [copilot-sdk.yourgpt.ai](https://copilot-sdk.yourgpt.ai)
+Visit [copilot-sdk.yourgpt.ai](https://copilot-sdk.yourgpt.ai) for full documentation including:
+
+- Theme customization & CSS variables
+- Semantic CSS classes (`csdk-*`)
+- Creating custom themes
+- Dark mode support
 
 ## License
 

package/dist/{chunk-MHLF2QXY.cjs → chunk-3427BQ4M.cjs}

@@ -704,6 +704,14 @@ var AbstractChat = class {
     this.dynamicContext = context;
     this.debug("Context updated", { length: context.length });
   }
+  /**
+   * Set system prompt dynamically
+   * This allows updating the system prompt after initialization
+   */
+  setSystemPrompt(prompt) {
+    this.config.systemPrompt = prompt;
+    this.debug("System prompt updated", { length: prompt.length });
+  }
   /**
    * Build the request payload
    */
@@ -1483,6 +1491,12 @@ var ChatWithTools = class {
   setContext(context) {
     this.chat.setContext(context);
   }
+  /**
+   * Set system prompt dynamically
+   */
+  setSystemPrompt(prompt) {
+    this.chat.setSystemPrompt(prompt);
+  }
   // ============================================
   // Tool Registration
   // ============================================
@@ -1836,6 +1850,12 @@ function CopilotProvider({
       }
     );
   }
+  react.useEffect(() => {
+    if (chatRef.current && systemPrompt !== void 0) {
+      chatRef.current.setSystemPrompt(systemPrompt);
+      debugLog("System prompt updated from prop");
+    }
+  }, [systemPrompt, debugLog]);
   const messages = react.useSyncExternalStore(
     chatRef.current.subscribe,
     () => chatRef.current.messages,
@@ -1915,6 +1935,13 @@ function CopilotProvider({
     },
     [debugLog]
   );
+  const setSystemPrompt = react.useCallback(
+    (prompt) => {
+      chatRef.current?.setSystemPrompt(prompt);
+      debugLog("System prompt updated via function");
+    },
+    [debugLog]
+  );
   const sendMessage = react.useCallback(
     async (content, attachments) => {
       debugLog("Sending message:", content);
@@ -1989,6 +2016,8 @@ function CopilotProvider({
       // AI Context
       addContext,
       removeContext,
+      // System Prompt
+      setSystemPrompt,
       // Config
       threadId,
       runtimeUrl,
@@ -2016,6 +2045,7 @@ function CopilotProvider({
       registeredActions,
       addContext,
       removeContext,
+      setSystemPrompt,
       threadId,
       runtimeUrl,
       toolsConfig
@@ -3768,5 +3798,5 @@ exports.useToolExecutor = useToolExecutor;
 exports.useToolWithSchema = useToolWithSchema;
 exports.useTools = useTools;
 exports.useToolsWithSchema = useToolsWithSchema;
-//# sourceMappingURL=chunk-MHLF2QXY.cjs.map
-//# sourceMappingURL=chunk-MHLF2QXY.cjs.map
+//# sourceMappingURL=chunk-3427BQ4M.cjs.map
+//# sourceMappingURL=chunk-3427BQ4M.cjs.map