feat(folder-browser): show create path message and update model index

- Update HuggingFace author index metadata (file count, repo entries)
- Style empty folder browser state with grid layout and monospace path display
- When a non-existent subfolder is typed, inform user the path will be created during download
This commit is contained in:
Dariusz L
2026-06-23 19:01:35 +02:00
parent 1cfc0beeb6
commit ee7d59546c
3 changed files with 26 additions and 2 deletions
File diff suppressed because one or more lines are too long
+14
View File
@@ -5864,11 +5864,25 @@
background: rgba(255,255,255,0.045);
}
.mr-folder-browser-empty {
display: grid;
gap: 6px;
padding: 24px 12px;
color: var(--mr-text-muted);
text-align: center;
font-size: 11px;
}
.mr-folder-browser-empty-path {
justify-self: center;
max-width: 100%;
padding: 5px 7px;
border-radius: 6px;
background: rgba(114,211,138,0.08);
color: var(--mr-text);
font-family: 'SF Mono', 'Consolas', 'Monaco', monospace;
font-size: 10px;
overflow-wrap: anywhere;
word-break: break-word;
}
@media (max-width: 720px) {
.mr-download-target-list.mr-download-folder-browser {
width: min(100%, calc(100vw - 32px));
+11 -1
View File
@@ -2132,6 +2132,16 @@ export const downloadTargetMethods = {
</div>
`;
}).join('');
const typedFolderPath = normalizeSubfolderPath(rawFilter) || rawFilter;
const emptyHtml = typedFolderPath
? `
<div class="mr-folder-browser-empty mr-folder-browser-empty-create">
<span>No existing folders match this filter.</span>
<span>During download, this folder path will be created:</span>
<span class="mr-folder-browser-empty-path">${this.escapeHtml(typedFolderPath)}</span>
</div>
`
: `<div class="mr-folder-browser-empty">No folders match this filter.</div>`;
targetEl.classList.add('mr-download-folder-browser');
targetEl.innerHTML = `
@@ -2140,7 +2150,7 @@ export const downloadTargetMethods = {
<span class="mr-folder-browser-preview-path">${this.escapeHtml(previewPath)}</span>
</div>
<div class="mr-folder-browser-scroll">
${rootHtml || `<div class="mr-folder-browser-empty">No folders match this filter.</div>`}
${rootHtml || emptyHtml}
</div>
`;
showFloatingSubfolderList();