@djangocfg/layouts 2.1.15 → 2.1.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/layouts",
-  "version": "2.1.15",
+  "version": "2.1.17",
   "description": "Simple, straightforward layout components for Next.js - import and use with props",
   "keywords": [
     "layouts",
@@ -92,9 +92,9 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/api": "^2.1.15",
-    "@djangocfg/centrifugo": "^2.1.15",
-    "@djangocfg/ui-nextjs": "^2.1.15",
+    "@djangocfg/api": "^2.1.17",
+    "@djangocfg/centrifugo": "^2.1.17",
+    "@djangocfg/ui-nextjs": "^2.1.17",
     "@hookform/resolvers": "^5.2.0",
     "consola": "^3.4.2",
     "lucide-react": "^0.545.0",
@@ -114,7 +114,7 @@
     "uuid": "^11.1.0"
   },
   "devDependencies": {
-    "@djangocfg/typescript-config": "^2.1.15",
+    "@djangocfg/typescript-config": "^2.1.17",
     "@types/node": "^24.7.2",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",

package/src/snippets/McpChat/components/AIChatWidget.tsx

@@ -7,7 +7,7 @@ import { ChatPanel } from './ChatPanel';
 import { ChatSidebar } from './ChatSidebar';
 import { useAIChatContext, useAIChatContextOptional, AIChatProvider } from '../context/AIChatContext';
 import { useChatLayout } from '../hooks/useChatLayout';
-import { mcpEndpoints, type ChatWidgetConfig } from '../types';
+import { getMcpEndpoints, type ChatWidgetConfig } from '../types';
 
 // CSS for mysterious rotating border animation with multi-color ethereal effects
 const fabAnimationStyles = `
@@ -210,8 +210,11 @@ AIChatWidgetInternal.displayName = 'AIChatWidgetInternal';
  *
  * @example
  * ```tsx
- * // Standalone usage
- * <AIChatWidget apiEndpoint="/api/ai/chat" />
+ * // Standalone usage (always uses production API)
+ * <AIChatWidget />
+ *
+ * // Auto-detect environment (dev/prod)
+ * <AIChatWidget autoDetectEnvironment={true} />
  *
  * // With provider for custom control
  * <AIChatProvider apiEndpoint="/api/ai/chat">
@@ -221,7 +224,7 @@ AIChatWidgetInternal.displayName = 'AIChatWidgetInternal';
  * ```
  */
 export const AIChatWidget: React.FC<AIChatWidgetProps> = ({
-  apiEndpoint = mcpEndpoints.chat,
+  apiEndpoint,
   title = 'DjangoCFG AI Assistant',
   placeholder = 'Ask about DjangoCFG...',
   greeting = "Hi! I'm your DjangoCFG AI assistant powered by GPT. Ask me anything about configuration, features, or how to use the library.",
@@ -229,6 +232,7 @@ export const AIChatWidget: React.FC<AIChatWidgetProps> = ({
   variant = 'default',
   className,
   enableStreaming = true,
+  autoDetectEnvironment = false,
 }) => {
   // Check if we're inside an AIChatProvider
   const existingContext = useAIChatContextOptional();
@@ -238,11 +242,14 @@ export const AIChatWidget: React.FC<AIChatWidgetProps> = ({
     return <AIChatWidgetInternal className={className} />;
   }
 
+  // Determine API endpoint: use provided, or get from config based on autoDetect
+  const finalApiEndpoint = apiEndpoint || getMcpEndpoints(autoDetectEnvironment).chat;
+
   // Otherwise, wrap in provider
   return (
     <AIChatProvider
-      apiEndpoint={apiEndpoint}
-      config={{ title, placeholder, greeting, position, variant }}
+      apiEndpoint={finalApiEndpoint}
+      config={{ title, placeholder, greeting, position, variant, autoDetectEnvironment }}
       enableStreaming={enableStreaming}
     >
       <AIChatWidgetInternal className={className} />

package/src/snippets/McpChat/config.ts

@@ -7,28 +7,45 @@
 const PROD_HOST = 'https://mcp.djangocfg.com';
 const DEV_HOST = 'http://localhost:3002';
 
-// Current host based on environment
-const HOST = process.env.NODE_ENV === 'development' ? DEV_HOST : PROD_HOST;
+/**
+ * Get host based on auto-detect flag
+ * @param autoDetect - If true, auto-detect based on NODE_ENV. If false, always use PROD_HOST
+ */
+function getHost(autoDetect: boolean = false): string {
+  if (autoDetect && process.env.NODE_ENV === 'development') {
+    return DEV_HOST;
+  }
+  return PROD_HOST;
+}
 
 /**
- * MCP Server endpoints
+ * Get MCP Server endpoints
+ * @param autoDetect - If true, auto-detect environment. If false (default), always use production
  */
-export const mcpEndpoints = {
-  /** Base URL */
-  baseUrl: HOST,
-  /** Chat API endpoint */
-  chat: `${HOST}/api/chat`,
-  /** Search API endpoint */
-  search: `${HOST}/api/search`,
-  /** Conversations API endpoint */
-  conversations: `${HOST}/api/conversations`,
-  /** Health check endpoint */
-  health: `${HOST}/health`,
-  /** MCP protocol endpoint (Streamable HTTP) */
-  mcp: `${HOST}/mcp`,
-  /** SSE endpoint for legacy clients */
-  sse: `${HOST}/mcp/sse`,
-};
+export function getMcpEndpoints(autoDetect: boolean = false) {
+  const HOST = getHost(autoDetect);
+  return {
+    /** Base URL */
+    baseUrl: HOST,
+    /** Chat API endpoint */
+    chat: `${HOST}/api/chat`,
+    /** Search API endpoint */
+    search: `${HOST}/api/search`,
+    /** Conversations API endpoint */
+    conversations: `${HOST}/api/conversations`,
+    /** Health check endpoint */
+    health: `${HOST}/health`,
+    /** MCP protocol endpoint (Streamable HTTP) */
+    mcp: `${HOST}/mcp`,
+    /** SSE endpoint for legacy clients */
+    sse: `${HOST}/mcp/sse`,
+  };
+}
+
+/**
+ * MCP Server endpoints (always production by default)
+ */
+export const mcpEndpoints = getMcpEndpoints(false);
 
 // Export defaults for backwards compatibility
 export const DEFAULT_CHAT_API_ENDPOINT = PROD_HOST + '/api/chat';

package/src/snippets/McpChat/types.ts

@@ -3,7 +3,7 @@
  */
 
 // Re-export config constants for backwards compatibility
-export { DEFAULT_CHAT_API_ENDPOINT, mcpEndpoints } from './config';
+export { DEFAULT_CHAT_API_ENDPOINT, mcpEndpoints, getMcpEndpoints } from './config';
 
 /**
  * AI Chat message role
@@ -79,6 +79,8 @@ export interface ChatWidgetConfig {
   position?: 'bottom-right' | 'bottom-left';
   /** Theme variant */
   variant?: 'default' | 'minimal';
+  /** Auto-detect environment (dev/prod) for API endpoint. If false (default), always uses production */
+  autoDetectEnvironment?: boolean;
 }
 
 // =============================================================================