Demo af annotationer i lokal webapp

Brug REFERENCE_0 som kontekst til at oprette et opfølgende skærmbillede, der viser det valgte værktøj "Build Web Apps" som en forhåndsvisning af den lokale webapplikation. Erstat plugin-listevisningen med et browserlignende localhost-arbejdsområde med en ren, hvid brugergrænseflade, bløde skygger og afrundede hjørner. Vigtigste ændringer: Vis en brugergrænseflade til programopbygning/annotering i stedet for den originale plugin-mappe. Tilføj en øverste bjælke, der viser den lokale adresse til venstre, og tre små vinduer/kontrolikoner til højre. Tilføj en blå kapsel til annoteringsstatus i øverste højre hjørne med teksten "annoteringsstatus" og en lodret menu med tre prikker ved siden af. Indholdsområde: Opret en brugergrænseflade i galleristil, der viser kinesiske plakat-/kortdesigns i et afrundet, hvidt panel. Inkluder en værktøjslinjerække i venstre side med en søgeknap og en blå kommentar-/annoteringsknap markeret med et "1". Vis mindst to synlige plakat-/kortminiaturebilleder i en mørkebrun, traditionel kinesisk visuel stil, mens du bevarer nogle gennemsigtige skakbrætpladsholderområder i det højre panel. Overlay: Placer en stor, flydende annoteringsinputboble med afrundede hjørner centreret øverst i indholdsområdet. Det skal ligne en integreret AI-kommentareditor med et skyder-/indstillingsikon til venstre, der indeholder kinesisk instruktionstekst {argument name="comment text" default="Denne knaps visuelle og overordnede design matcher ikke; juster det venligst."}, en "Annuller"-knap, et lille mikrofonikon og en sort, cirkulær bekræftelsesknap med et hvidt flueben. Nederst i højre forhåndsvisningspanel: Tilføj tre handlingsknapper mærket "Åbn", "Mappe" og "Sti", hver med et simpelt linjeikon. Bevar skærmbilledets realisme, som hvis du bruger Build Web Apps med indbyggede HTML-annotationer til at anmode om brugergrænsefladeoptimering i en produktdemo.