بوت الذكاء الاصطناعي - نموذج سؤال جديد

:information_source: ملخص روبوت الذكاء الاصطناعي - نافذة الأسئلة الجديدة
:hammer_and_wrench: المستودع GitHub - VaperinaDEV/aibot-new-question-modal
:question: دليل التثبيت كيفية تثبيت سمة أو مكون سمة
:open_book: جديد في سمات Discourse؟ دليل المبتدئين لاستخدام سمات Discourse

تثبيت مكون السمة هذا

مرحباً :wave:

Discourse AI - مطلوب روبوت الذكاء الاصطناعي لاستخدام هذا.

مكون السمة هذا هو في الواقع نسخة نافذة من وظائف الصفحة الرئيسية لـ ask.discourse.com. لذا يمكنك إنشاء محادثة جديدة مع روبوت الذكاء الاصطناعي المستلم.

هذه النافذة بملء الشاشة لذا تعطي انطباعًا بأنك في صفحة أخرى. أو شيء من هذا القبيل كان الهدف.

الأجزاء الرئيسية:

الصورة الرمزية: تحتوي الصورة الرمزية لروبوت الذكاء الاصطناعي على مؤشر دوار يدور دائمًا في الصورة الرمزية للنافذة ولكنه يشير أيضًا عند الكتابة.

aibot-spinner


رسالة الذكاء الاصطناعي: يمكنك استخدام HTML هنا أيضًا.
Screenshot 2024-10-20 at 16.27.18


روابط سريعة: أضف أكبر عدد تريده من الأسئلة.
عرض الروابط السريعة محدود بالإعدادات ويتغير عند فتح النافذة مرة أخرى.

max quick links desktop الافتراضي: 5
max quick links mobile الافتراضي: 3


المحادثات الأخيرة: يعيد هذا الزر التوجيه إلى صفحة /search مع المعلمات in:messages, @aibot-username
Screenshot 2024-10-20 at 16.33.38


هذا كل شيء بالنسبة للنافذة. يمكنك تغيير وتخصيص كل شيء في إعدادات السمة. :slight_smile:

يمكن وضع زر فتح نافذة روبوت الذكاء الاصطناعي في الشريط الجانبي في 3 مواضع.

  1. sidebar-footer-actions

  2. before-sidebar-sections

  3. after-sidebar-sections

في إعدادات السمة يمكنك تغيير نمط الزر.


دعنا نرى إعدادات السمة

إعدادات السمة
  • quick_links: هنا يمكنك إعداد أسئلة الأزرار السريعة.
  • max quick links desktop: الحد الأقصى لعدد الروابط السريعة التي تظهر على سطح المكتب.
  • max quick links mobile: الحد الأقصى لعدد الروابط السريعة التي تظهر على الهاتف المحمول.
  • show_for_groups: الإعداد المطلوب. أضف اسم المجموعة لعرض زر الشريط الجانبي.
  • aibot_id: الإعداد المطلوب. أضف معرف روبوت الذكاء الاصطناعي الذي تريد استخدامه لهذا.
  • aibot_username: الإعداد المطلوب. أضف اسم مستخدم روبوت الذكاء الاصطناعي الذي تريد استخدامه لهذا.
  • aibot_avatar: الإعداد المطلوب. قم بتحميل صورة لروبوت الذكاء الاصطناعي تظهر في النافذة.
  • sibebar aibot button postition: حدد موضع زر الشريط الجانبي.
    • sidebar-footer-actions (الافتراضي)
    • before-sidebar-sections (أعلى الشريط الجانبي)
    • after-sidebar-sections (أسفل الشريط الجانبي)
  • sibebar aibot button style: حدد نمط زر الشريط الجانبي.
    • btn-primary (الافتراضي)
    • btn-default
  • sidebar aibot button border-radius: قم بتغيير استدارة زر الشريط الجانبي.
  • sidebar aibot button before icon: قم بتغيير أيقونة زر الشريط الجانبي.
  • aibot recent messages icon: قم بتغيير أيقونة زر المحادثات الأخيرة.
  • modal background: قم بتغيير خلفية النافذة.
  • modal content wrapper background: قم بتغيير خلفية حاوية محتوى النافذة.
  • modal content wrapper border radius: قم بتغيير استدارة حاوية محتوى النافذة.
  • quick buttons style: حدد نمط الأزرار السريعة.
    • btn-primary (الافتراضي)
    • btn-default
  • quick buttons border radius: قم بتغيير استدارة الأزرار السريعة.
  • mobile quick buttons wrapper border radius: قم بتغيير استدارة حاوية الأزرار السريعة للهاتف المحمول.
  • aibot avatar spinner primary color: قم بتغيير اللون الأساسي لمؤشر الصورة الرمزية لروبوت الذكاء الاصطناعي var(--tertiary) افتراضيًا.
  • aibot avatar spinner secondary color: قم بتغيير اللون الثانوي لمؤشر الصورة الرمزية لروبوت الذكاء الاصطناعي #ffffff افتراضيًا.
  • aibot message border color: هذا الحد على الجانب الأيمن للرسالة. var(--tertiary) افتراضيًا.
  • textarea border-radius: قم بتغيير استدارة منطقة النص.
  • send button border radius: قم بتغيير استدارة زر الإرسال.
  • recent messages button border radius: قم بتغيير استدارة زر المحادثات الأخيرة.
  • recent messages button color: قم بتغيير لون زر المحادثات الأخيرة. كما يغير لون الأيقونة.
  • recent messages button hover color: قم بتغيير لون زر المحادثات الأخيرة عند التحويم.
  • recent messages button hover background: قم بتغيير خلفية زر المحادثات الأخيرة عند التحويم.
  • recent messages button border: قم بتغيير حد زر المحادثات الأخيرة.
  • spinner loader border: قم بتغيير حد محمل مؤشر النافذة. يظهر عند إرسال الرسالة.
  • spinner loader border right color: قم بتغيير لون الجانب الأيمن لمؤشر النافذة.

هناك أيضًا بعض ترجمات السمة…

ترجمات السمة
  • aibot_modal_title: هذا هو عنوان النافذة.
  • aibot_message: هذه هي رسالة روبوت الذكاء الاصطناعي في النافذة.
  • input_placeholder: هذا هو النص النائب في منطقة النص.
  • input_submit: هذا هو عنوان زر الإرسال.
  • input_length: تظهر هذه الرسالة عندما يكون النص قصيرًا جدًا.
  • disclaimer: هذا النص يظهر أسفل منطقة النص في النافذة.
  • new_question: هذا هو نص زر الشريط الجانبي.
  • recent_messages: هذا هو نص زر المحادثات الأخيرة في النافذة.

يخفي مكون السمة هذا زر المشاركة من الرسائل الشخصية لروبوت الذكاء الاصطناعي. النص discourse_ai.ai_bot.default_pm_prefix هو عنوان الرسالة الافتراضي لروبوت الذكاء الاصطناعي وسيتغير تلقائيًا حسب موضوع المحادثة. يمكنك تغييره في /admin/customize/site_texts


الاعتمادات: Discourse Ask Theme

14 إعجابًا

هذه المجموعة من الأسئلة النموذجية غير قابلة للتمرير على الشاشات التي تعمل باللمس وتظهر اثنين فقط منها على iPhone. للعلم فقط.

والآن أنا أفكر بصوت عالٍ.

ستكون طريقة جذابة لتقديم الذكاء الاصطناعي للمجموعات التي يُحرم المنتدى من استخدام الذكاء الاصطناعي لها. مثل TL1 على سبيل المثال. ولكن لتقديم هذه الإمكانية، يجب السماح بـ TL1 في إعدادات DAI، وهذا يظهر أيضًا أيقونة الروبوت، حتى في هذا الموقف يكون غير ضروري بسبب هذا النموذج.

إعجاب واحد (1)

سأقوم بالتحقق من هذا قريبًا…

يمكن تعطيله باستخدام إعداد الموقع ai bot add to header.

لطيف، ولكن هذا ليس أكثر من سؤال واجهة مستخدم بسيط. لذلك لا داعي للعجلة على الإطلاق.

أعلم، ولكن هذا إعداد تشغيل/إيقاف والمستخدمون المتقدمون يحتاجون إليه، لأنه الطريقة الوحيدة لتصفح شخصيات مختلفة. ولكن نافذتك المنبثقة مخصصة للمستخدم العادي أكثر، أو هكذا أراها، وهناك زرين للقيام بنفس الشيء تقريبًا، واستهلاك المساحة.

ولكنني لا أعرف كيف أتعامل مع موقف حيث يرى المستخدمون الأقل من TL2 النافذة المنبثقة، ولكن ليس أيقونة الروبوت، وفي نفس الوقت مجموعة أخرى، وهم أعضاء في TL1 في نفس الوقت، لن يروا زر النافذة المنبثقة وفقط أيقونة الروبوت، أو كليهما.

لهذا السبب كان مجرد فكرة :woozy_face:

أعلم أنه يمكننا إخفاء أيقونة باستخدام CSS التي تحد من الرؤية، ولكن بصراحة، سيؤدي ذلك إلى فوضى مروعة قريبًا جدًا عندما تكون هناك نفس الإعدادات والمكونات المصنوعة ذاتيًا هنا وهناك وفي كل مكان.

لكنني أحب النافذة المنبثقة، لأنني أعتقد أنها ستخفض حاجز استخدام الذكاء الاصطناعي.

إعجاب واحد (1)

هذا رائع، أحسنت صنعًا يا @Don!

3 إعجابات

واجهة جميلة، لم أستخدمها بعد ولكن شكراً على المشاركة، إن أمكن آمل أن أشتري لك كوب قهوة :smiling_face_with_three_hearts:

إعجاب واحد (1)

ملحق رائع يا @Don ! عمل رائع… لقد قمت بالتثبيت للتو ولاحظت على iPhone 13 باستخدام Safari و Chrome أن الروابط السريعة المعينة في محرر إعدادات الكائنات مجمدة على الشاشة ما لم تلمس مربع الإدخال، اسأل روبوت الذكاء الاصطناعي. عندها يمكنك التمرير للوصول إلى الأسئلة الأخرى غير المرئية في البداية. يمكنك النقر عن طريق الخطأ على رابط سريع أثناء محاولة رؤية الروابط السريعة الأخرى.

إعجاب واحد (1)

شكرًا برايان، نعم، لقد تفقدته على جهاز iPhone 6s الخاص بي وهذا لا يعمل بشكل جيد جدًا. :slightly_frowning_face: لذلك قررت التخلي عن الأزرار السريعة القابلة للتمرير. بدلاً من ذلك، أضفت إعدادين جديدين للتحكم في الحد الأقصى للروابط السريعة في العرض المكتبي / المحمول، كما أجريت بعض التعديلات على صورة رمز الذكاء الاصطناعي في النافذة المنبثقة، وقسم الرسائل لتناسب الشاشات الأصغر بشكل أفضل.

الحد الأقصى للروابط السريعة في العرض المكتبي الافتراضي: 5
الحد الأقصى للروابط السريعة في العرض المحمول الافتراضي: 3


تعديل: المزيد…

آمل أن يعمل بشكل أفضل الآن. :slightly_smiling_face:

3 إعجابات

عمل رائع يا @Don أقدر عملك ودعمك. أحسنت!

إعجابَين (2)