@principal-ai/principal-view-react 0.14.21 → 0.14.23

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.
Files changed (57) hide show
  1. package/dist/components/GraphRenderer.d.ts.map +1 -1
  2. package/dist/components/GraphRenderer.js +23 -10
  3. package/dist/components/GraphRenderer.js.map +1 -1
  4. package/dist/components/state-view/PipelineView.d.ts +13 -0
  5. package/dist/components/state-view/PipelineView.d.ts.map +1 -0
  6. package/dist/components/state-view/PipelineView.js +195 -0
  7. package/dist/components/state-view/PipelineView.js.map +1 -0
  8. package/dist/components/state-view/index.d.ts +14 -0
  9. package/dist/components/state-view/index.d.ts.map +1 -0
  10. package/dist/components/state-view/index.js +12 -0
  11. package/dist/components/state-view/index.js.map +1 -0
  12. package/dist/components/state-view/types.d.ts +188 -0
  13. package/dist/components/state-view/types.d.ts.map +1 -0
  14. package/dist/components/state-view/types.js +10 -0
  15. package/dist/components/state-view/types.js.map +1 -0
  16. package/dist/components/state-view/useStateView.d.ts +32 -0
  17. package/dist/components/state-view/useStateView.d.ts.map +1 -0
  18. package/dist/components/state-view/useStateView.js +129 -0
  19. package/dist/components/state-view/useStateView.js.map +1 -0
  20. package/dist/index.d.ts +2 -0
  21. package/dist/index.d.ts.map +1 -1
  22. package/dist/index.js +2 -0
  23. package/dist/index.js.map +1 -1
  24. package/dist/nodes/CustomNode.js +8 -8
  25. package/dist/nodes/CustomNode.js.map +1 -1
  26. package/dist/nodes/otel/OtelBoundaryNode.d.ts.map +1 -1
  27. package/dist/nodes/otel/OtelBoundaryNode.js +5 -3
  28. package/dist/nodes/otel/OtelBoundaryNode.js.map +1 -1
  29. package/dist/nodes/otel/OtelEventNode.d.ts.map +1 -1
  30. package/dist/nodes/otel/OtelEventNode.js +5 -3
  31. package/dist/nodes/otel/OtelEventNode.js.map +1 -1
  32. package/dist/nodes/otel/OtelResourceNode.d.ts.map +1 -1
  33. package/dist/nodes/otel/OtelResourceNode.js +5 -3
  34. package/dist/nodes/otel/OtelResourceNode.js.map +1 -1
  35. package/dist/nodes/otel/OtelScopeNode.d.ts.map +1 -1
  36. package/dist/nodes/otel/OtelScopeNode.js +5 -3
  37. package/dist/nodes/otel/OtelScopeNode.js.map +1 -1
  38. package/dist/nodes/otel/OtelSpanConventionNode.d.ts.map +1 -1
  39. package/dist/nodes/otel/OtelSpanConventionNode.js +5 -3
  40. package/dist/nodes/otel/OtelSpanConventionNode.js.map +1 -1
  41. package/package.json +2 -2
  42. package/src/components/GraphRenderer.tsx +24 -10
  43. package/src/components/state-view/PipelineView.tsx +347 -0
  44. package/src/components/state-view/index.ts +14 -0
  45. package/src/components/state-view/types.ts +261 -0
  46. package/src/components/state-view/useStateView.ts +205 -0
  47. package/src/index.ts +36 -0
  48. package/src/nodes/CustomNode.tsx +8 -8
  49. package/src/nodes/otel/OtelBoundaryNode.tsx +5 -3
  50. package/src/nodes/otel/OtelEventNode.tsx +5 -3
  51. package/src/nodes/otel/OtelResourceNode.tsx +5 -3
  52. package/src/nodes/otel/OtelScopeNode.tsx +5 -3
  53. package/src/nodes/otel/OtelSpanConventionNode.tsx +5 -4
  54. package/src/stories/CanvasEdgeTypes.stories.tsx +23 -27
  55. package/src/stories/GraphRenderer.stories.tsx +144 -200
  56. package/src/stories/StateView.stories.tsx +417 -0
  57. package/src/stories/__traces__/test-run.canvas.json +27 -30
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PipelineView.js","sourceRoot":"","sources":["../../../src/components/state-view/PipelineView.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,gFAAgF;AAChF,UAAU;AACV,gFAAgF;AAEhF,MAAM,oBAAoB,GAAkB;IAC1C,MAAM,EAAE;QACN,IAAI,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzE,KAAK,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC5E,KAAK,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;QACtF,KAAK,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;KACxF;IACD,KAAK,EAAE,IAAI,GAAG,EAAE;IAChB,WAAW,EAAE,CAAC;CACf,CAAC;AAEF,SAAS,eAAe,CAAC,KAAoB,EAAE,KAAoB;IACjE,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC;IAE5B,QAAQ,KAAK,CAAC,IAAI,EAAE;QAClB,KAAK,WAAW;YACd,OAAO;gBACL,GAAG,KAAK;gBACR,MAAM,EAAE;oBACN,GAAG,KAAK,CAAC,MAAM;oBACf,IAAI,EAAE,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE;iBACnE;gBACD,WAAW,EAAE,KAAK,CAAC,WAAW,GAAG,CAAC;aACnC,CAAC;QAEJ,KAAK,gBAAgB;YACnB,OAAO;gBACL,GAAG,KAAK;gBACR,MAAM,EAAE;oBACN,GAAG,KAAK,CAAC,MAAM;oBACf,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE;iBACrE;aACF,CAAC;QAEJ,KAAK,eAAe,CAAC;QACrB,KAAK,WAAW,CAAC,CAAC;YAChB,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACtC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE;gBACtB,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE;oBAC/B,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;oBACxB,aAAa,EAAE,GAAG;oBAClB,aAAa,EAAE,KAAK,CAAC,IAAI;iBAC1B,CAAC,CAAC;aACJ;YACD,OAAO;gBACL,GAAG,KAAK;gBACR,MAAM,EAAE;oBACN,GAAG,KAAK,CAAC,MAAM;oBACf,KAAK,EAAE;wBACL,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK;wBACrB,aAAa,EAAE,GAAG;wBAClB,QAAQ,EAAE,IAAI;wBACd,KAAK,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC;qBAC3C;iBACF;gBACD,KAAK,EAAE,QAAQ;aAChB,CAAC;SACH;QAED,KAAK,iBAAiB;YACpB,OAAO;gBACL,GAAG,KAAK;gBACR,MAAM,EAAE;oBACN,GAAG,KAAK,CAAC,MAAM;oBACf,KAAK,EAAE;wBACL,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK;wBACrB,aAAa,EAAE,GAAG;wBAClB,QAAQ,EAAE,IAAI;wBACd,KAAK,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC;qBAC3C;iBACF;aACF,CAAC;QAEJ;YACE,OAAO,KAAK,CAAC;KAChB;AACH,CAAC;AAED,gFAAgF;AAChF,cAAc;AACd,gFAAgF;AAEhF,MAAM,mBAAmB,GAA2B;IAClD,EAAE,KAAK,EAAE,2BAA2B,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE;IACpG,EAAE,KAAK,EAAE,4BAA4B,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE;IACtG,EAAE,KAAK,EAAE,4BAA4B,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE;IACtG,EAAE,KAAK,EAAE,4BAA4B,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE;IACtG,EAAE,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,kBAAkB,EAAE;CAC9G,CAAC;AAWF,SAAS,QAAQ,CAAC,EAAE,KAAK,EAAE,WAAW,EAAiB;IACrD,MAAM,SAAS,GAAwB;QACrC,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACvD,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,uBAAuB;QACnC,UAAU,EAAE,eAAe;QAC3B,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,MAAM;QACpE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU;KACpD,CAAC;IAEF,OAAO,CACL,eAAK,EAAE,EAAE,SAAS,KAAK,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,aAC5C,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,YAAG,KAAK,CAAC,KAAK,GAAO,EACpE,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,CAC5B,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,YAAG,KAAK,CAAC,KAAK,GAAO,CACtE,EACA,KAAK,CAAC,aAAa,IAAI,CACtB,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,YACvC,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC,GAC/B,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAOD,SAAS,SAAS,CAAC,EAAE,EAAE,EAAE,WAAW,EAAkB;IACpD,MAAM,KAAK,GAAwB;QACjC,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAC1C,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,iBAAiB;KAC9B,CAAC;IAEF,OAAO,CACL,cAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,YACtB,WAAW,CAAC,CAAC,CAAC,CACb,eAAM,KAAK,EAAE,EAAE,SAAS,EAAE,wBAAwB,EAAE,mCAAY,CACjE,CAAC,CAAC,CAAC,CACF,GAAG,CACJ,GACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,SAAiB;IACtC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC;IAC5D,IAAI,OAAO,GAAG,EAAE;QAAE,OAAO,GAAG,OAAO,OAAO,CAAC;IAC3C,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;IACzC,IAAI,OAAO,GAAG,EAAE;QAAE,OAAO,GAAG,OAAO,OAAO,CAAC;IAC3C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;IACvC,OAAO,GAAG,KAAK,OAAO,CAAC;AACzB,CAAC;AAWD,MAAM,UAAU,YAAY,CAAC,EAAE,WAAW,EAAE,KAAK,GAAG,eAAe,EAAqB;IACtF,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,YAAY,CAA+B;QACxF,YAAY,EAAE,oBAAoB;QAClC,OAAO,EAAE,eAAe;QACxB,WAAW;QACX,WAAW,EAAE,mBAAmB;KACjC,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,CAAC,OAAe,EAAE,EAAE,CAC3C,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,SAAS,OAAO,EAAE,CAAC,CAAC;IAE1D,MAAM,eAAe,GAAG,CAAC,MAAc,EAAE,EAAE,CACzC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC;IAE9C,MAAM,cAAc,GAAwB;QAC1C,UAAU,EAAE,uBAAuB;QACnC,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,EAAE;QAChB,QAAQ,EAAE,GAAG;KACd,CAAC;IAEF,MAAM,WAAW,GAAwB;QACvC,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,EAAE;KACjB,CAAC;IAEF,MAAM,aAAa,GAAwB;QACzC,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,GAAG,EAAE,CAAC;QACN,YAAY,EAAE,EAAE;KACjB,CAAC;IAEF,MAAM,UAAU,GAAwB;QACtC,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,EAAE;QACP,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,QAAQ;QACjB,SAAS,EAAE,mBAAmB;KAC/B,CAAC;IAEF,MAAM,YAAY,GAAwB;QACxC,SAAS,EAAE,QAAQ;KACpB,CAAC;IAEF,MAAM,aAAa,GAAwB;QACzC,SAAS,EAAE,EAAE;QACb,OAAO,EAAE,EAAE;QACX,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,GAAG;QACd,SAAS,EAAE,MAAM;KAClB,CAAC;IAEF,OAAO,CACL,eAAK,KAAK,EAAE,cAAc,aACxB,eAAK,KAAK,EAAE,WAAW,aACrB,aAAI,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,YAAG,KAAK,GAAM,EACtC,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,aAC1D,QAAQ,IAAI,CACX,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,uBAAe,CAC/D,EACD,iBACE,OAAO,EAAE,KAAK,EACd,KAAK,EAAE;oCACL,OAAO,EAAE,UAAU;oCACnB,YAAY,EAAE,CAAC;oCACf,MAAM,EAAE,MAAM;oCACd,eAAe,EAAE,SAAS;oCAC1B,KAAK,EAAE,OAAO;oCACd,MAAM,EAAE,SAAS;iCAClB,sBAGM,IACL,IACF,EAGN,eAAK,KAAK,EAAE,aAAa,aACvB,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,gBAAgB,CAAC,MAAM,CAAC,GAAI,EAC7E,KAAC,SAAS,IAAC,EAAE,EAAC,iBAAiB,EAAC,WAAW,EAAE,eAAe,CAAC,iBAAiB,CAAC,GAAI,EACnF,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,gBAAgB,CAAC,OAAO,CAAC,GAAI,EAC/E,KAAC,SAAS,IAAC,EAAE,EAAC,kBAAkB,EAAC,WAAW,EAAE,eAAe,CAAC,kBAAkB,CAAC,GAAI,EACrF,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,gBAAgB,CAAC,OAAO,CAAC,GAAI,EAC/E,KAAC,SAAS,IAAC,EAAE,EAAC,kBAAkB,EAAC,WAAW,EAAE,eAAe,CAAC,kBAAkB,CAAC,GAAI,EACrF,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,gBAAgB,CAAC,OAAO,CAAC,GAAI,IAC3E,EAGN,eAAK,KAAK,EAAE,UAAU,aACpB,eAAK,KAAK,EAAE,YAAY,aACtB,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,YAAG,KAAK,CAAC,KAAK,CAAC,IAAI,GAAO,EAC1E,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,sBAAa,IACvD,EACN,eAAK,KAAK,EAAE,YAAY,aACtB,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,YAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAO,EAClF,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,0BAAiB,IAC3D,EACN,eAAK,KAAK,EAAE,YAAY,aACtB,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,YAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAO,EAClF,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,uBAAc,IACxD,EACN,eAAK,KAAK,EAAE,YAAY,aACtB,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,YAAG,KAAK,CAAC,WAAW,GAAO,EAC3E,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,sBAAa,IACvD,IACF,EAGL,KAAK,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,IAAI,CACvB,eAAK,KAAK,EAAE,aAAa,aACvB,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,EAAE,oCAEzD,EACL,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC9C,eAEE,KAAK,EAAE;4BACL,OAAO,EAAE,MAAM;4BACf,cAAc,EAAE,eAAe;4BAC/B,OAAO,EAAE,OAAO;4BAChB,YAAY,EAAE,mBAAmB;yBAClC,aAED,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,YAAG,IAAI,CAAC,IAAI,GAAQ,EACjD,gBAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,aAC5C,IAAI,CAAC,aAAa,SAAK,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,IACpD,KAXF,IAAI,CAAC,IAAI,CAYV,CACP,CAAC,IACE,CACP,EAGD,0BAAQ;;;;;OAKP,GAAS,IACN,CACP,CAAC;AACJ,CAAC"}
@@ -0,0 +1,14 @@
1
+ /**
2
+ * State View Components
3
+ *
4
+ * A pattern for state-driven visualizations where:
5
+ * - Telemetry events are processed into state changes
6
+ * - State has a defined shape
7
+ * - State changes trigger animations/transitions
8
+ */
9
+ export * from './types';
10
+ export { useStateView } from './useStateView';
11
+ export type { UseStateViewOptions, UseStateViewResult } from './useStateView';
12
+ export { PipelineView } from './PipelineView';
13
+ export type { PipelineViewProps } from './PipelineView';
14
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/state-view/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}
@@ -0,0 +1,12 @@
1
+ /**
2
+ * State View Components
3
+ *
4
+ * A pattern for state-driven visualizations where:
5
+ * - Telemetry events are processed into state changes
6
+ * - State has a defined shape
7
+ * - State changes trigger animations/transitions
8
+ */
9
+ export * from './types';
10
+ export { useStateView } from './useStateView';
11
+ export { PipelineView } from './PipelineView';
12
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/state-view/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
@@ -0,0 +1,188 @@
1
+ /**
2
+ * State View Types
3
+ *
4
+ * A state-based visualization system where:
5
+ * - Telemetry events are processed into state changes
6
+ * - State has a defined shape
7
+ * - State changes trigger animations/transitions
8
+ */
9
+ /**
10
+ * A state event extracted from telemetry (OTEL spans, etc.)
11
+ */
12
+ export interface StateEvent<TPayload = Record<string, unknown>> {
13
+ /** Event type identifier */
14
+ type: string;
15
+ /** When this event occurred */
16
+ timestamp: number;
17
+ /** Event-specific data */
18
+ payload: TPayload;
19
+ /** Optional trace correlation */
20
+ traceId?: string;
21
+ spanId?: string;
22
+ }
23
+ /**
24
+ * Source of events - can be live (IPC/WebSocket) or replay (from storage)
25
+ */
26
+ export interface EventSource<TEvent extends StateEvent = StateEvent> {
27
+ /** Subscribe to events, returns unsubscribe function */
28
+ subscribe(handler: (event: TEvent) => void): () => void;
29
+ /** Optional: current mode */
30
+ mode?: 'live' | 'replay';
31
+ }
32
+ /**
33
+ * A reducer that applies events to state
34
+ */
35
+ export type StateReducer<TState, TEvent extends StateEvent> = (state: TState, event: TEvent) => TState;
36
+ /**
37
+ * Describes what changed between two states (for animations)
38
+ */
39
+ export interface StateDiff<TState> {
40
+ /** Previous state */
41
+ prev: TState;
42
+ /** New state */
43
+ next: TState;
44
+ /** Which paths changed (dot notation) */
45
+ changedPaths: string[];
46
+ /** The event that caused this change */
47
+ event: StateEvent;
48
+ }
49
+ export type AnimationType = 'pulse' | 'glow' | 'flash' | 'shake' | 'slide-in' | 'slide-out' | 'fade-in' | 'fade-out' | 'particle-flow' | 'increment' | 'decrement' | 'bar-change';
50
+ export interface TransitionDefinition {
51
+ /** Condition: which state path to watch */
52
+ watch: string;
53
+ /** Condition type */
54
+ condition: 'changed' | 'increased' | 'decreased' | 'added' | 'removed';
55
+ /** Animation to trigger */
56
+ animate: AnimationType;
57
+ /** Target element (CSS selector or element ID) */
58
+ target?: string;
59
+ /** Duration in ms */
60
+ duration?: number;
61
+ /** Additional params */
62
+ params?: Record<string, unknown>;
63
+ }
64
+ export interface ActiveAnimation {
65
+ id: string;
66
+ type: AnimationType;
67
+ target: string;
68
+ startTime: number;
69
+ duration: number;
70
+ params?: Record<string, unknown>;
71
+ }
72
+ export interface ReplayControls {
73
+ /** Current playback state */
74
+ state: 'playing' | 'paused' | 'stopped';
75
+ /** Playback speed multiplier */
76
+ speed: number;
77
+ /** Current replay time (event time, not wall time) */
78
+ currentTime: number;
79
+ /** Start of replay range */
80
+ startTime: number;
81
+ /** End of replay range */
82
+ endTime: number;
83
+ /** Control methods */
84
+ play: () => void;
85
+ pause: () => void;
86
+ stop: () => void;
87
+ seek: (time: number) => void;
88
+ setSpeed: (speed: number) => void;
89
+ }
90
+ export interface PipelineStage {
91
+ id: string;
92
+ label: string;
93
+ lastEventTime: number | null;
94
+ isActive: boolean;
95
+ count?: number;
96
+ }
97
+ export interface PipelineRepoState {
98
+ path: string;
99
+ lastEventTime: number;
100
+ lastEventType: string;
101
+ }
102
+ export interface PipelineState {
103
+ stages: Record<string, PipelineStage>;
104
+ repos: Map<string, PipelineRepoState>;
105
+ totalEvents: number;
106
+ }
107
+ export type PipelineEventType = 'FS_CHANGE' | 'WATCH_DETECTED' | 'CACHE_REBUILD' | 'CACHE_HIT' | 'EVENT_BROADCAST';
108
+ export interface PipelineEvent extends StateEvent {
109
+ type: PipelineEventType;
110
+ payload: {
111
+ repo?: string;
112
+ stage?: string;
113
+ slice?: string;
114
+ eventType?: string;
115
+ };
116
+ }
117
+ export interface RoomState {
118
+ id: string;
119
+ userCount: number;
120
+ users: Set<string>;
121
+ }
122
+ export interface ActivityState {
123
+ rooms: Map<string, RoomState>;
124
+ totalUsers: number;
125
+ syncRatePerMinute: number;
126
+ recentSyncs: number[];
127
+ }
128
+ export type ActivityEventType = 'ROOM_JOIN' | 'ROOM_LEAVE' | 'SYNC_BROADCAST';
129
+ export interface ActivityEvent extends StateEvent {
130
+ type: ActivityEventType;
131
+ payload: {
132
+ roomId?: string;
133
+ userId?: string;
134
+ userLogin?: string;
135
+ syncType?: string;
136
+ };
137
+ }
138
+ export interface UserQuotaState {
139
+ userId: number;
140
+ userLogin: string;
141
+ remaining: number;
142
+ limit: number;
143
+ resetTime: number;
144
+ callsThisHour: number;
145
+ cacheHits: number;
146
+ byOperation: Map<string, {
147
+ total: number;
148
+ apiCalls: number;
149
+ }>;
150
+ byRepo: Map<string, {
151
+ total: number;
152
+ apiCalls: number;
153
+ }>;
154
+ }
155
+ export interface QuotaDistributionState {
156
+ users: Map<number, UserQuotaState>;
157
+ serverRemaining: number;
158
+ serverResetTime: number;
159
+ }
160
+ export type QuotaEventType = 'GITHUB_REQUEST';
161
+ export interface QuotaEvent extends StateEvent {
162
+ type: QuotaEventType;
163
+ payload: {
164
+ userId?: number;
165
+ userLogin?: string;
166
+ tokenType: 'user' | 'server';
167
+ operation: string;
168
+ repoOwner?: string;
169
+ repoName?: string;
170
+ cacheHit: boolean;
171
+ cacheTier?: string;
172
+ ratelimitRemaining?: number;
173
+ ratelimitLimit?: number;
174
+ ratelimitReset?: number;
175
+ };
176
+ }
177
+ export interface StateViewDefinition<TState, TEvent extends StateEvent> {
178
+ id: string;
179
+ name: string;
180
+ description?: string;
181
+ /** Initial state */
182
+ initialState: TState;
183
+ /** Reducer function or reference */
184
+ reducer: StateReducer<TState, TEvent>;
185
+ /** Transition definitions for animations */
186
+ transitions?: TransitionDefinition[];
187
+ }
188
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/state-view/types.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,10 @@
1
+ /**
2
+ * State View Types
3
+ *
4
+ * A state-based visualization system where:
5
+ * - Telemetry events are processed into state changes
6
+ * - State has a defined shape
7
+ * - State changes trigger animations/transitions
8
+ */
9
+ export {};
10
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/state-view/types.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG"}
@@ -0,0 +1,32 @@
1
+ /**
2
+ * useStateView Hook
3
+ *
4
+ * Manages state accumulation from events and provides replay controls.
5
+ */
6
+ import type { StateEvent, EventSource, StateReducer, StateDiff, ReplayControls, ActiveAnimation, TransitionDefinition } from './types';
7
+ export interface UseStateViewOptions<TState, TEvent extends StateEvent> {
8
+ /** Initial state */
9
+ initialState: TState;
10
+ /** Reducer to apply events */
11
+ reducer: StateReducer<TState, TEvent>;
12
+ /** Event source (live or replay) */
13
+ eventSource: EventSource<TEvent>;
14
+ /** Transition definitions for animations */
15
+ transitions?: TransitionDefinition[];
16
+ /** Callback when state changes */
17
+ onStateChange?: (diff: StateDiff<TState>) => void;
18
+ }
19
+ export interface UseStateViewResult<TState> {
20
+ /** Current state */
21
+ state: TState;
22
+ /** Active animations */
23
+ animations: ActiveAnimation[];
24
+ /** Whether we're in replay mode */
25
+ isReplay: boolean;
26
+ /** Replay controls (if in replay mode) */
27
+ replayControls?: ReplayControls;
28
+ /** Reset state to initial */
29
+ reset: () => void;
30
+ }
31
+ export declare function useStateView<TState, TEvent extends StateEvent>({ initialState, reducer, eventSource, transitions, onStateChange, }: UseStateViewOptions<TState, TEvent>): UseStateViewResult<TState>;
32
+ //# sourceMappingURL=useStateView.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useStateView.d.ts","sourceRoot":"","sources":["../../../src/components/state-view/useStateView.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,YAAY,EACZ,SAAS,EACT,cAAc,EACd,eAAe,EACf,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,mBAAmB,CAAC,MAAM,EAAE,MAAM,SAAS,UAAU;IACpE,oBAAoB;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,8BAA8B;IAC9B,OAAO,EAAE,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,oCAAoC;IACpC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACrC,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,kBAAkB,CAAC,MAAM;IACxC,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,mCAAmC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,6BAA6B;IAC7B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AA6ED,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,SAAS,UAAU,EAAE,EAC9D,YAAY,EACZ,OAAO,EACP,WAAW,EACX,WAAgB,EAChB,aAAa,GACd,EAAE,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAgFlE"}
@@ -0,0 +1,129 @@
1
+ /**
2
+ * useStateView Hook
3
+ *
4
+ * Manages state accumulation from events and provides replay controls.
5
+ */
6
+ import { useState, useEffect, useRef, useCallback } from 'react';
7
+ /**
8
+ * Get changed paths between two objects (shallow comparison)
9
+ */
10
+ function getChangedPaths(prev, next, prefix = '') {
11
+ const paths = [];
12
+ if (prev === next)
13
+ return paths;
14
+ if (typeof prev !== 'object' ||
15
+ typeof next !== 'object' ||
16
+ prev === null ||
17
+ next === null) {
18
+ return prefix ? [prefix] : [];
19
+ }
20
+ const prevObj = prev;
21
+ const nextObj = next;
22
+ const allKeys = new Set([...Object.keys(prevObj), ...Object.keys(nextObj)]);
23
+ for (const key of allKeys) {
24
+ const path = prefix ? `${prefix}.${key}` : key;
25
+ if (prevObj[key] !== nextObj[key]) {
26
+ paths.push(path);
27
+ }
28
+ }
29
+ return paths;
30
+ }
31
+ /**
32
+ * Check if a transition should fire based on state change
33
+ */
34
+ function shouldTriggerTransition(transition, prev, next, changedPaths) {
35
+ // Check if the watched path changed
36
+ if (!changedPaths.some((p) => p.startsWith(transition.watch))) {
37
+ return false;
38
+ }
39
+ const prevValue = getValueAtPath(prev, transition.watch);
40
+ const nextValue = getValueAtPath(next, transition.watch);
41
+ switch (transition.condition) {
42
+ case 'changed':
43
+ return prevValue !== nextValue;
44
+ case 'increased':
45
+ return typeof nextValue === 'number' && typeof prevValue === 'number' && nextValue > prevValue;
46
+ case 'decreased':
47
+ return typeof nextValue === 'number' && typeof prevValue === 'number' && nextValue < prevValue;
48
+ case 'added':
49
+ return prevValue === undefined && nextValue !== undefined;
50
+ case 'removed':
51
+ return prevValue !== undefined && nextValue === undefined;
52
+ default:
53
+ return false;
54
+ }
55
+ }
56
+ function getValueAtPath(obj, path) {
57
+ const parts = path.split('.');
58
+ let current = obj;
59
+ for (const part of parts) {
60
+ if (current === null || current === undefined)
61
+ return undefined;
62
+ current = current[part];
63
+ }
64
+ return current;
65
+ }
66
+ export function useStateView({ initialState, reducer, eventSource, transitions = [], onStateChange, }) {
67
+ const [state, setState] = useState(initialState);
68
+ const [animations, setAnimations] = useState([]);
69
+ const prevStateRef = useRef(initialState);
70
+ const animationIdRef = useRef(0);
71
+ const triggerAnimation = useCallback((transition, _event) => {
72
+ const id = `anim-${++animationIdRef.current}`;
73
+ const duration = transition.duration ?? 500;
74
+ const animation = {
75
+ id,
76
+ type: transition.animate,
77
+ target: transition.target ?? transition.watch,
78
+ startTime: Date.now(),
79
+ duration,
80
+ params: transition.params,
81
+ };
82
+ setAnimations((prev) => [...prev, animation]);
83
+ // Auto-remove after duration
84
+ setTimeout(() => {
85
+ setAnimations((prev) => prev.filter((a) => a.id !== id));
86
+ }, duration);
87
+ }, []);
88
+ const handleEvent = useCallback((event) => {
89
+ setState((prevState) => {
90
+ const nextState = reducer(prevState, event);
91
+ const changedPaths = getChangedPaths(prevState, nextState);
92
+ // Trigger animations based on transitions
93
+ for (const transition of transitions) {
94
+ if (shouldTriggerTransition(transition, prevState, nextState, changedPaths)) {
95
+ triggerAnimation(transition, event);
96
+ }
97
+ }
98
+ // Notify listener
99
+ if (onStateChange && changedPaths.length > 0) {
100
+ onStateChange({
101
+ prev: prevState,
102
+ next: nextState,
103
+ changedPaths,
104
+ event,
105
+ });
106
+ }
107
+ prevStateRef.current = nextState;
108
+ return nextState;
109
+ });
110
+ }, [reducer, transitions, onStateChange, triggerAnimation]);
111
+ // Subscribe to event source
112
+ useEffect(() => {
113
+ const unsubscribe = eventSource.subscribe(handleEvent);
114
+ return unsubscribe;
115
+ }, [eventSource, handleEvent]);
116
+ const reset = useCallback(() => {
117
+ setState(initialState);
118
+ setAnimations([]);
119
+ prevStateRef.current = initialState;
120
+ }, [initialState]);
121
+ const isReplay = eventSource.mode === 'replay';
122
+ return {
123
+ state,
124
+ animations,
125
+ isReplay,
126
+ reset,
127
+ };
128
+ }
129
+ //# sourceMappingURL=useStateView.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useStateView.js","sourceRoot":"","sources":["../../../src/components/state-view/useStateView.ts"],"names":[],"mappings":"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"}
package/dist/index.d.ts CHANGED
@@ -41,4 +41,6 @@ export { useElkLayout, applyElkPathsToEdges } from './hooks/useElkLayout';
41
41
  export type { UseElkLayoutOptions, UseElkLayoutResult } from './hooks/useElkLayout';
42
42
  export { DashboardRenderer, MetricPanel, MetricCard, LineChart, BarChart, SourceLink, TimeRangeSelector, MockDataProvider, createMockDataProvider, } from './components/dashboard';
43
43
  export type { DashboardDefinition, MetricDefinition, MetricType, MetricSource, MetricQuery, Derivation, TimeGroup, AlertDefinition, MetricDisplay, DisplayComponent, DashboardLayout, DashboardRow, PanelPlacement, TimeRangePreset, TimeRange, RefreshInterval, TimeRangeConfig, MockMetricData, TimeSeriesPoint, HistogramData, MetricData, DataProvider, DashboardRendererProps, MetricPanelProps, MetricCardProps, LineChartProps, BarChartProps, SourceLinkProps, TimeRangeSelectorProps, } from './components/dashboard';
44
+ export { PipelineView, useStateView } from './components/state-view';
45
+ export type { StateEvent, EventSource, StateReducer, StateDiff, TransitionDefinition, ActiveAnimation, AnimationType, ReplayControls, StateViewDefinition, PipelineState, PipelineStage, PipelineRepoState, PipelineEvent, PipelineEventType, ActivityState, RoomState, ActivityEvent, ActivityEventType, QuotaDistributionState, UserQuotaState, QuotaEvent, QuotaEventType, UseStateViewOptions, UseStateViewResult, PipelineViewProps, } from './components/state-view';
44
46
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,YAAY,EACV,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,SAAS,EACT,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,uBAAuB,EAEvB,gBAAgB,EAChB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,mCAAmC,CAAC;AAG3C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,GACf,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,YAAY,EAAE,4BAA4B,EAAE,MAAM,sCAAsC,CAAC;AAEzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,YAAY,EACV,aAAa,EACb,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AACnG,YAAY,EACV,wBAAwB,EACxB,iBAAiB,EACjB,eAAe,GAChB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAGrF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGzD,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,0BAA0B,EAC1B,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,YAAY,GACb,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGzD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAG3E,OAAO,EACL,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,GACd,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AACvG,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGnE,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACxE,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC5F,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAGpF,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAEV,mBAAmB,EACnB,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,WAAW,EACX,UAAU,EACV,SAAS,EACT,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,YAAY,EACZ,cAAc,EAEd,eAAe,EACf,SAAS,EACT,eAAe,EACf,eAAe,EAEf,cAAc,EACd,eAAe,EACf,aAAa,EAEb,UAAU,EACV,YAAY,EAEZ,sBAAsB,EACtB,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,aAAa,EACb,eAAe,EACf,sBAAsB,GACvB,MAAM,wBAAwB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -30,4 +30,6 @@ export { computeElkLayout, createElkLayouter } from './utils/elkLayout';
30
30
  export { useElkLayout, applyElkPathsToEdges } from './hooks/useElkLayout';
31
31
  // Dashboard components for rendering metrics from dashboard definition files
32
32
  export { DashboardRenderer, MetricPanel, MetricCard, LineChart, BarChart, SourceLink, TimeRangeSelector, MockDataProvider, createMockDataProvider, } from './components/dashboard';
33
+ // State View components for event-driven state visualization
34
+ export { PipelineView, useStateView } from './components/state-view';
33
35
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAwBH,oBAAoB;AACpB,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAQ3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAG/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAU9D,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAOnG,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAG3E,6BAA6B;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,8BAA8B;AAC9B,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,2BAA2B;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,mBAAmB;AACnB,OAAO,EACL,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,GACd,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAGvG,4DAA4D;AAC5D,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAExE,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAG1E,6EAA6E;AAC7E,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,wBAAwB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAwBH,oBAAoB;AACpB,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAQ3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAG/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAU9D,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAOnG,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAG3E,6BAA6B;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,8BAA8B;AAC9B,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,2BAA2B;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,mBAAmB;AACnB,OAAO,EACL,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,GACd,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAGvG,4DAA4D;AAC5D,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAExE,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAG1E,6EAA6E;AAC7E,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,wBAAwB,CAAC;AAsChC,6DAA6D;AAC7D,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC"}
@@ -322,8 +322,8 @@ export const CustomNode = (props) => {
322
322
  return (_jsx("div", { style: { padding: '10px', border: '2px solid red', borderRadius: '4px' }, children: _jsx("div", { style: { fontSize: '12px', color: 'red' }, children: "Error: Missing node type definition" }) }));
323
323
  }
324
324
  // Color Contract:
325
- // - scopeColor: Used as BORDER color (from library.yaml owned-scopes)
326
- // - spanColor: Used as FILL color (from .spans.canvas based on workflow context)
325
+ // - scopeColor: Used as FILL/background color (from library.yaml scopes)
326
+ // - spanColor: Used as BORDER color in workflow context (from .spans.canvas)
327
327
  // - For non-event canvases, falls back to legacy behavior (node color or type color)
328
328
  // Get colors from node data (injected by GraphRenderer)
329
329
  const nodeDataColor = nodeData.color;
@@ -332,14 +332,14 @@ export const CustomNode = (props) => {
332
332
  // Check node's own states first (from pv.states), then fall back to type definition states
333
333
  const nodeDataStates = nodeData.states;
334
334
  const stateColor = state && (nodeDataStates?.[state]?.color || typeDefinition.states?.[state]?.color);
335
- // Fill color priority: state color > span color > node data color > type definition color > default
336
- // spanColor is the new primary source for fill (from .spans.canvas)
337
- const baseFillColor = spanColor || nodeDataColor || typeDefinition.color || '#888';
335
+ // Fill color priority: state color > node data color > scope color > type definition color > default
336
+ // scopeColor provides background color from the scope definition in library.yaml
337
+ const baseFillColor = nodeDataColor || scopeColor || typeDefinition.color || '#888';
338
338
  const fillColor = stateColor || baseFillColor;
339
- // Stroke/border color priority: explicit stroke > scope color > fill color
340
- // scopeColor is now the primary source for border (from library.yaml owned-scopes)
339
+ // Stroke/border color priority: explicit stroke > span color (workflow context) > fill color
340
+ // spanColor provides border color in workflow context (from .spans.canvas)
341
341
  const nodeDataStroke = nodeData.stroke;
342
- const baseStrokeColor = nodeDataStroke || scopeColor || fillColor;
342
+ const baseStrokeColor = nodeDataStroke || spanColor || fillColor;
343
343
  // Apply status-based border styling
344
344
  const status = nodeData?.status;
345
345
  const strokeColor = baseStrokeColor;