web-mojo 2.1.458 → 2.1.527

package/dist/charts.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunks/MetricsChart-TwtfTNEA.js"),r=require("./chunks/WebApp-DUxotRc-.js");exports.BaseChart=e.BaseChart,exports.MetricsChart=e.MetricsChart,exports.PieChart=e.PieChart,exports.SeriesChart=e.SeriesChart,exports.BUILD_TIME=r.BUILD_TIME,exports.VERSION=r.VERSION,exports.VERSION_INFO=r.VERSION_INFO,exports.VERSION_MAJOR=r.VERSION_MAJOR,exports.VERSION_MINOR=r.VERSION_MINOR,exports.VERSION_REVISION=r.VERSION_REVISION,exports.WebApp=r.WebApp;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunks/MetricsChart-Cssnc0Gg.js"),r=require("./chunks/WebApp-DbS9A-y6.js");exports.BaseChart=e.BaseChart,exports.MetricsChart=e.MetricsChart,exports.PieChart=e.PieChart,exports.SeriesChart=e.SeriesChart,exports.BUILD_TIME=r.BUILD_TIME,exports.VERSION=r.VERSION,exports.VERSION_INFO=r.VERSION_INFO,exports.VERSION_MAJOR=r.VERSION_MAJOR,exports.VERSION_MINOR=r.VERSION_MINOR,exports.VERSION_REVISION=r.VERSION_REVISION,exports.WebApp=r.WebApp;
 //# sourceMappingURL=charts.cjs.js.map

package/dist/charts.css

@@ -1000,3 +1000,267 @@
         min-width: 0;
     }
 }
+
+/* ==========================================================================
+   Mini Chart Components
+   ========================================================================== */
+
+/* Mini Chart Base */
+.mini-chart {
+    display: block;
+    width: 100%;
+}
+
+.mini-chart-wrapper {
+    position: relative;
+    display: block;
+    width: 100%;
+}
+
+.mini-chart-svg {
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+
+/* Animation keyframes for mini charts */
+@keyframes mini-chart-draw {
+    to {
+        stroke-dashoffset: 0;
+    }
+}
+
+@keyframes mini-chart-bar-grow {
+    to {
+        transform: scaleY(1);
+    }
+}
+
+/* ==========================================================================
+   Metrics Mini Chart Component
+   ========================================================================== */
+
+.metrics-mini-chart-container {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    padding: 1rem;
+    background: var(--chart-bg);
+    border: 1px solid var(--chart-border);
+    border-radius: 0.5rem;
+    transition: all 0.2s ease;
+}
+
+.metrics-mini-chart-container:hover {
+    box-shadow: var(--chart-shadow);
+    border-color: var(--bs-primary);
+}
+
+/* Vertical layout */
+.metrics-mini-chart-vertical {
+    flex-direction: column;
+    align-items: stretch;
+    text-align: center;
+}
+
+.metrics-mini-chart-vertical .metrics-chart {
+    margin-top: 0.5rem;
+}
+
+/* Horizontal layout (default) */
+.metrics-mini-chart-horizontal {
+    flex-direction: row;
+    justify-content: space-between;
+}
+
+/* Metrics Info Section */
+.metrics-info {
+    flex: 1;
+    min-width: 0;
+}
+
+.metrics-label {
+    font-size: 0.875rem;
+    color: var(--chart-text-muted);
+    font-weight: 500;
+    margin-bottom: 0.25rem;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.metrics-value-row {
+    display: flex;
+    align-items: baseline;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+}
+
+.metrics-value {
+    font-size: 1.5rem;
+    font-weight: 700;
+    color: var(--chart-text);
+    line-height: 1.2;
+}
+
+/* Trend Badge */
+.metrics-trend {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.25rem;
+    padding: 0.125rem 0.5rem;
+    font-size: 0.75rem;
+    font-weight: 600;
+    border-radius: 0.25rem;
+    line-height: 1.5;
+}
+
+.metrics-trend.trend-up {
+    color: #198754;
+    background-color: rgba(25, 135, 84, 0.1);
+}
+
+.metrics-trend.trend-down {
+    color: #dc3545;
+    background-color: rgba(220, 53, 69, 0.1);
+}
+
+.metrics-trend i {
+    font-size: 0.875rem;
+}
+
+/* Metrics Chart Section */
+.metrics-chart {
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+}
+
+/* Size Variants */
+.metrics-mini-chart-sm .metrics-value {
+    font-size: 1.25rem;
+}
+
+.metrics-mini-chart-sm .metrics-label {
+    font-size: 0.75rem;
+}
+
+.metrics-mini-chart-sm .metrics-chart {
+    width: 80px;
+    height: 30px;
+}
+
+.metrics-mini-chart-md .metrics-chart {
+    width: 100px;
+    height: 40px;
+}
+
+.metrics-mini-chart-lg .metrics-value {
+    font-size: 2rem;
+}
+
+.metrics-mini-chart-lg .metrics-label {
+    font-size: 1rem;
+}
+
+.metrics-mini-chart-lg .metrics-chart {
+    width: 120px;
+    height: 50px;
+}
+
+/* Variant Colors */
+.metrics-mini-chart-success {
+    border-left: 4px solid #198754;
+}
+
+.metrics-mini-chart-success .metrics-value {
+    color: #198754;
+}
+
+.metrics-mini-chart-danger {
+    border-left: 4px solid #dc3545;
+}
+
+.metrics-mini-chart-danger .metrics-value {
+    color: #dc3545;
+}
+
+.metrics-mini-chart-warning {
+    border-left: 4px solid #ffc107;
+}
+
+.metrics-mini-chart-warning .metrics-value {
+    color: #ffc107;
+}
+
+.metrics-mini-chart-info {
+    border-left: 4px solid #0dcaf0;
+}
+
+.metrics-mini-chart-info .metrics-value {
+    color: #0dcaf0;
+}
+
+/* Dark Theme Adjustments */
+[data-theme="dark"] .metrics-trend.trend-up {
+    color: #75b798;
+    background-color: rgba(117, 183, 152, 0.15);
+}
+
+[data-theme="dark"] .metrics-trend.trend-down {
+    color: #ea868f;
+    background-color: rgba(234, 134, 143, 0.15);
+}
+
+/* Responsive Adjustments */
+@media (max-width: 575.98px) {
+    .metrics-mini-chart-container {
+        flex-direction: column;
+        align-items: flex-start;
+    }
+
+    .metrics-mini-chart-horizontal .metrics-chart {
+        align-self: stretch;
+    }
+
+    .metrics-mini-chart-horizontal .mini-chart-svg {
+        width: 100%;
+        height: 40px;
+    }
+}
+
+/* Reduced Motion */
+@media (prefers-reduced-motion: reduce) {
+    .mini-chart-svg path,
+    .mini-chart-svg rect {
+        animation: none !important;
+    }
+
+    .metrics-mini-chart-container {
+        transition: none;
+    }
+}
+
+/* Mini Chart Tooltip */
+.mini-chart-tooltip {
+    position: absolute;
+    background: rgba(0, 0, 0, 0.85);
+    color: white;
+    padding: 0.375rem 0.625rem;
+    border-radius: 0.375rem;
+    font-size: 0.75rem;
+    line-height: 1.4;
+    pointer-events: none;
+    white-space: nowrap;
+    z-index: 1000;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+}
+
+.mini-chart-tooltip strong {
+    font-weight: 600;
+}
+
+[data-theme="dark"] .mini-chart-tooltip {
+    background: rgba(255, 255, 255, 0.9);
+    color: #212529;
+}

package/dist/charts.es.js

@@ -1,5 +1,5 @@
-import { B, M, P, S } from "./chunks/MetricsChart-x15UvXRk.js";
-import { B as B2, b, a, c, e, f, W } from "./chunks/WebApp-BONphh_h.js";
+import { B, M, P, S } from "./chunks/MetricsChart-CDX8JKp-.js";
+import { B as B2, b, a, c, e, f, W } from "./chunks/WebApp-CDxq9aWO.js";
 export {
   B2 as BUILD_TIME,
   B as BaseChart,

package/dist/chat.css

@@ -0,0 +1,392 @@
+/**
+ * MOJO Chat Component Styles
+ * Supports two themes: 'compact' (default) and 'bubbles'
+ */
+
+/* ========================================
+   Base Chat Container
+   ======================================== */
+.chat-view {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+.chat-container {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    width: 100%;
+    border: 1px solid #dee2e6;
+    border-radius: 8px;
+    overflow: hidden;
+    background: #fff;
+}
+
+.chat-messages {
+    flex: 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: 20px;
+    background: #fff;
+}
+
+.chat-input-wrapper {
+    flex-shrink: 0;
+}
+
+/* ========================================
+   Compact Theme (Option 4 - Default)
+   Admin/Activity Feed Style
+   ======================================== */
+.chat-theme-compact .message-item {
+    display: flex;
+    padding: 12px;
+    border-bottom: 1px solid #f1f3f5;
+    transition: background-color 0.15s ease;
+}
+
+.chat-theme-compact .message-item:hover {
+    background: #f8f9fa;
+}
+
+.chat-theme-compact .message-item:last-child {
+    border-bottom: none;
+}
+
+.chat-theme-compact .message-avatar {
+    width: 36px;
+    height: 36px;
+    border-radius: 50%;
+    background: #6c757d;
+    color: white;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.8rem;
+    font-weight: 600;
+    margin-right: 12px;
+    flex-shrink: 0;
+    overflow: hidden;
+}
+
+.chat-theme-compact .message-content {
+    flex: 1;
+    min-width: 0;
+}
+
+.chat-theme-compact .message-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 4px;
+    gap: 8px;
+}
+
+.chat-theme-compact .message-author {
+    font-weight: 600;
+    font-size: 0.9rem;
+    color: #212529;
+}
+
+.chat-theme-compact .message-time {
+    font-size: 0.75rem;
+    color: #6c757d;
+    white-space: nowrap;
+}
+
+.chat-theme-compact .message-text {
+    font-size: 0.9rem;
+    color: #212529;
+    line-height: 1.5;
+    word-wrap: break-word;
+}
+
+/* System messages in compact theme */
+.chat-theme-compact .chat-message-system {
+    background: #f8f9fa;
+    border-left: 3px solid #0d6efd;
+    margin: 8px 0;
+    padding: 8px 12px;
+}
+
+/* ========================================
+   Bubbles Theme (Option 1)
+   Modern Chat Bubbles Style
+   ======================================== */
+.chat-theme-bubbles .chat-message {
+    margin-bottom: 12px;
+}
+
+.chat-theme-bubbles .message-bubble-wrapper {
+    display: flex;
+    flex-direction: column;
+    max-width: 70%;
+}
+
+.chat-theme-bubbles .message-left .message-bubble-wrapper {
+    align-items: flex-start;
+}
+
+.chat-theme-bubbles .message-right .message-bubble-wrapper {
+    align-items: flex-end;
+    margin-left: auto;
+}
+
+.chat-theme-bubbles .message-meta {
+    font-size: 0.75rem;
+    color: #6c757d;
+    margin-bottom: 4px;
+    padding: 0 4px;
+}
+
+.chat-theme-bubbles .message-right .message-meta {
+    text-align: right;
+}
+
+.chat-theme-bubbles .message-bubble {
+    padding: 10px 14px;
+    border-radius: 18px;
+    word-wrap: break-word;
+    max-width: 100%;
+}
+
+.chat-theme-bubbles .message-left .message-bubble {
+    background: #e9ecef;
+    color: #212529;
+}
+
+.chat-theme-bubbles .message-right .message-bubble {
+    background: #0d6efd;
+    color: white;
+}
+
+.chat-theme-bubbles .message-text {
+    font-size: 0.9rem;
+    line-height: 1.5;
+}
+
+/* System messages in bubbles theme */
+.chat-theme-bubbles .chat-message-system {
+    max-width: 100%;
+    margin: 16px auto;
+}
+
+/* ========================================
+   Chat Input Area (Both Themes)
+   ======================================== */
+.chat-input-view {
+    border-top: 1px solid #dee2e6;
+    background: #f8f9fa;
+    width: 100%;
+}
+
+.chat-input-container {
+    padding: 15px;
+    position: relative;
+    width: 100%;
+}
+
+.chat-input-container.drag-over {
+    background: #e7f3ff;
+    border-color: #0d6efd;
+}
+
+.chat-input-container.drag-active::before {
+    content: "Drop files here";
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    font-size: 1.2rem;
+    color: #0d6efd;
+    font-weight: 600;
+    pointer-events: none;
+    z-index: 10;
+}
+
+.chat-input-wrapper {
+    position: relative;
+    display: flex;
+    align-items: flex-end;
+    gap: 8px;
+}
+
+.chat-input {
+    flex: 1;
+    border: 1px solid #ced4da;
+    border-radius: 20px;
+    padding: 10px 15px;
+    resize: none;
+    max-height: 150px;
+    font-size: 0.9rem;
+    transition: border-color 0.15s ease;
+}
+
+.chat-input:focus {
+    outline: none;
+    border-color: #0d6efd;
+    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
+}
+
+.chat-send-btn {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    padding: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+}
+
+.chat-send-btn i {
+    font-size: 1rem;
+}
+
+.chat-input-footer {
+    margin-top: 8px;
+    font-size: 0.85rem;
+}
+
+/* ========================================
+   File Attachments
+   ======================================== */
+.chat-input-attachments {
+    margin-bottom: 10px;
+}
+
+.attachment-preview {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    background: #e9ecef;
+    padding: 8px 12px;
+    border-radius: 8px;
+    margin-right: 8px;
+    margin-bottom: 8px;
+    font-size: 0.85rem;
+}
+
+.attachment-preview.upload-complete {
+    background: #d1e7dd;
+}
+
+.attachment-preview.upload-error {
+    background: #f8d7da;
+}
+
+.attachment-info {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+}
+
+.attachment-name {
+    font-weight: 500;
+    max-width: 200px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.attachment-size {
+    color: #6c757d;
+    font-size: 0.75rem;
+}
+
+.attachment-progress {
+    min-width: 100px;
+}
+
+.attachment-remove {
+    padding: 0;
+    margin: 0;
+    line-height: 1;
+}
+
+/* File attachments in messages */
+.message-text .file-attachment,
+[data-container="attachments"] .file-attachment {
+    display: inline-block;
+    margin-top: 8px;
+    padding: 8px 12px;
+    background: rgba(0, 0, 0, 0.05);
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    border-radius: 8px;
+    font-size: 0.85rem;
+    transition: background-color 0.15s ease;
+}
+
+.message-text .file-attachment:hover,
+[data-container="attachments"] .file-attachment:hover {
+    background: rgba(0, 0, 0, 0.1);
+}
+
+.message-text .file-attachment i,
+[data-container="attachments"] .file-attachment i {
+    margin-right: 6px;
+}
+
+/* For bubbles theme, adjust file attachment styling */
+.chat-theme-bubbles .message-right .file-attachment {
+    background: rgba(255, 255, 255, 0.2);
+    border-color: rgba(255, 255, 255, 0.3);
+    color: white;
+}
+
+/* ========================================
+   System Messages
+   ======================================== */
+.chat-message-system {
+    text-align: center;
+    padding: 8px 12px;
+    margin: 12px 0;
+}
+
+/* ========================================
+   Scrollbar Styling
+   ======================================== */
+.chat-messages::-webkit-scrollbar {
+    width: 8px;
+}
+
+.chat-messages::-webkit-scrollbar-track {
+    background: #f1f3f5;
+}
+
+.chat-messages::-webkit-scrollbar-thumb {
+    background: #adb5bd;
+    border-radius: 4px;
+}
+
+.chat-messages::-webkit-scrollbar-thumb:hover {
+    background: #6c757d;
+}
+
+/* ========================================
+   Responsive Adjustments
+   ======================================== */
+@media (max-width: 768px) {
+    .chat-theme-bubbles .message-bubble-wrapper {
+        max-width: 85%;
+    }
+
+    .chat-theme-compact .message-avatar {
+        width: 32px;
+        height: 32px;
+        font-size: 0.75rem;
+    }
+
+    .attachment-name {
+        max-width: 150px;
+    }
+}
+
+/* ========================================
+   Utility Classes
+   ======================================== */
+.badge-sm {
+    font-size: 0.7rem;
+    padding: 2px 6px;
+}