המלצה | ✨חסכו שעות עבודה עם ClarityAI: התוסף שמסכם, מתרגם ומסביר כל דף אינטרנט בשבילכם✨

[יוסי רחמים]

@מיכאל-בירן כתב בהמלצה | חסכו שעות עבודה עם ClarityAI: התוסף שמסכם, מתרגם ומסביר כל דף אינטרנט בשבילכם:

למרות שיש בגוגל פרטי אשראי שלי בגלל שירותים כמו גוגל דרייב וכדומה?

אני חושב שזה עדיין לא משפיע כי צריך להכניס חיוב לGOOGLE CLOUD וכו

@מיכאל-בירן כתב בהמלצה | חסכו שעות עבודה עם ClarityAI: התוסף שמסכם, מתרגם ומסביר כל דף אינטרנט בשבילכם:

נ.ב. איך מורידים את זה

בהגדרות...
דרך אגב זה באמת בעייתי הדבר הזה על כרום וכו' אולי אשפר בהמשך...

[מיכאל בירן]

@יוסי-רחמים סליחה שאני מטריד תוכל להיות יותר ספציפי איפה בהגדרות?

לגבי החיובים, בהמלצת הצאט:) הגדרתי כאן https://console.cloud.google.com/billing/01360B-96CDC2-D23494/budgets?inv=1&invt=Ab1k9g&project=linksaver-app-464400 התראה לפני חיוב, האם זה אומר שהפעלתי חיוב? ובכלל באיזו רמה של חיוב מדובר אם כן?
10 ש"ח? או יכול גם להגיע לסכומים רציניים?

[יוסי רחמים]

@מיכאל-בירן כתב בהמלצה | חסכו שעות עבודה עם ClarityAI: התוסף שמסכם, מתרגם ומסביר כל דף אינטרנט בשבילכם:

האם זה אומר שהפעלתי חיוב?

תבדוק כאן:
https://console.cloud.google.com/billing

@מיכאל-בירן כתב בהמלצה | חסכו שעות עבודה עם ClarityAI: התוסף שמסכם, מתרגם ומסביר כל דף אינטרנט בשבילכם:

ובכלל באיזו רמה של חיוב מדובר אם כן?
10 ש"ח? או יכול גם להגיע לסכומים רציניים?

אם הגדרת חיוב אז יש לך 500 שימושים ביום חינמי ואז כל מה שתשתמש יהיה בתשלום לפי מספר טוקנים וכו
דרך אגב אם יש חיוב אז המגבלה עולה אוטומטית בלי תשלום בפועל
עיין כאן:https://ai.google.dev/gemini-api/docs/rate-limits?hl=he

[טכנולוגי גו'ניור]

@יוסי-רחמים אם כוונתך אם נטפרי בכללי יאשרו כזה דבר, יש סיכוי מכיון שהוא מבוסס על ג'ימיני שפתוח בנטפרי, ובפרט השימוש בAPI אישי, אבל שוב הם מאוד מחמירים בעניני AI כך שאין בטחון גמור שהם יפתחו, [יכול להיות שאם כן עדיף לא לשלוח מכיון שבמידה ולא יאשרו הרי זה יחסם טוטאלית למשתמשי נטפרי כולל ע"י קובץ CRX, לשיקולך].
אבל אל תסמוך עלי אני לא כ"כ מבין בזה יש כאן מומחים יותר גדולים בעניני חסימות נטפרי ושות'.

אם כוונתך שאני אשלח לבדיקה בנטפרי, אני ממש מתנצל אבל אני יושב על אינטרנט מהעבודה ולא יכול לשלוח לבד לבדיקה רק דרך קוד מהמעביד .

[פיקחון]

אשמח מאוד אם המבינים יוכלו לכתוב עם איזה מודל כדאי להשתמש לכל פעולה,
כפי שניתן להגדיר בהגדרות התוסף

1. צ'אט בפאנל הצדדי
2. עזרה בכתיבת מיילים (Gmail)
3. תובנות מהירות מהדף
4. סיכום (טקסט או דף)
5. תרגום
6. הסבר ושיפור ניסוח
7. שאלה על טקסט מסומן
8. שאלה על כל הדף
9. ניתוח (מילות מפתח, חילוץ נתונים)
10. הסבר תמונה

מבין ארבעת האופציות שהוא נותן
ג'מיני 1.5 2 2.5 3

תודה.

[יוסי רחמים]

@פיקחון בדיוק בשביל זה נועד מצב חכם...
ולשאלתך:

const SMART_MODE_MAPPING = {
    side_panel_chat: '2.5',
    gmail_helper: '2',
    quick_insights: 'gemma-3-27b-it',
    summarize: '1.5flash',
    translate: '2',
    explain_improve: '2.5',
    question_specific: '2.5',
    question_page: '2.5',
    analysis: '2.5',
    image_explain: '2.5'
};

[לאצי]

@יוסי-רחמים תודה על גרסה 1.0.7! משהו מיוחד! ותודה גם על הX שהוספת בכפתור הצף.
אני חושב שכדאי להוסיף כזה X גם על סרגל הכלים בסימון טקסט (כמובן עם עיצוב מתאים), כי לפעמים הוא 'נתקע' באזור שמסתיר משהו וא"א להוריד אותו.
תודה על הכל!

[יוסי רחמים]

@לאצי כתב בהמלצה | חסכו שעות עבודה עם ClarityAI: התוסף שמסכם, מתרגם ומסביר כל דף אינטרנט בשבילכם:

אני חושב שכדאי להוסיף כזה X גם על סרגל הכלים בסימון טקסט (כמובן עם עיצוב מתאים), כי לפעמים הוא 'נתקע' באזור שמסתיר משהו וא"א להוריד אותו.

בסוף כל דבר יהיה עם איקסים
בעז"ה בגירסא הבאה

[יוסי רחמים]

האם אתם, כמונו, נלהבים מהיכולות של LLMs ומוקסמים מהאופן שבו הם יכולים לשנות את זרימת העבודה? ב-ClarityAI Smart Tools, לקחנו את הקסם הזה צעד קדימה: שילוב עמוק ורספונסיבי של AI ישירות בתוך חווית הגלישה שלכם. אבל איך עושים את זה מבלי להקריב ביצועים, פרטיות או חווית משתמש? בואו נצלול פנימה.
בבסיסו, ClarityAI אינו רק "וובסייט" שרץ ב-iframe. הוא מערכת מלאה, מבוזרת, שתוכננה מראש להתגבר על אתגרי הסנדבוקסינג של הדפדפנים, תקשורת אסינכרונית וניהול משאבים:
1. ה-Frontend: אינטליגנציה בתוך ה-DOM ️
content.js - ה"זרועות" וה"עיניים" של ה-AI: זהו הלב הפועם של האינטגרציה באתרים. הוא מוזרק לכל טאב ומופקד על:
הזרקת UI דינמית: כפתור ה-FAB הצף (Fluid Action Button), ה-Tooltip החכם בסימון טקסט, ובאנר ה"תובנות מהירות".
לכידת אירועי DOM: זיהוי סימון טקסט, ריחוף על תמונות, ושינויים במבנה הדף (באמצעות MutationObserver) כדי לזהות ניווט ב-SPAs או טעינת תוכן חדש.
חילוץ תוכן: קריאת תוכן הדף והכנתו לשליחה למודל ה-AI.
תקשורת Cross-Context: שליחת בקשות ל-Service Worker (רקע) וקבלת תגובות, תוך ניהול Promises.
sidepanel.js - מרכז הבקרה האינטראקטיבי: מופעל בחלונית הצדדית של הדפדפן. הוא מנהל את:
ממשק הצ'אט: הצגה ועיבוד הודעות AI בסטרימינג, שמירת היסטוריית צ'אט מקומית.
אינטגרציית קבצים: טיפול בהעלאת תמונות או קבצי אודיו לניתוח AI (למשל, תמונה בצ'אט).
ניהול סשנים: טעינה ושמירה של שיחות עבר, מתן אפשרות לשינוי שם.
טעינת הקשר: קבלת הקשר מיידי מה-content.js של הטאב הפעיל להמשך שיחה.
options.js - מטה-שליטה בהגדרות: ️ דף ההגדרות של התוסף. מטפל ב:
Persistence: אחסון הגדרות המשתמש, סטטיסטיקות שימוש וקטעים שמורים (Snippets) ב-chrome.storage.local.
ניהול מודלים: 🧠 בחירה דינמית של מודלים לכל משימה (Gemini, Gemma, Custom), ואתגר הניתוב החכם (Smart Mode) שמחליט באיזה מודל להשתמש.
אימות מפתח API: אימות מפתחות API מול שרתי Google AI ישירות מהלקוח.
סינכרון הגדרות: ️ אינטגרציה עם שירות ענן לניהול משתמשים וסנכרון מאובטח של הגדרות.
2. ה-Service Worker (background.js) - המוח הנסתר
זהו רכיב הליבה של התוסף, שרץ ברקע ומהווה את ה"מנוע" לכל הפעולות הכבדות והרב-ממדיות:
מרכז תקשורת (IPC): נקודת המפגש לכל ההודעות הנכנסות מכל חלקי התוסף (Content Scripts, Side Panel, Options). הוא מנתב בקשות AI, שומר נתונים ועוד.
פרוקסי ל-AI API: כל בקשות ה-AI עוברות דרכו. אם אין למשתמש מפתח API אישי, הוא מנתב את הבקשה לשרת ה-PHP שלנו, המאוחסן על פלטפורמת ענן סקיילבילית. אם יש מפתח אישי, הוא שולח ישירות ל-Google AI Studio.
ניהול מצב גלובלי: אחראי על chrome.storage (local ו-session) לשמירת נתונים, סטטיסטיקות שימוש (כולל דוחות שבועיים אוטומטיים).
טיפול באירועי מערכת: Context Menus (תפריט ימני), Browser Actions (לחיצה על אייקון התוסף), Alarms (למשל, לשליחת דוחות אוטומטיים).
chrome.offscreen Document - הקסם השחור של עיבוד תמונות: ️ זהו חידוש ב-Manifest V3. מכיוון ש-Service Workers לא יכולים לגשת ל-DOM (ולכן לא יכולים לעבד תמונות ב-Canvas), אנחנו מרימים דוקומנט Offscreen נסתר. כשהמשתמש בוחר אזור בתמונה או במסך, ה-Service Worker מצלם את המסך, שולח את התמונה לדוקומנט ה-Offscreen, שם היא נחתכת באמצעות Canvas API, ואז מוחזרת כ-Base64 ל-Service Worker לשליחה ל-AI. זהו פתרון אלגנטי שמגשר על פערים קריטיים.
3. ה-Backend (main-ai.php, 15flash.php, gamma.php) - השער חסר-המצב
"Proxy" למי שאין API Key: ️ השרת שלנו, שהוא יישום PHP המאוחסן על פלטפורמת ענן חסכונית ויעילה, משמש כמעבר אנונימי עבור משתמשים שבוחרים לא להזין מפתח API אישי.
Cost-Efficiency: במקום שכל משתמש יצרוך מכסות ישירות מספק ה-AI (שעלולה להיות יקרה או מוגבלת), אנחנו מנהלים את התעבורה בצורה מרוכזת.
Statelessness: השרת אינו שומר שום מידע על המשתמש או על השיחות. הוא מקבל בקשה, מנסח פרומפט (אם נדרש), שולח לספק ה-AI, ומעביר את התגובה בסטרימינג חזרה לדפדפן. זה קריטי לאבטחה ולפרטיות.
ניהול מודלים: 🧩 ה-Backend גם יודע לנתב בקשות למודלים שונים (למשל, Gemma-3-27B-IT מול Gemini-1.5-Flash-Latest), בהתאם ללוגיקת ה-Smart Mode שלנו, תוך התחשבות במגבלות המודלים (למשל, Gemma לא תומך ב-Tools או System Instruction).
אתגרים מרכזיים ופתרונות הנדסיים:
ביצועים וסטרימינג: מכיוון שתגובות AI יכולות להיות ארוכות, הכל מבוסס על סטרימינג (Server-Sent Events) ל-Backend ול-Frontend, מה שיוצר חווית "מכונת כתיבה" רספונסיבית.
ניהול קונטקסט: ️ שמירה על הקשר (שיחה/דף) בין בקשות AI שונות, כולל העברת קונטקסט מורכב בין קומפוננטות התוסף.
פרטיות ואבטחה: ️ מפתחות API אישיים נשמרים ב-chrome.storage.local (מוצפנים ע"י הדפדפן) ולא עוברים בשרת שלנו. ה-Backend הוא Stateless ואינו מאחסן נתוני משתמש.
חווית משתמש חלקה: הימנעות מ"ריצוד" DOM או התנגשויות CSS/JS עם אתרים, על ידי הזרקה סלקטיבית של אלמנטים ושימוש ב-Shadow DOM (במקומות מסוימים).
אירועי רשת ו-Retry Logic לוגיקת Retry מובנית לבקשות AI כושלות, וטיפול איתן בשגיאות רשת.
אופטימיזציית משאבים: ניהול חכם של Service Worker (שאינו "חי" כל הזמן), ושימוש ב-offscreen document רק כשצריך.
הבנייה של ClarityAI היא מסע מרתק של הנדסת תוכנה. הוא משלב ידע מעמיק בתקני Web Extensions, ארכיטקטורות Backend מודרניות, אינטגרציית AI חכמה ועקרונות חווית משתמש מתקדמים.
מקווים שזה נתן לכם הצצה מעניינת אל מאחורי הקלעים! 🧐 נשמח לשמוע מכם – אילו אתגרים הנדסיים מעניינים אתכם במיוחד כשזה מגיע לבניית כלים מבוססי AI?
הורידו את ClarityAI והתחילו להבין עמוק יותר: 🧠
https://chromewebstore.google.com/detail/clarityai-smart-tools/cglajpafddcffakjmpijpdhlhdkgdebc

[שלמה רביב]

תוקן הבאג בטמו?
תודה רבה

[יוסי רחמים]

@שלמה-ברייר כתב בהמלצה | חסכו שעות עבודה עם ClarityAI: התוסף שמסכם, מתרגם ומסביר כל דף אינטרנט בשבילכם:

תוקן הבאג בטמו?
תודה רבה

עדיין לא

[smct]

@יוסי-רחמים
יש כבר גירסה אחרי גרסה אחרי 1.0.6?

[יוסי רחמים]

@smct
1.0.7

[smct]

@יוסי-רחמים
יש מצב אתה מעלה לי כי אני בנטפרי?

[יוסי רחמים]

@smct אין אפשרות שנטפרי יפתחו את זה קבוע?

[smct]

@יוסי-רחמים
כרגע אין לי אפשרות לשלוח להם לבדיקה

[יוסי רחמים]

@smct
להורדה

שימו לב! זה קובץ שמתעדכן אוטומטית בכל גירסא חדשה!

[smct]

@יוסי-רחמים
זה בכלל אתר שלא יכול להפתח בנטפרי

[יוסי רחמים]

@smct כתב בהמלצה | חסכו שעות עבודה עם ClarityAI: התוסף שמסכם, מתרגם ומסביר כל דף אינטרנט בשבילכם:

@יוסי-רחמים
זה בכלל אתר שלא יכול להפתח בנטפרי

שלי או זה?מה שעכשיו פירסמתי זה קישור ישירות לCRX מהשרתים של גוגל ולא לאתר שלי

[smct]

@יוסי-רחמים האתר שהבאת בפוסט האחרון חסום בנטפרי ללא אפשרות לפתיחה