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

tmux-weblink 2.0.13 → 2.0.14

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 (16) hide show

package/dist/agent.js +1 -1
package/dist/index.js +3 -3
package/dist/lib/build-app.js +6 -6
package/dist/lib/cli.js +6 -6
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/schedule-index.js +23 -25
package/dist/lib/pages/settings.js +18 -24
package/dist/lib/pages/shell.js +15 -27
package/dist/lib/setup-features.js +1 -1
package/dist/lib/shared-layout.js +38 -39
package/package.json +1 -1
package/dist/lib/commandbar.js +0 -555

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/schedule-index.js CHANGED Viewed

@@ -1,21 +1,21 @@
-import{cssVarsStyle as y}from"../theme.js";import{commandbarCSS as S,commandbarHTML as k,commandbarScript as $}from"../commandbar.js";import{notesDrawerCSS as E,notesDrawerHTML as L,notesDrawerScript as A}from"../notes-drawer.js";import{sharedLayoutCSS as B,sharedHeader as C,sharedSidebar as M,newSessionModalHTML as q,newSessionModalScript as I}from"../shared-layout.js";import{DELAY_INVALID_MESSAGE as D,DELAY_MAX_MESSAGE as R,MAX_SCHEDULE_MS as T,scheduleDelayParseScript as z}from"../schedule-delay.js";function t(s){return s.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function p(s){const n=new Date(s);return n.toLocaleDateString()+" "+n.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}function N(s,n){return s.length?`<div class="task-list">${s.map(e=>`<div class="task">
+import{cssVarsStyle as v}from"../theme.js";import{notesDrawerCSS as w,notesDrawerHTML as y,notesDrawerScript as S}from"../notes-drawer.js";import{sharedLayoutCSS as k,sharedHeader as $,sharedSidebar as E,newSessionModalHTML as L,newSessionModalScript as A}from"../shared-layout.js";import{DELAY_INVALID_MESSAGE as B,DELAY_MAX_MESSAGE as C,MAX_SCHEDULE_MS as M,scheduleDelayParseScript as q}from"../schedule-delay.js";function t(s){return s.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function d(s){const n=new Date(s);return n.toLocaleDateString()+" "+n.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}function I(s,n){return s.length?`<div class="task-list">${s.map(e=>`<div class="task">
   <div class="task-row1">
     <span class="cmd">${t(e.text)}</span>
     <span class="status-pill status-${e.status}">${e.status}</span>
   </div>
   <div class="task-row2">
     <a class="trig-target" href="/s/${encodeURIComponent(e.sessionName)}?window=${e.windowIndex}">${t(e.sessionName)} &middot; win:${e.windowIndex}</a>
-    <span class="meta">${t(p(e.triggeredAt))}</span>
+    <span class="meta">${t(d(e.triggeredAt))}</span>
   </div>${e.status==="error"&&e.error?`
   <div class="trig-error">${t(e.error)}</div>`:""}
 </div>`).join(`
-`)}</div>`:`<p class="empty">No tasks triggered in the last ${n} day${n===1?"":"s"}.</p>`}function G(s,n,c,e=7,i=!1,u=[]){const d=[...s].sort((r,o)=>r.fireAt-o.fireAt),l=new Map;for(const r of d){const o=l.get(r.sessionName);o?o.push(r):l.set(r.sessionName,[r])}const m=[...l.entries()].map(([r,o])=>{const w=o.map(a=>`<div class="task" data-id="${t(a.id)}">
+`)}</div>`:`<p class="empty">No tasks triggered in the last ${n} day${n===1?"":"s"}.</p>`}function N(s,n,i,e=7){const l=[...s].sort((r,o)=>r.fireAt-o.fireAt),c=new Map;for(const r of l){const o=c.get(r.sessionName);o?o.push(r):c.set(r.sessionName,[r])}const p=[...c.entries()].map(([r,o])=>{const x=o.map(a=>`<div class="task" data-id="${t(a.id)}">
   <div class="task-row1">
     <span class="cmd">${t(a.text)}</span>
     <span class="countdown" data-fire-at="${a.fireAt}">\u2026</span>
   </div>
   <div class="task-row2">
-    <span class="meta"><a class="win-link" href="/s/${encodeURIComponent(a.sessionName)}?window=${a.windowIndex}">win:${a.windowIndex}</a> &middot; fires ${t(p(a.fireAt))}</span>
+    <span class="meta"><a class="win-link" href="/s/${encodeURIComponent(a.sessionName)}?window=${a.windowIndex}">win:${a.windowIndex}</a> &middot; fires ${t(d(a.fireAt))}</span>
     <div style="display:flex;gap:4px;align-items:center;">
       <button class="reschedule-btn" data-id="${t(a.id)}">reschedule</button>
       <button class="cancel-btn" data-id="${t(a.id)}">cancel</button>
@@ -40,9 +40,9 @@ import{cssVarsStyle as y}from"../theme.js";import{commandbarCSS as S,commandbarH
     <span class="sname">${t(r)}</span>
     <span class="scount">${o.length}</span>
   </a>
-  <div class="task-list">${w}</div>
+  <div class="task-list">${x}</div>
 </div>`}).join(`
-`),h=d.length?m:'<p class="empty" id="empty-msg">No scheduled tasks.</p>',f=N(n,e),g=T,b=D,x=R,v=`
+`),u=l.length?p:'<p class="empty" id="empty-msg">No scheduled tasks.</p>',m=I(n,e),h=M,g=B,f=C,b=`
   .session-head {
     display: flex; align-items: center; gap: 8px; text-decoration: none;
     font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase;
@@ -154,8 +154,8 @@ import{cssVarsStyle as y}from"../theme.js";import{commandbarCSS as S,commandbarH
     .reschedule-input-row { flex-direction: column; align-items: stretch; }
     .reschedule-input-row button { align-self: flex-start; }
   }
-  ${i?S():""}
-  ${E()}`;return`<!DOCTYPE html>
+  ${w()}`;return`<!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="UTF-8" />
@@ -163,45 +163,43 @@ import{cssVarsStyle as y}from"../theme.js";import{commandbarCSS as S,commandbarH
 <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 <title>Scheduled tasks - tmux-web</title>
 <style>
-  ${y(c.shell)}
-  ${B(v)}
+  ${v(i.shell)}
+  ${k(b)}
 </style>
 </head>
 <body>
-${C({commandbarEnabled:i,title:"Scheduled",themeTemplate:c.template})}
+${$({title:"Scheduled",themeTemplate:i.template})}
 <div class="page-wrap">
   <div class="page-layout">
-    ${M({activePage:"schedule",refreshHref:"/schedule"})}
+    ${E({activePage:"schedule",refreshHref:"/schedule"})}
     <main class="main-panel">
       <div class="page-tab-bar">
         <button class="page-tab active" data-tab="upcoming">Upcoming</button>
         <button class="page-tab" data-tab="triggered">Recently Triggered</button>
       </div>
       <div class="tab-panel active" data-panel="upcoming">
-        <div id="schedule-list">${h}</div>
+        <div id="schedule-list">${u}</div>
       </div>
       <div class="tab-panel" data-panel="triggered">
-        ${f}
+        ${m}
       </div>
     </main>
   </div>
 </div>
-${q()}
-${i?k():""}
-${L("Notes - Global")}
+${L()}
+${y("Notes - Global")}
 <script type="module">
-${A("__global__")}
-${i?$(u,[]):""}
-${I()}
+${S("__global__")}
+${A()}
 </script>
 <script>
-const MAX_SCHEDULE_MS = ${g};
-${z()}
+const MAX_SCHEDULE_MS = ${h};
+${q()}
 // \u2500\u2500 Tabs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 function activateTab(name) {
@@ -286,13 +284,13 @@ async function submitReschedule(id, delayStr) {
   const delayMs = parseDelay(delayStr !== undefined ? delayStr : input.value);
   if (!delayMs) {
     input.classList.add('error');
-    errorEl.textContent = ${JSON.stringify(b)};
+    errorEl.textContent = ${JSON.stringify(g)};
     input.focus();
     return;
   }
   if (delayMs > MAX_SCHEDULE_MS) {
     input.classList.add('error');
-    errorEl.textContent = ${JSON.stringify(x)};
+    errorEl.textContent = ${JSON.stringify(f)};
     input.focus();
     return;
   }
@@ -389,4 +387,4 @@ tick();
 setInterval(tick, 1000);
 </script>
 </body>
-</html>`}export{G as renderScheduleIndex};
+</html>`}export{N as renderScheduleIndex};

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

@@ -1,4 +1,4 @@
-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 u}from"../theme.js";import{getThemeTemplates as h,THEME_TEMPLATE_IDS as b}from"../themes/index.js";function n(a){return a.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function m(a,e){return`<!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="UTF-8" />
@@ -6,7 +6,7 @@ import{cssVarsStyle as h}from"../theme.js";import{getThemeTemplates as b,THEME_T
 <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 <title>${n(a)} - tmux-web</title>
 <style>
-  ${h(e.shell)}
+  ${u(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; }
@@ -87,7 +87,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">
+</head>`}function x(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 $(a){const{settings:e,renderer:r,rendererOverridden:l,theme:d,plugins:t,saved:c=!1,error:s}=a,i=e.terminalRenderer??"xterm",o=e.defaultView??"default",g=e.scheduleHistoryDays??7,v=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" />
@@ -95,7 +95,7 @@ import{cssVarsStyle as h}from"../theme.js";import{getThemeTemplates as b,THEME_T
         <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)}
+`):'<p class="desc" style="margin:0">No plugins enabled.</p>';return`${m("Settings",d)}
 <body>
 <div class="container">
   <div class="page-header">
@@ -108,38 +108,32 @@ 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)}
+  ${x(c,s)}
   <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" ${i==="xterm"?"checked":""} /> xterm.js (default)</label>
+        <label class="row"><input type="radio" name="terminalRenderer" value="ghostty" ${i==="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>`:""}
+      ${l?`<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>`:""}
     </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>
+      <label class="row"><input type="number" class="num-input" name="scheduleHistoryDays" min="1" max="365" value="${g}" /> days</label>
     </div>
     <div class="form-actions">
@@ -150,7 +144,7 @@ import{cssVarsStyle as h}from"../theme.js";import{getThemeTemplates as b,THEME_T
   <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}
+    ${v}
     <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" />
@@ -171,14 +165,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 f={vscode:"VS Code",ghostty:"Ghostty","warm-clay":"Warm Clay","dark-cove":"Dark Cove"},y=["background","foreground","red","green","yellow","blue","magenta","cyan"];function T(a){const{theme:e,saved:r=!1}=a,l=h(),d=b.map(t=>{const c=l[t],s=e.template===t,i=y.map(o=>`<span class="swatch" style="background:${n(c.terminal[o])}" title="${o}"></span>`).join("");return`<label class="theme-card${s?" active":""}">
       <div class="tname">
         <input type="radio" name="template" value="${t}" ${s?"checked":""} style="accent-color:var(--panel-success)" />
-        ${n(y[t]??t)}
+        ${n(f[t]??t)}
       </div>
-      <div class="swatches">${c}</div>
+      <div class="swatches">${i}</div>
     </label>`}).join(`
-`);return`${g("Theme",e)}
+`);return`${m("Theme",e)}
 <body>
 <div class="container">
   <div class="page-header">
@@ -194,7 +188,7 @@ import{cssVarsStyle as h}from"../theme.js";import{getThemeTemplates as b,THEME_T
   <form method="POST" action="/settings/theme">
     <div class="theme-grid">
-      ${l}
+      ${d}
     </div>
     <div class="form-actions" style="margin-top:16px">
       <button type="submit" class="btn primary">Save theme</button>
@@ -202,4 +196,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{$ as renderSettings,T 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">
@@ -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};