@oneuptime/common 10.0.27 → 10.0.29

package/build/dist/UI/Components/LogsViewer/components/LogsTable.js

@@ -7,6 +7,7 @@ import { getSeverityTheme } from "./severityTheme";
 import SortOrder from "../../../../Types/BaseDatabase/SortOrder";
 import Icon from "../../Icon/Icon";
 import IconProp from "../../../../Types/Icon/IconProp";
+import { getLogsAttributeKeyFromColumnId, isLogsAttributeColumnId, normalizeLogsTableColumns, } from "../types";
 export const resolveLogIdentifier = (log, index) => {
     const possibleIds = [
         log.id,
@@ -28,10 +29,30 @@ export const resolveLogIdentifier = (log, index) => {
     }
     return `log-row-${index}`;
 };
+const stringifyLogValue = (value) => {
+    if (value === undefined || value === null) {
+        return "-";
+    }
+    if (typeof value === "string") {
+        return value || "-";
+    }
+    if (typeof value === "number" || typeof value === "boolean") {
+        return value.toString();
+    }
+    try {
+        return JSON.stringify(value);
+    }
+    catch (_a) {
+        return String(value);
+    }
+};
 const LogsTable = (props) => {
     const showEmptyState = !props.isLoading && props.logs.length === 0;
     const activeSortField = props.sortField;
     const activeSortOrder = props.sortOrder || SortOrder.Descending;
+    const selectedColumns = normalizeLogsTableColumns(props.selectedColumns);
+    const showTraceColumn = selectedColumns.includes("traceId");
+    const showSpanColumn = selectedColumns.includes("spanId");
     const resolveSortIcon = (field) => {
         if (activeSortField !== field) {
             return IconProp.ArrowUpDown;
@@ -47,36 +68,54 @@ const LogsTable = (props) => {
         }
         return `${base} text-gray-300`;
     };
+    const getHeaderCell = (columnId) => {
+        if (columnId === "time") {
+            return (React.createElement("th", { scope: "col", className: "px-4 py-2.5", key: columnId },
+                React.createElement("button", { type: "button", className: `flex items-center gap-2 text-left font-semibold tracking-wider text-gray-500 transition-colors hover:text-gray-700 focus:outline-none ${activeSortField === "time" ? "text-gray-700" : ""}`, onClick: () => {
+                        var _a;
+                        (_a = props.onSortChange) === null || _a === void 0 ? void 0 : _a.call(props, "time");
+                    }, "aria-sort": activeSortField === "time"
+                        ? activeSortOrder === SortOrder.Descending
+                            ? "descending"
+                            : "ascending"
+                        : "none" },
+                    React.createElement("span", null, "Time"),
+                    React.createElement(Icon, { icon: resolveSortIcon("time"), className: resolveSortIconClass("time"), "aria-hidden": "true" }))));
+        }
+        if (columnId === "severity") {
+            return (React.createElement("th", { scope: "col", className: "px-4 py-2.5", key: columnId },
+                React.createElement("button", { type: "button", className: `flex items-center gap-2 text-left font-semibold tracking-wider text-gray-500 transition-colors hover:text-gray-700 focus:outline-none ${activeSortField === "severityText" ? "text-gray-700" : ""}`, onClick: () => {
+                        var _a;
+                        (_a = props.onSortChange) === null || _a === void 0 ? void 0 : _a.call(props, "severityText");
+                    }, "aria-sort": activeSortField === "severityText"
+                        ? activeSortOrder === SortOrder.Descending
+                            ? "descending"
+                            : "ascending"
+                        : "none" },
+                    React.createElement("span", null, "Severity"),
+                    React.createElement(Icon, { icon: resolveSortIcon("severityText"), className: resolveSortIconClass("severityText"), "aria-hidden": "true" }))));
+        }
+        if (columnId === "service") {
+            return (React.createElement("th", { scope: "col", className: "px-4 py-2.5", key: columnId }, "Service"));
+        }
+        if (columnId === "message") {
+            return (React.createElement("th", { scope: "col", className: "px-4 py-2.5", key: columnId }, "Message"));
+        }
+        if (columnId === "traceId") {
+            return (React.createElement("th", { scope: "col", className: "px-4 py-2.5", key: columnId }, "Trace ID"));
+        }
+        if (columnId === "spanId") {
+            return (React.createElement("th", { scope: "col", className: "px-4 py-2.5", key: columnId }, "Span ID"));
+        }
+        return (React.createElement("th", { scope: "col", className: "px-4 py-2.5", key: columnId }, getLogsAttributeKeyFromColumnId(columnId) || columnId));
+    };
     return (React.createElement("div", { className: "relative" },
         React.createElement("div", { className: "overflow-x-auto bg-white" },
             React.createElement("table", { className: "min-w-full" },
                 React.createElement("thead", { className: "bg-gray-50/80" },
-                    React.createElement("tr", { className: "text-left text-[11px] font-semibold uppercase tracking-wider text-gray-500" },
-                        React.createElement("th", { scope: "col", className: "px-4 py-2.5" },
-                            React.createElement("button", { type: "button", className: `flex items-center gap-2 text-left font-semibold tracking-wider text-gray-500 transition-colors hover:text-gray-700 focus:outline-none ${activeSortField === "time" ? "text-gray-700" : ""}`, onClick: () => {
-                                    var _a;
-                                    (_a = props.onSortChange) === null || _a === void 0 ? void 0 : _a.call(props, "time");
-                                }, "aria-sort": activeSortField === "time"
-                                    ? activeSortOrder === SortOrder.Descending
-                                        ? "descending"
-                                        : "ascending"
-                                    : "none" },
-                                React.createElement("span", null, "Time"),
-                                React.createElement(Icon, { icon: resolveSortIcon("time"), className: resolveSortIconClass("time"), "aria-hidden": "true" }))),
-                        React.createElement("th", { scope: "col", className: "px-4 py-2.5" },
-                            React.createElement("span", null, "Service")),
-                        React.createElement("th", { scope: "col", className: "px-4 py-2.5" },
-                            React.createElement("button", { type: "button", className: `flex items-center gap-2 text-left font-semibold tracking-wider text-gray-500 transition-colors hover:text-gray-700 focus:outline-none ${activeSortField === "severityText" ? "text-gray-700" : ""}`, onClick: () => {
-                                    var _a;
-                                    (_a = props.onSortChange) === null || _a === void 0 ? void 0 : _a.call(props, "severityText");
-                                }, "aria-sort": activeSortField === "severityText"
-                                    ? activeSortOrder === SortOrder.Descending
-                                        ? "descending"
-                                        : "ascending"
-                                    : "none" },
-                                React.createElement("span", null, "Severity"),
-                                React.createElement(Icon, { icon: resolveSortIcon("severityText"), className: resolveSortIconClass("severityText"), "aria-hidden": "true" }))),
-                        React.createElement("th", { scope: "col", className: "px-4 py-2.5" }, "Message"))),
+                    React.createElement("tr", { className: "text-left text-[11px] font-semibold uppercase tracking-wider text-gray-500" }, selectedColumns.map((columnId) => {
+                        return getHeaderCell(columnId);
+                    }))),
                 React.createElement("tbody", { className: "divide-y divide-gray-100" }, props.logs.map((log, index) => {
                     var _a, _b, _c, _d;
                     const rowId = resolveLogIdentifier(log, index);
@@ -95,30 +134,60 @@ const LogsTable = (props) => {
                                 props.onRowClick(log, rowId);
                             }, className: `group cursor-pointer align-top transition-colors hover:bg-gray-50/70 border-l-[3px] ${severityTheme.borderClass} ${isSelected
                                 ? "bg-indigo-50/50 ring-1 ring-inset ring-indigo-200"
-                                : ""}`, "aria-selected": isSelected, "aria-expanded": isSelected },
-                            React.createElement("td", { className: "whitespace-nowrap px-4 py-2 text-[13px] font-mono text-gray-600" }, log.time
-                                ? OneUptimeDate.getDateAsUserFriendlyFormattedString(log.time)
-                                : "-"),
-                            React.createElement("td", { className: "px-4 py-2" },
-                                React.createElement("div", { className: "flex items-center gap-3 text-sm text-gray-700" },
-                                    React.createElement("span", { className: "h-2.5 w-2.5 flex-none rounded-full shadow-sm", style: { backgroundColor: serviceColor }, "aria-hidden": "true" }),
-                                    React.createElement("span", { className: "truncate", title: serviceName }, serviceName))),
-                            React.createElement("td", { className: "px-4 py-2" },
-                                React.createElement(SeverityBadge, { severity: log.severityText })),
-                            React.createElement("td", { className: "px-4 py-2" },
-                                React.createElement("div", { className: "flex items-start justify-between gap-3" },
-                                    React.createElement("div", { className: "flex min-w-0 flex-1 flex-col gap-1" },
-                                        React.createElement("p", { className: "whitespace-pre-wrap break-words text-sm text-gray-800", title: message }, message || "-"),
-                                        (traceId || spanId) && (React.createElement("div", { className: "flex flex-wrap gap-3 text-[11px] tracking-wide text-gray-400" },
-                                            traceId && React.createElement("span", null,
-                                                "Trace: ",
-                                                traceId),
-                                            spanId && React.createElement("span", null,
-                                                "Span: ",
-                                                spanId)))),
-                                    React.createElement(CopyTextButton, { textToBeCopied: message, size: "xs", variant: "ghost", iconOnly: true, title: "Copy log message", className: "opacity-0 group-hover:opacity-100 transition-opacity" })))),
+                                : ""}`, "aria-selected": isSelected, "aria-expanded": isSelected }, selectedColumns.map((columnId) => {
+                            if (columnId === "time") {
+                                return (React.createElement("td", { className: "whitespace-nowrap px-4 py-2 text-[13px] font-mono text-gray-600", key: columnId }, log.time
+                                    ? OneUptimeDate.getDateAsUserFriendlyFormattedString(log.time)
+                                    : "-"));
+                            }
+                            if (columnId === "service") {
+                                return (React.createElement("td", { className: "px-4 py-2", key: columnId },
+                                    React.createElement("div", { className: "flex items-center gap-3 text-sm text-gray-700" },
+                                        React.createElement("span", { className: "h-2.5 w-2.5 flex-none rounded-full shadow-sm", style: { backgroundColor: serviceColor }, "aria-hidden": "true" }),
+                                        React.createElement("span", { className: "truncate", title: serviceName }, serviceName))));
+                            }
+                            if (columnId === "severity") {
+                                return (React.createElement("td", { className: "px-4 py-2", key: columnId },
+                                    React.createElement(SeverityBadge, { severity: log.severityText })));
+                            }
+                            if (columnId === "message") {
+                                return (React.createElement("td", { className: "px-4 py-2", key: columnId },
+                                    React.createElement("div", { className: "flex items-start justify-between gap-3" },
+                                        React.createElement("div", { className: "flex min-w-0 flex-1 flex-col gap-1" },
+                                            React.createElement("p", { className: "whitespace-pre-wrap break-words text-sm text-gray-800", title: message }, message || "-"),
+                                            ((traceId && !showTraceColumn) ||
+                                                (spanId && !showSpanColumn)) && (React.createElement("div", { className: "flex flex-wrap gap-3 text-[11px] tracking-wide text-gray-400" },
+                                                traceId && !showTraceColumn && (React.createElement("span", null,
+                                                    "Trace: ",
+                                                    traceId)),
+                                                spanId && !showSpanColumn && (React.createElement("span", null,
+                                                    "Span: ",
+                                                    spanId))))),
+                                        React.createElement(CopyTextButton, { textToBeCopied: message, size: "xs", variant: "ghost", iconOnly: true, title: "Copy log message", className: "opacity-0 transition-opacity group-hover:opacity-100" }))));
+                            }
+                            if (columnId === "traceId") {
+                                return (React.createElement("td", { className: "max-w-xs px-4 py-2 text-sm text-gray-600", key: columnId },
+                                    React.createElement("span", { className: "block truncate font-mono", title: traceId }, traceId || "-")));
+                            }
+                            if (columnId === "spanId") {
+                                return (React.createElement("td", { className: "max-w-xs px-4 py-2 text-sm text-gray-600", key: columnId },
+                                    React.createElement("span", { className: "block truncate font-mono", title: spanId }, spanId || "-")));
+                            }
+                            if (isLogsAttributeColumnId(columnId)) {
+                                const attributeKey = getLogsAttributeKeyFromColumnId(columnId);
+                                const attributeValue = attributeKey &&
+                                    typeof log.attributes === "object" &&
+                                    log.attributes
+                                    ? log.attributes[attributeKey]
+                                    : undefined;
+                                const displayValue = stringifyLogValue(attributeValue);
+                                return (React.createElement("td", { className: "max-w-xs px-4 py-2 text-sm text-gray-600", key: columnId },
+                                    React.createElement("span", { className: "block truncate", title: displayValue }, displayValue)));
+                            }
+                            return (React.createElement("td", { className: "px-4 py-2 text-sm text-gray-600", key: columnId }, "-"));
+                        })),
                         isSelected && props.renderExpandedContent && (React.createElement("tr", { className: "bg-white" },
-                            React.createElement("td", { colSpan: 4, className: "px-6 pb-6 pt-3" }, props.renderExpandedContent(log))))));
+                            React.createElement("td", { colSpan: selectedColumns.length, className: "px-6 pb-6 pt-3" }, props.renderExpandedContent(log))))));
                 })))),
         props.isLoading && (React.createElement("div", { className: "absolute inset-0 flex items-center justify-center bg-white/80 backdrop-blur-sm" },
             React.createElement(ComponentLoader, null))),

package/build/dist/UI/Components/LogsViewer/components/LogsTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogsTable.js","sourceRoot":"","sources":["../../../../../../UI/Components/LogsViewer/components/LogsTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAmC,MAAM,OAAO,CAAC;AAIzE,OAAO,aAAa,MAAM,wBAAwB,CAAC;AACnD,OAAO,cAAc,MAAM,qCAAqC,CAAC;AACjE,OAAO,eAAe,MAAM,uCAAuC,CAAC;AACpE,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAiB,MAAM,iBAAiB,CAAC;AAClE,OAAO,SAAS,MAAM,0CAA0C,CAAC;AACjE,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AAevD,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CACvE,GAAQ,EACR,KAAa,EACL,EAAE;IACV,MAAM,WAAW,GAAmB;QACjC,GAAW,CAAC,EAAE;QACd,GAAW,CAAC,GAAG;QACf,GAAW,CAAC,SAAS;QACtB,GAAG,CAAC,OAAO;QACX,GAAG,CAAC,YAAY;KACjB,CAAC;IAEF,KAAK,MAAM,SAAS,IAAI,WAAW,EAAE,CAAC;QACpC,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,SAAS;QACX,CAAC;QAED,IAAI,CAAC;YACH,OAAO,SAAS,CAAC,QAAQ,EAAE,CAAC;QAC9B,CAAC;QAAC,WAAM,CAAC;YACP,SAAS;QACX,CAAC;IACH,CAAC;IAED,OAAO,WAAW,KAAK,EAAE,CAAC;AAC5B,CAAC,CAAC;AAIF,MAAM,SAAS,GAAsC,CACnD,KAAqB,EACP,EAAE;IAChB,MAAM,cAAc,GAAY,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;IAC5E,MAAM,eAAe,GAAmC,KAAK,CAAC,SAAS,CAAC;IACxE,MAAM,eAAe,GAAc,KAAK,CAAC,SAAS,IAAI,SAAS,CAAC,UAAU,CAAC;IAE3E,MAAM,eAAe,GAA4C,CAC/D,KAAyB,EACf,EAAE;QACZ,IAAI,eAAe,KAAK,KAAK,EAAE,CAAC;YAC9B,OAAO,QAAQ,CAAC,WAAW,CAAC;QAC9B,CAAC;QAED,OAAO,eAAe,KAAK,SAAS,CAAC,UAAU;YAC7C,CAAC,CAAC,QAAQ,CAAC,WAAW;YACtB,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAA0C,CAClE,KAAyB,EACjB,EAAE;QACV,MAAM,IAAI,GAAW,yCAAyC,CAAC;QAC/D,IAAI,eAAe,KAAK,KAAK,EAAE,CAAC;YAC9B,OAAO,GAAG,IAAI,kBAAkB,CAAC;QACnC,CAAC;QAED,OAAO,GAAG,IAAI,gBAAgB,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,UAAU;QACvB,6BAAK,SAAS,EAAC,0BAA0B;YACvC,+BAAO,SAAS,EAAC,YAAY;gBAC3B,+BAAO,SAAS,EAAC,eAAe;oBAC9B,4BAAI,SAAS,EAAC,4EAA4E;wBACxF,4BAAI,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,aAAa;4BACrC,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,yIACT,eAAe,KAAK,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EACjD,EAAE,EACF,OAAO,EAAE,GAAG,EAAE;;oCACZ,MAAA,KAAK,CAAC,YAAY,sDAAG,MAAM,CAAC,CAAC;gCAC/B,CAAC,eAEC,eAAe,KAAK,MAAM;oCACxB,CAAC,CAAC,eAAe,KAAK,SAAS,CAAC,UAAU;wCACxC,CAAC,CAAC,YAAY;wCACd,CAAC,CAAC,WAAW;oCACf,CAAC,CAAC,MAAM;gCAGZ,yCAAiB;gCACjB,oBAAC,IAAI,IACH,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,EAC7B,SAAS,EAAE,oBAAoB,CAAC,MAAM,CAAC,iBAC3B,MAAM,GAClB,CACK,CACN;wBACL,4BAAI,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,aAAa;4BACrC,4CAAoB,CACjB;wBACL,4BAAI,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,aAAa;4BACrC,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,yIACT,eAAe,KAAK,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EACzD,EAAE,EACF,OAAO,EAAE,GAAG,EAAE;;oCACZ,MAAA,KAAK,CAAC,YAAY,sDAAG,cAAc,CAAC,CAAC;gCACvC,CAAC,eAEC,eAAe,KAAK,cAAc;oCAChC,CAAC,CAAC,eAAe,KAAK,SAAS,CAAC,UAAU;wCACxC,CAAC,CAAC,YAAY;wCACd,CAAC,CAAC,WAAW;oCACf,CAAC,CAAC,MAAM;gCAGZ,6CAAqB;gCACrB,oBAAC,IAAI,IACH,IAAI,EAAE,eAAe,CAAC,cAAc,CAAC,EACrC,SAAS,EAAE,oBAAoB,CAAC,cAAc,CAAC,iBACnC,MAAM,GAClB,CACK,CACN;wBACL,4BAAI,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,aAAa,cAElC,CACF,CACC;gBACR,+BAAO,SAAS,EAAC,0BAA0B,IACxC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,KAAa,EAAE,EAAE;;oBAC1C,MAAM,KAAK,GAAW,oBAAoB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;oBACvD,MAAM,SAAS,GAAW,CAAA,MAAA,GAAG,CAAC,SAAS,0CAAE,QAAQ,EAAE,KAAI,EAAE,CAAC;oBAC1D,MAAM,OAAO,GAAwB,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;oBACjE,MAAM,WAAW,GACf,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,KAAI,SAAS,IAAI,SAAS,CAAC;oBAC1C,MAAM,YAAY,GAChB,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,MAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,QAAQ,EAAE,CAAA,CAAC;wBAC3D,SAAS,CAAC;oBAEZ,MAAM,OAAO,GAAW,CAAA,MAAA,GAAG,CAAC,IAAI,0CAAE,QAAQ,EAAE,KAAI,EAAE,CAAC;oBACnD,MAAM,OAAO,GAAW,CAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,QAAQ,EAAE,KAAI,EAAE,CAAC;oBACtD,MAAM,MAAM,GAAW,CAAA,MAAA,GAAG,CAAC,MAAM,0CAAE,QAAQ,EAAE,KAAI,EAAE,CAAC;oBAEpD,MAAM,UAAU,GAAY,KAAK,CAAC,aAAa,KAAK,KAAK,CAAC;oBAC1D,MAAM,aAAa,GAAkB,gBAAgB,CACnD,GAAG,CAAC,YAAY,CACjB,CAAC;oBAEF,OAAO,CACL,oBAAC,QAAQ,IAAC,GAAG,EAAE,KAAK;wBAClB,4BACE,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;4BAC/B,CAAC,EACD,SAAS,EAAE,uFAAuF,aAAa,CAAC,WAAW,IACzH,UAAU;gCACR,CAAC,CAAC,mDAAmD;gCACrD,CAAC,CAAC,EACN,EAAE,mBACa,UAAU,mBACV,UAAU;4BAEzB,4BAAI,SAAS,EAAC,iEAAiE,IAC5E,GAAG,CAAC,IAAI;gCACP,CAAC,CAAC,aAAa,CAAC,oCAAoC,CAChD,GAAG,CAAC,IAAI,CACT;gCACH,CAAC,CAAC,GAAG,CACJ;4BACL,4BAAI,SAAS,EAAC,WAAW;gCACvB,6BAAK,SAAS,EAAC,+CAA+C;oCAC5D,8BACE,SAAS,EAAC,8CAA8C,EACxD,KAAK,EAAE,EAAE,eAAe,EAAE,YAAY,EAAE,iBAC5B,MAAM,GAClB;oCACF,8BAAM,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,WAAW,IAC1C,WAAW,CACP,CACH,CACH;4BACL,4BAAI,SAAS,EAAC,WAAW;gCACvB,oBAAC,aAAa,IAAC,QAAQ,EAAE,GAAG,CAAC,YAAY,GAAI,CAC1C;4BACL,4BAAI,SAAS,EAAC,WAAW;gCACvB,6BAAK,SAAS,EAAC,wCAAwC;oCACrD,6BAAK,SAAS,EAAC,oCAAoC;wCACjD,2BACE,SAAS,EAAC,uDAAuD,EACjE,KAAK,EAAE,OAAO,IAEb,OAAO,IAAI,GAAG,CACb;wCACH,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI,CACtB,6BAAK,SAAS,EAAC,8DAA8D;4CAC1E,OAAO,IAAI;;gDAAc,OAAO,CAAQ;4CACxC,MAAM,IAAI;;gDAAa,MAAM,CAAQ,CAClC,CACP,CACG;oCACN,oBAAC,cAAc,IACb,cAAc,EAAE,OAAO,EACvB,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,IAAI,EACd,KAAK,EAAC,kBAAkB,EACxB,SAAS,EAAC,sDAAsD,GAChE,CACE,CACH,CACF;wBAEJ,UAAU,IAAI,KAAK,CAAC,qBAAqB,IAAI,CAC5C,4BAAI,SAAS,EAAC,UAAU;4BACtB,4BAAI,OAAO,EAAE,CAAC,EAAE,SAAS,EAAC,gBAAgB,IACvC,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAC9B,CACF,CACN,CACQ,CACZ,CAAC;gBACJ,CAAC,CAAC,CACI,CACF,CACJ;QAEL,KAAK,CAAC,SAAS,IAAI,CAClB,6BAAK,SAAS,EAAC,gFAAgF;YAC7F,oBAAC,eAAe,OAAG,CACf,CACP;QAEA,cAAc,IAAI,CACjB,6BAAK,SAAS,EAAC,yEAAyE;YACtF,6BAAK,SAAS,EAAC,oFAAoF;gBACjG,2BAAG,SAAS,EAAC,2CAA2C,oBAEpD;gBACJ,2BAAG,SAAS,EAAC,sCAAsC,IAChD,KAAK,CAAC,YAAY,IAAI,sCAAsC,CAC3D,CACA,CACF,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"LogsTable.js","sourceRoot":"","sources":["../../../../../../UI/Components/LogsViewer/components/LogsTable.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/LogsViewer/components/LogsViewerToolbar.js

@@ -1,21 +1,28 @@
 import React from "react";
 import LiveLogsToggle from "./LiveLogsToggle";
 import LogTimeRangePicker from "./LogTimeRangePicker";
+import ColumnSelector from "./ColumnSelector";
+import SavedViewsDropdown from "./SavedViewsDropdown";
 const LogsViewerToolbar = (props) => {
     const { currentPage, totalPages } = props;
     const hasPaginationSummary = Boolean(currentPage && totalPages && totalPages > 0);
     return (React.createElement("div", { className: `flex items-center justify-between gap-3 ${props.className || ""}` },
-        React.createElement("div", { className: "flex flex-wrap items-center gap-3 text-xs text-gray-500" },
-            React.createElement("span", { className: "font-medium text-gray-700" },
-                props.resultCount.toLocaleString(),
-                " result",
-                props.resultCount === 1 ? "" : "s"),
-            hasPaginationSummary && (React.createElement("span", { className: "text-gray-400" },
-                "Page ",
-                currentPage,
-                " of ",
-                totalPages))),
-        React.createElement("div", { className: "flex items-center gap-3" },
+        React.createElement("div", { className: "flex flex-wrap items-center gap-3" },
+            props.savedViews && props.onSavedViewSelect && (React.createElement(SavedViewsDropdown, { savedViews: props.savedViews, selectedSavedViewId: props.selectedSavedViewId, onSelect: props.onSavedViewSelect, onCreate: props.onCreateSavedView, onEdit: props.onEditSavedView, onDelete: props.onDeleteSavedView, onUpdateCurrent: props.onUpdateCurrentSavedView })),
+            React.createElement("div", { className: "flex items-center gap-2 text-xs text-gray-500" },
+                React.createElement("span", { className: "font-medium text-gray-700" },
+                    props.resultCount.toLocaleString(),
+                    " result",
+                    props.resultCount === 1 ? "" : "s"),
+                hasPaginationSummary && (React.createElement("span", { className: "text-gray-400" },
+                    "Page ",
+                    currentPage,
+                    " of ",
+                    totalPages)))),
+        React.createElement("div", { className: "flex flex-wrap items-center justify-end gap-2" },
+            props.availableColumns &&
+                props.selectedColumns &&
+                props.onSelectedColumnsChange && (React.createElement(ColumnSelector, { availableColumns: props.availableColumns, selectedColumns: props.selectedColumns, onChange: props.onSelectedColumnsChange })),
             props.timeRange && props.onTimeRangeChange && (React.createElement(LogTimeRangePicker, { value: props.timeRange, onChange: props.onTimeRangeChange })),
             props.liveOptions && React.createElement(LiveLogsToggle, Object.assign({}, props.liveOptions)))));
 };

package/build/dist/UI/Components/LogsViewer/components/LogsViewerToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogsViewerToolbar.js","sourceRoot":"","sources":["../../../../../../UI/Components/LogsViewer/components/LogsViewerToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AActD,MAAM,iBAAiB,GAA8C,CACnE,KAA6B,EACf,EAAE;IAChB,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,oBAAoB,GAAY,OAAO,CAC3C,WAAW,IAAI,UAAU,IAAI,UAAU,GAAG,CAAC,CAC5C,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,2CAA2C,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE;QAE7E,6BAAK,SAAS,EAAC,yDAAyD;YACtE,8BAAM,SAAS,EAAC,2BAA2B;gBACxC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE;;gBAClC,KAAK,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAC9B;YACN,oBAAoB,IAAI,CACvB,8BAAM,SAAS,EAAC,eAAe;;gBACvB,WAAW;;gBAAM,UAAU,CAC5B,CACR,CACG;QAEN,6BAAK,SAAS,EAAC,yBAAyB;YACrC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,iBAAiB,IAAI,CAC7C,oBAAC,kBAAkB,IACjB,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,KAAK,CAAC,iBAAiB,GACjC,CACH;YAEA,KAAK,CAAC,WAAW,IAAI,oBAAC,cAAc,oBAAK,KAAK,CAAC,WAAW,EAAI,CAC3D,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"LogsViewerToolbar.js","sourceRoot":"","sources":["../../../../../../UI/Components/LogsViewer/components/LogsViewerToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AA4BtD,MAAM,iBAAiB,GAA8C,CACnE,KAA6B,EACf,EAAE;IAChB,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,oBAAoB,GAAY,OAAO,CAC3C,WAAW,IAAI,UAAU,IAAI,UAAU,GAAG,CAAC,CAC5C,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,2CAA2C,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE;QAG7E,6BAAK,SAAS,EAAC,mCAAmC;YAC/C,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,iBAAiB,IAAI,CAC9C,oBAAC,kBAAkB,IACjB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAC9C,QAAQ,EAAE,KAAK,CAAC,iBAAiB,EACjC,QAAQ,EAAE,KAAK,CAAC,iBAAiB,EACjC,MAAM,EAAE,KAAK,CAAC,eAAe,EAC7B,QAAQ,EAAE,KAAK,CAAC,iBAAiB,EACjC,eAAe,EAAE,KAAK,CAAC,wBAAwB,GAC/C,CACH;YAED,6BAAK,SAAS,EAAC,+CAA+C;gBAC5D,8BAAM,SAAS,EAAC,2BAA2B;oBACxC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE;;oBAClC,KAAK,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAC9B;gBACN,oBAAoB,IAAI,CACvB,8BAAM,SAAS,EAAC,eAAe;;oBACvB,WAAW;;oBAAM,UAAU,CAC5B,CACR,CACG,CACF;QAGN,6BAAK,SAAS,EAAC,+CAA+C;YAC3D,KAAK,CAAC,gBAAgB;gBACrB,KAAK,CAAC,eAAe;gBACrB,KAAK,CAAC,uBAAuB,IAAI,CAC/B,oBAAC,cAAc,IACb,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,QAAQ,EAAE,KAAK,CAAC,uBAAuB,GACvC,CACH;YAEF,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,iBAAiB,IAAI,CAC7C,oBAAC,kBAAkB,IACjB,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,KAAK,CAAC,iBAAiB,GACjC,CACH;YAEA,KAAK,CAAC,WAAW,IAAI,oBAAC,cAAc,oBAAK,KAAK,CAAC,WAAW,EAAI,CAC3D,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/build/dist/UI/Components/LogsViewer/components/SavedViewsDropdown.js

@@ -0,0 +1,58 @@
+import React from "react";
+import useComponentOutsideClick from "../../../Types/UseComponentOutsideClick";
+const triggerButtonClassName = "inline-flex items-center gap-1.5 rounded-md border border-gray-200 bg-white px-2.5 py-1.5 text-xs font-medium text-gray-700 shadow-sm transition-colors hover:border-gray-300 hover:bg-gray-50";
+const SavedViewsDropdown = (props) => {
+    const { ref, isComponentVisible, setIsComponentVisible } = useComponentOutsideClick(false);
+    const selectedView = props.savedViews.find((view) => {
+        return view.id === props.selectedSavedViewId;
+    });
+    return (React.createElement("div", { className: "relative", ref: ref },
+        React.createElement("button", { type: "button", className: triggerButtonClassName, onClick: () => {
+                setIsComponentVisible(!isComponentVisible);
+            }, "aria-haspopup": "dialog", "aria-expanded": isComponentVisible },
+            React.createElement("span", { className: "max-w-40 truncate" }, (selectedView === null || selectedView === void 0 ? void 0 : selectedView.name) || "Saved Views"),
+            React.createElement("span", { className: "text-xs text-gray-400" }, props.savedViews.length.toLocaleString())),
+        isComponentVisible && (React.createElement("div", { className: "absolute left-0 z-20 mt-2 w-72 rounded-lg border border-gray-200 bg-white shadow-xl" },
+            React.createElement("div", { className: "max-h-72 overflow-y-auto py-1" },
+                props.savedViews.length === 0 && (React.createElement("div", { className: "px-3 py-6 text-center text-xs text-gray-400" }, "No saved views yet.")),
+                props.savedViews.map((view) => {
+                    const isSelected = view.id === props.selectedSavedViewId;
+                    return (React.createElement("div", { key: view.id, className: `group flex items-center justify-between gap-2 px-3 py-1.5 ${isSelected ? "bg-indigo-50" : "hover:bg-gray-50"}` },
+                        React.createElement("button", { type: "button", className: "flex min-w-0 flex-1 items-center gap-2 text-left", onClick: () => {
+                                props.onSelect(view.id);
+                                setIsComponentVisible(false);
+                            } },
+                            React.createElement("span", { className: "w-4 shrink-0 text-center text-xs" }, isSelected ? (React.createElement("span", { className: "text-indigo-600" }, "\u2713")) : ("")),
+                            React.createElement("span", { className: `truncate text-sm ${isSelected
+                                    ? "font-medium text-indigo-700"
+                                    : "text-gray-700"}` }, view.name),
+                            view.isDefault && (React.createElement("span", { className: "shrink-0 text-[10px] text-gray-400" }, "default"))),
+                        React.createElement("div", { className: "flex shrink-0 items-center gap-0.5 opacity-0 group-hover:opacity-100" },
+                            isSelected && props.onUpdateCurrent && (React.createElement("button", { type: "button", className: "rounded px-1.5 py-0.5 text-[11px] text-indigo-600 transition-colors hover:bg-indigo-100", onClick: (event) => {
+                                    var _a;
+                                    event.stopPropagation();
+                                    (_a = props.onUpdateCurrent) === null || _a === void 0 ? void 0 : _a.call(props);
+                                    setIsComponentVisible(false);
+                                } }, "Update")),
+                            props.onEdit && (React.createElement("button", { type: "button", className: "rounded px-1.5 py-0.5 text-[11px] text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-700", onClick: (event) => {
+                                    var _a;
+                                    event.stopPropagation();
+                                    (_a = props.onEdit) === null || _a === void 0 ? void 0 : _a.call(props, view.id);
+                                    setIsComponentVisible(false);
+                                } }, "Edit")),
+                            props.onDelete && (React.createElement("button", { type: "button", className: "rounded px-1.5 py-0.5 text-[11px] text-red-500 transition-colors hover:bg-red-50 hover:text-red-600", onClick: (event) => {
+                                    var _a;
+                                    event.stopPropagation();
+                                    (_a = props.onDelete) === null || _a === void 0 ? void 0 : _a.call(props, view.id);
+                                    setIsComponentVisible(false);
+                                } }, "Delete")))));
+                })),
+            props.onCreate && (React.createElement("div", { className: "border-t border-gray-100 px-3 py-2" },
+                React.createElement("button", { type: "button", className: "w-full rounded-md px-2 py-1.5 text-left text-xs font-medium text-indigo-600 transition-colors hover:bg-indigo-50", onClick: () => {
+                        var _a;
+                        (_a = props.onCreate) === null || _a === void 0 ? void 0 : _a.call(props);
+                        setIsComponentVisible(false);
+                    } }, "+ Save Current View")))))));
+};
+export default SavedViewsDropdown;
+//# sourceMappingURL=SavedViewsDropdown.js.map

package/build/dist/UI/Components/LogsViewer/components/SavedViewsDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SavedViewsDropdown.js","sourceRoot":"","sources":["../../../../../../UI/Components/LogsViewer/components/SavedViewsDropdown.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/LogsViewer/types.js

@@ -1,2 +1,61 @@
-export {};
+export const LOGS_ATTRIBUTE_COLUMN_PREFIX = "attribute:";
+export const DEFAULT_LOGS_TABLE_COLUMNS = [
+    "time",
+    "service",
+    "severity",
+    "message",
+];
+export const CORE_LOGS_TABLE_COLUMN_OPTIONS = [
+    {
+        id: "time",
+        label: "Time",
+    },
+    {
+        id: "service",
+        label: "Service",
+    },
+    {
+        id: "severity",
+        label: "Severity",
+    },
+    {
+        id: "message",
+        label: "Message",
+    },
+    {
+        id: "traceId",
+        label: "Trace ID",
+    },
+    {
+        id: "spanId",
+        label: "Span ID",
+    },
+];
+export const getLogsAttributeColumnId = (attributeKey) => {
+    return `${LOGS_ATTRIBUTE_COLUMN_PREFIX}${attributeKey}`;
+};
+export const isLogsAttributeColumnId = (columnId) => {
+    return columnId.startsWith(LOGS_ATTRIBUTE_COLUMN_PREFIX);
+};
+export const getLogsAttributeKeyFromColumnId = (columnId) => {
+    if (!isLogsAttributeColumnId(columnId)) {
+        return null;
+    }
+    return columnId.slice(LOGS_ATTRIBUTE_COLUMN_PREFIX.length) || null;
+};
+export const normalizeLogsTableColumns = (columns) => {
+    const sanitizedColumns = [];
+    const seen = new Set();
+    for (const columnId of columns || []) {
+        if (!columnId || seen.has(columnId)) {
+            continue;
+        }
+        seen.add(columnId);
+        sanitizedColumns.push(columnId);
+    }
+    if (sanitizedColumns.length === 0) {
+        return [...DEFAULT_LOGS_TABLE_COLUMNS];
+    }
+    return sanitizedColumns;
+};
 //# sourceMappingURL=types.js.map

package/build/dist/UI/Components/LogsViewer/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../UI/Components/LogsViewer/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../UI/Components/LogsViewer/types.ts"],"names":[],"mappings":"AAsCA,MAAM,CAAC,MAAM,4BAA4B,GAAW,YAAY,CAAC;AAEjE,MAAM,CAAC,MAAM,0BAA0B,GAAkB;IACvD,MAAM;IACN,SAAS;IACT,UAAU;IACV,SAAS;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAiC;IAC1E;QACE,EAAE,EAAE,MAAM;QACV,KAAK,EAAE,MAAM;KACd;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,SAAS;KACjB;IACD;QACE,EAAE,EAAE,UAAU;QACd,KAAK,EAAE,UAAU;KAClB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,SAAS;KACjB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,UAAU;KAClB;IACD;QACE,EAAE,EAAE,QAAQ;QACZ,KAAK,EAAE,SAAS;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAqC,CACxE,YAAoB,EACZ,EAAE;IACV,OAAO,GAAG,4BAA4B,GAAG,YAAY,EAAE,CAAC;AAC1D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAkC,CACpE,QAAgB,EACP,EAAE;IACX,OAAO,QAAQ,CAAC,UAAU,CAAC,4BAA4B,CAAC,CAAC;AAC3D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,+BAA+B,GAEvB,CAAC,QAAgB,EAAiB,EAAE;IACvD,IAAI,CAAC,uBAAuB,CAAC,QAAQ,CAAC,EAAE,CAAC;QACvC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,QAAQ,CAAC,KAAK,CAAC,4BAA4B,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC;AACrE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAEjB,CACnB,OAAyC,EAC1B,EAAE;IACjB,MAAM,gBAAgB,GAAkB,EAAE,CAAC;IAC3C,MAAM,IAAI,GAAgB,IAAI,GAAG,EAAE,CAAC;IAEpC,KAAK,MAAM,QAAQ,IAAI,OAAO,IAAI,EAAE,EAAE,CAAC;QACrC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACpC,SAAS;QACX,CAAC;QAED,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QACnB,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAClC,CAAC;IAED,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAClC,OAAO,CAAC,GAAG,0BAA0B,CAAC,CAAC;IACzC,CAAC;IAED,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneuptime/common",
-  "version": "10.0.27",
+  "version": "10.0.29",
   "description": "",
   "repository": {
     "type": "git",
@@ -112,7 +112,7 @@
     "mermaid": "^11.12.2",
     "moment": "^2.30.1",
     "moment-timezone": "^0.5.45",
-    "multer": "^2.0.2",
+    "multer": "^2.1.1",
     "node-cron": "^3.0.3",
     "nodemailer": "^7.0.7",
     "otpauth": "^9.3.1",