CopilotKit v1.50 donosi AG-UI agente izravno u vašu aplikaciju s novim useAgent hookom

Na visokoj razini, jedna React komponenta s `useAgent` hookom izvodi tri ključne radnje:

1. Poziva `useAgent` s detaljima veze za backend agenta.
2. Čita trenutno stanje, uključujući listu poruka, streaming delta promjene i zastavice statusa agenta.
3. Poziva metode `useAgent` iz hooka kako bi poslao korisničke poruke, pokrenuo alate ili ažurirao zajedničko stanje.

Budući da hook ovisi isključivo o AG-UI protokolu, ista se UI kodna baza može koristiti s različitim frameworkovima za agente, pod uvjetom da ti frameworkovi eksponiraju AG-UI endpoint. Ovo značajno povećava fleksibilnost i mogućnost ponovnog korištenja koda.

Kontekstno slanje poruka i zajedničko stanje

AG-UI implicitno pretpostavlja da su aplikacije temeljene na agentima “stateful”, odnosno da upravljaju stanjem. Protokol standardizira kako se kontekst prenosi između korisničkog sučelja i agenta.

Na strani frontenda, CopilotKit već omogućava developerima da registriraju podatke aplikacije kao kontekst. To se postiže, na primjer, korištenjem hookova koji omogućavaju agentu da čita dijelove React stanja. Unutar AG-UI modela, ovaj proces postaje eksplicitan. “State snapshots” (snimke stanja) i “state patch events” (događaji zakrpe stanja) održavaju sinkronizaciju između backend-a i UI-a. Agent tako dobiva konzistentan pregled aplikacije, dok UI može renderirati isto stanje bez potrebe za pisanjem prilagođene logike za sinkronizaciju.

Za inženjera na početnoj razini razvoja, ovo uklanja uobičajeni obrazac gdje se svojstva (props) ručno guraju u upite (prompts) pri svakom pozivu. Stanje se zatim ažurira, AG-UI klijent kodira ta ažuriranja kao događaje, a backend agent ih konzumira putem svoje AG-UI biblioteke. Ovaj mehanizam pojednostavljuje upravljanje podacima i logikom u kompleksnim AI aplikacijama.

AG-UI: Protokol sloj između agenata i korisnika

AG-UI je definiran kao otvoren, lagan protokol koji standardizira način na koji se agenti povezuju s aplikacijama orijentiranim prema korisniku. Njegov fokus je na semantici događaja, a ne na samom transportnom mehanizmu. Ključni SDK-ovi pružaju snažno tipizirane modele događaja i klijente u TypeScriptu, Pythonu i drugim jezicima.

JavaScript paket `@ag-ui/core` implementira arhitekturu temeljenu na streaming događajima na strani klijenta. On izlaže modele poruka i stanja, tipove unosa za pokretanje (`run input types`) i pomoćne alate za rad s događajima (`event utilities`). Trenutno bilježi oko 178.751 tjednih preuzimanja na npm-u za verziju 0.0.41. S druge strane, Python paket `ag-ui-protocol` pruža kanonske modele događaja, s otprilike 619.035 preuzimanja prošlog tjedna i oko 2.172.180 preuzimanja prošlog mjeseca. Ovi podaci jasno pokazuju široku prihvaćenost i rastuću popularnost AG-UI protokola unutar razvojne zajednice.

CopilotKit v1.50 se izravno oslanja na ove komponente. Frontend kod koristi CopilotKit React primitivce, ali ispod površine, veza s backendom je AG-UI klijent koji šalje i prima standardne događaje. To znači da se CopilotKit lako integrira s bilo kojim backend agentom koji poštuje AG-UI protokol, bez obzira na njegovu internu implementaciju.