Skip to content

Tide Pool / A2UI

Tide Pool הוא מרחב עבודה חזותי מונחה סוכן שבו Triggerfish מציג תוכן אינטראקטיבי: לוחות מחוונים, תרשימים, טפסים, תצוגות מקדימות של קוד ומדיה עשירה. בניגוד לצ'אט, שהוא שיחה ליניארית, Tide Pool הוא קנבס שהסוכן שולט בו.

מהו A2UI?

A2UI (Agent-to-UI) הוא הפרוטוקול שמפעיל את Tide Pool. הוא מגדיר כיצד הסוכן דוחף תוכן חזותי ועדכונים ללקוחות מחוברים בזמן אמת. הסוכן מחליט מה להציג; הלקוח מרנדר אותו.

ארכיטקטורה

ארכיטקטורת Tide Pool A2UI: הסוכן דוחף תוכן דרך השער למרנדר 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 מתוכנן לתרחישים שבהם צ'אט לבד אינו מספיק:

  • לוחות מחוונים -- הסוכן בונה לוח מחוונים חי המציג מדדים מהאינטגרציות המחוברות שלכם.
  • ויזואליזציית נתונים -- תרשימים וגרפים שמרונדרים מתוצאות שאילתות.
  • טפסים וקלטים -- טפסים אינטראקטיביים לאיסוף נתונים מובנה.
  • תצוגות מקדימות של קוד -- קוד עם הדגשת תחביר עם תוצאות ביצוע חיות.
  • מדיה עשירה -- תמונות, מפות ותוכן מוטבע.
  • עריכה שיתופית -- הסוכן מציג מסמך לסקירה והערה שלכם.

כיצד זה עובד

  1. אתם מבקשים מהסוכן לוויזואליז משהו (או שהסוכן מחליט שתגובה חזותית מתאימה).
  2. הסוכן משתמש בפעולת push לשליחת HTML ו-JavaScript ל-Tide Pool.
  3. מארח Tide Pool של השער מקבל את התוכן ומעביר אותו ללקוחות מחוברים.
  4. המרנדר מציג את התוכן בזמן אמת.
  5. הסוכן יכול להשתמש ב-eval לעדכונים מצטברים ללא החלפת הנוף כולו.
  6. כאשר ההקשר משתנה, הסוכן משתמש ב-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 הוא המקום שבו הסוכן מראה לכם דברים. :::