Build AI template creator with description input (#89)

* fix(templates): prevent save dialog for AI template preview

- Changed preview mode from false to true to avoid save prompts
- Use revertAndCloseActiveEditor to close preview without save dialog
- Templates are automatically saved to .templates folder via saveTemplateAsJSON
- Fixes issue where preview document prompted for save with "# 📄 Template Preview/ " filename
- Applied fix to both showTemplatePreview and showTemplateEnhancementPreview functions

* refactor: address code review feedback

Performance optimization:
- Move TEMPLATE_NAME_MAP to static readonly property in TemplatesTreeProvider
- Avoids re-creating nameMap object on every getTemplateFriendlyName() call

Preview close robustness:
- Check if document is closed before attempting to close it
- Reactivate preview document before closing to ensure correct editor is closed
- Use preserveFocus: false to make preview active before closing
- Prevents accidentally closing wrong editor if user switches away during preview

* fix(templates): refresh Templates panel after browser operations

Problem:
- Deleting/duplicating templates in Template Browser updated the webview
- But didn't refresh the Templates sidebar tree panel
- Templates panel showed stale data until manual refresh

Solution:
- Pass templatesProvider to showTemplateBrowser()
- Store module-level reference for message handlers
- Call templatesProvider.refresh() after delete/duplicate operations
- Now both webview and sidebar stay in sync

Files changed:
- templateBrowserView.ts: Add provider param, refresh after operations
- extension.ts: Pass templatesProvider to showTemplateBrowser()

---------

Co-authored-by: Claude <[email protected]>

Author: jsonify

src/commands/templateCommands.ts

@@ -205,7 +205,7 @@ async function showTemplatePreview(template: Template): Promise<boolean> {
     });
 
     const editor = await vscode.window.showTextDocument(doc, {
-        preview: false, // Don't use preview mode to avoid save prompts
+        preview: true, // Use preview mode to avoid save prompts
         viewColumn: vscode.ViewColumn.Beside
     });
 
@@ -229,15 +229,14 @@ async function showTemplatePreview(template: Template): Promise<boolean> {
     }
 
     // Close the preview document without save prompt
-    const uri = editor.document.uri;
-    await vscode.window.showTextDocument(editor.document, { preview: true }); // Switch to preview mode
-    await vscode.commands.executeCommand('workbench.action.closeActiveEditor');
-
-    // Delete from workspace if it's an untitled document
-    try {
-        await vscode.workspace.fs.delete(uri, { useTrash: false });
-    } catch {
-        // Ignore errors - untitled documents don't need deletion
+    // Ensure we're closing the correct document even if user switched editors
+    if (!doc.isClosed) {
+        await vscode.window.showTextDocument(doc, {
+            preview: true,
+            viewColumn: editor.viewColumn,
+            preserveFocus: false
+        });
+        await vscode.commands.executeCommand('workbench.action.revertAndCloseActiveEditor');
     }
 
     return result === 'Accept & Save';
@@ -259,7 +258,7 @@ async function showTemplateEnhancementPreview(
     });
 
     const editor = await vscode.window.showTextDocument(doc, {
-        preview: false, // Don't use preview mode to avoid save prompts
+        preview: true, // Use preview mode to avoid save prompts
         viewColumn: vscode.ViewColumn.Beside
     });
 
@@ -283,15 +282,14 @@ async function showTemplateEnhancementPreview(
     }
 
     // Close the preview document without save prompt
-    const uri = editor.document.uri;
-    await vscode.window.showTextDocument(editor.document, { preview: true }); // Switch to preview mode
-    await vscode.commands.executeCommand('workbench.action.closeActiveEditor');
-
-    // Delete from workspace if it's an untitled document
-    try {
-        await vscode.workspace.fs.delete(uri, { useTrash: false });
-    } catch {
-        // Ignore errors - untitled documents don't need deletion
+    // Ensure we're closing the correct document even if user switched editors
+    if (!doc.isClosed) {
+        await vscode.window.showTextDocument(doc, {
+            preview: true,
+            viewColumn: editor.viewColumn,
+            preserveFocus: false
+        });
+        await vscode.commands.executeCommand('workbench.action.revertAndCloseActiveEditor');
     }
 
     return result === 'Accept & Save';

src/extension.ts

@@ -1808,7 +1808,7 @@ export function activate(context: vscode.ExtensionContext) {
 
     // Phase 4: Template Browser UI
     let showTemplateBrowserCmd = vscode.commands.registerCommand('noted.showTemplateBrowser', async () => {
-        await showTemplateBrowser(context);
+        await showTemplateBrowser(context, templatesProvider);
     });
 
     // Command to setup custom folder

src/providers/templatesTreeProvider.ts

@@ -259,5 +259,4 @@ export class TemplatesTreeProvider implements vscode.TreeDataProvider<TreeItem>
                 return item;
             });
     }
-
 }

src/templates/templateBrowserView.ts

@@ -4,6 +4,10 @@ import { getTemplatesPath, getFileFormat } from '../services/configService';
 import { pathExists, readFile, readDirectory, writeFile } from '../services/fileSystemService';
 import { Template } from './TemplateTypes';
 import { BUILT_IN_TEMPLATES } from '../constants';
+import { TemplatesTreeProvider } from '../providers/templatesTreeProvider';
+
+// Module-level reference to templates tree provider for refreshing
+let templatesProvider: TemplatesTreeProvider | undefined;
 
 /**
  * Template display info for the browser
@@ -26,7 +30,10 @@ interface TemplateDisplayInfo {
 /**
  * Show the template browser webview
  */
-export async function showTemplateBrowser(context: vscode.ExtensionContext): Promise<void> {
+export async function showTemplateBrowser(context: vscode.ExtensionContext, provider?: TemplatesTreeProvider): Promise<void> {
+    // Store reference to templates provider for refreshing after operations
+    templatesProvider = provider;
+
     const templatesPath = getTemplatesPath();
 
     const panel = vscode.window.createWebviewPanel(
@@ -69,11 +76,13 @@ export async function showTemplateBrowser(context: vscode.ExtensionContext): Pro
                 case 'deleteTemplate':
                     await handleDeleteTemplate(message.templateId);
                     await refreshWebviewTemplates();
+                    templatesProvider?.refresh(); // Refresh sidebar tree view
                     break;
 
                 case 'duplicateTemplate':
                     await handleDuplicateTemplate(message.templateId);
                     await refreshWebviewTemplates();
+                    templatesProvider?.refresh(); // Refresh sidebar tree view
                     break;
 
                 case 'exportTemplate':