← Všechny články

Copilot UX components jsou obecně dostupné se SharePoint Framework 1.24

Microsoft zpřístupnil Copilot UX components celosvětově, tedy i českým zákazníkům, se SharePoint Framework 1.24. Interaktivní přehledy, formuláře a podnikové operace můžete vložit přímo do konverzace v Copilot; uživatelé k tomu potřebují doplňkovou licenci Microsoft Copilot.

Neoficiální české shrnutí a překlad článku Microsoftu. Web není oficiálním kanálem Microsoftu. Originál: Copilot UX components are generally available: bring interactive experiences into Copilot (Microsoft 365 Developer Blog).

Copilot UX components jsou obecně dostupné se SharePoint Framework (SPFx) 1.24. Umožňují vložit interaktivní přehledy, formuláře a podnikové operace přímo do konverzace v Copilot. Vývojáři mohou využít známé webové technologie, zatímco hosting komponent zajišťuje Microsoft 365.

Komponenty uživatelského rozhraní pro agenty v Copilot

Uživatelé nepotřebují jen odpověď. Potřebují také jasný způsob, jak podle ní jednat.

Copilot UX components umožňují organizacím přenést interaktivní webová rozhraní – přehledy, formuláře, schvalování nebo aktuální podniková data – přímo na pracovní plochu Microsoft Copilot. Agent nemusí uživatele posílat do jiného portálu či aplikace. Informace i ovládací prvky potřebné k dokončení úkolu může nabídnout přímo v konverzaci.

Když se například uživatel zeptá na vývoj prodejů za aktuální čtvrtletí, může se v konverzaci otevřít prodejní přehled s filtry pro podrobnější analýzu. Žádost o dovolenou může na jednom místě zobrazit zbývající nárok, navrhované termíny i tlačítko pro odeslání. Uživatel si vše zkontroluje a pokračuje v úkolu, aniž by ztratil kontext původního požadavku.

Pro organizace jde o způsob, jak usnadnit přístup ke stávajícím podnikovým procesům i jejich dokončení. Týmy mohou využít své znalosti webového vývoje, podniková pravidla a API a zpřístupnit tyto procesy v Copilot. Kontrola nad operacemi se závažnými dopady přitom zůstává uživatelům.

Od dlouhých textových odpovědí k dokončeným úkolům

Microsoft Copilot pomáhá uživatelům vyjádřit požadavky přirozeným jazykem. Dokončení pracovního úkolu ale často vyžaduje víc než písemnou odpověď: přesná data, srozumitelné možnosti, ověření vstupů a příležitost vše potvrdit před provedením změny.

Pokud textová odpověď odkáže na několik portálů a formulářů, musí uživatel sám najít správné místo, přenést potřebný kontext a úkol dokončit jinde. Každý takový přechod práci komplikuje, zejména u běžných procesů používaných napříč organizací.

Copilot UX components zpřístupňují další krok na stejném místě, kde vznikl požadavek. Agent rozpozná potřebu a komponenta nabídne rozhraní navržené pro daný úkol, které lze ihned použít.

Od dlouhé textové odpovědi k interaktivnímu rozhraní

Interaktivní rozhraní přímo v místě práce

Copilot UX component je interaktivní webové rozhraní, které se podle záměru uživatele zobrazí na pracovní ploše Microsoft Copilot ve chvíli, kdy ho agent potřebuje. Může nabídnout rychlou akci přímo v konverzaci nebo větší pracovní prostor pro podrobnější úkol. Organizace mohou přizpůsobit rozhraní procesu, místo aby proces musely vtěsnat do pevně dané karty.

  • Inline slouží k rychlým interakcím přímo v konverzaci, se zachováním kontextu.
  • Full screen poskytuje více prostoru například pro přehledy, vícekrokové formuláře, mapy a detailní zobrazení.
  • Podobu rozhraní máte pod kontrolou. Určujete, které režimy komponenta podporuje a co v každém z nich zobrazí. Komponenty se mohou přizpůsobit také světlému a tmavému motivu v Copilot.

Použít lze libovolné komponenty v Reactu nebo JavaScriptu: grafy, datové tabulky, mapy, průvodce, Váš designový systém i oblíbené knihovny. Co dokážete vytvořit pro web, můžete pomocí Copilot UX components přenést do Copilot.

Zobrazení přímo v konverzaci a na celou obrazovku

AI rozpozná záměr, rozhraní umožní akci a člověk má kontrolu

Tento přístup rozděluje úlohy mezi AI, aplikační kód a lidský úsudek:

  1. Copilot interpretuje požadavek a otevře odpovídající komponentu.
  2. Komponenta zobrazí podniková data, možnosti, ověření vstupů a operace, které definují Váš kód a připojené systémy.
  3. Váš kód určuje kroky kontroly a potvrzení. U operací se závažnými dopady navrhněte komponentu tak, aby uživatel mohl vše zkontrolovat a potvrdit ještě před odesláním změn do podnikového systému prostřednictvím jeho API.

Copilot pomáhá najít správný postup. Komponenta umožňuje tento postup provést. Kontrola zůstává uživateli.

Modernizace stávajících podnikových procesů

Řada podnikových procesů už funguje v portálech, formulářích, přehledech a podnikových aplikacích. Copilot UX components umožňují přenést jejich relevantní část do Microsoft Copilot. Uživatel může začít požadavkem v přirozeném jazyce, pokračovat v rozhraní napojeném na systémy organizace a úkol dokončit přímo na pracovní ploše.

Možnosti zahrnují například:

  • Data z podnikových aplikací: prodejní přehledy, komplexní přehledy o zákaznících, skladové zásoby, výdaje a výplatní pásky.
  • Zaměstnanecké služby: dovolené, helpdesk, rezervace pracovních cest, úkoly při nástupu a oceňování zaměstnanců.
  • Osobní přehledy: relevantní novinky, nejnovější úkoly a denní přehled.
  • Správa a provoz: zřizování webů, kontroly souladu se zásadami a přehledy webů, přičemž každý krok potvrzuje administrátor.

Organizace nemusí zahazovat dosavadní investice. Stávající podniková logika, API a znalosti webového vývoje mohou posloužit k vytvoření nových rozhraní v Copilot, která zaměstnanci snáze najdou a použijí.

Partneři mohou opakující se zákaznické scénáře převést do hotových řešení pro Copilot, místo aby při každém nasazení znovu vytvářeli stejný pracovní postup.

Nejde přitom o začátek od nuly. Řešení postavená zákazníky a partnery na SharePoint Framework už denně používají desítky milionů uživatelů v desítkách tisíc organizací po celém světě. Tento ekosystém vývojářů, partnerů a řešení nyní může rozšířit své využití do Copilot.

Příklady podnikových scénářů

Vývoj pomocí známých webových technologií

Copilot UX components jsou dostupnou cestou pro týmy, které už vyvíjejí pro web. Využívají model MCP Apps založený na Model Context Protocol (MCP) a známé nástroje pro JavaScript:

  • Oborové standardy. Komponenty implementují model MCP Apps pro interaktivní uživatelská rozhraní v prostředích s AI. Poskytuje otevřený a interoperabilní základ bez obvyklé práce spojené s hostingem a směrováním.
  • Známé webové technologie. Použít můžete React, TypeScript, standardní JavaScriptové knihovny i framework, který Váš tým preferuje. React se objevuje ve většině příkladů Microsoftu, není však podmínkou.
  • Známé nástroje. K dispozici jsou výchozí šablony Minimal, No framework a React, npm, editor podle Vaší volby a Copilot Workbench. Ten umožňuje místní ladění a testování režimů inline i full screen, světlého a tmavého motivu i různých vstupních vlastností.
  • Jedno řešení, více komponent. Jediné řešení SPFx obsahuje agenta i jeho komponenty.

Tým může začít jedním dobře známým procesem, využít stávající znalosti webového vývoje a ověřit jeho fungování v Copilot, než řešení rozšíří na další scénáře.

Vhodné i pro vývoj s agenty

Komponenty používají známou strukturu projektů v Reactu nebo JavaScriptu. Týmy proto mohou využívat programovací asistenty k vytvoření základní struktury, implementaci, refaktoringu i řešení problémů. Výchozím bodem jsou ukázky a dokumentace. Za výsledné rozhraní a implementované podnikové chování nadále odpovídají vývojáři.

Nasazení v tenantu zákazníka

Způsob nasazení je stejně důležitý jako samotné rozhraní. Omezuje dodatečnou práci s hostingem a identitami, která může zákaznické projekty zpomalovat.

SPFx balí agenta a komponenty pro nasazení uvnitř zákazníkova tenantu Microsoft 365:

  • Automatický hosting komponent. Po nasazení balíčku řešení platforma hostuje JavaScript a CSS komponenty v tenantu. Tým nemusí pro komponentu vytvářet samostatný webový server.
  • Automatické směrování. Komponenty se zaregistrují pro Copilot a agent, který je používá, se zpřístupní v tenantu. Když konverzace vyžaduje komponentu, Copilot ji vykreslí na pracovní ploše. Není nutné zveřejňovat ani propojovat koncové body komponent.
  • Integrované zabezpečení a jednotné přihlašování. Komponenty běží s identitou a oprávněními přihlášeného uživatele prostřednictvím vestavěného SSO. Nevyžadují další přihlášení a přístup respektuje stávající oprávnění uživatele.
  • Známý model správy. Komponenty využívají model nasazení a správy SPFx bez samostatné externí služby pro hosting komponent. Oprávnění a souhlasy pro připojená podniková API zůstávají součástí konfigurace Vašeho řešení.
  • Méně infrastrukturních prvků k posouzení. Bez samostatné hostingové služby nebo externě dostupného koncového bodu komponenty se tým může při posuzování soustředit na řešení a podniková API, která využívá.

Vývojáři se tak mohou věnovat uživatelskému rozhraní místo samostatné hostingové vrstvy.

Architektura automatického hostingu

Model MCP Apps bez dodatečné provozní zátěže

Oba přístupy využívají model MCP Apps pro interaktivní uživatelská rozhraní. U externě hostované MCP App musí tým zajistit hosting, zabezpečení a provoz webové aplikace i koncového bodu. U Copilot UX components zajišťuje hosting a registraci komponent v tenantu zákazníka SPFx. Následující tabulka shrnuje provozní rozdíly.

OblastExterně hostovaná MCP AppCopilot UX components
HostingVytváříte, nasazujete a škálujete webovou aplikaci a koncový bod v Azure nebo jiném cloudu.Automatický, uvnitř zákazníkova tenantu Microsoft 365.
Směrování nástrojůZpřístupňujete, zabezpečujete a udržujete koncový bod.Automatické: platforma zajistí registraci a směrování komponent.
Identita a SSOImplementujete a udržujete ověřování.Vestavěné SSO s oprávněními přihlášeného uživatele.
Schválení v tenantuJe nutné posoudit novou externí aplikaci či službu a udělit jí souhlas.Využívá stávající správu SPFx; připojená API mohou vyžadovat další oprávnění nebo souhlas.
ProvozAktualizace, monitoring, škálování a dostupnost zajišťujete Vy.Není třeba provozovat samostatnou infrastrukturu pro hosting komponent.
Vaše dataPožadavky procházejí Vaší externě hostovanou službou.Soubory komponent jsou hostované v Microsoft 365; připojené datové zdroje zůstávají součástí architektury Vašeho řešení.
Nasazení do více tenantůProvozujete infrastrukturu pro více tenantů nebo samostatné nasazení pro každého zákazníka.Jeden balíček lze nasadit do libovolného počtu tenantů.

Jeden balíček pro více tenantů

Stejný balíček řešení SPFx může procházet vývojovým, testovacím a produkčním prostředím. Partneři mohou balíček nasadit také do tenantů více zákazníků, přičemž každý zákazník jej provozuje podle vlastních pravidel správy.

  • Postup napříč životním cyklem řešení. Stejný balíček nasadíte do vývojových, testovacích a produkčních tenantů bez budování samostatného hostingového prostředí.
  • Nasazení do zákaznických tenantů. Partneři a nezávislí dodavatelé softwaru (ISV) mohou připravit balíček pro více zákazníků. Každé nasazení běží uvnitř tenantu daného zákazníka a podléhá jeho správě.
  • Bez samostatného hostingu komponent. Model SPFx odstraňuje potřebu provozovat webový server pro komponentu každého zákazníka.

Ověřený zákaznický scénář lze díky tomu snáze převést z jednorázové implementace na opakovaně nasaditelné řešení. Od obecné dostupnosti jsou Copilot UX components podporované také v řešeních SPFx dostupných prostřednictvím SharePoint Store.

Podpora nasazení napříč tenanty

Opětovné využití rozhraní napříč Microsoft 365

Stejný webový kód lze využít i mimo Copilot. Investice do SPFx může posloužit také v SharePointu, Teams a Outlooku, pokud tato prostředí odpovídají pracovním postupům zákazníka:

  • Microsoft Copilot: jako Copilot UX component, přímo v konverzaci nebo na celou obrazovku.
  • SharePoint: jako webová část na stránkách a portálech.
  • Microsoft Teams: jako karta.
  • Outlook: jako aplikace otevřená z levé navigace v celostránkovém zobrazení.

Zákazníci tak získají více míst, odkud mohou s řešením pracovat, a současně znovu využijí stávající webový kód. Hlavní možností při uvedení do obecné dostupnosti je rozhraní uvnitř Copilot: potřebné ovládací prvky přímo vedle konverzace, v níž úkol vznikl.

Stejné uživatelské rozhraní v různých prostředích Microsoft 365

Dostupnost, licence a další plány

Dostupné při uvedení do obecné dostupnosti (GA)

  • Copilot UX components jsou obecně dostupné celosvětově se SPFx 1.24.
  • Uživatelé potřebují doplňkovou licenci Microsoft Copilot, aby mohli Copilot UX components používat v Copilot. Bez licence se komponenty nevykreslí a zobrazí se zpráva vysvětlující licenční požadavek.
  • Samotné používání Copilot UX components není zpoplatněno podle spotřeby. Pokud komponenta volá API účtované podle spotřeby, například Work IQ, mohou se uplatnit poplatky za dané API.
  • Podporovaní klienti při GA: Microsoft Copilot v prohlížeči a desktopové aplikaci. Komponenty fungují také při používání Copilot prostřednictvím Microsoft Teams, a to v prohlížeči i desktopové aplikaci.
  • Balení při GA: deklarativní agent a jeho Copilot UX components se distribuují společně v jednom řešení SPFx. Copilot UX components jsou podporované také u řešení SPFx, která už jsou v SharePoint Store.

Plánované rozšíření

  • Podpora mobilních zařízení s Androidem a iOS.
  • Podpora balení agentů a komponent pomocí nového modelu Copilot plug-in. Ten má podle konfigurace organizace umožnit zobrazování komponent přímo ve standardním chatu Copilot bez přepínání na konkrétního agenta.
  • Podpora Cowork a dalších prostředí Copilot.

SharePoint Framework 1.24 je obecně dostupný

SPFx 1.24 přináší Copilot UX components pro produkční použití a aktualizuje vývojovou platformu:

  • Copilot UX components připravené pro produkci: předvídatelný výchozí režim zobrazení na pracovní ploše Copilot, automatické aktualizace verze manifestu Teams, které odstraňují konflikty verzí při aktualizaci komponenty, ověřování manifestu deklarativního agenta při sestavení a generování nových komponent s manifestem deklarativního agenta v1.8.
  • React 18: nová řešení SPFx ve výchozím nastavení používají React 18.x.
  • Node.js 24 a Node.js 26: obě verze jsou podporované pro vývoj SPFx.
  • Kvalita a zabezpečení: opravy vycházející ze zpětné vazby k preview a aktualizace řešící nálezy nástroje npm audit.

Pokud jste vytvořili řešení na preview verzích SPFx 1.24, aktualizujte je na verzi GA. Při přechodu stávajících řešení na React 18 je otestujte a projděte si pokyny k přechodu na React 18, které popisují běžné postupy aktualizace i aspekty související s knihovnami třetích stran. Podrobnosti obsahují poznámky k vydání SPFx 1.24.

Jak začít

Začněte vyzkoušením hotového ukázkového scénáře ve Vašem tenantu. Ukázky obsahují balíčky řešení, demonstrační data i postup nastavení. Tým si tak může ověřit fungování interaktivního rozhraní v Copilot ještě před vývojem vlastního řešení.

Vlastní komponentu vytvoříte ve čtyřech krocích:

  1. Nainstalujte SPFx 1.24:

    npm install @microsoft/generator-sharepoint@latest --global
  2. Vygenerujte základ nové Copilot UX component a vyberte šablonu Minimal, No framework nebo React.

  3. Spusťte ji a otestujte místně v Copilot Workbench.

  4. Nasaďte balíček do Vašeho tenantu a zpřístupněte komponentu v Copilot.

Podrobný postup vytvoření první Copilot UX component najdete v úvodním návodu a ve videu.

Užitečné zdroje:

Názvosloví a další vývoj

Ve starších materiálech se tato funkce může označovat jako SharePoint Copilot Apps nebo Copilot Components. Aktuální název je Copilot UX components.

Obecná dostupnost je výchozím bodem pro další rozvoj. Microsoft plánuje následně doplnit podporu mobilních zařízení, nový model plug-in, Cowork a další prostředí Copilot. SPFx 1.25 je plánovaný na prosinec 2026 nebo leden 2027 a má pokračovat v rozvoji tohoto modelu; další vydání budou zohledňovat zpětnou vazbu uživatelů.