# عرض مخططات Mermaid

اعرض شيفرة Mermaid تلقائيًا كمخططات مرئية.

## نظرة عامة

عندما يُخرج Gemini™ كتل شيفرة Mermaid (مخططات انسيابية ومخططات تسلسلية ومخططات Gantt وغيرها)، يكتشفها Voyager تلقائيًا ويعرضها كمخططات تفاعلية.

### الميزات الرئيسية

- **الكشف التلقائي**: يدعم `graph` و`flowchart` و`sequenceDiagram` و`gantt` و`pie` و`classDiagram`، وجميع أنواع مخططات Mermaid الرئيسية
- **تبديل العرض**: انتقل بنقرة واحدة بين المخطط المعروض والشيفرة المصدرية
- **وضع ملء الشاشة**: انقر على المخطط للدخول إلى ملء الشاشة مع دعم التكبير والتحريك
- **الوضع الداكن**: يتكيف تلقائيًا مع سمة الصفحة

## تشغيلها أو إيقافها

عرض مخططات Mermaid مفعّل افتراضيًا في Gemini. لإيقافه، افتح نافذة Voyager المنبثقة وأوقف **المخططات** ← **مخططات Mermaid**. وهو غير متاح في AI Studio.

## طريقة الاستخدام

1. اطلب من Gemini إنشاء أي شيفرة لمخطط Mermaid
2. تُستبدل كتلة الشيفرة تلقائيًا بالمخطط المعروض
3. انقر على زر **</> Code** لعرض الشيفرة المصدرية
4. انقر على زر **📊 Diagram** للعودة إلى عرض المخطط
5. انقر على منطقة المخطط للدخول إلى ملء الشاشة

## عناصر التحكم في ملء الشاشة

- **عجلة الفأرة**: تكبير/تصغير
- **السحب**: تحريك المخطط
- **+/-**: أزرار التكبير في شريط الأدوات
- **⊙**: إعادة ضبط العرض
- **✕ / ESC**: إغلاق ملء الشاشة

## التوافق وإصلاح المشكلات

::: warning ملاحظة

- **قيود Firefox**: بسبب قيود البيئة، يستخدم Firefox الإصدار 9.2.2 ولا يدعم الميزات الجديدة مثل **Timeline** أو **Sankey**.
- **أخطاء الصياغة**: غالباً ما يكون فشل المعالجة بسبب أخطاء في صياغة الكود الناتج من Gemini. نحن نقوم بجمع الحالات السيئة (Bad Cases) لإصلاح أخطاء التوليد الشائعة تلقائياً في التحديثات القادمة.
  :::

<div align="center">
  <img src="/assets/mermaid-preview.png" alt="عرض مخطط Mermaid" style="max-width: 100%; border-radius: 8px;"/>
</div>