स्थानीय वेब ऐप एनोटेशन डेमो

REFERENCE_0 को संदर्भ मानते हुए, चयनित "बिल्ड वेब ऐप्स" टूल को स्थानीय वेब एप्लिकेशन पूर्वावलोकन के रूप में प्रदर्शित करने वाला एक अनुवर्ती स्क्रीनशॉट बनाएं। प्लगइन सूची दृश्य को ब्राउज़र-शैली के लोकलहोस्ट वर्कस्पेस से बदलें, जिसमें स्वच्छ सफेद UI, हल्की छाया और गोल कोने हों। मुख्य परिवर्तन: मूल प्लगइन निर्देशिका के स्थान पर एक एप्लिकेशन बिल्ड/एनोटेशन इंटरफ़ेस दिखाएं। एक शीर्ष बार जोड़ें जिसमें बाईं ओर स्थानीय पता और दाईं ओर तीन छोटी विंडो/नियंत्रण आइकन प्रदर्शित हों। ऊपरी दाएं कोने में "एनोटेशन स्थिति" टेक्स्ट वाला एक नीला एनोटेशन स्थिति कैप्सूल और उसके बगल में एक ऊर्ध्वाधर तीन-बिंदु मेनू जोड़ें। सामग्री क्षेत्र: एक गोल सफेद पैनल के भीतर चीनी पोस्टर/कार्ड डिज़ाइन प्रदर्शित करने वाला एक गैलरी-शैली का UI बनाएं। बाईं ओर एक टूलबार पंक्ति शामिल करें जिसमें एक खोज बटन और "1" से चिह्नित एक नीला टिप्पणी/एनोटेशन बटन हो। कम से कम दो दृश्यमान पोस्टर/कार्ड थंबनेल गहरे भूरे रंग में, पारंपरिक चीनी दृश्य शैली में प्रदर्शित करें, जबकि दाएं पैनल में कुछ पारदर्शी चेकरबोर्ड प्लेसहोल्डर क्षेत्र बनाए रखें। ओवरले: कंटेंट एरिया के शीर्ष पर बीच में एक बड़ा, तैरता हुआ, गोल कोनों वाला एनोटेशन इनपुट बबल रखें। यह एक एम्बेडेड AI कमेंट एडिटर जैसा दिखना चाहिए, जिसमें बाईं ओर एक स्लाइडर/सेटिंग्स आइकन हो, जिसमें चीनी निर्देश टेक्स्ट {argument name="comment text" default="This button's visuals and overall design don't match; please adjust it."}, एक "कैंसिल" बटन, एक छोटा माइक्रोफ़ोन आइकन और एक सफेद चेक मार्क वाला काला गोलाकार पुष्टिकरण बटन हो। दाईं ओर के पूर्वावलोकन पैनल के निचले भाग में: "ओपन," "फ़ोल्डर," और "पाथ" लेबल वाले तीन एक्शन बटन जोड़ें, जिनमें से प्रत्येक पर एक साधारण लाइन आइकन हो। स्क्रीनशॉट की यथार्थता बनाए रखें, जैसे कि किसी उत्पाद डेमो में UI ऑप्टिमाइज़ेशन का अनुरोध करने के लिए बिल्ट-इन HTML एनोटेशन के साथ बिल्ड वेब ऐप्स का उपयोग किया जा रहा हो।