snow-flow 2.10.0 → 3.0.0

package/src/templates/patterns/widget.dashboard.template.json

@@ -0,0 +1,238 @@
+{
+  "type": "widget",
+  "name": "Dashboard Widget Template",
+  "description": "Template for creating dashboard widgets with charts and metrics",
+  "category": "patterns/dashboard",
+  "config": {
+    "name": "{{WIDGET_NAME|custom_dashboard}}",
+    "id": "{{WIDGET_ID|custom_dashboard}}",
+    "instance_id": "{{INSTANCE_ID|dashboard_}}",
+    "data": {
+      "title": "{{WIDGET_TITLE|Dashboard}}",
+      "short_description": "{{WIDGET_DESCRIPTION|Real-time dashboard with key metrics}}",
+      "roles": "{{WIDGET_ROLES|}}"
+    },
+    "options": [
+      {
+        "name": "refresh_interval",
+        "section": "Behavior",
+        "label": "Refresh Interval (seconds)",
+        "type": "integer",
+        "value": "30",
+        "help": "How often to refresh the dashboard data"
+      },
+      {
+        "name": "color_scheme",
+        "section": "Appearance",
+        "label": "Color Scheme",
+        "type": "choice",
+        "value": "default",
+        "choices": [
+          {"label": "Default", "value": "default"},
+          {"label": "Dark", "value": "dark"},
+          {"label": "High Contrast", "value": "high-contrast"}
+        ]
+      },
+      {
+        "name": "chart_type",
+        "section": "Appearance",
+        "label": "Default Chart Type",
+        "type": "choice",
+        "value": "bar",
+        "choices": [
+          {"label": "Bar Chart", "value": "bar"},
+          {"label": "Line Chart", "value": "line"},
+          {"label": "Pie Chart", "value": "pie"},
+          {"label": "Donut Chart", "value": "donut"}
+        ]
+      }
+    ],
+    "html": [
+      "<div class=\"dashboard-widget\" ng-class=\"{'dark-theme': options.color_scheme === 'dark', 'high-contrast': options.color_scheme === 'high-contrast'}\">",
+      "  <div class=\"dashboard-header\">",
+      "    <h2 class=\"dashboard-title\">{{data.title}}</h2>",
+      "    <div class=\"dashboard-controls\">",
+      "      <button class=\"btn btn-sm\" ng-click=\"c.refresh()\" title=\"Refresh\">",
+      "        <i class=\"fa fa-refresh\" ng-class=\"{'fa-spin': c.loading}\"></i>",
+      "      </button>",
+      "      <button class=\"btn btn-sm\" ng-click=\"c.toggleFullscreen()\" title=\"Fullscreen\">",
+      "        <i class=\"fa\" ng-class=\"c.fullscreen ? 'fa-compress' : 'fa-expand'\"></i>",
+      "      </button>",
+      "    </div>",
+      "  </div>",
+      "  ",
+      "  <div class=\"dashboard-metrics\" ng-if=\"!c.loading\">",
+      "    <div class=\"metric-card\" ng-repeat=\"metric in c.metrics\">",
+      "      <div class=\"metric-value\" ng-style=\"{'color': metric.color}\">{{metric.value}}</div>",
+      "      <div class=\"metric-label\">{{metric.label}}</div>",
+      "      <div class=\"metric-trend\" ng-if=\"metric.trend\">",
+      "        <i class=\"fa\" ng-class=\"metric.trend > 0 ? 'fa-arrow-up text-success' : 'fa-arrow-down text-danger'\"></i>",
+      "        <span>{{metric.trend}}%</span>",
+      "      </div>",
+      "    </div>",
+      "  </div>",
+      "  ",
+      "  <div class=\"dashboard-charts\" ng-if=\"!c.loading\">",
+      "    <div class=\"chart-container\" ng-repeat=\"chart in c.charts\">",
+      "      <h3>{{chart.title}}</h3>",
+      "      <canvas id=\"chart-{{$index}}\" width=\"400\" height=\"200\"></canvas>",
+      "    </div>",
+      "  </div>",
+      "  ",
+      "  <div class=\"dashboard-loading\" ng-if=\"c.loading\">",
+      "    <i class=\"fa fa-spinner fa-spin fa-3x\"></i>",
+      "    <p>Loading dashboard data...</p>",
+      "  </div>",
+      "</div>"
+    ],
+    "css": [
+      ".dashboard-widget {",
+      "  padding: 20px;",
+      "  background: #fff;",
+      "  border-radius: 8px;",
+      "  box-shadow: 0 2px 4px rgba(0,0,0,0.1);",
+      "}",
+      "",
+      ".dashboard-widget.dark-theme {",
+      "  background: #1a1a1a;",
+      "  color: #fff;",
+      "}",
+      "",
+      ".dashboard-widget.high-contrast {",
+      "  border: 2px solid #000;",
+      "}",
+      "",
+      ".dashboard-header {",
+      "  display: flex;",
+      "  justify-content: space-between;",
+      "  align-items: center;",
+      "  margin-bottom: 20px;",
+      "}",
+      "",
+      ".dashboard-title {",
+      "  margin: 0;",
+      "  font-size: 24px;",
+      "  font-weight: 600;",
+      "}",
+      "",
+      ".dashboard-controls button {",
+      "  margin-left: 10px;",
+      "}",
+      "",
+      ".dashboard-metrics {",
+      "  display: grid;",
+      "  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));",
+      "  gap: 20px;",
+      "  margin-bottom: 30px;",
+      "}",
+      "",
+      ".metric-card {",
+      "  background: #f5f5f5;",
+      "  padding: 20px;",
+      "  border-radius: 8px;",
+      "  text-align: center;",
+      "  transition: transform 0.2s;",
+      "}",
+      "",
+      ".dark-theme .metric-card {",
+      "  background: #2a2a2a;",
+      "}",
+      "",
+      ".metric-card:hover {",
+      "  transform: translateY(-2px);",
+      "  box-shadow: 0 4px 8px rgba(0,0,0,0.1);",
+      "}",
+      "",
+      ".metric-value {",
+      "  font-size: 36px;",
+      "  font-weight: bold;",
+      "  margin-bottom: 5px;",
+      "}",
+      "",
+      ".metric-label {",
+      "  font-size: 14px;",
+      "  color: #666;",
+      "  text-transform: uppercase;",
+      "}",
+      "",
+      ".dark-theme .metric-label {",
+      "  color: #999;",
+      "}",
+      "",
+      ".metric-trend {",
+      "  margin-top: 10px;",
+      "  font-size: 14px;",
+      "}",
+      "",
+      ".dashboard-charts {",
+      "  display: grid;",
+      "  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));",
+      "  gap: 30px;",
+      "}",
+      "",
+      ".chart-container {",
+      "  background: #f9f9f9;",
+      "  padding: 20px;",
+      "  border-radius: 8px;",
+      "}",
+      "",
+      ".dark-theme .chart-container {",
+      "  background: #2a2a2a;",
+      "}",
+      "",
+      ".dashboard-loading {",
+      "  text-align: center;",
+      "  padding: 60px 20px;",
+      "  color: #666;",
+      "}",
+      "",
+      ".dark-theme .dashboard-loading {",
+      "  color: #999;",
+      "}",
+      "",
+      "@media (max-width: 768px) {",
+      "  .dashboard-metrics {",
+      "    grid-template-columns: 1fr;",
+      "  }",
+      "  .dashboard-charts {",
+      "    grid-template-columns: 1fr;",
+      "  }",
+      "}"
+    ],
+    "client_controller": "{{CLIENT_CONTROLLER|dashboard_controller}}",
+    "script": "{{SERVER_SCRIPT|dashboard_server_script}}",
+    "link_function": "{{LINK_FUNCTION|}}",
+    "demo_data": {
+      "metrics": [
+        {"label": "Total Items", "value": "1,234", "color": "#007bff", "trend": 12},
+        {"label": "Active Users", "value": "456", "color": "#28a745", "trend": 5},
+        {"label": "Pending Tasks", "value": "78", "color": "#ffc107", "trend": -3},
+        {"label": "Completed", "value": "89%", "color": "#17a2b8", "trend": 2}
+      ],
+      "charts": [
+        {
+          "title": "Weekly Trend",
+          "type": "line",
+          "data": {
+            "labels": ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
+            "datasets": [{
+              "label": "Items",
+              "data": [65, 59, 80, 81, 56, 55, 40]
+            }]
+          }
+        }
+      ]
+    }
+  },
+  "variables": {
+    "WIDGET_NAME": "custom_dashboard",
+    "WIDGET_ID": "custom_dashboard",
+    "INSTANCE_ID": "dashboard_",
+    "WIDGET_TITLE": "Dashboard",
+    "WIDGET_DESCRIPTION": "Real-time dashboard with key metrics",
+    "WIDGET_ROLES": "",
+    "CLIENT_CONTROLLER": "function($scope, $http, $timeout) {\n  var c = this;\n  \n  c.loading = true;\n  c.fullscreen = false;\n  c.metrics = [];\n  c.charts = [];\n  \n  c.refresh = function() {\n    c.loading = true;\n    c.server.get({\n      action: 'get_dashboard_data'\n    }).then(function(response) {\n      c.metrics = response.data.metrics || [];\n      c.charts = response.data.charts || [];\n      c.loading = false;\n      \n      // Render charts\n      $timeout(function() {\n        c.renderCharts();\n      }, 100);\n    });\n  };\n  \n  c.renderCharts = function() {\n    c.charts.forEach(function(chart, index) {\n      var ctx = document.getElementById('chart-' + index);\n      if (ctx) {\n        new Chart(ctx.getContext('2d'), {\n          type: c.options.chart_type || chart.type || 'bar',\n          data: chart.data,\n          options: {\n            responsive: true,\n            maintainAspectRatio: false\n          }\n        });\n      }\n    });\n  };\n  \n  c.toggleFullscreen = function() {\n    c.fullscreen = !c.fullscreen;\n    // Implement fullscreen logic\n  };\n  \n  // Initial load\n  c.refresh();\n  \n  // Auto-refresh\n  if (c.options.refresh_interval > 0) {\n    var refreshTimer = $timeout(function refresh() {\n      c.refresh();\n      refreshTimer = $timeout(refresh, c.options.refresh_interval * 1000);\n    }, c.options.refresh_interval * 1000);\n    \n    $scope.$on('$destroy', function() {\n      $timeout.cancel(refreshTimer);\n    });\n  }\n}",
+    "SERVER_SCRIPT": "(function() {\n  try {\n    data.metrics = [];\n    data.charts = [];\n    gs.log('Dashboard widget server script started', 'dashboard_widget');\n    \n    if (input && input.action === 'get_dashboard_data') {\n      // Example: Fetch incident metrics\n      var gr = new GlideRecord('incident');\n      gr.addQuery('active', 'true'); // ✅ FIXED: Use string instead of boolean\n      gr.query();\n      \n      var totalCount = gr.getRowCount();\n      gs.log('Found ' + totalCount + ' active incidents', 'dashboard_widget');\n      \n      // Get priority breakdown\n      var priorities = {};\n      gr = new GlideRecord('incident');\n      gr.addQuery('active', 'true'); // ✅ FIXED: Use string instead of boolean\n      gr.query();\n      \n      while (gr.next()) {\n        var priority = gr.getValue('priority') || 'undefined';\n        priorities[priority] = (priorities[priority] || 0) + 1;\n      }\n      \n      // Build metrics\n      data.metrics = [\n        {\n          label: 'Total Incidents',\n          value: totalCount.toString(),\n          color: '#007bff',\n          trend: 5\n        },\n        {\n          label: 'High Priority',\n          value: (priorities['1'] || 0).toString(),\n          color: '#dc3545',\n          trend: -2\n        },\n        {\n          label: 'Medium Priority',\n          value: (priorities['2'] || 0).toString(),\n          color: '#ffc107',\n          trend: 3\n        },\n        {\n          label: 'Low Priority',\n          value: (priorities['3'] || 0).toString(),\n          color: '#28a745',\n          trend: 1\n        }\n      ];\n      \n      // Build chart data\n      data.charts = [\n        {\n          title: 'Incidents by Priority',\n          type: 'bar',\n          data: {\n            labels: ['High', 'Medium', 'Low'],\n            datasets: [{\n              label: 'Incidents',\n              data: [\n                priorities['1'] || 0,\n                priorities['2'] || 0,\n                priorities['3'] || 0\n              ],\n              backgroundColor: ['#dc3545', '#ffc107', '#28a745']\n            }]\n          }\n        }\n      ];\n      \n      gs.log('Dashboard data prepared successfully', 'dashboard_widget');\n    }\n  } catch (error) {\n    gs.error('Dashboard widget error: ' + error.message, 'dashboard_widget');\n    data.error = 'Error loading dashboard: ' + error.message;\n    data.success = false;\n  }\n})()",
+    "LINK_FUNCTION": ""
+  }
+}

package/src/templates/patterns/widget.datatable.template.json

@@ -0,0 +1,292 @@
+{
+  "type": "widget",
+  "name": "Data Table Widget Template",
+  "description": "Template for creating data table widgets with sorting, filtering, and pagination",
+  "category": "patterns/datatable",
+  "config": {
+    "name": "{{WIDGET_NAME|data_table}}",
+    "id": "{{WIDGET_ID|data_table}}",
+    "instance_id": "{{INSTANCE_ID|table_}}",
+    "data": {
+      "title": "{{WIDGET_TITLE|Data Table}}",
+      "short_description": "{{WIDGET_DESCRIPTION|Interactive data table with advanced features}}",
+      "roles": "{{WIDGET_ROLES|}}"
+    },
+    "options": [
+      {
+        "name": "table_name",
+        "section": "Data",
+        "label": "Table",
+        "type": "reference",
+        "value": "{{TABLE_NAME|incident}}",
+        "ed": "sys_db_object",
+        "help": "Select the table to display data from"
+      },
+      {
+        "name": "max_records",
+        "section": "Data",
+        "label": "Maximum Records",
+        "type": "integer",
+        "value": "100",
+        "help": "Maximum number of records to display"
+      },
+      {
+        "name": "enable_filter",
+        "section": "Features",
+        "label": "Enable Filtering",
+        "type": "boolean",
+        "value": "true"
+      },
+      {
+        "name": "enable_export",
+        "section": "Features",
+        "label": "Enable Export",
+        "type": "boolean",
+        "value": "true"
+      },
+      {
+        "name": "enable_inline_edit",
+        "section": "Features",
+        "label": "Enable Inline Editing",
+        "type": "boolean",
+        "value": "false"
+      },
+      {
+        "name": "row_actions",
+        "section": "Features",
+        "label": "Row Actions",
+        "type": "json",
+        "value": "[{\"label\":\"View\",\"action\":\"view\",\"icon\":\"eye\"},{\"label\":\"Edit\",\"action\":\"edit\",\"icon\":\"pencil\"}]"
+      }
+    ],
+    "html": [
+      "<div class=\"data-table-widget\">",
+      "  <div class=\"table-header\">",
+      "    <h2 class=\"table-title\">{{data.title}}</h2>",
+      "    <div class=\"table-controls\">",
+      "      <div class=\"search-box\" ng-if=\"options.enable_filter\">",
+      "        <i class=\"fa fa-search\"></i>",
+      "        <input type=\"text\" ng-model=\"c.searchTerm\" ng-change=\"c.filterData()\" placeholder=\"Search...\">",
+      "      </div>",
+      "      <button class=\"btn btn-primary\" ng-if=\"options.enable_export\" ng-click=\"c.exportData()\">",
+      "        <i class=\"fa fa-download\"></i> Export",
+      "      </button>",
+      "    </div>",
+      "  </div>",
+      "  ",
+      "  <div class=\"table-container\" ng-if=\"!c.loading\">",
+      "    <table class=\"table table-striped table-hover\">",
+      "      <thead>",
+      "        <tr>",
+      "          <th ng-repeat=\"column in c.columns\" ng-click=\"c.sort(column.field)\" class=\"sortable\">",
+      "            {{column.label}}",
+      "            <i class=\"fa fa-sort\" ng-if=\"c.sortField !== column.field\"></i>",
+      "            <i class=\"fa fa-sort-asc\" ng-if=\"c.sortField === column.field && c.sortDirection === 'asc'\"></i>",
+      "            <i class=\"fa fa-sort-desc\" ng-if=\"c.sortField === column.field && c.sortDirection === 'desc'\"></i>",
+      "          </th>",
+      "          <th ng-if=\"c.rowActions.length > 0\">Actions</th>",
+      "        </tr>",
+      "      </thead>",
+      "      <tbody>",
+      "        <tr ng-repeat=\"row in c.displayData\">",
+      "          <td ng-repeat=\"column in c.columns\">",
+      "            <span ng-if=\"!c.isEditing(row, column)\" ng-click=\"c.startEdit(row, column)\">",
+      "              {{c.getCellValue(row, column)}}",
+      "            </span>",
+      "            <input ng-if=\"c.isEditing(row, column)\" ",
+      "                   type=\"text\" ",
+      "                   ng-model=\"row[column.field]\" ",
+      "                   ng-blur=\"c.saveEdit(row, column)\"",
+      "                   ng-keypress=\"c.handleEditKeypress($event, row, column)\">",
+      "          </td>",
+      "          <td ng-if=\"c.rowActions.length > 0\" class=\"actions-cell\">",
+      "            <button ng-repeat=\"action in c.rowActions\" ",
+      "                    class=\"btn btn-sm btn-default\" ",
+      "                    ng-click=\"c.performAction(action, row)\"",
+      "                    title=\"{{action.label}}\">",
+      "              <i class=\"fa fa-{{action.icon}}\"></i>",
+      "            </button>",
+      "          </td>",
+      "        </tr>",
+      "      </tbody>",
+      "    </table>",
+      "  </div>",
+      "  ",
+      "  <div class=\"table-pagination\" ng-if=\"c.totalPages > 1\">",
+      "    <button class=\"btn btn-sm\" ng-click=\"c.previousPage()\" ng-disabled=\"c.currentPage === 1\">",
+      "      <i class=\"fa fa-chevron-left\"></i>",
+      "    </button>",
+      "    <span class=\"page-info\">Page {{c.currentPage}} of {{c.totalPages}}</span>",
+      "    <button class=\"btn btn-sm\" ng-click=\"c.nextPage()\" ng-disabled=\"c.currentPage === c.totalPages\">",
+      "      <i class=\"fa fa-chevron-right\"></i>",
+      "    </button>",
+      "  </div>",
+      "  ",
+      "  <div class=\"table-loading\" ng-if=\"c.loading\">",
+      "    <i class=\"fa fa-spinner fa-spin fa-3x\"></i>",
+      "    <p>Loading data...</p>",
+      "  </div>",
+      "</div>"
+    ],
+    "css": [
+      ".data-table-widget {",
+      "  background: #fff;",
+      "  border-radius: 8px;",
+      "  box-shadow: 0 2px 4px rgba(0,0,0,0.1);",
+      "  overflow: hidden;",
+      "}",
+      "",
+      ".table-header {",
+      "  display: flex;",
+      "  justify-content: space-between;",
+      "  align-items: center;",
+      "  padding: 20px;",
+      "  border-bottom: 1px solid #e0e0e0;",
+      "}",
+      "",
+      ".table-title {",
+      "  margin: 0;",
+      "  font-size: 20px;",
+      "  font-weight: 600;",
+      "}",
+      "",
+      ".table-controls {",
+      "  display: flex;",
+      "  align-items: center;",
+      "  gap: 15px;",
+      "}",
+      "",
+      ".search-box {",
+      "  position: relative;",
+      "  display: flex;",
+      "  align-items: center;",
+      "}",
+      "",
+      ".search-box i {",
+      "  position: absolute;",
+      "  left: 10px;",
+      "  color: #666;",
+      "}",
+      "",
+      ".search-box input {",
+      "  padding: 8px 8px 8px 35px;",
+      "  border: 1px solid #ddd;",
+      "  border-radius: 4px;",
+      "  width: 250px;",
+      "}",
+      "",
+      ".table-container {",
+      "  overflow-x: auto;",
+      "}",
+      "",
+      "table {",
+      "  width: 100%;",
+      "  border-collapse: collapse;",
+      "}",
+      "",
+      "th {",
+      "  background: #f5f5f5;",
+      "  padding: 12px;",
+      "  text-align: left;",
+      "  font-weight: 600;",
+      "  color: #333;",
+      "  white-space: nowrap;",
+      "}",
+      "",
+      "th.sortable {",
+      "  cursor: pointer;",
+      "  user-select: none;",
+      "}",
+      "",
+      "th.sortable:hover {",
+      "  background: #e8e8e8;",
+      "}",
+      "",
+      "th i {",
+      "  margin-left: 5px;",
+      "  color: #999;",
+      "}",
+      "",
+      "td {",
+      "  padding: 12px;",
+      "  border-bottom: 1px solid #f0f0f0;",
+      "}",
+      "",
+      "td input {",
+      "  width: 100%;",
+      "  padding: 4px 8px;",
+      "  border: 1px solid #007bff;",
+      "  border-radius: 4px;",
+      "}",
+      "",
+      "tr:hover {",
+      "  background: #f9f9f9;",
+      "}",
+      "",
+      ".actions-cell {",
+      "  white-space: nowrap;",
+      "}",
+      "",
+      ".actions-cell button {",
+      "  margin-right: 5px;",
+      "}",
+      "",
+      ".table-pagination {",
+      "  display: flex;",
+      "  justify-content: center;",
+      "  align-items: center;",
+      "  padding: 20px;",
+      "  gap: 15px;",
+      "  border-top: 1px solid #e0e0e0;",
+      "}",
+      "",
+      ".page-info {",
+      "  color: #666;",
+      "}",
+      "",
+      ".table-loading {",
+      "  text-align: center;",
+      "  padding: 60px 20px;",
+      "  color: #666;",
+      "}",
+      "",
+      "@media (max-width: 768px) {",
+      "  .table-header {",
+      "    flex-direction: column;",
+      "    align-items: flex-start;",
+      "    gap: 15px;",
+      "  }",
+      "  ",
+      "  .search-box input {",
+      "    width: 200px;",
+      "  }",
+      "}"
+    ],
+    "client_controller": "{{CLIENT_CONTROLLER|datatable_controller}}",
+    "script": "{{SERVER_SCRIPT|datatable_server_script}}",
+    "link_function": "{{LINK_FUNCTION|}}",
+    "demo_data": {
+      "columns": [
+        {"field": "number", "label": "Number"},
+        {"field": "short_description", "label": "Description"},
+        {"field": "priority", "label": "Priority"},
+        {"field": "state", "label": "State"}
+      ],
+      "data": [
+        {"number": "INC0001", "short_description": "Sample incident", "priority": "High", "state": "Open"}
+      ]
+    }
+  },
+  "variables": {
+    "WIDGET_NAME": "data_table",
+    "WIDGET_ID": "data_table",
+    "INSTANCE_ID": "table_",
+    "WIDGET_TITLE": "Data Table",
+    "WIDGET_DESCRIPTION": "Interactive data table with advanced features",
+    "WIDGET_ROLES": "",
+    "TABLE_NAME": "incident",
+    "CLIENT_CONTROLLER": "function($scope, $http, $timeout) {\n  var c = this;\n  \n  c.loading = true;\n  c.data = [];\n  c.displayData = [];\n  c.columns = [];\n  c.searchTerm = '';\n  c.sortField = null;\n  c.sortDirection = 'asc';\n  c.currentPage = 1;\n  c.pageSize = 20;\n  c.totalPages = 1;\n  c.editingCell = null;\n  c.rowActions = [];\n  \n  // Parse row actions from options\n  try {\n    c.rowActions = JSON.parse(c.options.row_actions || '[]');\n  } catch(e) {\n    c.rowActions = [];\n  }\n  \n  c.getData = function() {\n    c.loading = true;\n    c.server.get({\n      action: 'get_table_data',\n      table: c.options.table_name,\n      max_records: c.options.max_records\n    }).then(function(response) {\n      c.columns = response.data.columns || [];\n      c.data = response.data.data || [];\n      c.filterData();\n      c.loading = false;\n    });\n  };\n  \n  c.filterData = function() {\n    var filtered = c.data;\n    \n    if (c.searchTerm) {\n      filtered = c.data.filter(function(row) {\n        return Object.values(row).some(function(value) {\n          return String(value).toLowerCase().includes(c.searchTerm.toLowerCase());\n        });\n      });\n    }\n    \n    // Apply sorting\n    if (c.sortField) {\n      filtered.sort(function(a, b) {\n        var aVal = a[c.sortField] || '';\n        var bVal = b[c.sortField] || '';\n        var result = aVal < bVal ? -1 : aVal > bVal ? 1 : 0;\n        return c.sortDirection === 'desc' ? -result : result;\n      });\n    }\n    \n    // Apply pagination\n    c.totalPages = Math.ceil(filtered.length / c.pageSize);\n    var start = (c.currentPage - 1) * c.pageSize;\n    c.displayData = filtered.slice(start, start + c.pageSize);\n  };\n  \n  c.sort = function(field) {\n    if (c.sortField === field) {\n      c.sortDirection = c.sortDirection === 'asc' ? 'desc' : 'asc';\n    } else {\n      c.sortField = field;\n      c.sortDirection = 'asc';\n    }\n    c.filterData();\n  };\n  \n  c.previousPage = function() {\n    if (c.currentPage > 1) {\n      c.currentPage--;\n      c.filterData();\n    }\n  };\n  \n  c.nextPage = function() {\n    if (c.currentPage < c.totalPages) {\n      c.currentPage++;\n      c.filterData();\n    }\n  };\n  \n  c.getCellValue = function(row, column) {\n    var value = row[column.field];\n    // Format based on field type\n    if (column.type === 'date') {\n      return value ? new Date(value).toLocaleDateString() : '';\n    }\n    return value || '';\n  };\n  \n  c.isEditing = function(row, column) {\n    return c.options.enable_inline_edit && \n           c.editingCell && \n           c.editingCell.row === row && \n           c.editingCell.column === column;\n  };\n  \n  c.startEdit = function(row, column) {\n    if (c.options.enable_inline_edit) {\n      c.editingCell = {row: row, column: column};\n    }\n  };\n  \n  c.saveEdit = function(row, column) {\n    c.editingCell = null;\n    // Save to server\n    c.server.get({\n      action: 'update_record',\n      table: c.options.table_name,\n      sys_id: row.sys_id,\n      field: column.field,\n      value: row[column.field]\n    });\n  };\n  \n  c.handleEditKeypress = function(event, row, column) {\n    if (event.keyCode === 13) { // Enter key\n      c.saveEdit(row, column);\n    }\n  };\n  \n  c.performAction = function(action, row) {\n    switch(action.action) {\n      case 'view':\n        window.open('/' + c.options.table_name + '.do?sys_id=' + row.sys_id, '_blank');\n        break;\n      case 'edit':\n        window.open('/' + c.options.table_name + '.do?sys_id=' + row.sys_id + '&sysparm_view=edit', '_blank');\n        break;\n      default:\n        // Custom action\n        $scope.$emit('widget-action', {action: action, row: row});\n    }\n  };\n  \n  c.exportData = function() {\n    var csv = c.columns.map(function(col) { return col.label; }).join(',') + '\\n';\n    c.displayData.forEach(function(row) {\n      csv += c.columns.map(function(col) {\n        var val = row[col.field] || '';\n        return '\"' + String(val).replace(/\"/g, '\"\"') + '\"';\n      }).join(',') + '\\n';\n    });\n    \n    var blob = new Blob([csv], {type: 'text/csv'});\n    var url = window.URL.createObjectURL(blob);\n    var a = document.createElement('a');\n    a.href = url;\n    a.download = c.data.title + '.csv';\n    a.click();\n  };\n  \n  // Initial load\n  c.getData();\n}",
+    "SERVER_SCRIPT": "(function() {\n  try {\n    data.columns = [];\n    data.data = [];\n    gs.log('DataTable widget server script started', 'datatable_widget');\n    \n    if (input && input.action === 'get_table_data') {\n      var tableName = input.table || 'incident';\n      var maxRecords = parseInt(input.max_records) || 100;\n      \n      gs.log('Getting table data: table=' + tableName + ', maxRecords=' + maxRecords, 'datatable_widget');\n      \n      // Get table metadata\n      var fields = [];\n      var gd = new GlideRecord('sys_dictionary');\n      gd.addQuery('name', tableName);\n      gd.addQuery('internal_type', '!=', 'collection');\n      gd.orderBy('column_label');\n      gd.setLimit(10); // Limit columns for performance\n      gd.query();\n      \n      while (gd.next()) {\n        if (gd.element && !gd.element.startsWith('sys_')) {\n          fields.push({\n            field: gd.element.toString(),\n            label: gd.column_label.toString() || gd.element.toString(),\n            type: gd.internal_type.toString()\n          });\n        }\n      }\n      \n      // Default fields if none found\n      if (fields.length === 0) {\n        fields = [\n          {field: 'number', label: 'Number', type: 'string'},\n          {field: 'short_description', label: 'Short Description', type: 'string'},\n          {field: 'sys_created_on', label: 'Created', type: 'glide_date_time'}\n        ];\n        gs.log('Using default fields for table: ' + tableName, 'datatable_widget');\n      }\n      \n      data.columns = fields;\n      gs.log('Found ' + fields.length + ' columns for table', 'datatable_widget');\n      \n      // Get table data\n      var gr = new GlideRecord(tableName);\n      gr.orderByDesc('sys_created_on');\n      gr.setLimit(maxRecords);\n      gr.query();\n      \n      var recordCount = 0;\n      while (gr.next()) {\n        var row = {sys_id: gr.getUniqueValue()};\n        fields.forEach(function(field) {\n          row[field.field] = gr.getDisplayValue(field.field) || '';\n        });\n        data.data.push(row);\n        recordCount++;\n      }\n      \n      gs.log('Retrieved ' + recordCount + ' records from ' + tableName, 'datatable_widget');\n      \n    } else if (input && input.action === 'update_record') {\n      // ✅ FIXED: Enhanced update with validation and error handling\n      if (!input.table || !input.sys_id || !input.field) {\n        throw new Error('Missing required parameters for update: table, sys_id, field');\n      }\n      \n      gs.log('Updating record: table=' + input.table + ', sys_id=' + input.sys_id + ', field=' + input.field, 'datatable_widget');\n      \n      var gr = new GlideRecord(input.table);\n      if (gr.get(input.sys_id)) {\n        gr.setValue(input.field, input.value || '');\n        gr.update();\n        data.success = true;\n        data.message = 'Record updated successfully';\n        gs.log('Record updated successfully', 'datatable_widget');\n      } else {\n        data.success = false;\n        data.error = 'Record not found: ' + input.sys_id;\n        gs.warn('Record not found for update: ' + input.sys_id, 'datatable_widget');\n      }\n    }\n  } catch (error) {\n    gs.error('DataTable widget error: ' + error.message, 'datatable_widget');\n    data.error = 'Error processing request: ' + error.message;\n    data.success = false;\n  }\n})()",
+    "LINK_FUNCTION": ""
+  }
+}