@wix/ditto-codegen-public 1.0.39 → 1.0.41

package/dist/out.js

@@ -117494,30 +117494,6 @@ var require_load_examples = __commonJS({
             "ai-chatbot/src/dashboard/utils.ts",
             "ai-chatbot/src/dashboard/withProviders.tsx",
             "ai-chatbot/src/types.ts"
-          ],
-          [types.EmbeddedScript]: [],
-          [types.ServicePluginExtension]: [],
-          [types.CustomElementPlugin]: [],
-          [types.CustomElementWidget]: []
-        }
-      },
-      ChartWidget: {
-        path: "chart-widget",
-        description: "A custom widget that displays interactive charts (pie charts and bar charts) with configurable data and styling options for site content",
-        files: {
-          [types.APIExtension]: [],
-          [types.DashboardPage]: [],
-          [types.EmbeddedScript]: [],
-          [types.ServicePluginExtension]: [],
-          [types.CustomElementPlugin]: [],
-          [types.CustomElementWidget]: [
-            "chart-widget/src/site/widgets/custom-elements/chart-widget/common.ts",
-            "chart-widget/src/site/widgets/custom-elements/chart-widget/element.tsx",
-            "chart-widget/src/site/widgets/custom-elements/chart-widget/element/bar-chart.tsx",
-            "chart-widget/src/site/widgets/custom-elements/chart-widget/element/pie-chart.tsx",
-            "chart-widget/src/site/widgets/custom-elements/chart-widget/panel.tsx",
-            "chart-widget/src/site/widgets/custom-elements/chart-widget/panel/chart-type.tsx",
-            "chart-widget/src/site/widgets/custom-elements/chart-widget/panel/slice.tsx"
           ]
         }
       },
@@ -117525,41 +117501,30 @@ var require_load_examples = __commonJS({
         path: "custom-products-catalog",
         description: "A dashboard app that provides a custom interface for managing products with advanced filtering, bulk operations, and CRUD functionality for store products",
         files: {
-          [types.APIExtension]: [],
           [types.DashboardPage]: [
             "custom-products-catalog/src/dashboard/pages/page.tsx",
             "custom-products-catalog/src/dashboard/components/create-product.tsx",
             "custom-products-catalog/src/dashboard/hooks/stores.ts",
             "custom-products-catalog/src/dashboard/withProviders.tsx"
-          ],
-          [types.EmbeddedScript]: [],
-          [types.ServicePluginExtension]: [],
-          [types.CustomElementPlugin]: [],
-          [types.CustomElementWidget]: []
+          ]
         }
       },
       InventoryCountdown: {
         path: "inventory-countdown",
         description: "A site plugin that displays real-time inventory countdown for products, showing stock levels and urgency messaging to encourage purchases",
         files: {
-          [types.APIExtension]: [],
-          [types.DashboardPage]: [],
-          [types.EmbeddedScript]: [],
-          [types.ServicePluginExtension]: [],
           [types.CustomElementPlugin]: [
             "inventory-countdown/src/site/plugins/custom-elements/stock-counter/plugin.tsx",
             "inventory-countdown/src/site/plugins/custom-elements/stock-counter/plugin.module.css",
             "inventory-countdown/src/site/plugins/custom-elements/stock-counter/panel.tsx",
             "inventory-countdown/src/site/plugins/custom-elements/stock-counter/consts.ts"
-          ],
-          [types.CustomElementWidget]: []
+          ]
         }
       },
       MixPanelAnalystic: {
         path: "mixpanel-analytics",
         description: "An analytics integration app that embeds Mixpanel tracking scripts into websites and provides a dashboard interface for configuring analytics tokens",
         files: {
-          [types.APIExtension]: [],
           [types.DashboardPage]: [
             "mixpanel-analytics/src/dashboard/pages/page.tsx",
             "mixpanel-analytics/src/dashboard/components/ProjectToken.tsx",
@@ -117568,29 +117533,20 @@ var require_load_examples = __commonJS({
           ],
           [types.EmbeddedScript]: [
             "mixpanel-analytics/src/site/embedded-scripts/mixpanel-analytics/embedded.html"
-          ],
-          [types.ServicePluginExtension]: [],
-          [types.CustomElementPlugin]: [],
-          [types.CustomElementWidget]: []
+          ]
         }
       },
       MyLocationApp: {
         path: "my-locations-app",
         description: "The Locations app allows site owners to easily manage their business locations and hours of operation. The app will contain a dashboard page with a list of the site owner's business locations, and a button to edit the hours for each location",
         files: {
-          [types.APIExtension]: [],
-          [types.DashboardPage]: ["my-locations-app/src/dashboard/pages/page.tsx"],
-          [types.EmbeddedScript]: [],
-          [types.ServicePluginExtension]: [],
-          [types.CustomElementPlugin]: [],
-          [types.CustomElementWidget]: []
+          [types.DashboardPage]: ["my-locations-app/src/dashboard/pages/page.tsx"]
         }
       },
       SitePopup: {
         path: "site-popup",
         description: "A marketing app that creates configurable popup overlays for websites with customizable content, images, and activation settings to engage visitors",
         files: {
-          [types.APIExtension]: [],
           [types.DashboardPage]: [
             "site-popup/src/dashboard/pages/page.tsx",
             "site-popup/src/dashboard/hooks/wix-embeds.ts",
@@ -117609,55 +117565,47 @@ var require_load_examples = __commonJS({
             "site-popup/src/site/embedded-scripts/site-popup/popup-overlay/index.tsx",
             "site-popup/src/site/embedded-scripts/site-popup/popup-overlay/index.css",
             "site-popup/src/types.ts"
-          ],
-          [types.ServicePluginExtension]: [],
-          [types.CustomElementPlugin]: [],
-          [types.CustomElementWidget]: []
+          ]
+        }
+      },
+      CustomElementWidget: {
+        path: "custom-element",
+        description: "A Custom Element that displays a countdown timer",
+        files: {
+          [types.CustomElementWidget]: [
+            "custom-element/src/widgets/custom-elements/countdown-timer/widget.tsx"
+          ]
         }
       },
       SPISExample: {
         path: "spis-examples",
         description: "A comprehensive collection of Service Plugin Interface (SPI) examples demonstrating ecommerce integrations including additional fees, discount triggers, shipping rates, validations, and gift card providers",
         files: {
-          [types.APIExtension]: [],
           [types.DashboardPage]: ["spis-examples/src/dashboard/pages/page.tsx"],
-          [types.EmbeddedScript]: [],
           [types.ServicePluginExtension]: [
             "spis-examples/src/backend/service-plugins/ecom-additional-fees/additional-fees/plugin.ts",
             "spis-examples/src/backend/service-plugins/ecom-discounts-trigger/discount-triggers/plugin.ts",
             "spis-examples/src/backend/service-plugins/ecom-shipping-rates/shipping-rates/plugin.ts",
             "spis-examples/src/backend/service-plugins/ecom-validations/validations/plugin.ts",
             "spis-examples/src/backend/service-plugins/gift-cards-provider/gift-cards/plugin.ts"
-          ],
-          [types.CustomElementPlugin]: [],
-          [types.CustomElementWidget]: []
+          ]
         }
       },
       TopBlogPosts: {
         path: "top-blog-posts",
         description: "A dashboard analytics app that displays statistics about the most viewed and most liked blog posts on a website with navigation to blog management",
         files: {
-          [types.APIExtension]: [],
           [types.DashboardPage]: [
             "top-blog-posts/src/dashboard/pages/page.tsx",
             "top-blog-posts/src/dashboard/pages/blog-utils.ts"
-          ],
-          [types.EmbeddedScript]: [],
-          [types.ServicePluginExtension]: [],
-          [types.CustomElementPlugin]: [],
-          [types.CustomElementWidget]: []
+          ]
         }
       },
       SurveyManager: {
         path: "survey-manager",
         description: "A dashboard app that allows administrators to create and manage rating (1-5) survey questions and view aggregated results",
         files: {
-          [types.APIExtension]: [],
-          [types.DashboardPage]: ["survey-manager/src/dashboard/pages/page.tsx"],
-          [types.EmbeddedScript]: [],
-          [types.ServicePluginExtension]: [],
-          [types.CustomElementPlugin]: [],
-          [types.CustomElementWidget]: []
+          [types.DashboardPage]: ["survey-manager/src/dashboard/pages/page.tsx"]
         }
       }
     };
@@ -117679,7 +117627,7 @@ var require_load_examples = __commonJS({
       ],
       [types.ServicePluginExtension]: [appsExamples.SPISExample],
       [types.CustomElementPlugin]: [appsExamples.InventoryCountdown],
-      [types.CustomElementWidget]: [appsExamples.ChartWidget]
+      [types.CustomElementWidget]: [appsExamples.CustomElementWidget]
     };
     var loadExamples = (pluginTypes) => {
       const examplesAppsBasePath = path_1.default.join(__dirname, "examples-apps");
@@ -122710,6 +122658,7 @@ Given the full chat history, current user request, blueprint, and all project fi
 
 <site_component>
 **Use when:**
+- Only when the user explicitly requests to use React
 - User wants to create a custom UI component for the site frontend
 - Need to build interactive widgets, forms, or display components for visitors
 - Creating custom elements that appear on the site (not admin interfaces)
@@ -122717,6 +122666,17 @@ Given the full chat history, current user request, blueprint, and all project fi
 - Example: 'Create a product showcase widget', 'Add a contact form component', 'Build a testimonial slider'
 </site_component>
 
+<site_widget>
+**Use when:**
+- also called custom element
+- Only when the user does not explicitly requests to use React
+- User wants to create a custom UI component for the site frontend
+- Need to build interactive widgets, forms, or display components for visitors
+- Creating custom elements that appear on the site (not admin interfaces)
+- Building components that integrate with site data or user interactions
+- Example: 'Create a product showcase widget', 'Add a contact form component', 'Build a testimonial slider'
+</site_widget>
+
 <service_plugin>
 **Use when:**
 - User needs custom business logic for eCommerce (fees, shipping, discounts, validations)
@@ -122757,7 +122717,7 @@ Given the full chat history, current user request, blueprint, and all project fi
 
 <selection_rules>
 1. **For UI/Admin interfaces**: Use DASHBOARD_PAGE
-2. **For site frontend components**: Use SITE_COMPONENT
+2. **For site frontend components**: Use SITE_COMPONENT or SITE_WIDGET
 3. **For eCommerce business logic**: Use SERVICE_PLUGIN
 4. **For management interfaces**: Use DASHBOARD_PAGE
 5. **For eCommerce features**: Combine SERVICE_PLUGIN (logic) + DASHBOARD_PAGE (configuration UI)
@@ -122767,7 +122727,7 @@ Given the full chat history, current user request, blueprint, and all project fi
 <common_patterns>
 - **eCommerce Extensions**: SERVICE_PLUGIN + DASHBOARD_PAGE
 - **Configuration/Settings Apps**: DASHBOARD_PAGE only
-- **Site Frontend Features**: SITE_COMPONENT only
+- **Site Frontend Features**: SITE_COMPONENT or SITE_WIDGET only
 - **Full-Featured Apps**: SITE_COMPONENT + SERVICE_PLUGIN + DASHBOARD_PAGE
 </common_patterns>
 
@@ -122779,7 +122739,7 @@ Given the full chat history, current user request, blueprint, and all project fi
 - Be specific about which file paths are relevant for each current extension (all extension types)
 - Consider the full chat history context when making decisions
 - Prioritize reusing existing extensions over creating new ones
-- **SUPPORTED EXTENSION TYPES ONLY**: DASHBOARD_PAGE, SERVICE_PLUGIN, and SITE_COMPONENT
+- **SUPPORTED EXTENSION TYPES ONLY**: DASHBOARD_PAGE, SERVICE_PLUGIN, SITE_COMPONENT, and SITE_WIDGET
 - **IMPORTANT**: The "type" field is ONLY for SERVICE_PLUGIN extensions - specify the SPI type
 - The "paths" field is for ALL extension types - specify relevant file paths to modify
 - Choose SPI types based on the specific eCommerce functionality requested (shipping, fees, validation, etc.)
@@ -122817,6 +122777,12 @@ The response must be a valid JSON object matching the IterationPlanSchema:
       "name": "Product Showcase Widget",
       "paths": ["src/site/components/ProductShowcase/component.tsx"],
       "relevantUserRequest": "Create a product showcase widget for the site frontend"
+    },
+    {
+      "extensionType": "SITE_WIDGET",
+      "name": "Product Showcase Widget",
+      "paths": ["src/site/widgets/custom-elements/product-showcase/widget.tsx"],
+      "relevantUserRequest": "Create a product showcase widget for the site frontend"
     }
   ],
   "additionalExtensions": [
@@ -122831,8 +122797,8 @@ The response must be a valid JSON object matching the IterationPlanSchema:
 }
 
 **Key Points:**
-- currentExtensions: Existing extensions that need to be MODIFIED (use extensionType of "SERVICE_PLUGIN", "DASHBOARD_PAGE", or "SITE_COMPONENT")
-- additionalExtensions: New extensions that need to be CREATED (use extensionType of "SERVICE_PLUGIN", "DASHBOARD_PAGE", or "SITE_COMPONENT")
+- currentExtensions: Existing extensions that need to be MODIFIED (use extensionType of "SERVICE_PLUGIN", "DASHBOARD_PAGE", "SITE_COMPONENT", or "SITE_WIDGET")
+- additionalExtensions: New extensions that need to be CREATED (use extensionType of "SERVICE_PLUGIN", "DASHBOARD_PAGE", "SITE_COMPONENT", or "SITE_WIDGET")
 - summary: Brief summary combining the chat history and current user request
 - "name" field: REQUIRED for ALL extensions - provide a descriptive name for the extension
 - "relatedSpis" field: ONLY for SERVICE_PLUGIN extensions - specify the SPI name
@@ -122892,6 +122858,8 @@ var require_IterationAgent = __commonJS({
             return types_1.ExtensionType.DASHBOARD_PAGE;
           case "SITE_COMPONENT":
             return types_1.ExtensionType.SITE_COMPONENT;
+          case "SITE_WIDGET":
+            return types_1.ExtensionType.SITE_WIDGET;
           default:
             throw new Error(`Unsupported extension type: ${extensionType}`);
         }
@@ -122958,6 +122926,152 @@ ${allFilesContent}`
   }
 });
 
+// dist/system-prompts/site/customElementPrompt.js
+var require_customElementPrompt = __commonJS({
+  "dist/system-prompts/site/customElementPrompt.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.customElementPrompt = void 0;
+    var customElementPrompt = async () => {
+      return `
+  <WIXCLI_CUSTOM_ELEMENT_SYSTEM_PROMPT>
+    <role>
+    You are a senior Wix CLI App Developer and React expert. Your job is to produce a beautiful, production\u2011quality site component quickly and correctly.
+    </role>
+  
+    <rules>
+    - Return ONLY a JSON object matching the schema { path, content, type } (no prose, no markdown)
+    - type must be "typescript"; content must be the COMPLETE file source
+    - Do NOT add dependencies; do NOT use @wix/design-system or @wix/wix-ui-icons-common
+    - Do NOT invent types/modules/props; use only what exists in the scaffold and standard libs
+    </rules>
+  
+    <style_guidelines>
+    - Prefer simple, elegant UI using inline styles (no CSS imports)
+    - Use semantic HTML and accessible patterns (aria-*, roles, focus styles)
+    - Favor flex layouts, spacing, readable typography; avoid visual clutter
+    - Keep responsiveness lightweight (flex/wrap/percentages); avoid heavy logic
+    </style_guidelines>
+  
+    <engineering_guidelines>
+    - Implement a functional React + TypeScript component with a typed Props interface
+    - Keep the component small, pure, and readable; remove dead code/unused imports
+    - Use React hooks where needed; avoid unnecessary re-renders
+    - Name things clearly; avoid magic numbers; extract tiny helpers if it improves clarity
+    </engineering_guidelines>
+  
+    <typescript_quality_guidelines>
+    - Generated code MUST compile with zero TypeScript errors under strict settings:
+      strict, noImplicitAny, strictNullChecks, exactOptionalPropertyTypes, noUncheckedIndexedAccess
+    - Prefer type-narrowing and exhaustive logic over assertions; avoid non-null assertions (!) and unsafe casts (as any)
+    - Treat optional values, refs, and array indexing results as possibly undefined and handle them explicitly
+    - Use exhaustive checks for unions (e.g., switch with a never check) and return total values (no implicit undefined)
+    - Do NOT use // @ts-ignore or // @ts-expect-error; fix the types or add guards instead
+    </typescript_quality_guidelines>
+    
+  </WIXCLI_CUSTOM_ELEMENT_SYSTEM_PROMPT>
+  `;
+    };
+    exports2.customElementPrompt = customElementPrompt;
+  }
+});
+
+// dist/agents/CustomElementAgent.js
+var require_CustomElementAgent = __commonJS({
+  "dist/agents/CustomElementAgent.js"(exports2) {
+    "use strict";
+    var __createBinding2 = exports2 && exports2.__createBinding || (Object.create ? (function(o, m, k, k2) {
+      if (k2 === void 0) k2 = k;
+      var desc = Object.getOwnPropertyDescriptor(m, k);
+      if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+        desc = { enumerable: true, get: function() {
+          return m[k];
+        } };
+      }
+      Object.defineProperty(o, k2, desc);
+    }) : (function(o, m, k, k2) {
+      if (k2 === void 0) k2 = k;
+      o[k2] = m[k];
+    }));
+    var __setModuleDefault2 = exports2 && exports2.__setModuleDefault || (Object.create ? (function(o, v) {
+      Object.defineProperty(o, "default", { enumerable: true, value: v });
+    }) : function(o, v) {
+      o["default"] = v;
+    });
+    var __importStar2 = exports2 && exports2.__importStar || /* @__PURE__ */ (function() {
+      var ownKeys2 = function(o) {
+        ownKeys2 = Object.getOwnPropertyNames || function(o2) {
+          var ar = [];
+          for (var k in o2) if (Object.prototype.hasOwnProperty.call(o2, k)) ar[ar.length] = k;
+          return ar;
+        };
+        return ownKeys2(o);
+      };
+      return function(mod2) {
+        if (mod2 && mod2.__esModule) return mod2;
+        var result = {};
+        if (mod2 != null) {
+          for (var k = ownKeys2(mod2), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding2(result, mod2, k[i]);
+        }
+        __setModuleDefault2(result, mod2);
+        return result;
+      };
+    })();
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.CustomElementAgent = void 0;
+    var anthropic_1 = require_dist5();
+    var ai_1 = require_dist7();
+    var utils_1 = require_utils14();
+    var customElementPrompt_1 = require_customElementPrompt();
+    var load_examples_1 = __importStar2(require_load_examples());
+    var CustomElementAgent = class {
+      constructor(apiKey) {
+        this.apiKey = apiKey;
+        this.name = "CustomElementAgent";
+      }
+      async buildSystemPrompt() {
+        return (0, customElementPrompt_1.customElementPrompt)();
+      }
+      async generate(params) {
+        const { blueprint } = params;
+        const examples = (0, load_examples_1.default)([load_examples_1.types.CustomElementWidget]);
+        const systemPrompt = `${await this.buildSystemPrompt()}
+    ${examples}
+    `;
+        const appName = blueprint?.appName ? `'${blueprint.appName}'` : "";
+        const primaryAction = `Customize the Wix CLI custom element / site widget scaffolding for the app ${appName}`;
+        const userMessage = (0, utils_1.buildUserPromptForCodeGenerationAgent)(params, primaryAction);
+        const model = (0, anthropic_1.createAnthropic)({ apiKey: this.apiKey })("claude-sonnet-4-20250514");
+        const result = await (0, ai_1.generateObject)({
+          model,
+          schema: utils_1.FileSchema,
+          messages: [
+            {
+              role: "system",
+              content: systemPrompt,
+              providerOptions: (0, utils_1.withCaching)("1h")
+            },
+            {
+              role: "user",
+              content: userMessage
+            }
+          ],
+          experimental_telemetry: {
+            isEnabled: true,
+            functionId: this.name
+          },
+          maxOutputTokens: 1e4,
+          maxRetries: 3,
+          temperature: 0
+        });
+        return result.object.files;
+      }
+    };
+    exports2.CustomElementAgent = CustomElementAgent;
+    exports2.default = CustomElementAgent;
+  }
+});
+
 // dist/agents/AgentsFactory.js
 var require_AgentsFactory = __commonJS({
   "dist/agents/AgentsFactory.js"(exports2) {
@@ -122975,6 +123089,7 @@ var require_AgentsFactory = __commonJS({
     var CMSDataAgent_1 = require_CMSDataAgent();
     var SiteComponentAgent_1 = __importDefault2(require_SiteComponentAgent());
     var IterationAgent_1 = __importDefault2(require_IterationAgent());
+    var CustomElementAgent_1 = __importDefault2(require_CustomElementAgent());
     var AgentsFactory = class {
       constructor(apiKey) {
         this.apiKey = apiKey;
@@ -122995,6 +123110,8 @@ var require_AgentsFactory = __commonJS({
             return new IterationAgent_1.default(this.apiKey);
           case types_1.ExtensionType.SITE_COMPONENT:
             return new SiteComponentAgent_1.default(this.apiKey);
+          case types_1.ExtensionType.SITE_WIDGET:
+            return new CustomElementAgent_1.default(this.apiKey);
           default:
             throw new Error(`Unsupported extension type for AI customization: ${extension.type}`);
         }
@@ -123193,7 +123310,7 @@ var require_scaffolding = __commonJS({
         case types_1.ExtensionType.DASHBOARD_MODAL:
           return copyDashboardModalScaffolding(extension, outputPath);
         case types_1.ExtensionType.SITE_WIDGET:
-          return copySiteWidgetScaffolding(extension, outputPath);
+          return copyCustomElementScaffolding(extension, outputPath);
         case types_1.ExtensionType.EMBEDDED_SCRIPT:
           return copyEmbeddedScriptScaffolding(extension, outputPath);
         case types_1.ExtensionType.BACKEND_API:
@@ -123248,7 +123365,7 @@ var require_scaffolding = __commonJS({
       console.log(`  \u{1F532} Copying dashboard modal scaffolding from: ${scaffoldingSubPath} to ${outputFolder}`);
       return (0, tools_1.copyScaffolding)(scaffoldingSubPath, outputPath, outputFolder);
     }
-    async function copySiteWidgetScaffolding(extension, outputPath) {
+    async function copyCustomElementScaffolding(extension, outputPath) {
       const scaffoldingSubPath = "src/site/widgets/custom-elements/my-widget";
       const uniqueFolderName = toKebabCase(extension.name || "my-widget");
       const outputFolder = `src/site/widgets/custom-elements/${uniqueFolderName}`;
@@ -123509,19 +123626,35 @@ ${input.content}
 
 Please provide the complete fixed file content that resolves ALL the errors listed above.`;
         const model = (0, anthropic_1.createAnthropic)({ apiKey: this.apiKey })("claude-sonnet-4-20250514");
-        const result = await (0, ai_1.generateObject)({
-          model,
-          schema: BatchFixSchema,
-          system,
-          prompt,
-          maxRetries: 2,
-          temperature: 0.1,
-          experimental_telemetry: {
-            isEnabled: true,
-            functionId: "BatchFixAgent"
+        try {
+          const result = await (0, ai_1.generateObject)({
+            model,
+            schema: BatchFixSchema,
+            system,
+            prompt,
+            maxRetries: 2,
+            temperature: 0.1,
+            maxOutputTokens: 16384,
+            // Increased from default 4096 to handle large files
+            experimental_telemetry: {
+              isEnabled: true,
+              functionId: "BatchFixAgent"
+            }
+          });
+          return result.object;
+        } catch (error) {
+          const isTokenLimitError = error.response?.body?.stop_reason === "max_tokens" || error.finishReason === "length" || error.cause?.response?.body?.stop_reason === "max_tokens";
+          if (isTokenLimitError) {
+            const fileSize = Math.round(input.content.length / 1024);
+            const errorCount = input.errors.length;
+            throw new Error(`\u{1F6AB} MAX TOKENS EXCEEDED: File too large for AI to fix automatically
+   File: ${input.filePath}
+   Size: ${fileSize}KB, Errors: ${errorCount}
+   The file is too large for the AI to fix in one attempt.
+   Please fix the errors manually using your code editor.`);
           }
-        });
-        return result.object;
+          throw error;
+        }
       }
     };
     exports2.default = NaiveFixerAgent;
@@ -125818,7 +125951,7 @@ var require_extensionGenerators = __commonJS({
           throw new Error("No valid scaffolding subpath found for service plugin");
         }
         const source = "./" + path_1.default.join(scaffoldDir, "plugin.ts").replace(/^src\//, "");
-        return { source };
+        return { source, name: ext.name };
       }
       static createDashboardPageData(ext, scaffoldDir) {
         const title = ext.name || "My Backoffice Page";
@@ -125830,6 +125963,20 @@ var require_extensionGenerators = __commonJS({
           component
         };
       }
+      static createCustomElementData(ext, scaffoldDir) {
+        const componentName = ext.name ?? "custom-element";
+        const kebabCaseComponentName = (0, ditto_scaffolding_2.toKebabCase)(componentName);
+        const componentPath = "./" + path_1.default.join(scaffoldDir, "widget.tsx").replace(/^src\//, "");
+        return {
+          tagName: "custom-element",
+          element: componentPath,
+          installation: { base: { autoAdd: true } },
+          base: { name: kebabCaseComponentName },
+          behaviors: {},
+          dependencies: [],
+          size: { height: { defaultHeight: 500 }, width: { defaultWidth: 500 } }
+        };
+      }
       static createSiteComponentData(ext, scaffoldDir, id) {
         const componentName = ext.name ?? "my-component";
         const kebabCaseComponentName = (0, ditto_scaffolding_2.toKebabCase)(componentName);
@@ -125866,6 +126013,11 @@ var require_extensionGenerators = __commonJS({
         builderMethod: "siteComponent",
         defaultName: "my-component",
         createExtensionData: _a2.createSiteComponentData.bind(_a2)
+      },
+      [types_1.ExtensionType.SITE_WIDGET]: {
+        builderMethod: "customElement",
+        defaultName: "my-custom-element",
+        createExtensionData: _a2.createCustomElementData.bind(_a2)
       }
     };
     ExtensionFactory.servicePluginBuilderMap = {
@@ -132537,7 +132689,6 @@ var require_orchestrator = __commonJS({
         super();
         this.agentsFactory = agentsFactory;
         this.apiKey = apiKey;
-        this.shouldUseFixAgent = process.env.USE_AUTOFIX === "true";
       }
       // Typed helpers
       onEvent(event, listener) {
@@ -132812,12 +132963,10 @@ var require_orchestrator = __commonJS({
           outputPath,
           durationMs: durationMsCodeGeneration
         });
-        if (this.shouldUseFixAgent) {
-          await this.startFixFlow({
-            projectDir: outputPath,
-            apiKey: this.apiKey
-          });
-        }
+        await this.startFixFlow({
+          projectDir: outputPath,
+          apiKey: this.apiKey
+        });
         const durationMs = Date.now() - start;
         this.emitEvent("finish", { outputPath, durationMs });
       }
@@ -132858,19 +133007,18 @@ var require_orchestrator = __commonJS({
           outputPath,
           durationMs: durationMsCodeGeneration
         });
-        if (this.shouldUseFixAgent) {
-          await this.startFixFlow({
-            projectDir: outputPath,
-            apiKey: this.apiKey
-          });
-        }
+        await this.startFixFlow({
+          projectDir: outputPath,
+          apiKey: this.apiKey
+        });
         const durationMs = Date.now() - start;
         this.emitEvent("finish:iteration", { outputPath, durationMs });
       }
       async startFixFlow(request) {
         const { projectDir, apiKey } = request;
         if (!apiKey) {
-          throw new Error("\u26A0\uFE0F No API key provided for fix flow - fixes may be limited");
+          console.warn("\u26A0\uFE0F No API key provided for fix flow - skipping automatic fixes");
+          return;
         }
         this.emitEvent("validation:start", { outputPath: projectDir });
         const fixerFactory = new FixerFactory_1.default(apiKey);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/ditto-codegen-public",
-  "version": "1.0.39",
+  "version": "1.0.41",
   "description": "AI-powered Wix CLI app generator - standalone executable",
   "scripts": {
     "build": "node build.mjs",
@@ -24,5 +24,5 @@
     "@wix/ditto-codegen": "1.0.0",
     "esbuild": "^0.25.9"
   },
-  "falconPackageHash": "d152b870db1075d74529a5231fcd29ddbfc5d477ac3d67c0f79361ff"
+  "falconPackageHash": "0069e609e9e75fcd22fbc0c90a8243c34e49285ca4a4a8c58939a77d"
 }

package/dist/examples-apps/chart-widget/.nvmrc

@@ -1 +0,0 @@
-22.10.0

package/dist/examples-apps/chart-widget/README.md

@@ -1,21 +0,0 @@
-# chart-widget
-
-This project was bootstrapped with [Create Wix App](https://www.npmjs.com/package/@wix/create-app).  
-Read more about it in the [Wix CLI for Apps
- documentation](https://dev.wix.com/docs/build-apps/developer-tools/cli/get-started/about-the-wix-cli-for-apps).
-
-## Setup 🔧
-
-##### Install dependencies:
-
-```console
-npm install
-```
-
-## Available Scripts
-
-In the project directory, you can run:
-
-```console
-npm run dev
-```