import {in_array} from '../utils/lib'; import SettingsGroup from './SettingsGroup'; import Help from './Help'; import {useState, useEffect} from '@wordpress/element'; import {__} from '@wordpress/i18n'; import useFields from '../Settings/Fields/FieldsData'; import useMenu from '../Menu/MenuData'; import {UseMenuData} from './DocumentsMenu/MenuData'; import UseBannerData from './CookieBannerPreview/CookieBannerData'; import useProgress from '../Dashboard/Progress/ProgressData'; import SettingsPlaceholder from '../Placeholder/SettingsPlaceholder'; import ErrorBoundary from '../utils/ErrorBoundary'; /** * Renders the selected settings * */ const Settings = () => { const [noticesExpanded, setNoticesExpanded] = useState(true); const {progressLoaded, notices, fetchProgressData} = useProgress(); const [isExploding, setIsExploding] = useState(false); const {saveBanner, setBannerDataLoaded} = UseBannerData(); const {saveDocumentsMenu} = UseMenuData(); const [CookieBannerPreview, setCookieBannerPreview] = useState(null); const [ConfettiExplosion, setConfettiExplosion] = useState(null); const [finishDisabled, setFinishDisabled] = useState(false); const { saving, fieldNotices, fieldNoticesLoaded, fieldsLoaded, saveFields, changedFields, fields, fetchAllFieldsCompleted, nextButtonDisabled, isNextButtonDisabled, } = useFields(); const { subMenuLoaded, saveButtonsRequired, subMenu, selectedSubMenuItem, selectedMainMenuItem, nextMenuItem, previousMenuItem, } = useMenu(); useEffect(() => { if (selectedMainMenuItem === 'banner' && !CookieBannerPreview) { import ( './CookieBannerPreview/CookieBannerPreview').then( ({default: CookieBannerPreview}) => { setCookieBannerPreview(() => CookieBannerPreview); }); } }, [selectedMainMenuItem]); useEffect(() => { if (selectedSubMenuItem === 'finish' && !ConfettiExplosion) { import ( "react-confetti-explosion").then( ({default: ConfettiExplosion}) => { setConfettiExplosion(() => ConfettiExplosion); }); } }, [selectedSubMenuItem]); useEffect(() => { //banner generation does a lot of fields updates, so it's not a good idea to hit the api each time. if (window.location.hash==='#banner') { return; } fetchAllFieldsCompleted(); }, [changedFields]); useEffect(() => { //start an interval to check the disabled state of the next button //in some edge cases the button is not enabled after all fields have been entered. let interval = false; if ( nextButtonDisabled ) { interval = setInterval(() => { isNextButtonDisabled(fields, selectedSubMenuItem); }, 3000); } else { if (interval) { clearInterval(interval) } } //clear the interval return () => clearInterval(interval); },[nextButtonDisabled]); const toggleNotices = () => { setNoticesExpanded(!noticesExpanded); }; const finish = async (e) => { e.preventDefault(); if (nextButtonDisabled) return; setFinishDisabled(true); setIsExploding(true); saveData(true, false); //if the user switches back from the banner preview page, we need to reload the banner data. setFinishDisabled(false); window.location.hash = finishLink; setTimeout(async () => { setIsExploding(false); }, 2000); } const saveData = async (finish, showNotice) => { const regionIndex = changedFields.findIndex(field => { return field.id === 'regions'; }); if (regionIndex !== -1) { //if the region field is changed, we need to update the banner setBannerDataLoaded(false); } if (selectedSubMenuItem === 'document-menu') { await saveFields(selectedSubMenuItem, showNotice, false); await saveDocumentsMenu(changedFields.length > 0, showNotice); } else if (selectedMainMenuItem === 'banner') { await saveBanner(fields); } else { await saveFields(selectedSubMenuItem, showNotice, finish); //progress data is updated during saveFields } }; const {menu_items: menuItems} = subMenu; if (!subMenuLoaded || !fieldsLoaded || menuItems.length === 0) { return ( <SettingsPlaceholder/> ); } let selectedFields = fields.filter( field => field.menu_id === selectedSubMenuItem); let groups = []; for (const selectedField of selectedFields) { if (!in_array(selectedField.group_id, groups)) { groups.push(selectedField.group_id); } } let helpNotices = []; //add some notices conditionally for fields if (fieldNoticesLoaded && typeof fieldNotices !== 'undefined') { for (const fieldNotice of fieldNotices) { let noticeFields = selectedFields.filter( field => fieldNotice.field_id === field.id); if (noticeFields.length > 0) { helpNotices.push(fieldNotice); } } } //convert progress notices to an array useful for the help blocks if (progressLoaded) { for (const notice of notices) { let noticeIsLinkedToField = false; //notices that are linked to a field. Only in case of warnings. if (notice.show_with_options && notice.status === 'warning') { let noticeFields = selectedFields.filter( field => notice.show_with_options.includes(field.id)); noticeIsLinkedToField = noticeFields.length > 0; } //notices that are linked to a menu id. if (noticeIsLinkedToField || notice.menu_id === selectedSubMenuItem) { let help = {}; help.title = notice.title ? notice.title : false; help.label = notice.label; help.id = notice.id; help.text = notice.message; help.url = notice.url; help.linked_field = notice.show_with_option; helpNotices.push(help); } } } //help items belonging to a field //if field is hidden, hide the notice as well for (const notice of selectedFields.filter( field => field.help && !field.conditionallyDisabled)) { let help = notice.help; //check if the notices array already includes this help item //this can happen in case of dynamic fields, like details per purpose let existingNotices = helpNotices.filter( noticeItem => noticeItem.id && noticeItem.id === help.id); if (existingNotices.length === 0) { helpNotices.push(notice.help); } } helpNotices = helpNotices.filter( notice => notice.label.toLowerCase() !== 'completed'); let cookiebannerEnabled = fields.filter( field => field.id === 'enable_cookie_banner' && field.value === 'yes').length > 0; let continueLink = nextButtonDisabled ? `#${selectedMainMenuItem}/${selectedSubMenuItem}` : nextMenuItem; let finishLink = cookiebannerEnabled ? `#banner` : `#dashboard`; finishLink = nextButtonDisabled ? `#${selectedMainMenuItem}/${selectedSubMenuItem}` : finishLink; return ( <> {isExploding && ConfettiExplosion && <div className="cmplz-confetti"><ConfettiExplosion zIndex={999999}/></div>} <div className="cmplz-wizard-settings cmplz-column-2"> {groups.map((group, i) => <ErrorBoundary key={"groups-"+i} fallback={"Could not load: Banner preview"}> <SettingsGroup key={i} index={i} group={group} fields={selectedFields}/> </ErrorBoundary>) } <div className="cmplz-grid-item-footer-container"> <ScrollProgress/> <div className="cmplz-grid-item-footer"> {selectedMainMenuItem !== 'wizard' && <div className="cmplz-grid-item-footer-upsell-bar"> { !cmplz_settings.is_premium && <a className="button button-default" href="https://complianz.io/pricing" target="_blank" rel="noopener noreferrer">{__( 'Get Premium', 'complianz-gdpr')}</a>} </div>} <div className={'cmplz-grid-item-footer-buttons'}> {/*This will be shown only if current step is not the first one*/} {previousMenuItem !== '#' && <a href={previousMenuItem} onClick={() => { window.scrollTo({ top: 0, behavior: 'smooth', }); }}> {__('Previous', 'complianz-gdpr')} </a> } {saveButtonsRequired() && <button className="button button-default" onClick={(e) => saveData(false, true)}> {__('Save', 'complianz-gdpr')} </button> } {/*This will be shown only if current step is not the last one*/} {selectedSubMenuItem !== menuItems[menuItems.length - 1].id && <> {saveButtonsRequired() && <a disabled={nextButtonDisabled} className="button button-primary" href={continueLink} onClick={(e) => { saveData(false, false) // smooth scroll to top window.scrollTo({ top: 0, behavior: 'smooth', }); }}> {__('Save and Continue', 'complianz-gdpr')} </a> } {!saveButtonsRequired() && <a className="button button-primary" href={continueLink} onClick={(e) => saveData(false, false)}> {__('Continue', 'complianz-gdpr')} </a> } </> } {selectedMainMenuItem === 'wizard' && selectedSubMenuItem === menuItems[menuItems.length - 1].id && <a disabled={nextButtonDisabled || saving || finishDisabled } className="button button-primary" href="#" onClick={(e) => finish(e)}> {__('Finish', 'complianz-gdpr')} </a> } </div> </div> </div> </div> <div className="cmplz-wizard-help"> <div className="cmplz-help-header"> <h3 className="cmplz-h4"> {__('Notifications', 'complianz-gdpr')} </h3> <div className="cmplz-help-control" onClick={() => toggleNotices()}> {!noticesExpanded && __('Expand all', 'complianz-gdpr')} {noticesExpanded && __('Collapse all', 'complianz-gdpr')} </div> </div> {helpNotices.map( (field, i) => <ErrorBoundary key={"field-"+i} fallback={"Could not load: Help notices"}><Help key={i} noticesExpanded={noticesExpanded} help={field} fieldId={field.id}/></ErrorBoundary>)} </div> {selectedMainMenuItem === 'banner' && CookieBannerPreview && <ErrorBoundary fallback={"Could not load: Banner preview"}><CookieBannerPreview/></ErrorBoundary>} </> ); }; export default Settings; export const ScrollProgress = () => { // calculate the scroll progress const [scrollProgress, setScrollProgress] = useState(0); useEffect(() => { window.addEventListener('scroll', () => { let scrollableHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight; let scrollProgressPercentage = Math.round( (window.scrollY / scrollableHeight) * 100); // start at 5% and end at 100% scrollProgressPercentage = Math.max(5, scrollProgressPercentage); setScrollProgress(scrollProgressPercentage); }); }, []); // if you can't scroll return null if (document.documentElement.scrollHeight <= document.documentElement.clientHeight) { return null; } return ( // add width to span <span className={'cmplz-grid-item-footer-scroll-progress-container'}> <span className={'cmplz-grid-item-footer-scroll-progress'} style={{width: scrollProgress + '%'}}>{scrollProgress}%</span> </span> ); };

خدمة

“Manus AI”… مساعد رقمي بقدرات متقدمة وحدود تجارية صارمة

مايو 18, 2025

5٬603 دقيقة واحدة

“Manus AI”… مساعد رقمي بقدرات متقدمة وحدود تجارية صارمة

كتبت إيريني أنطون

في ظل تصاعد الاهتمام بتطبيقات الذكاء الاصطناعي، برز تطبيق “Manus AI” كمساعد ذكي جديد يعد بتجاوز دور “الدردشة” إلى تنفيذ مهام معقدة، تشمل كتابة المقالات، إنتاج الصوتيات، وتحليل البيانات. إلا أن التجربة في الواقعية مع التطبيق تكشف عن مزيج من الإعجاب والإحباط.

عند تجربة التطبيق لكتابة مقال حول الذكاء الاصطناعي، أظهر “Manus” تجاوبًا دقيقًا ومنظمًا. بدأ بتأكيده على كتابة مقال شامل يغطي الجوانب التاريخية والتقنية والاجتماعية للموضوع، مع وعد بتقديم محتوى غني ومبني على مصادر موثوقة. كما أوضح استعداده لمواصلة العمل ومشاركة التقدم مع المستخدم.

لكن بعد بدء تنفيذ المهمة، توقّف التطبيق في منتصف العملية وطالب بالاشتراك المدفوع لاستكمالها، مما كشف عن سياسة تجارية قائمة على الدفع مقابل الاستمرارية. هذا النموذج قد يمثل عائقًا أمام المستخدمين الذين يتوقعون تجربة مجانية أو مرنة.

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

الفرق بين Manus وChatGPT:

يُعد “Manus” بمثابة وكيل ذكاء اصطناعي (AI Agent) يتجاوز الدردشة النصية التقليدية، حيث يمكنه تنفيذ سلسلة من المهام تلقائيًا داخل بيئة عمل افتراضية، مثل التصفح، البرمجة، أو التحكم في أدوات خارجية. بالمقابل، يقدم “ChatGPT” تجربة محادثة متقدمة تقوم على فهم اللغة الطبيعية وتوليد النصوص، مع بعض الإمكانيات التفاعلية، لكنه لا يعمل بشكل مستقل أو تلقائي لتنفيذ مهام متعددة الخطوات إلا إذا تم ربطه بأدوات خارجية (مثل GPTs الخاصة أو الإضافات).

كما أن “ChatGPT” يسمح للمستخدم باستخدام العديد من قدراته مجانًا أو عبر اشتراك شهري ثابت، بينما “Manus” يعمل بنظام نقاط واستهلاك، مما يجعله أكثر تقييدًا من حيث حرية الاستخدام.

يعكس “Manus AI” توجهًا متطورًا في عالم المساعدات الذكية، حيث يجمع بين التفاعل البشري والقدرات التنفيذية المتقدمة. ومع ذلك، فإن نظامه القائم على الاشتراكات ونقاط الاستخدام يضع حدودًا واضحة أمام مجانية الوصول إلى إمكانياته الكاملة. وبينما يُظهر تفوقًا تقنيًا في تنفيذ بعض المهام تلقائيًا، يظل ChatGPT أكثر مرونة وتنوعًا في الاستخدام اليومي، خاصة لمن يبحثون عن مزيج بين القوة وسهولة الوصول.

مايو 18, 2025

5٬603 دقيقة واحدة