fix: refine current folder suggestion display

Author: chhoumann

src/engine/TemplateChoiceEngine.ts

@@ -309,10 +309,9 @@ export class TemplateChoiceEngine extends TemplateEngine {
 		const parent = activeFile?.parent;
 		if (!activeFile || !parent) return null;
 		const path = parent.path ?? "";
-		const displayPath = path ? path : "/";
 		return {
 			path,
-			label: `<current folder> (${displayPath})`,
+			label: "<current folder>",
 		};
 	}
 }

src/engine/TemplateEngine.ts

@@ -254,19 +254,37 @@ export abstract class TemplateEngine extends QuickAddEngine {
 		displayByNormalized: Map<string, string>,
 	): void {
 		el.empty();
+		el.classList.add("qaFileSuggestionItem");
 		const normalized = this.normalizeFolderPath(item);
 		const display = displayByNormalized.get(normalized);
-		if (display) {
-			el.setText(display);
-			return;
+		const displayPath = item || "/";
+		const isExisting = existingSet.has(normalized);
+		const mainText = display ?? displayPath;
+		const subText = display && display !== displayPath
+			? displayPath
+			: !isExisting
+				? "Create folder"
+				: "";
+
+		const content = el.createDiv("qa-suggestion-content");
+		content.createSpan({
+			cls: "suggestion-main-text",
+			text: mainText,
+		});
+
+		if (!isExisting) {
+			content.createSpan({
+				cls: "qa-suggestion-pill qa-create-pill",
+				text: "create",
+			});
 		}
 
-		if (existingSet.has(normalized)) {
-			el.setText(item);
-			return;
+		if (subText) {
+			el.createSpan({
+				cls: "suggestion-sub-text",
+				text: subText,
+			});
 		}
-
-		el.setText(`Create folder: ${item}`);
 	}
 
 	protected async getFormattedFilePath(