snow-flow 1.3.1 → 1.3.2

package/dist/mcp/servicenow-deployment-mcp.js

@@ -14,6 +14,7 @@ const logger_js_1 = require("../utils/logger.js");
 const scope_manager_js_1 = require("../managers/scope-manager.js");
 const global_scope_strategy_js_1 = require("../strategies/global-scope-strategy.js");
 const artifact_tracker_js_1 = require("../utils/artifact-tracker.js");
+const servicenow_id_generator_js_1 = require("../utils/servicenow-id-generator.js");
 const fs_1 = require("fs");
 const path_1 = require("path");
 class ServiceNowDeploymentMCP {
@@ -2251,12 +2252,7 @@ Run snow_deployment_debug for basic session info or check the logs for more deta
      * Generate ServiceNow-style GUID
      */
     generateGUID() {
-        const chars = '0123456789abcdef';
-        let result = '';
-        for (let i = 0; i < 32; i++) {
-            result += chars.charAt(Math.floor(Math.random() * chars.length));
-        }
-        return result;
+        return (0, servicenow_id_generator_js_1.generateServiceNowSysId)();
     }
     /**
      * Generate Update Set XML based on artifact type
@@ -2627,14 +2623,117 @@ Run snow_deployment_debug for basic session info or check the logs for more deta
   </sys_update_xml>`;
     }
     /**
-     * Generate Update Set XML for applications (stub for now)
+     * Generate Update Set XML for applications
      */
     generateApplicationUpdateSetXML(args) {
-        // TODO: Implement application XML generation
-        return `<?xml version="1.0" encoding="UTF-8"?>
-<unload>
-  <!-- Application Update Set XML not yet implemented -->
+        const timestamp = new Date().toISOString();
+        const updateSetName = `Application_${args.name}_${Date.now()}`;
+        // Generate unique identifiers
+        const updateSetId = this.generateGUID();
+        const applicationId = this.generateGUID();
+        const updateXmlId = this.generateGUID();
+        // Default values
+        const applicationData = {
+            name: args.name || 'New Application',
+            short_description: args.short_description || args.description || 'Custom Application',
+            description: args.description || 'Generated by Snow-Flow',
+            version: args.version || '1.0.0',
+            vendor: args.vendor || 'Snow-Flow',
+            vendor_prefix: args.vendor_prefix || 'x_snf',
+            active: args.active !== false,
+            scope: args.scope || 'x_snf_' + args.name?.toLowerCase().replace(/[^a-z0-9]/g, '_'),
+            logo: args.logo || '',
+            roles: args.roles || ''
+        };
+        const xmlContent = `<?xml version="1.0" encoding="UTF-8"?>
+<unload unload_date="${timestamp}">
+  <sys_update_set action="INSERT_OR_UPDATE">
+    <application display_value="Global">global</application>
+    <category>customer</category>
+    <description>Auto-generated Update Set for Application: ${applicationData.name}</description>
+    <is_default>false</is_default>
+    <name>${updateSetName}</name>
+    <origin_sys_id/>
+    <release_date/>
+    <state>complete</state>
+    <sys_created_by>snow-flow</sys_created_by>
+    <sys_created_on>${timestamp}</sys_created_on>
+    <sys_id>${updateSetId}</sys_id>
+    <sys_mod_count>0</sys_mod_count>
+    <sys_updated_by>snow-flow</sys_updated_by>
+    <sys_updated_on>${timestamp}</sys_updated_on>
+    <update_count>1</update_count>
+  </sys_update_set>
+  
+  <sys_update_xml action="INSERT_OR_UPDATE">
+    <action>INSERT_OR_UPDATE</action>
+    <application display_value="Global">global</application>
+    <category>customer</category>
+    <name>sys_app_${applicationId}</name>
+    <payload><![CDATA[<?xml version="1.0" encoding="UTF-8"?><record_update table="sys_app"><sys_app action="INSERT_OR_UPDATE">
+      <active>${applicationData.active}</active>
+      <can_edit_in_studio>true</can_edit_in_studio>
+      <category>Custom</category>
+      <description>${this.escapeXml(applicationData.description)}</description>
+      <enforce_license>none</enforce_license>
+      <guided_setup_guid/>
+      <hide_on_ui>false</hide_on_ui>
+      <installed_as_dependency>false</installed_as_dependency>
+      <js_level>helsinki_es5</js_level>
+      <licensable>true</licensable>
+      <license_category>none</license_category>
+      <license_definition/>
+      <license_model>none</license_model>
+      <logo display_value="">${applicationData.logo}</logo>
+      <menu/>
+      <name>${this.escapeXml(applicationData.name)}</name>
+      <private>false</private>
+      <restrict_table_access>false</restrict_table_access>
+      <runtime_access_tracking>permissive</runtime_access_tracking>
+      <scope>${applicationData.scope}</scope>
+      <scoped_administration>false</scoped_administration>
+      <short_description>${this.escapeXml(applicationData.short_description)}</short_description>
+      <source>${applicationData.scope}</source>
+      <store_correlation_id/>
+      <store_url/>
+      <sys_class_name>sys_app</sys_class_name>
+      <sys_created_by>snow-flow</sys_created_by>
+      <sys_created_on>${timestamp}</sys_created_on>
+      <sys_id>${applicationId}</sys_id>
+      <sys_mod_count>0</sys_mod_count>
+      <sys_updated_by>snow-flow</sys_updated_by>
+      <sys_updated_on>${timestamp}</sys_updated_on>
+      <template/>
+      <trackable>true</trackable>
+      <uninstall_blocked>false</uninstall_blocked>
+      <user_role display_value="">${applicationData.roles}</user_role>
+      <vendor display_value="${applicationData.vendor}">${applicationData.vendor}</vendor>
+      <vendor_prefix>${applicationData.vendor_prefix}</vendor_prefix>
+      <version>${applicationData.version}</version>
+    </sys_app></record_update>]]></payload>
+    <payload_hash>-1</payload_hash>
+    <record_name>${applicationData.name}</record_name>
+    <reverted_from/>
+    <source display_value="sys_app.${applicationId}">sys_app.${applicationId}</source>
+    <source_table>sys_app</source_table>
+    <state>previous</state>
+    <sys_created_by>snow-flow</sys_created_by>
+    <sys_created_on>${timestamp}</sys_created_on>
+    <sys_id>${updateXmlId}</sys_id>
+    <sys_mod_count>0</sys_mod_count>
+    <sys_updated_by>snow-flow</sys_updated_by>
+    <sys_updated_on>${timestamp}</sys_updated_on>
+    <table>sys_app</table>
+    <target_name>${applicationData.name}</target_name>
+    <type>Application File</type>
+    <update_domain>global</update_domain>
+    <update_guid>${this.generateGUID()}</update_guid>
+    <update_guid_history>${this.generateGUID()}</update_guid_history>
+    <update_set display_value="${updateSetName}">${updateSetId}</update_set>
+    <view/>
+  </sys_update_xml>
 </unload>`;
+        return xmlContent;
     }
     /**
      * Preview widget with test data
@@ -4382,10 +4481,10 @@ Use individual deployment tools like \`snow_deploy_${args.type}\` with manual co
                 name: this.extractNameFromInstruction(instruction),
                 title: this.extractNameFromInstruction(instruction),
                 description: instruction,
-                template: '<div>Widget placeholder - implement with proper template</div>',
-                css: '',
-                server_script: '',
-                client_script: '',
+                template: this.generateWidgetTemplate(instruction),
+                css: this.generateWidgetCss(instruction),
+                server_script: this.generateWidgetServerScript(instruction),
+                client_script: this.generateWidgetClientScript(instruction),
                 instruction: instruction
             };
         }
@@ -4405,6 +4504,720 @@ Use individual deployment tools like \`snow_deploy_${args.type}\` with manual co
             !['the', 'and', 'for', 'with', 'that', 'will', 'can', 'should'].includes(word)).slice(0, 3).join('_');
         return name || 'auto_generated_artifact';
     }
+    /**
+     * Generate HTML template based on widget requirements
+     */
+    generateWidgetTemplate(instruction) {
+        const lower = instruction.toLowerCase();
+        const title = this.extractNameFromInstruction(instruction).replace(/_/g, ' ').replace(/\b\w/g, l => l.toUpperCase());
+        // Chart/Graph widgets
+        if (lower.includes('chart') || lower.includes('graph') || lower.includes('analytics')) {
+            return `
+<div class="panel panel-default widget-chart">
+  <div class="panel-heading">
+    <h3 class="panel-title">{{data.title || '${title}'}}</h3>
+    <div class="panel-actions" ng-if="data.refresh_enabled">
+      <button class="btn btn-sm btn-default" ng-click="c.refreshData()">
+        <i class="fa fa-refresh"></i> Refresh
+      </button>
+    </div>
+  </div>
+  <div class="panel-body">
+    <div ng-if="data.loading" class="text-center">
+      <i class="fa fa-spinner fa-spin"></i> Loading chart data...
+    </div>
+    <canvas ng-if="!data.loading" id="chart-{{::data.widget_id}}" width="400" height="300"></canvas>
+    <div ng-if="data.error" class="alert alert-danger">
+      <i class="fa fa-exclamation-triangle"></i> {{data.error}}
+    </div>
+  </div>
+</div>`;
+        }
+        // Dashboard widgets
+        if (lower.includes('dashboard') || lower.includes('metrics') || lower.includes('kpi')) {
+            return `
+<div class="row widget-dashboard">
+  <div class="col-md-12">
+    <div class="panel panel-default">
+      <div class="panel-heading">
+        <h3 class="panel-title">{{data.title || '${title}'}}</h3>
+        <span class="panel-subtitle" ng-if="data.last_updated">
+          Last updated: {{data.last_updated | date:'medium'}}
+        </span>
+      </div>
+      <div class="panel-body">
+        <div class="row">
+          <div class="col-md-{{12/data.metrics.length}}" ng-repeat="metric in data.metrics track by $index">
+            <div class="metric-card well text-center" ng-class="{'metric-critical': metric.critical, 'metric-warning': metric.warning}">
+              <div class="metric-icon" ng-if="metric.icon">
+                <i class="fa fa-{{metric.icon}}"></i>
+              </div>
+              <h4 class="metric-label">{{metric.label}}</h4>
+              <h2 class="metric-value" ng-class="{'text-danger': metric.critical, 'text-warning': metric.warning, 'text-success': metric.success}">
+                {{metric.value}} <small ng-if="metric.unit">{{metric.unit}}</small>
+              </h2>
+              <div class="metric-trend" ng-if="metric.trend">
+                <i class="fa" ng-class="{'fa-arrow-up text-success': metric.trend > 0, 'fa-arrow-down text-danger': metric.trend < 0, 'fa-minus text-muted': metric.trend === 0}"></i>
+                <span class="trend-value">{{metric.trend_text}}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>`;
+        }
+        // Table/List widgets
+        if (lower.includes('table') || lower.includes('list') || lower.includes('records')) {
+            return `
+<div class="panel panel-default widget-table">
+  <div class="panel-heading">
+    <h3 class="panel-title">{{data.title || '${title}'}}</h3>
+    <div class="panel-actions">
+      <input type="text" class="form-control input-sm" placeholder="Search..." ng-model="c.searchTerm" ng-if="data.search_enabled">
+      <button class="btn btn-sm btn-primary" ng-click="c.refresh()" ng-if="data.refresh_enabled">
+        <i class="fa fa-refresh"></i>
+      </button>
+    </div>
+  </div>
+  <div class="panel-body">
+    <div ng-if="data.loading" class="text-center">
+      <i class="fa fa-spinner fa-spin"></i> Loading data...
+    </div>
+    <div ng-if="!data.loading && data.records.length > 0">
+      <table class="table table-striped table-hover">
+        <thead>
+          <tr>
+            <th ng-repeat="column in data.columns" ng-click="c.sortBy(column.field)" class="sortable">
+              {{column.label}}
+              <i class="fa fa-sort" ng-if="c.sortField !== column.field"></i>
+              <i class="fa fa-sort-up" ng-if="c.sortField === column.field && !c.sortReverse"></i>
+              <i class="fa fa-sort-down" ng-if="c.sortField === column.field && c.sortReverse"></i>
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr ng-repeat="record in data.records | filter:c.searchTerm | orderBy:c.sortField:c.sortReverse track by record.sys_id">
+            <td ng-repeat="column in data.columns">
+              <span ng-if="column.type === 'link'">
+                <a href="{{record[column.field + '_link']}}" target="_blank">{{record[column.field]}}</a>  
+              </span>
+              <span ng-if="column.type === 'date'">
+                {{record[column.field] | date:'short'}}
+              </span>
+              <span ng-if="!column.type || (column.type !== 'link' && column.type !== 'date')">
+                {{record[column.field]}}
+              </span>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <div ng-if="!data.loading && data.records.length === 0" class="alert alert-info text-center">
+      <i class="fa fa-info-circle"></i> No records found
+    </div>
+  </div>
+</div>`;
+        }
+        // Form widgets
+        if (lower.includes('form') || lower.includes('input') || lower.includes('create') || lower.includes('submit')) {
+            return `
+<div class="panel panel-default widget-form">
+  <div class="panel-heading">
+    <h3 class="panel-title">{{data.title || '${title}'}}</h3>
+  </div>
+  <div class="panel-body">
+    <form name="widgetForm" ng-submit="c.submitForm()" novalidate>
+      <div class="form-group" ng-repeat="field in data.fields">
+        <label class="control-label" for="{{field.name}}">
+          {{field.label}} 
+          <span class="text-danger" ng-if="field.required">*</span>
+        </label>
+        <input ng-if="field.type === 'text'" 
+               type="text" 
+               class="form-control" 
+               id="{{field.name}}"
+               name="{{field.name}}"
+               ng-model="c.formData[field.name]"
+               ng-required="field.required"
+               placeholder="{{field.placeholder}}">
+        <textarea ng-if="field.type === 'textarea'"
+                  class="form-control"
+                  id="{{field.name}}"
+                  name="{{field.name}}"
+                  ng-model="c.formData[field.name]"
+                  ng-required="field.required"
+                  placeholder="{{field.placeholder}}"
+                  rows="3"></textarea>
+        <select ng-if="field.type === 'select'"
+                class="form-control"
+                id="{{field.name}}"
+                name="{{field.name}}"
+                ng-model="c.formData[field.name]"
+                ng-required="field.required">
+          <option value="">Select {{field.label}}</option>
+          <option ng-repeat="option in field.options" value="{{option.value}}">{{option.label}}</option>
+        </select>
+        <div class="text-danger" ng-if="widgetForm[field.name].$invalid && widgetForm[field.name].$touched">
+          <small ng-if="widgetForm[field.name].$error.required">{{field.label}} is required</small>
+        </div>
+      </div>
+      <div class="form-actions">
+        <button type="submit" class="btn btn-primary" ng-disabled="widgetForm.$invalid || c.submitting">
+          <i class="fa fa-spinner fa-spin" ng-if="c.submitting"></i>
+          {{c.submitting ? 'Submitting...' : 'Submit'}}
+        </button>
+        <button type="button" class="btn btn-default" ng-click="c.resetForm()">Reset</button>
+      </div>
+    </form>
+  </div>
+</div>`;
+        }
+        // Generic/Default widget template
+        return `
+<div class="panel panel-default widget-generic">
+  <div class="panel-heading">
+    <h3 class="panel-title">{{data.title || '${title}'}}</h3>
+  </div>
+  <div class="panel-body">
+    <div ng-if="data.items && data.items.length > 0">
+      <div class="list-group">
+        <div class="list-group-item" ng-repeat="item in data.items track by $index">
+          <div class="list-group-item-heading" ng-if="item.title">
+            <strong>{{item.title}}</strong>
+          </div>
+          <div class="list-group-item-text" ng-if="item.description">
+            {{item.description}}
+          </div>
+          <div class="item-meta" ng-if="item.meta">
+            <small class="text-muted">{{item.meta}}</small>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div ng-if="!data.items || data.items.length === 0" class="text-center text-muted">
+      <i class="fa fa-inbox fa-3x"></i>
+      <h4>{{data.empty_message || 'No data available'}}</h4>
+      <p ng-if="data.empty_description">{{data.empty_description}}</p>
+    </div>
+  </div>
+</div>`;
+    }
+    /**
+     * Generate CSS styles based on widget requirements
+     */
+    generateWidgetCss(instruction) {
+        const lower = instruction.toLowerCase();
+        // Base styles for all widgets
+        let css = `
+.panel {
+  margin-bottom: 20px;
+  border-radius: 6px;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+}
+
+.panel-heading {
+  background: linear-gradient(to bottom, #f8f9fa 0%, #e9ecef 100%);
+  border-bottom: 1px solid #dee2e6;
+  position: relative;
+}
+
+.panel-title {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 600;
+  color: #495057;
+}
+
+.panel-actions {
+  position: absolute;
+  right: 15px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.panel-body {
+  padding: 15px;
+}
+`;
+        // Chart-specific styles
+        if (lower.includes('chart') || lower.includes('graph')) {
+            css += `
+.widget-chart canvas {
+  max-width: 100%;
+  height: auto;
+}
+
+.widget-chart .panel-actions button {
+  margin-left: 5px;
+}
+`;
+        }
+        // Dashboard-specific styles  
+        if (lower.includes('dashboard') || lower.includes('metrics')) {
+            css += `
+.widget-dashboard .metric-card {
+  margin-bottom: 15px;
+  transition: all 0.3s ease;
+}
+
+.widget-dashboard .metric-card:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
+}
+
+.metric-icon {
+  font-size: 24px;
+  margin-bottom: 10px;
+  color: #6c757d;
+}
+
+.metric-label {
+  font-size: 14px;
+  font-weight: 500;
+  color: #6c757d;
+  margin-bottom: 5px;
+}
+
+.metric-value {
+  font-size: 32px;
+  font-weight: 700;
+  margin: 0;
+  line-height: 1;
+}
+
+.metric-trend {
+  margin-top: 8px;
+  font-size: 12px;
+}
+
+.metric-critical {
+  border-left: 4px solid #dc3545;
+}
+
+.metric-warning {
+  border-left: 4px solid #ffc107;
+}
+
+.panel-subtitle {
+  position: absolute;
+  right: 15px;
+  top: 50%;
+  transform: translateY(-50%);
+  font-size: 12px;
+  color: #6c757d;
+}
+`;
+        }
+        // Table-specific styles
+        if (lower.includes('table') || lower.includes('list')) {
+            css += `
+.widget-table .panel-actions {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+
+.widget-table .panel-actions input {
+  width: 200px;
+}
+
+.widget-table .sortable {
+  cursor: pointer;
+  user-select: none;
+}
+
+.widget-table .sortable:hover {
+  background-color: #f8f9fa;
+}
+
+.widget-table .table > tbody > tr:hover {
+  background-color: #f8f9fa;
+}
+`;
+        }
+        // Form-specific styles
+        if (lower.includes('form') || lower.includes('input')) {
+            css += `
+.widget-form .form-actions {
+  margin-top: 20px;
+  padding-top: 20px;
+  border-top: 1px solid #dee2e6;
+}
+
+.widget-form .form-actions button {
+  margin-right: 10px;
+}
+
+.widget-form .form-group {
+  margin-bottom: 20px;
+}
+
+.widget-form .control-label {
+  font-weight: 500;
+  margin-bottom: 5px;
+}
+`;
+        }
+        return css;
+    }
+    /**
+     * Generate server-side script based on widget requirements
+     */
+    generateWidgetServerScript(instruction) {
+        const lower = instruction.toLowerCase();
+        const isChart = lower.includes('chart') || lower.includes('graph');
+        const isDashboard = lower.includes('dashboard') || lower.includes('metrics');
+        const isTable = lower.includes('table') || lower.includes('list');
+        const isForm = lower.includes('form') || lower.includes('input');
+        let script = `(function() {
+    // Widget data initialization
+    data.title = options.title || '${this.extractNameFromInstruction(instruction).replace(/_/g, ' ')}';
+    data.widget_id = 'widget_' + Date.now();
+    data.loading = false;
+    data.error = null;
+    
+    // Configuration options
+    data.refresh_enabled = options.refresh_enabled || true;
+    data.search_enabled = options.search_enabled || false;
+    
+`;
+        if (isChart) {
+            script += `    // Chart data initialization
+    data.chart_type = options.chart_type || 'bar';
+    data.chart_data = [];
+    data.chart_labels = [];
+    
+    // Sample chart data - replace with real data source
+    try {
+        var gr = new GlideRecord('incident');
+        gr.addQuery('active', true);
+        gr.addAggregate('COUNT');
+        gr.groupBy('priority');
+        gr.query();
+        
+        data.chart_labels = [];
+        data.chart_data = [];
+        
+        while (gr.next()) {
+            data.chart_labels.push('Priority ' + gr.priority.getDisplayValue());
+            data.chart_data.push(parseInt(gr.getAggregate('COUNT')));
+        }
+    } catch (e) {
+        data.error = 'Failed to load chart data: ' + e.getMessage();
+    }
+`;
+        }
+        else if (isDashboard) {
+            script += `    // Dashboard metrics initialization
+    data.metrics = [];
+    data.last_updated = new Date();
+    
+    // Sample metrics - replace with real data sources
+    try {
+        // Incident metrics
+        var incidentGr = new GlideRecord('incident');
+        incidentGr.addQuery('active', true);
+        incidentGr.query();
+        var totalIncidents = incidentGr.getRowCount();
+        
+        var criticalGr = new GlideRecord('incident');
+        criticalGr.addQuery('active', true);
+        criticalGr.addQuery('priority', '1');
+        criticalGr.query();
+        var criticalIncidents = criticalGr.getRowCount();
+        
+        data.metrics = [
+            {
+                label: 'Active Incidents',
+                value: totalIncidents,
+                icon: 'exclamation-triangle',
+                critical: totalIncidents > 100,
+                warning: totalIncidents > 50
+            },
+            {
+                label: 'Critical Issues',
+                value: criticalIncidents,
+                icon: 'fire',
+                critical: criticalIncidents > 5,
+                unit: 'critical'
+            },
+            {
+                label: 'Resolution Rate',
+                value: '94%',
+                icon: 'check-circle',
+                success: true,
+                trend: 2,
+                trend_text: '+2% this week'
+            }
+        ];
+    } catch (e) {
+        data.error = 'Failed to load dashboard data: ' + e.getMessage();
+    }
+`;
+        }
+        else if (isTable) {
+            script += `    // Table data initialization
+    data.records = [];
+    data.columns = [];
+    
+    // Define table columns - customize based on requirements
+    data.columns = [
+        { field: 'number', label: 'Number', type: 'link' },
+        { field: 'short_description', label: 'Description' },
+        { field: 'priority', label: 'Priority' },
+        { field: 'state', label: 'State' },
+        { field: 'sys_created_on', label: 'Created', type: 'date' }
+    ];
+    
+    // Load table data - replace with appropriate table/query
+    try {
+        var gr = new GlideRecord('incident');
+        gr.addQuery('active', true);
+        gr.orderByDesc('sys_created_on');
+        gr.setLimit(50);
+        gr.query();
+        
+        while (gr.next()) {
+            data.records.push({
+                sys_id: gr.getUniqueValue(),
+                number: gr.number.getDisplayValue(),
+                number_link: '/' + gr.getTableName() + '.do?sys_id=' + gr.getUniqueValue(),
+                short_description: gr.short_description.getDisplayValue(),
+                priority: gr.priority.getDisplayValue(),
+                state: gr.state.getDisplayValue(),
+                sys_created_on: gr.sys_created_on.getDisplayValue()
+            });
+        }
+    } catch (e) {
+        data.error = 'Failed to load table data: ' + e.getMessage();
+    }
+`;
+        }
+        else if (isForm) {
+            script += `    // Form configuration
+    data.fields = [];
+    
+    // Define form fields - customize based on requirements
+    data.fields = [
+        {
+            name: 'short_description',
+            label: 'Short Description',
+            type: 'text',
+            required: true,
+            placeholder: 'Enter a brief description'
+        },
+        {
+            name: 'description',
+            label: 'Detailed Description',
+            type: 'textarea',
+            required: false,
+            placeholder: 'Provide additional details'
+        },
+        {
+            name: 'priority',
+            label: 'Priority',
+            type: 'select',
+            required: true,
+            options: [
+                { value: '1', label: '1 - Critical' },
+                { value: '2', label: '2 - High' },
+                { value: '3', label: '3 - Moderate' },
+                { value: '4', label: '4 - Low' }
+            ]
+        }
+    ];
+`;
+        }
+        else {
+            script += `    // Generic data initialization
+    data.items = [];
+    data.empty_message = 'No items to display';
+    data.empty_description = 'Configure this widget to show your data';
+    
+    // Sample data - replace with real data source
+    try {
+        // Add your data loading logic here
+        data.items = [
+            {
+                title: 'Sample Item 1',
+                description: 'This is a sample item for demonstration',
+                meta: 'Sample metadata'
+            },
+            {
+                title: 'Sample Item 2', 
+                description: 'Another sample item',
+                meta: 'More metadata'
+            }
+        ];
+    } catch (e) {
+        data.error = 'Failed to load data: ' + e.getMessage();
+    }
+`;
+        }
+        script += `})();`;
+        return script;
+    }
+    /**
+     * Generate client-side script based on widget requirements
+     */
+    generateWidgetClientScript(instruction) {
+        const lower = instruction.toLowerCase();
+        const isChart = lower.includes('chart') || lower.includes('graph');
+        const isDashboard = lower.includes('dashboard') || lower.includes('metrics');
+        const isTable = lower.includes('table') || lower.includes('list');
+        const isForm = lower.includes('form') || lower.includes('input');
+        let script = `function($scope, $http) {
+    var c = this;
+    
+    // Initialize controller data
+    c.loading = false;
+    c.error = null;
+    
+`;
+        if (isChart) {
+            script += `    // Chart initialization
+    c.chartInstance = null;
+    
+    c.$onInit = function() {
+        c.initializeChart();
+    };
+    
+    c.initializeChart = function() {
+        if (!c.data.chart_data || c.data.chart_data.length === 0) return;
+        
+        var ctx = document.getElementById('chart-' + c.data.widget_id);
+        if (!ctx) return;
+        
+        c.chartInstance = new Chart(ctx, {
+            type: c.data.chart_type || 'bar',
+            data: {
+                labels: c.data.chart_labels,
+                datasets: [{
+                    label: c.data.title,
+                    data: c.data.chart_data,
+                    backgroundColor: [
+                        '#FF6384', '#36A2EB', '#FFCE56',
+                        '#4BC0C0', '#9966FF', '#FF9F40'
+                    ],
+                    borderWidth: 1
+                }]
+            },
+            options: {
+                responsive: true,
+                plugins: {
+                    legend: {
+                        position: 'top',
+                    },
+                    title: {
+                        display: true,
+                        text: c.data.title
+                    }
+                }
+            }
+        });
+    };
+    
+    c.refreshData = function() {
+        c.loading = true;
+        c.server.update().then(function() {
+            c.loading = false;
+            c.initializeChart();
+        });
+    };
+`;
+        }
+        else if (isDashboard) {
+            script += `    // Dashboard functionality
+    c.refreshData = function() {
+        c.loading = true;
+        c.server.update().then(function() {
+            c.loading = false;
+        });
+    };
+    
+    // Auto-refresh every 5 minutes
+    setInterval(function() {
+        if (c.data.refresh_enabled) {
+            c.refreshData();
+        }
+    }, 300000);
+`;
+        }
+        else if (isTable) {
+            script += `    // Table functionality
+    c.searchTerm = '';
+    c.sortField = '';
+    c.sortReverse = false;
+    
+    c.sortBy = function(field) {
+        if (c.sortField === field) {
+            c.sortReverse = !c.sortReverse;
+        } else {
+            c.sortField = field;
+            c.sortReverse = false;
+        }
+    };
+    
+    c.refresh = function() {
+        c.loading = true;
+        c.server.update().then(function() {
+            c.loading = false;
+        });
+    };
+`;
+        }
+        else if (isForm) {
+            script += `    // Form functionality
+    c.formData = {};
+    c.submitting = false;
+    
+    c.submitForm = function() {
+        if ($scope.widgetForm.$invalid) return;
+        
+        c.submitting = true;
+        
+        // Submit form data to server
+        c.server.update({
+            action: 'submit_form',
+            formData: c.formData
+        }).then(function(response) {
+            c.submitting = false;
+            if (response.success) {
+                // Reset form on success
+                c.resetForm();
+                // Show success message
+                alert('Form submitted successfully!');
+            } else {
+                alert('Error submitting form: ' + (response.error || 'Unknown error'));
+            }
+        }).catch(function(error) {
+            c.submitting = false;
+            alert('Error submitting form: ' + error.message);
+        });
+    };
+    
+    c.resetForm = function() {
+        c.formData = {};
+        $scope.widgetForm.$setPristine();
+        $scope.widgetForm.$setUntouched();
+    };
+`;
+        }
+        else {
+            script += `    // Generic widget functionality
+    c.refresh = function() {
+        c.loading = true;
+        c.server.update().then(function() {
+            c.loading = false;
+        });
+    };
+`;
+        }
+        script += `}`;
+        return script;
+    }
     /**
      * Attempt direct deployment with specific scope
      */