<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover, interactive-widget=resizes-visual"/><title>Hermes Workspace</title><meta name="description" content="Hermes Agent workspace for chat, tools, files, memory, and jobs."/><meta property="og:image" content="/cover.png"/><meta property="og:image:type" content="image/png"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:image" content="/cover.png"/><meta name="theme-color" content="#0A0E1A"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="default"/><link rel="modulepreload" href="/assets/main-BqvSWry_.js"/><link rel="modulepreload" href="/assets/_-BJQ59dFq.js"/><link rel="modulepreload" href="/assets/use-page-title-Dew-TLha.js"/><link rel="icon" type="image/png" href="/claude-avatar.png"/><link rel="manifest" href="/manifest.json"/><link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180"/><script>(() => {
try {
// Polyfill crypto.randomUUID for non-secure contexts (HTTP access via LAN IP)
if (typeof crypto !== 'undefined' && !crypto.randomUUID) {
crypto.randomUUID = function() {
return ([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g, function(c) {
return (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16);
});
};
}
} catch (error) {
console.error('Inline bootstrap script failed', error)
}
})()</script><script>(() => {
try {
(() => {
window.process = window.process || { env: {}, platform: 'browser' };
try {
const root = document.documentElement
const storedTheme = localStorage.getItem('claude-theme')
const theme = ["claude-nous","claude-nous-light","claude-official","claude-official-light","claude-classic","claude-classic-light","claude-slate","claude-slate-light"].includes(storedTheme) ? storedTheme : 'claude-nous'
const lightThemes = ['claude-nous-light', 'claude-official-light', 'claude-classic-light', 'claude-slate-light']
const isDark = !lightThemes.includes(theme)
root.classList.remove('light', 'dark', 'system')
root.classList.add(isDark ? 'dark' : 'light')
root.setAttribute('data-theme', theme)
root.style.setProperty('color-scheme', isDark ? 'dark' : 'light')
// Demo mode
try {
if (new URLSearchParams(window.location.search).get('demo') === '1') {
document.documentElement.setAttribute('data-demo', 'true');
}
} catch {}
} catch {}
})()
} catch (error) {
console.error('Inline bootstrap script failed', error)
}
})()</script><link rel="stylesheet" href="/assets/styles-fpx30DGp.css"/><script>(() => {
try {
(() => {
try {
const root = document.documentElement
const theme = root.getAttribute('data-theme') || 'claude-nous'
const colors = {
'claude-nous': '#031A1A',
'claude-nous-light': '#F8FAF8',
'claude-official': '#0A0E1A',
'claude-official-light': '#F7F7F1',
'claude-classic': '#0d0f12',
'claude-classic-light': '#F5F2ED',
'claude-slate': '#0d1117',
'claude-slate-light': '#F6F8FA',
}
const nextColor = colors[theme] || colors['claude-nous']
const isDark = !['claude-nous-light', 'claude-official-light', 'claude-classic-light', 'claude-slate-light'].includes(String(theme))
let meta = document.querySelector('meta[name="theme-color"]')
if (!meta) {
meta = document.createElement('meta')
meta.setAttribute('name', 'theme-color')
document.head.appendChild(meta)
}
meta.setAttribute('content', nextColor)
root.style.setProperty('color-scheme', isDark ? 'dark' : 'light')
} catch {}
})()
} catch (error) {
console.error('Inline bootstrap script failed', error)
}
})()</script></head><body><div id="splash-screen" aria-hidden="true" style="display:none">
<img src="/claude-avatar.webp" alt="Hermes Agent" style="width:80px;height:80px;margin-bottom:20px;border-radius:16px;filter:drop-shadow(0 8px 32px color-mix(in srgb,#FFAC02 45%, transparent))" />
<img src="/claude-banner.png" alt="Hermes Workspace" style="width:280px;height:auto;margin-bottom:8px;filter:drop-shadow(0 4px 16px rgba(0,0,0,0.5))" />
<div style="font:400 14px/1 system-ui,-apple-system,sans-serif;letter-spacing:0.04em;color:#9CB2AE">Workspace</div>
<div style="margin-top:28px;width:140px;height:3px;background:rgba(255,255,255,0.08);border-radius:3px;overflow:hidden;position:relative"><div id="splash-bar" style="width:0%;height:100%;background:#FFAC02;border-radius:3px;transition:width 0.4s ease"></div></div>
</div><script>(() => {
try {
(function(){
if (location.pathname === '/hermes-world' || location.pathname.indexOf('/hermes-world/') === 0 || location.pathname === '/world' || location.pathname.indexOf('/world/') === 0) return;
var d = document.getElementById('splash-screen');
if (!d) return;
var bg = '#031A1A', txt = '#F8F1E3', muted = '#9CB2AE', accent = '#FFAC02';
try {
var theme = localStorage.getItem('claude-theme') || 'claude-nous';
if (theme === 'claude-nous') {
bg = '#031A1A';
txt = '#F8F1E3';
muted = '#9CB2AE';
accent = '#FFAC02';
} else if (theme === 'claude-nous-light') {
bg = '#F8FAF8';
txt = '#16315F';
muted = '#6F7D96';
accent = '#2557B7';
} else if (theme === 'claude-classic') {
bg = '#0d0f12';
txt = '#eceff4';
muted = '#7f8a96';
accent = '#b98a44';
} else if (theme === 'claude-official-light') {
bg = '#F7F7F1';
txt = '#16315F';
muted = '#6F7D96';
accent = '#2557B7';
} else if (theme === 'claude-classic-light') {
bg = '#F5F2ED';
txt = '#1a1f26';
muted = '#6F675E';
accent = '#b98a44';
} else if (theme === 'claude-slate') {
bg = '#0d1117';
txt = '#c9d1d9';
muted = '#8b949e';
accent = '#7eb8f6';
} else if (theme === 'claude-slate-light') {
bg = '#F6F8FA';
txt = '#24292f';
muted = '#57606A';
accent = '#3b82f6';
}
} catch(e){}
var isDark = !['claude-nous-light','claude-official-light','claude-classic-light','claude-slate-light'].includes(theme);
var quips = ["Consulting the oracle...","Loading ancient knowledge...","Warming up the messenger...","Calibrating tool chain...","Summoning your agent...","Preparing the workspace...","Bridging realms...","Initializing agent runtime..."];
var quip = quips[Math.floor(Math.random() * quips.length)];
d.style.cssText = 'position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:'+bg+';transition:opacity 0.5s ease;';
d.innerHTML = '<img src="/claude-avatar.webp" alt="Hermes Agent" style="width:80px;height:80px;margin-bottom:20px;border-radius:16px;filter:drop-shadow(0 8px 32px color-mix(in srgb,'+accent+' 45%, transparent))" />'
+ '<img src="'+(isDark ? '/claude-banner.png' : '/claude-banner-light.png')+'" alt="Hermes Workspace" style="width:280px;height:auto;margin-bottom:8px;filter:drop-shadow(0 4px 16px '+(isDark ? 'rgba(0,0,0,0.5)' : 'rgba(0,0,0,0.1)')+')" />'
+ '<div style="font:400 14px/1 system-ui,-apple-system,sans-serif;letter-spacing:0.04em;color:'+muted+'">Workspace</div>'
+ '<div style="margin-top:28px;width:140px;height:3px;background:'+(isDark ? 'rgba(255,255,255,0.08)' : 'rgba(0,0,0,0.08)')+';border-radius:3px;overflow:hidden;position:relative"><div id=splash-bar style="width:0%;height:100%;background:'+accent+';border-radius:3px;transition:width 0.4s ease"></div></div>';
var bar = document.getElementById('splash-bar');
if (bar) {
setTimeout(function(){ bar.style.width='15%' }, 300);
setTimeout(function(){ bar.style.width='40%' }, 800);
setTimeout(function(){ bar.style.width='65%' }, 1500);
setTimeout(function(){ bar.style.width='85%' }, 2500);
setTimeout(function(){ bar.style.width='92%' }, 3200);
}
window.__dismissSplash = function() {
var el = document.getElementById('splash-screen');
if (!el) return;
if (bar) bar.style.width = '100%';
setTimeout(function(){
el.style.opacity = '0';
setTimeout(function(){
el.innerHTML = '';
el.style.cssText = 'display:none';
}, 500);
}, 300);
};
// Fallback: always dismiss after 5s
setTimeout(function(){ window.__dismissSplash && window.__dismissSplash(); }, 5000);
// Fast dismiss: returning users skip quickly
try {
if (localStorage.getItem('claude-claude-url') || localStorage.getItem('claude-url')) {
setTimeout(function(){ window.__dismissSplash && window.__dismissSplash(); }, 600);
}
} catch(e) {}
})()
} catch (error) {
console.error('Inline bootstrap script failed', error)
}
})()</script><div class="root"></div><script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};
;$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/main-BqvSWry_.js"],assets:$R[5]=[$R[6]={tag:"script",attrs:$R[7]={type:"module",async:!0},children:"import(\"/assets/main-BqvSWry_.js\")"}]},"/$":$R[8]={preloads:$R[9]=["/assets/_-BJQ59dFq.js","/assets/use-page-title-Dew-TLha.js"]}}},matches:$R[10]=[$R[11]={i:"__root__ ",u:1786567351387,s:"success",ssr:!0},$R[12]={i:" $ api health",u:1786567351387,s:"success",ssr:!0}],lastMatchId:" $ api health"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script><script type="module" async="">import("/assets/main-BqvSWry_.js")</script><script>(() => {
try {
(function(){
var start = Date.now();
function check() {
var el = document.querySelector('nav, aside, .workspace-shell, [data-testid]');
var elapsed = Date.now() - start;
if (el && elapsed > 2500) { window.__dismissSplash && window.__dismissSplash(); }
else { setTimeout(check, 200); }
}
setTimeout(check, 2500);
})()
} catch (error) {
console.error('Inline bootstrap script failed', error)
}
})()</script></body></html>