@qwickapps/server 1.6.1 → 1.7.0

package/dist/ui/src/components/plugins/PluginConfigPanel.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PluginConfigPanel - Live configuration editor for plugins
+ *
+ * Provides form-based config editing with validation and real-time updates.
+ *
+ * @example
+ * ```tsx
+ * <PluginConfigPanel
+ *   title="Rate Limit Configuration"
+ *   description="Adjust rate limiting settings"
+ *   config={config}
+ *   schema={[
+ *     { key: 'maxRequests', label: 'Max Requests', type: 'number', min: 1 },
+ *     { key: 'windowMs', label: 'Window (ms)', type: 'number', min: 1000 },
+ *     { key: 'strategy', label: 'Strategy', type: 'select', options: [...] }
+ *   ]}
+ *   onSave={handleSave}
+ *   onReset={handleReset}
+ * />
+ * ```
+ */
+import { useState, useEffect } from 'react';
+export const PluginConfigPanel = ({ title, description, config, schema, onSave, onReset, loading = false, readOnly = false, }) => {
+    const [localConfig, setLocalConfig] = useState(config);
+    const [errors, setErrors] = useState({});
+    const [saving, setSaving] = useState(false);
+    const [saved, setSaved] = useState(false);
+    useEffect(() => {
+        setLocalConfig(config);
+    }, [config]);
+    const validateField = (field, value) => {
+        if (field.required && (value === undefined || value === null || value === '')) {
+            return `${field.label} is required`;
+        }
+        if (field.pattern && typeof value === 'string' && !field.pattern.test(value)) {
+            return `${field.label} format is invalid`;
+        }
+        if (field.validate) {
+            return field.validate(value);
+        }
+        return null;
+    };
+    const handleChange = (key, value) => {
+        setLocalConfig({ ...localConfig, [key]: value });
+        setSaved(false);
+        // Clear error for this field
+        if (errors[key]) {
+            setErrors({ ...errors, [key]: '' });
+        }
+    };
+    const handleSave = async () => {
+        // Validate all fields
+        const newErrors = {};
+        schema.forEach((field) => {
+            const error = validateField(field, localConfig[field.key]);
+            if (error) {
+                newErrors[field.key] = error;
+            }
+        });
+        if (Object.keys(newErrors).length > 0) {
+            setErrors(newErrors);
+            return;
+        }
+        setSaving(true);
+        try {
+            await onSave(localConfig);
+            setSaved(true);
+            setTimeout(() => setSaved(false), 3000);
+        }
+        catch (error) {
+            console.error('Failed to save config:', error);
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const renderField = (field) => {
+        const value = localConfig[field.key];
+        const hasError = Boolean(errors[field.key]);
+        const baseClasses = `
+      w-full px-3 py-2 rounded-md border
+      ${hasError
+            ? 'border-red-500 focus:ring-red-500'
+            : 'border-gray-300 dark:border-gray-600 focus:ring-blue-500'}
+      bg-white dark:bg-gray-800
+      text-gray-900 dark:text-white
+      focus:ring-2 focus:border-transparent
+      disabled:opacity-50 disabled:cursor-not-allowed
+    `;
+        switch (field.type) {
+            case 'boolean':
+                return (_jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [_jsx("input", { type: "checkbox", checked: Boolean(value), onChange: (e) => handleChange(field.key, e.target.checked), disabled: readOnly || loading, className: "rounded" }), _jsx("span", { className: "text-sm text-gray-700 dark:text-gray-300", children: field.description || 'Enable' })] }));
+            case 'select':
+                return (_jsx("select", { value: String(value ?? ''), onChange: (e) => handleChange(field.key, e.target.value), disabled: readOnly || loading, className: baseClasses, children: field.options?.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value))) }));
+            case 'textarea':
+                return (_jsx("textarea", { value: String(value ?? ''), onChange: (e) => handleChange(field.key, e.target.value), disabled: readOnly || loading, rows: 4, className: baseClasses }));
+            case 'number':
+                return (_jsx("input", { type: "number", value: Number(value ?? 0), onChange: (e) => handleChange(field.key, Number(e.target.value)), min: field.min, max: field.max, step: field.step, disabled: readOnly || loading, className: baseClasses }));
+            case 'text':
+            default:
+                return (_jsx("input", { type: "text", value: String(value ?? ''), onChange: (e) => handleChange(field.key, e.target.value), disabled: readOnly || loading, className: baseClasses }));
+        }
+    };
+    return (_jsxs("div", { className: "rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-6", children: [_jsxs("div", { className: "mb-6", children: [_jsx("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: title }), description && (_jsx("p", { className: "mt-1 text-gray-600 dark:text-gray-400", children: description }))] }), _jsx("div", { className: "space-y-6", children: schema.map((field) => (_jsxs("div", { children: [field.type !== 'boolean' && (_jsxs("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", children: [field.label, field.required && _jsx("span", { className: "text-red-500 ml-1", children: "*" })] })), renderField(field), field.description && field.type !== 'boolean' && (_jsx("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: field.description })), errors[field.key] && (_jsx("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: errors[field.key] }))] }, field.key))) }), !readOnly && (_jsxs("div", { className: "mt-6 flex items-center gap-3", children: [_jsx("button", { onClick: handleSave, disabled: saving || loading, className: "\n              px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white\n              rounded-md text-sm font-medium\n              disabled:opacity-50 disabled:cursor-not-allowed\n              transition-colors\n            ", children: saving ? 'Saving...' : 'Save Changes' }), _jsx("button", { onClick: onReset, disabled: saving || loading, className: "\n              px-4 py-2 bg-gray-200 hover:bg-gray-300 text-gray-900\n              dark:bg-gray-700 dark:hover:bg-gray-600 dark:text-white\n              rounded-md text-sm font-medium\n              disabled:opacity-50 disabled:cursor-not-allowed\n              transition-colors\n            ", children: "Reset" }), saved && (_jsx("span", { className: "text-sm text-green-600 dark:text-green-400", children: "\u2713 Saved successfully" }))] }))] }));
+};
+//# sourceMappingURL=PluginConfigPanel.js.map

package/dist/ui/src/components/plugins/PluginConfigPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginConfigPanel.js","sourceRoot":"","sources":["../../../../../ui/src/components/plugins/PluginConfigPanel.tsx"],"names":[],"mappings":"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"}

package/dist/ui/src/components/plugins/PluginManagementPage.d.ts

@@ -0,0 +1,63 @@
+/**
+ * PluginManagementPage - Template for full plugin management pages
+ *
+ * Provides consistent layout for plugin management with search, filters, and actions.
+ *
+ * @example
+ * ```tsx
+ * <PluginManagementPage
+ *   title="User Management"
+ *   description="Manage user accounts and permissions"
+ *   icon={<UsersIcon />}
+ *   searchPlaceholder="Search users by email or name..."
+ *   onSearch={handleSearch}
+ *   actions={[
+ *     { label: 'Create User', onClick: handleCreate, variant: 'primary' }
+ *   ]}
+ * >
+ *   <DataTable columns={columns} data={users} />
+ * </PluginManagementPage>
+ * ```
+ */
+import React, { ReactNode } from 'react';
+export interface PluginManagementPageProps {
+    /** Page title */
+    title: string;
+    /** Optional description */
+    description?: string;
+    /** Optional icon */
+    icon?: ReactNode;
+    /** Search bar placeholder */
+    searchPlaceholder?: string;
+    /** Search handler */
+    onSearch?: (query: string) => void;
+    /** Page-level action buttons */
+    actions?: Array<{
+        label: string;
+        onClick: () => void;
+        variant?: 'primary' | 'secondary' | 'danger';
+        icon?: ReactNode;
+    }>;
+    /** Optional filter controls */
+    filters?: ReactNode;
+    /** Optional tabs for multi-section pages */
+    tabs?: Array<{
+        id: string;
+        label: string;
+    }>;
+    /** Active tab ID */
+    activeTab?: string;
+    /** Tab change handler */
+    onTabChange?: (tabId: string) => void;
+    /** Page content (typically DataTable) */
+    children: ReactNode;
+    /** Loading state */
+    loading?: boolean;
+    /** Breadcrumb items */
+    breadcrumbs?: Array<{
+        label: string;
+        href?: string;
+    }>;
+}
+export declare const PluginManagementPage: React.FC<PluginManagementPageProps>;
+//# sourceMappingURL=PluginManagementPage.d.ts.map

package/dist/ui/src/components/plugins/PluginManagementPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginManagementPage.d.ts","sourceRoot":"","sources":["../../../../../ui/src/components/plugins/PluginManagementPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,WAAW,yBAAyB;IACxC,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IAEd,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,oBAAoB;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,6BAA6B;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,gCAAgC;IAChC,OAAO,CAAC,EAAE,KAAK,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;QAC7C,IAAI,CAAC,EAAE,SAAS,CAAC;KAClB,CAAC,CAAC;IAEH,+BAA+B;IAC/B,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,KAAK,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;IAEH,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,yBAAyB;IACzB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,yCAAyC;IACzC,QAAQ,EAAE,SAAS,CAAC;IAEpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,uBAAuB;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;CACJ;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA6IpE,CAAC"}

package/dist/ui/src/components/plugins/PluginManagementPage.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PluginManagementPage - Template for full plugin management pages
+ *
+ * Provides consistent layout for plugin management with search, filters, and actions.
+ *
+ * @example
+ * ```tsx
+ * <PluginManagementPage
+ *   title="User Management"
+ *   description="Manage user accounts and permissions"
+ *   icon={<UsersIcon />}
+ *   searchPlaceholder="Search users by email or name..."
+ *   onSearch={handleSearch}
+ *   actions={[
+ *     { label: 'Create User', onClick: handleCreate, variant: 'primary' }
+ *   ]}
+ * >
+ *   <DataTable columns={columns} data={users} />
+ * </PluginManagementPage>
+ * ```
+ */
+import React from 'react';
+export const PluginManagementPage = ({ title, description, icon, searchPlaceholder, onSearch, actions = [], filters, tabs, activeTab, onTabChange, children, loading = false, breadcrumbs, }) => {
+    const actionVariants = {
+        primary: 'bg-blue-600 hover:bg-blue-700 text-white',
+        secondary: 'bg-gray-200 hover:bg-gray-300 text-gray-900 dark:bg-gray-700 dark:hover:bg-gray-600 dark:text-white',
+        danger: 'bg-red-600 hover:bg-red-700 text-white',
+    };
+    return (_jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8", children: [breadcrumbs && breadcrumbs.length > 0 && (_jsx("nav", { className: "mb-4 flex items-center gap-2 text-sm text-gray-600 dark:text-gray-400", children: breadcrumbs.map((crumb, index) => (_jsxs(React.Fragment, { children: [index > 0 && _jsx("span", { children: "/" }), crumb.href ? (_jsx("a", { href: crumb.href, className: "hover:text-gray-900 dark:hover:text-gray-100", children: crumb.label })) : (_jsx("span", { className: "text-gray-900 dark:text-gray-100 font-medium", children: crumb.label }))] }, index))) })), _jsx("div", { className: "mb-8", children: _jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex items-start gap-4", children: [icon && (_jsx("div", { className: "text-4xl text-gray-600 dark:text-gray-400 mt-1", children: icon })), _jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-bold text-gray-900 dark:text-white", children: title }), description && (_jsx("p", { className: "mt-2 text-gray-600 dark:text-gray-400", children: description }))] })] }), actions.length > 0 && (_jsx("div", { className: "flex gap-2", children: actions.map((action, index) => (_jsxs("button", { onClick: action.onClick, className: `
+                    flex items-center gap-2 px-4 py-2 rounded-md text-sm font-medium
+                    transition-colors
+                    ${actionVariants[action.variant || 'secondary']}
+                  `, children: [action.icon, action.label] }, index))) }))] }) }), tabs && tabs.length > 0 && (_jsx("div", { className: "mb-6 border-b border-gray-200 dark:border-gray-700", children: _jsx("nav", { className: "flex space-x-8", children: tabs.map((tab) => (_jsx("button", { onClick: () => onTabChange?.(tab.id), className: `
+                  py-4 px-1 border-b-2 font-medium text-sm transition-colors
+                  ${activeTab === tab.id
+                            ? 'border-blue-500 text-blue-600 dark:text-blue-400'
+                            : 'border-transparent text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-600'}
+                `, children: tab.label }, tab.id))) }) })), (onSearch || filters) && (_jsxs("div", { className: "mb-6 flex flex-col sm:flex-row gap-4", children: [onSearch && (_jsx("div", { className: "flex-1", children: _jsx("input", { type: "search", placeholder: searchPlaceholder || 'Search...', onChange: (e) => onSearch(e.target.value), className: "\n                  w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600\n                  bg-white dark:bg-gray-800\n                  text-gray-900 dark:text-white\n                  placeholder-gray-500 dark:placeholder-gray-400\n                  focus:ring-2 focus:ring-blue-500 focus:border-transparent\n                " }) })), filters && (_jsx("div", { className: "flex gap-2", children: filters }))] })), _jsx("div", { className: loading ? 'opacity-50 pointer-events-none' : '', children: children })] }));
+};
+//# sourceMappingURL=PluginManagementPage.js.map

package/dist/ui/src/components/plugins/PluginManagementPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginManagementPage.js","sourceRoot":"","sources":["../../../../../ui/src/components/plugins/PluginManagementPage.tsx"],"names":[],"mappings":"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"}

package/dist/ui/src/components/plugins/PluginStatusWidget.d.ts

@@ -0,0 +1,52 @@
+/**
+ * PluginStatusWidget - Template for plugin dashboard widgets
+ *
+ * Provides consistent layout for plugin status displays on the dashboard.
+ * Supports stats, health indicators, and quick actions.
+ *
+ * @example
+ * ```tsx
+ * <PluginStatusWidget
+ *   title="PostgreSQL"
+ *   icon={<DatabaseIcon />}
+ *   status="healthy"
+ *   stats={[
+ *     { label: 'Connections', value: 42, status: 'healthy' },
+ *     { label: 'Queries/sec', value: 1250, status: 'info' }
+ *   ]}
+ *   actions={[
+ *     { label: 'View Details', onClick: () => navigate('/postgres') }
+ *   ]}
+ * />
+ * ```
+ */
+import React from 'react';
+import { StatCardProps } from '@qwickapps/react-framework';
+export interface PluginStatusWidgetProps {
+    /** Plugin name */
+    title: string;
+    /** Optional icon */
+    icon?: React.ReactNode;
+    /** Overall plugin status */
+    status?: 'healthy' | 'warning' | 'error' | 'disabled';
+    /** Overall plugin health (alias for status, for backward compatibility) */
+    health?: 'healthy' | 'warning' | 'error' | 'disabled';
+    /** Array of stats to display */
+    stats?: StatCardProps[];
+    /** Quick action buttons */
+    actions?: Array<{
+        label: string;
+        onClick: () => void;
+        variant?: 'primary' | 'secondary' | 'danger';
+    }>;
+    /** Optional message or description */
+    message?: string;
+    /** Loading state */
+    loading?: boolean;
+    /** Error message */
+    error?: string | null;
+    /** Path to details page */
+    detailsPath?: string;
+}
+export declare const PluginStatusWidget: React.FC<PluginStatusWidgetProps>;
+//# sourceMappingURL=PluginStatusWidget.d.ts.map

package/dist/ui/src/components/plugins/PluginStatusWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginStatusWidget.d.ts","sourceRoot":"","sources":["../../../../../ui/src/components/plugins/PluginStatusWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAY,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAErE,MAAM,WAAW,uBAAuB;IACtC,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IAEd,oBAAoB;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IAEtD,2EAA2E;IAC3E,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IAEtD,gCAAgC;IAChC,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IAExB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;KAC9C,CAAC,CAAC;IAEH,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+FhE,CAAC"}

package/dist/ui/src/components/plugins/PluginStatusWidget.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StatCard } from '@qwickapps/react-framework';
+export const PluginStatusWidget = ({ title, icon, status, health, stats = [], actions = [], message, loading = false, }) => {
+    // Use health as fallback for status (backward compatibility)
+    const displayStatus = status || health || 'disabled';
+    const statusIndicators = {
+        healthy: 'bg-green-500',
+        warning: 'bg-yellow-500',
+        error: 'bg-red-500',
+        disabled: 'bg-gray-400',
+    };
+    const actionVariants = {
+        primary: 'bg-blue-600 hover:bg-blue-700 text-white',
+        secondary: 'bg-gray-200 hover:bg-gray-300 text-gray-900 dark:bg-gray-700 dark:hover:bg-gray-600 dark:text-white',
+        danger: 'bg-red-600 hover:bg-red-700 text-white',
+    };
+    if (loading) {
+        return (_jsx("div", { className: "rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-6", children: _jsxs("div", { className: "animate-pulse", children: [_jsx("div", { className: "h-6 bg-gray-200 dark:bg-gray-700 rounded w-1/3 mb-4" }), _jsxs("div", { className: "space-y-3", children: [_jsx("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded" }), _jsx("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-5/6" })] })] }) }));
+    }
+    return (_jsxs("div", { className: "rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-6", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [icon && (_jsx("div", { className: "text-2xl text-gray-600 dark:text-gray-400", children: icon })), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: title }), message && (_jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400 mt-1", children: message }))] })] }), _jsx("div", { className: `w-3 h-3 rounded-full ${statusIndicators[displayStatus]}`, title: displayStatus })] }), stats.length > 0 && (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 mb-4", children: stats.map((stat, index) => (_jsx(StatCard, { ...stat }, index))) })), actions.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-2 mt-4", children: actions.map((action, index) => (_jsx("button", { onClick: action.onClick, className: `
+                px-4 py-2 rounded-md text-sm font-medium
+                transition-colors
+                ${actionVariants[action.variant || 'secondary']}
+              `, children: action.label }, index))) }))] }));
+};
+//# sourceMappingURL=PluginStatusWidget.js.map

package/dist/ui/src/components/plugins/PluginStatusWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginStatusWidget.js","sourceRoot":"","sources":["../../../../../ui/src/components/plugins/PluginStatusWidget.tsx"],"names":[],"mappings":";AAwBA,OAAO,EAAE,QAAQ,EAAiB,MAAM,4BAA4B,CAAC;AAsCrE,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,KAAK,EACL,IAAI,EACJ,MAAM,EACN,MAAM,EACN,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,EAAE,EACZ,OAAO,EACP,OAAO,GAAG,KAAK,GAChB,EAAE,EAAE;IACH,6DAA6D;IAC7D,MAAM,aAAa,GAAG,MAAM,IAAI,MAAM,IAAI,UAAU,CAAC;IACrD,MAAM,gBAAgB,GAAG;QACvB,OAAO,EAAE,cAAc;QACvB,OAAO,EAAE,eAAe;QACxB,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,aAAa;KACxB,CAAC;IAEF,MAAM,cAAc,GAAG;QACrB,OAAO,EAAE,0CAA0C;QACnD,SAAS,EAAE,qGAAqG;QAChH,MAAM,EAAE,wCAAwC;KACjD,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,cAAK,SAAS,EAAC,sFAAsF,YACnG,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,SAAS,EAAC,qDAAqD,GAAO,EAC3E,eAAK,SAAS,EAAC,WAAW,aACxB,cAAK,SAAS,EAAC,0CAA0C,GAAO,EAChE,cAAK,SAAS,EAAC,gDAAgD,GAAO,IAClE,IACF,GACF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,sFAAsF,aAEnG,eAAK,SAAS,EAAC,wCAAwC,aACrD,eAAK,SAAS,EAAC,yBAAyB,aACrC,IAAI,IAAI,CACP,cAAK,SAAS,EAAC,2CAA2C,YACvD,IAAI,GACD,CACP,EACD,0BACE,aAAI,SAAS,EAAC,qDAAqD,YAChE,KAAK,GACH,EACJ,OAAO,IAAI,CACV,YAAG,SAAS,EAAC,+CAA+C,YACzD,OAAO,GACN,CACL,IACG,IACF,EACN,cACE,SAAS,EAAE,wBAAwB,gBAAgB,CAAC,aAAa,CAAC,EAAE,EACpE,KAAK,EAAE,aAAa,GACpB,IACE,EAGL,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACnB,cAAK,SAAS,EAAC,4CAA4C,YACxD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,KAAC,QAAQ,OAAiB,IAAI,IAAf,KAAK,CAAc,CACnC,CAAC,GACE,CACP,EAGA,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,cAAK,SAAS,EAAC,2BAA2B,YACvC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,iBAEE,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,SAAS,EAAE;;;kBAGP,cAAc,CAAC,MAAM,CAAC,OAAO,IAAI,WAAW,CAAC;eAChD,YAEA,MAAM,CAAC,KAAK,IARR,KAAK,CASH,CACV,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/ui/src/components/plugins/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Server Plugin UI Components
+ *
+ * Server-specific component patterns for qwickapps-server plugin UIs.
+ *
+ * @packageDocumentation
+ */
+export { PluginStatusWidget } from './PluginStatusWidget.js';
+export type { PluginStatusWidgetProps } from './PluginStatusWidget.js';
+export { PluginManagementPage } from './PluginManagementPage.js';
+export type { PluginManagementPageProps } from './PluginManagementPage.js';
+export { PluginConfigPanel } from './PluginConfigPanel.js';
+export type { PluginConfigPanelProps, ConfigField, ConfigFieldType, } from './PluginConfigPanel.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/src/components/plugins/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/src/components/plugins/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,YAAY,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAEvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,YAAY,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAE3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EACV,sBAAsB,EACtB,WAAW,EACX,eAAe,GAChB,MAAM,wBAAwB,CAAC"}

package/dist/ui/src/components/plugins/index.js

@@ -0,0 +1,11 @@
+/**
+ * Server Plugin UI Components
+ *
+ * Server-specific component patterns for qwickapps-server plugin UIs.
+ *
+ * @packageDocumentation
+ */
+export { PluginStatusWidget } from './PluginStatusWidget.js';
+export { PluginManagementPage } from './PluginManagementPage.js';
+export { PluginConfigPanel } from './PluginConfigPanel.js';
+//# sourceMappingURL=index.js.map

package/dist/ui/src/components/plugins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../ui/src/components/plugins/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAGjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/ui/src/config/AppConfig.d.ts

@@ -0,0 +1,8 @@
+import { AppConfigBuilder } from '@qwickapps/react-framework';
+/**
+ * Default control panel configuration
+ * Consumers can override this by passing their own config
+ */
+export declare const defaultConfig: import("@qwickapps/react-framework").AppConfig;
+export type ControlPanelUIConfig = ReturnType<typeof AppConfigBuilder.prototype.build>;
+//# sourceMappingURL=AppConfig.d.ts.map

package/dist/ui/src/config/AppConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppConfig.d.ts","sourceRoot":"","sources":["../../../../ui/src/config/AppConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D;;;GAGG;AACH,eAAO,MAAM,aAAa,gDAShB,CAAC;AAEX,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC"}

package/dist/ui/src/config/AppConfig.js

@@ -0,0 +1,16 @@
+import { AppConfigBuilder } from '@qwickapps/react-framework';
+/**
+ * Default control panel configuration
+ * Consumers can override this by passing their own config
+ */
+export const defaultConfig = AppConfigBuilder.create()
+    .withName('Control Panel')
+    .withId('com.qwickapps.control-panel')
+    .withVersion('1.0.0')
+    .withDefaultTheme('dark')
+    .withDefaultPalette('cosmic')
+    .withThemeSwitcher(true)
+    .withPaletteSwitcher(true)
+    .withDisplay('standalone')
+    .build();
+//# sourceMappingURL=AppConfig.js.map

package/dist/ui/src/config/AppConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppConfig.js","sourceRoot":"","sources":["../../../../ui/src/config/AppConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,EAAE;KACnD,QAAQ,CAAC,eAAe,CAAC;KACzB,MAAM,CAAC,6BAA6B,CAAC;KACrC,WAAW,CAAC,OAAO,CAAC;KACpB,gBAAgB,CAAC,MAAM,CAAC;KACxB,kBAAkB,CAAC,QAAQ,CAAC;KAC5B,iBAAiB,CAAC,IAAI,CAAC;KACvB,mBAAmB,CAAC,IAAI,CAAC;KACzB,WAAW,CAAC,YAAY,CAAC;KACzB,KAAK,EAAE,CAAC"}

package/dist/ui/src/config/preferences.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Preferences Configuration
+ *
+ * Shared constants for preferences management.
+ * These constants are used by both UI and server code.
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+/**
+ * Maximum size of preferences JSON string (100KB)
+ */
+export declare const MAX_PREFERENCES_SIZE = 100000;
+/**
+ * Maximum nesting depth for preferences object
+ */
+export declare const MAX_NESTING_DEPTH = 10;
+//# sourceMappingURL=preferences.d.ts.map

package/dist/ui/src/config/preferences.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preferences.d.ts","sourceRoot":"","sources":["../../../../ui/src/config/preferences.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,eAAO,MAAM,oBAAoB,SAAU,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,iBAAiB,KAAK,CAAC"}

package/dist/ui/src/config/preferences.js

@@ -0,0 +1,17 @@
+/**
+ * Preferences Configuration
+ *
+ * Shared constants for preferences management.
+ * These constants are used by both UI and server code.
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+/**
+ * Maximum size of preferences JSON string (100KB)
+ */
+export const MAX_PREFERENCES_SIZE = 100000;
+/**
+ * Maximum nesting depth for preferences object
+ */
+export const MAX_NESTING_DEPTH = 10;
+//# sourceMappingURL=preferences.js.map

package/dist/ui/src/config/preferences.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preferences.js","sourceRoot":"","sources":["../../../../ui/src/config/preferences.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,CAAC"}

package/dist/ui/src/dashboard/DashboardWidgetRegistry.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Dashboard Widget Registry
+ *
+ * A context-based registry for dashboard widgets that allows:
+ * - Registration of widgets at runtime
+ * - Dynamic adding/removing of widgets
+ * - Priority-based ordering of widgets
+ *
+ * Usage:
+ * ```tsx
+ * // In your app setup:
+ * const { registerWidget } = useDashboardWidgets();
+ * registerWidget({
+ *   id: 'user-stats',
+ *   title: 'User Statistics',
+ *   component: <UserStatsWidget />,
+ *   priority: 10,
+ * });
+ *
+ * // Or via the provider:
+ * <DashboardWidgetProvider initialWidgets={[...]} />
+ * ```
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import { ReactNode } from 'react';
+export interface DashboardWidget {
+    /** Unique identifier for the widget */
+    id: string;
+    /** Display title for the widget section */
+    title?: string;
+    /** The widget component to render */
+    component: ReactNode;
+    /** Priority for ordering (lower = first, default: 100) */
+    priority?: number;
+    /** Whether the widget is visible */
+    visible?: boolean;
+}
+interface DashboardWidgetContextValue {
+    /** All registered widgets */
+    widgets: DashboardWidget[];
+    /** Register a new widget */
+    registerWidget: (widget: DashboardWidget) => void;
+    /** Unregister a widget by ID */
+    unregisterWidget: (id: string) => void;
+    /** Toggle widget visibility */
+    toggleWidget: (id: string, visible?: boolean) => void;
+    /** Get visible widgets sorted by priority */
+    getVisibleWidgets: () => DashboardWidget[];
+}
+export interface DashboardWidgetProviderProps {
+    /** Initial widgets to register */
+    initialWidgets?: DashboardWidget[];
+    children: ReactNode;
+}
+export declare function DashboardWidgetProvider({ initialWidgets, children }: DashboardWidgetProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useDashboardWidgets(): DashboardWidgetContextValue;
+/**
+ * Hook to register a widget on mount and unregister on unmount
+ */
+export declare function useRegisterWidget(widget: DashboardWidget): () => void;
+export {};
+//# sourceMappingURL=DashboardWidgetRegistry.d.ts.map

package/dist/ui/src/dashboard/DashboardWidgetRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardWidgetRegistry.d.ts","sourceRoot":"","sources":["../../../../ui/src/dashboard/DashboardWidgetRegistry.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EAAoD,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpF,MAAM,WAAW,eAAe;IAC9B,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,SAAS,EAAE,SAAS,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,2BAA2B;IACnC,6BAA6B;IAC7B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,4BAA4B;IAC5B,cAAc,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAClD,gCAAgC;IAChC,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,+BAA+B;IAC/B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,6CAA6C;IAC7C,iBAAiB,EAAE,MAAM,eAAe,EAAE,CAAC;CAC5C;AAID,MAAM,WAAW,4BAA4B;IAC3C,kCAAkC;IAClC,cAAc,CAAC,EAAE,eAAe,EAAE,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,uBAAuB,CAAC,EAAE,cAAmB,EAAE,QAAQ,EAAE,EAAE,4BAA4B,2CA0CtG;AAED,wBAAgB,mBAAmB,gCAMlC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,cAWxD"}

package/dist/ui/src/dashboard/DashboardWidgetRegistry.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Dashboard Widget Registry
+ *
+ * A context-based registry for dashboard widgets that allows:
+ * - Registration of widgets at runtime
+ * - Dynamic adding/removing of widgets
+ * - Priority-based ordering of widgets
+ *
+ * Usage:
+ * ```tsx
+ * // In your app setup:
+ * const { registerWidget } = useDashboardWidgets();
+ * registerWidget({
+ *   id: 'user-stats',
+ *   title: 'User Statistics',
+ *   component: <UserStatsWidget />,
+ *   priority: 10,
+ * });
+ *
+ * // Or via the provider:
+ * <DashboardWidgetProvider initialWidgets={[...]} />
+ * ```
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import { createContext, useContext, useState, useCallback } from 'react';
+const DashboardWidgetContext = createContext(null);
+export function DashboardWidgetProvider({ initialWidgets = [], children }) {
+    const [widgets, setWidgets] = useState(initialWidgets.map(w => ({ ...w, visible: w.visible !== false, priority: w.priority ?? 100 })));
+    const registerWidget = useCallback((widget) => {
+        setWidgets(prev => {
+            // Check if widget already exists
+            const exists = prev.some(w => w.id === widget.id);
+            if (exists) {
+                // Update existing widget
+                return prev.map(w => w.id === widget.id ? { ...widget, visible: widget.visible !== false, priority: widget.priority ?? 100 } : w);
+            }
+            // Add new widget
+            return [...prev, { ...widget, visible: widget.visible !== false, priority: widget.priority ?? 100 }];
+        });
+    }, []);
+    const unregisterWidget = useCallback((id) => {
+        setWidgets(prev => prev.filter(w => w.id !== id));
+    }, []);
+    const toggleWidget = useCallback((id, visible) => {
+        setWidgets(prev => prev.map(w => {
+            if (w.id === id) {
+                return { ...w, visible: visible ?? !w.visible };
+            }
+            return w;
+        }));
+    }, []);
+    const getVisibleWidgets = useCallback(() => {
+        return widgets
+            .filter(w => w.visible !== false)
+            .sort((a, b) => (a.priority ?? 100) - (b.priority ?? 100));
+    }, [widgets]);
+    return (_jsx(DashboardWidgetContext.Provider, { value: { widgets, registerWidget, unregisterWidget, toggleWidget, getVisibleWidgets }, children: children }));
+}
+export function useDashboardWidgets() {
+    const context = useContext(DashboardWidgetContext);
+    if (!context) {
+        throw new Error('useDashboardWidgets must be used within a DashboardWidgetProvider');
+    }
+    return context;
+}
+/**
+ * Hook to register a widget on mount and unregister on unmount
+ */
+export function useRegisterWidget(widget) {
+    const { registerWidget, unregisterWidget } = useDashboardWidgets();
+    // Register on mount
+    useState(() => {
+        registerWidget(widget);
+        return null;
+    });
+    // Return unregister function for manual cleanup
+    return () => unregisterWidget(widget.id);
+}
+//# sourceMappingURL=DashboardWidgetRegistry.js.map

package/dist/ui/src/dashboard/DashboardWidgetRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardWidgetRegistry.js","sourceRoot":"","sources":["../../../../ui/src/dashboard/DashboardWidgetRegistry.tsx"],"names":[],"mappings":"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"}

package/dist/ui/src/dashboard/DashboardWidgetRenderer.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Dashboard Widget Renderer
+ *
+ * Renders all visible dashboard widgets from the registry.
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+export declare function DashboardWidgetRenderer(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=DashboardWidgetRenderer.d.ts.map

package/dist/ui/src/dashboard/DashboardWidgetRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardWidgetRenderer.d.ts","sourceRoot":"","sources":["../../../../ui/src/dashboard/DashboardWidgetRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,wBAAgB,uBAAuB,mDAsBtC"}