@floless/app 0.7.1 → 0.9.0

package/dist/web/index.html

@@ -133,6 +133,21 @@
       <div class="inspect-body" id="inspect-body"></div>
     </aside>
 
+    <!-- What's-new panel — a relaunch-surviving, calm "what changed" strip shown
+         once after a floless.app self-update. A direct grid child of .app (sibling
+         to header/body/footer); occupies the extra `whats-new` row that .app.has-whats-new
+         inserts above the footer. Dismiss persists in localStorage so it never nags. -->
+    <div id="whats-new-panel" class="whats-new" hidden>
+      <div class="whats-new-summary">
+        <span class="whats-new-label">Updated</span>
+        <span class="whats-new-summary-text"></span>
+        <button class="whats-new-toggle" type="button" aria-expanded="false">What's new</button>
+        <a class="whats-new-link" target="_blank" rel="noopener">Full changelog ↗</a>
+        <button class="whats-new-dismiss" type="button" aria-label="Dismiss">✕</button>
+      </div>
+      <div class="whats-new-detail"><div class="whats-new-detail-inner"></div></div>
+    </div>
+
     <footer>
       <div class="status">
         <span class="stat"><span class="dot"></span><span class="stat-val">runtime online</span></span>
@@ -155,6 +170,11 @@
     </footer>
   </div>
 
+  <!-- Single reusable release-notes popover — anchored to the clicked update pill
+       (or the AWARE version label) at open time. Shared by #app-update and
+       #aware-update; its body is rendered per-open in aware.js. -->
+  <div id="notes-popover" class="relnotes-popover" role="dialog" aria-modal="true" aria-label="Release notes" tabindex="-1" hidden></div>
+
   <div class="menu" id="menu" role="menu">
     <button class="menu-item" data-action="open" role="menuitem">
       <span class="menu-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"/></svg></span>
@@ -191,6 +211,11 @@
       <span class="menu-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><line x1="10" x2="14" y1="2" y2="2"/><line x1="12" x2="15" y1="14" y2="11"/><circle cx="12" cy="14" r="8"/></svg></span>
       <span class="menu-label">Routines</span>
     </button>
+    <div class="menu-divider"></div>
+    <button class="menu-item" data-action="report-issue" role="menuitem">
+      <span class="menu-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/><line x1="4" x2="4" y1="22" y2="15"/></svg></span>
+      <span class="menu-label">Report an issue</span>
+    </button>
     <!-- Start-on-login + Theme are sibling machine preferences (no divider between
          them — UX review 2026-05-31). Start-on-login toggles the per-user logon
          Scheduled Task that keeps the local server alive across logins; hidden unless
@@ -428,6 +453,40 @@
     </div>
   </div>
 
+  <!-- Report an issue — files into the PRIVATE product log via POST /api/report-issue
+       (the floless.io relay; report-relay.ts). The user gets a confirmation ref, not a
+       public link (the repo is private). JS swaps #ri-form for #ri-state (success / sign-in). -->
+  <div class="modal-backdrop" id="report-issue-modal">
+    <div class="modal report-issue">
+      <div class="modal-title">Report an issue</div>
+      <div class="modal-sub">Reports go to a private log — you won't get a public link to track it. We'll follow up with you if we need more details.</div>
+      <div id="ri-form">
+        <div class="modal-field">
+          <label>Category</label>
+          <div class="rtn-mode" id="ri-category" role="group" aria-label="Report category">
+            <button type="button" class="rtn-mode-btn active" data-cat="bug" aria-pressed="true">Bug</button>
+            <button type="button" class="rtn-mode-btn" data-cat="idea" aria-pressed="false">Idea</button>
+            <button type="button" class="rtn-mode-btn" data-cat="question" aria-pressed="false">Question</button>
+          </div>
+        </div>
+        <div class="modal-field">
+          <label for="ri-title">Title</label>
+          <input id="ri-title" type="text" placeholder="Summarise the issue in a few words" autocomplete="off">
+        </div>
+        <div class="modal-field">
+          <label for="ri-desc">Description</label>
+          <textarea id="ri-desc" placeholder="What happened? What did you expect? Steps to reproduce if it's a bug."></textarea>
+        </div>
+        <div class="integrations-hint" id="ri-context"></div>
+        <div class="modal-actions">
+          <button id="ri-cancel">Cancel</button>
+          <button id="ri-send" class="primary" disabled>Send report</button>
+        </div>
+      </div>
+      <div id="ri-state" hidden></div>
+    </div>
+  </div>
+
   <!-- Routine delete confirmation — destructive, so Cancel holds focus (Enter cancels)
        and the Delete button is danger-on-hover, never the accent primary. -->
   <div class="modal-backdrop" id="rtn-delete-modal">

package/package.json

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