npm - tmux-weblink - Versions diffs - 2.0.13 → 2.0.15 - Mend

tmux-weblink 2.0.13 → 2.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (26) hide show

package/README.md +3 -5
package/dist/agent.js +1 -1
package/dist/frontend.js +1 -1
package/dist/index.js +3 -3
package/dist/lib/build-app.js +6 -6
package/dist/lib/cli.js +7 -11
package/dist/lib/db.js +1 -1
package/dist/lib/pages/federation.js +1 -1
package/dist/lib/pages/files-index.js +20 -22
package/dist/lib/pages/history-index.js +22 -24
package/dist/lib/pages/notes-index.js +17 -19
package/dist/lib/pages/notes-page.js +10 -13
package/dist/lib/pages/quick-commands.js +25 -27
package/dist/lib/pages/settings.js +17 -58
package/dist/lib/pages/shell.js +17 -29
package/dist/lib/setup-features.js +1 -1
package/dist/lib/shared-layout.js +39 -41
package/dist/lib/state-paths.js +1 -1
package/package.json +1 -1
package/dist/lib/commandbar.js +0 -555
package/dist/lib/ext-loader.js +0 -1
package/dist/lib/pages/schedule-index.js +0 -392
package/dist/lib/plugins.js +0 -3
package/dist/lib/schedule-delay.js +0 -9
package/dist/lib/scheduler-drawer.js +0 -379
package/dist/lib/scheduler.js +0 -1

package/dist/lib/pages/notes-index.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import{cssVarsStyle as b}from"../theme.js";import{commandbarCSS as x,commandbarHTML as f,commandbarScript as h}from"../commandbar.js";import{notesDrawerCSS as u,notesDrawerHTML as w,notesDrawerScript as S}from"../notes-drawer.js";import{sharedLayoutCSS as $,sharedHeader as y,sharedSidebar as _,newSessionModalHTML as k,newSessionModalScript as D}from"../shared-layout.js";function s(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function T(t){const o=new Date(t);return o.toLocaleDateString()+" "+o.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}function M(t,o,r=!1,i=[]){const n=[...t].sort((e,a)=>(a.updatedAt??0)-(e.updatedAt??0)),l=n.map(e=>{const a=e.scope==="__global__",d=a?"Global":e.scope.replace(/^session:/,""),m=a?"/notes/__global__":"/notes/"+encodeURIComponent(e.scope.replace(/^session:/,"")),v=s((e.content||"").slice(0,200).trim()||"No content"),g=s(T(e.updatedAt));return`<a class="note-card" href="${m}">
-  <div class="label ${a?"global":""}">${s(d)}</div>
-  <div class="preview">${v}</div>
-  <div class="meta"><span>${g}</span></div>
+import{cssVarsStyle as b}from"../theme.js";import{notesDrawerCSS as v,notesDrawerHTML as g,notesDrawerScript as x}from"../notes-drawer.js";import{sharedLayoutCSS as h,sharedHeader as f,sharedSidebar as u,newSessionModalHTML as w,newSessionModalScript as y}from"../shared-layout.js";function r(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function S(t){const a=new Date(t);return a.toLocaleDateString()+" "+a.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}function D(t,a){const n=[...t].sort((e,o)=>(o.updatedAt??0)-(e.updatedAt??0)),s=n.map(e=>{const o=e.scope==="__global__",c=o?"Global":e.scope.replace(/^session:/,""),p=o?"/notes/__global__":"/notes/"+encodeURIComponent(e.scope.replace(/^session:/,"")),d=r((e.content||"").slice(0,200).trim()||"No content"),m=r(S(e.updatedAt));return`<a class="note-card" href="${p}">
+  <div class="label ${o?"global":""}">${r(c)}</div>
+  <div class="preview">${d}</div>
+  <div class="meta"><span>${m}</span></div>
 </a>`}).join(`
-`),c=n.length?l:'<p class="empty">No notes yet.</p>',p=`
+`),l=n.length?s:'<p class="empty">No notes yet.</p>',i=`
   .note-card {
     display: block; padding: 16px 18px; border: 1px solid var(--panel-border); border-radius: 12px;
     margin-bottom: 10px; text-decoration: none; color: var(--page-fg);
@@ -26,8 +26,8 @@ import{cssVarsStyle as b}from"../theme.js";import{commandbarCSS as x,commandbarH
     display: flex; justify-content: space-between;
   }
   .empty { font-size: var(--text-sm); color: var(--panel-muted); line-height: 1.6; margin-top: 20px; }
-  ${r?x():""}
-  ${u()}`;return`<!DOCTYPE html>
+  ${v()}`;return`<!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="UTF-8" />
@@ -35,31 +35,29 @@ import{cssVarsStyle as b}from"../theme.js";import{commandbarCSS as x,commandbarH
 <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 <title>Notes - tmux-web</title>
 <style>
-  ${b(o.shell)}
-  ${$(p)}
+  ${b(a.shell)}
+  ${h(i)}
 </style>
 </head>
 <body>
-${y({commandbarEnabled:r,title:"All Notes",themeTemplate:o.template})}
+${f({title:"All Notes",themeTemplate:a.template})}
 <div class="page-wrap">
   <div class="page-layout">
-    ${_({activePage:"notes",refreshHref:"/notes"})}
+    ${u({activePage:"notes",refreshHref:"/notes"})}
     <main class="main-panel">
-      <div id="notes-list">${c}</div>
+      <div id="notes-list">${l}</div>
     </main>
   </div>
 </div>
-${k()}
-${r?f():""}
-${w("Notes - Global")}
+${w()}
+${g("Notes - Global")}
 <script type="module">
-${S("__global__")}
-${r?h(i,[]):""}
-${D()}
+${x("__global__")}
+${y()}
 </script>
 </body>
-</html>`}export{M as renderNotesIndex};
+</html>`}export{D as renderNotesIndex};

package/dist/lib/pages/notes-page.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import{cssVarsStyle as b}from"../theme.js";import{escapeHtml as m}from"../html.js";import{notesDbScript as g}from"../notes-db.js";import{notesUtilsScript as u}from"../notes-utils.js";import{commandbarCSS as x,commandbarHTML as f,commandbarScript as v,commandbarButtonHTML as y}from"../commandbar.js";function L(t,a,e=!1,r=[]){const o=t==="__global__",i=o?"Global":t,s=o?"__global__":"session:"+t,d="/notes",l=o?"notes-global":"notes-session-"+t.replace(/[:\/\\]/g,"-"),c=JSON.stringify(s),p=JSON.stringify(`${l}.md`),n=m(i);return`<!DOCTYPE html>
+import{cssVarsStyle as c}from"../theme.js";import{escapeHtml as p}from"../html.js";import{notesDbScript as b}from"../notes-db.js";import{notesUtilsScript as m}from"../notes-utils.js";function f(t,n){const e=t==="__global__",a=e?"Global":t,r=e?"__global__":"session:"+t,i="/notes",s=e?"notes-global":"notes-session-"+t.replace(/[:\/\\]/g,"-"),d=JSON.stringify(r),l=JSON.stringify(`${s}.md`),o=p(a);return`<!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-<title>Notes - ${n} - tmux-web</title>
+<title>Notes - ${o} - tmux-web</title>
 <style>
-  ${b(a.shell)}
+  ${c(n.shell)}
   html, body { background: var(--page-bg); color: var(--page-fg); min-height: 100%; font-family: var(--font-mono); }
   .container { max-width: 720px; margin: 40px auto; padding: 0 20px; }
   .page-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
@@ -53,16 +53,15 @@ import{cssVarsStyle as b}from"../theme.js";import{escapeHtml as m}from"../html.j
     .container { margin: 20px auto; padding: 0 16px; }
     #notes-editor { min-height: 300px; padding: 12px; }
   }
-  ${e?x():""}
 </style>
 </head>
 <body>
 <div class="container">
   <div class="page-header">
     <div class="breadcrumb">
-      <a href="${d}">Notes</a> <span>/</span> <span>${n}</span>
+      <a href="${i}">Notes</a> <span>/</span> <span>${o}</span>
     </div>
-    ${e?y("Search"):""}
   </div>
   <div class="toolbar">
     <button id="notes-copy">Copy</button>
@@ -73,9 +72,9 @@ import{cssVarsStyle as b}from"../theme.js";import{escapeHtml as m}from"../html.j
 </div>
 <script type="module">
-const NOTES_SCOPE = ${c};
-${g()}
-${u()}
+const NOTES_SCOPE = ${d};
+${b()}
+${m()}
 const notesEditor = document.getElementById('notes-editor');
 const copyBtn = document.getElementById('notes-copy');
@@ -143,16 +142,14 @@ exportBtn.addEventListener('click', () => {
   const blob = new Blob([notePlain], { type: 'text/markdown' });
   const a = document.createElement('a');
   a.href = URL.createObjectURL(blob);
-  a.download = ${p};
+  a.download = ${l};
   a.click();
   URL.revokeObjectURL(a.href);
 });
 renderNote();
 </script>
-${e?f():""}
 <script type="module">
-${e?v(r,[]):""}
 </script>
 </body>
-</html>`}export{L as renderNotesPage};
+</html>`}export{f as renderNotesPage};

package/dist/lib/pages/quick-commands.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{cssVarsStyle as d}from"../theme.js";import{commandbarCSS as l,commandbarHTML as p,commandbarScript as m}from"../commandbar.js";import{sharedLayoutCSS as u,sharedHeader as b,sharedSidebar as f,newSessionModalHTML as v,newSessionModalScript as x}from"../shared-layout.js";import{icon as o}from"../icons.js";function t(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function g(e){return`<article class="quick-item" data-id="${t(e.id)}">
+import{cssVarsStyle as n}from"../theme.js";import{sharedLayoutCSS as c,sharedHeader as s,sharedSidebar as d,newSessionModalHTML as l,newSessionModalScript as p}from"../shared-layout.js";import{icon as a}from"../icons.js";function t(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function u(e){return`<article class="quick-item" data-id="${t(e.id)}">
   <div class="quick-card-head">
     <div>
       <div class="quick-title">${t(e.title)}</div>
@@ -6,16 +6,25 @@ import{cssVarsStyle as d}from"../theme.js";import{commandbarCSS as l,commandbarH
     </div>
     <div class="quick-icon-actions">
       <button class="quick-icon-btn quick-edit" type="button" title="Edit command" aria-label="Edit ${t(e.title)}">
-        ${o("edit")}
+        ${a("edit")}
       </button>
       <button class="quick-icon-btn quick-delete" type="button" title="Delete command" aria-label="Delete ${t(e.title)}">
-        ${o("delete")}
+        ${a("delete")}
       </button>
     </div>
   </div>
   <pre class="quick-command-preview"><code>${t(e.command)}</code></pre>
-</article>`}function y(e,a,r=!1,i=[]){const n=JSON.stringify(e).replace(/</g,"\\u003c"),c=e.length?e.map(g).join(`
-`):'<p class="empty">No quick commands yet. Add one below, then use it from the terminal commandbar.</p>',s=`
+</article>`}function x(e,r){const o=JSON.stringify(e).replace(/</g,"\\u003c"),i=e.length?e.map(u).join(`
+`):'<p class="empty">No quick commands yet. Add one below.</p>';return`<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+<title>Quick Commands - tmux-web</title>
+<style>
+  ${n(r.shell)}
+  ${c(`
   .intro {
     margin: 0 0 18px; color: var(--panel-muted); font-size: var(--text-sm); line-height: 1.6;
   }
@@ -155,27 +164,18 @@ import{cssVarsStyle as d}from"../theme.js";import{commandbarCSS as l,commandbarH
     .quick-card-head { flex-wrap: wrap; }
     .quick-icon-actions { width: 100%; justify-content: flex-end; }
   }
-  ${r?l():""}`;return`<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-<title>Quick Commands - tmux-web</title>
-<style>
-  ${d(a.shell)}
-  ${u(s)}
+  `)}
 </style>
 </head>
 <body>
-${b({commandbarEnabled:r,title:"Quick Commands",themeTemplate:a.template})}
+${s({title:"Quick Commands",themeTemplate:r.template})}
 <div class="page-wrap">
   <div class="page-layout">
-    ${f({activePage:"quickCommands",refreshHref:"/quick-commands"})}
+    ${d({activePage:"quickCommands",refreshHref:"/quick-commands"})}
     <main class="main-panel">
-      <p class="intro">Configure reusable snippets that can be pasted into the active tmux pane from the terminal commandbar.</p>
+      <p class="intro">Configure reusable snippets that can be pasted into the active tmux pane.</p>
       <p class="quick-error" id="quick-error"></p>
       <h2 class="quick-section-title">Add Command</h2>
@@ -190,7 +190,7 @@ ${b({commandbarEnabled:r,title:"Quick Commands",themeTemplate:a.template})}
         </label>
         <label>
           <span>Description</span>
-          <input name="description" type="text" placeholder="Optional context shown in the commandbar" autocomplete="off" />
+          <input name="description" type="text" placeholder="Optional description" autocomplete="off" />
         </label>
         <div class="quick-actions">
           <button class="quick-save" type="submit">Add Command</button>
@@ -198,18 +198,18 @@ ${b({commandbarEnabled:r,title:"Quick Commands",themeTemplate:a.template})}
       </form>
       <h2 class="quick-section-title">Configured</h2>
-      <div id="quick-list">${c}</div>
+      <div id="quick-list">${i}</div>
     </main>
   </div>
 </div>
-${v()}
+${l()}
 <div class="quick-drawer-backdrop" id="quick-edit-backdrop"></div>
 <aside class="quick-drawer" id="quick-edit-drawer" aria-hidden="true" aria-label="Edit quick command">
   <div class="quick-drawer-header">
     <div>
       <h2>Edit Command</h2>
-      <p>Changes apply to the commandbar immediately after save.</p>
     </div>
     <button class="quick-drawer-close" id="quick-edit-close" type="button" aria-label="Close edit drawer">&times;</button>
   </div>
@@ -233,10 +233,9 @@ ${v()}
     </div>
   </form>
 </aside>
-${r?p():""}
 <script type="module">
-const commands = ${n};
+const commands = ${o};
 const errorEl = document.getElementById('quick-error');
 const editBackdrop = document.getElementById('quick-edit-backdrop');
 const editDrawer = document.getElementById('quick-edit-drawer');
@@ -354,8 +353,7 @@ document.addEventListener('keydown', (event) => {
   if (event.key === 'Escape' && editDrawer.classList.contains('open')) closeEditDrawer();
 });
-${r?m(i,[]):""}
-${x()}
+${p()}
 </script>
 </body>
-</html>`}export{y as renderQuickCommandsPage};
+</html>`}export{x as renderQuickCommandsPage};

package/dist/lib/pages/settings.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import{cssVarsStyle as h}from"../theme.js";import{getThemeTemplates as b,THEME_TEMPLATE_IDS as x}from"../themes/index.js";function n(a){return a.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function g(a,e){return`<!DOCTYPE html>
+import{cssVarsStyle as m}from"../theme.js";import{getThemeTemplates as g,THEME_TEMPLATE_IDS as v}from"../themes/index.js";function s(a){return a.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function p(a,e){return`<!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-<title>${n(a)} - tmux-web</title>
+<title>${s(a)} - tmux-web</title>
 <style>
-  ${h(e.shell)}
+  ${m(e.shell)}
   html, body { background: var(--page-bg); color: var(--page-fg); min-height: 100%; font-family: var(--font-sans); }
   .container { max-width: 680px; margin: 80px auto; padding: 0 24px; }
   .page-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px; }
@@ -47,16 +47,6 @@ import{cssVarsStyle as h}from"../theme.js";import{getThemeTemplates as b,THEME_T
   .btn:hover { border-color: var(--panel-accent); color: var(--panel-accent); }
   .btn.primary { border-color: var(--panel-success); color: var(--panel-success); }
   .btn.danger:hover { border-color: #e06c75; color: #e06c75; }
-  .plugin-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 8px 0; font-size: var(--text-sm); border-top: 1px solid var(--panel-border); }
-  .plugin-row:first-of-type { border-top: none; }
-  .plugin-row .pkg { word-break: break-all; }
-  .plugin-add { display: flex; gap: 10px; margin-top: 14px; }
-  .plugin-add input[type=text] {
-    flex: 1; font-size: var(--text-sm); font-family: inherit; color: var(--page-fg);
-    background: var(--page-bg); border: 1px solid var(--panel-border);
-    border-radius: 12px; padding: 9px 12px; outline: none; transition: border-color 0.15s, box-shadow 0.15s;
-  }
-  .plugin-add input[type=text]:focus { border-color: var(--panel-accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--panel-accent) 8%, transparent); }
   .num-input {
     width: 100px; font-size: var(--text-sm); font-family: inherit; color: var(--page-fg);
     background: var(--page-bg); border: 1px solid var(--panel-border);
@@ -87,15 +77,7 @@ import{cssVarsStyle as h}from"../theme.js";import{getThemeTemplates as b,THEME_T
     .num-input { width: 100%; }
   }
 </style>
-</head>`}function f(a,e){let r="";return a&&(r+='<div class="saved-flash">\u2713 Saved. Restart tmux-web to apply.</div>'),e&&(r+=`<div class="error-flash">${n(e)}</div>`),r}function T(a){const{settings:e,renderer:r,rendererOverridden:i,theme:l,plugins:t,saved:d=!1,error:s}=a,c=e.commandbar===!0,o=e.terminalRenderer??"xterm",m=e.defaultView??"default",v=e.scheduleHistoryDays??7,u=t.length?t.map(p=>`<div class="plugin-row">
-      <span class="pkg">${n(p)}</span>
-      <form method="POST" action="/settings/plugins" onsubmit="return confirm('Remove ${n(p)}?');">
-        <input type="hidden" name="action" value="remove" />
-        <input type="hidden" name="pkg" value="${n(p)}" />
-        <button type="submit" class="btn danger">Remove</button>
-      </form>
-    </div>`).join(`
-`):'<p class="desc" style="margin:0">No plugins enabled.</p>';return`${g("Settings",l)}
+</head>`}function h(a,e){let t="";return a&&(t+='<div class="saved-flash">\u2713 Saved. Restart tmux-web to apply.</div>'),e&&(t+=`<div class="error-flash">${s(e)}</div>`),t}function y(a){const{settings:e,renderer:t,rendererOverridden:i,theme:l,saved:r=!1,error:c}=a,n=e.terminalRenderer??"xterm",o=e.defaultView??"default";return`${p("Settings",l)}
 <body>
 <div class="container">
   <div class="page-header">
@@ -108,56 +90,33 @@ import{cssVarsStyle as h}from"../theme.js";import{getThemeTemplates as b,THEME_T
     <strong>restart the tmux-web process</strong> after making changes for them to take effect.
   </div>
-  ${f(d,s)}
+  ${h(r,c)}
   <form method="POST" action="/settings">
-    <div class="section">
-      <h2>Command bar</h2>
-      <p class="desc">\u2318K session search + quick actions.</p>
-      <label class="row"><input type="checkbox" name="commandbar" ${c?"checked":""} /> Enable command bar</label>
-    </div>
     <div class="section">
       <h2>Terminal library</h2>
       <p class="desc">Rendering engine for the terminal view.</p>
       <div class="radios">
-        <label class="row"><input type="radio" name="terminalRenderer" value="xterm" ${o==="xterm"?"checked":""} /> xterm.js (default)</label>
-        <label class="row"><input type="radio" name="terminalRenderer" value="ghostty" ${o==="ghostty"?"checked":""} /> ghostty-web</label>
+        <label class="row"><input type="radio" name="terminalRenderer" value="xterm" ${n==="xterm"?"checked":""} /> xterm.js (default)</label>
+        <label class="row"><input type="radio" name="terminalRenderer" value="ghostty" ${n==="ghostty"?"checked":""} /> ghostty-web</label>
       </div>
-      ${i?`<p class="override-note">\u26A0 A CLI flag or <code>TMUX_WEB_TERMINAL_RENDERER</code> env var is currently forcing <strong>${r}</strong>, overriding this setting for the running process.</p>`:""}
+      ${i?`<p class="override-note">\u26A0 A CLI flag or <code>TMUX_WEB_TERMINAL_RENDERER</code> env var is currently forcing <strong>${t}</strong>, overriding this setting for the running process.</p>`:""}
     </div>
     <div class="section">
       <h2>Default home tab</h2>
       <p class="desc">Which tab the home page opens on.</p>
       <div class="radios">
-        <label class="row"><input type="radio" name="defaultView" value="default" ${m==="default"?"checked":""} /> Default</label>
-        <label class="row"><input type="radio" name="defaultView" value="recent" ${m==="recent"?"checked":""} /> Last Updated</label>
+        <label class="row"><input type="radio" name="defaultView" value="default" ${o==="default"?"checked":""} /> Default</label>
+        <label class="row"><input type="radio" name="defaultView" value="recent" ${o==="recent"?"checked":""} /> Last Updated</label>
       </div>
     </div>
-    <div class="section">
-      <h2>Schedule history</h2>
-      <p class="desc">Days to keep the <code>/schedule</code> "Recently Triggered" history (fired &amp; missed tasks). 1\u2013365, default 7.</p>
-      <label class="row"><input type="number" class="num-input" name="scheduleHistoryDays" min="1" max="365" value="${v}" /> days</label>
-    </div>
     <div class="form-actions">
       <button type="submit" class="btn primary">Save settings</button>
     </div>
   </form>
-  <div class="section" style="margin-top:16px">
-    <h2>Plugins</h2>
-    <p class="desc">Installed via npm into the tmux-web data dir. Add/remove runs npm and may take a few seconds.</p>
-    ${u}
-    <form method="POST" action="/settings/plugins" class="plugin-add">
-      <input type="hidden" name="action" value="add" />
-      <input type="text" id="pkg-input" name="pkg" placeholder="npm package name" autocomplete="off" />
-      <button type="submit" class="btn">Add</button>
-    </form>
-  </div>
   <div class="section">
     <h2>Theme</h2>
     <p class="desc">Shell chrome + terminal colors.</p>
@@ -171,14 +130,14 @@ import{cssVarsStyle as h}from"../theme.js";import{getThemeTemplates as b,THEME_T
   </div>
 </div>
 </body>
-</html>`}const y={vscode:"VS Code",ghostty:"Ghostty","warm-clay":"Warm Clay","dark-cove":"Dark Cove"},w=["background","foreground","red","green","yellow","blue","magenta","cyan"];function S(a){const{theme:e,saved:r=!1}=a,i=b(),l=x.map(t=>{const d=i[t],s=e.template===t,c=w.map(o=>`<span class="swatch" style="background:${n(d.terminal[o])}" title="${o}"></span>`).join("");return`<label class="theme-card${s?" active":""}">
+</html>`}const x={vscode:"VS Code",ghostty:"Ghostty","warm-clay":"Warm Clay","dark-cove":"Dark Cove"},b=["background","foreground","red","green","yellow","blue","magenta","cyan"];function w(a){const{theme:e,saved:t=!1}=a,i=g(),l=v.map(r=>{const c=i[r],n=e.template===r,o=b.map(d=>`<span class="swatch" style="background:${s(c.terminal[d])}" title="${d}"></span>`).join("");return`<label class="theme-card${n?" active":""}">
       <div class="tname">
-        <input type="radio" name="template" value="${t}" ${s?"checked":""} style="accent-color:var(--panel-success)" />
-        ${n(y[t]??t)}
+        <input type="radio" name="template" value="${r}" ${n?"checked":""} style="accent-color:var(--panel-success)" />
+        ${s(x[r]??r)}
       </div>
-      <div class="swatches">${c}</div>
+      <div class="swatches">${o}</div>
     </label>`}).join(`
-`);return`${g("Theme",e)}
+`);return`${p("Theme",e)}
 <body>
 <div class="container">
   <div class="page-header">
@@ -190,7 +149,7 @@ import{cssVarsStyle as h}from"../theme.js";import{getThemeTemplates as b,THEME_T
     <strong>Note:</strong> the active theme is applied immediately to new page renders.
   </div>
-  ${r?'<div class="saved-flash">\u2713 Theme saved.</div>':""}
+  ${t?'<div class="saved-flash">\u2713 Theme saved.</div>':""}
   <form method="POST" action="/settings/theme">
     <div class="theme-grid">
@@ -202,4 +161,4 @@ import{cssVarsStyle as h}from"../theme.js";import{getThemeTemplates as b,THEME_T
   </form>
 </div>
 </body>
-</html>`}export{T as renderSettings,S as renderThemeSettings};
+</html>`}export{y as renderSettings,w as renderThemeSettings};

package/dist/lib/pages/shell.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{cssVarsStyle as g}from"../theme.js";import{commandbarCSS as b,commandbarHTML as x,commandbarScript as m}from"../commandbar.js";import{newSessionModalCSS as v,newSessionModalHTML as u,newSessionModalScript as h,reducedMotion as y}from"../shared-layout.js";import{icon as i}from"../icons.js";function $(o){return o.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function n(o="var(--panel-accent)"){return`box-shadow: 0 0 0 2px ${o}; outline: none;`}function T(o){const{theme:e,commandbarEnabled:t,commandbarSessions:a,fsRoots:s,terminalCfg:p,renderer:r,scrollback:l,wsBase:d}=o,c=`
+import{cssVarsStyle as c}from"../theme.js";import{newSessionModalCSS as f,newSessionModalHTML as g,newSessionModalScript as x,reducedMotion as b}from"../shared-layout.js";import{icon as i}from"../icons.js";function y(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function o(t="var(--panel-accent)"){return`box-shadow: 0 0 0 2px ${t}; outline: none;`}function k(t){const{theme:e,fsRoots:r,terminalCfg:a,renderer:n,scrollback:s,wsBase:p}=t,l=`
   *, *::before, *::after { box-sizing: border-box; }
   html, body {
     background: var(--page-bg); color: var(--page-fg);
@@ -87,7 +87,7 @@ import{cssVarsStyle as g}from"../theme.js";import{commandbarCSS as b,commandbarH
   }
   .sidebar-footer .mode-btn:hover { color: var(--panel-accent); background: color-mix(in srgb, var(--panel-accent) 8%, transparent); }
   .sidebar-footer .mode-btn.active { color: var(--panel-accent); background: color-mix(in srgb, var(--panel-accent) 10%, transparent); }
-  .sidebar-footer .mode-btn:focus-visible { ${n()} }
+  .sidebar-footer .mode-btn:focus-visible { ${o()} }
   /* \u2500\u2500 Sidebar session mode \u2500\u2500 */
   .session-item {
@@ -109,7 +109,7 @@ import{cssVarsStyle as g}from"../theme.js";import{commandbarCSS as b,commandbarH
   }
   .session-item:hover .session-edit-btn { display: flex; align-items: center; }
   .session-edit-btn:hover { color: var(--panel-accent); background: color-mix(in srgb, var(--panel-accent) 8%, transparent); }
-  .session-edit-btn:focus-visible { ${n()} }
+  .session-edit-btn:focus-visible { ${o()} }
   .sidebar-section-label {
     font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.05em;
@@ -135,7 +135,7 @@ import{cssVarsStyle as g}from"../theme.js";import{commandbarCSS as b,commandbarH
     color: var(--panel-accent); border-color: var(--panel-accent);
     background: color-mix(in srgb, var(--panel-accent) 6%, transparent);
   }
-  .new-session-sidebar-btn:focus-visible { ${n()} }
+  .new-session-sidebar-btn:focus-visible { ${o()} }
   .new-session-sidebar-btn svg { width: 16px; height: 16px; fill: currentColor; }
   /* \u2500\u2500 Sidebar files mode \u2500\u2500 */
@@ -409,7 +409,7 @@ import{cssVarsStyle as g}from"../theme.js";import{commandbarCSS as b,commandbarH
     color: var(--page-fg); transition: opacity 0.15s; text-decoration: none;
   }
   .btn:hover { opacity: 0.85; }
-  .btn:focus-visible { ${n()} }
+  .btn:focus-visible { ${o()} }
   .btn.primary { background: var(--panel-accent); border-color: var(--panel-accent); color: var(--panel-accent-on); font-weight: 500; }
   .btn.primary:hover { opacity: 0.9; }
   .btn.danger { color: #b91c1c; border-color: color-mix(in srgb, #b91c1c 30%, transparent); }
@@ -580,10 +580,8 @@ import{cssVarsStyle as g}from"../theme.js";import{commandbarCSS as b,commandbarH
   .file-roots-list li:hover { border-color: var(--panel-accent); }
   .file-roots-list li svg { width: 20px; height: 20px; flex-shrink: 0; fill: var(--panel-accent); }
-  /* \u2500\u2500 Commandbar \u2500\u2500 */
-  ${t?b():""}
-  ${y()}
-  ${v()}
+  ${b()}
+  ${f()}
   @media (max-width: 640px) {
     .app-layout { flex-direction: column; }
     .sidebar { flex: 0 0 auto; border-right: none; border-bottom: 1px solid var(--panel-border); transition: max-height 0.2s; }
@@ -594,7 +592,7 @@ import{cssVarsStyle as g}from"../theme.js";import{commandbarCSS as b,commandbarH
     .mobile-keys .mk-buttons { display: none; }
     .mobile-keys.mk-focused .mk-buttons { display: flex; flex-wrap: wrap; gap: 4px; }
   }
-  `,k=JSON.stringify(e.terminal).replace(/</g,"\\u003c"),f=JSON.stringify({terminal:p,scrollback:l,theme:e.terminal,renderer:r,fsRoots:s,commandbarEnabled:t,wsBase:d||""}).replace(/</g,"\\u003c");return`<!DOCTYPE html>
+  `,m=JSON.stringify(e.terminal).replace(/</g,"\\u003c"),d=JSON.stringify({terminal:a,scrollback:s,theme:e.terminal,renderer:n,fsRoots:r,wsBase:p||""}).replace(/</g,"\\u003c");return`<!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="UTF-8" />
@@ -607,8 +605,8 @@ import{cssVarsStyle as g}from"../theme.js";import{commandbarCSS as b,commandbarH
 <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 <title>tmux-weblink</title>
 <style>
-  ${g(e.shell)}
-  ${c}
+  ${c(e.shell)}
+  ${l}
 </style>
 </head>
 <body>
@@ -633,7 +631,6 @@ import{cssVarsStyle as g}from"../theme.js";import{commandbarCSS as b,commandbarH
 <header class="fixed-header">
   <div class="brand" id="brand-toggle">tmux<span>-weblink</span></div>
   <div class="header-actions">
-    ${t?`<button class="header-btn" id="cmdbar-btn" title="Search" aria-label="Search">${i("search")}</button>`:""}
   </div>
   <div id="header-git" title="Click to browse repository"></div>
   <span id="header-ram"></span>
@@ -703,16 +700,9 @@ import{cssVarsStyle as g}from"../theme.js";import{commandbarCSS as b,commandbarH
 <!-- Settings popover -->
 <div class="popover-backdrop" id="settings-backdrop"></div>
 <div class="settings-popover" id="settings-popover">
-  <div class="settings-item">
-    <span>Command bar</span>
-    <button class="toggle${t?" on":""}" id="set-commandbar"></button>
-  </div>
-  <div class="settings-item">
-  </div>
-  <hr class="settings-divider" />
   <div class="settings-item">
     <span>Terminal renderer</span>
-    <span style="font-size:var(--text-xs);color:var(--panel-muted)">${r==="ghostty"?"Ghostty":"xterm.js"}</span>
+    <span style="font-size:var(--text-xs);color:var(--panel-muted)">${n==="ghostty"?"Ghostty":"xterm.js"}</span>
   </div>
   <hr class="settings-divider" />
   <div style="padding:4px 0">
@@ -722,8 +712,8 @@ import{cssVarsStyle as g}from"../theme.js";import{commandbarCSS as b,commandbarH
     <button class="theme-option" data-theme="dark-cove" title="Dark Cove"><span class="theme-dot" style="background:#7aa2f7"></span>Dark Cove${e.template==="dark-cove"?'<span class="theme-check">\u2713</span>':""}</button>
   </div>
   <hr class="settings-divider" />
-  <a href="/settings" class="settings-item" id="set-plugins-link" style="cursor:pointer;color:inherit;text-decoration:none">
-    <span>Plugins & Settings</span>
+  <a href="/settings" class="settings-item" id="set-settings-link" style="cursor:pointer;color:inherit;text-decoration:none">
+    <span>Settings</span>
     <span style="font-size:var(--text-xs);color:var(--panel-muted)">\u2192</span>
   </a>
 </div>
@@ -760,21 +750,19 @@ import{cssVarsStyle as g}from"../theme.js";import{commandbarCSS as b,commandbarH
 })();
 </script>
-${u()}
-${t?x():""}
+${g()}
 <script>
-window.__TMUX_WEB_SHELL__ = ${f};
+window.__TMUX_WEB_SHELL__ = ${d};
 </script>
 <script type="module">
 await import('/assets/shell-client.js');
-${t?m(a,[]):""}
 // Wrapper: refresh sidebar list, then open session
 window.__onSessionCreated = async function(name, agentId) {
   await window.__refreshSidebar();
   window.__openSession(name, agentId || undefined);
 };
-${h("__onSessionCreated")}
+${x("__onSessionCreated")}
 </script>
 <script>
 // Sync app-layout height to visual viewport so mobile keyboard doesn't overlap
@@ -841,4 +829,4 @@ if ('serviceWorker' in navigator) {
 }
 </script>
 </body>
-</html>`}export{T as renderShell};
+</html>`}export{k as renderShell};

package/dist/lib/setup-features.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{readSettings as e,writeSettings as n}from"./settings.js";const t=[{id:"commandbar",label:"Command bar",description:"\u2318K session search + quick actions",kind:"builtin",isEnabled:a=>a.commandbar===!0,async enable(){const a=await e();await n({...a,commandbar:!0}),console.log("\u2713 command bar enabled")},async disable(){const a=await e();await n({...a,commandbar:!1}),console.log("\u2713 command bar disabled")}},{id:"agents",label:"Agents page",description:"watch AI agents (Claude, Codex, OpenCode, Cursor) in recently-viewed panes",kind:"builtin",isEnabled:a=>a.agents===!0,async enable(){const a=await e();await n({...a,agents:!0}),console.log("\u2713 agents page enabled")},async disable(){const a=await e();await n({...a,agents:!1}),console.log("\u2713 agents page disabled")}}];export{t as SETUP_FEATURES};
1	+ import{readSettings as a,writeSettings as t}from"./settings.js";const s=[{id:"agents",label:"Agents page",description:"watch AI agents (Claude, Codex, OpenCode, Cursor) in recently-viewed panes",kind:"builtin",isEnabled:e=>e.agents===!0,async enable(){const e=await a();await t({...e,agents:!0}),console.log("\u2713 agents page enabled")},async disable(){const e=await a();await t({...e,agents:!1}),console.log("\u2713 agents page disabled")}}];export{s as SETUP_FEATURES};