diff --git a/templates/components/modals/settings/library.html b/templates/components/modals/settings/library.html
index a1522790..b639d859 100644
--- a/templates/components/modals/settings/library.html
+++ b/templates/components/modals/settings/library.html
@@ -38,6 +38,34 @@
{{ sm.setting_select('defaultUnetRoot', 'default_unet_root', 'settings.folderSettings.defaultUnetRoot', [], 'settings.folderSettings.defaultUnetRootHelp') }}
{{ sm.setting_select('defaultEmbeddingRoot', 'default_embedding_root', 'settings.folderSettings.defaultEmbeddingRoot', [], 'settings.folderSettings.defaultEmbeddingRootHelp') }}
+
+ {% set other_root_selects = [
+ ('vae', 'defaultOtherRootVae', 'settings.folderSettings.defaultVaeRoot', 'settings.folderSettings.defaultVaeRootHelp'),
+ ('upscaler', 'defaultOtherRootUpscaler', 'settings.folderSettings.defaultUpscalerRoot', 'settings.folderSettings.defaultUpscalerRootHelp'),
+ ('text_encoder', 'defaultOtherRootTextEncoder', 'settings.folderSettings.defaultTextEncoderRoot', 'settings.folderSettings.defaultTextEncoderRootHelp'),
+ ('clip_vision', 'defaultOtherRootClipVision', 'settings.folderSettings.defaultClipVisionRoot', 'settings.folderSettings.defaultClipVisionRootHelp'),
+ ] %}
+ {% if 'controlnet' in (settings.get('enabled_other_folders') or []) %}
+ {% set other_root_selects = other_root_selects + [
+ ('controlnet', 'defaultOtherRootControlnet', 'settings.folderSettings.defaultControlnetRoot', 'settings.folderSettings.defaultControlnetRootHelp'),
+ ] %}
+ {% endif %}
+ {% for sub_type, select_id, label_key, help_key in other_root_selects %}
+
+
+
+
+
+
+
+
+
+
+ {% endfor %}
diff --git a/tests/frontend/managers/downloadManager.routing.test.js b/tests/frontend/managers/downloadManager.routing.test.js
index c4e7ab59..6f7eaf20 100644
--- a/tests/frontend/managers/downloadManager.routing.test.js
+++ b/tests/frontend/managers/downloadManager.routing.test.js
@@ -56,6 +56,7 @@ vi.mock(SUMMARY_MODULE, () => ({
}));
const { DownloadManager } = await import(DOWNLOAD_MANAGER_MODULE);
+const { state } = await import(STATE_MODULE);
describe('DownloadManager._resolveIsDiffusionModel', () => {
let manager;
@@ -144,3 +145,185 @@ describe('DownloadManager._resolveIsDiffusionModel', () => {
expect(fetchMock).not.toHaveBeenCalled();
});
});
+
+describe('DownloadManager._resolveOtherSubType', () => {
+ let manager;
+ let fetchMock;
+
+ beforeEach(() => {
+ manager = new DownloadManager();
+ manager.apiClient = { modelType: 'other' };
+ manager.selectedFile = null;
+ manager.selectedFiles = [];
+ manager.currentVersion = null;
+ fetchMock = vi.fn();
+ vi.stubGlobal('fetch', fetchMock);
+ });
+
+ afterEach(() => {
+ vi.unstubAllGlobals();
+ });
+
+ function mockRoutingResponse(data, ok = true) {
+ fetchMock.mockResolvedValue({
+ ok,
+ status: ok ? 200 : 500,
+ json: async () => data,
+ });
+ }
+
+ it('returns the backend sub_type for other downloads', async () => {
+ manager.currentVersion = { baseModel: 'Flux.1 D', files: [{ type: 'VAE' }] };
+ mockRoutingResponse({ success: true, root_kind: 'other', sub_type: 'vae' });
+
+ expect(await manager._resolveOtherSubType()).toBe('vae');
+
+ expect(fetchMock).toHaveBeenCalledWith('/api/lm/download/routing', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({
+ model_type: 'other',
+ base_model: 'Flux.1 D',
+ file_types: ['VAE'],
+ }),
+ });
+ });
+
+ it('sends selected_file_type plus all version file types when a file is selected', async () => {
+ manager.currentVersion = { baseModel: 'Flux.1 D', files: [{ type: 'Model' }, { type: 'VAE' }] };
+ manager.selectedFile = { type: 'VAE' };
+ mockRoutingResponse({ success: true, root_kind: 'other', sub_type: 'vae' });
+
+ expect(await manager._resolveOtherSubType()).toBe('vae');
+ const body = JSON.parse(fetchMock.mock.calls[0][1].body);
+ expect(body.selected_file_type).toBe('VAE');
+ expect(body.file_types).toEqual(['Model', 'VAE']);
+ });
+
+ it('omits selected_file_type when no file is selected', async () => {
+ manager.currentVersion = { baseModel: 'Flux.1 D', files: [{ type: 'Model' }, { type: 'VAE' }] };
+ mockRoutingResponse({ success: true, root_kind: 'other', sub_type: 'vae' });
+
+ await manager._resolveOtherSubType();
+ const body = JSON.parse(fetchMock.mock.calls[0][1].body);
+ expect('selected_file_type' in body).toBe(false);
+ expect(body.file_types).toEqual(['Model', 'VAE']);
+ });
+
+ it('returns null when the backend cannot decide a sub_type', async () => {
+ manager.currentVersion = { baseModel: 'SDXL 1.0', files: [{ type: 'Model' }] };
+ mockRoutingResponse({ success: true, root_kind: 'other', sub_type: null });
+
+ expect(await manager._resolveOtherSubType()).toBeNull();
+ });
+
+ it('returns null when the endpoint fails', async () => {
+ manager.currentVersion = { baseModel: 'SDXL 1.0', files: [{ type: 'VAE' }] };
+ fetchMock.mockRejectedValue(new Error('network down'));
+
+ expect(await manager._resolveOtherSubType()).toBeNull();
+ });
+
+ it('returns null on a non-ok response', async () => {
+ manager.currentVersion = { baseModel: 'SDXL 1.0', files: [{ type: 'VAE' }] };
+ mockRoutingResponse({}, false);
+
+ expect(await manager._resolveOtherSubType()).toBeNull();
+ });
+
+ it('never calls the endpoint for non-other pages', async () => {
+ manager.apiClient = { modelType: 'loras' };
+ manager.currentVersion = { baseModel: 'SDXL 1.0', files: [{ type: 'VAE' }] };
+
+ expect(await manager._resolveOtherSubType()).toBeNull();
+ expect(fetchMock).not.toHaveBeenCalled();
+ });
+
+ it('never calls the endpoint without version metadata (e.g. Hugging Face)', async () => {
+ expect(await manager._resolveOtherSubType()).toBeNull();
+ expect(fetchMock).not.toHaveBeenCalled();
+ });
+});
+
+describe('DownloadManager.proceedToLocationContent (other page)', () => {
+ let manager;
+
+ beforeEach(() => {
+ document.body.innerHTML = `
+