Spaces:

AdvancedDataIntelligence
/

adi-models-lab

Running

App Files Files Community

ritterkraft commited on 8 days ago

Commit

2197c04

verified ·

1 Parent(s): f210006

Build ADI models lab static hub

Browse files

Files changed (4) hide show

README.md +11 -6
app.js +33 -0
index.html +165 -17
styles.css +323 -0

README.md CHANGED Viewed

@@ -1,10 +1,15 @@
 ---
-title: Adi Models Lab
-emoji: 📊
-colorFrom: gray
-colorTo: yellow
 sdk: static
-pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: ADI Models Lab
+emoji: 🧠
+colorFrom: green
+colorTo: blue
 sdk: static
+pinned: true
+short_description: Local-first ADI models distilled at theLAB
+thumbnail: https://serve.thelabsource.com/u/oLHfvT.png
 ---
+# ADI Models Lab
+A focused showcase for Advanced Data Intelligence models built at [theLAB](https://thelabsource.com).

app.js ADDED Viewed

	@@ -0,0 +1,33 @@

+const filters = document.querySelectorAll(".filter");
+const models = document.querySelectorAll(".model");
+const toast = document.getElementById("toast");
+filters.forEach((button) => {
+  button.addEventListener("click", () => {
+    const filter = button.dataset.filter;
+    filters.forEach((item) => item.classList.toggle("is-active", item === button));
+    models.forEach((model) => {
+      model.hidden = filter !== "all" && model.dataset.kind !== filter;
+    });
+  });
+});
+document.querySelectorAll(".copy").forEach((button) => {
+  button.addEventListener("click", async () => {
+    const command = button.dataset.command;
+    try {
+      await navigator.clipboard.writeText(command);
+      showToast("Copied command");
+    } catch {
+      showToast("Copy failed");
+    }
+  });
+});
+function showToast(message) {
+  toast.textContent = message;
+  toast.classList.add("is-visible");
+  window.clearTimeout(showToast.timeout);
+  showToast.timeout = window.setTimeout(() => toast.classList.remove("is-visible"), 1600);
+}

index.html CHANGED Viewed

@@ -1,19 +1,167 @@
 <!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
 </html>

 <!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="description" content="Advanced Data Intelligence model lab: small local models distilled at theLAB and shipped as GGUF for Ollama and llama.cpp." />
+  <title>ADI Models Lab</title>
+  <link rel="stylesheet" href="./styles.css" />
+</head>
+<body>
+  <main>
+    <section class="hero" aria-labelledby="page-title">
+      <div class="hero__media" aria-hidden="true">
+        <img src="https://serve.thelabsource.com/u/FhQgYP.gif" alt="" />
+      </div>
+      <div class="hero__content">
+        <p class="eyebrow">Advanced Data Intelligence</p>
+        <h1 id="page-title">Small local models distilled from frontier teachers.</h1>
+        <p class="lede">
+          ADI turns strong teacher outputs into compact GGUF models that run on consumer hardware,
+          built end-to-end at theLAB and published for Ollama, llama.cpp, and local-first workflows.
+        </p>
+        <div class="hero__actions">
+          <a class="button button--primary" href="https://thelabsource.com" target="_blank" rel="noreferrer">Visit theLAB</a>
+          <a class="button" href="https://huggingface.co/AdvancedDataIntelligence" target="_blank" rel="noreferrer">View HF org</a>
+          <a class="button" href="https://huggingface.co/spaces/AdvancedDataIntelligence/adi-qwen3.5-4b-glm5.2-general-demo" target="_blank" rel="noreferrer">Try live demo</a>
+        </div>
+      </div>
+    </section>
+    <section class="band stats" aria-label="Model stats">
+      <article>
+        <span>Models</span>
+        <strong>6</strong>
+        <p>general, coding, voice, and upcoming larger students</p>
+      </article>
+      <article>
+        <span>Format</span>
+        <strong>GGUF</strong>
+        <p>ready for Ollama and llama.cpp runtimes</p>
+      </article>
+      <article>
+        <span>Training style</span>
+        <strong>Distill</strong>
+        <p>teacher answers transferred into smaller local students</p>
+      </article>
+      <article>
+        <span>Home</span>
+        <strong>theLAB</strong>
+        <p>Learning. Algorithms. Breakthroughs.</p>
+      </article>
+    </section>
+    <section class="section" aria-labelledby="lineup-title">
+      <div class="section__head">
+        <div>
+          <p class="eyebrow">Model Lineup</p>
+          <h2 id="lineup-title">Choose the local model for the job.</h2>
+        </div>
+        <div class="filters" role="group" aria-label="Model filters">
+          <button class="filter is-active" data-filter="all">All</button>
+          <button class="filter" data-filter="general">General</button>
+          <button class="filter" data-filter="code">Code</button>
+          <button class="filter" data-filter="voice">Voice</button>
+        </div>
+      </div>
+      <div class="models" id="models">
+        <article class="model" data-kind="general">
+          <div class="model__top"><span>General</span><span>4B</span></div>
+          <h3>adi-qwen3.5-4b-glm5.2-general</h3>
+          <p>Compact general assistant distilled from glm-5.2, built for fast local answers with long-context headroom.</p>
+          <code>ollama run hf.co/AdvancedDataIntelligence/adi-qwen3.5-4b-glm5.2-general-GGUF:Q4_K_M</code>
+          <div class="model__actions">
+            <button class="copy" data-command="ollama run hf.co/AdvancedDataIntelligence/adi-qwen3.5-4b-glm5.2-general-GGUF:Q4_K_M">Copy</button>
+            <a href="https://huggingface.co/AdvancedDataIntelligence/adi-qwen3.5-4b-glm5.2-general-GGUF" target="_blank" rel="noreferrer">Model</a>
+          </div>
+        </article>
+        <article class="model" data-kind="general">
+          <div class="model__top"><span>General</span><span>8B</span></div>
+          <h3>adi-qwen3-8b-glm5.2-general</h3>
+          <p>General-purpose student with more parametric headroom while remaining practical on a single local GPU.</p>
+          <code>ollama run hf.co/AdvancedDataIntelligence/adi-qwen3-8b-glm5.2-general-GGUF:Q4_K_M</code>
+          <div class="model__actions">
+            <button class="copy" data-command="ollama run hf.co/AdvancedDataIntelligence/adi-qwen3-8b-glm5.2-general-GGUF:Q4_K_M">Copy</button>
+            <a href="https://huggingface.co/AdvancedDataIntelligence/adi-qwen3-8b-glm5.2-general-GGUF" target="_blank" rel="noreferrer">Model</a>
+          </div>
+        </article>
+        <article class="model" data-kind="code">
+          <div class="model__top"><span>Code</span><span>7B</span></div>
+          <h3>adi-qwen2.5-coder-7b-kimi2.7-code</h3>
+          <p>Local coding assistant distilled from a frontier code teacher for writing, explaining, and debugging.</p>
+          <code>ollama run hf.co/AdvancedDataIntelligence/adi-qwen2.5-coder-7b-kimi2.7-code-GGUF:Q4_K_M</code>
+          <div class="model__actions">
+            <button class="copy" data-command="ollama run hf.co/AdvancedDataIntelligence/adi-qwen2.5-coder-7b-kimi2.7-code-GGUF:Q4_K_M">Copy</button>
+            <a href="https://huggingface.co/AdvancedDataIntelligence/adi-qwen2.5-coder-7b-kimi2.7-code-GGUF" target="_blank" rel="noreferrer">Model</a>
+          </div>
+        </article>
+        <article class="model" data-kind="general">
+          <div class="model__top"><span>General</span><span>9B</span></div>
+          <h3>adi-qwen3.5-9b-glm5.2-general</h3>
+          <p>A larger Qwen3.5 general student for users who want more reasoning headroom in the same ADI style.</p>
+          <code>hf.co/AdvancedDataIntelligence/adi-qwen3.5-9b-glm5.2-general-GGUF</code>
+          <div class="model__actions">
+            <a href="https://huggingface.co/AdvancedDataIntelligence/adi-qwen3.5-9b-glm5.2-general-GGUF" target="_blank" rel="noreferrer">Model</a>
+          </div>
+        </article>
+        <article class="model" data-kind="general">
+          <div class="model__top"><span>General</span><span>14B</span></div>
+          <h3>adi-qwen2.5-14b-glm5.2-general</h3>
+          <p>A bigger general distill for stronger local quality when disk, RAM, and VRAM budgets allow it.</p>
+          <code>hf.co/AdvancedDataIntelligence/adi-qwen2.5-14b-glm5.2-general-GGUF</code>
+          <div class="model__actions">
+            <a href="https://huggingface.co/AdvancedDataIntelligence/adi-qwen2.5-14b-glm5.2-general-GGUF" target="_blank" rel="noreferrer">Model</a>
+          </div>
+        </article>
+        <article class="model" data-kind="voice">
+          <div class="model__top"><span>Wakeword</span><span>Voice</span></div>
+          <h3>hey-adi-wakeword</h3>
+          <p>A wakeword model for ADI interaction loops, connecting local AI with hands-free ambient workflows.</p>
+          <code>hf.co/AdvancedDataIntelligence/hey-adi-wakeword</code>
+          <div class="model__actions">
+            <a href="https://huggingface.co/AdvancedDataIntelligence/hey-adi-wakeword" target="_blank" rel="noreferrer">Model</a>
+          </div>
+        </article>
+      </div>
+    </section>
+    <section class="showcase" aria-labelledby="visuals-title">
+      <div>
+        <p class="eyebrow">Visual Map</p>
+        <h2 id="visuals-title">Built as a pipeline, not a prompt trick.</h2>
+        <p>
+          The ADI line is organized around repeatable distillation: collect prompts, generate teacher answers,
+          fine-tune compact students, merge adapters, quantize to GGUF, then ship model cards with practical run commands.
+        </p>
+        <a class="button button--primary" href="https://huggingface.co/datasets/AdvancedDataIntelligence/glm5.2-general-distill" target="_blank" rel="noreferrer">Explore dataset</a>
+      </div>
+      <img src="https://serve.thelabsource.com/u/ih5dUC.png" alt="The ADI distillation pipeline" />
+    </section>
+    <section class="lab-grid" aria-label="ADI resources">
+      <a class="resource resource--wide" href="https://huggingface.co/spaces/AdvancedDataIntelligence/adi-qwen3.5-4b-glm5.2-general-demo" target="_blank" rel="noreferrer">
+        <img src="https://serve.thelabsource.com/u/4Kb3iS.gif" alt="ADI live demo preview" />
+        <span>Launch the live browser demo</span>
+      </a>
+      <a class="resource" href="https://thelabsource.com" target="_blank" rel="noreferrer">
+        <img src="https://serve.thelabsource.com/u/T5Kdlg.png" alt="" />
+        <span>Read more at theLAB</span>
+      </a>
+      <a class="resource" href="https://advanced-data-intelligence.com" target="_blank" rel="noreferrer">
+        <img src="https://serve.thelabsource.com/u/yZylMt.gif" alt="ADI animation" />
+        <span>Advanced Data Intelligence</span>
+      </a>
+    </section>
+  </main>
+  <div class="toast" id="toast" role="status" aria-live="polite">Copied command</div>
+  <script src="./app.js"></script>
+</body>
 </html>

styles.css ADDED Viewed

	@@ -0,0 +1,323 @@

+:root {
+  color-scheme: dark;
+  --bg: #05070a;
+  --panel: #111820;
+  --panel-2: #16202a;
+  --text: #f5f7fb;
+  --muted: #a8b3c2;
+  --line: #2b3643;
+  --green: #11c483;
+  --blue: #58c4ff;
+  --gold: #f4b954;
+  --ink: #04110d;
+}
+* { box-sizing: border-box; }
+html { scroll-behavior: smooth; }
+body {
+  margin: 0;
+  background: var(--bg);
+  color: var(--text);
+  font: 15px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+}
+a { color: inherit; text-decoration: none; }
+img {
+  display: block;
+  max-width: 100%;
+}
+main {
+  width: min(1200px, calc(100vw - 32px));
+  margin: 0 auto;
+}
+.hero {
+  min-height: 92vh;
+  display: grid;
+  grid-template-columns: minmax(0, 0.92fr) minmax(340px, 1.08fr);
+  gap: 44px;
+  align-items: center;
+  padding: 34px 0 48px;
+}
+.hero__media {
+  min-height: 420px;
+  display: grid;
+  place-items: center;
+  overflow: hidden;
+  border-radius: 8px;
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  background: #0c1118;
+}
+.hero__media img {
+  width: 100%;
+  height: 100%;
+  min-height: 420px;
+  object-fit: cover;
+}
+.hero__content {
+  display: grid;
+  gap: 22px;
+}
+.eyebrow {
+  margin: 0;
+  color: var(--green);
+  font-size: 13px;
+  font-weight: 850;
+  text-transform: uppercase;
+}
+h1, h2, h3, p { margin-top: 0; }
+h1 {
+  margin-bottom: 0;
+  max-width: 850px;
+  font-size: clamp(44px, 7vw, 82px);
+  line-height: 0.94;
+  letter-spacing: 0;
+}
+h2 {
+  margin-bottom: 0;
+  font-size: clamp(30px, 4vw, 48px);
+  line-height: 1;
+  letter-spacing: 0;
+}
+h3 {
+  margin-bottom: 10px;
+  font-size: 21px;
+  line-height: 1.16;
+  letter-spacing: 0;
+}
+.lede {
+  max-width: 680px;
+  margin-bottom: 0;
+  color: var(--muted);
+  font-size: 18px;
+}
+.hero__actions,
+.model__actions,
+.filters {
+  display: flex;
+  gap: 10px;
+  flex-wrap: wrap;
+  align-items: center;
+}
+.button,
+.model__actions a,
+.copy,
+.filter {
+  min-height: 42px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 8px;
+  border: 1px solid var(--line);
+  background: #121b24;
+  color: var(--text);
+  padding: 0 14px;
+  font: inherit;
+  font-weight: 800;
+  cursor: pointer;
+}
+.button--primary,
+.copy {
+  border-color: transparent;
+  background: var(--green);
+  color: var(--ink);
+}
+.band {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 12px;
+  margin: 0 0 74px;
+}
+.stats article,
+.model {
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: var(--panel);
+}
+.stats article {
+  padding: 18px;
+}
+.stats span,
+.model__top {
+  color: var(--muted);
+  font-size: 13px;
+}
+.stats strong {
+  display: block;
+  margin: 4px 0;
+  font-size: 30px;
+  line-height: 1;
+}
+.stats p,
+.model p,
+.showcase p {
+  margin-bottom: 0;
+  color: var(--muted);
+}
+.section {
+  padding-bottom: 72px;
+}
+.section__head {
+  display: flex;
+  justify-content: space-between;
+  gap: 20px;
+  align-items: end;
+  margin-bottom: 18px;
+}
+.filter.is-active {
+  border-color: var(--green);
+  background: rgba(17, 196, 131, 0.13);
+}
+.models {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 14px;
+}
+.model {
+  min-height: 340px;
+  display: grid;
+  grid-template-rows: auto auto 1fr auto auto;
+  gap: 12px;
+  padding: 18px;
+}
+.model__top {
+  display: flex;
+  justify-content: space-between;
+  gap: 10px;
+}
+code {
+  display: block;
+  overflow: auto;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: #090e14;
+  color: #d9fff0;
+  padding: 12px;
+  font-size: 12px;
+  white-space: nowrap;
+}
+.showcase {
+  display: grid;
+  grid-template-columns: minmax(300px, 0.86fr) minmax(360px, 1.14fr);
+  gap: 28px;
+  align-items: center;
+  padding: 34px;
+  margin-bottom: 16px;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: var(--panel);
+}
+.showcase > div {
+  display: grid;
+  gap: 16px;
+  align-content: center;
+}
+.showcase img,
+.resource img {
+  border-radius: 8px;
+  border: 1px solid rgba(255, 255, 255, 0.11);
+}
+.lab-grid {
+  display: grid;
+  grid-template-columns: 1.3fr 0.85fr 0.85fr;
+  gap: 14px;
+  padding: 0 0 44px;
+}
+.resource {
+  min-height: 230px;
+  display: grid;
+  align-content: space-between;
+  gap: 14px;
+  padding: 14px;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: var(--panel-2);
+  font-weight: 850;
+}
+.resource--wide {
+  min-height: 300px;
+}
+.resource span {
+  color: var(--text);
+}
+.toast {
+  position: fixed;
+  right: 18px;
+  bottom: 18px;
+  transform: translateY(90px);
+  transition: transform 180ms ease;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: #101820;
+  color: var(--text);
+  padding: 12px 14px;
+  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
+}
+.toast.is-visible {
+  transform: translateY(0);
+}
+@media (max-width: 980px) {
+  .hero,
+  .showcase,
+  .lab-grid {
+    grid-template-columns: 1fr;
+  }
+  .band,
+  .models {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .section__head {
+    align-items: start;
+    flex-direction: column;
+  }
+}
+@media (max-width: 640px) {
+  main { width: min(100vw - 22px, 1200px); }
+  .hero { min-height: auto; padding-top: 18px; }
+  .hero__media, .hero__media img { min-height: 280px; }
+  .band, .models { grid-template-columns: 1fr; }
+  .showcase { padding: 18px; }
+}