המדריך המלא ל-Mission Control לרשת שלך
UI אחד, 12 טאבים, כל הסוכנים במבט
Dashboard הוא אפליקציית אינטרנט מקומית שבניתי בעצמי, ומשמשת כ'מרכז בקרה' (Mission Control) לכל רשת סוכני ה-AI שלי. חשבו על זה כמו לוח המחוונים של רכב — בלי מד המהירות, טמפרטורת המנוע ומד הדלק אתם נוסעים בעיוורון; בדיוק כך, בלי דשבורד טוב אי אפשר לנהל רשת של מערכות AI שרצה במקביל. האפליקציה בנויה כשרת Node.js פשוט (HTTP + WebSocket דרך ספריית `ws`) ללא framework כבד — בחרתי במכוון בפשטות של vanilla JS במקום Next.js, כדי שכל שינוי יהיה בשנייה אחת בלי build. היא רצה על המחשב שלי כשירות רקע, ומרכזת במסך אחד את כל המידע הקריטי: איזה סוכן פעיל עכשיו, כמה כסף נשרף היום על קריאות למודלי AI, אילו פרויקטים פתוחים ואיפה יש תקלה. במקום לקפוץ בין חמישה שירותי ענן שונים (Grafana לניטור, Linear לניהול משימות, GitHub לקוד, UptimeKuma לבדיקת שירותים חיים, Gmail) — הכל מאוחד בעמוד אחד שמתעדכן בזמן אמת ומותאם בדיוק לזרימת העבודה שלי. אצלכם הדשבורד הזה יכול להיות תחליף זול בהרבה למערכות SaaS שעולות מאות דולרים בחודש (Datadog מ-15 דולר ל-host לחודש, Retool מ-10 דולר ל-user לחודש, Linear מ-10 דולר ל-user לחודש, New Relic וחבריהן): מחליפים את מקורות הנתונים (data sources) שלו במקורות משלכם, והופ — יש לכם מרכז בקרה שמחובר בדיוק ל-stack שלכם, עם אפשרות לשנות ולהוסיף כל דבר שתרצו.
מה המדריך מכסה
מה זה Dashboard?
Node HTTP server על Windows עם UI שמתחבר לכל
הדשבורד הזה הוא אתר אינטרנט פרטי שרץ אצלי על המחשב — סוג של 'מרכז בקרה' (Mission Control) שמאגד בו-זמנית את כל הסוכנים, הפרויקטים, העלויות והבריאות של המערכת במקום אחד. מתחת למכסה המנוע זה שרת Node.js פשוט (השפה שבה רצים הרבה מאוד שרתים ברשת), ללא שום framework כבד — אין כאן Next.js, אין Express, רק ~3,000 שורות קוד ישירות. בזכות זה אפשר להוסיף טאב חדש או להתאים משהו תוך דקות, וזה בדיוק היופי: דשבורד שמבין את העסק שלכם, במקום לשלם עשרות דולרים בחודש על כלים גנריים כמו Datadog (מ-15 דולר ל-host) או Retool (מ-10 דולר ל-user) שאף פעם לא ממש מתאימים לזרימת העבודה שלכם.
12 הטאבים — מה יש בכל אחד
כל טאב הוא עולם, ויחד הם מספרים את כל הסיפור
הדשבורד מחולק ל-12 טאבים (לשוניות) — כל אחד מתמקד בנושא אחד, ויחד הם מכסים הכל: מבט-על, פרויקטים, סוכנים, יצירת תוכן, עלויות ובריאות. חלק מהטאבים טוענים מידע חי (real-time), חלק שומרים cache (מידע שמור מראש כדי לחסוך זמן), וחלק מתחברים לשירותים חיצוניים. המטרה: מידע קריטי נמצא תמיד במרחק לחיצה אחת, בלי הצורך לפתוח עשרות טאבים בדפדפן.
WebSocket — עדכונים בזמן אמת
הדשבורד מדבר איתכם כשיש חדש, במקום לשאול כל הזמן
WebSocket היא טכנולוגיה שמאפשרת לשרת 'לדחוף' (push) עדכונים לדפדפן ברגע שהם קורים — להבדיל מהגישה הישנה שבה הדפדפן היה חייב לשאול שוב ושוב 'יש משהו חדש? יש משהו חדש?' (תהליך שנקרא polling ובזבז הרבה משאבים). אצלי יש שרת WebSocket ייעודי על פורט 3457 שמוציא את כל העדכונים החיים: כשמשימה של Kami משתנה, כששרת נופל, כשמגיעה הודעה חדשה — הדשבורד מתעדכן באופן מיידי בלי לרענן את הדף. התוצאה: המידע שאתם רואים הוא תמיד עכשווי.
Proxy — כתובת אחת לכל השירותים
הדשבורד הוא מעין קבלה ראשית ברשת — כל הבקשות עוברות דרכו
הדשבורד עובד גם כ-reverse proxy — מושג חשוב שכדאי להכיר. proxy זה פשוט 'מתווך': במקום שהדפדפן שלכם יפנה ישירות לכמה שירותים שונים (כל אחד בפורט משלו), הוא פונה רק לדשבורד, וזה זה שמעביר את הבקשה הלאה לשירות הנכון. למה זה שימושי? מסתיר פורטים פנימיים מהעולם, מאחד את כל הכתובות תחת דומיין אחד, מטפל בבעיות CORS (חוקי האבטחה של הדפדפן שמגבילים בקשות בין דומיינים), ומאפשר להחליף שירותים מאחורי הקלעים בלי שהלקוח ירגיש. אצלי הדשבורד מעביר בקשות לשלושה שירותים עיקריים.
Kanban — 39 פרויקטים במבט אחד
החדר המצב של כל מה שיצרתי, יוצר, או חולם ליצור
זה אולי הטאב החשוב ביותר בדשבורד שלי. Kanban (מילה יפנית שפירושה 'לוח חזותי') היא שיטה לנהל משימות או פרויקטים בעמודות לפי שלב — בדיוק כמו Trello או Linear, רק שזה שלי, מקומי וחינמי. אצלי יש 39+ פרויקטים פעילים בו-זמנית: פרויקטים ללקוחות, אתרים, סוכני AI, כלים פנימיים, רעיונות שטרם יצאו לדרך. בלי מקום אחד שמרכז את כולם הייתי פשוט שוכח מחציתם. אצלכם זה יכול להיות לוח מעקב אחרי משימות בצוות, ניהול לקוחות, או אפילו רשימת ספרים לקרוא — המבנה הבסיסי זהה.
הוספת טאב חדש — 50 שורות ויש לכם פיצ'ר משלכם
היתרון הגדול של בית-מלאכה פשוט: משנים ומריצים מיד
הגישה שלי בבניית הדשבורד היא מינימליזם מכוון: שני קבצים בלבד — server.js לצד השרת ו-index.html לצד הממשק — בלי שלב build (שלב בנייה שבו הקוד עובר קומפילציה), בלי hot-reload, בלי dependencies שצריך לעדכן בכל שבוע. הבחירה הזו מכוונת: חוסר התחכום = חוסר חיכוך. רוצים להוסיף פיצ'ר? תוך 30 דקות הוא עובד. זו בדיוק הפרדיגמה שחוסכת מכם את הצירוף של מנויי Datadog/Retool/Linear: אתם שולטים במוצר שלכם. לעומת זאת — לייצור מוצר סחיר ואמיתי הייתי בוחר ב-Next.js 14 או 15 (14 היא גרסת ה-LTS הנוכחית), אבל לצורכי mission control אישי? פשטות מנצחת.
