تقدم الوكيل

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

متبقية 5 خطوات
قراءة ملفات المشروع
Update light mode tokens
إضافة رموز المظهر الداكن
Register the theme toggle
Run lint and production build

التثبيت

تقدم الوكيل جزء من BoardUI Pro.

الوضع الداكن جاهز - هذا مكوّن يتبع رموز التصميم الدلالية لـ BoardUI تلقائياً. إعداد تبديل السمة.

وصول Pro

تقدم الوكيل هو مكوّن Pro مكوّن.

ترخيص BoardUI Pro الخاص بك يفتح هذا مكوّن وجميع ملفاته المصدرية. فعّل ترخيصك مرة واحدة، ثم ثبّته مباشرة في مشروعك باستخدام CLI.

01

فعّل ترخيصك

استخدم المفتاح من بريد الشراء الإلكتروني الخاص بـ Lemon Squeezy. تحتاج إلى القيام بذلك مرة واحدة فقط لكل جهاز.

npx boardui@latest login YOUR_LICENSE_KEY
02

تثبيت المكوّن

تنسخ CLI المصدر وتحلّ جميع تبعيات BoardUI وnpm نيابةً عنك.

npx boardui@latest add agent-progress

هذا مكوّن مضمّن في BoardUI Pro

احصل على BoardUI Pro الآن وثبّته فوراً.

هل تستخدم حزمة واجهة مستخدم مشتركة أو أسماء استيراد مختصرة مخصصة؟ تهيئة مسارات التثبيت قبل تشغيل CLI. تستخدم أمثلة النسخ واللصق الاستيرادات الافتراضية.

خطوات مخصصة

مرر أي قائمة مرتبة عبر steps. يحسب الكتلة ارتفاعها الموسّع والعدّ التنازلي والحالة النشطة والتقدم الإجمالي من تلك القائمة.

<AgentProgress steps={[ "Analyze the request", "Generate the component", "Run accessibility checks", "Prepare the response", ]}/>

التوقيت والإكمال

اضبط الوقت لكل مهمة باستخدام stepDuration. بعد علامة الاختيار الأخيرة، completionDelay يتحكم في المدة التي يبقى فيها الحالة المكتملة قبل onFinished يُطلَق.

<AgentProgress steps={steps} stepDuration={2400} completionDelay={1000} onFinished={() => { sendAgentResponse(); }}/>