@industry-theme/principal-view-panels 0.10.12 → 0.10.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"TraceList.d.ts","sourceRoot":"","sources":["../../src/components/TraceList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AASD;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgiB9C,CAAC"}
1
+ {"version":3,"file":"TraceList.d.ts","sourceRoot":"","sources":["../../src/components/TraceList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AASD;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmmB9C,CAAC"}
@@ -99355,6 +99355,19 @@ const TraceList = ({
99355
99355
  }) => {
99356
99356
  const [searchQuery, setSearchQuery] = useState("");
99357
99357
  const [expandedGroups, setExpandedGroups] = useState(/* @__PURE__ */ new Set());
99358
+ const matchingStats = useMemo(() => {
99359
+ const withVersion = traces.filter((t) => t.serviceVersion || t.commitSha);
99360
+ const matched = traces.filter((t) => t.matchedWorkflow);
99361
+ const versions = new Set(
99362
+ traces.filter((t) => t.serviceVersion).map((t) => `${t.serviceName || "unknown"}@${t.serviceVersion}`)
99363
+ );
99364
+ return {
99365
+ total: traces.length,
99366
+ withVersion: withVersion.length,
99367
+ matched: matched.length,
99368
+ versions: Array.from(versions)
99369
+ };
99370
+ }, [traces]);
99358
99371
  const filteredTraces = useMemo(() => {
99359
99372
  if (!searchQuery.trim()) {
99360
99373
  return traces;
@@ -99436,6 +99449,39 @@ const TraceList = ({
99436
99449
  boxSizing: "border-box"
99437
99450
  },
99438
99451
  children: [
99452
+ traces.length > 0 && matchingStats.matched > 0 && /* @__PURE__ */ jsxs(
99453
+ "div",
99454
+ {
99455
+ style: {
99456
+ padding: theme2.space[2],
99457
+ backgroundColor: `${theme2.colors.success || "#22c55e"}15`,
99458
+ border: `1px solid ${theme2.colors.success || "#22c55e"}`,
99459
+ borderRadius: theme2.radii[2],
99460
+ fontSize: theme2.fontSizes[1],
99461
+ color: theme2.colors.text,
99462
+ display: "flex",
99463
+ alignItems: "center",
99464
+ gap: theme2.space[2],
99465
+ flexShrink: 0
99466
+ },
99467
+ children: [
99468
+ /* @__PURE__ */ jsx(CircleCheckBig, { size: 16, color: theme2.colors.success || "#22c55e", style: { flexShrink: 0 } }),
99469
+ /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
99470
+ /* @__PURE__ */ jsxs("div", { style: { fontWeight: theme2.fontWeights.medium }, children: [
99471
+ "Workflow Matching: ",
99472
+ matchingStats.matched,
99473
+ "/",
99474
+ matchingStats.total,
99475
+ " traces matched"
99476
+ ] }),
99477
+ matchingStats.versions.length > 0 && /* @__PURE__ */ jsxs("div", { style: { fontSize: theme2.fontSizes[0], color: theme2.colors.textSecondary, marginTop: "2px" }, children: [
99478
+ "Versions: ",
99479
+ matchingStats.versions.join(", ")
99480
+ ] })
99481
+ ] })
99482
+ ]
99483
+ }
99484
+ ),
99439
99485
  showSearch && traces.length > 0 && /* @__PURE__ */ jsxs(
99440
99486
  "div",
99441
99487
  {
@@ -99681,6 +99727,28 @@ const TraceList = ({
99681
99727
  children: trace.serviceName
99682
99728
  }
99683
99729
  ),
99730
+ trace.serviceVersion && /* @__PURE__ */ jsxs(
99731
+ "span",
99732
+ {
99733
+ style: {
99734
+ display: "inline-block",
99735
+ padding: "2px 6px",
99736
+ fontSize: theme2.fontSizes[0],
99737
+ backgroundColor: `${theme2.colors.primary}15`,
99738
+ color: theme2.colors.primary,
99739
+ border: `1px solid ${theme2.colors.primary}40`,
99740
+ borderRadius: "3px",
99741
+ fontWeight: theme2.fontWeights.medium,
99742
+ whiteSpace: "nowrap",
99743
+ flexShrink: 0
99744
+ },
99745
+ title: `Version: ${trace.serviceVersion}${trace.commitSha ? ` (${trace.commitSha.substring(0, 7)})` : ""}`,
99746
+ children: [
99747
+ "v",
99748
+ trace.serviceVersion
99749
+ ]
99750
+ }
99751
+ ),
99684
99752
  /* @__PURE__ */ jsx(
99685
99753
  "span",
99686
99754
  {
@@ -109273,11 +109341,17 @@ function groupSpansByTrace(resourceSpans) {
109273
109341
  scenarioId,
109274
109342
  scenarioName
109275
109343
  } : void 0;
109344
+ const serviceVersion = getAttributeValue(resource.attributes, "service.version");
109345
+ const repositoryUrl = getAttributeValue(resource.attributes, "service.repository.url");
109346
+ const commitSha = getAttributeValue(resource.attributes, "service.commit.sha");
109276
109347
  traces.push({
109277
109348
  traceId,
109278
109349
  spans,
109279
109350
  rootSpan,
109280
109351
  serviceName: getServiceName(resource),
109352
+ serviceVersion,
109353
+ repositoryUrl,
109354
+ commitSha,
109281
109355
  startTime,
109282
109356
  endTime,
109283
109357
  duration: endTime - startTime,