@agenticmail/enterprise 0.5.327 → 0.5.328

package/src/dashboard/assets/provider-logos.js

@@ -1,139 +0,0 @@
-/**
- * provider-logos.js — Proper multi-color brand logos for Google, Microsoft, and related services.
- * Import and use: `import { ProviderLogo } from '../assets/provider-logos.js'`
- *
- * Usage: ProviderLogo.google(size)  — multi-color "G" logo
- *        ProviderLogo.microsoft(size) — 4-square Windows logo
- *        ProviderLogo.googleMeet(size), .teams(size), .zoom(size)
- *        ProviderLogo.googleDrive(size), .googleSites(size)
- *        ProviderLogo.sharepoint(size), .onedrive(size)
- *        ProviderLogo.confluence(size), .notion(size)
- */
-import { h } from '../components/utils.js';
-
-function sv(s) { return { viewBox: '0 0 24 24', width: s, height: s, fill: 'none' }; }
-
-export var ProviderLogo = {
-
-  /** Google — official multi-color "G" */
-  google: function(size) {
-    var s = size || 28;
-    return h('svg', sv(s),
-      h('path', { d: 'M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 01-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z', fill: '#4285F4' }),
-      h('path', { d: 'M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z', fill: '#34A853' }),
-      h('path', { d: 'M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18A10.96 10.96 0 001 12c0 1.77.42 3.45 1.18 4.93l3.66-2.84z', fill: '#FBBC05' }),
-      h('path', { d: 'M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z', fill: '#EA4335' })
-    );
-  },
-
-  /** Microsoft — 4-square Windows logo */
-  microsoft: function(size) {
-    var s = size || 28;
-    return h('svg', sv(s),
-      h('rect', { x: 1, y: 1, width: 10.5, height: 10.5, fill: '#F25022' }),
-      h('rect', { x: 12.5, y: 1, width: 10.5, height: 10.5, fill: '#7FBA00' }),
-      h('rect', { x: 1, y: 12.5, width: 10.5, height: 10.5, fill: '#00A4EF' }),
-      h('rect', { x: 12.5, y: 12.5, width: 10.5, height: 10.5, fill: '#FFB900' })
-    );
-  },
-
-  /** Google Meet — green camera icon */
-  googleMeet: function(size) {
-    var s = size || 28;
-    return h('svg', Object.assign(sv(s), { viewBox: '0 0 24 24' }),
-      h('path', { d: 'M14 12l5.24-3.66A.99.99 0 0121 9.15v5.7a.99.99 0 01-1.76.81L14 12z', fill: '#00832D' }),
-      h('rect', { x: 3, y: 6, width: 12, height: 12, rx: 2, fill: '#00AC47' }),
-      h('path', { d: 'M7 10.5a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0z', fill: '#fff' })
-    );
-  },
-
-  /** Microsoft Teams — purple icon */
-  teams: function(size) {
-    var s = size || 28;
-    return h('svg', Object.assign(sv(s), { viewBox: '0 0 24 24' }),
-      h('circle', { cx: 17.5, cy: 6.5, r: 2.5, fill: '#5059C9' }),
-      h('path', { d: 'M20 10h-5a1 1 0 00-1 1v5a3 3 0 006 0v-5a1 1 0 00-1-1z', fill: '#5059C9', opacity: 0.8 }),
-      h('circle', { cx: 10, cy: 5.5, r: 3, fill: '#7B83EB' }),
-      h('path', { d: 'M15 10H5a1 1 0 00-1 1v5.5A4.5 4.5 0 008.5 21h3a4.5 4.5 0 004.5-4.5V11a1 1 0 00-1-1z', fill: '#7B83EB' })
-    );
-  },
-
-  /** Zoom — blue camera */
-  zoom: function(size) {
-    var s = size || 28;
-    return h('svg', Object.assign(sv(s), { viewBox: '0 0 24 24' }),
-      h('rect', { x: 1, y: 4, width: 22, height: 16, rx: 4, fill: '#2D8CFF' }),
-      h('path', { d: 'M6 9h6a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2v-3a2 2 0 012-2z', fill: '#fff' }),
-      h('path', { d: 'M15 10.5l4-2.5v8l-4-2.5v-3z', fill: '#fff' })
-    );
-  },
-
-  /** Google Drive — triangle logo */
-  googleDrive: function(size) {
-    var s = size || 28;
-    return h('svg', sv(s),
-      h('path', { d: 'M7.71 3.5L1.15 15l3.43 5.96h6.56L4.57 9.46z', fill: '#0066DA' }),
-      h('path', { d: 'M16.29 3.5H7.71l6.57 11.5h8.57z', fill: '#00AC47' }),
-      h('path', { d: 'M22.85 15H14.28l-3.42 5.96h8.56z', fill: '#EA4335' }),
-      h('path', { d: 'M7.71 3.5l-3.14 5.96L14.28 15l3.43-5.96z', fill: '#00832D', opacity: 0.5 })
-    );
-  },
-
-  /** Google Sites — blue page icon */
-  googleSites: function(size) {
-    var s = size || 28;
-    return h('svg', sv(s),
-      h('rect', { x: 3, y: 3, width: 18, height: 18, rx: 3, fill: '#4285F4' }),
-      h('rect', { x: 6, y: 7, width: 12, height: 2, rx: 1, fill: '#fff' }),
-      h('rect', { x: 6, y: 11, width: 8, height: 2, rx: 1, fill: '#fff', opacity: 0.7 }),
-      h('rect', { x: 6, y: 15, width: 10, height: 2, rx: 1, fill: '#fff', opacity: 0.5 })
-    );
-  },
-
-  /** SharePoint — teal S */
-  sharepoint: function(size) {
-    var s = size || 28;
-    return h('svg', Object.assign(sv(s), { viewBox: '0 0 24 24' }),
-      h('circle', { cx: 12, cy: 8, r: 6, fill: '#038387' }),
-      h('circle', { cx: 7.5, cy: 14, r: 5, fill: '#03787C' }),
-      h('circle', { cx: 11, cy: 19, r: 4, fill: '#026D6E' }),
-      h('text', { x: 9, y: 11, fontSize: 9, fontWeight: 700, fill: '#fff', fontFamily: 'Arial,sans-serif' }, 'S')
-    );
-  },
-
-  /** OneDrive — blue cloud */
-  onedrive: function(size) {
-    var s = size || 28;
-    return h('svg', Object.assign(sv(s), { viewBox: '0 0 24 24' }),
-      h('path', { d: 'M19.35 10.04A7.49 7.49 0 0012 4a7.48 7.48 0 00-6.92 4.63A6 6 0 006 20h13a5 5 0 00.35-9.96z', fill: '#0078D4' }),
-      h('path', { d: 'M6 20a6 6 0 01-.46-11.37A7.48 7.48 0 0112 4a7.44 7.44 0 015 1.94A5.5 5.5 0 0110.5 20H6z', fill: '#0364B8' })
-    );
-  },
-
-  /** Confluence — blue wiki icon */
-  confluence: function(size) {
-    var s = size || 28;
-    return h('svg', Object.assign(sv(s), { viewBox: '0 0 24 24', fill: '#0052CC' }),
-      h('path', { d: 'M2.64 18.1c-.24.38-.5.82-.74 1.18a.57.57 0 00.18.78l3.2 1.97a.57.57 0 00.78-.18c.2-.33.46-.76.74-1.24 2.1-3.56 4.18-3.13 8.02-1.27l3.24 1.57a.57.57 0 00.76-.27l1.56-3.36a.57.57 0 00-.27-.76C16.2 14.55 8.22 10.63 2.64 18.1z' }),
-      h('path', { d: 'M21.36 5.9c.24-.38.5-.82.74-1.18a.57.57 0 00-.18-.78L18.72 2a.57.57 0 00-.78.18c-.2.33-.46.76-.74 1.24-2.1 3.56-4.18 3.13-8.02 1.27L5.94 3.12a.57.57 0 00-.76.27L3.62 6.75a.57.57 0 00.27.76C7.8 9.45 15.78 13.37 21.36 5.9z' })
-    );
-  },
-
-  /** Notion — black/white N */
-  notion: function(size) {
-    var s = size || 28;
-    return h('svg', Object.assign(sv(s), { viewBox: '0 0 24 24' }),
-      h('rect', { x: 3, y: 2, width: 18, height: 20, rx: 3, fill: 'currentColor', opacity: 0.1 }),
-      h('rect', { x: 3, y: 2, width: 18, height: 20, rx: 3, fill: 'none', stroke: 'currentColor', strokeWidth: 1.5 }),
-      h('text', { x: 8.5, y: 17, fontSize: 14, fontWeight: 700, fill: 'currentColor', fontFamily: 'Georgia,serif' }, 'N')
-    );
-  },
-
-  /** GitHub — octocat silhouette */
-  github: function(size) {
-    var s = size || 28;
-    return h('svg', Object.assign(sv(s), { viewBox: '0 0 24 24', fill: 'currentColor' }),
-      h('path', { d: 'M12 2C6.477 2 2 6.477 2 12c0 4.42 2.865 8.166 6.839 9.49.5.092.682-.217.682-.482 0-.237-.009-.866-.013-1.7-2.782.603-3.369-1.342-3.369-1.342-.454-1.155-1.11-1.462-1.11-1.462-.908-.62.069-.607.069-.607 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.578 9.578 0 0112 6.836a9.59 9.59 0 012.504.337c1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.578.688.48C19.138 20.163 22 16.418 22 12c0-5.523-4.477-10-10-10z' })
-    );
-  }
-};

package/src/dashboard/components/error-boundary.js

@@ -1,21 +0,0 @@
-import { h } from './utils.js';
-
-export class ErrorBoundary extends React.Component {
-  constructor(props) { super(props); this.state = { error: null, errorInfo: null }; }
-  static getDerivedStateFromError(error) { return { error }; }
-  componentDidCatch(error, errorInfo) { this.setState({ errorInfo }); console.error('[ErrorBoundary]', error, errorInfo); }
-  render() {
-    if (this.state.error) {
-      return h('div', { style: { minHeight: '100vh', display: 'flex', alignItems: 'center', justifyContent: 'center', background: 'var(--bg-primary)', color: 'var(--text-primary)', fontFamily: 'var(--font)' } },
-        h('div', { style: { textAlign: 'center', maxWidth: 480, padding: 24 } },
-          h('div', { style: { marginBottom: 16 }, dangerouslySetInnerHTML: { __html: '<svg width="48" height="48" viewBox="0 0 24 24" fill="none"><path d="M12 2L1 21h22L12 2z" fill="rgba(234,179,8,0.2)" stroke="#eab308" stroke-width="1.5"/><path d="M12 9v4M12 16h.01" stroke="#eab308" stroke-width="2" stroke-linecap="round"/></svg>' } }),
-          h('h1', { style: { fontSize: 20, fontWeight: 700, marginBottom: 8 } }, 'Something went wrong'),
-          h('p', { style: { color: 'var(--text-muted)', fontSize: 14, marginBottom: 20 } }, 'An unexpected error occurred in the dashboard. Try reloading the page.'),
-          h('pre', { style: { textAlign: 'left', fontSize: 11, background: 'var(--bg-secondary)', padding: 12, borderRadius: 8, overflow: 'auto', maxHeight: 160, marginBottom: 20, color: 'var(--danger)' } }, String(this.state.error)),
-          h('button', { onClick: () => window.location.reload(), style: { padding: '10px 24px', background: 'var(--accent)', color: 'white', border: 'none', borderRadius: 8, cursor: 'pointer', fontFamily: 'var(--font)', fontSize: 14, fontWeight: 600 } }, 'Reload Page')
-        )
-      );
-    }
-    return this.props.children;
-  }
-}

package/src/dashboard/components/help-button.js

@@ -1,65 +0,0 @@
-import { h, useState, useEffect, useCallback } from './utils.js';
-import { I } from './icons.js';
-
-export function HelpButton(props) {
-  var _open = useState(false);
-  var isOpen = _open[0]; var setOpen = _open[1];
-
-  // Close on Escape key
-  useEffect(function() {
-    if (!isOpen) return;
-    function onKey(e) { if (e.key === 'Escape') setOpen(false); }
-    document.addEventListener('keydown', onKey);
-    return function() { document.removeEventListener('keydown', onKey); };
-  }, [isOpen]);
-
-  return h('span', { style: { display: 'inline-flex', alignItems: 'center' } },
-    h('button', {
-      onClick: function(e) { e.stopPropagation(); e.preventDefault(); setOpen(!isOpen); },
-      title: 'Learn more about ' + (props.label || 'this section'),
-      style: {
-        display: 'inline-flex', alignItems: 'center', justifyContent: 'center',
-        width: 22, height: 22, borderRadius: '50%',
-        border: '1.5px solid var(--text-muted, #6b7280)', background: 'transparent',
-        color: 'var(--text-muted, #6b7280)', fontSize: 12, fontWeight: 700,
-        cursor: 'pointer', marginLeft: 8, padding: 0, lineHeight: 1,
-        transition: 'border-color 0.15s, color 0.15s'
-      },
-      onMouseEnter: function(e) { e.currentTarget.style.borderColor = 'var(--brand-color, #6366f1)'; e.currentTarget.style.color = 'var(--brand-color, #6366f1)'; },
-      onMouseLeave: function(e) { e.currentTarget.style.borderColor = 'var(--text-muted, #6b7280)'; e.currentTarget.style.color = 'var(--text-muted, #6b7280)'; }
-    }, '?'),
-    isOpen && h('div', {
-      id: 'help-overlay',
-      onMouseDown: function(e) { if (e.target.id === 'help-overlay') setOpen(false); },
-      style: {
-        position: 'fixed', top: 0, left: 0, right: 0, bottom: 0, zIndex: 200,
-        background: 'rgba(0,0,0,0.5)',
-        display: 'flex', alignItems: 'center', justifyContent: 'center',
-      }
-    },
-      h('div', {
-        style: {
-          background: 'var(--bg-card, #181b28)', border: '1px solid var(--border)',
-          borderRadius: 'var(--radius-xl, 14px)', width: 520, maxWidth: '92vw', maxHeight: '80vh',
-          overflow: 'hidden', boxShadow: '0 25px 50px rgba(0,0,0,0.4)',
-        }
-      },
-        h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', padding: '14px 20px', borderBottom: '1px solid var(--border)' } },
-          h('h3', { style: { fontSize: 15, fontWeight: 700, margin: 0 } }, props.label || 'Help'),
-          h('button', {
-            onMouseDown: function(e) { e.stopPropagation(); setOpen(false); },
-            style: {
-              display: 'flex', alignItems: 'center', justifyContent: 'center',
-              width: 28, height: 28, borderRadius: 6, border: 'none',
-              background: 'var(--bg-tertiary)', color: 'var(--text-secondary)',
-              cursor: 'pointer', fontSize: 14,
-            }
-          }, I.x())
-        ),
-        h('div', { style: { padding: '16px 20px', overflowY: 'auto', maxHeight: 'calc(80vh - 60px)', fontSize: 14, lineHeight: 1.7, color: 'var(--text-secondary, #9ca3af)' } },
-          props.children
-        )
-      )
-    )
-  );
-}

package/src/dashboard/components/icons.js

@@ -1,64 +0,0 @@
-import { h } from './utils.js';
-
-var S = { viewBox: '0 0 24 24', width: 20, height: 20, fill: 'none', stroke: 'currentColor', strokeWidth: 2, strokeLinecap: 'round', strokeLinejoin: 'round' };
-
-export const I = {
-  dashboard: () => h('svg', S, h('rect', { x: 3, y: 3, width: 7, height: 7 }), h('rect', { x: 14, y: 3, width: 7, height: 7 }), h('rect', { x: 14, y: 14, width: 7, height: 7 }), h('rect', { x: 3, y: 14, width: 7, height: 7 })),
-  agents: () => h('svg', S, h('path', { d: 'M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2' }), h('circle', { cx: 9, cy: 7, r: 4 }), h('path', { d: 'M23 21v-2a4 4 0 00-3-3.87' }), h('path', { d: 'M16 3.13a4 4 0 010 7.75' })),
-  skills: () => h('svg', S, h('path', { d: 'M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z' })),
-  knowledge: () => h('svg', S, h('path', { d: 'M4 19.5A2.5 2.5 0 016.5 17H20' }), h('path', { d: 'M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z' })),
-  approvals: () => h('svg', S, h('path', { d: 'M9 11l3 3L22 4' }), h('path', { d: 'M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11' })),
-  activity: () => h('svg', S, h('polyline', { points: '22 12 18 12 15 21 9 3 6 12 2 12' })),
-  settings: () => h('svg', S, h('circle', { cx: 12, cy: 12, r: 3 }), h('path', { d: 'M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09a1.65 1.65 0 00-1.08-1.51 1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06a1.65 1.65 0 00.33-1.82 1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09a1.65 1.65 0 001.51-1.08 1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06a1.65 1.65 0 001.82.33H9a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001.08 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06a1.65 1.65 0 00-.33 1.82V9c.26.604.852.997 1.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1.08z' })),
-  users: () => h('svg', S, h('path', { d: 'M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2' }), h('circle', { cx: 12, cy: 7, r: 4 })),
-  audit: () => h('svg', S, h('path', { d: 'M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z' }), h('polyline', { points: '14 2 14 8 20 8' }), h('line', { x1: 16, y1: 13, x2: 8, y2: 13 }), h('line', { x1: 16, y1: 17, x2: 8, y2: 17 })),
-  key: () => h('svg', S, h('path', { d: 'M21 2l-2 2m-7.61 7.61a5.5 5.5 0 11-7.778 7.778 5.5 5.5 0 017.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4' })),
-  plus: () => h('svg', S, h('line', { x1: 12, y1: 5, x2: 12, y2: 19 }), h('line', { x1: 5, y1: 12, x2: 19, y2: 12 })),
-  x: () => h('svg', S, h('line', { x1: 18, y1: 6, x2: 6, y2: 18 }), h('line', { x1: 6, y1: 6, x2: 18, y2: 18 })),
-  check: () => h('svg', Object.assign({}, S, { width: 16, height: 16 }), h('polyline', { points: '20 6 9 17 4 12' })),
-  sun: (o) => h('svg', Object.assign({}, S, o && o.size ? { width: o.size, height: o.size } : {}), h('path', { d: 'M12 2l2.1 4.1L18.5 4.5 17 9l4.5 2-4.5 2 1.5 4.5-4.4-1.6L12 20l-2.1-4.1L5.5 17.5 7 13l-4.5-2L7 9 5.5 4.5l4.4 1.6L12 2z' }), h('circle', { cx: 12, cy: 11, r: 3.5, fill: 'none' })),
-  moon: (o) => h('svg', Object.assign({}, S, o && o.size ? { width: o.size, height: o.size } : {}), h('path', { d: 'M12 2l2.1 4.1L18.5 4.5 17 9l4.5 2-4.5 2 1.5 4.5-4.4-1.6L12 20l-2.1-4.1L5.5 17.5 7 13l-4.5-2L7 9 5.5 4.5l4.4 1.6L12 2z' }), h('path', { d: 'M15 11a4 4 0 11-7 3.5A3.2 3.2 0 0015 11z' })),
-  logout: (o) => h('svg', Object.assign({}, S, o && o.size ? { width: o.size, height: o.size } : {}), h('circle', { cx: 12, cy: 8, r: 4 }), h('path', { d: 'M5 20c0-3.5 3.1-6 7-6' }), h('path', { d: 'M16 16l4 4m0-4l-4 4' })),
-  search: () => h('svg', S, h('circle', { cx: 11, cy: 11, r: 8 }), h('line', { x1: 21, y1: 21, x2: 16.65, y2: 16.65 })),
-  shield: () => h('svg', S, h('path', { d: 'M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z' })),
-  copy: () => h('svg', S, h('rect', { x: 9, y: 9, width: 13, height: 13, rx: 2, ry: 2 }), h('path', { d: 'M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1' })),
-  play: () => h('svg', S, h('polygon', { points: '5 3 19 12 5 21 5 3' })),
-  stop: () => h('svg', S, h('rect', { x: 3, y: 3, width: 18, height: 18, rx: 2, ry: 2 })),
-  refresh: () => h('svg', S, h('polyline', { points: '23 4 23 10 17 10' }), h('polyline', { points: '1 20 1 14 7 14' }), h('path', { d: 'M3.51 9a9 9 0 0114.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0020.49 15' })),
-  trash: () => h('svg', S, h('polyline', { points: '3 6 5 6 21 6' }), h('path', { d: 'M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2' })),
-  upload: () => h('svg', S, h('path', { d: 'M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4' }), h('polyline', { points: '17 8 12 3 7 8' }), h('line', { x1: 12, y1: 3, x2: 12, y2: 15 })),
-  org: () => h('svg', S, h('path', { d: 'M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z' }), h('polyline', { points: '9 22 9 12 15 12 15 22' })),
-  dlp: () => h('svg', S, h('path', { d: 'M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z' }), h('line', { x1: 12, y1: 8, x2: 12, y2: 12 }), h('line', { x1: 12, y1: 16, x2: 12.01, y2: 16 })),
-  guardrails: () => h('svg', S, h('path', { d: 'M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z' }), h('line', { x1: 12, y1: 9, x2: 12, y2: 13 }), h('line', { x1: 12, y1: 17, x2: 12.01, y2: 17 })),
-  journal: () => h('svg', S, h('path', { d: 'M12 20h9' }), h('path', { d: 'M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z' })),
-  messages: () => h('svg', S, h('path', { d: 'M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z' })),
-  warning: () => h('svg', S, h('path', { d: 'M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z' }), h('line', { x1: 12, y1: 9, x2: 12, y2: 13 }), h('line', { x1: 12, y1: 17, x2: 12.01, y2: 17 })),
-  compliance: () => h('svg', S, h('path', { d: 'M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z' }), h('polyline', { points: '14 2 14 8 20 8' }), h('path', { d: 'M9 15l2 2 4-4' })),
-  undo: () => h('svg', S, h('polyline', { points: '1 4 1 10 7 10' }), h('path', { d: 'M3.51 15a9 9 0 102.13-9.36L1 10' })),
-  pause: () => h('svg', S, h('rect', { x: 6, y: 4, width: 4, height: 16 }), h('rect', { x: 14, y: 4, width: 4, height: 16 })),
-  download: () => h('svg', S, h('path', { d: 'M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4' }), h('polyline', { points: '7 10 12 15 17 10' }), h('line', { x1: 12, y1: 15, x2: 12, y2: 3 })),
-  marketplace: () => h('svg', S, h('path', { d: 'M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z' }), h('line', { x1: 3, y1: 6, x2: 21, y2: 6 }), h('path', { d: 'M16 10a4 4 0 01-8 0' })),
-  clock: () => h('svg', S, h('circle', { cx: 12, cy: 12, r: 10 }), h('polyline', { points: '12 6 12 12 16 14' })),
-  calendar: () => h('svg', S, h('rect', { x: 3, y: 4, width: 18, height: 18, rx: 2, ry: 2 }), h('line', { x1: 16, y1: 2, x2: 16, y2: 6 }), h('line', { x1: 8, y1: 2, x2: 8, y2: 6 }), h('line', { x1: 3, y1: 10, x2: 21, y2: 10 })),
-  link: () => h('svg', S, h('path', { d: 'M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71' }), h('path', { d: 'M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71' })),
-  folder: () => h('svg', S, h('path', { d: 'M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z' })),
-  globe: () => h('svg', S, h('circle', { cx: 12, cy: 12, r: 10 }), h('line', { x1: 2, y1: 12, x2: 22, y2: 12 }), h('path', { d: 'M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z' })),
-  workflow: () => h('svg', Object.assign({}, S, { width: 16, height: 16 }), h('circle', { cx: 4, cy: 12, r: 2.5, fill: 'currentColor', stroke: 'none' }), h('circle', { cx: 12, cy: 7, r: 2.5, fill: 'currentColor', stroke: 'none' }), h('circle', { cx: 12, cy: 17, r: 2.5, fill: 'currentColor', stroke: 'none' }), h('circle', { cx: 20, cy: 12, r: 2.5, fill: 'currentColor', stroke: 'none' }), h('path', { d: 'M6.5 11L9.5 8M6.5 13L9.5 16M14.5 8L17.5 11M14.5 16L17.5 13', stroke: 'currentColor', strokeWidth: 1.5, fill: 'none' })),
-  orgChart: () => h('svg', S, h('rect', { x: 8, y: 2, width: 8, height: 5, rx: 1 }), h('rect', { x: 1, y: 17, width: 8, height: 5, rx: 1 }), h('rect', { x: 15, y: 17, width: 8, height: 5, rx: 1 }), h('line', { x1: 12, y1: 7, x2: 12, y2: 12 }), h('line', { x1: 5, y1: 12, x2: 19, y2: 12 }), h('line', { x1: 5, y1: 12, x2: 5, y2: 17 }), h('line', { x1: 19, y1: 12, x2: 19, y2: 17 })),
-  terminal: () => h('svg', S, h('polyline', { points: '4 17 10 11 4 5' }), h('line', { x1: 12, y1: 19, x2: 20, y2: 19 })),
-  chart: () => h('svg', S, h('line', { x1: 18, y1: 20, x2: 18, y2: 10 }), h('line', { x1: 12, y1: 20, x2: 12, y2: 4 }), h('line', { x1: 6, y1: 20, x2: 6, y2: 14 })),
-  help: () => h('svg', S, h('circle', { cx: 12, cy: 12, r: 10 }), h('path', { d: 'M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3' }), h('line', { x1: 12, y1: 17, x2: 12.01, y2: 17 })),
-  lock: () => h('svg', S, h('rect', { x: 3, y: 11, width: 18, height: 11, rx: 2, ry: 2 }), h('path', { d: 'M7 11V7a5 5 0 0110 0v4' })),
-  database: (sz) => h('svg', Object.assign({}, S, sz ? { width: sz, height: sz } : {}), h('ellipse', { cx: 12, cy: 5, rx: 9, ry: 3 }), h('path', { d: 'M21 12c0 1.66-4 3-9 3s-9-1.34-9-3' }), h('path', { d: 'M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5' })),
-  eye: () => h('svg', S, h('path', { d: 'M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z' }), h('circle', { cx: 12, cy: 12, r: 3 })),
-  eyeOff: () => h('svg', S, h('path', { d: 'M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24' }), h('line', { x1: 1, y1: 1, x2: 23, y2: 23 })),
-  panelLeft: () => h('svg', S, h('rect', { x: 3, y: 3, width: 18, height: 18, rx: 2 }), h('line', { x1: 9, y1: 3, x2: 9, y2: 21 })),
-  chevronLeft: () => h('svg', S, h('polyline', { points: '15 18 9 12 15 6' })),
-chevronRight: () => h('svg', S, h('polyline', { points: '9 18 15 12 9 6' })),
-chevronDown: () => h('svg', S, h('polyline', { points: '6 9 12 15 18 9' })),
-mail: () => h('svg', S, h('path', { d: 'M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z' }), h('polyline', { points: '22,6 12,13 2,6' })),
-  building: () => h('svg', S, h('path', { d: 'M3 21h18M3 10h18M3 7l9-4 9 4M4 10v11M20 10v11M8 14v.01M12 14v.01M16 14v.01M8 18v.01M12 18v.01M16 18v.01' })),
-  server: () => h('svg', S, h('rect', { x: 2, y: 2, width: 20, height: 8, rx: 2, ry: 2 }), h('rect', { x: 2, y: 14, width: 20, height: 8, rx: 2, ry: 2 }), h('line', { x1: 6, y1: 6, x2: 6.01, y2: 6 }), h('line', { x1: 6, y1: 18, x2: 6.01, y2: 18 })),
-  brain: () => h('svg', S, h('path', { d: 'M9.5 2a3.5 3.5 0 00-3.21 4.87A3.5 3.5 0 004 10.5a3.5 3.5 0 002.81 3.43A3.5 3.5 0 009.5 18h1V2z' }), h('path', { d: 'M14.5 2a3.5 3.5 0 013.21 4.87A3.5 3.5 0 0120 10.5a3.5 3.5 0 01-2.81 3.43A3.5 3.5 0 0114.5 18h-1V2z' }), h('path', { d: 'M12 2v16' }), h('path', { d: 'M4.93 7.5h2.57M16.5 7.5h2.57M7 13h3M14 13h3' })),
-  edit: () => h('svg', S, h('path', { d: 'M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7' }), h('path', { d: 'M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z' })),
-};

package/src/dashboard/components/knowledge-link.js

@@ -1,79 +0,0 @@
-import { h } from './utils.js';
-import { I } from './icons.js';
-
-/**
- * KnowledgeLink — A small button that links to the documentation page for a feature.
- * Usage: h(KnowledgeLink, { page: 'agents' })        → links to /docs/agents
- *        h(KnowledgeLink, { page: 'agent-budget' })   → links to /docs/agent-budget
- *        h(KnowledgeLink, { page: 'agents', label: 'Learn more' })
- */
-
-var STYLE = {
-  display: 'inline-flex', alignItems: 'center', gap: 4,
-  fontSize: 11, fontWeight: 600, padding: '3px 10px', borderRadius: 6,
-  border: '1px solid var(--border)', background: 'var(--bg-tertiary)',
-  color: 'var(--text-muted)', cursor: 'pointer', textDecoration: 'none',
-  marginLeft: 8, transition: 'all 0.15s ease', whiteSpace: 'nowrap',
-};
-
-export function KnowledgeLink(props) {
-  var page = props.page;
-  var label = props.label || 'Docs';
-  var href = '/docs/' + page;
-  return h('a', {
-    href: href,
-    target: '_blank',
-    title: 'Open documentation for this page',
-    style: STYLE,
-    onMouseEnter: function(e) {
-      e.currentTarget.style.borderColor = 'var(--accent, #6366f1)';
-      e.currentTarget.style.color = 'var(--accent, #6366f1)';
-      e.currentTarget.style.background = 'var(--accent-soft, rgba(99,102,241,0.12))';
-    },
-    onMouseLeave: function(e) {
-      e.currentTarget.style.borderColor = 'var(--border)';
-      e.currentTarget.style.color = 'var(--text-muted)';
-      e.currentTarget.style.background = 'var(--bg-tertiary)';
-    },
-  }, I.help(), ' ', label);
-}
-
-/** Map of page IDs to doc filenames (for agent detail tabs) */
-export var AGENT_TAB_DOCS = {
-  overview: 'agent-overview',
-  personal: 'agent-personal',
-  email: 'agent-email',
-  whatsapp: 'agent-whatsapp',
-  channels: 'agent-channels',
-  configuration: 'agent-configuration',
-  manager: 'agent-manager',
-  tools: 'agent-tools',
-  skills: 'agent-skills',
-  permissions: 'agent-permissions',
-  activity: 'agent-activity',
-  communication: 'agent-communication',
-  workforce: 'agent-workforce',
-  memory: 'agent-memory',
-  guardrails: 'agent-guardrails',
-  autonomy: 'agent-autonomy',
-  budget: 'agent-budget',
-  security: 'agent-security',
-  'tool-security': 'agent-tool-security',
-  deployment: 'agent-deployment',
-  'memory-transfer': 'memory-transfer',
-};
-
-/** Map of settings tab IDs to doc filenames */
-export var SETTINGS_TAB_DOCS = {
-  general: 'settings',
-  models: 'settings',
-  'api-keys': 'settings',
-  authentication: 'settings',
-  platform: 'settings',
-  email: 'settings',
-  deployments: 'settings',
-  'security-system': 'settings-security',
-  'tool-security': 'settings-tool-security',
-  network: 'settings-network',
-  integrations: 'settings',
-};

package/src/dashboard/components/modal.js

@@ -1,125 +0,0 @@
-import { h, Fragment } from './utils.js';
-import { I } from './icons.js';
-
-export function Modal({ title, onClose, children, footer, large, width }) {
-  var extraStyle = width ? { width: typeof width === 'number' ? width + 'px' : width, maxWidth: '95vw' } : undefined;
-  return h('div', { className: 'modal-overlay', onClick: e => { if (e.target === e.currentTarget) onClose(); } },
-    h('div', { className: 'modal' + (large ? ' modal-lg' : ''), style: extraStyle },
-      h('div', { className: 'modal-header' },
-        h('h2', null, title),
-        h('button', { className: 'btn btn-ghost btn-icon', onClick: onClose }, I.x())
-      ),
-      h('div', { className: 'modal-body' }, children),
-      footer && h('div', { className: 'modal-footer' }, footer)
-    )
-  );
-}
-
-// ─── Reusable Detail Modal ──────────────────────────────
-//
-// Renders any data object as a formatted detail view inside a Modal.
-//
-// Props:
-//   title    — modal title
-//   data     — object to display (key-value pairs rendered automatically)
-//   onClose  — close handler
-//   badge    — optional { label, color } shown next to the title
-//   header   — optional custom element rendered above the data grid
-//   exclude  — optional array of keys to hide (e.g. ['id', 'orgId'])
-
-var _labelStyle = { fontSize: 11, fontWeight: 600, color: 'var(--text-muted)', textTransform: 'uppercase', letterSpacing: '0.05em' };
-var _valueStyle = { fontSize: 13, color: 'var(--text-primary)', wordBreak: 'break-word' };
-var _monoStyle = { fontSize: 12, fontFamily: 'var(--font-mono, monospace)', color: 'var(--text-primary)', background: 'var(--bg-secondary)', padding: '2px 6px', borderRadius: 4 };
-var _jsonStyle = { fontSize: 11, fontFamily: 'var(--font-mono, monospace)', color: 'var(--text-secondary)', background: 'var(--bg-secondary)', padding: '8px 10px', borderRadius: 6, whiteSpace: 'pre-wrap', wordBreak: 'break-all', maxHeight: 200, overflow: 'auto', margin: 0 };
-
-function formatDetailValue(key, value) {
-  if (value == null || value === '') return h('span', { style: { color: 'var(--text-muted)', fontSize: 12 } }, '—');
-
-  // Timestamps
-  if (typeof value === 'string' && (key.toLowerCase().includes('at') || key.toLowerCase().includes('time') || key.toLowerCase().includes('date')) && !isNaN(Date.parse(value))) {
-    return h('span', { style: _valueStyle }, new Date(value).toLocaleString());
-  }
-
-  // Booleans
-  if (typeof value === 'boolean') {
-    return h('span', { className: 'badge badge-' + (value ? 'success' : 'neutral'), style: { fontSize: 11 } }, value ? 'Yes' : 'No');
-  }
-
-  // Arrays
-  if (Array.isArray(value)) {
-    if (value.length === 0) return h('span', { style: { color: 'var(--text-muted)', fontSize: 12 } }, 'None');
-    // Simple string arrays as badges
-    if (value.every(function(v) { return typeof v === 'string' || typeof v === 'number'; })) {
-      return h('div', { style: { display: 'flex', flexWrap: 'wrap', gap: 4 } },
-        value.map(function(v, i) { return h('span', { key: i, className: 'badge badge-neutral', style: { fontSize: 11 } }, String(v)); })
-      );
-    }
-    // Complex arrays as JSON
-    return h('pre', { style: _jsonStyle }, JSON.stringify(value, null, 2));
-  }
-
-  // Nested objects
-  if (typeof value === 'object') {
-    var entries = Object.entries(value);
-    if (entries.length === 0) return h('span', { style: { color: 'var(--text-muted)', fontSize: 12 } }, '{}');
-    // Small flat objects as inline key:value
-    if (entries.length <= 4 && entries.every(function(e) { return typeof e[1] !== 'object' || e[1] === null; })) {
-      return h('div', { style: { display: 'flex', flexWrap: 'wrap', gap: 6 } },
-        entries.map(function(e) {
-          return h('span', { key: e[0], style: _monoStyle }, e[0] + ': ' + String(e[1] ?? '—'));
-        })
-      );
-    }
-    return h('pre', { style: _jsonStyle }, JSON.stringify(value, null, 2));
-  }
-
-  // UUIDs
-  if (typeof value === 'string' && /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(value)) {
-    return h('span', { style: _monoStyle }, value);
-  }
-
-  // Long strings
-  if (typeof value === 'string' && value.length > 120) {
-    return h('pre', { style: Object.assign({}, _jsonStyle, { whiteSpace: 'pre-wrap' }) }, value);
-  }
-
-  return h('span', { style: _valueStyle }, String(value));
-}
-
-function humanizeKey(key) {
-  return key
-    .replace(/([a-z])([A-Z])/g, '$1 $2')
-    .replace(/_/g, ' ')
-    .replace(/\b\w/g, function(c) { return c.toUpperCase(); });
-}
-
-export function DetailModal(props) {
-  var data = props.data || {};
-  var exclude = props.exclude || [];
-  var entries = Object.entries(data).filter(function(e) { return exclude.indexOf(e[0]) === -1; });
-
-  return h(Modal, { title: props.title || 'Details', onClose: props.onClose, large: entries.length > 8 },
-    // Optional badge next to title area
-    props.badge && h('div', { style: { marginBottom: 16 } },
-      h('span', { className: 'badge', style: { background: props.badge.color || 'var(--accent)', color: '#fff', fontSize: 11 } }, props.badge.label)
-    ),
-
-    // Optional custom header content
-    props.header && h('div', { style: { marginBottom: 16 } }, props.header),
-
-    // Data grid
-    entries.length === 0
-      ? h('div', { style: { textAlign: 'center', padding: 20, color: 'var(--text-muted)' } }, 'No data')
-      : h('div', { style: { display: 'grid', gridTemplateColumns: '140px 1fr', gap: '12px 16px', alignItems: 'start' } },
-          entries.map(function(e) {
-            return h(Fragment, { key: e[0] },
-              h('div', { style: _labelStyle }, humanizeKey(e[0])),
-              h('div', null, formatDetailValue(e[0], e[1]))
-            );
-          })
-        ),
-
-    // Optional children below the grid
-    props.children
-  );
-}