npm - thatcher - Versions diffs - 1.0.4 - Mend

thatcher 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (221) hide show

package/LICENSE +21 -0
package/README.md +398 -0
package/package.json +73 -0
package/src/adapters/google-auth.js +148 -0
package/src/adapters/google-drive.js +209 -0
package/src/app/api/[entity]/[[...path]]/route.js +33 -0
package/src/app/api/audit/dashboard/route.js +77 -0
package/src/app/api/audit/logs/route.js +46 -0
package/src/app/api/audit/permissions/[id]/route.js +37 -0
package/src/app/api/audit/permissions/route.js +93 -0
package/src/app/api/audit/permissions/stats/route.js +29 -0
package/src/app/api/audit/route.js +79 -0
package/src/app/api/audit/stats/route.js +18 -0
package/src/app/api/auth/google/callback/route.js +94 -0
package/src/app/api/auth/google/route.js +58 -0
package/src/app/api/auth/login/route.js +121 -0
package/src/app/api/auth/logout/route.js +52 -0
package/src/app/api/auth/me/route.js +16 -0
package/src/app/api/auth/mwr-bridge/route.js +77 -0
package/src/app/api/auth/password-reset/route.js +65 -0
package/src/app/api/cron/trigger/route.js +58 -0
package/src/app/api/csrf-token/route.js +8 -0
package/src/app/api/debug/config/route.js +22 -0
package/src/app/api/debug/hooks/route.js +16 -0
package/src/app/api/debug/plugins/route.js +20 -0
package/src/app/api/debug/sqlite/route.js +21 -0
package/src/app/api/debug/sync/route.js +29 -0
package/src/app/api/debug/workflow/route.js +20 -0
package/src/app/api/domains/[domain]/route.js +26 -0
package/src/app/api/domains/route.js +21 -0
package/src/app/api/email/allocate/batch/route.js +106 -0
package/src/app/api/email/allocate/route.js +141 -0
package/src/app/api/email/receive/route.js +158 -0
package/src/app/api/email/route.js +3 -0
package/src/app/api/email/send/route.js +77 -0
package/src/app/api/email/unallocated/route.js +47 -0
package/src/app/api/files/[id]/route.js +38 -0
package/src/app/api/health/route.js +95 -0
package/src/app/api/metrics/route.js +73 -0
package/src/app/api/monitoring/dashboard/route.js +18 -0
package/src/cli.js +243 -0
package/src/config/config-loader.js +112 -0
package/src/config/constants.js +127 -0
package/src/config/env.js +164 -0
package/src/config/spec-helpers.js +232 -0
package/src/engine.server.js +212 -0
package/src/index.js +368 -0
package/src/lib/accessibility.js +162 -0
package/src/lib/action-factory.js +34 -0
package/src/lib/action-utils.js +21 -0
package/src/lib/alert-manager.js +189 -0
package/src/lib/api-error-wrapper.js +125 -0
package/src/lib/api-helpers.js +53 -0
package/src/lib/api.js +82 -0
package/src/lib/audit-logger-enhanced.js +117 -0
package/src/lib/audit-logger.js +193 -0
package/src/lib/auth-middleware.js +102 -0
package/src/lib/auth-route-helpers.js +83 -0
package/src/lib/business-rules-engine.js +86 -0
package/src/lib/compression.js +44 -0
package/src/lib/config-field-helpers.js +91 -0
package/src/lib/config-generator-engine.js +445 -0
package/src/lib/config-helpers.js +120 -0
package/src/lib/connection-guard.js +79 -0
package/src/lib/crud-action-helpers.js +34 -0
package/src/lib/crud-factory.js +83 -0
package/src/lib/crud-handlers.js +244 -0
package/src/lib/csrf-protection.js +63 -0
package/src/lib/database-core.js +258 -0
package/src/lib/database-migrations.js +96 -0
package/src/lib/date-utils.js +159 -0
package/src/lib/db-backup.js +97 -0
package/src/lib/db-monitor.js +127 -0
package/src/lib/domain-loader.js +82 -0
package/src/lib/email-sender.js +100 -0
package/src/lib/error-boundary.js +134 -0
package/src/lib/error-handler.js +84 -0
package/src/lib/error-recovery.js +190 -0
package/src/lib/error-resilience.js +130 -0
package/src/lib/errors.js +69 -0
package/src/lib/events-engine.js +182 -0
package/src/lib/field-iterator.js +50 -0
package/src/lib/field-registry.js +68 -0
package/src/lib/field-types.js +154 -0
package/src/lib/generic-crud-handler.js +32 -0
package/src/lib/health-monitor.js +134 -0
package/src/lib/hook-engine.js +169 -0
package/src/lib/hot-reload/cache-invalidator.js +115 -0
package/src/lib/hot-reload/checkpoint.js +95 -0
package/src/lib/hot-reload/debug-exposure.js +67 -0
package/src/lib/hot-reload/directory-watcher.js +96 -0
package/src/lib/hot-reload/index.js +50 -0
package/src/lib/hot-reload/mutex.js +75 -0
package/src/lib/hot-reload/promise-container.js +66 -0
package/src/lib/hot-reload/route-wrapper.js +46 -0
package/src/lib/hot-reload/safe-error.js +51 -0
package/src/lib/hot-reload/supervisor.js +161 -0
package/src/lib/hot-reload/timeout-wrapper.js +52 -0
package/src/lib/http-methods-factory.js +25 -0
package/src/lib/index-optimizer.js +96 -0
package/src/lib/index.js +35 -0
package/src/lib/list-data-transform.js +39 -0
package/src/lib/log-aggregator.js +116 -0
package/src/lib/logger.js +55 -0
package/src/lib/metrics-collector.js +102 -0
package/src/lib/minifier.js +19 -0
package/src/lib/monitoring-init.js +67 -0
package/src/lib/next-compat.js +80 -0
package/src/lib/next-polyfills.js +135 -0
package/src/lib/perf-monitor.js +91 -0
package/src/lib/progress-components.js +181 -0
package/src/lib/query-cache.js +126 -0
package/src/lib/query-engine-write.js +221 -0
package/src/lib/query-engine.js +399 -0
package/src/lib/query-perf.js +117 -0
package/src/lib/query-string-adapter.js +75 -0
package/src/lib/realtime-server.js +67 -0
package/src/lib/render-cache.js +61 -0
package/src/lib/request-tracker.js +43 -0
package/src/lib/resource-hints.js +29 -0
package/src/lib/resource-monitor.js +117 -0
package/src/lib/response-formatter.js +80 -0
package/src/lib/route-helpers.js +33 -0
package/src/lib/route-resolver.js +142 -0
package/src/lib/safe-json.js +8 -0
package/src/lib/server-bootstrap.js +71 -0
package/src/lib/stage-pipeline.js +153 -0
package/src/lib/state-protocol.js +171 -0
package/src/lib/state-transport-client.js +169 -0
package/src/lib/state-transport-reconnect.js +121 -0
package/src/lib/state-transport-server.js +181 -0
package/src/lib/static-server.js +97 -0
package/src/lib/status-helpers.js +98 -0
package/src/lib/universal-handler.js +7 -0
package/src/lib/utils.js +93 -0
package/src/lib/validate.js +197 -0
package/src/lib/validation/business-validators.js +61 -0
package/src/lib/validation/csrf.js +51 -0
package/src/lib/validation/file-validators.js +34 -0
package/src/lib/validation/format-validators.js +106 -0
package/src/lib/validation/index.js +19 -0
package/src/lib/validation/rate-limit.js +31 -0
package/src/lib/validation/security-validators.js +78 -0
package/src/lib/validation-middleware.js +133 -0
package/src/lib/validators.js +105 -0
package/src/lib/with-audit-logging.js +63 -0
package/src/lib/with-error-handler.js +31 -0
package/src/lib/workflow-engine.js +250 -0
package/src/server/server.js +305 -0
package/src/services/collaborator-role.service.js +205 -0
package/src/services/email-sender.js +105 -0
package/src/services/notification-engine.js +110 -0
package/src/services/permission.service.js +181 -0
package/src/ui/advanced-search-renderer.js +42 -0
package/src/ui/advanced-widgets.js +47 -0
package/src/ui/auth-pages.js +114 -0
package/src/ui/auth-styles.js +53 -0
package/src/ui/client.js +99 -0
package/src/ui/collaboration-dialogs.js +31 -0
package/src/ui/common-handlers.js +156 -0
package/src/ui/component-engine.js +103 -0
package/src/ui/dashboard-renderer.js +150 -0
package/src/ui/dialog-engine.js +147 -0
package/src/ui/dialog-factory.js +38 -0
package/src/ui/engagement-cards.js +76 -0
package/src/ui/engagement-dialogs.js +100 -0
package/src/ui/engagement-grid-renderer.js +109 -0
package/src/ui/entity-renderer.js +176 -0
package/src/ui/event-delegation.js +108 -0
package/src/ui/fetch-json.js +24 -0
package/src/ui/file-dialogs.js +81 -0
package/src/ui/flexup-report-renderer.js +173 -0
package/src/ui/format-helpers.js +102 -0
package/src/ui/global-tags.js +144 -0
package/src/ui/highlight-threading-renderer.js +176 -0
package/src/ui/idle-logout.js +156 -0
package/src/ui/job-management-renderer.js +61 -0
package/src/ui/layout.js +219 -0
package/src/ui/letter-dialogs.js +37 -0
package/src/ui/ml-console-renderer.js +108 -0
package/src/ui/monitoring-dashboard-client.js +136 -0
package/src/ui/monitoring-dashboard.js +134 -0
package/src/ui/notifications-renderer.js +51 -0
package/src/ui/page-handler-admin.js +121 -0
package/src/ui/page-handler-helpers.js +111 -0
package/src/ui/page-handler-reviews.js +165 -0
package/src/ui/page-handler-rfi.js +42 -0
package/src/ui/page-handler.js +210 -0
package/src/ui/password-reset-page.js +146 -0
package/src/ui/perf-helpers.js +96 -0
package/src/ui/perf-renderer.js +71 -0
package/src/ui/permissions-ui.js +163 -0
package/src/ui/picker-dialogs.js +100 -0
package/src/ui/render-helpers.js +124 -0
package/src/ui/renderer.js +35 -0
package/src/ui/review-comparison-renderer.js +58 -0
package/src/ui/review-detail-panels.js +71 -0
package/src/ui/review-detail-renderer.js +170 -0
package/src/ui/review-detail-script.js +95 -0
package/src/ui/review-mwr-renderer.js +113 -0
package/src/ui/review-renderer.js +202 -0
package/src/ui/review-widgets.js +88 -0
package/src/ui/review-zone-nav.js +12 -0
package/src/ui/rfi-detail-renderer.js +191 -0
package/src/ui/rfi-renderer.js +194 -0
package/src/ui/rfi-report-renderer.js +56 -0
package/src/ui/rippleui.css +1 -0
package/src/ui/settings-renderer-advanced.js +195 -0
package/src/ui/settings-renderer-advanced2.js +158 -0
package/src/ui/settings-renderer-teams.js +112 -0
package/src/ui/settings-renderer.js +166 -0
package/src/ui/spacing-system.js +155 -0
package/src/ui/standalone-login.js +109 -0
package/src/ui/styles.css +2530 -0
package/src/ui/styles2.css +1602 -0
package/src/ui/test-page.js +23 -0
package/src/ui/validation-rules.js +73 -0
package/src/ui/validation-ui.js +147 -0
package/src/ui/virtual-scroll.js +107 -0
package/src/ui/webjsx.js +61 -0
package/src/ui/widgets.js +152 -0

package/src/ui/test-page.js ADDED Viewed

@@ -0,0 +1,23 @@
+export function generateTestPage() {
+  return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>System Test | MOONLANDING</title>
+  <style>
+    body { font-family: monospace; padding: 2rem; background: #04141f; color: #ced4da; }
+    h1 { color: #3b82f6; }
+    .check { color: #40c057; }
+    .info { color: #868e96; font-size: 0.85rem; margin-top: 1rem; }
+  </style>
+</head>
+<body>
+  <h1>MOONLANDING System Test</h1>
+  <p class="check">✓ Server is running</p>
+  <p class="check">✓ Page handler is operational</p>
+  <p class="info">Timestamp: ${new Date().toISOString()}</p>
+  <p class="info">Environment: ${process.env.NODE_ENV || 'development'}</p>
+</body>
+</html>`;
+}

package/src/ui/validation-rules.js ADDED Viewed

@@ -0,0 +1,73 @@
+export const ValidationPatterns = {
+  email: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
+  phone: /^[+]?[(]?[0-9]{3}[)]?[-\s.]?[0-9]{3}[-\s.]?[0-9]{4,6}$/,
+  url: /^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_+.~#?&//=]*)$/,
+  zip: /^\d{5}(-\d{4})?$/,
+  alpha: /^[a-zA-Z]+$/,
+  alphanumeric: /^[a-zA-Z0-9]+$/,
+  numeric: /^[0-9]+$/,
+  xss: /<script[^>]*>|javascript:|on\w+\s*=|<iframe|<object|<embed/gi
+};
+export const ValidationRules = {
+  required(value) {
+    return value !== null && value !== undefined && value !== '' ? null : 'This field is required';
+  },
+  minLength(value, min) {
+    return (!value || value.length >= min) ? null : `Minimum length is ${min} characters`;
+  },
+  maxLength(value, max) {
+    return (!value || value.length <= max) ? null : `Maximum length is ${max} characters`;
+  },
+  min(value, min) {
+    const num = Number(value);
+    return (!value || !isNaN(num) && num >= min) ? null : `Minimum value is ${min}`;
+  },
+  max(value, max) {
+    const num = Number(value);
+    return (!value || !isNaN(num) && num <= max) ? null : `Maximum value is ${max}`;
+  },
+  pattern(value, patternName) {
+    const pattern = ValidationPatterns[patternName];
+    if (!pattern) return `Unknown pattern: ${patternName}`;
+    return (!value || pattern.test(value)) ? null : `Invalid format for ${patternName}`;
+  },
+  email(value) {
+    return (!value || ValidationPatterns.email.test(value)) ? null : 'Invalid email address';
+  },
+  url(value) {
+    return (!value || ValidationPatterns.url.test(value)) ? null : 'Invalid URL';
+  },
+  phone(value) {
+    return (!value || ValidationPatterns.phone.test(value)) ? null : 'Invalid phone number';
+  },
+  noXSS(value) {
+    return (!value || !ValidationPatterns.xss.test(value)) ? null : 'Invalid characters detected';
+  },
+  match(value, matchFieldId) {
+    const matchField = document.getElementById(matchFieldId);
+    const matchValue = matchField ? matchField.value : '';
+    return (!value || value === matchValue) ? null : 'Values do not match';
+  },
+  fileSize(file, maxSizeBytes) {
+    return (!file || file.size <= maxSizeBytes) ? null : `File size must be under ${Math.round(maxSizeBytes / 1024 / 1024)}MB`;
+  },
+  fileType(file, allowedTypes) {
+    if (!file) return null;
+    const ext = file.name.split('.').pop()?.toLowerCase();
+    const allowed = allowedTypes.split(',').map(t => t.trim().toLowerCase());
+    return allowed.includes(ext) ? null : `Only ${allowedTypes} files allowed`;
+  }
+};

package/src/ui/validation-ui.js ADDED Viewed

@@ -0,0 +1,147 @@
+import { ValidationRules } from '@/ui/validation-rules';
+export const ClientValidator = {
+  validateField(input, rules) {
+    const errors = [];
+    const value = input.type === 'file' ? input.files[0] : input.value;
+    for (const rule of rules) {
+      let error;
+      if (typeof rule === 'string') {
+        error = ValidationRules[rule]?.(value);
+      } else if (typeof rule === 'object') {
+        const [ruleName, ...args] = Object.entries(rule)[0];
+        error = ValidationRules[ruleName]?.(value, ...args);
+      }
+      if (error) errors.push(error);
+    }
+    return errors;
+  },
+  showFieldError(input, errors) {
+    ClientValidator.clearFieldError(input);
+    if (errors.length === 0) {
+      input.classList.remove('input-error', 'select-error', 'textarea-error');
+      input.classList.add('input-success');
+      input.removeAttribute('aria-invalid');
+      input.removeAttribute('aria-describedby');
+      return;
+    }
+    input.classList.remove('input-success');
+    input.classList.add('input-error');
+    input.setAttribute('aria-invalid', 'true');
+    const errorId = 'err-' + (input.id || input.name);
+    const errorDiv = document.createElement('div');
+    errorDiv.className = 'field-error text-error text-xs mt-1';
+    errorDiv.id = errorId;
+    errorDiv.setAttribute('role', 'alert');
+    errorDiv.textContent = errors[0];
+    errorDiv.dataset.fieldError = input.id || input.name;
+    input.setAttribute('aria-describedby', errorId);
+    input.parentNode.insertBefore(errorDiv, input.nextSibling);
+  },
+  clearFieldError(input) {
+    const existingError = input.parentNode.querySelector(`[data-field-error="${input.id || input.name}"]`);
+    if (existingError) existingError.remove();
+    input.classList.remove('input-error', 'input-success', 'select-error', 'textarea-error');
+  },
+  attachRealTimeValidation(form) {
+    const inputs = form.querySelectorAll('[data-validate]');
+    inputs.forEach(input => {
+      const rules = JSON.parse(input.dataset.validate || '[]');
+      const validate = () => {
+        const errors = ClientValidator.validateField(input, rules);
+        ClientValidator.showFieldError(input, errors);
+      };
+      input.addEventListener('blur', validate);
+      input.addEventListener('input', () => {
+        if (input.classList.contains('input-error')) {
+          validate();
+        }
+      });
+    });
+  },
+  validateForm(form) {
+    const inputs = form.querySelectorAll('[data-validate]');
+    let allValid = true;
+    const allErrors = {};
+    inputs.forEach(input => {
+      const rules = JSON.parse(input.dataset.validate || '[]');
+      const errors = ClientValidator.validateField(input, rules);
+      ClientValidator.showFieldError(input, errors);
+      if (errors.length > 0) {
+        allValid = false;
+        allErrors[input.id || input.name] = errors;
+      }
+    });
+    return { valid: allValid, errors: allErrors };
+  },
+  showFormSummary(form, errors) {
+    ClientValidator.clearFormSummary(form);
+    if (Object.keys(errors).length === 0) return;
+    const summary = document.createElement('div');
+    summary.className = 'alert alert-error mb-4';
+    summary.dataset.formSummary = 'true';
+    const heading = document.createElement('strong');
+    heading.textContent = 'Please fix the following errors:';
+    const ul = document.createElement('ul');
+    ul.className = 'list-disc ml-4 mt-2';
+    Object.entries(errors).forEach(([field, errs]) => {
+      const li = document.createElement('li');
+      li.textContent = `${field}: ${errs[0]}`;
+      ul.appendChild(li);
+    });
+    const wrapper = document.createElement('div');
+    wrapper.appendChild(heading);
+    wrapper.appendChild(ul);
+    summary.appendChild(wrapper);
+    form.insertBefore(summary, form.firstChild);
+  },
+  clearFormSummary(form) {
+    const existing = form.querySelector('[data-form-summary]');
+    if (existing) existing.remove();
+  }
+};
+if (typeof window !== 'undefined') {
+  window.ClientValidator = ClientValidator;
+  document.addEventListener('DOMContentLoaded', () => {
+    document.querySelectorAll('form[data-validate-form]').forEach(form => {
+      ClientValidator.attachRealTimeValidation(form);
+      form.addEventListener('submit', (e) => {
+        const result = ClientValidator.validateForm(form);
+        if (!result.valid) {
+          e.preventDefault();
+          ClientValidator.showFormSummary(form, result.errors);
+          form.querySelector('.input-error')?.focus();
+        }
+      });
+    });
+  });
+}

package/src/ui/virtual-scroll.js ADDED Viewed

@@ -0,0 +1,107 @@
+export function virtualScrollScript(containerId, rowHeight = 50, buffer = 5) {
+  return `
+(function(){
+const c=document.getElementById('${containerId}');
+if(!c)return;
+const rh=${rowHeight};
+const buf=${buffer};
+let allRows=[];
+let scrollT=null;
+function init(){
+  allRows=Array.from(c.querySelectorAll('tbody tr'));
+  if(allRows.length<50)return;
+  const tbody=c.querySelector('tbody');
+  const wrap=document.createElement('div');
+  wrap.style.position='relative';
+  wrap.style.height=(allRows.length*rh)+'px';
+  tbody.innerHTML='';
+  tbody.appendChild(wrap);
+  c.addEventListener('scroll',()=>{
+    clearTimeout(scrollT);
+    scrollT=setTimeout(render,16);
+  });
+  render();
+}
+function render(){
+  const st=c.scrollTop||0;
+  const ch=c.clientHeight||600;
+  const start=Math.max(0,Math.floor(st/rh)-buf);
+  const end=Math.min(allRows.length,Math.ceil((st+ch)/rh)+buf);
+  const tbody=c.querySelector('tbody>div');
+  if(!tbody)return;
+  tbody.innerHTML='';
+  for(let i=start;i<end;i++){
+    const r=allRows[i].cloneNode(true);
+    r.style.position='absolute';
+    r.style.top=(i*rh)+'px';
+    r.style.left='0';
+    r.style.right='0';
+    tbody.appendChild(r);
+  }
+}
+if(document.readyState==='loading'){
+  document.addEventListener('DOMContentLoaded',init);
+}else{
+  init();
+}
+})();
+`.trim()
+}
+export function lazyLoadImages() {
+  return `
+(function(){
+const obs=new IntersectionObserver((entries)=>{
+  entries.forEach(e=>{
+    if(e.isIntersecting){
+      const img=e.target;
+      if(img.dataset.src){
+        img.src=img.dataset.src;
+        delete img.dataset.src;
+        obs.unobserve(img);
+      }
+    }
+  });
+},{rootMargin:'50px'});
+document.querySelectorAll('img[data-src]').forEach(img=>obs.observe(img));
+})();
+`.trim()
+}
+export function deferOffscreen(selector = '.defer-load') {
+  return `
+(function(){
+const obs=new IntersectionObserver((entries)=>{
+  entries.forEach(e=>{
+    if(e.isIntersecting){
+      const el=e.target;
+      const html=el.dataset.content;
+      if(html){
+        el.innerHTML=html;
+        delete el.dataset.content;
+        obs.unobserve(el);
+      }
+    }
+  });
+},{rootMargin:'100px'});
+document.querySelectorAll('${selector}').forEach(el=>obs.observe(el));
+})();
+`.trim()
+}
+export function debounceInput(inputId, callback, delay = 300) {
+  return `
+(function(){
+const inp=document.getElementById('${inputId}');
+if(!inp)return;
+let t=null;
+inp.addEventListener('input',()=>{
+  clearTimeout(t);
+  t=setTimeout(()=>{${callback}},${delay});
+});
+})();
+`.trim()
+}

package/src/ui/webjsx.js ADDED Viewed

@@ -0,0 +1,61 @@
+const VOID_ELEMENTS = new Set([
+  'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input',
+  'link', 'meta', 'param', 'source', 'track', 'wbr', 'circle', 'path', 'line', 'rect'
+])
+function escapeHtml(str) {
+  if (str === null || str === undefined) return ''
+  return String(str)
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+}
+function renderAttr(key, value) {
+  if (value === null || value === undefined || value === false) return ''
+  if (typeof value === 'function') return ''
+  if (key === 'children' || key === 'innerHTML') return ''
+  if (key === 'className') key = 'class'
+  if (value === true) return ` ${key}`
+  if (key === 'style' && typeof value === 'object') {
+    const css = Object.entries(value)
+      .map(([k, v]) => `${k.replace(/[A-Z]/g, m => '-' + m.toLowerCase())}:${v}`)
+      .join(';')
+    return ` style="${escapeHtml(css)}"`
+  }
+  return ` ${key}="${escapeHtml(String(value))}"`
+}
+function renderChildren(children) {
+  if (children === null || children === undefined || children === false) return ''
+  if (typeof children === 'string' || typeof children === 'number') return String(children)
+  if (Array.isArray(children)) return children.map(renderChildren).join('')
+  return String(children)
+}
+export function h(type, props, ...children) {
+  if (typeof type === 'function') {
+    const merged = { ...props }
+    const kids = children.length === 1 ? children[0] : children.length > 0 ? children : undefined
+    if (kids !== undefined) merged.children = kids
+    return type(merged)
+  }
+  const attrs = props ? Object.entries(props).map(([k, v]) => renderAttr(k, v)).join('') : ''
+  const tag = type
+  if (VOID_ELEMENTS.has(tag)) {
+    return `<${tag}${attrs} />`
+  }
+  const inner = props?.innerHTML
+    ? props.innerHTML
+    : renderChildren(children.length > 0 ? children : props?.children)
+  return `<${tag}${attrs}>${inner}</${tag}>`
+}
+export function Fragment({ children }) {
+  return renderChildren(children)
+}

package/src/ui/widgets.js ADDED Viewed

@@ -0,0 +1,152 @@
+import { h } from '@/ui/webjsx.js'
+import { STAGE_COLORS, AVATAR_COLORS, AVATAR_SIZES, nameHash, getInitials } from '@/ui/render-helpers.js'
+export function linearProgress(value = 0, max = 100, label = '', variant = 'medium') {
+  const pct = max > 0 ? Math.min(100, Math.round((value / max) * 100)) : 0
+  const ht = variant === 'thin' ? '4px' : variant === 'thick' ? '16px' : '8px'
+  const color = pct < 30 ? '#ef4444' : pct < 70 ? '#f59e0b' : '#22c55e'
+  const ariaLabel = label || 'Progress'
+  return h('div', { className: 'linear-progress-wrap' },
+    label ? h('span', { className: 'progress-label' }, label) : '',
+    h('div', { className: 'linear-progress', style: `height:${ht}`, role: 'progressbar', 'aria-valuenow': String(pct), 'aria-valuemin': '0', 'aria-valuemax': '100', 'aria-label': ariaLabel },
+      h('div', { className: 'linear-progress-bar', style: `width:${pct}%;height:100%;background:${color}` })
+    ),
+    h('span', { className: 'progress-pct', style: `color:${color}`, 'aria-hidden': 'true' }, `${pct}%`)
+  )
+}
+export function circularProgress(value = 0, max = 100, label = '') {
+  const pct = max > 0 ? Math.min(100, Math.round((value / max) * 100)) : 0
+  const color = pct < 30 ? '#ef4444' : pct < 70 ? '#f59e0b' : '#22c55e'
+  const r = 40, circ = 2 * Math.PI * r, offset = circ - (pct / 100) * circ
+  const ariaLabel = label || 'Progress'
+  return `<div class="circular-progress" style="width:100px;height:100px" role="progressbar" aria-valuenow="${pct}" aria-valuemin="0" aria-valuemax="100" aria-label="${ariaLabel}">
+    <svg width="100" height="100" viewBox="0 0 100 100" aria-hidden="true">
+      <circle cx="50" cy="50" r="${r}" fill="none" stroke="#e5e7eb" stroke-width="8"/>
+      <circle cx="50" cy="50" r="${r}" fill="none" stroke="${color}" stroke-width="8"
+        stroke-dasharray="${circ}" stroke-dashoffset="${offset}" stroke-linecap="round"/>
+    </svg>
+    <div class="circular-progress-text" aria-hidden="true">
+      <span class="circular-progress-pct">${pct}%</span>
+      ${label ? `<span class="circular-progress-label">${label}</span>` : ''}
+    </div>
+  </div>`
+}
+export function engagementProgress(stage, stages = null) {
+  const stageKeys = stages || Object.keys(STAGE_COLORS)
+  const activeIdx = stageKeys.indexOf(stage)
+  const pills = stageKeys.map((key, i) => {
+    const s = STAGE_COLORS[key] || { bg: '#f3f4f6', text: '#4b5563', label: key }
+    const cls = i === activeIdx ? 'stage-active' : i < activeIdx ? 'stage-completed' : ''
+    return h('div', { className: `stage-pill ${cls}`, style: `background:${s.bg};color:${s.text}` }, s.label)
+  }).join('')
+  return h('div', { className: 'engagement-pipeline' }, pills)
+}
+export function emptyState(icon = '', title = '', message = '', actionHref = '', actionLabel = '') {
+  const btn = actionHref && actionLabel ? h('a', { href: actionHref, className: 'btn btn-primary btn-sm' }, actionLabel) : ''
+  return h('div', { className: 'empty-state' },
+    h('div', { className: 'empty-state-icon' }, icon),
+    h('div', { className: 'empty-state-title' }, title),
+    h('div', { className: 'empty-state-msg' }, message),
+    btn
+  )
+}
+export function getUserAvatarUrl(user) {
+  const name = user?.name || user?.email || 'User'
+  const initials = getInitials(name)
+  const color = AVATAR_COLORS[nameHash(name) % AVATAR_COLORS.length]
+  const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" aria-hidden="true"><rect width="48" height="48" rx="24" fill="${color}"/><text x="24" y="24" dy=".35em" text-anchor="middle" fill="white" font-family="sans-serif" font-size="18" font-weight="600">${initials}</text></svg>`
+  return `data:image/svg+xml,${encodeURIComponent(svg)}`
+}
+export function userAvatar(user, size = 'md', showStatus = false) {
+  const px = AVATAR_SIZES[size] || AVATAR_SIZES.md
+  const name = user?.name || user?.email || 'User'
+  const initials = getInitials(name)
+  const color = AVATAR_COLORS[nameHash(name) % AVATAR_COLORS.length]
+  const fontSize = Math.round(px * 0.4)
+  const statusDot = showStatus ? `<span class="avatar-status avatar-status-${user?.status === 'active' || user?.online ? 'online' : 'offline'}" style="width:${Math.round(px * 0.3)}px;height:${Math.round(px * 0.3)}px"></span>` : ''
+  return `<span class="user-avatar user-avatar-${size}" style="width:${px}px;height:${px}px;background:${color};font-size:${fontSize}px" title="${name}" aria-label="${name}" role="img"><span aria-hidden="true">${initials}</span>${statusDot}</span>`
+}
+export function teamAvatarGroup(users = [], maxShow = 3) {
+  if (!users.length) return ''
+  const shown = users.slice(0, maxShow)
+  const overflow = users.length - maxShow
+  const avatars = shown.map((u, i) => `<span class="avatar-group-item" style="z-index:${maxShow - i}">${userAvatar(u, 'sm')}</span>`).join('')
+  const badge = overflow > 0 ? `<span class="avatar-group-overflow">+${overflow}</span>` : ''
+  return `<span class="avatar-group">${avatars}${badge}</span>`
+}
+export function infoBubble(text, position = 'top') {
+  return `<span class="info-bubble info-bubble-${position}" data-tooltip="${text.replace(/"/g, '&quot;')}"><svg width="14" height="14" viewBox="0 0 16 16" fill="none" aria-hidden="true"><circle cx="8" cy="8" r="7" stroke="currentColor" stroke-width="1.5"/><text x="8" y="12" text-anchor="middle" fill="currentColor" font-size="10" font-weight="600">i</text></svg></span>`
+}
+export function sortableList(items = [], containerId = 'sortable') {
+  const lis = items.map((item, i) =>
+    `<li class="sortable-item" draggable="true" data-index="${i}"><span class="sortable-handle">&#9776;</span><span>${typeof item === 'string' ? item : item.label || item.name || ''}</span></li>`
+  ).join('')
+  const script = `(function(){const c=document.getElementById('${containerId}');let dragged=null;c.addEventListener('dragstart',e=>{dragged=e.target.closest('.sortable-item');e.dataTransfer.effectAllowed='move'});c.addEventListener('dragover',e=>{e.preventDefault();const t=e.target.closest('.sortable-item');if(t&&t!==dragged)t.classList.add('drag-over')});c.addEventListener('dragleave',e=>{const t=e.target.closest('.sortable-item');if(t)t.classList.remove('drag-over')});c.addEventListener('drop',e=>{e.preventDefault();const t=e.target.closest('.sortable-item');if(t&&t!==dragged){t.classList.remove('drag-over');c.insertBefore(dragged,t.nextSibling);const order=[...c.querySelectorAll('.sortable-item')].map(el=>+el.dataset.index);c.dispatchEvent(new CustomEvent('sortable-reorder',{detail:{order}}))}});})();`
+  return `<ul id="${containerId}" class="sortable-list">${lis}</ul><script>${script}</script>`
+}
+export function responseChoiceBox(name, options = [], selected = null, type = 'radio') {
+  const sel = Array.isArray(selected) ? selected : (selected != null ? [selected] : [])
+  const items = options.map((opt) => {
+    const val = typeof opt === 'string' ? opt : opt.value || opt
+    const lbl = typeof opt === 'string' ? opt : opt.label || opt.value || opt
+    const checked = sel.includes(val) ? 'checked' : ''
+    return `<label class="choice-option"><input type="${type}" name="${name}" value="${val}" ${checked}/><span class="choice-label">${lbl}</span></label>`
+  }).join('')
+  return `<div class="choice-group">${items}</div>`
+}
+export function responseAttachment(file = {}) {
+  const name = file.name || file.filename || 'Unnamed'
+  const size = file.size ? (file.size < 1024 ? file.size + ' B' : file.size < 1048576 ? (file.size / 1024).toFixed(1) + ' KB' : (file.size / 1048576).toFixed(1) + ' MB') : ''
+  const href = file.url || file.path || '#'
+  const ext = name.split('.').pop().toLowerCase()
+  const isImg = ['png','jpg','jpeg','gif','webp','svg'].includes(ext)
+  const isPdf = ext === 'pdf'
+  const icon = isImg ? '&#128444;' : isPdf ? '&#128196;' : '&#128206;'
+  const preview = isImg ? `<img src="${href}" alt="${name}" class="attachment-preview"/>` : isPdf ? `<iframe src="${href}" class="attachment-preview" style="width:100%;height:200px;border:none"></iframe>` : ''
+  return `<div class="attachment-card"><span class="attachment-icon">${icon}</span><div class="attachment-info"><div class="attachment-name">${name}</div>${size ? `<div class="attachment-size">${size}</div>` : ''}${preview}</div><a href="${href}" download class="btn btn-ghost btn-xs">Download</a></div>`
+}
+export function accordion(items) {
+  if (!items?.length) return ''
+  return h('div', { className: 'accordion' },
+    items.map(item =>
+      h('details', { className: 'accordion-item' },
+        h('summary', { className: 'accordion-summary' }, item.title),
+        h('div', { className: 'accordion-content' }, item.content)
+      )
+    ).join('')
+  )
+}
+export function divider(label) {
+  if (!label) return '<hr class="divider"/>'
+  return `<div class="divider-labeled"><hr class="divider-line"/><span class="divider-text">${label}</span><hr class="divider-line"/></div>`
+}
+export function responsiveClass(breakpoint) {
+  const bp = { sm: 640, md: 768, lg: 1024, xl: 1280 }
+  if (!bp[breakpoint]) return ''
+  return `resp-${breakpoint}`
+}
+export function reviewCalcFields(review, highlights) {
+  const hl = highlights || []
+  const total = hl.length
+  const resolved = hl.filter(h => h.resolved || h.status === 'resolved').length
+  const unresolved = total - resolved
+  const resolutionPct = total > 0 ? Math.round((resolved / total) * 100) : 0
+  const flagged = hl.filter(h => h.flagged || h.flag).length
+  const byColor = {}
+  hl.forEach(h => { const c = h.color || 'none'; byColor[c] = (byColor[c] || 0) + 1 })
+  return { total, resolved, unresolved, resolutionPct, flagged, byColor }
+}