Upload 2 files

README.md

@@ -0,0 +1,30 @@
+---
+title: AgentenCode AI Agent Navigator
+emoji: 🧭
+colorFrom: blue
+colorTo: green
+sdk: static
+app_file: index.html
+pinned: false
+short_description: Discover AI agents by use case, with verified sources.
+---
+
+# AgentenCode AI Agent Navigator
+
+A small bilingual, source-first navigation demo for AI agent use cases, maintained by [AgentenCode](https://agentencode.de/en/).
+
+**This is a curated discovery interface, not a model, a trained ranking system, or a benchmark.** Links open the full vendor-source-backed AgentenCode profiles; capabilities, pricing and availability can change.
+
+## What it shows
+
+Explore a handful of different AI agent categories, including research, coding, automation, enterprise workflows, customer service, and security. Compare product documentation, caveats, and primary sources on AgentenCode.de before adopting an agent.
+
+## Method and limits
+
+- Product names and links reflect existing entries from the AgentenCode public profile catalog reviewed on October 19, 2026.
+- A category is a reading pathway, **not an endorsement or quality ranking**.
+- No external scripts, tracking pixels, logins, model inference, or live scraping. This static Space has no backend and makes no AI-generated claims.
+- It does not republish vendors' model weights or unlicensed datasets.
+- The editorial site in [English](https://agentencode.de/en/) and [German](https://agentencode.de/) remains the source of truth.
+
+**Site:** https://agentencode.de/ · **Full English agent index:** https://agentencode.de/en/agents/ · **News:** https://agentencode.de/en/news/

index.html

@@ -0,0 +1,32 @@
+<!doctype html>
+<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="color-scheme" content="dark light">
+<title>AgentenCode · AI Agent Navigator</title><meta name="description" content="Navigate documented AI agent products by use case. Independent, source-first links to full evidence and limitations on AgentenCode.">
+<style>
+:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;--bg:#06192b;--card:#102c45;--line:#2c5670;--ink:#edfaff;--mute:#b2cfda;--accent:#55e1e9}
+*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 90% -10%,#12486b,transparent 45%),var(--bg);color:var(--ink);line-height:1.6}
+a{color:#7eeff0}.shell{max-width:1100px;padding:34px 22px 72px;margin:0 auto}.skip{position:absolute;left:-9999px;top:8px;background:white;color:#102c45;padding:10px}.skip:focus{left:8px;z-index:3}
+.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.brand{text-decoration:none;color:var(--ink);font-size:1.3rem;font-weight:850;letter-spacing:-.04em}.brand span{color:var(--accent)}.pill{background:#153c58;border:1px solid #35617b;border-radius:100px;padding:6px 12px;font-size:.82rem;color:var(--mute)}
+.lang{display:flex;gap:8px}.lang button,.tab,.btn{border:1px solid var(--line);border-radius:12px;cursor:pointer;font:inherit}.lang button{padding:7px 11px;background:transparent;color:var(--ink);font-weight:700}.lang button[aria-pressed="true"]{background:#126a84;border-color:#69f0f0;color:white}
+.hero{padding:64px 0 33px;max-width:850px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;color:var(--accent);font-weight:750;font-size:.77rem}.hero h1{font-size:clamp(2.15rem,6vw,4.3rem);line-height:1.11;letter-spacing:-.055em;margin:14px 0}.hero p{font-size:1.1rem;color:var(--mute);max-width:700px}.hero strong{color:#f6ffff}.hero-links{display:flex;gap:11px;flex-wrap:wrap;padding-top:12px}
+.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;text-decoration:none;color:#041e2c;font-weight:750;background:#64e4e6;border-color:#64e4e6}.btn.alt{background:transparent;color:var(--ink);border-color:#55869a}.btn:hover,.tab:hover{filter:brightness(1.13)}
+.panel{border:1px solid var(--line);background:linear-gradient(160deg,#123851,#0b283e);border-radius:20px;padding:28px}.panel h2{font-size:1.35rem;margin:0 0 5px}.muted{color:var(--mute)}.topic-grid{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.tab{display:inline-flex;min-height:44px;align-items:center;background:#0b243a;color:var(--ink);font-size:.95rem;font-weight:650;padding:10px 14px}.tab[aria-pressed="true"]{background:#17647b;border-color:var(--accent);box-shadow:0 0 0 2px rgba(85,225,233,.2)}
+.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.card{background:#081c30;border:1px solid var(--line);border-radius:15px;padding:19px;min-width:0}.card .provider{font-size:.75rem;color:var(--accent);font-weight:750;text-transform:uppercase;letter-spacing:.09em}.card h3{font-size:1.15rem;margin:10px 0 12px;line-height:1.35}.card a{display:inline-block;font-weight:750;text-underline-offset:4px}.foot{margin-top:25px;font-size:.89rem;color:var(--mute)}.foot a{color:#9ef4ee}.footer{border-top:1px solid var(--line);margin-top:42px;padding-top:23px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:.87rem;color:var(--mute)}button:focus-visible,a:focus-visible{outline:3px solid #73f4f1;outline-offset:4px}
+@media(max-width:720px){.shell{padding:20px 16px 45px}.hero{padding:39px 0 20px}.panel{padding:18px}.cards{grid-template-columns:1fr}.topic-grid{gap:8px}.tab{flex:1 1 44%;justify-content:center;padding:9px 11px}.footer{margin-top:30px}}
+</style></head><body><a href="#main" class="skip">Skip to main content</a><div class="shell"><nav class="nav" aria-label="Site"><a class="brand" href="https://agentencode.de/en/" target="_blank" rel="noopener noreferrer">Agenten<span>Code</span></a><div class="lang" role="group" aria-label="Language"><button type="button" id="en" aria-pressed="true">English</button><button type="button" id="de" aria-pressed="false">Deutsch</button></div></nav>
+<main id="main"><header class="hero"><div class="eyebrow" id="eyebrow">Source-first AI agent research</div><h1 id="title">Find a starting point in the AI agent landscape.</h1><p id="intro">Explore product categories and open <strong>source-backed agent profiles</strong> before choosing tools for your own work. No promotional rankings or fictional benchmarks.</p><div class="hero-links"><a class="btn" id="all" href="https://agentencode.de/en/agents/" target="_blank" rel="noopener noreferrer">Full agent directory ↗</a><a class="btn alt" id="learn" href="https://agentencode.de/en/knowledge/" target="_blank" rel="noopener noreferrer">Understand AI agents ↗</a></div></header>
+<section class="panel" aria-labelledby="pick"><h2 id="pick">What would you like to explore?</h2><p class="muted" id="pick-desc">Choose a topic. Each card links to an existing AgentenCode editorial profile.</p><div id="topics" class="topic-grid" role="group" aria-label="AI agent use cases"></div><div id="cards" class="cards" aria-live="polite"></div><p id="disclaimer" class="foot">Editorial examples, not a rating or endorsement. Features and availability depend on the vendor and plan. Check dates, limits and original sources in each profile.</p></section>
+<footer class="footer"><span id="footerText">AgentenCode · independent reference · October 2026 snapshot</span><div><a id="news" href="https://agentencode.de/en/news/" target="_blank" rel="noopener noreferrer">Verified news</a> · <a href="https://agentencode.de/en/methodology/" id="method" target="_blank" rel="noopener noreferrer">Methodology</a></div></footer>
+</main></div><script>
+'use strict';
+const DATA={"research":[{"name":"ChatGPT Deep Research","slug":"chatgpt-deep-research","provider":"OpenAI"},{"name":"Gemini Deep Research","slug":"gemini-deep-research","provider":"Google"},{"name":"Claude Research","slug":"claude-research","provider":"Anthropic"}],"coding":[{"name":"OpenAI Codex","slug":"openai-codex","provider":"OpenAI"},{"name":"Claude Code","slug":"claude-code","provider":"Anthropic"},{"name":"GitHub Copilot Coding Agent","slug":"github-copilot-coding-agent","provider":"GitHub"}],"automation":[{"name":"n8n Agents","slug":"n8n-agents","provider":"n8n"},{"name":"Make AI Agents","slug":"make-ai-agents","provider":"Make"},{"name":"AI by Zapier","slug":"ai-by-zapier","provider":"Zapier"}],"enterprise":[{"name":"Salesforce Agentforce","slug":"salesforce-agentforce","provider":"Salesforce"},{"name":"SAP Joule Agents","slug":"sap-joule-agents","provider":"SAP"},{"name":"Atlassian Rovo Agents","slug":"atlassian-rovo-agents","provider":"Atlassian"}],"support":[{"name":"Intercom Fin","slug":"intercom-fin","provider":"Intercom"},{"name":"Zendesk AI Agents","slug":"zendesk-ai-agents","provider":"Zendesk"},{"name":"Sierra Agent","slug":"sierra-agent","provider":"Sierra"}],"security":[{"name":"Microsoft Security Copilot Agents","slug":"microsoft-security-copilot-agents","provider":"Microsoft"},{"name":"CrowdStrike Charlotte AI AgentWorks","slug":"crowdstrike-charlotte-ai-agentworks","provider":"CrowdStrike"},{"name":"Cortex AgentiX","slug":"cortex-agentix","provider":"Palo Alto Networks"}]};
+const TEXT={en:{eyebrow:'Source-first AI agent research',title:'Find a starting point in the AI agent landscape.',intro:'Explore product categories and open source-backed agent profiles before choosing tools for your own work. No promotional rankings or fictional benchmarks.',all:'Full agent directory ↗',learn:'Understand AI agents ↗',pick:'What would you like to explore?',desc:'Choose a topic. Each card links to an existing AgentenCode editorial profile.',disclaimer:'Editorial examples, not a rating or endorsement. Features and availability depend on the vendor and plan. Check dates, limits and original sources in each profile.',footer:'AgentenCode · independent reference · October 2026 snapshot',news:'Verified news',method:'Methodology',card:'Read source-linked profile ↗',topics:{research:'Research',coding:'Coding',automation:'Automation',enterprise:'Enterprise',support:'Customer support',security:'Security'}},de:{eyebrow:'Quellenbasierte KI-Agenten-Recherche',title:'Ein Einstieg in die Welt der KI-Agenten.',intro:'Entdecke Produktbereiche und prüfe dokumentierte Agentenprofile mit Originalquellen, bevor du ein Werkzeug auswählst. Keine Werberangliste und keine erfundenen Benchmarks.',all:'Zum Agentenverzeichnis ↗',learn:'KI-Agenten verstehen ↗',pick:'Welcher Anwendungsbereich interessiert dich?',desc:'Wähle ein Thema. Jede Karte führt zu einem bestehenden redaktionellen AgentenCode-Profil.',disclaimer:'Redaktionelle Beispiele, keine Bewertung oder Empfehlung. Funktionen und Verfügbarkeit hängen von Anbieter und Tarif ab. Prüfe Quellen, Grenzen und Aktualität im Profil.',footer:'AgentenCode · unabhängige Orientierung · Stand Oktober 2026',news:'Aktuelle News',method:'Methodik',card:'Profil und Quellen öffnen ↗',topics:{research:'Recherche',coding:'Programmierung',automation:'Automatisierung',enterprise:'Unternehmen',support:'Kundenservice',security:'Sicherheit'}}};
+let lang='en',active='research';
+const el=id=>document.getElementById(id);
+function render(){const t=TEXT[lang];document.documentElement.lang=lang;for(const k of ['eyebrow','title','pick'])el(k).textContent=t[k];el('intro').textContent=t.intro;el('all').textContent=t.all;el('learn').textContent=t.learn;el('pick-desc').textContent=t.desc;el('disclaimer').textContent=t.disclaimer;el('footerText').textContent=t.footer;el('news').textContent=t.news;el('method').textContent=t.method;
+ el('all').href='https://agentencode.de/'+(lang==='de'?'agenten/':'en/agents/');el('learn').href='https://agentencode.de/'+(lang==='de'?'wissen/':'en/knowledge/');el('news').href='https://agentencode.de/'+(lang==='de'?'aktuelles/':'en/news/');el('method').href='https://agentencode.de/'+(lang==='de'?'methodik/':'en/methodology/');
+ el('en').setAttribute('aria-pressed',String(lang==='en'));el('de').setAttribute('aria-pressed',String(lang==='de'));
+ const choices=el('topics');choices.replaceChildren();for(const [key,label] of Object.entries(t.topics)){const b=document.createElement('button');b.type='button';b.className='tab';b.textContent=label;b.setAttribute('aria-pressed',String(key===active));b.addEventListener('click',()=>{active=key;render();});choices.append(b);}
+ const cards=el('cards');cards.replaceChildren();for(const item of DATA[active]){const card=document.createElement('article');card.className='card';const vendor=document.createElement('div');vendor.className='provider';vendor.textContent=item.provider;const name=document.createElement('h3');name.textContent=item.name;const link=document.createElement('a');link.textContent=t.card;link.href='https://agentencode.de/'+(lang==='de'?'agenten/':'en/agents/')+item.slug+'/';link.target='_blank';link.rel='noopener noreferrer';card.append(vendor,name,link);cards.append(card);}
+}
+el('en').addEventListener('click',()=>{lang='en';render()});el('de').addEventListener('click',()=>{lang='de';render()});render();
+</script></body></html>