web-mojo 2.1.498 → 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-Bo0ky0UE.js"),r=require("./chunks/WebApp-D801tYpF.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-DJU0UetE.js";
-import { B as B2, b, a, c, e, f, W } from "./chunks/WebApp-BdmNWAj2.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/chunks/{ChatView-DkK2PBny.js → ChatView-B57YxUKj.js}

@@ -1,8 +1,8 @@
-import { M as Model, C as Collection, T as ToastService, G as GroupList, d as UserList } from "./ContextMenu-A1PxR6Zt.js";
-import { r as rest, V as View, d as dataFormatter, M as Mustache } from "./WebApp-BdmNWAj2.js";
-import { P as Page } from "./Page-dP8b4UdB.js";
-import Dialog from "./Dialog-DtSluuiz.js";
-import { F as FormView, a as applyFileDropMixin } from "./FormView-DrvkHPA-.js";
+import { M as Model, C as Collection, T as ToastService, G as GroupList, d as UserList } from "./ContextMenu-CjPlCuJl.js";
+import { r as rest, V as View, d as dataFormatter, M as Mustache } from "./WebApp-CDxq9aWO.js";
+import { P as Page } from "./Page-C7F-OstP.js";
+import Dialog from "./Dialog-Bu4kE-6z.js";
+import { F as FormView, a as applyFileDropMixin } from "./FormView-D2RN_VDh.js";
 class S3Bucket extends Model {
   constructor(data = {}) {
     super(data, {
@@ -6804,10 +6804,14 @@ class ChatInputView extends View {
   /**
    * Handle upload completion
    * @param {string} uploadId - Upload ID
-   * @param {Object} result - Upload result data
+   * @param {Object} result - Upload result data (contains file.id)
    */
   handleUploadComplete(uploadId, result) {
-    this.attachments.push(result);
+    this.attachments.push({
+      id: result.id || result.file?.id || result,
+      name: result.name || this.pendingUploads.get(uploadId)?.file.name,
+      uploadId
+    });
     this.pendingUploads.delete(uploadId);
     const preview = this.element.querySelector(`[data-upload-id="${uploadId}"]`);
     if (preview) {
@@ -7016,16 +7020,34 @@ class ChatView extends View {
    */
   async handleSendMessage(data) {
     try {
-      const result = await this.adapter.addNote(data);
-      if (result.success) {
-        this.messages = await this.adapter.fetch();
-        this.messages.forEach((message) => {
-          if (!this.messageViews.has(message.id)) {
-            this.addMessage(message, true);
-          }
+      if (data.text && data.text.trim()) {
+        const result = await this.adapter.addNote({
+          text: data.text,
+          files: data.files && data.files.length > 0 ? [data.files[0]] : []
+        });
+        if (!result.success) {
+          throw new Error("Failed to send message");
+        }
+      }
+      const startIndex = data.text && data.text.trim() && data.files.length > 0 ? 1 : 0;
+      for (let i = startIndex; i < (data.files?.length || 0); i++) {
+        const file = data.files[i];
+        const result = await this.adapter.addNote({
+          text: "",
+          // Empty text, just the file
+          files: [file]
         });
-        this.inputView.clearInput();
+        if (!result.success) {
+          console.error("Failed to upload file:", file);
+        }
       }
+      this.messages = await this.adapter.fetch();
+      this.messages.forEach((message) => {
+        if (!this.messageViews.has(message.id)) {
+          this.addMessage(message, true);
+        }
+      });
+      this.inputView.clearInput();
     } catch (error) {
       console.error("Failed to send message:", error);
     }
@@ -7155,4 +7177,4 @@ export {
   FileList as y,
   FileForms as z
 };
-//# sourceMappingURL=ChatView-DkK2PBny.js.map
+//# sourceMappingURL=ChatView-B57YxUKj.js.map