@floless/app 0.16.2 → 0.18.0

package/dist/web/index.html

@@ -95,6 +95,12 @@
           <span class="role" id="center-panel-role">transparency layer · read-mostly</span>
         </span>
       </div>
+      <div class="canvas-drop-target" id="canvas-drop-target" aria-hidden="true">
+        <div class="canvas-drop-icon" aria-hidden="true">⤓</div>
+        <div class="canvas-drop-label">Drop a .flo file to import</div>
+        <div class="canvas-drop-sub">The workflow installs and is added to your picker</div>
+      </div>
+      <input type="file" id="import-file" accept=".flo,.app,.flow,.aware" hidden>
       <div class="find-overlay" id="find-overlay">
         <input type="text" id="find-input" placeholder="Find agent…">
         <span class="find-count" id="find-count"></span>
@@ -229,6 +235,10 @@
       <span class="menu-label">Save inputs</span>
       <span class="menu-kbd">Ctrl+S</span>
     </button>
+    <button class="menu-item" data-action="import" role="menuitem">
+      <span class="menu-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M12 3v12m0 0-4-4m4 4 4-4"/><path d="M3 17v2a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-2"/></svg></span>
+      <span class="menu-label">Import workflow…</span>
+    </button>
     <div class="menu-divider"></div>
     <button class="menu-item" data-action="find" role="menuitem">
       <span class="menu-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="m21 21-4.34-4.34"/><circle cx="11" cy="11" r="8"/></svg></span>
@@ -347,7 +357,7 @@
 
   <div class="modal-backdrop" id="add-fav-modal">
     <div class="modal">
-      <div class="modal-title">Save as Template</div>
+      <div class="modal-title" id="add-fav-title">Save as Template</div>
       <div class="modal-sub" id="add-fav-sub">Save this node as a reusable Template — usable in any workflow.</div>
       <div class="modal-field">
         <label for="fav-name">Name</label>

package/dist/web/panels.js

@@ -421,7 +421,9 @@
     if (btn) { btn.disabled = true; btn.textContent = 'Queueing…'; }
     try {
       const { request } = await api('/api/extensions/customize', { method: 'POST', body: JSON.stringify({ instruction }) });
-      const line = bridge.instructionFor ? bridge.instructionFor(request) : instruction;
+      // Copy the MARKED form so a pasted ui-customize request is recognized, not run verbatim (#73).
+      const line = bridge.markedInstruction ? bridge.markedInstruction(request)
+                 : bridge.instructionFor ? bridge.instructionFor(request) : instruction;
       const copied = bridge.copyToClipboard ? await bridge.copyToClipboard(line) : false;
       showToast(copied ? 'Queued for your terminal AI · copied to clipboard' : 'Queued for your terminal AI', 'ok');
       if (input) input.value = '';
@@ -544,14 +546,14 @@
       setTimeout(() => $cancel.focus(), 0);
       const done = (result) => {
         $resetModal.classList.remove('show');
-        $confirm.onclick = $cancel.onclick = $resetModal.onclick = null;
+        $confirm.onclick = $cancel.onclick = $resetModal.onclick = $resetModal.onmousedown = null;
         document.removeEventListener('keydown', onKey, true);
         resolve(result);
       };
       const onKey = (e) => { if (e.key === 'Escape') { e.preventDefault(); done(false); } };
       $confirm.onclick = () => done(true);
       $cancel.onclick = () => done(false);
-      $resetModal.onclick = (e) => { if (e.target === $resetModal) done(false); };
+      onBackdropDismiss($resetModal, () => done(false));
       document.addEventListener('keydown', onKey, true);
     });
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floless/app",
-  "version": "0.16.2",
+  "version": "0.18.0",
   "type": "module",
   "description": "Thin localhost host for floless.app — serves web/ and shells the aware CLI. No engine, no LLM.",
   "bin": {