diff --git a/src/_data/facets.json b/src/_data/facets.json
index 5a466b7d..e867fe60 100644
--- a/src/_data/facets.json
+++ b/src/_data/facets.json
@@ -36,6 +36,13 @@
     "featured": true,
     "desc": "Use your AT Protocol identity for user-data storage."
   },
+  {
+    "url": "facets/connect/opensubsonic/index.html",
+    "title": "Connect / OpenSubsonic",
+    "category": "Data",
+    "featured": true,
+    "desc": "Connect to an OpenSubsonic server for audio input."
+  },
   {
     "url": "facets/connect/s3/index.html",
     "title": "Connect / S3",
diff --git a/src/facets/connect/common.js b/src/facets/connect/common.js
index 2c60bb16..12ee180a 100644
--- a/src/facets/connect/common.js
+++ b/src/facets/connect/common.js
@@ -32,6 +32,7 @@ import { html, nothing, render as litRender } from "lit-html";
  * @param {TemplateResult} config.formFields - Form body content (inputs, footnotes, etc.)
  * @param {(mode: 'input' | 'output') => Promise<void>} config.onSubmit
  * @param {boolean} [config.hasInput] - Whether to show the "Add audio input" button (default: true)
+ * @param {boolean} [config.hasOutput] - Whether to show the "Use as userdata storage" button (default: true)
  * @param {() => Promise<void>} [config.onOutputActivate] - Called instead of opening the dialog when output is already configured but inactive
  *
  * @returns {{ setItems: (items: ConnectItem[]) => void, setError: (message: string | null) => void }}
@@ -43,6 +44,7 @@ export function setup(
     formFields,
     onSubmit,
     hasInput = true,
+    hasOutput = true,
     onOutputActivate,
   },
 ) {
@@ -66,14 +68,18 @@ export function setup(
                 </wa-button>
               `
               : nothing}
-            <wa-button
-              id="connect-add-output-btn"
-              variant="brand"
-              appearance="filled"
-            >
-              <wa-icon slot="start" library="phosphor/fill" name="person"></wa-icon>
-              Use as userdata storage
-            </wa-button>
+            ${hasOutput
+              ? html`
+                <wa-button
+                  id="connect-add-output-btn"
+                  variant="brand"
+                  appearance="filled"
+                >
+                  <wa-icon slot="start" library="phosphor/fill" name="person"></wa-icon>
+                  Use as userdata storage
+                </wa-button>
+              `
+              : nothing}
           </div>
           <wa-callout id="connect-card-error" variant="danger" hidden></wa-callout>
           <wa-divider id="connect-divider" hidden></wa-divider>
@@ -201,7 +207,7 @@ export function setup(
       currentItems = items;
       divider.hidden = items.length === 0;
       list.hidden = items.length === 0;
-      outputBtn.hidden = items.some((i) => i.isOutput && i.isSelectedOutput);
+      if (outputBtn) outputBtn.hidden = items.some((i) => i.isOutput && i.isSelectedOutput);
       litRender(
         html`
           ${items.map(
diff --git a/src/facets/connect/opensubsonic/index.html b/src/facets/connect/opensubsonic/index.html
new file mode 100644
index 00000000..bf332533
--- /dev/null
+++ b/src/facets/connect/opensubsonic/index.html
@@ -0,0 +1,15 @@
+<style>
+  @import "./vendor/@awesome.me/webawesome/styles/webawesome.css" layer(wa);
+  @import "./facets/connect/common.css" layer(connect);
+
+  @layer base, diffuse, wa;
+</style>
+
+<main class="wa-theme-default"></main>
+
+<script type="module" src="facets/connect/opensubsonic/index.inline.js"></script>
+
+<script type="module">
+  await customElements.whenDefined("wa-card");
+  document.querySelector("main")?.classList.add("has-loaded");
+</script>
diff --git a/src/facets/connect/opensubsonic/index.inline.js b/src/facets/connect/opensubsonic/index.inline.js
new file mode 100644
index 00000000..aa74b513
--- /dev/null
+++ b/src/facets/connect/opensubsonic/index.inline.js
@@ -0,0 +1,172 @@
+import "@awesome.me/webawesome/dist/components/input/input.js";
+import "@awesome.me/webawesome/dist/components/select/select.js";
+import "@awesome.me/webawesome/dist/components/option/option.js";
+
+import * as TID from "@atcute/tid";
+import { html } from "lit-html";
+
+import * as Output from "~/common/output.js";
+import { SCHEME } from "~/components/input/opensubsonic/constants.js";
+import {
+  buildURI,
+  parseURI,
+  serverId,
+} from "~/components/input/opensubsonic/common.js";
+import { effect } from "~/common/signal.js";
+import foundation from "~/common/foundation.js";
+
+import { setup } from "~/facets/connect/common.js";
+
+/**
+ * @import { default as WaInput } from "@awesome.me/webawesome/dist/components/input/input.js"
+ * @import { default as WaSelect } from "@awesome.me/webawesome/dist/components/select/select.js"
+ * @import { Server } from "~/components/input/opensubsonic/types.d.ts"
+ */
+
+document.title = "Connect OpenSubsonic | Diffuse";
+
+////////////////////////////////////////////
+// SETUP
+////////////////////////////////////////////
+
+const [inputConfigurator, outputOrchestrator, sourcesOrchestrator] =
+  await Promise.all([
+    foundation.configurator.input(),
+    foundation.orchestrator.output(),
+    foundation.orchestrator.sources(),
+  ]);
+
+await Promise.all([
+  customElements.whenDefined(inputConfigurator.localName),
+  customElements.whenDefined(outputOrchestrator.localName),
+  customElements.whenDefined(sourcesOrchestrator.localName),
+]);
+
+////////////////////////////////////////////
+// UI
+////////////////////////////////////////////
+
+const { setItems, setError } = setup({
+  title: "OpenSubsonic",
+  hasOutput: false,
+
+  description: html`
+    <p>
+      Connect to an OpenSubsonic server to use it as audio input.
+    </p>
+    <p class="wa-caption-xs">
+      Supports authentication via username + password or an API key.
+    </p>
+  `,
+
+  formFields: html`
+    <wa-input
+      id="oss-host"
+      label="Host"
+      placeholder="music.example.com"
+      required
+    ></wa-input>
+    <wa-select id="oss-tls" label="Use HTTPS / TLS?" value="true">
+      <wa-option value="true">Yes</wa-option>
+      <wa-option value="false">No</wa-option>
+    </wa-select>
+    <wa-input id="oss-username" label="Username"></wa-input>
+    <wa-input id="oss-password" label="Password" type="password"></wa-input>
+    <p class="wa-caption-xs">Or use an API key instead of username + password:</p>
+    <wa-input id="oss-apikey" label="API key" type="password"></wa-input>
+    <p class="wa-caption-xs">* Host is required</p>
+  `,
+
+  onSubmit: () => addServer(),
+});
+
+const hostInput = /** @type {WaInput} */ (document.querySelector("#oss-host"));
+const tlsSelect = /** @type {WaSelect} */ (document.querySelector("#oss-tls"));
+const usernameInput =
+  /** @type {WaInput} */ (document.querySelector("#oss-username"));
+const passwordInput =
+  /** @type {WaInput} */ (document.querySelector("#oss-password"));
+const apikeyInput =
+  /** @type {WaInput} */ (document.querySelector("#oss-apikey"));
+
+////////////////////////////////////////////
+// REACTIVE LIST
+////////////////////////////////////////////
+
+effect(() => {
+  const inputSources = sourcesOrchestrator.sources()[SCHEME] ?? [];
+
+  /** @type {Map<string, { server: Server; uri: string }>} */
+  const allServers = new Map();
+
+  for (const source of inputSources) {
+    const parsed = parseURI(source.uri);
+    if (!parsed) continue;
+
+    const id = serverId(parsed.server);
+    if (!allServers.has(id)) {
+      allServers.set(id, { server: parsed.server, uri: source.uri });
+    }
+  }
+
+  setItems(
+    [...allServers.values()].map(({ server, uri }) => ({
+      name: server.host,
+      detail: server.tls ? "https" : "http",
+      isInput: true,
+      isOutput: false,
+      isSelectedOutput: false,
+      onRemove: () => removeServer(uri),
+    })),
+  );
+});
+
+////////////////////////////////////////////
+// ACTIONS
+////////////////////////////////////////////
+
+/** @param {string} uri */
+async function removeServer(uri) {
+  setError(null);
+  try {
+    const tracks = await Output.data(outputOrchestrator.tracks);
+    const detachedTracks = await inputConfigurator.detach({
+      fileUriOrScheme: uri,
+      tracks,
+    });
+
+    if (detachedTracks) await outputOrchestrator.tracks.save(detachedTracks);
+  } catch (err) {
+    setError(err instanceof Error ? err.message : "Failed to remove server");
+  }
+}
+
+async function addServer() {
+  const host = hostInput.value?.trim();
+  const tls = tlsSelect.value !== "false";
+  const username = usernameInput.value?.trim() || undefined;
+  const password = passwordInput.value?.trim() || undefined;
+  const apiKey = apikeyInput.value?.trim() || undefined;
+
+  if (!host) return;
+
+  /** @type {Server} */
+  const server = { host, tls, username, password, apiKey };
+  const uri = buildURI(server);
+
+  const now = new Date().toISOString();
+  const tracksCol = outputOrchestrator.tracks.collection();
+  const existingTracks = tracksCol.state === "loaded" ? tracksCol.data : [];
+
+  await outputOrchestrator.tracks.save([
+    ...existingTracks,
+    {
+      $type: "sh.diffuse.output.track",
+      id: TID.now(),
+      createdAt: now,
+      updatedAt: now,
+      kind: "placeholder",
+      uri,
+    },
+  ]);
+}