vibespot 1.0.8 → 1.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibespot",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "AI-powered HubSpot CMS landing page builder — vibe coding & React converter",
   "type": "module",
   "bin": {

package/ui/chat.js

@@ -542,17 +542,26 @@ const DOC_TYPES = new Set([
   "text/markdown", "text/plain",
 ]);
 const SUPPORTED_TYPES = new Set([...IMAGE_TYPES, ...DOC_TYPES]);
+// Browsers often report .md files as application/octet-stream or empty string
+const EXT_MIME_MAP = { ".md": "text/markdown", ".txt": "text/plain", ".markdown": "text/markdown" };
 
 function addPendingFile(file) {
-  if (!SUPPORTED_TYPES.has(file.type)) {
-    showToast(`Unsupported file type: ${file.name}`);
-    return;
+  let f = file;
+  if (!SUPPORTED_TYPES.has(f.type)) {
+    const ext = f.name.slice(f.name.lastIndexOf(".")).toLowerCase();
+    const mapped = EXT_MIME_MAP[ext];
+    if (mapped) {
+      f = new File([f], f.name, { type: mapped });
+    } else {
+      showToast(`Unsupported file type: ${f.name}`);
+      return;
+    }
   }
-  if (file.size > MAX_FILE_SIZE) {
-    showToast(`File too large (>10MB): ${file.name}`);
+  if (f.size > MAX_FILE_SIZE) {
+    showToast(`File too large (>10MB): ${f.name}`);
     return;
   }
-  pendingFiles.push(file);
+  pendingFiles.push(f);
   renderFileChips();
 }
 

package/ui/index.html

@@ -430,7 +430,7 @@
                 <button class="chat__input-icon" id="btn-attach-file" title="Attach files (images, PDFs, docs)">
                   <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48"/></svg>
                 </button>
-                <input type="file" id="file-input" multiple accept="image/png,image/jpeg,image/svg+xml,image/webp,image/gif,application/pdf,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/markdown,text/plain" style="display:none">
+                <input type="file" id="file-input" multiple accept="image/png,image/jpeg,image/svg+xml,image/webp,image/gif,application/pdf,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/markdown,text/plain,.md,.markdown,.txt" style="display:none">
                 <button class="chat__input-icon" id="btn-starter-templates" title="Templates">
                   <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18"/><path d="M9 21V9"/></svg>
                 </button>