@perses-dev/tracing-gantt-chart-plugin 0.12.1 → 0.13.0-beta.1

package/lib/cjs/TracingGanttChart/TracingGanttChart.js

@@ -29,10 +29,10 @@ const _GanttTable = require("./GanttTable/GanttTable");
 const _GanttTableProvider = require("./GanttTable/GanttTableProvider");
 const _ResizableDivider = require("./GanttTable/ResizableDivider");
 const _trace = require("./trace");
-const _TraceDetails = require("./TraceDetails");
+const _TraceHeaderBar = require("./TraceHeaderBar");
+const _Search = require("./Search");
 function TracingGanttChart(props) {
     const { options, customLinks, trace: otlpTrace } = props;
-    const theme = (0, _material.useTheme)();
     const trace = (0, _react.useMemo)(()=>{
         try {
             return (0, _trace.getTraceModel)(otlpTrace);
@@ -47,11 +47,13 @@ function TracingGanttChart(props) {
         endTimeUnixMs: trace.endTimeUnixMs
     });
     const [selectedSpan, setSelectedSpan] = (0, _react.useState)(()=>options.selectedSpanId ? trace.spanById.get(options.selectedSpanId) : undefined);
+    const search = (0, _Search.useSpanSearch)(trace);
     const ganttChart = (0, _react.useRef)(null);
     // tableWidth only comes to effect if the detail pane is visible.
     // setTableWidth() is only called by <ResizableDivider />
     const [tableWidth, setTableWidth] = (0, _react.useState)(0.82);
     const gap = 2;
+    const spacing = ganttChart.current ? parseFloat(getComputedStyle(ganttChart.current).columnGap) || 0 : 0;
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
         ref: ganttChart,
         direction: "row",
@@ -67,8 +69,9 @@ function TracingGanttChart(props) {
                     gap
                 },
                 children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_TraceDetails.TraceDetails, {
-                        trace: trace
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_TraceHeaderBar.TraceHeaderBar, {
+                        trace: trace,
+                        search: search
                     }),
                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_MiniGanttChart.MiniGanttChart, {
                         options: options,
@@ -83,7 +86,9 @@ function TracingGanttChart(props) {
                             trace: trace,
                             viewport: viewport,
                             selectedSpan: selectedSpan,
-                            onSpanClick: setSelectedSpan
+                            onSpanClick: setSelectedSpan,
+                            matchingSpanIds: search.matchingSpanIds,
+                            focusedSpanId: search.matchingSpanIds[search.focusedMatchIndex]
                         })
                     })
                 ]
@@ -92,12 +97,13 @@ function TracingGanttChart(props) {
                 children: [
                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_ResizableDivider.ResizableDivider, {
                         parentRef: ganttChart,
-                        spacing: parseInt(theme.spacing(gap)),
+                        spacing: spacing,
                         onMove: setTableWidth
                     }),
                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
                         style: {
-                            width: `${(1 - tableWidth) * 100}%`
+                            width: `${(1 - tableWidth) * 100}%`,
+                            minWidth: `${(1 - tableWidth) * 100}%`
                         },
                         sx: {
                             overflow: 'auto'

package/lib/cjs/TracingGanttChart/trace.js

@@ -14,9 +14,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "getTraceModel", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get forEachSpan () {
+        return forEachSpan;
+    },
+    get getTraceModel () {
         return getTraceModel;
     }
 });
@@ -72,6 +80,13 @@ function getTraceModel(trace) {
         endTimeUnixMs
     };
 }
+function forEachSpan(spans, fn) {
+    for (const span of spans){
+        if (fn(span) !== false) {
+            forEachSpan(span.childSpans, fn);
+        }
+    }
+}
 function parseResource(resource) {
     let serviceName = 'unknown';
     for (const attr of resource?.attributes ?? []){

package/lib/cjs/TracingGanttChart/utils.js

@@ -40,11 +40,52 @@ _export(exports, {
         return spanHasError;
     }
 });
-const _core = require("@perses-dev/core");
+const _trace = /*#__PURE__*/ _interop_require_wildcard(require("@perses-dev/spec/dist/dashboard/query-type/otlp/trace/v1/trace"));
 const _palette = require("./palette");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 const minSpanWidthPx = 2;
 const rowHeight = '2rem';
-const spanHasError = (span)=>span.status?.code === _core.otlptracev1.StatusCodeError;
+const spanHasError = (span)=>span.status?.code === _trace.StatusCodeError;
 function getServiceColor(muiTheme, chartsTheme, paletteMode, serviceName, error = false) {
     switch(paletteMode){
         case 'categorical':

package/lib/test/convert/jaeger.d.ts

@@ -1,4 +1,4 @@
-import { otlptracev1 } from '@perses-dev/core';
+import * as otlptracev1 from '@perses-dev/spec/dist/dashboard/query-type/otlp/trace/v1/trace';
 export interface JaegerTrace {
     traceID: string;
     spans: Span[];

package/lib/test/convert/jaeger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jaeger.d.ts","sourceRoot":"","sources":["../../../../src/test/convert/jaeger.ts"],"names":[],"mappings":"AAaA,OAAO,EAAgC,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAI7E,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,IAAI;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IAEjB,aAAa,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,OAAO;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,GAAG,EAAE,CAAC;CACb;AAED,KAAK,GAAG,GACJ;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,GACD;IACE,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,CAAC,UAAU,CAIlF"}
+{"version":3,"file":"jaeger.d.ts","sourceRoot":"","sources":["../../../../src/test/convert/jaeger.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,WAAW,MAAM,gEAAgE,CAAC;AAI9F,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,IAAI;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IAEjB,aAAa,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,OAAO;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,GAAG,EAAE,CAAC;CACb;AAED,KAAK,GAAG,GACJ;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,GACD;IACE,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,CAAC,UAAU,CAIlF"}

package/lib/test/convert/jaeger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/test/convert/jaeger.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { otlpcommonv1, otlpresourcev1, otlptracev1 } from '@perses-dev/core';\n\n// the following Jaeger data types and parsing function should eventually be moved to a Jaeger data source plugin\n\nexport interface JaegerTrace {\n  traceID: string;\n  spans: Span[];\n  processes: unknown;\n  warnings: unknown;\n}\n\ninterface Span {\n  traceID: string;\n  spanID: string;\n  hasChildren: boolean;\n  childSpanIds: string[];\n  depth: number;\n  processID: string;\n  process: Process;\n\n  operationName: string;\n  /** start time in microseconds */\n  startTime: number;\n  relativeStartTime: number;\n  duration: number;\n  tags: Tag[];\n  references: unknown;\n  logs: unknown;\n  warnings: unknown;\n}\n\ninterface Process {\n  serviceName: string;\n  tags: Tag[];\n}\n\ntype Tag =\n  | {\n      type: 'string';\n      key: string;\n      value: string;\n    }\n  | {\n      type: 'int64';\n      key: string;\n      value: number;\n    };\n\nexport function jaegerTraceToOTLP(jaegerTrace: JaegerTrace): otlptracev1.TracesData {\n  return {\n    resourceSpans: jaegerTrace.spans.map(buildResourceSpan),\n  };\n}\n\nfunction buildResourceSpan(span: Span): otlptracev1.ResourceSpan {\n  return {\n    resource: buildResource(span.process),\n    scopeSpans: [\n      {\n        scope: {\n          name: '',\n        },\n        spans: [\n          {\n            traceId: span.traceID,\n            spanId: span.spanID,\n            name: span.operationName,\n            kind: '',\n            startTimeUnixNano: (span.startTime * 1000).toString(),\n            endTimeUnixNano: ((span.startTime + span.duration) * 1000).toString(),\n            attributes: span.tags.map(buildKeyValue),\n            events: [],\n            status: {},\n          },\n        ],\n      },\n    ],\n  };\n}\n\nfunction buildResource(process: Process): otlpresourcev1.Resource {\n  return {\n    attributes: [\n      { key: 'service.name', value: { stringValue: process.serviceName } },\n      ...process.tags.map(buildKeyValue),\n    ],\n  };\n}\n\nfunction buildKeyValue(tag: Tag): otlpcommonv1.KeyValue {\n  return { key: tag.key, value: buildAnyValue(tag) };\n}\n\nfunction buildAnyValue(tags: Tag): otlpcommonv1.AnyValue {\n  switch (tags.type) {\n    case 'string':\n      return { stringValue: tags.value };\n    case 'int64':\n      return { intValue: tags.value.toString() };\n    default:\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      throw new Error(`unknown jaeger tag type ${(tags as any).type}`);\n  }\n}\n"],"names":["jaegerTraceToOTLP","jaegerTrace","resourceSpans","spans","map","buildResourceSpan","span","resource","buildResource","process","scopeSpans","scope","name","traceId","traceID","spanId","spanID","operationName","kind","startTimeUnixNano","startTime","toString","endTimeUnixNano","duration","attributes","tags","buildKeyValue","events","status","key","value","stringValue","serviceName","tag","buildAnyValue","type","intValue","Error"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAkDjC,OAAO,SAASA,kBAAkBC,WAAwB;IACxD,OAAO;QACLC,eAAeD,YAAYE,KAAK,CAACC,GAAG,CAACC;IACvC;AACF;AAEA,SAASA,kBAAkBC,IAAU;IACnC,OAAO;QACLC,UAAUC,cAAcF,KAAKG,OAAO;QACpCC,YAAY;YACV;gBACEC,OAAO;oBACLC,MAAM;gBACR;gBACAT,OAAO;oBACL;wBACEU,SAASP,KAAKQ,OAAO;wBACrBC,QAAQT,KAAKU,MAAM;wBACnBJ,MAAMN,KAAKW,aAAa;wBACxBC,MAAM;wBACNC,mBAAmB,AAACb,CAAAA,KAAKc,SAAS,GAAG,IAAG,EAAGC,QAAQ;wBACnDC,iBAAiB,AAAC,CAAA,AAAChB,CAAAA,KAAKc,SAAS,GAAGd,KAAKiB,QAAQ,AAAD,IAAK,IAAG,EAAGF,QAAQ;wBACnEG,YAAYlB,KAAKmB,IAAI,CAACrB,GAAG,CAACsB;wBAC1BC,QAAQ,EAAE;wBACVC,QAAQ,CAAC;oBACX;iBACD;YACH;SACD;IACH;AACF;AAEA,SAASpB,cAAcC,OAAgB;IACrC,OAAO;QACLe,YAAY;YACV;gBAAEK,KAAK;gBAAgBC,OAAO;oBAAEC,aAAatB,QAAQuB,WAAW;gBAAC;YAAE;eAChEvB,QAAQgB,IAAI,CAACrB,GAAG,CAACsB;SACrB;IACH;AACF;AAEA,SAASA,cAAcO,GAAQ;IAC7B,OAAO;QAAEJ,KAAKI,IAAIJ,GAAG;QAAEC,OAAOI,cAAcD;IAAK;AACnD;AAEA,SAASC,cAAcT,IAAS;IAC9B,OAAQA,KAAKU,IAAI;QACf,KAAK;YACH,OAAO;gBAAEJ,aAAaN,KAAKK,KAAK;YAAC;QACnC,KAAK;YACH,OAAO;gBAAEM,UAAUX,KAAKK,KAAK,CAACT,QAAQ;YAAG;QAC3C;YACE,8DAA8D;YAC9D,MAAM,IAAIgB,MAAM,CAAC,wBAAwB,EAAE,AAACZ,KAAaU,IAAI,EAAE;IACnE;AACF"}
+{"version":3,"sources":["../../../../src/test/convert/jaeger.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport * as otlpcommonv1 from '@perses-dev/spec/dist/dashboard/query-type/otlp/common/v1/common';\nimport * as otlpresourcev1 from '@perses-dev/spec/dist/dashboard/query-type/otlp/resource/v1/resource';\nimport * as otlptracev1 from '@perses-dev/spec/dist/dashboard/query-type/otlp/trace/v1/trace';\n\n// the following Jaeger data types and parsing function should eventually be moved to a Jaeger data source plugin\n\nexport interface JaegerTrace {\n  traceID: string;\n  spans: Span[];\n  processes: unknown;\n  warnings: unknown;\n}\n\ninterface Span {\n  traceID: string;\n  spanID: string;\n  hasChildren: boolean;\n  childSpanIds: string[];\n  depth: number;\n  processID: string;\n  process: Process;\n\n  operationName: string;\n  /** start time in microseconds */\n  startTime: number;\n  relativeStartTime: number;\n  duration: number;\n  tags: Tag[];\n  references: unknown;\n  logs: unknown;\n  warnings: unknown;\n}\n\ninterface Process {\n  serviceName: string;\n  tags: Tag[];\n}\n\ntype Tag =\n  | {\n      type: 'string';\n      key: string;\n      value: string;\n    }\n  | {\n      type: 'int64';\n      key: string;\n      value: number;\n    };\n\nexport function jaegerTraceToOTLP(jaegerTrace: JaegerTrace): otlptracev1.TracesData {\n  return {\n    resourceSpans: jaegerTrace.spans.map(buildResourceSpan),\n  };\n}\n\nfunction buildResourceSpan(span: Span): otlptracev1.ResourceSpan {\n  return {\n    resource: buildResource(span.process),\n    scopeSpans: [\n      {\n        scope: {\n          name: '',\n        },\n        spans: [\n          {\n            traceId: span.traceID,\n            spanId: span.spanID,\n            name: span.operationName,\n            kind: '',\n            startTimeUnixNano: (span.startTime * 1000).toString(),\n            endTimeUnixNano: ((span.startTime + span.duration) * 1000).toString(),\n            attributes: span.tags.map(buildKeyValue),\n            events: [],\n            status: {},\n          },\n        ],\n      },\n    ],\n  };\n}\n\nfunction buildResource(process: Process): otlpresourcev1.Resource {\n  return {\n    attributes: [\n      { key: 'service.name', value: { stringValue: process.serviceName } },\n      ...process.tags.map(buildKeyValue),\n    ],\n  };\n}\n\nfunction buildKeyValue(tag: Tag): otlpcommonv1.KeyValue {\n  return { key: tag.key, value: buildAnyValue(tag) };\n}\n\nfunction buildAnyValue(tags: Tag): otlpcommonv1.AnyValue {\n  switch (tags.type) {\n    case 'string':\n      return { stringValue: tags.value };\n    case 'int64':\n      return { intValue: tags.value.toString() };\n    default:\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      throw new Error(`unknown jaeger tag type ${(tags as any).type}`);\n  }\n}\n"],"names":["jaegerTraceToOTLP","jaegerTrace","resourceSpans","spans","map","buildResourceSpan","span","resource","buildResource","process","scopeSpans","scope","name","traceId","traceID","spanId","spanID","operationName","kind","startTimeUnixNano","startTime","toString","endTimeUnixNano","duration","attributes","tags","buildKeyValue","events","status","key","value","stringValue","serviceName","tag","buildAnyValue","type","intValue","Error"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAoDjC,OAAO,SAASA,kBAAkBC,WAAwB;IACxD,OAAO;QACLC,eAAeD,YAAYE,KAAK,CAACC,GAAG,CAACC;IACvC;AACF;AAEA,SAASA,kBAAkBC,IAAU;IACnC,OAAO;QACLC,UAAUC,cAAcF,KAAKG,OAAO;QACpCC,YAAY;YACV;gBACEC,OAAO;oBACLC,MAAM;gBACR;gBACAT,OAAO;oBACL;wBACEU,SAASP,KAAKQ,OAAO;wBACrBC,QAAQT,KAAKU,MAAM;wBACnBJ,MAAMN,KAAKW,aAAa;wBACxBC,MAAM;wBACNC,mBAAmB,AAACb,CAAAA,KAAKc,SAAS,GAAG,IAAG,EAAGC,QAAQ;wBACnDC,iBAAiB,AAAC,CAAA,AAAChB,CAAAA,KAAKc,SAAS,GAAGd,KAAKiB,QAAQ,AAAD,IAAK,IAAG,EAAGF,QAAQ;wBACnEG,YAAYlB,KAAKmB,IAAI,CAACrB,GAAG,CAACsB;wBAC1BC,QAAQ,EAAE;wBACVC,QAAQ,CAAC;oBACX;iBACD;YACH;SACD;IACH;AACF;AAEA,SAASpB,cAAcC,OAAgB;IACrC,OAAO;QACLe,YAAY;YACV;gBAAEK,KAAK;gBAAgBC,OAAO;oBAAEC,aAAatB,QAAQuB,WAAW;gBAAC;YAAE;eAChEvB,QAAQgB,IAAI,CAACrB,GAAG,CAACsB;SACrB;IACH;AACF;AAEA,SAASA,cAAcO,GAAQ;IAC7B,OAAO;QAAEJ,KAAKI,IAAIJ,GAAG;QAAEC,OAAOI,cAAcD;IAAK;AACnD;AAEA,SAASC,cAAcT,IAAS;IAC9B,OAAQA,KAAKU,IAAI;QACf,KAAK;YACH,OAAO;gBAAEJ,aAAaN,KAAKK,KAAK;YAAC;QACnC,KAAK;YACH,OAAO;gBAAEM,UAAUX,KAAKK,KAAK,CAACT,QAAQ;YAAG;QAC3C;YACE,8DAA8D;YAC9D,MAAM,IAAIgB,MAAM,CAAC,wBAAwB,EAAE,AAACZ,KAAaU,IAAI,EAAE;IACnE;AACF"}

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "TracingGanttChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.12.1",
+      "buildVersion": "0.13.0-beta.1",
       "buildName": "@perses-dev/tracing-gantt-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/TracingGanttChart.f5573ac3.js",
+      "name": "__mf/js/TracingGanttChart.b2e20301.js",
       "path": "",
       "type": "global"
     },
@@ -20,8 +20,7 @@
       "api": ""
     },
     "globalName": "TracingGanttChart",
-    "pluginVersion": "0.21.6",
-    "prefetchInterface": false,
+    "pluginVersion": "2.4.0",
     "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/TracingGanttChart/\"; }"
   },
   "shared": [
@@ -35,34 +34,36 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/274.457dda65.js"
+            "__mf/js/async/274.5c518455.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "TracingGanttChart:@emotion/styled",
       "name": "@emotion/styled",
-      "version": "11.14.0",
+      "version": "11.14.1",
       "singleton": true,
-      "requiredVersion": "^11.14.0",
+      "requiredVersion": "^11.14.1",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/235.806ca841.js",
-            "__mf/js/async/616.25399954.js"
+            "__mf/js/async/235.b42801b1.js",
+            "__mf/js/async/616.268fac9b.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "TracingGanttChart:@hookform/resolvers",
@@ -74,53 +75,58 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/587.3a4d8eed.js",
-            "__mf/js/async/968.5f7ccf5e.js"
+            "__mf/js/async/587.dbc05176.js",
+            "__mf/js/async/968.68803274.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "TracingGanttChart:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.53.1",
+      "version": "0.54.0-beta.3",
       "singleton": true,
-      "requiredVersion": "^0.53.1",
+      "requiredVersion": "^0.54.0-beta.3",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/12.c9423551.js"
+            "__mf/js/async/785.187cf92a.js"
           ]
         },
         "css": {
           "async": [],
-          "sync": []
+          "sync": [
+            "__mf/css/async/785.85c2cbf6.css"
+          ]
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "TracingGanttChart:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.53.1",
+      "version": "0.54.0-beta.3",
       "singleton": true,
-      "requiredVersion": "^0.53.1",
+      "requiredVersion": "^0.54.0-beta.3",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/634.b68acb18.js"
+            "__mf/js/async/568.9ba2f5f6.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "TracingGanttChart:date-fns",
@@ -132,14 +138,15 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/192.f723a636.js"
+            "__mf/js/async/192.a0a2e63b.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "TracingGanttChart:echarts",
@@ -151,33 +158,35 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/873.0f298220.js"
+            "__mf/js/async/873.76af63d7.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "TracingGanttChart:lodash",
       "name": "lodash",
-      "version": "4.17.23",
+      "version": "4.18.1",
       "singleton": true,
-      "requiredVersion": "^4.17.23",
+      "requiredVersion": "^4.18.1",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.c563796d.js"
+            "__mf/js/async/392.6c066266.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "TracingGanttChart:react-dom",
@@ -189,14 +198,15 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/470.f5dfd429.js"
+            "__mf/js/async/470.4e137e17.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "TracingGanttChart:react",
@@ -208,14 +218,15 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/121.cb300887.js"
+            "__mf/js/async/121.5475779f.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     },
     {
       "id": "TracingGanttChart:date-fns-tz",
@@ -227,14 +238,15 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/978.151ab551.js"
+            "__mf/js/async/978.ca0b1b55.js"
           ]
         },
         "css": {
           "async": [],
           "sync": []
         }
-      }
+      },
+      "fallback": ""
     }
   ],
   "remotes": [],
@@ -245,26 +257,25 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/666.4cf9c453.js",
-            "__mf/js/async/439.63c7b180.js",
-            "__mf/js/async/895.eb528fc2.js",
-            "__mf/js/async/__federation_expose_TracingGanttChart.3ea317ee.js"
+            "__mf/js/async/207.dcd0ae82.js",
+            "__mf/js/async/472.8aa138b3.js",
+            "__mf/js/async/940.39b5cb1d.js",
+            "__mf/js/async/__federation_expose_TracingGanttChart.bcd10502.js"
           ],
           "async": [
-            "__mf/js/async/588.a1fce2da.js",
-            "__mf/js/async/71.ec1919d7.js",
-            "__mf/js/async/356.7ea3eee9.js",
-            "__mf/js/async/43.55c495e3.js",
-            "__mf/js/async/157.77f5f5a1.js",
-            "__mf/js/async/lib-router.aed93ee9.js",
-            "__mf/js/async/177.cf9df204.js"
+            "__mf/js/async/588.f5afdb25.js",
+            "__mf/js/async/356.fc2da489.js",
+            "__mf/js/async/71.79ef5248.js",
+            "__mf/js/async/43.e395f769.js",
+            "__mf/js/async/260.9bec2000.js",
+            "__mf/js/async/lib-router.69a7062a.js",
+            "__mf/js/async/177.50257b88.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/61.d3010b86.css",
-            "__mf/css/async/823.d3010b86.css"
+            "__mf/css/async/785.85c2cbf6.css"
           ]
         }
       },