[!INFO] Co je tato příručka: Jednoduchý návod, jak ovládat HEX AI Chat — firemního AI asistenta pro každodenní práci. Není potřeba žádné technické vzdělání. Popisky tlačítek jsou opsané 1:1 z aplikace (anglicky), vedle nich vždy český překlad.

Adresa: https://2mozek.healthexpansion.eu — přihlášení e-mailem a heslem.

Plány do budoucna

• [ ] Tvorba skills pro HEX AI Chat
• [ ] Přeměna promptů na agenty a subagenty
• [ ] Tvorba HEX LLM Modelů

1. Co je HEX AI Chat?

HEX AI Chat je webová aplikace, kde si povídáte s umělou inteligencí — podobně jako v Messengeru. Napíšete úkol a asistent odpoví, přeloží text, shrne dokument nebo zkontroluje etiketu.

[!TIP] Pro 90 % práce stačí: vybrat agenta → napsat úkol → zkontrolovat odpověď.

flowchart LR
    A[Vy napíšete úkol] --> B[Agent v HEX AI Chat]
    B --> C{Potřebuje pomoc?}
    C -->|Ano| D[Subagent specialista]
    C -->|Ne| E[Odpověď rovnou]
    D --> E
    B -.-> F[MCP: Slack, Google Workspace]
    E --> G[Hotová odpověď pro vás]

2. Přihlášení a orientace

2.1 Jak se přihlásit

1. Otevřete v prohlížeči (Chrome nebo Edge) adresu https://2mozek.healthexpansion.eu.
2. Zadejte firemní e-mail a heslo.
3. Klikněte Přihlásit. Uvidíte uvítání a můžete začít psát.

<style>
  .lc-login { font-family: -apple-system, 'Segoe UI', Roboto, sans-serif; max-width: 420px; margin: 0 auto; border: 1px solid #e5e5e5; border-radius: 16px; overflow: hidden; background: white; }
  .lc-login-top { padding: 28px 28px 8px; text-align: center; }
  .lc-login-logo { width: 44px; height: 44px; border-radius: 12px; background: #171717; color: white; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 20px; }
  .lc-login-top h3 { margin: 12px 0 4px; font-size: 18px; }
  .lc-login-top p { margin: 0; font-size: 13px; color: #666; }
  .lc-login-body { padding: 16px 28px 28px; }
  .lc-label { font-size: 12px; font-weight: 600; color: #333; margin: 12px 0 6px; }
  .lc-input { border: 1px solid #d4d4d4; border-radius: 10px; padding: 10px 12px; font-size: 14px; background: #fafafa; color: #333; }
  .lc-input.fill { background: white; border-color: #171717; }
  .lc-primary { background: #171717; color: white; border-radius: 10px; padding: 11px; text-align: center; font-weight: 600; font-size: 14px; margin-top: 18px; }
  .lc-hint { font-size: 12px; color: #888; text-align: center; margin-top: 12px; }
  .lc-url { font-size: 12px; background: #f5f5f5; border-radius: 8px; padding: 6px 10px; color: #555; text-align: center; margin-top: 10px; }
</style>
<div class="lc-login">
  <div class="lc-login-top">
    <div class="lc-login-logo">⬢</div>
    <h3>HEX AI Chat</h3>
    <p>Přihlaste se firemním e-mailem a heslem</p>
  </div>
  <div class="lc-login-body">
    <div class="lc-label">1 &nbsp; E-mail</div>
    <div class="lc-input fill">jana.novakova@healthexpansion.eu</div>
    <div class="lc-label">2 &nbsp; Heslo (Password)</div>
    <div class="lc-input">••••••••••</div>
    <div class="lc-primary">3 &nbsp; Přihlásit (Log in) →</div>
    <div class="lc-url">🔒 https://2mozek.healthexpansion.eu</div>
    <div class="lc-hint">Nemůžete se přihlásit? Napište na IT podporu.</div>
  </div>
</div>

[!NOTE] Přístupové údaje vám dá IT. Heslo nikomu neposílejte e-mailem ani chatem.

2.2 Celá obrazovka — přesná kopie vaší aplikace

Níže je napodobenina vašeho HEX AI Chat (světlý motiv, úzká lišta ikon vlevo, panel 360 px, kulaté černé tlačítko Odeslat). Anglické popisky v ukázce odpovídají přesně tomu, co uvidíte na obrazovce.

<style>
  .lc-app { font-family: -apple-system, 'Segoe UI', Roboto, sans-serif; max-width: 980px; margin: 0 auto; border: 1px solid #e5e5e5; border-radius: 14px; overflow: hidden; background: white; }
  .lc-top { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-bottom: 1px solid #eee; }
  .lc-model { border: 1px solid #e5e5e5; border-radius: 12px; padding: 7px 12px; font-size: 13px; font-weight: 600; background: white; box-shadow: 0 0 10px rgba(0,0,0,.05); }
  .lc-model small { color: #888; font-weight: 400; }
  .lc-topbtn { font-size: 12px; border: 1px solid #e5e5e5; border-radius: 12px; padding: 7px 10px; color: #555; background: #fafafa; }
  .lc-cols { display: flex; min-height: 400px; }
  .lc-rail { width: 54px; background: #fafafa; border-right: 1px solid #eee; display: flex; flex-direction: column; align-items: center; padding: 10px 0; gap: 4px; }
  .lc-ri { width: 36px; height: 36px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 17px; }
  .lc-ri.active { background: white; border: 1px solid #e5e5e5; box-shadow: 0 0 10px rgba(0,0,0,.05); }
  .lc-ri span { font-size: 8px; display: block; }
  .lc-side { width: 250px; min-width: 250px; background: #fafafa; border-right: 1px solid #eee; padding: 12px; font-size: 13px; }
  .lc-search { border: 1px solid #e5e5e5; background: white; border-radius: 8px; padding: 7px 10px; color: #888; font-size: 12px; }
  .lc-link { font-size: 12px; color: #555; margin: 10px 0 2px; font-weight: 600; }
  .lc-h { font-size: 11px; color: #999; text-transform: uppercase; letter-spacing: .5px; margin: 12px 0 6px; display: flex; justify-content: space-between; }
  .lc-row { padding: 7px 9px; border-radius: 8px; font-size: 13px; margin-bottom: 2px; background: transparent; }
  .lc-row.active { background: white; border: 1px solid #e5e5e5; font-weight: 600; }
  .lc-main { flex: 1; display: flex; flex-direction: column; background: white; min-width: 0; }
  .lc-hello { text-align: center; font-size: 22px; font-weight: 600; color: #333; padding: 34px 0 10px; }
  .lc-bub-u { background: #f4f4f5; border-radius: 14px 14px 4px 14px; padding: 10px 14px; font-size: 13px; max-width: 78%; margin: 10px 16px 10px auto; }
  .lc-bub-a { border: 1px solid #eee; border-radius: 14px 14px 14px 4px; padding: 10px 14px; font-size: 13px; max-width: 84%; margin: 0 16px; }
  .lc-mini { display: flex; gap: 6px; margin-top: 8px; }
  .lc-mini span { font-size: 11px; border: 1px solid #eee; border-radius: 20px; padding: 3px 10px; color: #666; background: #fafafa; }
  .lc-comp { border: 1px solid #e5e5e5; border-radius: 16px; margin: auto 16px 14px; padding: 10px 12px; box-shadow: 0 2px 12px rgba(0,0,0,.06); }
  .lc-comp input { border: none; width: 100%; font-size: 13px; outline: none; font-family: inherit; }
  .lc-bar { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
  .lc-ib { min-width: 32px; height: 32px; border-radius: 12px; border: 1px solid #e5e5e5; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; background: white; }
  .lc-mcp { font-size: 12px; border: 1px solid #d4d4d4; border-radius: 999px; padding: 6px 12px; background: white; height: 32px; display: inline-flex; align-items: center; }
  .lc-send { width: 32px; height: 32px; border-radius: 50%; background: #171717; color: white; display: inline-flex; align-items: center; justify-content: center; margin-left: auto; font-size: 16px; }
  .lc-call { font-size: 11px; color: #ab455d; background: #fff0f3; border-radius: 6px; padding: 2px 8px; display: inline-block; margin-bottom: 6px; font-weight: 700; }
  .lc-cap { font-size: 11px; color: #888; text-align: center; padding: 6px; }
</style>
<div class="lc-app">
  <div class="lc-top">
    <div class="lc-model">▾ Hex – Regulace (Sonnet) <small>← váš agent / model</small></div>
    <div class="lc-topbtn">Presets</div>
    <div class="lc-topbtn">Temporary Chat <small>Ctrl+Shift+Y</small></div>
    <div class="lc-topbtn">＋ Multi-conversation</div>
  </div>
  <div class="lc-cols">
    <div class="lc-rail">
      <div class="lc-ri">☰</div>
      <div class="lc-ri active">✨</div>
      <div class="lc-ri">💬</div>
      <div class="lc-ri">🤖</div>
      <div class="lc-ri">🛠️</div>
      <div class="lc-ri">💭</div>
      <div class="lc-ri">🧠</div>
      <div class="lc-ri">🔖</div>
      <div class="lc-ri">📎</div>
      <div class="lc-ri">🔌</div>
      <div class="lc-ri" style="margin-top:auto;">👤</div>
    </div>
    <div class="lc-side">
      <div class="lc-call">LEVÝ PANEL (360 px)</div>
      <div class="lc-search">🔍 Search messages — hledat v chatech</div>
      <div class="lc-link">🏪 Agent Marketplace — obchod s agenty</div>
      <div class="lc-h"><span>Projects</span><span>All projects · ＋</span></div>
      <div class="lc-row">📁 Hello &nbsp;<small>New chat in Hello · …</small></div>
      <div class="lc-h"><span>Chats</span><span>＋ New chat</span></div>
      <div class="lc-row active">Kontrola etikety Hořčík</div>
      <div class="lc-row">WoodStarCorp Strain Inquiry</div>
      <div class="lc-row">Czech Syrup Dosage Translation</div>
      <div class="lc-row">Novel Food Regulation Updates</div>
      <div class="lc-cap">Starší: Previous 7 days · August</div>
    </div>
    <div class="lc-main">
      <div class="lc-hello">Good morning, HEX</div>
      <div class="lc-bub-u">Přelož složení z češtiny do němčiny pro etiketu. Nic nepřidávej.</div>
      <div class="lc-bub-a"><b>Zutaten:</b> Magnesiumcitrat, Kapselhülle …
        <div class="lc-mini"><span>📋 Copy</span><span>🔖 Bookmark</span></div>
      </div>
      <div style="height:12px;"></div>
      <div class="lc-comp">
        <div class="lc-call">DOLNÍ LIŠTA — ZPRÁVA SE PÍŠE SEM</div>
        <input value="Message OpenRouter — sem napište úkol… (Enter = odeslat)">
        <div class="lc-bar">
          <span class="lc-ib" title="Attach File Options">📎</span>
          <span class="lc-ib" title="Tools Options">🛠️</span>
          <span class="lc-mcp">🔌 MCP Servers ▾ &nbsp;<small>Slack · Google</small></span>
          <span class="lc-ib" title="Use microphone">🎤</span>
          <span class="lc-send" title="Send message">↑</span>
        </div>
      </div>
    </div>
  </div>
</div>

Slovník lišty (zleva úzké ikonky): Close sidebar (zavřít) · New chat (nový chat ✨) · Chat History (historie 💬) · Agent Builder (tvorba agentů 🤖) · Skills · Prompts · Memories · Bookmarks (záložky 🔖) · Attach Files (sponka 📎) · MCP Settings (🔌) · dole Account Settings (👤 váš účet).

3. Navigace: historie, hledání, projekty

3.1 Jak začít nový chat

[!TIP] Zlaté pravidlo: Jedno téma = jeden chat. Nemíchejte překlad etikety a poradu v jednom okně. AI si pak plete souvislosti a míchá fakta z obou témat.

1. V úzké liště klikněte na ✨ (New chat), nebo v panelu u Chats na ＋ (New chat), případně u projektu na New chat in Hello.
2. Nahoře uprostřed vyberte model (např. Hex – Regulace (Sonnet)), nebo vezměte agenta z Agent Marketplace.
3. Dole do pole napište úkol a stiskněte Enter (nebo černé kolečko Send message).

3.2 Historie, připnutí, přejmenování, archiv

• Historie: panel Chats řadí konverzace podle času do skupin Previous 7 days (posledních 7 dní) a August (starší podle měsíců). Kliknutím se chat otevře.
• Přejmenovat: najeďte na chat → … (More options) → Přejmenovat. Pojmenujte lidsky, např. „Překlad Magnesium CZ-DE" — za měsíc to oceníte.
• Připnout: přes … → Připnout (Pin). Důležité chaty zůstanou nahoře nad historií.
• Archiv / smazat: přes … → Archivovat. Archiv najdete v Account Settings → Obecné → Archivované chaty (Archived chats). Smazané nelze obnovit — mažte jen to, co opravdu nepotřebujete.
• Záložky: povedenou odpověď uložíte přes Bookmark (🔖 v úzké liště je pak najdete).

3.3 Vyhledávání a Projekty

• Hledat: pole Search messages nahoře v panelu. Napište slovo, např. „hořčík" — najde konverzace, kde se vyskytuje. Vymazání: Clear search.
• Projekty (Projects): složky pro větší témata, např. „Etikety 2026". Otevřete přes All projects, novou založíte přes New project (ikonka ＋). Uvnitř jsou související chaty + společné soubory. U každého projektu je i New chat in Hello pro rychlé založení chatu rovnou v něm.

[!TIP] Každý člen má svoji složku, takže abyste nehledali těžce v historii, tak vřele doporučuji začínat a ukládat chat ve složce. Když kliknete na svoji složku, tak vpravo od ní je tužka a papír, a když na to kliknete, tak tím začnete chat ve Vaší složce rovnou.

• Mobil a tablet: levý panel se otevírá jako vysouvací menu — přejeďte prstem doprava pro otevření, doleva pro zavření. Tlačítko New chat je dole na dosah palce.

4. Běžná práce s chatem

4.1 Odeslání zprávy a tlačítka v dolní liště (zleva doprava)

1. Attach File Options (#attach-file-menu-button, sponka 📎) — přiložit soubor. Dialog hlásí Upload files / Drop any file here to add it to the conversation.
2. Tools Options (#tools-dropdown-button, 🛠️) — nástroje pro tento chat.
3. MCP Servers (kulatý pill rounded-full) — zaškrtnutí Slack / Google (kapitola 7).
4. Use microphone (🎤) — diktování. Ještě nefunguje. :D
5. Send message (#send-button, černé kolečko ↑) — odeslat. Enter = odeslat, Shift+Enter = nový řádek.

Agenta vyvoláte i v textu: @Nazev-agenta úkol….

4.2 Co dělat s hotovou odpovědí

Pod každou odpovědí AI jsou drobné ikony. Nejdůležitější akce:

[!TIP] V Account Settings si zapněte kopírování jako formátovaný text — když pak vložíte do Wordu nebo Outlooku, zůstanou nadpisy, odrážky a tabulky hezké. Delší odpověď si nejdřív celou přečtěte a teprve pak kopírujte.

4.3 Přikládání souborů: 4 způsoby podrobně

Klikněte na sponku Attach File Options (📎). Otevře se dialog Upload files („Drop any file here to add it to the conversation" — soubor můžete i přetáhnout myší do okna). Vyberte, jak má AI soubor použít:

1. Nahrát obrázky — fotka etikety, screenshot, sken. AI obrázek „uvidí" a popíše / přečte. Čím ostřejší fotka, tím přesnější výsledek. Vhodné i pro porovnání „co je na obrázku vs. co má být".
2. Nahrát jako text — Word, PDF, textový soubor. AI přečte celý obsah do tohoto chatu. Nejlepší pro „Shrň mi tuto smlouvu / tento návod". Limit: hodí se pro 1–2 dokumenty střední délky.
3. Nahrát pro vyhledávání v souborech (File Search) — velké příručky (50+ stran) nebo více dokumentů najednou. AI si je uloží a dohledává v nich po částech podle dotazu. Nejlepší pro „Ptej se naší 200stránkové příručky". Nevhodné pro přesné tabulky (CSV/Excel) — na ty je bod 4.
4. Nahrát pro výpočty (Run Code / Code Environment) — Excel, CSV. AI nad nimi počítá: součty, průměry, přehledné tabulky, jednoduché grafy. Napište např.: „Sečti sloupec C a udělej přehlednou tabulku podle měsíců."

[!WARNING] V jednom chatu používejte jeden způsob. Pokud chcete jen rychle shrnout jeden dokument, volte Nahrát jako text. Soubory pro File Context / File Search u agenta nahrávejte až po vytvoření agenta — předtím aplikace hlásí Agent must be created before uploading files for … (to není chyba, jen pořadí kroků).

4.4 Užitečné režimy: dočasný chat, projekty, sdílení

• Dočasný chat (Temporary Chat, přepínač nahoře, zkratka Ctrl+Shift+Y): povídání se neukládá do historie. Vhodné pro citlivé nebo jednorázové dotazy („nanečisto"). Poznáte ho podle označení u horní lišty.
• Projekty (Projects): složka, kam dáte více souvisejících chatů + společné soubory. Např. projekt „Nový produkt — etikety" obsahuje překlady, složení i schválení na jednom místě.
• Presets: uložená nastavení konverzace (model + parametry). Pro běžnou práci ignorujte — používejte agenty.
• Sdílení odkazem: některé chaty můžete nasdílet kolegovi odkazem v rámci HEX. Nikdy nesdílejte odkaz mimo firmu.

[!DANGER] Nikdy nevkládejte hesla, rodná čísla ani kompletní osobní údaje zákazníků. Nejste-li si jistí, anonymizujte („Zákazník A").

5. Agenti: přesný formulář ve vaší aplikaci

Nahoře vidíte např. Hex – Regulace (Sonnet). Změna: klik na název. Další agenti: Agent Marketplace. Modely (OpenRouter) se ladí — u agenta nechte výchozí model, měňte jen na pokyn IT.

5.1 Agent Builder — pole přesně v tomto pořadí

Otevření: úzká lišta → Agent Builder (🤖) → Create New Agent. Formulář má přesně tato pole (anglicky — opište):

<style>
  .ab { font-family: -apple-system, 'Segoe UI', Roboto, sans-serif; max-width: 620px; margin: 0 auto; border: 1px solid #e5e5e5; border-radius: 14px; background: white; overflow: hidden; }
  .ab-h { display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid #eee; font-weight: 700; font-size: 14px; }
  .ab-h span { margin-left: auto; font-size: 12px; color: #888; font-weight: 400; }
  .ab-b { padding: 16px; }
  .ab-av { display: flex; align-items: center; gap: 12px; }
  .ab-circle { width: 80px; height: 80px; min-width: 80px; border-radius: 50%; background: #f4f4f5; border: 1px dashed #d4d4d4; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #888; text-align: center; }
  .ab-lab { font-size: 12px; font-weight: 700; margin: 16px 0 6px; }
  .ab-lab small { font-weight: 400; color: #888; }
  .ab-f { border: 1px solid #e5e5e5; border-radius: 8px; padding: 10px 12px; font-size: 13px; background: white; box-shadow: 0 0 10px rgba(0,0,0,.05); }
  .ab-f.ph { color: #999; }
  .ab-f.mono { font-family: ui-monospace, Consolas, monospace; background: #fafafa; }
  .ab-cat { display: inline-block; border: 1px solid #e5e5e5; border-radius: 12px; padding: 6px 14px; font-size: 13px; font-weight: 600; }
  .ab-cap { border: 1px solid #f0f0f0; border-radius: 8px; padding: 9px 12px; margin-top: 8px; font-size: 13px; }
  .ab-cap small { display: block; color: #888; font-size: 12px; margin-top: 2px; }
  .ab-add { border: 1px dashed #bbb; border-radius: 10px; padding: 10px; text-align: center; font-size: 13px; font-weight: 700; background: #fafafa; margin-top: 8px; }
  .ab-dis { font-size: 12px; color: #999; background: #f4f4f5; border-radius: 8px; padding: 8px 12px; margin-top: 6px; }
  .ab-tabs { display: flex; gap: 8px; margin-top: 16px; }
  .ab-tab { font-size: 13px; font-weight: 700; border-bottom: 2px solid #171717; padding-bottom: 4px; }
  .ab-tab.off { color: #999; border: none; font-weight: 400; }
  .ab-foot { padding: 14px 16px; border-top: 1px solid #eee; background: #fafafa; }
  .ab-create { background: #171717; color: white; border-radius: 8px; height: 36px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; }
  .ab-num { display: inline-flex; width: 18px; height: 18px; border-radius: 50%; background: #ab455d; color: white; font-size: 11px; align-items: center; justify-content: center; margin-right: 6px; }
</style>
<div class="ab">
  <div class="ab-h">🤖 Agent &nbsp;<small>Create New Agent ▾ · přesně takto to vypadá</small></div>
  <div class="ab-b">
    <div class="ab-av"><div class="ab-circle">Upload<br>agent<br>avatar<br>image</div><div style="font-size:12px;color:#555;"><b>Avatar</b><br>klikněte na kruh a nahrajte PNG/JPG/GIF/WebP<br><small>Postačí i bez něj.</small></div></div>
    <div class="ab-lab"><span class="ab-num">1</span>Name * <small>— povinné</small></div>
    <div class="ab-f"><b>Korektor českých etiket</b> <small style="color:#999;">(placeholder: „Optional: The name of the agent", max 256)</small></div>
    <div class="ab-lab"><span class="ab-num">2</span>Description</div>
    <div class="ab-f ph">Optional: Describe your Agent here — např. „Kontroluje češtinu na etiketách, nic si nevymýšlí." (max 512)</div>
    <div class="ab-lab"><span class="ab-num">3</span>Category *</div>
    <div><span class="ab-cat">General ▾</span> <small style="color:#888;">— nechte General</small></div>
    <div class="ab-lab"><span class="ab-num">4</span>Instructions ＋ Variables <small>— nejdůležitější! Tlačítko Variables vloží proměnnou.</small></div>
    <div class="ab-f mono">The system instructions that the agent uses…
Jsi pečlivý korektor etiket HEX. Vždy vrať: 1) chyby, 2) opravený text, 3) dotazy. Dnešní datum je .</div>
    <div class="ab-lab"><span class="ab-num">5</span>Model *</div>
    <div class="ab-f"><b>▾ anthropic/claude-sonnet-5</b> <small style="color:#888;">— u nás: výchozí doporučený, neměnit bez IT</small></div>
    <div class="ab-lab"><span class="ab-num">6</span>Capabilities — zaškrtněte jen potřebné</div>
    <div class="ab-cap">☑ <b>Run Code</b> <small>When enabled… počítá z Excelu. Soubory patří do: „Files below are for Code Environment only:" → „Upload to Code Environment".</small></div>
    <div class="ab-cap">☑ <b>Web Search</b> <small>When enabled, allows your agent to search the web… Requires a valid API key.</small></div>
    <div class="ab-cap">☐ <b>File Context</b> <small>„Upload File Context" — dokud agenta nevytvoříte, hlásí: „Agent must be created before uploading files for File Context."</small></div>
    <div class="ab-cap">☐ <b>Artifacts</b> — Enable Artifacts · Include shadcn/ui components instructions · Custom Prompt Mode <small>Hezké výstupy vedle chatu.</small></div>
    <div class="ab-cap">☑ <b>File Search</b> — Enable File Search <small>Agent zná přesné názvy souborů a dohledává v nich. Tlačítko „Upload for File Search".</small></div>
    <div class="ab-lab"><span class="ab-num">7</span>MCP Servers</div>
    <div class="ab-add">＋ &nbsp; Add MCP Server Tools <small>— zde Slack / Google (kap. 7)</small></div>
    <div class="ab-lab"><span class="ab-num">8</span>Skills</div>
    <div class="ab-dis">Skills are off for this agent. Enable to allow the model to use your skills catalog.</div>
    <div class="ab-add">Enable skills for this agent · ＋ Add Skills</div>
    <div class="ab-lab"><span class="ab-num">9</span>Tools and Actions</div>
    <div class="ab-add">＋ Add Tools &nbsp;&nbsp; · &nbsp;&nbsp; ＋ Add Actions</div>
    <div class="ab-lab"><span class="ab-num">10</span>Support Contact <small>— kontakt pro kolegy</small></div>
    <div class="ab-f ph">Name: Support contact name · Email: support@example.com — vyplňte své jméno, ať vědí, na koho se obrátit.</div>
    <div class="ab-tabs"><div class="ab-tab">Advanced</div><div class="ab-tab off">Admin Settings</div></div>
    <div class="ab-dis">Advanced = subagenti a limity (kapitola 6). Admin Settings nechte na IT.</div>
  </div>
  <div class="ab-foot"><div class="ab-create">Create &nbsp;— vytvořit agenta (u existujícího: Save)</div></div>
</div>

Postup slovy krok za krokem:

1. Avatar — klikněte na kruh Upload agent avatar image a nahrajte ikonku (PNG/JPG/GIF/WebP). Nepovinné, ale kolegové agenta rychleji poznají.
2. Name * (povinné, max 256 znaků; placeholder Optional: The name of the agent) — krátce a jasně, např. Korektor českých etiket.
3. Description (max 512 znaků; placeholder Optional: Describe your Agent here) — jedna věta pro kolegy v Agent Marketplace, např. „Kontroluje češtinu na etiketách, navrhuje opravy, nic si nevymýšlí."
4. Category * — nechte General.
5. Instructions + Variables (placeholder The system instructions that the agent uses) — nejdůležitější pole. Podrobný návod, jak se má agent chovat (vzor níže). Tlačítko Variables vloží proměnnou, např. `` — agent pak vždy ví dnešní datum a neplete si např. platnost údajů.
6. Model * — tlačítko s názvem modelu (např. anthropic/claude-sonnet-5). U nás nechte výchozí doporučený — modely přes OpenRouter se ladí, měňte jen na pokyn IT.
7. Capabilities (schopnosti) — zaškrtněte jen to, co agent opravdu potřebuje. Méně = přesnější:
   • Run Code — výpočty z Excelu/CSV. Soubory patří do sekce Files below are for Code Environment only: přes Upload to Code Environment.
   • Web Search — ověřování aktuálních informací z internetu (When enabled, allows your agent to search the web for up-to-date information. Requires a valid API key.).
   • File Context + Upload File Context — text ze souborů se trvale vloží do instrukcí agenta (vhodné pro legislativní text, který má znát stále). Nahrát jde až po vytvoření agenta.
   • Artifacts (Enable Artifacts, případně Include shadcn/ui components instructions, Custom Prompt Mode) — hezké interaktivní výstupy (tabulky, stránky, diagramy) vedle chatu. Pro běžné texty nezapínejte.
   • File Search (Enable File Search + Upload for File Search) — agent zná přesné názvy souborů a dohledává v nich (the agent will be informed of the exact filenames…). Nejlepší pro velké příručky.
8. MCP Servers → Add MCP Server Tools — zde vyberte Slack / Google (podrobně kapitola 7). Rozklikněte server a odškrtněte nástroje, které agent nepotřebuje.
9. Skills — pokud hlásí Skills are off for this agent. Enable to allow the model to use your skills catalog., zapněte přepínačem Enable skills for this agent a přidejte přes Add Skills jen potřebné.
10. Tools and Actions → Add Tools / Add Actions — další vestavěné nástroje a akce. Přidávejte střídmě.
11. Support Contact (Name + Email, placeholdery Support contact name / support@example.com) — vyplňte své jméno, ať kolegové vědí, na koho se obrátit.
12. Dole záložky Advanced (subagenti a limity — kapitola 6) a Admin Settings (nechte na IT).
13. Klikněte Create (u existujícího agenta Save). Napište zkušební úkol („Zkontroluj tento text etikety: …"). Nesedí-li odpověď, vraťte se do Upravit agenta a upřesněte Instructions — většina problémů je v nejasných instrukcích, ne v modelu.

Vzor instrukce:

Jsi Korektor českých etiket pro firmu HEX.
1. Zkontroluj pravopis, čárky a srozumitelnost.
2. Dodržuj legislativní pojmy — neměň je za synonyma.
3. Nikdy si nevymýšlej složení ani účinky.
Vždy odpověz: Nalezené chyby (odrážky) → Opravený text → Dotazy.
Pracuj v češtině. Buď stručný. Dnešní datum je .

5.2 Sdílení v rámci firmy HEX + historie verzí

Sdílení v rámci firmy je povoleno (celá instance = celá firma). Mimo firmu nic nesdílejte — ani odkaz, ani texty s interními daty.

1. Otevřete agenta → dole klikněte Sdílet (Share).
2. Vyhledejte kolegu / tým / roli v nabídce.
3. Zvolte právo:
   • Viewer (Prohlížející) — může agenta používat v konverzacích, nevidí instrukce, nástroje ani soubory. Dejte většině kolegů.
   • Editor — vidí a může upravovat instrukce, model, nástroje i soubory. Jen pro 1–2 správce agenta.
   • Owner (Majitel) — plná kontrola včetně mazání a dalšího sdílení. Jen pro autora.
4. Volitelně zapněte Public (Veřejné) — agent je viditelný celé firmě HEX v Agent Marketplace. Zapněte, má-li sloužit všem; osobní pokusy nechte neveřejné.
5. Karta agenta ukazuje vámi vyplněný Support Contact. Pokud ho nevyplníte, kolegové uvidí jen vaše jméno (nikoli e-mail).

Historie verzí: pokud jste něco pokazili, otevřete v Agent Builderu Historie verzí (Version History) — uvidíte časovou osu uložených konfigurací (kdy se co změnilo, jaké nástroje byly zapnuté). Vyberte starší záznam a klikněte Obnovit (Restore). Ukládá se automaticky při každém Save/Create.

6. Subagenti a Advanced Settings

Subagent je izolovaný pomocník hlavního agenta: dostane dílčí úkol, pracuje ve vlastním „čistém" kontextu a hlavnímu agentovi vrátí jen kompaktní výsledek. Vás tak nezahlcuje desítkami mezikroků (vyhledáváními, výpisy souborů) — vidíte jen hotový výstup. V chatu ho poznáte podle kompaktní karty s jeho jménem; kliknutím kartu rozbalíte a zkontrolujete, co dělal.

Kdy subagenty použít: výzkum z desítek stran podkladů; kontrola textu „jinýma očima" (jiné instrukce/model); práce s mnoha nástroji, která by zahltila hlavního agenta; tým více specialistů za jedním úkolem. Kdy je nepoužívat: jednoduché dotazy („Přelož tuto větu") — tam stačí jeden agent.

Jak se liší od ostatních režimů: Agent Handoffs = předání celé konverzace jinému specialistovi (vy pak mluvíte s ním); Agent Chain (Mixture-of-Agents) = několik agentů se vystřídá postupně za sebou; Subagenti = hlavní agent si specialisty volá potichu uvnitř jednoho běhu a výsledek shrne vám.

Otevření: v Agent Builderu dole záložka Advanced (vedle Admin Settings), návrat přes Back to builder. Přesná pole:

• Advanced Settings (nadpis).
• Max Agent Steps — pole s placeholderem System. Limit kroků jednoho běhu (požadavek → nástroje → odpověď). Nechte výchozí — je to pojistka proti zacyklení.
• Subagents + fialový štítek Beta + přepínač Enable subagents — zapněte, chcete-li tým v pozadí. Ponechte i vlastní kopii (čistá hlava stejného agenta na dílčí úkol), pokud není důvod ji vypínat.
• Agent Handoffs + Beta + počítadlo 0 / 10 + Add agent / Add handoff agent — předání jinému specialistovi včetně popisu, kdy ho volat (max 10).
• Agent Chain (Mixture-of-Agents) + 0 / 10 + Add agent — řetězení agentů za sebou (max 10).
• Dole Create (u existujícího Save).

flowchart TD
    U[Vy: Připrav podklady] --> H[Hlavní agent]
    H -->|deleguje| S1[Subagent: Výzkumník]
    H -->|deleguje| S2[Subagent: Korektor]
    S1 --> H
    S2 --> H
    H --> U2[Hotový výsledek]

[!WARNING] Kolega musí vidět i subagenty, jinak je hlavní agent přeskočí. Sdílejte vždy celou „rodinu" stejným lidem. Popisy subagentů pište jasně — hlavní agent si podle jména a popisu vybírá, koho zavolá.

Praktický příklad — Etiketový koordinátor: hlavní agent mluví s vámi a řídí postup; subagent Výzkumník legislativy (má File Search na PDF s legislativou) ověří povolená tvrzení; subagent Překladatel DE (nízká teplota, přesný) přeloží. Vy napíšete „Připrav český návrh a německý překlad pro Magnesium 300" a dostanete hotové dva texty + seznam zdrojů, bez mezikroků.

7. MCP v HEX: Slack a Google Workspace

Co je MCP? Bez technických slov. MCP je standardní zásuvka pro AI — stejně jako do USB-C zapojíte myš, klávesnici i monitor, tak přes MCP připojíte k HEX AI Chat externí schopnosti: firemní dokumenty, Slack, vyhledávání. Agent pak umí sáhnout mimo svůj tréninkový text a pracovat s živými daty.

Schválené jsou právě 2 servery. Nové nevytvářejte (nemáte k tomu právo, tlačítko + nehledejte). Nový nástroj žádejte přes IT.

7.1 Kde MCP najdete + stavy + první přihlášení

MCP můžete použít dvěma způsoby:

• V běžném chatu (bez vytváření agenta): kulatý pill MCP Servers v dolní liště → zaškrtněte Slack / Google pro tento chat (lze i oba) → napište dotaz normálně. AI si nástroje zavolá sama.
• V agentovi (trvale, pro tvůrce): MCP Servers → Add MCP Server Tools → vyberte server (zobrazí se jako jedna položka, i když má 20 nástrojů) → rozklikněte a odškrtněte nástroje, které agent nepotřebuje. Méně = přesnější. Příklad: nechte jen vyhledávání a čtení, zbytek vypněte → Save.
• Nastavení: MCP Settings (🔌 v úzké liště) — přihlášení, klíče a stavy všech serverů.

<style>
  .mcp2 { font-family: -apple-system, 'Segoe UI', Roboto, sans-serif; max-width: 640px; border: 1px solid #e5e5e5; border-radius: 12px; background: #fafafa; padding: 14px; font-size: 13px; }
  .srv2 { background: white; border: 1px solid #e5e5e5; border-radius: 10px; padding: 10px 12px; margin-top: 8px; display: flex; justify-content: space-between; align-items: center; }
  .dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right: 8px; }
  .g { background: #1a7f37; } .a { background: #d4a017; } .r { background: #cf222e; } .b { background: #0969da; }
  .tag { font-size: 11px; border-radius: 999px; padding: 4px 10px; background: #f4f4f5; border: 1px solid #e5e5e5; }
</style>
<div class="mcp2">
  <b>🔌 MCP Servers — vaše 2 servery</b>
  <div class="srv2"><span><span class="dot g"></span><b>Google Workspace</b> — připojeno</span><span class="tag">☑ zapnuto pro chat</span></div>
  <div class="srv2"><span><span class="dot a"></span><b>Slack</b> — vyžaduje přihlášení</span><span class="tag">🔑 Přihlásit / Authenticate</span></div>
  <div class="srv2"><span><span class="dot b"></span><b>Google Workspace</b> — připojuje se…</span><span class="tag">⏳ 30 s</span></div>
  <div class="srv2"><span><span class="dot r"></span><b>Slack</b> — odpojeno</span><span class="tag">🔄 Initialize → jinak IT</span></div>
</div>

První použití (OAuth / klíč): klikněte na server → Authenticate / Přihlásit → otevře se nové okno prohlížeče s Google/Slack účtem → potvrďte → okno se zavře a vrátíte se do chatu, server se označí jako připojený a rovnou vybraný. Případný API klíč zadávejte jen do oficiálního dialogu v MCP Settings, nikdy do samotného chatu. Každý uživatel má vlastní připojení — vaše data a klíče ostatní nevidí.

Příklad dotazu: „Shrň včerejší diskusi v #marketing a navrhni 3 body do porady. Nic nikam neodesílej." Agent nikdy nic neodesílá sám — návrh vždy zkontrolujte a odešlete ručně ve Slacku / Drivu.

[!TIP] Má-li agent hodně nástrojů, zapněte u okrajových Defer (hodinky — načíst až při potřebě). Bude rychlejší.

8. Jak psát dobré prompty: podrobný návod s příklady

Toto je nejdůležitější kapitola. Dobrý prompt = dobrá odpověď napoprvé. Špatný prompt = hádání, doptávání a přepisování.

8.1 Proč na formulaci záleží

AI nemá kontext vaší hlavy. Když napíšete jen „Přelož to", neví co (který text?), kam (do jakého jazyka?), pro koho (etiketa? e-mail? porada?) ani v jakém stylu (úřední? marketingový?). Když to rozepíšete, trefí se napoprvé a ušetříte si 3 kola doptávání.

<style>
  .cmp { font-family: -apple-system, 'Segoe UI', Roboto, sans-serif; display: flex; gap: 12px; max-width: 900px; flex-wrap: wrap; }
  .card { flex: 1; min-width: 260px; border-radius: 12px; padding: 14px; font-size: 13px; }
  .bad { background: #ffebe9; border: 1px solid #cf222e; }
  .good { background: #dafbe1; border: 1px solid #1a7f37; }
</style>
<div class="cmp">
  <div class="card bad"><b>❌ „Přelož to"</b><br>AI neví co, kam, pro koho.<br><small>→ 3× se doptáváte.</small></div>
  <div class="card good"><b>✅ „Přelož složení níže z češtiny do němčiny pro etiketu. Zachovej pojmy, nic nepřidávej. Vstup: …"</b><br><small>→ hotovo napoprvé.</small></div>
</div>

8.3 Osvědčená struktura R-K-K-F-O

Pamatujte si pět písmen. Nemusíte použít vždy všech pět, ale čím víc jich dáte, tím lépe:

1. R — Role: Kdo má AI být? („Jsi zkušený korektor českých etiket…", „Jsi asistent nákupu…"). Role nastaví slovník a úhel pohledu.
2. K — Konkrétní úkol: Co přesně má udělat — slovesem? („Zkontroluj pravopis a navrhni opravy.", „Shrň do 7 odrážek.", „Napiš e-mail."). Jeden prompt = jeden úkol.
3. K — Kontext: Pro koho, proč, jaká fakta? („Text je pro etiketu doplňku stravy, cílovka 30+.", „Zpoždění dodávky 5 dní."). Kontext rozhoduje o stylu i délce.
4. F — Formát: Jak má vypadat výstup? („Vrať 3 části: chyby, opravený text, dotazy.", „Tabulka se sloupci X|Y|Z.", „Max. 120 slov, česky."). Bez formátu dostanete zeď textu.
5. O — Omezení: Co nesmí? („Nevymýšlej si složení ani účinky.", „Chybí-li údaj, napiš „neuvedeno", nic nedopočítej.", „Drž se přiloženého souboru."). Omezení brání halucinacím.

Šablona ke kopírování pro krátké úkoly

Role: Jsi [korektor / překladatel / asistent].
Úkol: [co přesně udělat — slovesem].
Kontext: [pro koho a proč, důležitá fakta].
Vstup: [vložte text nebo přiložte soubor].
Formát: [odrážky / tabulka / max. X slov / jazyk].
Omezení: [co nedělat, čeho se držet].

8.4 Příklady špatně vs. dobře z kanceláře HEX

Příklad 1 — Shrnutí dokumentu

❌ Špatně:
Shrň mi to.

✅ Dobře:
Shrň přiložený dokument (návod, 8 stran) do 7 odrážek v češtině pro kolegu z výroby.
Zaměř se na dávkování a skladování. Vynech marketingové pasáže.
Na konci přidej 1 větu: komu dokument předat.

Proč je druhá verze lepší: říká rozsah vstupu (8 stran), formát (7 odrážek, česky), publikum (výroba), focus (dávkování/skladování), co vynechat a co přidat.

Příklad 2 — Překlad etikety

❌ Špatně:
Přelož do němčiny: Hořčík přispívá ke snížení únavy.

✅ Dobře:
Přelož z češtiny do němčiny pro etiketu doplňku stravy.
Zachovej schválené zdravotní tvrzení, nic nepřidávej ani neubírej.
Vstup: „Hořčík přispívá ke snížení míry únavy a vyčerpání."
Vrať: 1) překlad k přímému použití, 2) poznámku, pokud je více variant.

Příklad 3 — E-mail dodavateli

✅ Dobře:
Jsi asistent nákupu. Napiš zdvořilý e-mail dodavateli v angličtině (max. 120 slov).
Kontext: zpoždění dodávky o 5 dní, potřebujeme nový termín a potvrzení šarže.
Formát: předmět + 3 krátké odstavce + podpis „HEX tým".
Tón: věcný, ne vyčítavý.

Příklad 4 — Tabulka z textu

✅ Dobře:
Z textu níže vytáhni složení a udělej tabulku: Složka | Množství | Jednotka.
Pokud množství chybí, napiš „neuvedeno" a nic nedopočítej.
Vstup: [vložte text]

8.5 Kontrolní seznam před odesláním

• [ ] Je jasné, co má AI udělat (sloveso)?
• [ ] Je jasné, pro koho / kam je výstup (etiketa, e-mail, porada)?
• [ ] Dal jsem vstup (text / soubor) nebo odkaz na něj?
• [ ] Řekl jsem formát (odrážky, tabulka, počet slov, jazyk)?
• [ ] Řekl jsem omezení (nevymýšlet, držet se zdrojů)?
• [ ] Je úkol jeden? (Pokud ne, rozdělte na více zpráv.)

[!TIP] Iterujte, nezačínejte znovu: první odpověď berte jako návrh. Napište: „Zkrať to na polovinu." / „Udělej to formálnější." / „Bod 2 rozveď pro laika." AI si pamatuje kontext v rámci jednoho chatu, takže dolaďujete, ne opakujete.

8.6 Pokročilé triky pro časté úkoly

• Ukažte příklad stylu: „Piš v tomto stylu: [vložte 2 věty vzoru]." AI se chytí tónu lépe než z popisu.
• Krok za krokem proti halucinacím: „Nejdřív vypiš fakta ze souboru, pak teprve navrhni text." Nutí AI vycházet ze zdroje.
• Citujte z odpovědi: označte část odpovědi → Add to chat → „Tento odstavec rozveď pro laika." / „Toto tvrzení dolož citací ze souboru."
• Rozdělte velký úkol: místo „Připrav celou kampaň" založte 3 chaty: 1) vytáhnout fakta, 2) navrhnout texty, 3) zkontrolovat. Každý s vlastní šablonou R-K-K-F-O.
• Žádejte zdroj: „Z jakého zdroje vycházíš? Cituj přesnou pasáž." — hlavně u legislativy, čísel a zdravotních tvrzení.

[!WARNING] AI si někdy vymýšlí (hlavně čísla a zákony). Ověřujte a žádejte: „Cituj přesnou pasáž ze zdroje."

9. Soubory, obrázky a web podrobně

9.1 Soubory

• Soubor přetáhněte myší do okna chatu, nebo klikněte na Attach File Options (📎) → Upload files.
• Jeden dokument k shrnutí → nahrát jako text + prompt podle R-K-K-F-O (kapitola 8.4, příklad 1).
• Excel k výpočtům → nahrát pro Run Code + „Sečti sloupec C a udělej přehlednou tabulku podle měsíců."
• Sken / fotka textu → AI využije rozpoznání textu (OCR). Foťte ostře, kolmo, bez stínů; u vícejazyčných dokumentů uveďte jazyky.

9.2 Obrázky a web

• Má-li agent povolené obrázkové nástroje / Artifacts, napište: „Vytvoř jednoduchý ilustrační obrázek …". Pro úpravu přiložte obrázek a napište přesně, co změnit („pozadí světlejší, text nechat").
• Má-li agent Web Search, napište „Vyhledej aktuální…" — AI uvede zdroje. U legislativy a zdravotních tvrzení vždy chtějte zdroj s datem („Uveď zdroj a datum.").

10. Nastavení, soukromí a bezpečnost

• Nastavení najdete jako Account Settings (👤 dole v úzké liště): vzhled (světlý/tmavý), jazyk, kopírování jako formátovaný text, archiv (Archived chats).
• Data: chaty se ukládají, abyste se k nim mohli vrátit. Nepotřebné archivujte nebo smažte. Temporary Chat se neukládá vůbec.
• Nesdílejte mimo firmu odkazy na chaty ani texty s interními daty.
• Když AI odmítne nebo chybuje: zkuste přeformulovat podle R-K-K-F-O, zkrátit vstup (velký dokument rozdělte), nebo začít nový chat. Chybu s citlivým obsahem nahlaste IT.

flowchart TD
    A[Nevím, zda mohu data vložit] --> B{Jsou to hesla, rodná čísla<br/>nebo data zákazníků?}
    B -->|Ano| C[Nevkládat! Anonymizuj -Zákazník A- nebo se zeptej nadřízeného]
    B -->|Ne| D{Je to interní dokument HEX?}
    D -->|Ano| E[Vlož, ale nesdílej odkaz mimo firmu]
    D -->|Ne| F[Vlož normálně]

11. Nejčastější dotazy (FAQ)

AI neodpovídá / točí se kolečko. Co s tím? Počkejte 30 sekund, pak klikněte Stop a zkuste zprávu odeslat znovu. Zkontrolujte internet. Pokud nepomůže, začněte nový chat (New chat). Stále nic? Napište IT (uveďte název chatu a čas).

Odpověď je moc obecná. Co dělám špatně? Chybí kontext a formát. Doplňte prompt podle R-K-K-F-O (kapitola 8): pro koho, jaký formát, jaká omezení — a dejte příklad stylu.

Jak se vrátím ke starému chatu? Do Search messages napište klíčové slovo, nebo procházejte Chats (skupiny Previous 7 days, měsíce). Důležité chaty si připněte (Pin) a srozumitelně přejmenujte.

Můžu smazat chat? Ano, přes … (More options) → archivovat / smazat. Smazané nelze obnovit. Archiv najdete v Account Settings → Archived chats.

Kdo vidí moje chaty? Standardně jen vy (a administrátoři systému). Kolegové je vidí, jen když jim nasdílíte agenta nebo odkaz — a vždy jen v rámci firmy.

AI si vymyslela číslo / zákon. Proč? AI doplňuje mezery v datech (halucinace). Čísla, dávkování a legislativu vždy ověřte ve zdroji a žádejte citaci přesné pasáže (kapitola 8.6).

Jaký je rozdíl mezi agentem a subagentem? Agent je pomocník, se kterým mluvíte. Subagent je jeho tichý specialista v pozadí, který vrací výsledek hlavnímu agentovi. Vás zajímá hlavně agent; subagenti se starají o detaily (kapitola 6).

Musím umět vytvářet MCP servery? Ne. Pro běžnou práci stačí používat schválené servery Slack a Google Workspace, které připravilo IT. Vlastní nevytvářejte — nemáte k tomu právo; nový nástroj žádejte přes IT.

12. Slovníček na ledničku

[!TIP] Začněte dnes: Nový chat → Agent Marketplace → jeden úkol podle R-K-K-F-O → kopie do Wordu. Zítra soubor, za týden vlastní agent.

Modely přes OpenRouter se ladí — nechte výchozí. MCP: Slack + Google Workspace (nevytvářet). Sdílení v rámci HEX povoleno. Popisky opsány z instance 2mozek.healthexpansion.eu; při aktualizaci se mohou mírně lišit.