עזרה | AI STUDIO מוצג כטקסט במקום מרקדאון

NH.LOCAL

@NH.LOCAL כתב בעזרה | AI STUDIO מוצג כטקסט במקום מרקדאון:

@לאצי זה לא בעיה בכפתור, אלא בעיה כללית שקרתה גם בעבר. לא ברור אם זה קשור לנטפרי או שזו בעיה נפרדת

ראה גם כאן

הדבר הראשון שאפשר לנסות זה לפנות לנטפרי

לפי האמור שם זה קורה גם ללא נטפרי.

יש לציין שאני בנטפרי ואין לי את הבעיה הזו

תלמידהון

@NH.LOCAL כתב בעזרה | AI STUDIO מוצג כטקסט במקום מרקדאון:

@NH.LOCAL כתב בעזרה | AI STUDIO מוצג כטקסט במקום מרקדאון:

@לאצי זה לא בעיה בכפתור, אלא בעיה כללית שקרתה גם בעבר. לא ברור אם זה קשור לנטפרי או שזו בעיה נפרדת

ראה גם כאן

הדבר הראשון שאפשר לנסות זה לפנות לנטפרי

לפי האמור שם זה קורה גם ללא נטפרי.

יש לציין שאני בנטפרי ואין לי את הבעיה הזו

לי יש 2 חשבונות גוגל באחד זה תמיד טוב ובאחד זה בדרך כלל לא טוב

מסתבר מאוד שזה קשור לגוגל ולא לנטפרי

NH.LOCAL

@תלמידהון אצלי הבעיה הלכה וחזרה. לא ברור....

iosi poli

אני ברימון ופעם זה היה קורה לי לפעמים, היום זה אף פעם לא קורה לי.
מוזר.

המרוצניק

@לאצי הרקע שחור לבן

ע"ה דכו"ע

@המרוצניק כתב בעזרה | AI STUDIO מוצג כטקסט במקום מרקדאון:

@לאצי הרקע שחור לבן

הרקע לבן והאותיות שחורות.

מה באת לומר?

המרוצניק

@ע-ה-דכו-ע בדרך כלל כמו בכול אתר הכול מעוצב גם שם היה עד החשב אבל פיתום זה כך __לכידה.png

ע"ה דכו"ע

@המרוצניק כתב בעזרה | AI STUDIO מוצג כטקסט במקום מרקדאון:

@ע-ה-דכו-ע בדרך כלל כמו בכול אתר הכול מעוצב גם שם היה עד החשב אבל פיתום זה כך

הם שינו את כל העיצוב בכוונה (מבחינות מסויימות זה מעוצב עכשיו יותר יפה, רק פחות צבעוני).

iosi poli

דווקא אהבתי את העיצוב החדש...
ועל הפיצ'רים החדשים בכלל עפתי...

I believe

@לאצי כתב בעזרה | AI STUDIO מוצג כטקסט במקום מרקדאון:

זה די מעצבן לראות תשובה מלאה ב ** ### * ''' וכו' וכו'

פשוט תבקש ממנו להשיב לך שוב מעוצב תקנית כ MD

לאצי

@I-believe זה לא קשור לAI עצמו אלא לאתר.

אהרן

עשיתי סימניה לאתר הזה - https://dorpascal.com/apps/hebrew-markdown/ ואז העתק הדבק לשם וזה מופיע בסדר. כמובן זה פתרון ארעי, אשמח לפתרון נורמלי. [ביחוד שמשום מה בחלונית תצוגה מקדימה אין שם כפתור העתקה וצריך לתפוס הכל ולהעתיק, CTRL+A לא עוזר]

לאצי

בעז"ה יצרתי בעזרת AI STUDIO סקריפט לטמפרמונקי שמיישם עיצוב מרקדאון מלא כשהאתר לא מציג זאת טוב.

// ==UserScript==
// @name         AI Studio Markdown Fallback Renderer v10 (Final with Code Utils)
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Adds copy/download buttons and language titles to code blocks after fixing rendering issues.
// @author       Your Name & AI
// @match        https://aistudio.google.com/prompts/*
// @require      https://cdn.jsdelivr.net/npm/marked/marked.min.js
// @grant        GM_addStyle
// @run-at       document-start
// ==/UserScript==

(function() {
    'use strict';

    // -- שלב 0: הזרקת CSS עם שליטה על העיצוב --
    // כאן תוכל לשנות את הערכים כדי להתאים את העיצוב לטעמך
    GM_addStyle(`
        /* ------------------------------------------- */
        /* --- אזור שליטה על עיצוב --- */
        /* ------------------------------------------- */

        :root {
            /* --- הגדרות לטקסט רגיל --- */
            --fallback-text-font-size: 5px   /* גודל גופן לטקסט רגיל */
            --fallback-text-line-height: 0.1; /* רווח בין שורות לטקסט רגיל */

            /* --- הגדרות לבלוק קוד --- */
            --fallback-code-font-size: 14px;       /* גודל גופן לקוד */
            --fallback-code-line-height: 1.45;     /* רווח בין שורות לקוד */
        }

        /* ------------------------------------------- */
        /* --- סוף אזור שליטה --- */
        /* ------------------------------------------- */

        .fallback-rendered p, .fallback-rendered ul, .fallback-rendered ol, .fallback-rendered li {
            font-family: 'Google Sans Text', Inter, sans-serif !important;
            font-size: var(--fallback-text-font-size) !important;
            line-height: var(--fallback-text-line-height) !important;
            color: var(--color-v3-text);
            margin-block-start: 0 !important;
            margin-block-end: 1em !important;
        }
        .fallback-rendered h1, .fallback-rendered h2, .fallback-rendered h3 {
            font-family: 'Google Sans', Roboto, Arial, sans-serif !important;
            margin-top: 1.2em !important; margin-bottom: 0.4em !important;
        }

        .fallback-rendered pre {
            position: relative;
            background-color: var(--color-v3-surface-container-high, #f1f3f4);
            border: 1px solid var(--color-v3-outline-var, #e0e0e0);
            border-radius: 8px;
            margin: 1em 0 !important;
            padding: 16px;
            padding-top: 48px;
            overflow-x: auto;
        }
        .code-block-header {
            position: absolute; top: 0; left: 0; right: 0;
            display: flex; justify-content: space-between; align-items: center;
            background-color: rgba(0,0,0,0.05);
            padding: 5px 12px;
            border-bottom: 1px solid var(--color-v3-outline-var, #e0e0e0);
            border-top-left-radius: 8px; border-top-right-radius: 8px;
        }
        .code-language {
            font-family: 'Google Sans Mono', monospace; font-size: 13px;
            font-weight: 500; color: var(--color-v3-text-var); text-transform: capitalize;
        }
        .code-util-buttons {
            display: flex; gap: 8px;
        }
        .code-util-btn {
            background-color: rgba(0,0,0,0.08); color: var(--color-v3-text);
            border: none; cursor: pointer; padding: 4px 10px;
            border-radius: 5px; font-size: 12px; font-family: 'Google Sans Text', sans-serif;
            transition: background-color 0.2s ease;
        }
        .code-util-btn:hover { background-color: rgba(0,0,0,0.15); }
        .code-util-btn.copied { background-color: #28a745; color: white; }

        .fallback-rendered code {
            font-family: 'Google Sans Mono', monospace !important;
            font-size: var(--fallback-code-font-size) !important;
            line-height: var(--fallback-code-line-height) !important;
            white-space: pre-wrap; word-wrap: break-word;
        }
        .fallback-rendered pre > code { background-color: transparent !important; padding: 0 !important; }
        .fallback-rendered :not(pre) > code {
            background-color: var(--color-v3-surface-container, #e8eaed);
            padding: 2px 6px; border-radius: 4px; font-size: 0.9em;
        }

        /* Dark Theme Adjustments */
        [data-theme="dark"] .fallback-rendered pre,
        [data-theme="dark"] .code-block-header {
            background-color: #202124; border-color: #3c4043;
        }
        [data-theme="dark"] .code-util-btn { background-color: rgba(255,255,255,0.1); }
        [data-theme="dark"] .code-util-btn:hover { background-color: rgba(255,255,255,0.2); }
        [data-theme="dark"] .fallback-rendered :not(pre) > code { background-color: #3c4043; }
    `);

    // -- שלב 1: הגדרת marked.js עם סניטציה --
    marked.setOptions({
      sanitize: true,
      gfm: true // Enable GitHub Flavored Markdown for better tables and code blocks
    });

    // -- שלב 2: יצירת מדיניות אבטחה (Trusted Types) --
    let fallbackPolicy;
    try {
        if (window.trustedTypes && window.trustedTypes.createPolicy) {
            fallbackPolicy = window.trustedTypes.createPolicy('markdown-fallback-renderer-v10', {
                createHTML: (htmlString) => htmlString
            });
        }
    } catch (e) { /* Policy might already exist, which is fine. */ }

    function setSanitizedHTML(element, html) {
        try {
            if (fallbackPolicy) { element.innerHTML = fallbackPolicy.createHTML(html); }
            else { element.innerHTML = html; }
        } catch (e) { console.error("AI Studio Fallback: Error setting innerHTML.", e); }
    }

    // -- שלב 3: זיהוי התקלה --
    const setErrorFlag = (event) => {
        const errorMessage = (event.reason && event.reason.message) ? event.reason.message : event.message;
        if (errorMessage && errorMessage.includes('WebAssembly.instantiate')) {
            if (!window.nativeMarkdownFailed) {
                 console.log('AI Studio Fallback: Native Wasm renderer failed. Activating fallback.');
            }
            window.nativeMarkdownFailed = true;
        }
    };
    window.addEventListener('error', setErrorFlag);
    window.addEventListener('unhandledrejection', setErrorFlag);

    // -- שלב 4: פונקציה להוספת כלי עזר לבלוק קוד --
    function enhanceCodeBlock(preElement) {
        if (!preElement || preElement.hasAttribute('data-buttons-added')) return;

        const codeElement = preElement.querySelector('code');
        if (!codeElement) return;

        const header = document.createElement('div');
        header.className = 'code-block-header';

        const langMatch = codeElement.className.match(/language-(\S+)/);
        const lang = langMatch ? langMatch[1] : 'text';
        const langSpan = document.createElement('span');
        langSpan.className = 'code-language';
        langSpan.textContent = lang;

        const buttonWrapper = document.createElement('div');
        buttonWrapper.className = 'code-util-buttons';

        const copyBtn = document.createElement('button');
        copyBtn.className = 'code-util-btn';
        copyBtn.textContent = 'העתק';

        const downloadBtn = document.createElement('button');
        downloadBtn.className = 'code-util-btn';
        downloadBtn.textContent = 'הורד';

        buttonWrapper.append(copyBtn, downloadBtn);
        header.append(langSpan, buttonWrapper);
        preElement.prepend(header);
        preElement.setAttribute('data-buttons-added', 'true');

        copyBtn.addEventListener('click', () => {
            navigator.clipboard.writeText(codeElement.innerText).then(() => {
                copyBtn.textContent = 'הועתק!';
                copyBtn.classList.add('copied');
                setTimeout(() => {
                    copyBtn.textContent = 'העתק';
                    copyBtn.classList.remove('copied');
                }, 2000);
            });
        });

        downloadBtn.addEventListener('click', () => {
            const fileExtension = {
                javascript: 'js', html: 'html', css: 'css', json: 'json',
                python: 'py', shell: 'sh', text: 'txt'
            }[lang] || 'txt';
            const filename = `code-snippet.${fileExtension}`;
            const blob = new Blob([codeElement.innerText], { type: 'text/plain;charset=utf-8' });
            const url = URL.createObjectURL(blob);
            const a = document.createElement('a');
            a.href = url;
            a.download = filename;
            a.click();
            URL.revokeObjectURL(url);
        });
    }

    // -- שלב 5: מנגנון התיקון הראשי --
    const runFallbackRenderer = () => {
        if (!window.nativeMarkdownFailed) return;

        // שלב א: עיבוד המרקדאון
        document.querySelectorAll('ms-text-chunk > div').forEach(el => {
            if (el.hasAttribute('data-fallback-rendered') || el.closest('button, input, mat-icon, ms-thought-chunk')) {
                return;
            }

            if (el.childNodes.length === 1 && el.firstChild.nodeType === Node.TEXT_NODE) {
                const text = el.innerText;
                if (text.includes('```')) {
                    const renderedHtml = marked.parse(text);
                    setSanitizedHTML(el, renderedHtml);
                    el.setAttribute('data-fallback-rendered', 'true');
                    el.classList.add('fallback-rendered');
                }
            }
        });

        // שלב ב: שדרוג בלוקי הקוד
        document.querySelectorAll('.fallback-rendered pre:not([data-buttons-added="true"])').forEach(enhanceCodeBlock);
    };

    // -- שלב 6: הפעלה --
    window.addEventListener('load', function() {
        console.log('AI Studio Fallback: Page loaded. Starting renderer interval.');
        setInterval(runFallbackRenderer, 1500);
    });

})();

העיצוב עדיין טעון שיפור, כמו"כ יש באג שבכל כתיבת תשובה של המודל יש לרענן את הדף מכיוון שהתשובה מוצגת חלקית.

י. פל.

@לאצי
חיכיתי לזה!!!
אנא, שפר זאת!
[אפשר להכניס לסקריפט שלי?]

לאצי

@י.-פל. כתב בעזרה | AI STUDIO מוצג כטקסט במקום מרקדאון:

שפר זאת

לאחר יו"כ בעז"ה. מקווה שתסלח לי על כך ביו"כ...

@י.-פל. כתב בעזרה | AI STUDIO מוצג כטקסט במקום מרקדאון:

[אפשר להכניס לסקריפט שלי?]

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

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

י. פל.

@לאצי כתב בעזרה | AI STUDIO מוצג כטקסט במקום מרקדאון:

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

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

לאצי

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