tmux-weblink 0.3.0

package/dist/lib/shared-layout.js

@@ -0,0 +1,412 @@
+import{commandbarButtonHTML as y}from"./commandbar.js";import{escapeHtml as l}from"./html.js";import{icon as a,iconPath as o}from"./icons.js";const d=[{id:"vscode",name:"VS Code",dot:"#007acc"},{id:"ghostty",name:"Ghostty",dot:"#ff5f00"},{id:"warm-clay",name:"Warm Clay",dot:"#b86b52"},{id:"dark-cove",name:"Dark Cove",dot:"#7aa2f7"}];function i(e="var(--panel-accent)"){return`box-shadow: 0 0 0 2px ${e}; outline: none;`}function k(e=""){return`
+  @media (prefers-reduced-motion: reduce) {
+    *, *::before, *::after {
+      animation-duration: 0.01ms !important;
+      animation-iteration-count: 1 !important;
+      transition-duration: 0.01ms !important;
+      scroll-behavior: auto !important;
+    }
+    ${e}
+  }`}function I(e="vscode"){const r=d.find(t=>t.id===e)??d[0],s=d.map(t=>{const n=t.id===e;return`<button type="button" class="theme-option${n?" active":""}" data-theme="${t.id}" role="menuitem">
+      <span class="theme-dot" style="background:${t.dot}"></span>
+      ${l(t.name)}
+      ${n?a("check",'class="theme-check" aria-hidden="true"'):""}
+    </button>`}).join(`
+`);return`<div class="theme-switcher" id="theme-switcher">
+    <button type="button" class="theme-switcher-btn" aria-label="Theme" aria-haspopup="true" aria-expanded="false">
+      <span class="theme-dot" style="background:${r.dot}"></span>
+      <span>${l(r.name)}</span>
+    </button>
+    <div class="theme-switcher-popover" role="menu">
+      ${s}
+    </div>
+  </div>`}function E(){return`(function() {
+  const switcher = document.getElementById('theme-switcher');
+  if (!switcher) return;
+  const btn = switcher.querySelector('.theme-switcher-btn');
+  const popover = switcher.querySelector('.theme-switcher-popover');
+  function close() { switcher.classList.remove('open'); btn.setAttribute('aria-expanded', 'false'); }
+  function open() { switcher.classList.add('open'); btn.setAttribute('aria-expanded', 'true'); }
+  btn.addEventListener('click', (e) => {
+    e.stopPropagation();
+    switcher.classList.contains('open') ? close() : open();
+  });
+  popover.addEventListener('click', async (e) => {
+    const opt = e.target.closest('.theme-option');
+    if (!opt) return;
+    const theme = opt.dataset.theme;
+    try {
+      await fetch('/api/theme', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ template: theme }),
+      });
+      location.reload();
+    } catch {}
+  });
+  document.addEventListener('click', (e) => {
+    if (switcher.classList.contains('open') && !switcher.contains(e.target)) close();
+  });
+})();`}function T(e=""){return`
+  *, *::before, *::after { box-sizing: border-box; }
+  html, body { background: var(--page-bg); color: var(--page-fg); min-height: 100%; font-family: var(--font-sans); margin: 0; padding: 0; }
+
+  /* \u2500\u2500 Fixed header \u2500\u2500 */
+  .fixed-header {
+    position: fixed; top: 0; left: 0; right: 0; z-index: 200;
+    background: color-mix(in srgb, var(--panel-bg) 92%, transparent);
+    backdrop-filter: blur(12px);
+    border-bottom: 1px solid var(--panel-border);
+    display: flex; justify-content: space-between; align-items: center;
+    padding: 0 16px; height: 56px;
+  }
+  .fixed-header .brand {
+    font-size: var(--text-base); font-weight: 600; letter-spacing: -0.01em; color: var(--page-fg);
+    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+  }
+  .fixed-header .brand span { color: var(--panel-accent); font-weight: 500; }
+  .fixed-header .brand a { color: inherit; text-decoration: none; }
+  .header-actions { display: flex; align-items: center; gap: 4px; }
+  .header-btn, .icon-btn {
+    display: flex; align-items: center; justify-content: center; gap: 6px;
+    background: none; border: none; color: var(--panel-muted); cursor: pointer;
+    min-width: 44px; min-height: 44px; padding: 8px 12px; border-radius: 10px;
+    transition: color 0.15s, background 0.15s;
+    font-size: var(--text-sm); text-decoration: none;
+  }
+  .header-btn:hover, .icon-btn:hover { color: var(--panel-accent); background: color-mix(in srgb, var(--panel-accent) 8%, transparent); }
+  .header-btn:focus-visible, .icon-btn:focus-visible { ${i()} }
+  .header-btn svg, .icon-btn svg { width: 18px; height: 18px; fill: currentColor; flex-shrink: 0; }
+
+  /* \u2500\u2500 Theme switcher popover \u2500\u2500 */
+  .theme-switcher { position: relative; }
+  .theme-switcher-btn {
+    display: flex; align-items: center; justify-content: center; gap: 6px;
+    background: none; border: none; color: var(--panel-muted); cursor: pointer;
+    min-width: 44px; min-height: 44px; padding: 8px 12px; border-radius: 10px;
+    transition: color 0.15s, background 0.15s;
+    font-size: var(--text-sm); text-decoration: none; font-family: inherit;
+  }
+  .theme-switcher-btn:hover { color: var(--panel-accent); background: color-mix(in srgb, var(--panel-accent) 8%, transparent); }
+  .theme-switcher-btn:focus-visible { ${i()} }
+  .theme-switcher-btn svg { width: 18px; height: 18px; fill: currentColor; flex-shrink: 0; }
+  .theme-switcher-popover {
+    position: absolute; top: calc(100% + 6px); right: 0;
+    min-width: 180px; max-width: calc(100vw - 24px);
+    background: var(--panel-bg); border: 1px solid var(--panel-border);
+    border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12); padding: 6px;
+    display: none; z-index: 300;
+  }
+  .theme-switcher.open .theme-switcher-popover { display: block; }
+  .theme-option {
+    display: flex; align-items: center; gap: 10px; width: 100%;
+    min-height: 44px; padding: 10px 12px; border-radius: 8px; border: none; background: none;
+    color: var(--page-fg); font-size: var(--text-sm); cursor: pointer; text-align: left; font-family: inherit;
+  }
+  .theme-option:hover { background: color-mix(in srgb, var(--panel-accent) 8%, transparent); color: var(--panel-accent); }
+  .theme-option:focus-visible { ${i()} }
+  .theme-option.active { color: var(--panel-accent); font-weight: 500; }
+  .theme-dot { width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; }
+  .theme-check { width: 16px; height: 16px; margin-left: auto; color: var(--panel-accent); }
+
+  /* \u2500\u2500 Page layout \u2500\u2500 */
+  .page-wrap { padding-top: 56px; }
+  .page-layout {
+    display: flex; gap: 24px; max-width: 1120px; margin: 0 auto; padding: 24px 16px;
+    align-items: flex-start;
+  }
+
+  /* \u2500\u2500 Main content panel \u2500\u2500 */
+  .main-panel { flex: 1; min-width: 0; }
+
+  /* \u2500\u2500 Action sidebar \u2500\u2500 */
+  .action-sidebar {
+    flex: 0 0 220px; max-width: 220px; min-width: 180px;
+    margin-right: 0; position: sticky; top: 80px;
+  }
+  .sidebar-label {
+    font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase;
+    color: var(--panel-muted); margin: 0 0 12px 4px; font-weight: 500;
+  }
+  .sidebar-btn {
+    display: flex; align-items: center; gap: 12px;
+    width: 100%; min-height: 44px;
+    padding: 10px 14px; border: 1px solid transparent; border-radius: 12px;
+    background: transparent; color: var(--page-fg); cursor: pointer;
+    font-size: var(--text-sm); font-family: inherit; text-decoration: none;
+    transition: background 0.15s, color 0.15s; margin-bottom: 4px;
+    text-align: left;
+  }
+  .sidebar-btn:hover { background: color-mix(in srgb, var(--panel-accent) 8%, transparent); color: var(--panel-accent); }
+  .sidebar-btn:focus-visible { ${i()} }
+  .sidebar-btn.primary {
+    background: var(--panel-accent); border-color: var(--panel-accent); color: var(--panel-accent-on);
+    font-weight: 500; margin-bottom: 16px; justify-content: center;
+  }
+  .sidebar-btn.primary:hover { opacity: 0.9; }
+  .sidebar-btn.current {
+    background: color-mix(in srgb, var(--panel-accent) 8%, transparent); color: var(--panel-accent);
+    font-weight: 500; cursor: default; pointer-events: none;
+  }
+  .sidebar-btn svg { width: 18px; height: 18px; fill: currentColor; flex-shrink: 0; }
+  .sidebar-divider { border: none; border-top: 1px solid var(--panel-border); margin: 14px 0; }
+
+  /* \u2500\u2500 New session modal \u2500\u2500 */
+  .modal-backdrop {
+    display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.3);
+    z-index: 500; align-items: center; justify-content: center;
+    padding: 16px;
+  }
+  .modal-backdrop.open { display: flex; }
+  .modal-panel {
+    background: var(--panel-bg); border: 1px solid var(--panel-border);
+    border-radius: 20px; padding: 24px; width: 100%; max-width: 440px;
+  }
+  .modal-panel h2 { font-size: var(--text-lg); font-weight: 600; margin: 0 0 20px; color: var(--page-fg); }
+  .modal-field { margin-bottom: 18px; position: relative; }
+  .modal-field label { display: block; font-size: var(--text-sm); font-weight: 500; color: var(--page-fg); margin-bottom: 8px; }
+  .modal-field input {
+    width: 100%; padding: 13px 15px; background: var(--page-bg);
+    border: 1px solid var(--panel-border); border-radius: 14px;
+    color: var(--page-fg); font-size: var(--text-base); font-family: inherit;
+    outline: none; transition: border-color 0.15s, box-shadow 0.15s;
+  }
+  .modal-field input:focus { border-color: var(--panel-accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--panel-accent) 8%, transparent); }
+  /* Custom directory autocomplete dropdown (replaces native <datalist>) */
+  .modal-dropdown {
+    display: none; position: absolute; left: 0; right: 0; top: 100%;
+    margin-top: 4px; max-height: 220px; overflow-y: auto; z-index: 10;
+    background: var(--panel-bg); border: 1px solid var(--panel-border);
+    border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);
+  }
+  .modal-dropdown.open { display: block; }
+  .modal-dropdown-item {
+    display: flex; align-items: center;
+    min-height: 44px; padding: 10px 14px; font-size: var(--text-sm); color: var(--page-fg); cursor: pointer;
+    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+  }
+  .modal-dropdown-item:hover, .modal-dropdown-item.active, .modal-dropdown-item:focus-visible {
+    background: color-mix(in srgb, var(--panel-accent) 8%, transparent); color: var(--panel-accent);
+  }
+  .modal-dropdown-item:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--panel-accent); }
+  .modal-error { font-size: var(--text-sm); color: #b91c1c; margin-bottom: 12px; display: none; }
+  .modal-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 8px; }
+  .modal-btn {
+    min-height: 44px; padding: 10px 20px; border-radius: 12px; font-size: var(--text-sm); font-family: inherit;
+    cursor: pointer; border: 1px solid var(--panel-border); background: var(--panel-bg);
+    color: var(--page-fg); transition: opacity 0.15s;
+  }
+  .modal-btn:hover { opacity: 0.85; }
+  .modal-btn:focus-visible { ${i()} }
+  .modal-btn.confirm {
+    background: var(--panel-accent); border-color: var(--panel-accent);
+    color: var(--panel-accent-on); font-weight: 500;
+  }
+  .modal-btn.confirm:hover { opacity: 0.9; }
+
+  /* \u2500\u2500 Mobile \u2500\u2500 */
+  @media (max-width: 560px) {
+    .page-layout { flex-direction: column; padding: 16px; gap: 0; }
+    .action-sidebar { max-width: 100%; min-width: 0; width: 100%; margin-right: 0; position: static; order: -1; }
+    .sidebar-label { display: none; }
+    .sidebar-btn { justify-content: center; }
+    .fixed-header { padding: 0 12px; }
+    .header-btn span,
+    .theme-switcher-btn span { display: none; }
+    .header-btn, .theme-switcher-btn { padding: 8px; }
+  }
+
+  ${k()}
+  ${e}`}function z(e){const{commandbarEnabled:r,title:s="TMUX Sessions",themeTemplate:t="vscode"}=e;return`<script>
+(function() {
+  const token = localStorage.getItem('tmux-web-token');
+  if (token) {
+    const orig = window.fetch;
+    window.fetch = function(input, init) {
+      init = init || {};
+      const headers = init.headers || {};
+      if (typeof headers === 'object' && !Array.isArray(headers) && !headers['Authorization'] && !headers['authorization']) {
+        init.headers = { ...headers, Authorization: 'Bearer ' + token };
+      }
+      return orig(input, init);
+    };
+  }
+})();
+</script>
+<header class="fixed-header">
+  <div class="brand"><a href="/" aria-label="Go to home">tmux<span>-weblink</span></a></div>
+  <div class="header-actions">
+    ${r?y("Search"):""}
+    <button class="header-btn" id="notes-toggle" title="Global notes" aria-label="Global notes">
+      ${a("notes")}
+      <span>Notes</span>
+    </button>
+    ${I(t)}
+    <a class="header-btn" href="/settings" title="Settings">
+      ${a("settings")}
+      <span>Settings</span>
+    </a>
+  </div>
+</header>
+<script>${E()}</script>`}function D(e){const{activePage:r,agentsEnabled:s,refreshHref:t}=e;function n(c,x,g,v,w=""){return`<a href="${x}" class="${c!==null&&c===r?"sidebar-btn current":"sidebar-btn"}"${w}>
+        <svg viewBox="0 0 24 24" fill="currentColor">${g}</svg>
+        ${v}
+      </a>`}const p=o("sessions"),m=o("notes"),u=o("schedule"),h=o("agents"),b=o("history"),f=o("quick-commands"),L=o("refresh");return`<aside class="action-sidebar">
+      <p class="sidebar-label">Actions</p>
+      <button class="sidebar-btn primary" id="new-session-btn">
+        ${a("add")}
+        New Session
+      </button>
+      <hr class="sidebar-divider">
+      ${n("home","/",p,"Sessions")}
+      ${n("notes","/notes",m,"All Notes")}
+      ${n("schedule","/schedule",u,"Scheduled")}
+      ${n("history","/history",b,"History")}
+      ${n("quickCommands","/quick-commands",f,"Quick Commands")}
+      ${s?n("agents","/agents",h,"All Agents"):""}
+      <hr class="sidebar-divider">
+      <a href="${t}" class="sidebar-btn">
+        ${a("refresh")}
+        Refresh
+      </a>
+    </aside>`}function M(){return`<div class="modal-backdrop" id="new-session-modal" role="dialog" aria-modal="true" aria-label="Create new tmux session">
+  <div class="modal-panel">
+    <h2>New Session</h2>
+    <div class="modal-field">
+      <label for="ns-name">Session name</label>
+      <input type="text" id="ns-name" placeholder="e.g. myproject" autocomplete="off" spellcheck="false" />
+    </div>
+    <div class="modal-field">
+      <label for="ns-dir">Start directory</label>
+      <input type="text" id="ns-dir" placeholder="~" autocomplete="off" spellcheck="false" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-controls="ns-dir-list" />
+      <div class="modal-dropdown" id="ns-dir-list" role="listbox"></div>
+    </div>
+    <p class="modal-error" id="ns-error"></p>
+    <div class="modal-actions">
+      <button class="modal-btn" id="ns-cancel">Cancel</button>
+      <button class="modal-btn confirm" id="ns-submit">Create</button>
+    </div>
+  </div>
+</div>`}function j(){return`(function() {
+  const modal = document.getElementById('new-session-modal');
+  const openBtn = document.getElementById('new-session-btn');
+  const cancelBtn = document.getElementById('ns-cancel');
+  const submitBtn = document.getElementById('ns-submit');
+  const nameInput = document.getElementById('ns-name');
+  const dirInput = document.getElementById('ns-dir');
+  const dirList = document.getElementById('ns-dir-list');
+  const errorEl = document.getElementById('ns-error');
+
+  function openModal() {
+    modal.classList.add('open');
+    nameInput.value = '';
+    dirInput.value = '';
+    errorEl.style.display = 'none';
+    errorEl.textContent = '';
+    closeDropdown();
+    setTimeout(() => nameInput.focus(), 50);
+  }
+
+  function closeModal() { modal.classList.remove('open'); }
+
+  openBtn.addEventListener('click', openModal);
+  cancelBtn.addEventListener('click', closeModal);
+  modal.addEventListener('click', (e) => { if (e.target === modal) closeModal(); });
+  document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && modal.classList.contains('open')) closeModal(); });
+
+  let debounceTimer = null;
+  let activeIdx = -1;
+
+  function closeDropdown() {
+    dirList.classList.remove('open');
+    dirList.innerHTML = '';
+    activeIdx = -1;
+    dirInput.setAttribute('aria-expanded', 'false');
+  }
+
+  function setActive(idx) {
+    const items = dirList.querySelectorAll('.modal-dropdown-item');
+    if (!items.length) return;
+    activeIdx = (idx + items.length) % items.length;
+    items.forEach((it, i) => it.classList.toggle('active', i === activeIdx));
+    items[activeIdx].scrollIntoView({ block: 'nearest' });
+  }
+
+  function renderDropdown(dirs) {
+    dirList.innerHTML = '';
+    activeIdx = -1;
+    if (!dirs.length) { closeDropdown(); return; }
+    for (const d of dirs) {
+      const item = document.createElement('div');
+      item.className = 'modal-dropdown-item';
+      item.setAttribute('role', 'option');
+      item.textContent = d;
+      // mousedown (not click) so the input doesn't blur before we read the value
+      item.addEventListener('mousedown', (e) => {
+        e.preventDefault();
+        dirInput.value = d;
+        closeDropdown();
+        dirInput.focus();
+      });
+      dirList.appendChild(item);
+    }
+    dirList.classList.add('open');
+    dirInput.setAttribute('aria-expanded', 'true');
+  }
+
+  dirInput.addEventListener('input', () => {
+    clearTimeout(debounceTimer);
+    const val = dirInput.value.trim();
+    if (!val) { closeDropdown(); return; }
+    debounceTimer = setTimeout(async () => {
+      try {
+        const res = await fetch('/api/fs/list?path=' + encodeURIComponent(val));
+        const data = await res.json();
+        renderDropdown(data.dirs || []);
+      } catch { closeDropdown(); }
+    }, 200);
+  });
+
+  dirInput.addEventListener('blur', () => { setTimeout(closeDropdown, 120); });
+
+  async function submit() {
+    const name = nameInput.value.trim();
+    const dir = dirInput.value.trim();
+    if (!name) { showError('Session name is required.'); nameInput.focus(); return; }
+    submitBtn.disabled = true;
+    submitBtn.textContent = 'Creating\u2026';
+    errorEl.style.display = 'none';
+    try {
+      const res = await fetch('/api/sessions/new', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ name, dir: dir || undefined }),
+      });
+      const data = await res.json();
+      if (!res.ok) { showError(data.error || 'Failed to create session.'); return; }
+      window.location.href = '/s/' + encodeURIComponent(name);
+    } catch { showError('Network error. Please try again.'); }
+    finally { submitBtn.disabled = false; submitBtn.textContent = 'Create'; }
+  }
+
+  function showError(msg) { errorEl.textContent = msg; errorEl.style.display = 'block'; }
+
+  submitBtn.addEventListener('click', submit);
+  nameInput.addEventListener('keydown', (e) => { if (e.key === 'Enter') dirInput.focus(); });
+  dirInput.addEventListener('keydown', (e) => {
+    const open = dirList.classList.contains('open');
+    const items = dirList.querySelectorAll('.modal-dropdown-item');
+    if (open && items.length) {
+      if (e.key === 'ArrowDown') { e.preventDefault(); setActive(activeIdx + 1); return; }
+      if (e.key === 'ArrowUp') { e.preventDefault(); setActive(activeIdx - 1); return; }
+      if (e.key === 'Escape') { e.preventDefault(); e.stopPropagation(); closeDropdown(); return; }
+      if (e.key === 'Enter' && activeIdx >= 0) {
+        e.preventDefault();
+        dirInput.value = items[activeIdx].textContent;
+        closeDropdown();
+        return;
+      }
+    }
+    if (e.key === 'Enter') submit();
+  });
+})();`}export{M as newSessionModalHTML,j as newSessionModalScript,z as sharedHeader,T as sharedLayoutCSS,D as sharedSidebar,I as themeSwitcherButtonHTML,E as themeSwitcherScript};

package/dist/lib/state-paths.js

@@ -0,0 +1 @@
+import e from"node:path";import{homedir as n}from"node:os";function s(t){if(!t)return!1;const o=t.trim().toLowerCase();return o==="1"||o==="true"||o==="yes"}function i(){const t=process.env.TMUX_WEB_MODE?.trim().toLowerCase();return t==="development"||t==="dev"||s(process.env.TMUX_WEB_DEV)?!0:process.env.NODE_ENV==="development"||process.env.npm_lifecycle_event==="dev"}function r(){return i()?e.join(n(),".dev",".tmux-web"):e.join(n(),".tmux-web")}function u(){return i()?e.join(n(),".dev",".config"):e.join(n(),".config")}function f(){return e.join(u(),"tmux-web","settings.json")}function m(){return e.join(u(),"tmux-web","theme.json")}function d(){return e.join(r(),"node_modules")}function x(t){return e.join(r(),"extensions",t)}function a(){return e.join(r(),"uploads")}export{u as getConfigRoot,r as getDataRoot,x as getExtensionDataDir,d as getPluginDir,f as getSettingsPath,m as getThemePath,a as getUploadsRoot};

package/dist/lib/terminal-config.js

@@ -0,0 +1 @@
+function n(s,r){if(!s)return r;const e=parseInt(s,10);return Number.isFinite(e)&&e>0?e:r}function i(){return{initialLines:n(process.env.TMUX_WEB_INITIAL_LINES,1e3),historyChunk:n(process.env.TMUX_WEB_HISTORY_CHUNK,500),syncIdleMs:n(process.env.TMUX_WEB_SYNC_IDLE_MS,200),syncMaxMs:n(process.env.TMUX_WEB_SYNC_MAX_MS,3e3)}}export{i as readTerminalBufferConfig};

package/dist/lib/theme-store.js

@@ -0,0 +1,2 @@
+import{readFile as o,writeFile as a,mkdir as m}from"node:fs/promises";import l from"node:path";import{getThemePath as c}from"./state-paths.js";import{isThemeTemplateId as s,resolveTheme as i}from"./themes/index.js";const r=c();function f(t){if(!t||typeof t!="object")return!1;const e=t;return s(e.template)&&typeof e.shell=="object"&&e.shell!==null&&typeof e.shell.pageBg=="string"&&typeof e.terminal=="object"&&e.terminal!==null&&typeof e.terminal.background=="string"}async function n(t){await m(l.dirname(r),{recursive:!0}),await a(r,JSON.stringify(t,null,2)+`
+`)}async function y(){try{const e=JSON.parse(await o(r,"utf-8"));if(f(e))return e}catch{}const t=i("vscode");return await n(t),t}async function w(t){const e=i(t);return await n(e),e}export{y as readActiveTheme,w as setActiveThemeTemplate,n as writeActiveTheme};

package/dist/lib/theme.js

@@ -0,0 +1,28 @@
+import{vscodeTheme as n}from"./themes/vscode.js";function a(e=n.shell){return`
+  @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap');
+  :root {
+    --page-bg: ${e.pageBg};
+    --page-fg: ${e.pageFg};
+    --panel-bg: ${e.panelBg};
+    --panel-border: ${e.panelBorder};
+    --panel-muted: ${e.panelMuted};
+    --panel-accent: ${e.panelAccent};
+    --panel-accent-on: ${e.panelAccentOn};
+    --panel-success: ${e.panelSuccess};
+    --terminal-bg: ${e.terminalBg};
+    --header-gradient: ${e.headerGradient??"none"};
+
+    /* Typography */
+    --font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+    --font-mono: 'JetBrains Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
+
+    --text-xs: 0.75rem;      /* 12px */
+    --text-sm: 0.875rem;     /* 14px */
+    --text-base: 1rem;       /* 16px */
+    --text-lg: 1.25rem;      /* 20px */
+    --text-xl: 1.5rem;       /* 24px */
+    --text-2xl: 1.75rem;     /* 28px */
+  }
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  html { font-family: var(--font-sans); font-size: 16px; line-height: 1.5; }
+  body { font-family: var(--font-sans); }`}export{a as cssVarsStyle};

package/dist/lib/themes/dark-cove.js

@@ -0,0 +1 @@
+const e={template:"dark-cove",shell:{pageBg:"#1a1d23",pageFg:"#e8eaed",panelBg:"#22262d",panelBorder:"#2f353f",panelMuted:"#9097a3",panelAccent:"#7aa2f7",panelAccentOn:"#15181d",panelSuccess:"#73daca",terminalBg:"#15181d",headerGradient:"linear-gradient(180deg, rgba(34, 38, 45, 0.98), rgba(26, 29, 35, 0.98))"},terminal:{foreground:"#c0caf5",background:"#15181d",cursor:"#c0caf5",cursorAccent:"#15181d",selectionBackground:"rgba(122, 162, 247, 0.35)",selectionForeground:"#c0caf5",black:"#15161e",red:"#f7768e",green:"#9ece6a",yellow:"#e0af68",blue:"#7aa2f7",magenta:"#bb9af7",cyan:"#7dcfff",white:"#a9b1d6",brightBlack:"#414868",brightRed:"#f7768e",brightGreen:"#9ece6a",brightYellow:"#e0af68",brightBlue:"#7aa2f7",brightMagenta:"#bb9af7",brightCyan:"#7dcfff",brightWhite:"#c0caf5"}};export{e as darkCoveTheme};

package/dist/lib/themes/ghostty.js

@@ -0,0 +1 @@
+const e={template:"ghostty",shell:{pageBg:"#1a1b26",pageFg:"#a9b1d6",panelBg:"#1f2335",panelBorder:"#292e42",panelMuted:"#565f89",panelAccent:"#7aa2f7",panelAccentOn:"#1a1b26",panelSuccess:"#9ece6a",terminalBg:"#1a1b26",headerGradient:"linear-gradient(180deg, rgba(31, 35, 53, 0.98), rgba(26, 27, 38, 0.98))"},terminal:{foreground:"#c0caf5",background:"#1a1b26",cursor:"#c0caf5",cursorAccent:"#1a1b26",selectionBackground:"#33467c",selectionForeground:"#c0caf5",black:"#15161e",red:"#f7768e",green:"#9ece6a",yellow:"#e0af68",blue:"#7aa2f7",magenta:"#bb9af7",cyan:"#7dcfff",white:"#a9b1d6",brightBlack:"#414868",brightRed:"#f7768e",brightGreen:"#9ece6a",brightYellow:"#e0af68",brightBlue:"#7aa2f7",brightMagenta:"#bb9af7",brightCyan:"#7dcfff",brightWhite:"#c0caf5"}};export{e as ghosttyTheme};

package/dist/lib/themes/index.js

@@ -0,0 +1 @@
+import{darkCoveTheme as t}from"./dark-cove.js";import{ghosttyTheme as m}from"./ghostty.js";import{vscodeTheme as h}from"./vscode.js";import{warmClayTheme as T}from"./warm-clay.js";import{darkCoveTheme as w}from"./dark-cove.js";import{ghosttyTheme as k}from"./ghostty.js";import{vscodeTheme as v}from"./vscode.js";import{warmClayTheme as l}from"./warm-clay.js";const o={vscode:h,ghostty:m,"warm-clay":T,"dark-cove":t},f=Object.keys(o);function a(){return o}function d(e){const r=o[e];if(!r)throw new Error(`unknown theme template: ${e}`);return structuredClone(r)}function i(e){return e==="vscode"||e==="ghostty"||e==="warm-clay"||e==="dark-cove"}export{f as THEME_TEMPLATE_IDS,w as darkCoveTheme,a as getThemeTemplates,k as ghosttyTheme,i as isThemeTemplateId,d as resolveTheme,v as vscodeTheme,l as warmClayTheme};

package/dist/lib/themes/vscode.js

@@ -0,0 +1 @@
+const e={template:"vscode",shell:{pageBg:"#111111",pageFg:"#d0d0d0",panelBg:"#11161d",panelBorder:"#243241",panelMuted:"#8a97a6",panelAccent:"#7dd3fc",panelAccentOn:"#0d1117",panelSuccess:"#73c991",terminalBg:"#1e1e1e",headerGradient:"linear-gradient(180deg, rgba(19, 28, 36, 0.98), rgba(13, 18, 24, 0.98))"},terminal:{foreground:"#cccccc",background:"#1e1e1e",cursor:"#aeafad",cursorAccent:"#1e1e1e",selectionBackground:"#264f78",selectionForeground:"#ffffff",black:"#000000",red:"#cd3131",green:"#0dbc79",yellow:"#e5e510",blue:"#2472c8",magenta:"#bc3fbc",cyan:"#11a8cd",white:"#e5e5e5",brightBlack:"#666666",brightRed:"#f14c4c",brightGreen:"#23d18b",brightYellow:"#f5f543",brightBlue:"#3b8eea",brightMagenta:"#d670d6",brightCyan:"#29b8db",brightWhite:"#ffffff"}};export{e as vscodeTheme};

package/dist/lib/themes/warm-clay.js

@@ -0,0 +1 @@
+const e={template:"warm-clay",shell:{pageBg:"#faf8f5",pageFg:"#2d2926",panelBg:"#ffffff",panelBorder:"#ebe5df",panelMuted:"#7b726b",panelAccent:"#b86b52",panelAccentOn:"#ffffff",panelSuccess:"#6b9e7c",terminalBg:"#2b2623",headerGradient:"linear-gradient(180deg, rgba(255,255,255,0.98), rgba(250,248,245,0.98))"},terminal:{foreground:"#e8e2dc",background:"#2b2623",cursor:"#e8e2dc",cursorAccent:"#2b2623",selectionBackground:"rgba(184, 107, 82, 0.35)",selectionForeground:"#e8e2dc",black:"#2b2623",red:"#d88a8a",green:"#8fc49f",yellow:"#e0c28a",blue:"#8ab4d8",magenta:"#c9a5c9",cyan:"#8ad0d0",white:"#d8d0c8",brightBlack:"#4a433e",brightRed:"#e8a0a0",brightGreen:"#a5d6b2",brightYellow:"#efd69a",brightBlue:"#a5c8e8",brightMagenta:"#d9b8d9",brightCyan:"#a0dede",brightWhite:"#f5f0eb"}};export{e as warmClayTheme};

package/dist/lib/tmux-capture.js

@@ -0,0 +1,5 @@
+import{execFileSync as f}from"node:child_process";const l=3e3;function g(n){return n.replace(/\r?\n/g,`\r
+`)}function o(n){return f("tmux",n,{encoding:"utf-8",timeout:l}).trimEnd()}function S(n){return o(["display-message","-p","-t",n,"#{session_name}:#{window_index}.#{pane_index}"])}function m(n){const t=o(["display-message","-p","-t",n,"#{history_size}"]),e=parseInt(t,10);return Number.isFinite(e)?e:0}function _(n){return o(["display-message","-p","-t",n,"#{alternate_on}"])==="1"}function c(n,t,e){const i=["capture-pane","-t",n,"-p","-S",String(t)];return e!==void 0&&i.push("-E",String(e)),o(i)}function h(n,t){return c(n,-t)}function y(n,t,e){const i=m(n);if(t>=i)return{data:"",lines:0};const p=-(t+e),a=-(t+1);let r=c(n,p,a);const u=r===""?0:r.split(`
+`).length,s=Math.min(e,u,i-t);return s<u&&s>0&&(r=r.split(`
+`).slice(-s).join(`
+`)),{data:r,lines:s}}export{y as capturePaneHistoryChunk,c as capturePaneLines,h as capturePaneTail,m as getPaneHistorySize,S as getSessionPaneTarget,_ as isAlternateScreen,g as toCrlf};

package/dist/lib/tmux-control.js

@@ -0,0 +1,2 @@
+import*as w from"node-pty";import{captureAndStoreWindows as p}from"./session-windows.js";import{recordWindowVisit as T}from"./window-history.js";const h=["%session-window-changed","%window-add","%window-close","%unlinked-window-close","%window-renamed","%session-renamed"];function x(e){return h.some(r=>e.startsWith(r))}const y=75,C=e=>w.spawn("tmux",["-CC","attach-session","-t",e,"-f","ignore-size,no-output"],{name:"xterm-256color",cols:80,rows:24,cwd:process.env.HOME||"/",env:process.env});function v(e){const r=p(e);if(!r.length)return null;const o=r.find(i=>i.active);return o&&T(e,o.index,o.name),{activeIndex:o?o.index:r[0].index,windows:r.map(i=>({index:i.index,name:i.name,active:i.active}))}}const c=new Map;function M(e,r,o={}){const i=o.spawn??C,a=o.requery??v,f=o.debounceMs??y;let l=c.get(e);if(!l){let n;try{n=i(e)}catch{return()=>{}}const t={pty:n,refCount:0,subscribers:new Set,buf:"",debounceTimer:null,schedule:()=>{}},m=()=>{t.debounceTimer=null;let u;try{u=a(e)}catch{u=null}if(u)for(const d of t.subscribers)try{d(u)}catch{}};t.schedule=()=>{t.debounceTimer&&clearTimeout(t.debounceTimer),t.debounceTimer=setTimeout(m,f)},n.onData(u=>{t.buf+=u;let d;for(;(d=t.buf.indexOf(`
+`))>=0;){const b=t.buf.slice(0,d).replace(/\r$/,"");t.buf=t.buf.slice(d+1),x(b)&&t.schedule()}}),n.onExit(()=>{t.debounceTimer&&clearTimeout(t.debounceTimer),c.delete(e)}),c.set(e,t),l=t}l.subscribers.add(r),l.refCount+=1,l.schedule();let s=!1;return()=>{if(s)return;s=!0;const n=c.get(e);if(n&&(n.subscribers.delete(r),n.refCount-=1,n.refCount<=0)){n.debounceTimer&&clearTimeout(n.debounceTimer);try{n.pty.kill()}catch{}c.delete(e)}}}function R(){for(const e of c.values()){e.debounceTimer&&clearTimeout(e.debounceTimer);try{e.pty.kill()}catch{}}c.clear()}function S(){return c.size}export{S as _controlClientCount,M as acquireControlClient,R as killAllControlClients,x as shouldRequery};

package/dist/lib/tmux-panes.js

@@ -0,0 +1,2 @@
+import{execFileSync as u}from"node:child_process";const w=3e3,l="#{pane_id}	#{pane_index}	#{window_index}	#{pane_pid}	#{pane_current_command}	#{pane_active}	#{window_active}";function m(t,e){const[n,a,c,r,d,p,s]=e.split("	");if(!n)return null;const i=parseInt(c,10),o=parseInt(a,10);return{paneId:n,paneIndex:Number.isFinite(o)?o:0,windowIndex:Number.isFinite(i)?i:0,pid:parseInt(r,10)||0,command:d??"",active:p==="1",windowActive:s==="1",target:`${t}:${i}.${o}`}}function x(t){try{return u("tmux",["list-panes","-s","-t",t,"-F",l],{encoding:"utf-8",timeout:w}).trim().split(`
+`).filter(Boolean).map(n=>m(t,n)).filter(n=>n!==null)}catch{return[]}}function _(t){return x(t).find(n=>n.active&&n.windowActive)??null}export{_ as getActivePaneInfo,x as listSessionPanes};

package/dist/lib/tmux-windows.js

@@ -0,0 +1,4 @@
+import{execFileSync as w}from"node:child_process";class r extends Error{status;constructor(n,e){super(n),this.status=e,this.name="TmuxWindowsError"}}function u(t){try{return w("tmux",["list-windows","-t",t,"-F","#{window_index}	#{window_name}	#{window_active}"],{encoding:"utf-8",timeout:3e3}).trim().split(`
+`).filter(Boolean).map(e=>{const[o,i,s]=e.split("	");return{index:parseInt(o,10),name:i,active:s==="1"}})}catch{return[]}}function d(t){try{return w("tmux",["list-windows","-t",t,"-F","#{window_index}	#{window_name}	#{window_active}	#{pane_current_path}"],{encoding:"utf-8",timeout:3e3}).trim().split(`
+`).filter(Boolean).map(e=>{const[o,i,s,a]=e.split("	");return{index:parseInt(o,10),name:i,active:s==="1",path:a??""}})}catch{return[]}}function f(t){if(!t)return!1;try{const n=w("git",["-C",t,"rev-parse","--git-dir","--git-common-dir"],{encoding:"utf-8",timeout:3e3,stdio:["ignore","pipe","ignore"]}),[e,o]=n.trim().split(`
+`);return!e||!o?!1:e!==o}catch{return!1}}function c(t){try{return w("tmux",["has-session","-t",t],{timeout:3e3}),!0}catch{return!1}}function p(t){if(!c(t))throw new r("session not found",404);try{w("tmux",["new-window","-t",t],{timeout:3e3})}catch(n){const e=n instanceof Error?n.message:"new-window failed";throw new r(e,500)}}function h(t,n){const e=["new-session","-d","-s",t];n&&e.push("-c",n);try{w("tmux",e,{timeout:5e3})}catch(o){const i=o instanceof Error?o.message:"new-session failed";throw new r(i,500)}}function x(t,n){if(!c(t))throw new r("session not found",404);if(!u(t).some(o=>o.index===n))throw new r("window not found",404);try{w("tmux",["select-window","-t",`${t}:${n}`],{timeout:3e3})}catch(o){const i=o instanceof Error?o.message:"select-window failed";throw new r(i,500)}}function l(t,n,e){if(!c(t))throw new r("session not found",404);if(!u(t).some(s=>s.index===n))throw new r("window not found",404);const i=e.trim();if(!i)throw new r("name is required",500);try{w("tmux",["rename-window","-t",`${t}:${n}`,i],{timeout:3e3})}catch(s){const a=s instanceof Error?s.message:"rename-window failed";throw new r(a,500)}}export{r as TmuxWindowsError,d as captureSessionWindowsWithPath,f as isGitWorktree,u as listSessionWindows,p as newSessionWindow,h as newTmuxSession,l as renameSessionWindow,x as selectSessionWindow};

package/dist/lib/watched-panes.js

@@ -0,0 +1 @@
+import{db as a}from"./db.js";const c=50;async function o(t){const e={...t,watchedAt:Date.now()},n=a.data.watchedPanes.filter(d=>d.paneId!==t.paneId);a.data.watchedPanes=[e,...n].slice(0,c),await a.write()}function r(){return a.data.watchedPanes}async function h(t){const e=a.data.watchedPanes.length;a.data.watchedPanes=a.data.watchedPanes.filter(n=>t.has(n.paneId)),a.data.watchedPanes.length!==e&&await a.write()}export{c as MAX_WATCHED_PANES,r as getWatchedPanes,h as pruneWatchedPanes,o as recordWatchedPane};

package/dist/lib/window-history.js

@@ -0,0 +1 @@
+import{db as t}from"./db.js";const e=200;async function c(i,r,o){const s=t.data.windowHistory??=[],a={sessionName:i,windowIndex:r,windowName:o,visitedAt:Date.now()},w=s.filter(n=>!(n.sessionName===i&&n.windowName===o));t.data.windowHistory=[a,...w].slice(0,e),await t.write()}function y(){return t.data.windowHistory??[]}async function H(){(t.data.windowHistory??[]).length&&(t.data.windowHistory=[],await t.write())}export{e as MAX_WINDOW_HISTORY,H as clearWindowHistory,y as listWindowHistory,c as recordWindowVisit};

package/dist/lib/window-labels.js

@@ -0,0 +1 @@
+import{db as a}from"./db.js";function r(t){return(a.data.windowLabels??[]).filter(n=>n.sessionName===t)}async function b(t,n,w){const e=a.data.windowLabels??=[],d=w.trim(),i=e.findIndex(o=>o.sessionName===t&&o.windowIndex===n);if(!d)return i>=0&&(e.splice(i,1),await a.write()),r(t);const l=Date.now();return i>=0?(e[i].label=d,e[i].updatedAt=l):e.push({sessionName:t,windowIndex:n,label:d,updatedAt:l}),await a.write(),r(t)}export{r as listWindowLabels,b as setWindowLabel};