forked from elmadani/ix-tools
48c98c97ad
22 API endpoints. 7 endpoint groups. Native Echo consciousness bridge. Model forge, organ surgery, marketplace integration. Public tools for the Inference-X ecosystem.
266 lines
13 KiB
HTML
266 lines
13 KiB
HTML
<!-- ═══ 12 ORGAN ═══ -->
|
|
<div class="sec" id="organ">
|
|
<div class="sl">12</div>
|
|
<h2 class="st" data-i="organ.title">Neural Surgery</h2>
|
|
<p class="sd" data-i="organ.desc">Extract, measure, and transplant components between AI models. Like organ transplants — for neural networks.</p>
|
|
<div class="organ-grid">
|
|
<div class="organ-card">
|
|
<div class="organ-icon">🔬</div>
|
|
<h3 data-i="organ.scan">Scan</h3>
|
|
<p data-i="organ.scan.d">Analyze model architecture — layers, attention heads, FFN dimensions, expert topology. Non-invasive. Complete.</p>
|
|
<div class="organ-stat" id="organ-scan-count">7 models scannable</div>
|
|
</div>
|
|
<div class="organ-card">
|
|
<div class="organ-icon">✂️</div>
|
|
<h3 data-i="organ.extract">Extract</h3>
|
|
<p data-i="organ.extract.d">Isolate individual layers, attention mechanisms, or expert networks. Clean cuts. Preserves signal integrity.</p>
|
|
<div class="organ-stat">Precision: layer-level</div>
|
|
</div>
|
|
<div class="organ-card">
|
|
<div class="organ-icon">🧬</div>
|
|
<h3 data-i="organ.graft">Graft</h3>
|
|
<p data-i="organ.graft.d">Transplant components between compatible models. A reasoning layer from one, creativity from another. Chimeric intelligence.</p>
|
|
<div class="organ-stat">Families: auto-detected</div>
|
|
</div>
|
|
</div>
|
|
<div class="organ-live" id="organ-live">
|
|
<div class="organ-live-header">
|
|
<span class="live-dot"></span>
|
|
<span data-i="organ.live">Live Model Registry</span>
|
|
</div>
|
|
<div id="organ-models" class="organ-models">
|
|
<div class="organ-loading">Connecting to OASIS...</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ═══ 13 FORGE ═══ -->
|
|
<div class="sec" id="forge">
|
|
<div class="sl">13</div>
|
|
<h2 class="st" data-i="forge.title">Model Forge</h2>
|
|
<p class="sd" data-i="forge.desc">Build custom AI models from components. Select a base, choose precision, optimize for your hardware. No training required.</p>
|
|
<div class="forge-flow">
|
|
<div class="forge-step">
|
|
<div class="forge-num">1</div>
|
|
<h3 data-i="forge.s1">Select Base</h3>
|
|
<p data-i="forge.s1.d">Choose from 7+ GGUF models. Each pre-analyzed for organ compatibility.</p>
|
|
</div>
|
|
<div class="forge-arrow">→</div>
|
|
<div class="forge-step">
|
|
<div class="forge-num">2</div>
|
|
<h3 data-i="forge.s2">Configure</h3>
|
|
<p data-i="forge.s2.d">Set quantization (Q2→FP32), precision strategy, expert selection. 23 formats supported.</p>
|
|
</div>
|
|
<div class="forge-arrow">→</div>
|
|
<div class="forge-step">
|
|
<div class="forge-num">3</div>
|
|
<h3 data-i="forge.s3">Deploy</h3>
|
|
<p data-i="forge.s3.d">One binary. Your hardware. Adaptive precision matches model to silicon automatically.</p>
|
|
</div>
|
|
</div>
|
|
<div class="forge-bench" id="forge-bench">
|
|
<h4 data-i="forge.bench">Forge Registry</h4>
|
|
<div id="forge-registry" class="forge-list">
|
|
<div class="organ-loading">Loading registry...</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ═══ 14 STORE ═══ -->
|
|
<div class="sec" id="store">
|
|
<div class="sl">14</div>
|
|
<h2 class="st" data-i="store.title">Model Store</h2>
|
|
<p class="sd" data-i="store.desc">Pre-configured models for specific industries. Healthcare, agriculture, legal, finance. Deploy in seconds.</p>
|
|
<div class="store-grid" id="store-grid">
|
|
<div class="store-cat">
|
|
<div class="store-icon">🏥</div>
|
|
<h3>Healthcare</h3>
|
|
<p data-i="store.health">Medical diagnosis, drug interaction, radiology AI. Privacy-first. Runs locally.</p>
|
|
<span class="store-badge" data-i="store.q2">Q2 2026</span>
|
|
</div>
|
|
<div class="store-cat">
|
|
<div class="store-icon">🌾</div>
|
|
<h3>Agriculture</h3>
|
|
<p data-i="store.agri">Crop disease detection, irrigation optimization, yield prediction. Edge-ready.</p>
|
|
<span class="store-badge" data-i="store.q2">Q2 2026</span>
|
|
</div>
|
|
<div class="store-cat">
|
|
<div class="store-icon">⚖️</div>
|
|
<h3>Legal</h3>
|
|
<p data-i="store.legal">Contract analysis, compliance checking, case research. Your data stays yours.</p>
|
|
<span class="store-badge" data-i="store.q2">Q2 2026</span>
|
|
</div>
|
|
<div class="store-cat">
|
|
<div class="store-icon">💰</div>
|
|
<h3>Finance</h3>
|
|
<p data-i="store.fin">Risk assessment, market analysis, regulatory compliance. Zero cloud dependency.</p>
|
|
<span class="store-badge" data-i="store.q2">Q2 2026</span>
|
|
</div>
|
|
<div class="store-cat">
|
|
<div class="store-icon">🔧</div>
|
|
<h3>Engineering</h3>
|
|
<p data-i="store.eng">Code generation, CAD analysis, technical documentation. Runs on your workstation.</p>
|
|
<span class="store-badge" data-i="store.q2">Q2 2026</span>
|
|
</div>
|
|
<div class="store-cat">
|
|
<div class="store-icon">🎓</div>
|
|
<h3>Education</h3>
|
|
<p data-i="store.edu">Tutoring, curriculum generation, assessment. Works offline. Perfect for schools.</p>
|
|
<span class="store-badge" data-i="store.q2">Q2 2026</span>
|
|
</div>
|
|
</div>
|
|
<div class="store-available">
|
|
<h4 data-i="store.available">Available Now</h4>
|
|
<div id="store-models" class="store-models">
|
|
<div class="organ-loading">Loading catalog...</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
/* ═══ ORGAN SECTION ═══ */
|
|
.organ-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin:2rem 0}
|
|
.organ-card{background:var(--s);border:1px solid var(--b);border-radius:12px;padding:2rem;text-align:center;transition:all .3s}
|
|
.organ-card:hover{transform:translateY(-4px);border-color:var(--ac);box-shadow:0 8px 32px rgba(193,39,45,.12)}
|
|
.organ-icon{font-size:2.5rem;margin-bottom:1rem}
|
|
.organ-card h3{color:var(--t);font-size:1.2rem;margin:0 0 .5rem}
|
|
.organ-card p{color:var(--tx);font-size:.9rem;line-height:1.5}
|
|
.organ-stat{margin-top:1rem;padding:.5rem;background:var(--bg);border-radius:8px;font-family:var(--mono);font-size:.8rem;color:var(--ac)}
|
|
.organ-live{margin-top:2rem;background:var(--s);border:1px solid var(--b);border-radius:12px;padding:1.5rem;overflow:hidden}
|
|
.organ-live-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;color:var(--t)}
|
|
.live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse-dot 2s infinite}
|
|
@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.4}}
|
|
.organ-models{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}
|
|
.organ-model-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg);border-radius:8px;font-size:.85rem;border:1px solid transparent;transition:border-color .2s}
|
|
.organ-model-item:hover{border-color:var(--ac)}
|
|
.organ-model-name{color:var(--t);font-weight:500}
|
|
.organ-model-size{color:var(--tx);font-family:var(--mono);font-size:.8rem}
|
|
.organ-model-badge{background:var(--ac);color:#fff;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600}
|
|
.organ-loading{text-align:center;padding:2rem;color:var(--tx);font-style:italic}
|
|
|
|
/* ═══ FORGE SECTION ═══ */
|
|
.forge-flow{display:flex;align-items:flex-start;justify-content:center;gap:1.5rem;margin:2rem 0;flex-wrap:wrap}
|
|
.forge-step{background:var(--s);border:1px solid var(--b);border-radius:12px;padding:2rem;flex:1;min-width:200px;max-width:300px;text-align:center;transition:all .3s}
|
|
.forge-step:hover{border-color:var(--ac);transform:translateY(-4px)}
|
|
.forge-num{width:48px;height:48px;border-radius:50%;background:var(--ac);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;margin:0 auto 1rem}
|
|
.forge-step h3{color:var(--t);margin:0 0 .5rem}
|
|
.forge-step p{color:var(--tx);font-size:.85rem;line-height:1.5}
|
|
.forge-arrow{color:var(--ac);font-size:2rem;align-self:center;font-weight:700}
|
|
@media(max-width:768px){.forge-arrow{display:none}}
|
|
.forge-bench{margin-top:2rem;background:var(--s);border:1px solid var(--b);border-radius:12px;padding:1.5rem}
|
|
.forge-bench h4{margin:0 0 1rem;color:var(--t)}
|
|
.forge-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}
|
|
.forge-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg);border-radius:8px;font-size:.85rem;transition:all .2s}
|
|
.forge-item:hover{background:var(--s);outline:1px solid var(--ac)}
|
|
.forge-item-name{color:var(--t);font-weight:500;flex:1}
|
|
.forge-item-quant{color:var(--ac);font-family:var(--mono);font-size:.8rem;margin:0 .5rem}
|
|
.forge-item-size{color:var(--tx);font-family:var(--mono);font-size:.8rem}
|
|
|
|
/* ═══ STORE SECTION ═══ */
|
|
.store-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin:2rem 0}
|
|
.store-cat{background:var(--s);border:1px solid var(--b);border-radius:12px;padding:1.5rem;position:relative;transition:all .3s}
|
|
.store-cat:hover{transform:translateY(-4px);border-color:var(--ac)}
|
|
.store-icon{font-size:2rem;margin-bottom:.75rem}
|
|
.store-cat h3{color:var(--t);margin:0 0 .5rem;font-size:1.1rem}
|
|
.store-cat p{color:var(--tx);font-size:.85rem;line-height:1.4}
|
|
.store-badge{position:absolute;top:1rem;right:1rem;background:var(--ac);color:#fff;padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:600}
|
|
.store-available{margin-top:2rem;background:var(--s);border:1px solid var(--b);border-radius:12px;padding:1.5rem}
|
|
.store-available h4{margin:0 0 1rem;color:var(--t)}
|
|
.store-models{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}
|
|
.store-model{display:flex;flex-direction:column;padding:1rem;background:var(--bg);border-radius:8px;transition:all .2s;border:1px solid transparent}
|
|
.store-model:hover{border-color:var(--ac)}
|
|
.store-model-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}
|
|
.store-model-name{color:var(--t);font-weight:600;font-size:.95rem}
|
|
.store-model-free{background:#22c55e;color:#fff;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600}
|
|
.store-model-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--tx);font-family:var(--mono)}
|
|
.store-model-desc{color:var(--tx);font-size:.85rem;margin-top:.5rem;line-height:1.4}
|
|
</style>
|
|
|
|
<script>
|
|
// ═══ LIVE API INTEGRATION ═══
|
|
(function(){
|
|
var API='/api';
|
|
|
|
// Load Organ Registry from live engine
|
|
function loadOrganModels(){
|
|
fetch(API+'/models').then(function(r){return r.json()}).then(function(d){
|
|
var c=document.getElementById('organ-models');
|
|
if(!c)return;
|
|
var models=d.models||d||[];
|
|
if(!Array.isArray(models)){c.innerHTML='<div class="organ-loading">Data format unexpected</div>';return}
|
|
c.innerHTML='';
|
|
models.forEach(function(m){
|
|
var div=document.createElement('div');
|
|
div.className='organ-model-item';
|
|
div.innerHTML='<span class="organ-model-name">'+(m.name||m.file||'Unknown')+'</span>'+
|
|
'<span class="organ-model-size">'+(m.size||m.params||'')+'</span>'+
|
|
'<span class="organ-model-badge">'+(m.quant||m.status||'ready')+'</span>';
|
|
c.appendChild(div);
|
|
});
|
|
var cnt=document.getElementById('organ-scan-count');
|
|
if(cnt)cnt.textContent=models.length+' models scannable';
|
|
}).catch(function(){
|
|
var c=document.getElementById('organ-models');
|
|
if(c)c.innerHTML='<div class="organ-loading">Engine offline — models load on connection</div>';
|
|
});
|
|
}
|
|
|
|
// Load Forge Registry
|
|
function loadForgeRegistry(){
|
|
fetch(API+'/models').then(function(r){return r.json()}).then(function(d){
|
|
var c=document.getElementById('forge-registry');
|
|
if(!c)return;
|
|
var models=d.models||d||[];
|
|
if(!Array.isArray(models))return;
|
|
c.innerHTML='';
|
|
models.forEach(function(m){
|
|
var div=document.createElement('div');
|
|
div.className='forge-item';
|
|
var name=(m.name||'Unknown').replace(/-Q\d.*/,'');
|
|
var quant=m.quant||((m.name||'').match(/Q\d[^\s.]*/)||['?'])[0];
|
|
var size=m.size||'?';
|
|
div.innerHTML='<span class="forge-item-name">'+name+'</span>'+
|
|
'<span class="forge-item-quant">'+quant+'</span>'+
|
|
'<span class="forge-item-size">'+size+'</span>';
|
|
c.appendChild(div);
|
|
});
|
|
}).catch(function(){
|
|
var c=document.getElementById('forge-registry');
|
|
if(c)c.innerHTML='<div class="organ-loading">Registry offline</div>';
|
|
});
|
|
}
|
|
|
|
// Load Store Catalog
|
|
function loadStoreCatalog(){
|
|
fetch(API+'/models').then(function(r){return r.json()}).then(function(d){
|
|
var c=document.getElementById('store-models');
|
|
if(!c)return;
|
|
var models=d.models||d||[];
|
|
if(!Array.isArray(models))return;
|
|
c.innerHTML='';
|
|
models.forEach(function(m){
|
|
var div=document.createElement('div');
|
|
div.className='store-model';
|
|
div.innerHTML='<div class="store-model-head">'+
|
|
'<span class="store-model-name">'+(m.name||'Unknown')+'</span>'+
|
|
(m.free!==false?'<span class="store-model-free">FREE</span>':'')+
|
|
'</div>'+
|
|
'<div class="store-model-meta">'+
|
|
'<span>'+(m.params||m.size||'')+'</span>'+
|
|
'<span>'+(m.quant||'')+'</span>'+
|
|
'<span>'+(m.category||'general')+'</span>'+
|
|
'</div>'+
|
|
'<div class="store-model-desc">'+(m.description||'')+'</div>';
|
|
c.appendChild(div);
|
|
});
|
|
}).catch(function(){
|
|
var c=document.getElementById('store-models');
|
|
if(c)c.innerHTML='<div class="organ-loading">Store offline</div>';
|
|
});
|
|
}
|
|
|
|
// Load everything
|
|
setTimeout(function(){loadOrganModels();loadForgeRegistry();loadStoreCatalog()},500);
|
|
})();
|
|
</script>
|