{"id":69,"date":"2026-11-09T09:38:34","date_gmt":"2026-11-09T09:38:34","guid":{"rendered":"https:\/\/instabox-d.sheep-mine.ts.net\/index.php\/how-components-can-help-us-govern-agents\/"},"modified":"2026-11-09T09:38:34","modified_gmt":"2026-11-09T09:38:34","slug":"how-components-can-help-us-govern-agents","status":"publish","type":"post","link":"https:\/\/instabox-d.sheep-mine.ts.net\/index.php\/how-components-can-help-us-govern-agents\/","title":{"rendered":"How components can help us govern agents"},"content":{"rendered":"<div style=\"text-align:center\"><img loading=\"lazy\" decoding=\"async\" width=\"100\" height=\"9999\" src=\"https:\/\/i2.wp.com\/www.infoworld.com\/wp-content\/uploads\/2026\/11\/4244633-0-71847300-1794214885-shutterstock_1638222700-100938190-orig.jpg?quality=50&amp;strip=all&amp;w=100&amp;resize=100&amp;ssl=1\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"How components can help us govern agents\" title=\"How components can help us govern agents\" \/><\/div>\n<br \/><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" fifu-lazy=\"1\" fifu-data-sizes=\"auto\" fifu-data-srcset=\"https:\/\/i3.wp.com\/www.infoworld.com\/wp-content\/uploads\/2026\/11\/4244633-0-71847300-1794214885-shutterstock_1638222700-100938190-orig.jpg?quality=50&strip=all&ssl=1&w=75&resize=75&ssl=1 75w, https:\/\/i3.wp.com\/www.infoworld.com\/wp-content\/uploads\/2026\/11\/4244633-0-71847300-1794214885-shutterstock_1638222700-100938190-orig.jpg?quality=50&strip=all&ssl=1&w=100&resize=100&ssl=1 100w, https:\/\/i3.wp.com\/www.infoworld.com\/wp-content\/uploads\/2026\/11\/4244633-0-71847300-1794214885-shutterstock_1638222700-100938190-orig.jpg?quality=50&strip=all&ssl=1&w=150&resize=150&ssl=1 150w, https:\/\/i3.wp.com\/www.infoworld.com\/wp-content\/uploads\/2026\/11\/4244633-0-71847300-1794214885-shutterstock_1638222700-100938190-orig.jpg?quality=50&strip=all&ssl=1&w=240&resize=240&ssl=1 240w, https:\/\/i3.wp.com\/www.infoworld.com\/wp-content\/uploads\/2026\/11\/4244633-0-71847300-1794214885-shutterstock_1638222700-100938190-orig.jpg?quality=50&strip=all&ssl=1&w=320&resize=320&ssl=1 320w, https:\/\/i3.wp.com\/www.infoworld.com\/wp-content\/uploads\/2026\/11\/4244633-0-71847300-1794214885-shutterstock_1638222700-100938190-orig.jpg?quality=50&strip=all&ssl=1&w=500&resize=500&ssl=1 500w, https:\/\/i3.wp.com\/www.infoworld.com\/wp-content\/uploads\/2026\/11\/4244633-0-71847300-1794214885-shutterstock_1638222700-100938190-orig.jpg?quality=50&strip=all&ssl=1&w=640&resize=640&ssl=1 640w, https:\/\/i3.wp.com\/www.infoworld.com\/wp-content\/uploads\/2026\/11\/4244633-0-71847300-1794214885-shutterstock_1638222700-100938190-orig.jpg?quality=50&strip=all&ssl=1&w=800&resize=800&ssl=1 800w, https:\/\/i3.wp.com\/www.infoworld.com\/wp-content\/uploads\/2026\/11\/4244633-0-71847300-1794214885-shutterstock_1638222700-100938190-orig.jpg?quality=50&strip=all&ssl=1&w=1024&resize=1024&ssl=1 1024w, https:\/\/i3.wp.com\/www.infoworld.com\/wp-content\/uploads\/2026\/11\/4244633-0-71847300-1794214885-shutterstock_1638222700-100938190-orig.jpg?quality=50&strip=all&ssl=1&w=1280&resize=1280&ssl=1 1280w, https:\/\/i3.wp.com\/www.infoworld.com\/wp-content\/uploads\/2026\/11\/4244633-0-71847300-1794214885-shutterstock_1638222700-100938190-orig.jpg?quality=50&strip=all&ssl=1&w=1600&resize=1600&ssl=1 1600w\" fifu-data-src=\"https:\/\/i3.wp.com\/www.infoworld.com\/wp-content\/uploads\/2026\/11\/4244633-0-71847300-1794214885-shutterstock_1638222700-100938190-orig.jpg?quality=50&strip=all&ssl=1\" \/><\/p>\n<p>onMount runs once when the component becomes visible. onUnmount runs once when it leaves. onError catches anything either of them throws and receives { source, error }, where source is &#8220;mount&#8221;, &#8220;unmount&#8221;, &#8220;beforeDispose&#8221;, or &#8220;action&#8221;. The agent does not write a return value, does not pick a dependency array, does not name a cleanup function. There is nothing to forget.<\/p>\n<p>We say that XMLUI is to React as Java and C# are to C++: a managed language that abolishes many kinds of errors and vulnerabilities. In both cases there are valid reasons to pierce the abstraction and reach for low-level primitives, but that should be the exception not the rule. If most of what needs doing can happen in a managed layer, it should.<\/p>\n<p>Wrapping React components<\/p>\n<p>XMLUI components are wrappers around React components; they expose properties and APIs for declarative use. The core set of components delivered in the XMLUI runtime handle layout, data access, lists, tables, and UI controls including buttons, switches, and sliders. More advanced components like ECharts, Tiptap, and Masonry are wrapped in the same way and delivered as loadable extensions. All components share a common mechanism for semantic tracing. When enabled, semantic tracing captures a rich history that includes API calls and results, handler timings, and \u2014 this is the semantic part \u2014 trace events keyed to ARIA labels.<\/p>\n\n<br \/><a href=\"https:\/\/www.infoworld.com\/article\/4244633\/how-components-can-help-us-govern-agents.html\">Source credits: <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>onMount runs once when the component becomes visible. onUnmount runs once when it leaves. onError catches anything either of them throws and receives { source, error }, where source is &#8220;mount&#8221;, &#8220;unmount&#8221;, &#8220;beforeDispose&#8221;, or &#8220;action&#8221;. The agent does not write a return value, does not pick a dependency array, does not name a cleanup function. There is nothing to forget. &#8230; <\/p>\n<div><a href=\"https:\/\/instabox-d.sheep-mine.ts.net\/index.php\/how-components-can-help-us-govern-agents\/\" class=\"more-link\">Read More<\/a><\/div>\n","protected":false},"author":1,"featured_media":71,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/www.infoworld.com\/wp-content\/uploads\/2026\/11\/4244633-0-71847300-1794214885-shutterstock_1638222700-100938190-orig.jpg?quality=50&strip=all&w=1024","fifu_image_alt":"","footnotes":""},"categories":[3,116,117,118],"tags":[115,114],"class_list":["post-69","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artificial-intelligence","category-development-approaches","category-generative-ai","category-software-development","tag-languageen","tag-storytypefeature"],"_links":{"self":[{"href":"https:\/\/instabox-d.sheep-mine.ts.net\/index.php\/wp-json\/wp\/v2\/posts\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/instabox-d.sheep-mine.ts.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/instabox-d.sheep-mine.ts.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/instabox-d.sheep-mine.ts.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/instabox-d.sheep-mine.ts.net\/index.php\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":0,"href":"https:\/\/instabox-d.sheep-mine.ts.net\/index.php\/wp-json\/wp\/v2\/posts\/69\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/instabox-d.sheep-mine.ts.net\/index.php\/wp-json\/wp\/v2\/media\/71"}],"wp:attachment":[{"href":"https:\/\/instabox-d.sheep-mine.ts.net\/index.php\/wp-json\/wp\/v2\/media?parent=69"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/instabox-d.sheep-mine.ts.net\/index.php\/wp-json\/wp\/v2\/categories?post=69"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/instabox-d.sheep-mine.ts.net\/index.php\/wp-json\/wp\/v2\/tags?post=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}