@tangle-network/charts 2.0.13 → 2.0.15
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.
- package/README.md +2 -0
- package/dist/AgentGraphCanvas-B74GN1o6.js +1184 -0
- package/dist/elk-loader-CrLO557o.d.ts +268 -0
- package/dist/flow-trace-DRluIYw8.js +10 -0
- package/dist/flow-waterfall-model-DvrgPLGS.js +4747 -0
- package/dist/graph-style-fealnLLn.js +356 -0
- package/dist/index.js +2 -1
- package/dist/latest-events-iiWwpIck.js +491 -0
- package/dist/motion-DILryczn.js +7 -0
- package/dist/react/agent-graph/index.d.ts +157 -0
- package/dist/react/agent-graph/index.js +1191 -0
- package/dist/react/agent-graph/presentation.d.ts +8 -0
- package/dist/react/agent-graph/presentation.js +3 -0
- package/dist/react/agent-graph.css +1800 -0
- package/dist/react/flow-waterfall.css +10 -13
- package/dist/react/index.js +93 -4821
- package/dist/{flow-trace-k097Ukvs.js → timeline-B7c-cede.js} +1 -10
- package/package.json +37 -7
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
.fw-root .fw-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--fw-border); flex-wrap: wrap; }
|
|
66
|
-
.fw-root .fw-title-block { min-width: 0; display: grid; gap: 4px; }
|
|
66
|
+
.fw-root .fw-title-block { flex: 1; min-width: 0; display: grid; gap: 4px; }
|
|
67
67
|
.fw-root .fw-title-line { display: flex; align-items: center; gap: 8px; min-width: 0; }
|
|
68
68
|
.fw-root .fw-title-glyph { display: inline-flex; color: var(--fw-accent); }
|
|
69
69
|
.fw-root .fw-title { font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: -.005em; white-space: nowrap; }
|
|
@@ -195,6 +195,8 @@
|
|
|
195
195
|
.fw-root .fw-enter > [role="gridcell"] { transition: opacity var(--motion-arrive); transition-delay: var(--fw-enter-delay); }
|
|
196
196
|
.fw-root .fw-enter :is(.fw-bar, .fw-seg) { transition: clip-path var(--motion-grow, var(--motion-stream)); transition-delay: var(--fw-enter-delay); clip-path: inset(0); }
|
|
197
197
|
@starting-style { .fw-root .fw-enter > [role="gridcell"] { opacity: 0; } .fw-root .fw-enter :is(.fw-bar, .fw-seg) { clip-path: inset(0 100% 0 0); } }
|
|
198
|
+
.fw-root[data-follow-live] .fw-row[data-running] .fw-bar { --on: 1; }
|
|
199
|
+
.fw-root[data-follow-live] :is(.fw-seg, .fw-mark), .fw-root[data-follow-live] .fw-row:not([data-running]) .fw-bar { --fw-t: calc(var(--e) + 1); }
|
|
198
200
|
.fw-root .fw-row[data-critical] .fw-bar { box-shadow: inset 0 -2px 0 var(--fw-accent); }
|
|
199
201
|
.fw-root .fw-row[data-search="context"] .fw-label { color: var(--fw-muted); }
|
|
200
202
|
.fw-root .fw-row[data-search="match"] .fw-name-text { font-weight: 600; }
|
|
@@ -220,10 +222,10 @@
|
|
|
220
222
|
.fw-root [data-outcome="neutral"] { --outcome-tone: var(--fw-muted); }
|
|
221
223
|
.fw-root [data-outcome], .fw-root [data-outcome] [data-tone] { --tone: var(--outcome-tone); }
|
|
222
224
|
.fw-root.fw-root .fw-agent-dot[data-outcome] { --tone: var(--outcome-tone); }
|
|
223
|
-
.fw-root .fw-legend { display: flex; flex-wrap:
|
|
224
|
-
.fw-root .fw-legend li { display: inline-flex; align-items: center; gap: 8px; flex
|
|
225
|
-
.fw-root .fw-legends { display: flex;
|
|
226
|
-
.fw-root .fw-legends .fw-legend { margin: 0; }
|
|
225
|
+
.fw-root .fw-legend { display: flex; flex-wrap: nowrap; gap: 4px 16px; margin: 8px 0 0; padding: 0; list-style: none; color: var(--fw-muted); font-size: 14px; line-height: 18px; }
|
|
226
|
+
.fw-root .fw-legend li { display: inline-flex; align-items: center; gap: 8px; flex: none; white-space: nowrap; }
|
|
227
|
+
.fw-root .fw-legends { display: flex; align-items: center; gap: 24px; max-width: 100%; min-width: 0; overflow-x: auto; margin-top: 8px; }
|
|
228
|
+
.fw-root .fw-legends .fw-legend { flex: none; margin: 0; }
|
|
227
229
|
.fw-root .fw-kinds { margin: 0; padding: 0; justify-content: flex-start; color: var(--fw-muted); }
|
|
228
230
|
.fw-root .fw-kinds .fw-swatch-model { width: 12px; height: 8px; border-radius: 2px; background: var(--fw-kind-model); }
|
|
229
231
|
.fw-root.fw-fill-agent .fw-kinds .fw-swatch-model { background: var(--model-fill); }
|
|
@@ -273,7 +275,7 @@
|
|
|
273
275
|
.fw-root .fw-outcome-end { display: inline-flex; pointer-events: auto; }
|
|
274
276
|
.fw-root .fw-duration { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: var(--fw-muted); font-variant-numeric: tabular-nums; }
|
|
275
277
|
.fw-root .fw-k-failed ~ .fw-end .fw-duration { color: var(--fw-failed); }
|
|
276
|
-
.fw-root .fw-badge { display: inline-flex; flex: none; height: 18px; padding: 0 6px; border-radius: var(--radius-pill); font-size:
|
|
278
|
+
.fw-root .fw-badge { display: inline-flex; flex: none; height: 18px; padding: 0 6px; border-radius: var(--radius-pill); font-size: 13px; line-height: 18px; font-weight: 500; color: var(--fw-muted); background: transparent; box-shadow: inset 0 0 0 1px var(--fw-border); }
|
|
277
279
|
|
|
278
280
|
.fw-root .fw-links { position: absolute; top: 0; bottom: 0; left: var(--fw-label-col); right: 0; overflow: hidden; pointer-events: none; z-index: 0; }
|
|
279
281
|
.fw-root .fw-link {
|
|
@@ -372,9 +374,6 @@
|
|
|
372
374
|
.fw-root .fw-legend button { display: inline-flex; align-items: center; gap: 8px; border: 0; padding: 0; background: transparent; color: inherit; cursor: pointer; }
|
|
373
375
|
.fw-root .fw-legend button[aria-pressed="true"] { color: var(--fw-text); text-decoration: underline; text-underline-offset: 4px; }
|
|
374
376
|
.fw-root .fw-summary button { appearance: none; background: transparent; border: 0; padding: 0; cursor: pointer; color: inherit; }
|
|
375
|
-
.fw-root .fw-key > summary { display: none; }
|
|
376
|
-
.fw-root .fw-key > summary svg { width: 12px; height: 12px; margin-left: 6px; }
|
|
377
|
-
.fw-root .fw-key[open] > summary svg { transform: rotate(90deg); }
|
|
378
377
|
.fw-root .fw-row-state { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 600; }
|
|
379
378
|
.fw-root .fw-error-rug { position: relative; height: 10px; margin-left: var(--fw-label-col); overflow: hidden; }
|
|
380
379
|
.fw-root .fw-error-tick { position: absolute; width: 2px; height: 8px; background: var(--fw-failed); left: calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px); }
|
|
@@ -394,12 +393,10 @@
|
|
|
394
393
|
.fw-root .fw-summary::after { content: ""; flex-basis: 100%; }
|
|
395
394
|
.fw-root .fw-summary > div:nth-child(n+3) { order: 1; }
|
|
396
395
|
.fw-root :is(.fw-zoom, .fw-branch-controls, .fw-resize, .fw-links, .fw-gridlayer, .fw-marker-layer, .fw-subtitle, .fw-badge, .fw-icon-tile) { display: none; }
|
|
397
|
-
.fw-root .fw-key > summary { display: flex; align-items: center; min-height: 32px; cursor: pointer; grid-area: 2 / 2; }
|
|
398
|
-
.fw-root .fw-key:not([open]) .fw-legends { display: none; }
|
|
399
396
|
.fw-root .fw-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 8px; padding: 8px; }
|
|
400
|
-
.fw-root .fw-title-block
|
|
397
|
+
.fw-root .fw-title-block { display: contents; }
|
|
401
398
|
.fw-root .fw-title-line { grid-column: 1 / -1; flex-wrap: wrap; }
|
|
402
|
-
.fw-root .fw-legends { grid-area: 3 / 1 / auto / -1; margin:
|
|
399
|
+
.fw-root .fw-legends { grid-area: 3 / 1 / auto / -1; margin: 0; }
|
|
403
400
|
.fw-root .fw-tools { grid-area: 2 / 1; flex-wrap: wrap; }
|
|
404
401
|
.fw-root .fw-segmented { padding: 2px; }
|
|
405
402
|
.fw-root .fw-segmented button { min-width: 28px; padding: 0 6px; }
|