{"_id":"@abstractframework/monitor-flow","_rev":"7-7f195fef2a372762d4ed3872050da557","name":"@abstractframework/monitor-flow","dist-tags":{"latest":"0.1.9"},"versions":{"0.1.0":{"name":"@abstractframework/monitor-flow","version":"0.1.0","keywords":["abstractframework","flow","agent","observability","ui","react"],"author":{"name":"Laurent-Philippe Albou"},"license":"MIT","_id":"@abstractframework/monitor-flow@0.1.0","maintainers":[{"name":"lpalbou","email":"lpalbou@gmail.com"}],"homepage":"https://github.com/lpalbou/AbstractUIC#readme","bugs":{"url":"https://github.com/lpalbou/AbstractUIC/issues"},"dist":{"shasum":"585fe00a28fae5bbede5e98d856fbbea1558dcf8","tarball":"https://registry.npmjs.org/@abstractframework/monitor-flow/-/monitor-flow-0.1.0.tgz","fileCount":18,"integrity":"sha512-QiHr2QHBcFbDjKLCyFIHMgCO+m276rpUNbh0gnyNGwzmSqSjUY02GveSrerNaCkG/5NzI8PfTv3oMeKnRr6zAg==","signatures":[{"sig":"MEUCIBGCJbOoSQKe3Ohu186oIZNIu/cdJJmNKazMQ37HK26VAiEAnyzQrkYV0cthZyuqZWcGecQPIC1fT3AfIe+l8DTJnGg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":59444},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./agent_cycles.css":"./src/agent_cycles.css"},"gitHead":"57486fdba1fbce7e3e9075908073031c70eb83ae","scripts":{"build":"tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"lpalbou","email":"lpalbou@gmail.com"},"repository":{"url":"git+https://github.com/lpalbou/AbstractUIC.git","type":"git","directory":"monitor-flow"},"_npmVersion":"10.9.2","description":"Shared flow/agent monitoring UI components for AbstractFramework (used by AbstractFlow and AbstractObserver).","directories":{},"sideEffects":["*.css"],"_nodeVersion":"23.11.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.3.3","@types/react":"^18.2.48","@types/react-dom":"^18.2.18"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/monitor-flow_0.1.0_1770194397590_0.13361138133849604","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@abstractframework/monitor-flow","version":"0.1.2","keywords":["abstractframework","flow","agent","observability","ui","react"],"author":{"name":"Laurent-Philippe Albou"},"license":"MIT","_id":"@abstractframework/monitor-flow@0.1.2","maintainers":[{"name":"lpalbou","email":"lpalbou@gmail.com"}],"homepage":"https://github.com/lpalbou/AbstractUIC#readme","bugs":{"url":"https://github.com/lpalbou/AbstractUIC/issues"},"dist":{"shasum":"c69bce87486bf6cc4c5007a0a5d1ce797599ce4a","tarball":"https://registry.npmjs.org/@abstractframework/monitor-flow/-/monitor-flow-0.1.2.tgz","fileCount":18,"integrity":"sha512-NaI+diowq9E0YPl8IZfR2ka9XNbE7m2FR/Gw+QfUaW/p8KzcoTO1ucUXit5dR9YzbFCMbVOeb9q6hptT4kQJCA==","signatures":[{"sig":"MEUCIQDxB9yyH0cA8yAKI6wGAcA2wm/hT/2GpYVuvnR17jxwSgIgDxjgMZf7BCprLnmnsXFPSisE9Kb3oSUFH7lepyqR6EY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":60066},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./agent_cycles.css":"./src/agent_cycles.css"},"gitHead":"3da7f7f10639dd53f4b7d6e72748f9432c0d8860","scripts":{"build":"tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"lpalbou","email":"lpalbou@gmail.com"},"repository":{"url":"git+https://github.com/lpalbou/AbstractUIC.git","type":"git","directory":"monitor-flow"},"_npmVersion":"10.9.2","description":"Shared flow/agent monitoring UI components for AbstractFramework (used by AbstractFlow and AbstractObserver).","directories":{},"sideEffects":["*.css"],"_nodeVersion":"23.11.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-dom":"^18.0.0","typescript":"^5.3.3","@types/react":"^18.2.48","@types/react-dom":"^18.2.18"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/monitor-flow_0.1.2_1770278723643_0.8546837280800799","host":"s3://npm-registry-packages-npm-production"}},"0.1.3":{"name":"@abstractframework/monitor-flow","version":"0.1.3","keywords":["abstractframework","flow","agent","observability","ui","react"],"author":{"name":"Laurent-Philippe Albou"},"license":"MIT","_id":"@abstractframework/monitor-flow@0.1.3","maintainers":[{"name":"lpalbou","email":"lpalbou@gmail.com"}],"homepage":"https://github.com/lpalbou/AbstractUIC#readme","bugs":{"url":"https://github.com/lpalbou/AbstractUIC/issues"},"dist":{"shasum":"f1829472c5baced9d99328b9067b3125bf54f028","tarball":"https://registry.npmjs.org/@abstractframework/monitor-flow/-/monitor-flow-0.1.3.tgz","fileCount":18,"integrity":"sha512-/b0jsT/ZiN2adCRENVyPTL8Wlg1F1iVt6V+M4CLxpDqarQT7hTtlFFC1mUkVJ1Nuga/Ov+1DarnoGi3HMoijaw==","signatures":[{"sig":"MEUCIQDuWSiP9lfidYdWL0vO6brlOI6pRQ7fHsfKG8jhaA+GPgIgHYXs6qTzhKHUx4ACfRsQvoQ4rIvIqr1dx0Cvj8KP51U=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":60066},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./agent_cycles.css":"./src/agent_cycles.css"},"gitHead":"3da7f7f10639dd53f4b7d6e72748f9432c0d8860","scripts":{"build":"tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"lpalbou","email":"lpalbou@gmail.com"},"repository":{"url":"git+https://github.com/lpalbou/AbstractUIC.git","type":"git","directory":"monitor-flow"},"_npmVersion":"10.9.2","description":"Shared flow/agent monitoring UI components for AbstractFramework (used by AbstractFlow and AbstractObserver).","directories":{},"sideEffects":["*.css"],"_nodeVersion":"23.11.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-dom":"^18.0.0","typescript":"^5.3.3","@types/react":"^18.2.48","@types/react-dom":"^18.2.18"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/monitor-flow_0.1.3_1770287264976_0.15987898379338006","host":"s3://npm-registry-packages-npm-production"}},"0.1.6":{"name":"@abstractframework/monitor-flow","version":"0.1.6","keywords":["abstractframework","flow","agent","observability","ui","react"],"author":{"name":"Laurent-Philippe Albou"},"license":"MIT","_id":"@abstractframework/monitor-flow@0.1.6","maintainers":[{"name":"lpalbou","email":"lpalbou@gmail.com"}],"homepage":"https://github.com/lpalbou/AbstractUIC#readme","bugs":{"url":"https://github.com/lpalbou/AbstractUIC/issues"},"dist":{"shasum":"94c07a06c935e7bcde8824b0b216b73b1eb29345","tarball":"https://registry.npmjs.org/@abstractframework/monitor-flow/-/monitor-flow-0.1.6.tgz","fileCount":18,"integrity":"sha512-CwS4SJAKGFnCIbe7sJwcwA2t28Ozi72n7ImwR7BTVcuksdAaapXeDc75tSSLG5gAidFPoOFUYm2JSZoRcXA08Q==","signatures":[{"sig":"MEYCIQCQviUrw6M5vm3+QG5p4RK4xKY8pZcM1U3BgsRYtEf0lgIhAMnuq1QHFLMjc+DDwlbtHEJxvlwmH1OZ+CrI45KgMtTA","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@abstractframework%2fmonitor-flow@0.1.6","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":60100},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./agent_cycles.css":"./dist/agent_cycles.css"},"gitHead":"20c88108affd1995ae900ceb92eb993d91b73e43","scripts":{"build":"tsc && cp src/agent_cycles.css dist/agent_cycles.css","prepublishOnly":"npm run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:562fd782-5524-493b-aa71-8c3195808cec"}},"repository":{"url":"git+https://github.com/lpalbou/AbstractUIC.git","type":"git","directory":"monitor-flow"},"_npmVersion":"11.12.1","description":"Shared flow/agent monitoring UI components for AbstractFramework (used by AbstractFlow and AbstractObserver).","directories":{},"sideEffects":["*.css"],"_nodeVersion":"24.15.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-dom":"^18.0.0","typescript":"^5.3.3","@types/react":"^18.2.48","@types/react-dom":"^18.2.18"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/monitor-flow_0.1.6_1779780285877_0.48270210808681857","host":"s3://npm-registry-packages-npm-production"}},"0.1.7":{"name":"@abstractframework/monitor-flow","version":"0.1.7","keywords":["abstractframework","flow","agent","observability","ui","react"],"author":{"name":"Laurent-Philippe Albou"},"license":"MIT","_id":"@abstractframework/monitor-flow@0.1.7","maintainers":[{"name":"lpalbou","email":"lpalbou@gmail.com"}],"homepage":"https://github.com/lpalbou/AbstractUIC#readme","bugs":{"url":"https://github.com/lpalbou/AbstractUIC/issues"},"dist":{"shasum":"4a3ca45a6d168fe3be3b6a50d4d6bc9a886b3c81","tarball":"https://registry.npmjs.org/@abstractframework/monitor-flow/-/monitor-flow-0.1.7.tgz","fileCount":18,"integrity":"sha512-gKvstCYOOX4cFcHMaaLTJtY3+gqHRGgeQDlnQVCxguV3wa9OpkrMBaC947zAV8Nih2TBPpiVbNxxHBrVM3Gu1w==","signatures":[{"sig":"MEQCIDU1/7zNrL6739WOr0TtS8CG/vVvy3fdn58AvvG/Lh7qAiBEznNB8YG10uTljmRdbCqYtyY/DE4FbcpglvP1OY3DWQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@abstractframework%2fmonitor-flow@0.1.7","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":60100},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./agent_cycles.css":"./dist/agent_cycles.css"},"gitHead":"230de255d635a1cac3fabd0abd07d341b22c4f2f","scripts":{"build":"tsc && cp src/agent_cycles.css dist/agent_cycles.css","prepublishOnly":"npm run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:562fd782-5524-493b-aa71-8c3195808cec"}},"repository":{"url":"git+https://github.com/lpalbou/AbstractUIC.git","type":"git","directory":"monitor-flow"},"_npmVersion":"11.13.0","description":"Shared flow/agent monitoring UI components for AbstractFramework (used by AbstractFlow and AbstractObserver).","directories":{},"sideEffects":["*.css"],"_nodeVersion":"24.16.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-dom":"^18.0.0","typescript":"^5.3.3","@types/react":"^18.2.48","@types/react-dom":"^18.2.18"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/monitor-flow_0.1.7_1780213955193_0.988129011477771","host":"s3://npm-registry-packages-npm-production"}},"0.1.8":{"name":"@abstractframework/monitor-flow","version":"0.1.8","keywords":["abstractframework","flow","agent","observability","ui","react"],"author":{"name":"Laurent-Philippe Albou"},"license":"MIT","_id":"@abstractframework/monitor-flow@0.1.8","maintainers":[{"name":"lpalbou","email":"lpalbou@gmail.com"}],"homepage":"https://github.com/lpalbou/AbstractUIC#readme","bugs":{"url":"https://github.com/lpalbou/AbstractUIC/issues"},"dist":{"shasum":"e28db1267677db3ca8de2504720e5c13cb2af82b","tarball":"https://registry.npmjs.org/@abstractframework/monitor-flow/-/monitor-flow-0.1.8.tgz","fileCount":18,"integrity":"sha512-gsR4y4PIU8l5jIGHMbbbRofG6YUcivaKR8jUEtcWVQK6VK2ZQUL2uDmMqf2d+tNAZrJ53O8pn+Dqve2Slo2fow==","signatures":[{"sig":"MEYCIQCv2NlOH5+Y6fdGZaUlEx2Lf0gHlWJa979UWMabaihGhAIhAO3nTO0qBypZa1hgpULTi7x4Ujl1tMazTBt2qXoxf4vj","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@abstractframework%2fmonitor-flow@0.1.8","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":63583},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./agent_cycles.css":"./dist/agent_cycles.css"},"gitHead":"5f37c4960d2953d163651430ddb77090761f06aa","scripts":{"build":"tsc && cp src/agent_cycles.css dist/agent_cycles.css","prepublishOnly":"npm run build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:562fd782-5524-493b-aa71-8c3195808cec"}},"repository":{"url":"git+https://github.com/lpalbou/AbstractUIC.git","type":"git","directory":"monitor-flow"},"_npmVersion":"11.13.0","description":"Shared flow/agent monitoring UI components for AbstractFramework (used by AbstractFlow and AbstractObserver).","directories":{},"sideEffects":["*.css"],"_nodeVersion":"24.16.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-dom":"^18.0.0","typescript":"^5.3.3","@types/react":"^18.2.48","@types/react-dom":"^18.2.18"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/monitor-flow_0.1.8_1781459592103_0.8100847791726147","host":"s3://npm-registry-packages-npm-production"}},"0.1.9":{"name":"@abstractframework/monitor-flow","version":"0.1.9","description":"Shared flow/agent monitoring UI components for AbstractFramework (used by AbstractFlow and AbstractObserver).","type":"module","author":{"name":"Laurent-Philippe Albou"},"license":"MIT","keywords":["abstractframework","flow","agent","observability","ui","react"],"repository":{"type":"git","url":"git+https://github.com/lpalbou/AbstractUIC.git","directory":"monitor-flow"},"homepage":"https://github.com/lpalbou/AbstractUIC#readme","publishConfig":{"access":"public"},"main":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./agent_cycles.css":"./dist/agent_cycles.css"},"scripts":{"build":"tsc && cp src/agent_cycles.css dist/agent_cycles.css","prepublishOnly":"npm test","test":"npm run build && node scripts/check_monitor_flow.mjs"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"devDependencies":{"@types/react":"^18.2.48","@types/react-dom":"^18.2.18","react":"^18.0.0","react-dom":"^18.0.0","typescript":"^5.3.3"},"sideEffects":["*.css"],"engines":{"node":">=18.0.0"},"gitHead":"be9c6fc98da6894df366c55340b1d17680e05825","_id":"@abstractframework/monitor-flow@0.1.9","bugs":{"url":"https://github.com/lpalbou/AbstractUIC/issues"},"_nodeVersion":"24.19.0","_npmVersion":"11.17.0","dist":{"integrity":"sha512-zm/bf/4fztVH/ODoyTB60F+BsUnBBdkW2VhLcUpLfzWG+2a1+rWvtiwaNpwuSR6M3FuptD2S0oU8uQBoucgePw==","shasum":"4f934af588cc02fd791417e9741ffedaab7a8a5d","tarball":"https://registry.npmjs.org/@abstractframework/monitor-flow/-/monitor-flow-0.1.9.tgz","fileCount":21,"unpackedSize":68751,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@abstractframework%2fmonitor-flow@0.1.9","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCXa/vKFYKgdsI4Pu99Tq7hJlo1LfuXgfI0CQSgk+v4GAIhAPI0uo3H61CQiGUcrvKiGCoDhC84LEVZaT+Ll91f3z3C"}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:562fd782-5524-493b-aa71-8c3195808cec"}},"directories":{},"maintainers":[{"name":"lpalbou","email":"lpalbou@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/monitor-flow_0.1.9_1787986431390_0.05423718434253777"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-04T08:39:57.511Z","modified":"2026-08-29T06:53:51.928Z","0.1.0":"2026-02-04T08:39:57.744Z","0.1.2":"2026-02-05T08:05:23.793Z","0.1.3":"2026-02-05T10:27:45.132Z","0.1.6":"2026-05-26T07:24:46.020Z","0.1.7":"2026-05-31T07:52:35.376Z","0.1.8":"2026-06-14T17:53:12.232Z","0.1.9":"2026-08-29T06:53:51.548Z"},"bugs":{"url":"https://github.com/lpalbou/AbstractUIC/issues"},"author":{"name":"Laurent-Philippe Albou"},"license":"MIT","homepage":"https://github.com/lpalbou/AbstractUIC#readme","keywords":["abstractframework","flow","agent","observability","ui","react"],"repository":{"type":"git","url":"git+https://github.com/lpalbou/AbstractUIC.git","directory":"monitor-flow"},"description":"Shared flow/agent monitoring UI components for AbstractFramework (used by AbstractFlow and AbstractObserver).","maintainers":[{"name":"lpalbou","email":"lpalbou@gmail.com"}],"readme":"# @abstractframework/monitor-flow\n\nReact components to inspect **agent execution cycles** (think → act → observe) from per-effect trace records.\n\n## What you get\n\nAuthoritative exports live in `monitor-flow/src/index.ts`:\n\n- `AgentCyclesPanel` (+ types `TraceItem`, `TraceStep`)\n- `JsonViewer`\n- `build_agent_trace` (+ `LedgerRecordItem`, `StepRecordLike`)\n\n## Peer dependencies\n\nDeclared in `monitor-flow/package.json`:\n\n- `react@^18`, `react-dom@^18`\n\n## Install\n\n- Workspace: add a dependency on `@abstractframework/monitor-flow`\n- npm: `npm i @abstractframework/monitor-flow`\n\n## Expected data\n\n`AgentCyclesPanel` expects `TraceItem[]` (see `monitor-flow/src/AgentCyclesPanel.tsx`):\n\n```ts\ntype TraceItem = {\n  id: string;\n  runId: string;\n  nodeId: string;\n  ts?: string;\n  status: string;\n  step: Record<string, unknown>;\n};\n```\n\nCycles start whenever `step.effect.type === \"llm_call\"` (see the cycle builder in `monitor-flow/src/AgentCyclesPanel.tsx`).\n\n## Usage\n\nIf you already have `TraceItem[]`, pass it directly:\n\n```tsx\nimport { AgentCyclesPanel } from \"@abstractframework/monitor-flow\";\n\n<AgentCyclesPanel items={items} />;\n```\n\nIf you have “ledger-like” records, adapt them with `build_agent_trace`:\n\n```tsx\nimport { AgentCyclesPanel, build_agent_trace } from \"@abstractframework/monitor-flow\";\n\nconst { items } = build_agent_trace(ledgerItems, { run_id: \"run_123\" });\n<AgentCyclesPanel items={items} />;\n```\n\n## Styling\n\nImport CSS in your app entrypoint (recommended):\n\n- `import \"@abstractframework/monitor-flow/agent_cycles.css\";`\n- `import \"@abstractframework/ui-kit/theme.css\";` (shared tokens)\n\n## Related docs\n\n- Getting started: [`docs/getting-started.md`](../docs/getting-started.md)\n- API reference: [`docs/api.md`](../docs/api.md)\n- Architecture: [`docs/architecture.md`](../docs/architecture.md)\n","readmeFilename":"README.md"}