Tide Pool / A2UI
Tide Pool הוא מרחב עבודה חזותי מונחה סוכן שבו Triggerfish מציג תוכן אינטראקטיבי: לוחות מחוונים, תרשימים, טפסים, תצוגות מקדימות של קוד ומדיה עשירה. בניגוד לצ'אט, שהוא שיחה ליניארית, Tide Pool הוא קנבס שהסוכן שולט בו.
מהו A2UI?
A2UI (Agent-to-UI) הוא הפרוטוקול שמפעיל את Tide Pool. הוא מגדיר כיצד הסוכן דוחף תוכן חזותי ועדכונים ללקוחות מחוברים בזמן אמת. הסוכן מחליט מה להציג; הלקוח מרנדר אותו.
ארכיטקטורה
הסוכן משתמש בכלי tide_pool לדחיפת תוכן למארח Tide Pool הרץ בשער. המארח מעביר עדכונים דרך WebSocket לכל מרנדר Tide Pool מחובר בפלטפורמה נתמכת.
כלי Tide Pool
הסוכן מתקשר עם Tide Pool דרך כלים אלו:
| כלי | תיאור | מקרה שימוש |
|---|---|---|
tidepool_render | רינדור עץ רכיבים במרחב העבודה | לוחות מחוונים, טפסים, ויזואליזציות, תוכן עשיר |
tidepool_update | עדכון props של רכיב בודד לפי מזהה | עדכונים מצטברים ללא החלפת הנוף כולו |
tidepool_clear | ניקוי מרחב העבודה, הסרת כל הרכיבים | מעברי סשן, התחלה מחדש |
פעולות מדור קודם
המארח הבסיסי תומך גם בפעולות ברמה נמוכה יותר לתאימות לאחור:
| פעולה | תיאור |
|---|---|
push | דחיפת תוכן HTML/JS גולמי |
eval | הרצת JavaScript בארגז חול |
reset | ניקוי כל התוכן |
snapshot | לכידה כתמונה |
מקרי שימוש
Tide Pool מתוכנן לתרחישים שבהם צ'אט לבד אינו מספיק:
- לוחות מחוונים -- הסוכן בונה לוח מחוונים חי המציג מדדים מהאינטגרציות המחוברות שלכם.
- ויזואליזציית נתונים -- תרשימים וגרפים שמרונדרים מתוצאות שאילתות.
- טפסים וקלטים -- טפסים אינטראקטיביים לאיסוף נתונים מובנה.
- תצוגות מקדימות של קוד -- קוד עם הדגשת תחביר עם תוצאות ביצוע חיות.
- מדיה עשירה -- תמונות, מפות ותוכן מוטבע.
- עריכה שיתופית -- הסוכן מציג מסמך לסקירה והערה שלכם.
כיצד זה עובד
- אתם מבקשים מהסוכן לוויזואליז משהו (או שהסוכן מחליט שתגובה חזותית מתאימה).
- הסוכן משתמש בפעולת
pushלשליחת HTML ו-JavaScript ל-Tide Pool. - מארח Tide Pool של השער מקבל את התוכן ומעביר אותו ללקוחות מחוברים.
- המרנדר מציג את התוכן בזמן אמת.
- הסוכן יכול להשתמש ב-
evalלעדכונים מצטברים ללא החלפת הנוף כולו. - כאשר ההקשר משתנה, הסוכן משתמש ב-
resetלניקוי מרחב העבודה.
שילוב אבטחה
תוכן Tide Pool כפוף לאותה אכיפת אבטחה כמו כל פלט אחר:
- וו PRE_OUTPUT -- כל תוכן שנדחף ל-Tide Pool עובר דרך וו אכיפת PRE_OUTPUT לפני רינדור. נתונים מסווגים שמפרים את מדיניות הפלט נחסמים.
- זיהום סשן -- תוכן מרונדר יורש את רמת הזיהום של הסשן. Tide Pool שמציג נתוני
CONFIDENTIALהוא עצמוCONFIDENTIAL. - סיווג תמונות מצב -- תמונות מצב של Tide Pool מסווגות ברמת הזיהום של הסשן בזמן הלכידה.
- ארגז חול JavaScript -- JavaScript שמורץ דרך
evalרץ בארגז חול בתוך הקשר Tide Pool. אין לו גישה למערכת המארח, רשת או מערכת קבצים. - ללא גישת רשת -- סביבת הריצה של Tide Pool אינה יכולה לבצע בקשות רשת. כל הנתונים זורמים דרך הסוכן ושכבת המדיניות.
מחווני סטטוס
ממשק הרשת של Tidepool כולל מחווני סטטוס בזמן אמת:
פס אורך הקשר
פס התקדמות מעוצב המציג שימוש בחלון ההקשר -- כמה מחלון ההקשר של ה-LLM נצרך. הפס מתעדכן לאחר כל הודעה ולאחר דחיסה.
סטטוס שרת MCP
מציג את סטטוס החיבור של שרתי MCP מוגדרים (למשל, "MCP 3/3"). מקודד בצבעים: ירוק לכולם מחוברים, צהוב לחלקי, אדום לאף אחד.
קלט סוד מאובטח
כאשר הסוכן צריך שתזינו סוד (דרך כלי secret_save), Tidepool מציג חלון קלט מאובטח. הערך שהוזן הולך ישירות ל-keychain -- הוא לעולם אינו נשלח דרך הצ'אט או נראה בהיסטוריית השיחה.
חשבו על Tide Pool כלוח לבן של הסוכן. בעוד הצ'אט הוא הדרך
שבה מדברים עם הסוכן, Tide Pool הוא המקום שבו הסוכן מראה לכם דברים. :::
