Codex: دليل واجهة Codex App
آخر تحديث: 2026-08-31
يتميز Codex App بتخطيط كلاسيكي بثلاث لوحات ويقدم أكثر مجموعة ميزات اكتمالًا. يغطي هذا الدرس كل منطقة بالتفصيل.
📋 المتطلبات المسبقة: Codex App مثبت (راجع الدرس 2)
1. ما ستتعلمه
- بنية تخطيط اللوحات الثلاث
- اللوحة اليسرى: وظائف قائمة المهام
- اللوحة الوسطى: عمليات نافذة المحادثة
- اللوحة اليمنى: استخدام المنطقة متعددة الوظائف
2. التخطيط العام
يستخدم Codex App تخطيطًا بثلاث لوحات:
| المنطقة | الموضع | الوظيفة |
|---|---|---|
| قائمة المهام | اليسار | إدارة مهام متوازية متعددة |
| نافذة المحادثة | الوسط | منطقة التفاعل الرئيسية مع Codex |
| المنطقة متعددة الوظائف | اليمين | متصفح ملفات، طرفية، عارض كود |
3. اللوحة اليسرى: قائمة المهام
(1) الوظائف
- إنشاء مهام جديدة
- التبديل بين المهام
- عرض حالة المهمة (قيد التنفيذ / مكتملة / فاشلة)
- حذف المهام
(2) حالات المهام
| الحالة | الرمز | الوصف |
|---|---|---|
| قيد التشغيل | 🔄 | Codex ينفذ المهمة |
| مكتملة | ✅ | انتهت المهمة بنجاح |
| بانتظار التأكيد | ⏸ | تحتاج إجراء Approve |
| فاشلة | ❌ | خطأ في التنفيذ |
| ملغاة | ⏹ | ألغاها المستخدم يدويًا |
▶ مثال 1: أليس تدير المهام المتوازية
TEXT
📖 للعرض فقط
Alice handles three tasks simultaneously:
🔄 Task 1: Refactor auth module
⏸ Task 2: Fix payment bug (awaiting confirmation to delete file)
✅ Task 3: Add logging (completed)
Click Task 2 → Review operations in conversation window → Click Approve
4. اللوحة الوسطى: نافذة المحادثة
(1) منطقة الإدخال
- مربع إدخال النص: أدخل أوصاف المهام أو أضف تعليمات
- زر المرفقات: أرفق ملفات أو صور كسياق
- زر الإرسال: قدّم المهمة
(2) أنواع الرسائل
| النوع | الوصف |
|---|---|
| رسالة المستخدم | إدخال وصف مهمتك |
| رد Codex | شرح العمليات والنتائج من Codex |
| تعديل ملف | عرض فروق الكود |
| تنفيذ أمر | عرض أمر shell والمخرجات |
| طلب تأكيد | عمليات تحتاج Approve/Reject |
(3) أزرار الإجراءات
| الزر | الوصف |
|---|---|
| Approve | الموافقة على عملية Codex |
| Reject | رفض العملية |
| Edit | تعديل الكود المقترح من Codex |
| Retry | جعل Codex يحاول مرة أخرى |
▶ مثال 2: مراجعة تغييرات الكود
DIFF
--- a/src/auth/login.ts
+++ b/src/auth/login.ts
@@ -15,3 +15,8 @@
return jwt.sign(payload, secret);
+}
+
+export function verifyToken(token: string): JwtPayload {
+ return jwt.verify(token, secret) as JwtPayload;
}
[Approve] [Reject] [Edit]
5. اللوحة اليمنى: المنطقة متعددة الوظائف
(1) متصفح الملفات
- تصفح شجرة ملفات المشروع
- معرفة الملفات التي عدّلها Codex
- النقر على ملف لعرض محتواه
(2) لوحة الطرفية
- عرض الأوامر التي نفذها Codex
- عرض مخرجات الأوامر
- إدخال أوامر يدويًا
(3) عارض الكود
- عرض محتويات الملفات الكاملة
- عرض مقارنات الفروق
- تلوين الصياغة
(4) لوحة السياق
- عرض ملفات السياق المستخدمة حاليًا
- إضافة/إزالة السياق يدويًا
- عرض استخدام نافذة السياق
6. شريط الأدوات العلوي
| الميزة | الوصف |
|---|---|
| اختيار النموذج | تبديل نموذج الذكاء الاصطناعي المستخدم |
| وضع Sandbox | التبديل بين Suggest / Auto Edit / Full Auto |
| اختيار المشروع | تبديل المشروع الحالي |
| الإعدادات | فتح لوحة الإعدادات |
7. اختصارات لوحة المفاتيح
| الاختصار | الوظيفة |
|---|---|
Cmd/Ctrl+N |
مهمة جديدة |
Cmd/Ctrl+Enter |
إرسال رسالة |
Cmd/Ctrl+Shift+A |
الموافقة على الكل |
Cmd/Ctrl+Shift+R |
رفض الكل |
Cmd/Ctrl+1/2/3 |
تبديل اللوحة اليمنى |
Cmd/Ctrl+. |
مقاطعة المهمة الحالية |
8. لوحة الإعدادات
| الإعداد | الوصف | الافتراضي |
|---|---|---|
| وضع Sandbox | Suggest / Auto Edit / Full Auto | Suggest |
| النموذج الافتراضي | اختيار نموذج الذكاء الاصطناعي | gpt-5-codex |
| الحفظ التلقائي | حفظ تعديلات Codex تلقائيًا | مفعّل |
| السمة | داكنة / فاتحة | تبعًا للنظام |
| حجم الخط | حجم خط الكود | 14px |
❓ أسئلة شائعة
س هل يمكنني تشغيل مهام متعددة في نفس الوقت؟
ج نعم. Codex App يدعم التوازي متعدد المهام — كل مهمة تعمل في sandbox مستقل بدون تداخل.
س هل يمكنني تغيير حجم نافذة المحادثة؟
ج نعم — اسحب حدود اللوحات لتعديل أحجام المناطق. يمكنك أيضًا طي اللوحة اليسرى أو اليمنى.
س أين يمكنني عرض الملفات المعدلة بواسطة Codex؟
ج متصفح الملفات على اليمين يعلّم الملفات المعدلة — انقر لعرض الفروق. نافذة المحادثة تعرض أيضًا كل تعديل في الوقت الفعلي.
س هل ميزات App و CLI متطابقة؟
ج الميزات الأساسية متطابقة. يقدم App تجربة GUI أغنى (متصفح ملفات، إدارة مهام متعددة)، بينما CLI أفضل لمستخدمي الطرفية وسيناريوهات الأتمتة.
س كيف أوقف مهمة قيد التشغيل؟
ج انقر بزر الماوس الأيمن على المهمة في قائمة المهام واختر Cancel، أو استخدم الاختصار Cmd/Ctrl+.
📖 ملخص
- تخطيط ثلاث لوحات: قائمة مهام + نافذة محادثة + منطقة متعددة الوظائف
- اللوحة اليسرى تدير المهام المتوازية؛ اللوحة الوسطى تتفاعل مع Codex
- اللوحة اليمنى تعرض الملفات والطرفية وتغييرات الكود
- اتقن اختصارات لوحة المفاتيح لتحسين الكفاءة
- لوحة الإعدادات تتحكم في وضع sandbox والنموذج والمزيد
📝 تمارين
- أساسي (⭐): أنشئ وأكمل مهمة بسيطة في Codex App. التقط لقطات شاشة لكل منطقة.
- متوسط (⭐⭐): شغّل مهمتين في نفس الوقت ولاحظ التنفيذ المتوازي. سجّل تغيرات حالة المهام.
- متقدم (⭐⭐⭐): خصّص إعدادات Codex App لإيجاد التكوين الأمثل لك واشرح خياراتك.