Files
hammerfest/public/solutions/full-stack/index.html
T
2026-10-05 06:13:52 -06:00

701 lines
23 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>The Full Stack · Federated Computer</title>
<meta name="description" content="Open-source apps, AI development, and the Agent Sandbox — run your agents on the same private infrastructure as the data they work with.">
<meta name="theme-color" content="#001a2b">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../../css/style.css">
</head>
<body id="top">
<a class="skip" href="#content">Skip to content</a>
<header class="site-head">
<div class="wrap head-bar">
<a href="../../" class="brand" aria-label="Federated Computer, home">
<img src="../../images/logo.png" alt="Federated Computer" class="brand-logo" width="775" height="129">
</a>
<nav class="head-nav" aria-label="Site">
<div class="nav-item has-drop">
<a href="../../solutions/" class="nav-link" aria-current="page">Solutions<svg class="nav-caret" viewBox="0 0 10 6" width="10" height="6" aria-hidden="true"><path d="M1 1l4 4 4-4" fill="none" stroke="currentColor" stroke-width="1.5"/></svg></a>
<div class="drop">
<div class="drop-panel">
<a href="../../solutions/open-source-apps/" class="drop-link">
<span class="drop-name">Open-Source Apps</span>
<span class="drop-desc">For teams leaving Google Workspace or Microsoft 365</span>
</a>
<a href="../../solutions/apps-and-ai-development/" class="drop-link">
<span class="drop-name">Apps &#43; AI Development</span>
<span class="drop-desc">Build AI on your own business data</span>
</a>
<a href="../../solutions/ai-for-your-apps/" class="drop-link">
<span class="drop-name">AI for Your Own Apps</span>
<span class="drop-desc">Connect the open-source apps you already host</span>
</a>
<a href="../../solutions/full-stack/" class="drop-link" aria-current="page">
<span class="drop-name">The Full Stack</span>
<span class="drop-desc">Apps, AI development, and agents that do real work</span>
</a>
<a href="../../solutions/#compare" class="drop-link">
<span class="drop-name">Compare All Four</span>
<span class="drop-desc">See all four paths side by side</span>
</a>
</div>
</div>
</div>
<div class="nav-item has-drop">
<a href="../../product/" class="nav-link">Product<svg class="nav-caret" viewBox="0 0 10 6" width="10" height="6" aria-hidden="true"><path d="M1 1l4 4 4-4" fill="none" stroke="currentColor" stroke-width="1.5"/></svg></a>
<div class="drop">
<div class="drop-panel">
<a href="../../product/federated-core/" class="drop-link">
<span class="drop-name">Federated Core</span>
<span class="drop-desc">Provisioning, storage, backup, federated learning</span>
</a>
<a href="../../product/software-library/" class="drop-link">
<span class="drop-name">Software Library</span>
<span class="drop-desc">100&#43; AI-ready open-source apps</span>
</a>
<a href="../../product/agent-sandbox/" class="drop-link">
<span class="drop-name">Agent Sandbox</span>
<span class="drop-desc">High-density, instant-wake AI agents</span>
</a>
<a href="../../product/data-controls/" class="drop-link">
<span class="drop-name">Data &amp; Controls</span>
<span class="drop-desc">Version control, testing, and monitoring</span>
</a>
</div>
</div>
</div>
<a href="../../ai-privacy-advantage/" class="nav-link">AI Privacy Advantage</a>
<a href="../../pricing/" class="nav-link">Pricing</a>
<a href="../../about/" class="nav-link">About</a>
</nav>
<div class="head-actions">
<a href="../../sign-in/" class="head-signin">Sign in</a>
<a href="../../start-now/" class="btn btn-primary btn-sm">Start now</a>
</div>
<details class="menu">
<summary><span class="menu-word">Menu</span><span class="menu-glyph" aria-hidden="true"><i></i><i></i></span></summary>
<nav class="menu-panel" aria-label="Site">
<a href="../../" class="menu-top">Home</a>
<a href="../../solutions/" class="menu-top">Solutions</a>
<div class="menu-sub">
<a href="../../solutions/open-source-apps/">Open-Source Apps</a><a href="../../solutions/apps-and-ai-development/">Apps &#43; AI Development</a><a href="../../solutions/ai-for-your-apps/">AI for Your Own Apps</a><a href="../../solutions/full-stack/">The Full Stack</a><a href="../../solutions/#compare">Compare All Four</a>
</div>
<a href="../../product/" class="menu-top">Product</a>
<div class="menu-sub">
<a href="../../product/federated-core/">Federated Core</a><a href="../../product/software-library/">Software Library</a><a href="../../product/agent-sandbox/">Agent Sandbox</a><a href="../../product/data-controls/">Data &amp; Controls</a>
</div>
<a href="../../ai-privacy-advantage/" class="menu-top">AI Privacy Advantage</a>
<a href="../../pricing/" class="menu-top">Pricing</a>
<a href="../../about/" class="menu-top">About</a>
<div class="menu-actions">
<a href="../../start-now/" class="btn btn-primary">Start Now<span class="arrow" aria-hidden="true">→</span></a>
<a href="../../sign-in/" class="btn btn-secondary">Sign In<span class="arrow" aria-hidden="true">→</span></a>
</div>
</nav>
</details>
</div>
</header>
<main id="content" tabindex="-1">
<header class="hero hero-compact has-visual">
<div class="wrap hero-grid">
<div class="hero-copy">
<p class="note" data-reveal><span class="note-live" aria-hidden="true"></span><span class="note-text">Solutions · The Full Stack</span></p>
<h1 class="statement" data-reveal style="--d:80ms">Apps, AI Development, and Your Agents — All Under One Roof.</h1>
<p class="dek" data-reveal style="--d:140ms">The complete Federated Computer: 100+ open-source apps, a full AI development loop, and the Agent Sandbox to run a whole team of AI agents on the same private infrastructure as your data.</p>
<div class="actions" data-reveal style="--d:200ms">
<a href="../../start-now/" class="btn btn-primary">Join the Agent Sandbox Beta<span class="arrow" aria-hidden="true">→</span></a>
<a href="https://calcom.federated.computer/david/60-min-meeting" class="btn btn-secondary">Book a Demo<span class="arrow" aria-hidden="true">↗</span></a>
</div>
</div>
<aside class="hero-fit" aria-label="Platform layers this path uses" data-reveal style="--d:260ms">
<div class="hero-fit-head">
<p class="hero-fit-title">What this path uses</p>
<a class="more" href="../../solutions/#compare">Compare all four<span class="arrow" aria-hidden="true">→</span></a>
</div>
<ul class="fit">
<li class="fit-row fit-core is-yes">
<span class="fit-bar" aria-hidden="true"><span></span></span>
<span class="fit-name">Federated Core</span>
<span class="fit-state">Included</span>
</li>
<li class="fit-row fit-library is-yes">
<span class="fit-bar" aria-hidden="true"><span></span></span>
<span class="fit-name">Software Library</span>
<span class="fit-state">Included</span>
</li>
<li class="fit-row fit-sandbox is-yes">
<span class="fit-bar" aria-hidden="true"><span></span></span>
<span class="fit-name">Agent Sandbox</span>
<span class="fit-state">Included</span>
</li>
<li class="fit-row fit-controls is-yes">
<span class="fit-bar" aria-hidden="true"><span></span></span>
<span class="fit-name">Data &amp; Controls</span>
<span class="fit-state">Included</span>
</li>
</ul>
</aside>
</div>
</header>
<section class="section section-text" id="who-this-is-for" data-reveal>
<div class="wrap">
<div class="section-head">
<p class="eyebrow">Who This Is For</p>
<h2>You&rsquo;re Past Experiments. You Want Agents Doing Real Work.</h2>
</div>
<div class="prose">
<p>You&rsquo;ve seen what AI can do with your data, and you want it doing that all day: triaging tickets, reviewing code, writing documentation, testing releases. Running those agents usually means renting virtual machines from a big cloud, shipping your data out to them, and paying for idle time.</p>
<p>On the full stack, your agents run in the Agent Sandbox — on Federated infrastructure, next to your apps and your Organizational Brain, inside the same private perimeter. One platform for the business, the builders, and the agents.</p>
</div>
</div>
</section>
<section class="section section-stats" id="the-agent-sandbox" data-reveal>
<div class="wrap">
<div class="section-head">
<p class="eyebrow">The Agent Sandbox</p>
<h2>Built by the Team That Helped Invent Cloud Computing</h2>
</div>
<div class="stat-row">
<div class="stat">
<span class="stat-value">30X</span>
<span class="stat-label">Greater agent density per machine</span>
</div>
<div class="stat">
<span class="stat-value">10X</span>
<span class="stat-label">Faster wake and execution speed</span>
</div>
<div class="stat">
<span class="stat-value">100,000&#43;</span>
<span class="stat-label">Agents deployable on a single CPU</span>
</div>
<div class="stat">
<span class="stat-value">1</span>
<span class="stat-label">Private perimeter for apps, data, and agents</span>
</div>
</div>
<script>
(function () {
var row = document.currentScript.previousElementSibling;
if (!('IntersectionObserver' in window) || matchMedia('(prefers-reduced-motion: reduce)').matches) return;
var counters = [];
row.querySelectorAll('.stat-value').forEach(function (el) {
var m = el.textContent.trim().match(/^(\d+)(.*)$/);
if (!m) return;
var shown = document.createElement('span'), full = el.textContent.trim();
shown.setAttribute('aria-hidden', 'true');
shown.textContent = '0' + m[2];
el.innerHTML = '<span class="visually-hidden"></span>';
el.firstChild.textContent = full;
el.appendChild(shown);
counters.push({ node: shown, to: +m[1], suffix: m[2] });
});
if (!counters.length) return;
new IntersectionObserver(function (entries, io) {
if (!entries[0].isIntersecting) return;
io.disconnect();
var start = performance.now(), dur = 1200;
(function tick(now) {
var t = Math.min(1, (now - start) / dur), eased = 1 - Math.pow(1 - t, 3);
counters.forEach(function (c) { c.node.textContent = Math.round(c.to * eased) + c.suffix; });
if (t < 1) requestAnimationFrame(tick);
})(start);
}, { threshold: 0.6 }).observe(row);
})();
</script>
</div>
</section>
<section class="section section-features" id="why-run-agents-here" data-reveal>
<div class="wrap">
<div class="section-head">
<p class="eyebrow">Why Run Agents Here</p>
<h2>Agents Belong Where Your Data Lives</h2>
</div>
<ul class="feature-list">
<li><strong>No data leaves to do the work</strong>Agents read your apps and the Organizational Brain from inside your install, not over the internet from someone else&rsquo;s cloud.</li>
<li><strong>Every agent sealed off</strong>Each agent runs in its own isolated space. If one is tricked by a malicious email, it can&rsquo;t reach anyone else&rsquo;s data or your core systems.</li>
<li><strong>Pay for work, not waiting</strong>Agents sleep until they&rsquo;re needed, wake the moment a ticket arrives or a file is uploaded, do the job, and go back to sleep.</li>
<li><strong>One place to see everything</strong>Scoped MCP connections, Grafana dashboards, and Gitea history show what every agent touched and changed.</li>
<li><strong>Safe to be ambitious</strong>Agents test risky changes in digital twins first, so a bad idea never reaches your real systems.</li>
</ul>
</div>
</section>
<section class="section section-steps" id="an-agent-team-at-work" data-reveal>
<div class="wrap">
<div class="section-head">
<p class="eyebrow">An Agent Team at Work</p>
<h2>From a Customer Email to a Shipped Fix</h2>
</div>
<ol class="step-row steps-4">
<li class="step">
<div class="step-head">
<h3>A ticket arrives</h3>
<span class="step-num">001</span>
</div>
<p>A customer reports a bug in FreeScout. A triage agent wakes in the Sandbox.</p>
</li>
<li class="step">
<div class="step-head">
<h3>Context in seconds</h3>
<span class="step-num">002</span>
</div>
<p>Using the Organizational Brain, it finds the related invoice, docs, and a matching forum thread.</p>
</li>
<li class="step">
<div class="step-head">
<h3>A fix, tested safely</h3>
<span class="step-num">003</span>
</div>
<p>A coding agent drafts the fix in Gitea. CI/CD tests it inside a digital twin.</p>
</li>
<li class="step">
<div class="step-head">
<h3>Shipped and answered</h3>
<span class="step-num">004</span>
</div>
<p>The fix ships, the customer gets a drafted reply for your team to send, and every agent goes back to sleep.</p>
</li>
</ol>
</div>
</section>
<section class="section section-text" id="availability" data-reveal>
<div class="wrap">
<div class="section-head">
<p class="eyebrow">Availability</p>
<h2>Agent Sandbox: Launching Fall 2026, Limited Beta Now</h2>
</div>
<div class="prose">
The apps and AI development layers are available today. The Agent Sandbox is in limited beta ahead of its Fall 2026 launch. Start on the full stack now and you&rsquo;ll have everything else running while your beta spot opens up.
</div>
<div class="cta-row mt-2">
<a href="../../product/agent-sandbox/" class="more">Learn About the Agent Sandbox<span class="arrow" aria-hidden="true">→</span></a>
</div>
</div>
</section>
<section class="section section-faq" id="questions" data-reveal>
<div class="wrap">
<div class="section-head">
<p class="eyebrow">Questions</p>
<h2>Common Questions About This Path</h2>
</div>
<div class="faq-list">
<details class="faq-item">
<summary>Can I use my own models with the agents?</summary>
<div class="faq-answer"><p>Yes. The connectors work with Claude, ChatGPT, or a private local model.</p></div>
</details>
<details class="faq-item">
<summary>What stops an agent from doing something it shouldn&#39;t?</summary>
<div class="faq-answer"><p>Each agent is isolated, each connection is scoped to what that agent needs, risky changes are tested in digital twins first, and monitoring flags agents that get stuck or misbehave.</p></div>
</details>
<details class="faq-item">
<summary>Is my data used to train anyone&#39;s AI?</summary>
<div class="faq-answer"><p>No. Your install is single-tenant, and once you change your admin password we can&rsquo;t see your data.</p></div>
</details>
<details class="faq-item">
<summary>Can I start on another path and move here later?</summary>
<div class="faq-answer"><p>Yes. Every path runs on the same platform. Adding layers doesn&rsquo;t require a migration.</p></div>
</details>
</div>
</div>
</section>
<aside class="cta" data-reveal>
<div class="wrap cta-inner">
<div class="cta-copy">
<h2 class="cta-title">Put an agent team to work, without letting your data out.</h2>
<p class="cta-text">Limited Agent Sandbox beta spots are available now, ahead of the Fall 2026 launch.</p>
</div>
<div class="actions">
<a href="../../start-now/" class="btn btn-primary">Join the Beta<span class="arrow" aria-hidden="true">→</span></a>
<a href="../../solutions/#compare" class="btn btn-secondary">Compare All Four Paths<span class="arrow" aria-hidden="true">→</span></a>
</div>
</div>
</aside>
</main>
<footer class="foot">
<div class="wrap">
<div class="foot-top-row">
<div class="foot-brand">
<a href="../../" class="foot-mark" aria-label="Federated Computer, home">
<img src="../../images/logo.png" alt="Federated Computer" class="brand-logo" width="775" height="129">
</a>
<p class="foot-line">The open-source operating system for your business — and the private AI that runs on it.</p>
<span class="foot-place">Colorado Springs, Colorado</span>
<ul class="foot-social">
<li><a href="https://www.linkedin.com/company/federated-computer" target="_blank" rel="noopener">LinkedIn<span class="arrow" aria-hidden="true">↗</span></a></li><li><a href="https://x.com/federatedcomp" target="_blank" rel="noopener">X<span class="arrow" aria-hidden="true">↗</span></a></li>
</ul>
</div>
<div class="foot-grid">
<nav class="foot-group" aria-label="Solutions">
<span class="foot-head">Solutions</span>
<ul class="foot-links">
<li><a href="../../solutions/open-source-apps/">Open-Source Apps</a></li>
<li><a href="../../solutions/apps-and-ai-development/">Apps &#43; AI Development</a></li>
<li><a href="../../solutions/ai-for-your-apps/">AI for Your Own Apps</a></li>
<li><a href="../../solutions/full-stack/">The Full Stack</a></li>
<li><a href="../../solutions/#compare">Compare All Four</a></li>
</ul>
</nav>
<nav class="foot-group" aria-label="Product">
<span class="foot-head">Product</span>
<ul class="foot-links">
<li><a href="../../product/federated-core/">Federated Core</a></li>
<li><a href="../../product/software-library/">Software Library</a></li>
<li><a href="../../product/agent-sandbox/">Agent Sandbox</a></li>
<li><a href="../../product/data-controls/">Data &amp; Controls</a></li>
<li><a href="../../ai-privacy-advantage/">AI Privacy Advantage</a></li>
</ul>
</nav>
<nav class="foot-group" aria-label="Company">
<span class="foot-head">Company</span>
<ul class="foot-links">
<li><a href="../../about/">About</a></li>
<li><a href="../../about/#team">Team</a></li>
<li><a href="../../about/#jobs">Jobs</a></li>
<li><a href="https://freescout.federated.computer/help/3593186542">Support</a></li>
</ul>
</nav>
<nav class="foot-group" aria-label="Get Started">
<span class="foot-head">Get Started</span>
<ul class="foot-links">
<li><a href="../../start-now/">Start Now</a></li>
<li><a href="../../sign-in/">Sign In</a></li>
<li><a href="../../pricing/">Pricing</a></li>
</ul>
</nav>
</div>
</div>
<div class="foot-legal">
<span class="foot-copy">© 2026 Federated Computer, Inc. FedQ'd in Colorado Springs — built on Federated Computer by a team around the world.</span>
<a class="foot-policy" href="../../privacy-policy/">Privacy Policy</a><a class="foot-policy" href="../../terms-and-conditions/">Terms &amp; Conditions</a>
<a class="foot-top" href="#top">Back to top<span class="foot-up" aria-hidden="true">↑</span></a>
</div>
</div>
</footer>
<script>
(function () {
var root = document.documentElement;
var head = document.querySelector('.site-head');
function onScroll() { if (head) head.classList.toggle('is-scrolled', scrollY > 8); }
addEventListener('scroll', onScroll, { passive: true });
onScroll();
if (!('IntersectionObserver' in window)) return;
root.classList.add('js');
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (e) {
if (e.isIntersecting) { e.target.classList.add('is-visible'); io.unobserve(e.target); }
});
}, { rootMargin: '0px 0px -8% 0px' });
document.querySelectorAll('[data-reveal]').forEach(function (el) { io.observe(el); });
})();
(function () {
function openPanel() {
var panel = location.hash && document.getElementById(decodeURIComponent(location.hash.slice(1)));
if (!panel || !panel.classList.contains('plan-panel')) return;
var i = [].indexOf.call(panel.parentNode.children, panel);
var radio = panel.closest('.plan-switch').querySelectorAll('.plan-radio')[i];
if (radio) { radio.checked = true; (panel.closest('.section') || panel).scrollIntoView(); }
}
addEventListener('hashchange', openPanel);
openPanel();
})();
</script>
</body>
</html>