nitrostack 1.0.26 → 1.0.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nitrostack",
-  "version": "1.0.26",
+  "version": "1.0.27",
   "description": "NitroStack - Build powerful MCP servers with TypeScript",
   "type": "module",
   "main": "dist/core/index.js",

package/src/studio/components/EnlargeModal.tsx

@@ -21,6 +21,16 @@ export function EnlargeModal() {
 
   // Get data from item's examples or responseData
   const widgetData = item.examples?.response || item.responseData || {};
+  
+  // Debug logging
+  console.log('EnlargeModal - Widget info:', {
+    type,
+    itemName: item.name,
+    componentUri,
+    hasWidgetData: !!widgetData && Object.keys(widgetData).length > 0,
+    widgetDataType: widgetData ? typeof widgetData : 'none',
+    itemMeta: item._meta,
+  });
 
   const handleUseInChat = () => {
     if (type !== 'tool') return;

package/src/studio/components/ToolCard.tsx

@@ -25,6 +25,17 @@ export function ToolCard({ tool, onExecute }: ToolCardProps) {
   
   // Get example data for preview
   const exampleData = tool.examples?.response;
+  
+  // Debug logging for widget detection
+  if (hasWidget) {
+    console.log('ToolCard - Widget detected:', {
+      toolName: tool.name,
+      widgetUri,
+      hasExampleData: !!exampleData,
+      exampleDataType: exampleData ? typeof exampleData : 'none',
+      toolMeta: tool._meta,
+    });
+  }
 
   const handleUseInChat = (e: React.MouseEvent) => {
     e.stopPropagation();

package/src/studio/components/WidgetRenderer.tsx

@@ -55,7 +55,18 @@ export function WidgetRenderer({ uri, data, className = '' }: WidgetRendererProp
       // Production mode: fetch and render
       const loadProductionWidget = async () => {
         try {
-          const response = await fetch(`/api/resources/${encodeURIComponent(uri)}`);
+          // Convert widget route/path to resource URI format if needed
+          // Routes like "/calculator-result" or "calculator-result" should become "widget://calculator-result"
+          let resourceUri = uri;
+          if (!uri.startsWith('widget://') && !uri.startsWith('http://') && !uri.startsWith('https://')) {
+            // Remove leading slash if present
+            const widgetPath = uri.startsWith('/') ? uri.substring(1) : uri;
+            resourceUri = `widget://${widgetPath}`;
+          }
+          
+          console.log('Loading widget in production mode:', { originalUri: uri, resourceUri, data });
+          
+          const response = await fetch(`/api/resources/${encodeURIComponent(resourceUri)}`);
           const result = await response.json();
 
           if (result.contents && result.contents.length > 0) {
@@ -72,9 +83,17 @@ export function WidgetRenderer({ uri, data, className = '' }: WidgetRendererProp
                 URL.revokeObjectURL(blobUrl);
               };
             }
+            console.log('✅ Widget loaded successfully:', { resourceUri, hasHtml: !!html, hasData: !!data });
+          } else {
+            console.warn('⚠️ Widget resource found but no content:', { resourceUri, result });
           }
         } catch (error) {
-          console.error('Failed to load widget:', error);
+          console.error('❌ Failed to load widget:', { 
+            originalUri: uri, 
+            resourceUri, 
+            error: error instanceof Error ? error.message : String(error),
+            stack: error instanceof Error ? error.stack : undefined
+          });
         }
       };