diff --git a/src/_data/facets.json b/src/_data/facets.json
index 8e224e3f..5b3e3d31 100644
--- a/src/_data/facets.json
+++ b/src/_data/facets.json
@@ -5,7 +5,7 @@
     "kind": "prelude",
     "category": "Playback",
     "featured": true,
-    "desc": "Automatically put tracks into the queue. **Always on.**"
+    "desc": "Automatically put tracks into the queue. **Always on.** These tracks will always be located after the ones you've added manually."
   },
   {
     "url": "facets/playback/auto-queue/index.html",
diff --git a/src/_includes/layouts/diffuse.vto b/src/_includes/layouts/diffuse.vto
index 223c6c0e..add6679f 100644
--- a/src/_includes/layouts/diffuse.vto
+++ b/src/_includes/layouts/diffuse.vto
@@ -42,13 +42,14 @@ base: "./"
         "imports": {
           "~/": "./",
 
-          "@atcute/tid": "./vendor/@atcute/tid/index.js",
-
           "@awesome.me/webawesome/dist/": "./vendor/@awesome.me/webawesome/",
           "@awesome.me/webawesome/dist-cdn/": "./vendor/@awesome.me/webawesome/",
           "@phosphor-icons/web/": "./vendor/@phosphor-icons/web/",
+
+          "@atcute/tid": "./vendor/@atcute/tid/index.js",
           "idb-keyval": "./vendor/idb-keyval/index.js",
-          "lit-html": "./vendor/lit-html/index.js"
+          "lit-html": "./vendor/lit-html/index.js",
+          "throttle-debounce": "./vendor/throttle-debounce/index.js"
         }
       }
     </script>
diff --git a/src/components/orchestrator/process-tracks/element.js b/src/components/orchestrator/process-tracks/element.js
index d663174e..fedd9263 100644
--- a/src/components/orchestrator/process-tracks/element.js
+++ b/src/components/orchestrator/process-tracks/element.js
@@ -63,18 +63,30 @@ class ProcessTracksOrchestrator extends BroadcastableDiffuseElement {
           strategy: "replicate",
           fn: this.#performedInitialProcess.set,
         },
+        getIsProcessing: {
+          strategy: "leaderOnly",
+          fn: this.#isProcessing.get,
+        },
+        setIsProcessing: {
+          strategy: "replicate",
+          fn: this.#isProcessing.set,
+        },
         process: { strategy: "leaderOnly", fn: this.process },
       });
 
       if (!actions) return;
 
       this.process = actions.process;
-      this.#isProcessing.set = actions.setPerfInit;
+      this.#isProcessing.set = actions.setIsProcessing;
 
-      // Sync #performedInitialProcess with leader
+      // Sync #performedInitialProcess and #isProcessing with leader
       actions.getPerfInit().then((val) => {
         this.#performedInitialProcess.value = val;
       });
+
+      actions.getIsProcessing().then((val) => {
+        this.#isProcessing.value = val;
+      });
     }
 
     // Super
@@ -161,7 +173,7 @@ class ProcessTracksOrchestrator extends BroadcastableDiffuseElement {
     if (this.#isProcessing.value) return;
 
     // Start
-    this.#isProcessing.value = true;
+    this.#isProcessing.set(true);
     console.log("🪵 Processing initiated");
 
     const tracksCol = this.output.tracks.collection();
@@ -173,7 +185,7 @@ class ProcessTracksOrchestrator extends BroadcastableDiffuseElement {
 
     // Fin
     console.log("🪵 Processing completed");
-    this.#isProcessing.value = false;
+    this.#isProcessing.set(false);
   }
 }
 
diff --git a/src/components/orchestrator/sources/element.js b/src/components/orchestrator/sources/element.js
index 268f48f5..4e0d2581 100644
--- a/src/components/orchestrator/sources/element.js
+++ b/src/components/orchestrator/sources/element.js
@@ -1,3 +1,5 @@
+import deepDiff from "@fry69/deep-diff";
+
 import { BroadcastableDiffuseElement, query } from "~/common/element.js";
 import { groupTracksPerScheme } from "~/common/utils.js";
 import { signal } from "~/common/signal.js";
@@ -74,7 +76,9 @@ class Sources extends BroadcastableDiffuseElement {
         record[scheme] = sources;
       });
 
-      this.#sources.value = record;
+      if (deepDiff(this.#sources.value, record)) {
+        this.#sources.value = record;
+      }
     });
   }
 }
diff --git a/src/facets/connect/index.inline.js b/src/facets/connect/index.inline.js
index b38d6e31..aa3ab8ae 100644
--- a/src/facets/connect/index.inline.js
+++ b/src/facets/connect/index.inline.js
@@ -49,8 +49,7 @@ litRender(
       <div class="card-body">
         <p>
           These are some of the options available to add as an audio source, or to
-          use as user-data storage. Some offer both, the remainder offers only one
-          or the other.
+          use as user-data storage. Some offer both.
         </p>
         <wa-divider></wa-divider>
         <ul class="connect-list">
diff --git a/src/facets/data/process-tracks/prelude/index.inline.js b/src/facets/data/process-tracks/prelude/index.inline.js
index 27c7cde6..bc382ec3 100644
--- a/src/facets/data/process-tracks/prelude/index.inline.js
+++ b/src/facets/data/process-tracks/prelude/index.inline.js
@@ -1,22 +1,51 @@
+import { debounce } from "throttle-debounce";
+
 import * as Output from "~/common/output.js";
 import foundation from "~/common/foundation.js";
+import { effect } from "~/common/signal.js";
 
 const KEY = "facets/data/process-tracks/timestamp";
 const MAX_TIME_DIFF = 10 * 60 * 1000;
 
+////////////////////////////////////////////
+// ON LOAD
+////////////////////////////////////////////
+
+const output = await foundation.orchestrator.output();
+await Output.data(output.tracks);
+
 const lastTimestamp = localStorage.getItem(KEY);
 const now = Date.now();
 const diff = lastTimestamp ? now - JSON.parse(lastTimestamp) : MAX_TIME_DIFF;
 
-if (diff >= MAX_TIME_DIFF) {
-  const output = await foundation.orchestrator.output();
-  await Output.data(output.tracks);
-
-  const orchestrator = await foundation.orchestrator.processTracks({
-    disableWhenReady: true,
-  });
+const orchestrator = await foundation.orchestrator.processTracks({
+  disableWhenReady: true,
+});
 
+if (diff >= MAX_TIME_DIFF && await orchestrator.isLeader()) {
   // Wait until we're actually done processing, only then set the timestamp
   await orchestrator.process();
   localStorage.setItem(KEY, JSON.stringify(now));
 }
+
+////////////////////////////////////////////
+// WHEN SOURCES CHANGE
+////////////////////////////////////////////
+
+const { sources } = await foundation.orchestrator.sources();
+let initialised = false;
+
+const debounced = debounce(
+  2500,
+  /** @param {import("~/components/input/types.d.ts").Source} _sources */ async (
+    _sources,
+  ) => {
+    if (initialised && await orchestrator.isLeader()) orchestrator.process();
+    else initialised = true;
+  },
+  { atBegin: false },
+);
+
+effect(() => {
+  debounced(sources());
+});
diff --git a/src/guide.vto b/src/guide.vto
index eb9ede67..cdce4d6b 100644
--- a/src/guide.vto
+++ b/src/guide.vto
@@ -7,61 +7,6 @@ title: Guide | Diffuse
 <h1 hidden>Guide</h1>
 
 <div class="columns">
-  <section>
-    <h3>Tutorial</h3>
-
-    <p>
-      <strong>Diffuse is not your typical streaming service, we have to add sources of audio so we have stuff to play.</strong> This button below adds some demo content, so you can experiment with the software right away.
-    </p>
-
-    <p>
-      <button id="add-sample-content">
-        <span>Add sample content</span>
-      </button>
-    </p>
-
-    <p>
-      Now we should explore what is possible with our audio. Because Diffuse is cooperative and malleable software, our interface can look like anything, and we can pick the features we like. That might sound overwhelming, so let's keep it simple for now.
-    </p>
-
-    <p>
-      <strong>Let's pick an interface</strong> that automatically puts audio from our collection into the queue, and another to play what got put into the queue.
-    </p>
-
-    <p>
-      <span class="button-row">
-        <a class="button button--bg-twist-2" href="{{ ('facets/playback/auto-queue/index.html') |> facetLoaderURL }}" target="_blank">
-          <span class="with-icon">
-            <i class="ph-fill ph-number-circle-one"></i>
-            Fill up queue
-          </span>
-        </a>
-        <a class="button button--bg-twist-2" href="{{ ('themes/blur/artwork-controller/facet/index.html') |> facetLoaderURL }}" target="_blank">
-          <span class="with-icon">
-            <i class="ph-fill ph-number-circle-two"></i>
-            Play audio
-          </span>
-        </a>
-      </span>
-    </p>
-
-    <p>
-      <em>So you said I could pick the features and interfaces that I liked, how does that work?</em>
-    </p>
-
-    <p>
-      To do that, we have to look at the other pages shown in the navigation here, such as the <a href="featured/">featured page</a>. There you'll be able to browse through all the features and interfaces that are provided by Diffuse.
-    </p>
-
-    <p>
-       <strong>To use a feature, you click the toggle to enable it</strong>, this will add it to your software. Interfaces can be added too, but it's not required, you can try them out right away by clicking the link in their title. For interfaces that are more like traditional web applications, delivering more encompassing experiences, look at <a href="themes/">themes</a>.
-    </p>
-
-    <p>
-      TODO: explain adding your own inputs, syncing user data, etc.
-    </p>
-  </section>
-
   <section>
     <h3>Concept</h3>
 
@@ -74,11 +19,90 @@ title: Guide | Diffuse
     </p>
 
     <p>
-      These features and interfaces are housed into units that we call "facets". They consist of <a href="elements/">Diffuse elements</a> that are connected, they broadcast their state and your data that has been updated.
+      These features and interfaces are housed into units that we call "facets". They consist of <a href="elements/">Diffuse elements</a> that are connected, they broadcast their state and the parts of your data that have been updated.
     </p>
 
     <p>
       Finally, facets are just regular web pages so they can live wherever. We save them to the user-data storage that's configured and give the user the option to share it. This means that you can load features and interfaces from other people, <strong>building software cooperatively</strong>.
     </p>
   </section>
+
+  <section>
+    <h3>Getting started</h3>
+
+    <ul style="display: flex; flex-direction: column; gap: var(--space-sm); padding-left: 0">
+      <!-- 1 -->
+      <li class="with-icon" style="gap: var(--space-xs)">
+        <i class="ph-fill ph-file-audio"></i>
+        <span>Add audio files or streams. The <a href="{{ ('facets/data/connect/index.html') |> facetLoaderURL }}">connect</a> interfaces can be used for this, or use the demo from the tutorial below.</span>
+      </li>
+
+      <!-- 2 -->
+      <li class="with-icon" style="gap: var(--space-xs)">
+        <i class="ph-fill ph-gear-six"></i>
+        <span>Wait until the processing of audio sources into tracks is completed.</span>
+      </li>
+
+      <!-- 3 -->
+      <li class="with-icon" style="gap: var(--space-xs)">
+        <i class="ph-fill ph-paint-brush"></i>
+        <span>Explore the interfaces that can be used.</span>
+      </li>
+    </ul>
+  </section>
 </div>
+
+<section>
+  <h3>Tutorial</h3>
+
+  <p>
+    <strong>Diffuse is not your typical streaming service, we have to add sources of audio so we have stuff to play.</strong> This button below adds some demo content, so you can experiment with the software right away.
+  </p>
+
+  <p>
+    <button id="add-sample-content">
+      <span>Add sample content</span>
+    </button>
+  </p>
+
+  <p>
+    Now we should explore what is possible with our audio. Because Diffuse is cooperative and malleable software, our interface can look like anything, and we can pick the features we like. That might sound overwhelming, so let's keep it simple for now.
+  </p>
+
+  <p>
+    <strong>Let's pick an interface</strong> that automatically puts audio from our collection into the queue, and another to play what got put into the queue.
+  </p>
+
+  <p>
+    <span class="button-row">
+      <a class="button button--bg-twist-2" href="{{ ('facets/playback/auto-queue/index.html') |> facetLoaderURL }}" target="_blank">
+        <span class="with-icon">
+          <i class="ph-fill ph-number-circle-one"></i>
+          Fill up queue
+        </span>
+      </a>
+      <a class="button button--bg-twist-2" href="{{ ('themes/blur/artwork-controller/facet/index.html') |> facetLoaderURL }}" target="_blank">
+        <span class="with-icon">
+          <i class="ph-fill ph-number-circle-two"></i>
+          Play audio
+        </span>
+      </a>
+    </span>
+  </p>
+
+  <p>
+    <em>So you said I could pick the features and interfaces that I liked, how does that work?</em>
+  </p>
+
+  <p>
+    To do that, we have to look at the other pages shown in the navigation here, such as the <a href="featured/">featured page</a>. There you'll be able to browse through all the features and interfaces that are provided by Diffuse.
+  </p>
+
+  <p>
+     <strong>To use a feature, you click the toggle to enable it</strong>, this will add it to your software. Interfaces can be added too, but it's not required, you can try them out right away by clicking the link in their title. For interfaces that are more like traditional web applications, delivering more encompassing experiences, look at <a href="themes/">themes</a>.
+  </p>
+
+  <p>
+    TODO: explain adding your own inputs, syncing user data, etc.
+  </p>
+</section>
diff --git a/src/vendor/throttle-debounce/index.js b/src/vendor/throttle-debounce/index.js
new file mode 100644
index 00000000..91095b86
--- /dev/null
+++ b/src/vendor/throttle-debounce/index.js
@@ -0,0 +1 @@
+export * from "throttle-debounce";