litura-app 0.3.0 → 0.3.2

package/CHANGELOG.md

@@ -5,6 +5,14 @@ number carries breaking changes.
 
 ## Unreleased
 
+## 0.3.2 — 2026-09-07
+
+- Moved the Slop Score next to the settings control in the editor header.
+
+## 0.3.1 — 2026-09-07
+
+- The update badge now copies `npx litura-app` instead of opening a changelog, so the next update command is ready to paste.
+
 ## 0.3.0 — 2026-09-07
 
 - Review remarks stay beside the passage they describe without shifting the draft when opened or clicked.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "litura-app",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "A local AI-assisted editor for sharper, more human writing",
   "keywords": [
     "writing",

package/public/app.js

@@ -18566,10 +18566,21 @@
     updateBadge.hidden = !stale;
     if (stale) {
       updateBadge.textContent = `${latest} available`;
-      updateBadge.title = `Running ${current}. Restart with npx to pick it up; a global install needs npm i -g.`;
+      updateBadge.title = "Copy npx litura-app to update";
     }
     updateStatus.textContent = error ? `Running ${current} \u2014 npm could not be reached.` : stale ? `Running ${current}; npm publishes ${latest}.` : latest ? `Running ${current} \u2014 the published version.` : `Running ${current}.`;
   }
+  updateBadge.addEventListener("click", async () => {
+    if (updateBadge.hidden) return;
+    const command2 = "npx litura-app";
+    try {
+      await navigator.clipboard.writeText(command2);
+      updateBadge.textContent = `Copied: ${command2}`;
+    } catch {
+      updateBadge.textContent = `Run: ${command2}`;
+    }
+    updateBadge.title = command2;
+  });
   async function refreshUpdate({ force = false } = {}) {
     let cached = null;
     try {

package/public/index.html

@@ -33,24 +33,23 @@
           <button type="button" id="file-history">History</button>
         </div>
         <span id="save-status" role="status"></span>
-        <button type="button" class="style-score" id="style-score" hidden title="Local slop score">
-          <span class="style-score-label">Slop Score</span>
-          <span id="style-score-value"></span>
-        </button>
-        <!-- Only ever shown when the writer opted into the check and a newer
-             version exists. It links to the changelog, not to an installer:
-             updating is a command the writer runs. -->
-        <a class="update-badge" id="update-badge" hidden
-           href="https://github.com/vadimchirkov/litura/blob/main/CHANGELOG.md"
-           target="_blank" rel="noreferrer"></a>
-        <button class="settings-open" id="settings-open" title="Model and access" aria-label="Model and access">
-          <svg viewBox="0 0 20 20" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
-            <path d="M3 5h14M3 10h14M3 15h14"/>
-            <circle cx="7" cy="5" r="1.5" fill="var(--surface)"/>
-            <circle cx="13" cy="10" r="1.5" fill="var(--surface)"/>
-            <circle cx="9" cy="15" r="1.5" fill="var(--surface)"/>
-          </svg>
-        </button>
+        <!-- Only shown when a newer version exists. Clicking it copies the
+             update command; the running process is never replaced in place. -->
+        <button type="button" class="update-badge" id="update-badge" hidden></button>
+        <div class="header-actions">
+          <button type="button" class="style-score" id="style-score" hidden title="Local slop score">
+            <span class="style-score-label">Slop Score</span>
+            <span id="style-score-value"></span>
+          </button>
+          <button class="settings-open" id="settings-open" title="Model and access" aria-label="Model and access">
+            <svg viewBox="0 0 20 20" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
+              <path d="M3 5h14M3 10h14M3 15h14"/>
+              <circle cx="7" cy="5" r="1.5" fill="var(--surface)"/>
+              <circle cx="13" cy="10" r="1.5" fill="var(--surface)"/>
+              <circle cx="9" cy="15" r="1.5" fill="var(--surface)"/>
+            </svg>
+          </button>
+        </div>
       </div>
       <div id="editor-wrapper"></div>
       <!-- Remarks about a place in the text stand next to that place. Below

package/public/style.css

@@ -485,7 +485,8 @@ html, body {
   transition: background var(--motion, .12s) ease, color .12s ease;
 }
 
-.settings-open { margin-left: auto; }
+.header-actions { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; }
+.settings-open { margin-left: 0; }
 .settings-open svg { width: 17px; height: 17px; }
 
 .icon-btn:hover,
@@ -497,7 +498,7 @@ html, body {
 /* Local slop score — computed in the browser, so it updates as you type.
    Click it for the words behind the number. */
 .style-score {
-  margin-left: auto;
+  margin-left: 0;
   padding: 0;
   border: 0;
   background: none;
@@ -517,12 +518,15 @@ html, body {
    mid-sentence; this must not compete with the draft. */
 .update-badge {
   padding: 2px 8px;
+  border: 0;
   border-radius: var(--r-pill);
   background: var(--fill);
   color: var(--text-2);
+  font: inherit;
   font-size: 12px;
   text-decoration: none;
   white-space: nowrap;
+  cursor: pointer;
 }
 
 .update-badge:hover { background: var(--fill-hover); color: var(--text); }