@in-the-loop-labs/pair-review 3.2.3 → 3.3.1

package/public/js/components/DiffOptionsDropdown.js

@@ -44,11 +44,13 @@ class DiffOptionsDropdown {
    * @param {{start:string,end:string}} [callbacks.initialScope]
    * @param {boolean} [callbacks.branchAvailable]
    */
-  constructor(buttonElement, { onToggleWhitespace, onToggleMinimize, onScopeChange, initialScope, branchAvailable }) {
+  constructor(buttonElement, { onToggleWhitespace, onToggleMinimize, onScopeChange, initialScope, branchAvailable, worktreePath }) {
     this._btn = buttonElement;
     this._onToggleWhitespace = onToggleWhitespace;
     this._onToggleMinimize = onToggleMinimize || (() => {});
     this._onScopeChange = onScopeChange || null;
+    this._worktreePath = worktreePath || null;
+    this._worktreeName = null;
 
     this._popoverEl = null;
     this._checkbox = null;
@@ -169,6 +171,18 @@ class DiffOptionsDropdown {
     this._updateScopeUI();
   }
 
+  /** Set the worktree display name (relative path from base dir). */
+  set worktreeName(value) {
+    this._worktreeName = value || null;
+    this._updateWorktreeRow();
+  }
+
+  /** Set the worktree path (updates UI if popover already exists). */
+  set worktreePath(value) {
+    this._worktreePath = value || null;
+    this._updateWorktreeRow();
+  }
+
   /** Clear the scope status indicator (call after scope change completes). */
   clearScopeStatus() {
     if (this._scopeStatusEl) {
@@ -231,12 +245,18 @@ class DiffOptionsDropdown {
     const minCheckbox = minLabel.querySelector('input');
     popover.appendChild(minLabel);
 
+    // Worktree path row (placeholder — populated by _updateWorktreeRow)
+    this._worktreeRowEl = null;
+
     document.body.appendChild(popover);
 
     this._popoverEl = popover;
     this._checkbox = wsCheckbox;
     this._minimizeCheckbox = minCheckbox;
 
+    // Render worktree row if path is already known
+    this._updateWorktreeRow();
+
     // Respond to checkbox changes
     wsCheckbox.addEventListener('change', () => {
       this._hideWhitespace = wsCheckbox.checked;
@@ -281,6 +301,69 @@ class DiffOptionsDropdown {
     return label;
   }
 
+  /**
+   * Render or update the worktree path row at the bottom of the popover.
+   */
+  _updateWorktreeRow() {
+    if (!this._popoverEl) return;
+
+    // Remove existing row if any
+    if (this._worktreeRowEl) {
+      this._worktreeRowEl.remove();
+      this._worktreeRowEl = null;
+    }
+    if (!this._worktreePath) return;
+
+    const displayName = this._worktreeName || this._worktreePath.split('/').pop();
+
+    // Divider
+    const divider = document.createElement('div');
+    divider.style.height = '1px';
+    divider.style.background = 'var(--color-border-primary, #d0d7de)';
+    divider.style.margin = '0 20px';
+
+    // Row container
+    const row = document.createElement('div');
+    row.style.display = 'flex';
+    row.style.alignItems = 'center';
+    row.style.gap = '6px';
+    row.style.padding = '8px 12px';
+    row.style.fontSize = '0.8125rem';
+    row.style.color = 'var(--color-fg-muted, #656d76)';
+
+    const text = document.createElement('span');
+    text.textContent = `Worktree: ${displayName}`;
+    text.style.overflow = 'hidden';
+    text.style.textOverflow = 'ellipsis';
+    text.style.whiteSpace = 'nowrap';
+    text.style.minWidth = '0';
+
+    const copyBtn = document.createElement('button');
+    copyBtn.title = 'Copy full path';
+    copyBtn.style.cssText = 'background:none;border:none;cursor:pointer;padding:2px;color:inherit;display:flex;flex-shrink:0;';
+    copyBtn.innerHTML = '<svg width="14" height="14" viewBox="0 0 16 16" fill="currentColor"><path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"/><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"/></svg>';
+
+    const fullPath = this._worktreePath;
+    copyBtn.addEventListener('click', (e) => {
+      e.stopPropagation();
+      navigator.clipboard.writeText(fullPath).then(() => {
+        const orig = text.textContent;
+        text.textContent = 'Copied!';
+        setTimeout(() => { text.textContent = orig; }, 1500);
+      });
+    });
+
+    row.appendChild(text);
+    row.appendChild(copyBtn);
+
+    // Use a container so we can remove both elements via one reference
+    const container = document.createElement('div');
+    container.appendChild(divider);
+    container.appendChild(row);
+    this._popoverEl.appendChild(container);
+    this._worktreeRowEl = container;
+  }
+
   _renderScopeSelector(popover) {
     const LS = this._localScope;
 

package/public/js/index.js

@@ -141,11 +141,12 @@
    */
   function setFormLoading(tab, loading, text) {
     const ids = tab === 'pr'
-      ? { input: 'pr-url-input', btn: 'start-review-btn', loadingEl: 'start-review-loading-pr', loadingText: 'start-review-loading-text-pr', errorEl: 'start-review-error-pr', btnLabel: 'Start Review' }
-      : { input: 'local-path-input', btn: 'start-local-btn', loadingEl: 'start-review-loading-local', loadingText: 'start-review-loading-text-local', errorEl: 'start-review-error-local', btnLabel: 'Review Local' };
+      ? { input: 'pr-url-input', btn: 'start-review-btn', analyzeBtn: 'analyze-review-btn', loadingEl: 'start-review-loading-pr', loadingText: 'start-review-loading-text-pr', errorEl: 'start-review-error-pr', btnLabel: 'Open' }
+      : { input: 'local-path-input', btn: 'start-local-btn', analyzeBtn: 'analyze-local-btn', loadingEl: 'start-review-loading-local', loadingText: 'start-review-loading-text-local', errorEl: 'start-review-error-local', btnLabel: 'Open' };
 
     const inputEl = document.getElementById(ids.input);
     const btnEl = document.getElementById(ids.btn);
+    const analyzeBtnEl = document.getElementById(ids.analyzeBtn);
     const loadingEl = document.getElementById(ids.loadingEl);
     const loadingTextEl = document.getElementById(ids.loadingText);
     const errorEl = document.getElementById(ids.errorEl);
@@ -153,12 +154,14 @@
     if (loading) {
       if (inputEl) inputEl.disabled = true;
       if (btnEl) { btnEl.disabled = true; btnEl.textContent = 'Starting...'; }
+      if (analyzeBtnEl) analyzeBtnEl.disabled = true;
       if (loadingEl) loadingEl.classList.add('visible');
       if (loadingTextEl && text) loadingTextEl.textContent = text;
       if (errorEl) errorEl.classList.remove('visible', 'info');
     } else {
       if (inputEl) inputEl.disabled = false;
       if (btnEl) { btnEl.disabled = false; btnEl.textContent = ids.btnLabel; }
+      if (analyzeBtnEl) analyzeBtnEl.disabled = false;
       if (loadingEl) loadingEl.classList.remove('visible');
     }
   }
@@ -688,8 +691,10 @@
    * Navigates to the setup page which shows step-by-step progress,
    * matching the flow used when reviews are started from the MCP/CLI.
    * @param {Event} event - Form submit event
+   * @param {Object} [options] - Optional settings
+   * @param {boolean} [options.analyze=false] - When true, append analyze=true to the navigation URL
    */
-  async function handleStartLocal(event) {
+  async function handleStartLocal(event, { analyze = false } = {}) {
     event.preventDefault();
 
     const input = document.getElementById('local-path-input');
@@ -707,7 +712,9 @@
 
     // Navigate to the setup page which shows step-by-step progress
     // The /local?path= route serves setup.html which handles the full setup flow
-    window.location.href = '/local?path=' + encodeURIComponent(pathValue);
+    let href = '/local?path=' + encodeURIComponent(pathValue);
+    if (analyze) href += '&analyze=true';
+    window.location.href = href;
   }
 
   // ─── Browse Directory ──────────────────────────────────────────────────────
@@ -1080,7 +1087,7 @@
    * directly for PRs that already exist in the database.
    * @param {Event} event - Form submit event
    */
-  async function handleStartReview(event) {
+  async function handleStartReview(event, { analyze = false } = {}) {
     event.preventDefault();
 
     const input = document.getElementById('pr-url-input');
@@ -1111,7 +1118,9 @@
 
     // Navigate to the PR route which serves setup.html (with step-by-step progress)
     // for new PRs, or pr.html directly for PRs already in the database
-    window.location.href = '/pr/' + encodeURIComponent(parsed.owner) + '/' + encodeURIComponent(parsed.repo) + '/' + encodeURIComponent(parsed.prNumber);
+    let href = '/pr/' + encodeURIComponent(parsed.owner) + '/' + encodeURIComponent(parsed.repo) + '/' + encodeURIComponent(parsed.prNumber);
+    if (analyze) href += '?analyze=true';
+    window.location.href = href;
   }
 
   // ─── Config & Command Examples ──────────────────────────────────────────────
@@ -1870,6 +1879,22 @@
       browseBtn.addEventListener('click', handleBrowseLocal);
     }
 
+    // Set up PR Analyze button handler
+    const analyzeReviewBtn = document.getElementById('analyze-review-btn');
+    if (analyzeReviewBtn) {
+      analyzeReviewBtn.addEventListener('click', function (event) {
+        handleStartReview(event, { analyze: true });
+      });
+    }
+
+    // Set up Local Analyze button handler
+    const analyzeLocalBtn = document.getElementById('analyze-local-btn');
+    if (analyzeLocalBtn) {
+      analyzeLocalBtn.addEventListener('click', function (event) {
+        handleStartLocal(event, { analyze: true });
+      });
+    }
+
     // Note: No explicit Enter keypress handlers are needed here.
     // Both inputs are inside <form> elements, so pressing Enter
     // natively triggers form submission.

package/public/js/pr.js

@@ -506,6 +506,22 @@ class PRManager {
     }
   }
 
+  /**
+   * Sync worktree name/path to the diff options dropdown.
+   * Clears both fields when worktree_path is absent.
+   * @param {Object} prData - PR data object from the API
+   */
+  _syncWorktreeDropdown(prData) {
+    if (!this.diffOptionsDropdown) return;
+    if (prData.worktree_path) {
+      this.diffOptionsDropdown.worktreeName = prData.worktree_name || null;
+      this.diffOptionsDropdown.worktreePath = prData.worktree_path;
+    } else {
+      this.diffOptionsDropdown.worktreeName = null;
+      this.diffOptionsDropdown.worktreePath = null;
+    }
+  }
+
   /**
    * Load PR data from the API
    * @param {string} owner - Repository owner
@@ -529,6 +545,9 @@ class PRManager {
       const prData = responseData.data || responseData;
       this.currentPR = prData;
 
+      // Update diff options dropdown with worktree path and display name
+      this._syncWorktreeDropdown(prData);
+
       // Render PR header with metadata
       this.renderPRHeader(prData);
 
@@ -5129,6 +5148,9 @@ class PRManager {
           );
         }
 
+        // Sync worktree label to dropdown (may have changed after refresh)
+        this._syncWorktreeDropdown(data.data);
+
         // Save scroll position and expanded state
         const scrollPosition = window.scrollY;
         const expandedFolders = new Set(this.expandedFolders);

package/public/js/repo-settings.js

@@ -14,6 +14,7 @@ class RepoSettingsPage {
     this.providers = {};
     this.selectedProvider = null;
     this.councils = [];
+    this.worktreeData = null;
 
     this.init();
   }
@@ -39,6 +40,9 @@ class RepoSettingsPage {
 
     // Load settings
     await this.loadSettings();
+
+    // Load worktrees (non-blocking, section stays hidden on error)
+    await this.loadWorktrees();
   }
 
   /**
@@ -210,6 +214,16 @@ class RepoSettingsPage {
       });
     }
 
+    // Load skills select
+    const loadSkillsSelect = document.getElementById('load-skills-select');
+    if (loadSkillsSelect) {
+      loadSkillsSelect.addEventListener('change', () => {
+        const val = loadSkillsSelect.value;
+        this.currentSettings.load_skills = val === '' ? null : parseInt(val, 10);
+        this.checkForChanges();
+      });
+    }
+
     // Analysis mode segmented control
     const modeToggle = document.getElementById('analysis-mode-toggle');
     if (modeToggle) {
@@ -249,6 +263,22 @@ class RepoSettingsPage {
       clearLocalPathBtn.addEventListener('click', () => this.handleClearLocalPath());
     }
 
+    // Worktree actions (delegated)
+    const worktreesContent = document.getElementById('worktrees-content');
+    if (worktreesContent) {
+      worktreesContent.addEventListener('click', (e) => {
+        const deleteBtn = e.target.closest('.worktree-delete-btn');
+        if (deleteBtn) {
+          this.deleteWorktree(deleteBtn.dataset.worktreeId);
+          return;
+        }
+        const deleteAllBtn = e.target.closest('.worktree-delete-all-btn');
+        if (deleteAllBtn) {
+          this.deleteAllWorktrees();
+        }
+      });
+    }
+
     // Warn before leaving with unsaved changes
     window.addEventListener('beforeunload', (e) => {
       if (this.hasUnsavedChanges) {
@@ -825,7 +855,10 @@ class RepoSettingsPage {
         default_council_id: settings.default_council_id || null,
         default_instructions: settings.default_instructions || '',
         local_path: settings.local_path || null,
-        default_chat_instructions: settings.default_chat_instructions || ''
+        default_chat_instructions: settings.default_chat_instructions || '',
+        pool_size: settings.pool_size ?? null,
+        pool_fetch_interval_minutes: settings.pool_fetch_interval_minutes ?? null,
+        load_skills: settings.load_skills ?? null
       };
 
       // Set current settings
@@ -844,13 +877,279 @@ class RepoSettingsPage {
         default_council_id: null,
         default_instructions: '',
         local_path: null,
-        default_chat_instructions: ''
+        default_chat_instructions: '',
+        pool_size: null,
+        pool_fetch_interval_minutes: null,
+        load_skills: null
       };
       this.currentSettings = { ...this.originalSettings };
       this.updateUI();
     }
   }
 
+  /**
+   * Load worktree data for the current repository
+   */
+  async loadWorktrees() {
+    if (!this.owner || !this.repo) return;
+
+    try {
+      const response = await fetch(`/api/repos/${this.owner}/${this.repo}/worktrees`);
+      if (!response.ok) {
+        throw new Error('Failed to load worktrees');
+      }
+      this.worktreeData = await response.json();
+
+      // Seed pool settings from resolved config values when DB has no override
+      const pool = this.worktreeData.pool || {};
+      if (this.originalSettings.pool_size == null && pool.size) {
+        this.originalSettings.pool_size = pool.size;
+        this.currentSettings.pool_size = pool.size;
+      }
+      if (this.originalSettings.pool_fetch_interval_minutes == null && pool.fetch_interval_minutes) {
+        this.originalSettings.pool_fetch_interval_minutes = pool.fetch_interval_minutes;
+        this.currentSettings.pool_fetch_interval_minutes = pool.fetch_interval_minutes;
+      }
+
+      this.renderWorktrees();
+    } catch (error) {
+      console.error('Error loading worktrees:', error);
+    }
+  }
+
+  /**
+   * Render the worktrees section content
+   */
+  renderWorktrees() {
+    const section = document.getElementById('worktrees-section');
+    const content = document.getElementById('worktrees-content');
+    if (!section || !content) return;
+
+    if (!this.worktreeData) return;
+
+    section.style.display = '';
+
+    const pool = this.worktreeData.pool || {};
+    const worktrees = this.worktreeData.worktrees || [];
+    let html = '';
+
+    // Pool settings (editable)
+    const poolSizeValue = this.currentSettings.pool_size ?? '';
+    const fetchIntervalValue = this.currentSettings.pool_fetch_interval_minutes ?? '';
+    const currentCount = pool.current_count || 0;
+    const countNote = poolSizeValue ? ` (${currentCount} active)` : '';
+
+    html += `<div class="worktree-pool-config">
+      <div class="worktree-pool-config-items">
+        <div class="worktree-pool-config-item">
+          <label class="worktree-pool-config-label" for="pool-size-input">Pool Size</label>
+          <div class="worktree-pool-input-group">
+            <input type="number" id="pool-size-input" class="worktree-pool-input"
+              min="0" max="20" step="1" placeholder="0"
+              value="${this.escapeHtml(String(poolSizeValue))}">
+            <span class="worktree-pool-input-note">${this.escapeHtml(countNote)}</span>
+          </div>
+        </div>
+        <div class="worktree-pool-config-item">
+          <label class="worktree-pool-config-label" for="pool-fetch-interval-input">Fetch Interval</label>
+          <div class="worktree-pool-input-group">
+            <input type="number" id="pool-fetch-interval-input" class="worktree-pool-input"
+              min="0" max="1440" step="1" placeholder="Off"
+              value="${this.escapeHtml(String(fetchIntervalValue))}">
+            <span class="worktree-pool-input-note">minutes</span>
+          </div>
+        </div>
+      </div>
+      <p class="worktree-pool-hint">
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"><path d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm6.5-.25A.75.75 0 017.25 7h1a.75.75 0 01.75.75v2.75h.25a.75.75 0 010 1.5h-2a.75.75 0 010-1.5h.25v-2h-.25a.75.75 0 01-.75-.75zM8 6a1 1 0 100-2 1 1 0 000 2z"/></svg>
+        Pre-warms worktrees so PR reviews start instantly. Set size to 0 to disable.
+      </p>
+    </div>`;
+
+    // Worktree list
+    if (worktrees.length > 0) {
+      html += '<div class="worktree-list">';
+      for (const wt of worktrees) {
+        const badgeHtml = wt.is_pool
+          ? '<span class="worktree-pool-badge">Pool</span>'
+          : '<span class="worktree-adhoc-badge">Ad-hoc</span>';
+        const prInfo = wt.pr_number ? '#' + wt.pr_number : 'Unassigned';
+        const branchInfo = wt.branch ? ' &middot; ' + this.escapeHtml(wt.branch) : '';
+        const fullPath = wt.path || '';
+        const diskWarning = !wt.disk_exists
+          ? '<span class="worktree-disk-warning">Missing from disk</span>'
+          : '';
+        const statusIcon = this.getWorktreeStatusIcon(wt.status);
+        const statusLabel = this.getWorktreeStatusLabel(wt.status);
+        const fetchedHtml = wt.last_fetched_at
+          ? `<span class="worktree-timestamp">Fetched ${this.formatRelativeTime(wt.last_fetched_at)}</span>`
+          : '';
+
+        html += `<div class="worktree-item">
+          <div class="worktree-item-top">
+            <div class="worktree-item-left">
+              ${badgeHtml}
+              <span class="worktree-pr-info">${prInfo}${branchInfo}</span>
+              ${diskWarning}
+            </div>
+            <div class="worktree-item-right">
+              <span class="worktree-status worktree-status--${this.escapeHtml(wt.status || 'unknown')}">
+                ${statusIcon} ${statusLabel}
+              </span>
+              ${fetchedHtml}
+              <button class="worktree-delete-btn" data-worktree-id="${this.escapeHtml(wt.id)}" title="Delete worktree">
+                <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+                  <path fill-rule="evenodd" d="M6.5 1.75a.25.25 0 01.25-.25h2.5a.25.25 0 01.25.25V3h-3V1.75zm4.5 0V3h2.25a.75.75 0 010 1.5H2.75a.75.75 0 010-1.5H5V1.75C5 .784 5.784 0 6.75 0h2.5C10.216 0 11 .784 11 1.75zM4.496 6.675a.75.75 0 10-1.492.15l.66 6.6A1.75 1.75 0 005.405 15h5.19a1.75 1.75 0 001.741-1.575l.66-6.6a.75.75 0 00-1.492-.15l-.66 6.6a.25.25 0 01-.249.225h-5.19a.25.25 0 01-.249-.225l-.66-6.6z"/>
+                </svg>
+              </button>
+            </div>
+          </div>
+          <div class="worktree-item-bottom">
+            <span class="worktree-path">${this.escapeHtml(fullPath)}</span>
+          </div>
+        </div>`;
+      }
+      html += '</div>';
+
+      // Delete all button
+      html += `<div class="worktree-actions">
+        <button class="worktree-delete-all-btn">
+          <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+            <path fill-rule="evenodd" d="M6.5 1.75a.25.25 0 01.25-.25h2.5a.25.25 0 01.25.25V3h-3V1.75zm4.5 0V3h2.25a.75.75 0 010 1.5H2.75a.75.75 0 010-1.5H5V1.75C5 .784 5.784 0 6.75 0h2.5C10.216 0 11 .784 11 1.75zM4.496 6.675a.75.75 0 10-1.492.15l.66 6.6A1.75 1.75 0 005.405 15h5.19a1.75 1.75 0 001.741-1.575l.66-6.6a.75.75 0 00-1.492-.15l-.66 6.6a.25.25 0 01-.249.225h-5.19a.25.25 0 01-.249-.225l-.66-6.6z"/>
+          </svg>
+          Delete All Worktrees
+        </button>
+      </div>`;
+    } else {
+      html += '<div class="worktree-empty">No worktrees found for this repository.</div>';
+    }
+
+    content.innerHTML = html;
+
+    // Wire up pool setting inputs
+    const poolSizeInput = document.getElementById('pool-size-input');
+    if (poolSizeInput) {
+      poolSizeInput.addEventListener('input', () => {
+        const val = poolSizeInput.value.trim();
+        this.currentSettings.pool_size = val === '' ? null : parseInt(val, 10);
+        this.checkForChanges();
+      });
+    }
+    const poolFetchInput = document.getElementById('pool-fetch-interval-input');
+    if (poolFetchInput) {
+      poolFetchInput.addEventListener('input', () => {
+        const val = poolFetchInput.value.trim();
+        this.currentSettings.pool_fetch_interval_minutes = val === '' ? null : parseInt(val, 10);
+        this.checkForChanges();
+      });
+    }
+  }
+
+  /**
+   * Get the SVG icon for a worktree status
+   * @param {string} status
+   * @returns {string} Inline SVG string
+   */
+  getWorktreeStatusIcon(status) {
+    switch (status) {
+      case 'available':
+        return '<svg width="14" height="14" viewBox="0 0 16 16" fill="currentColor"><circle cx="8" cy="8" r="4" fill="#2da44e"/></svg>';
+      case 'in_use':
+        return '<svg width="14" height="14" viewBox="0 0 16 16" fill="currentColor"><path d="M4 4a4 4 0 0 1 8 0v2h.25c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 12.25 15h-8.5A1.75 1.75 0 0 1 2 13.25v-5.5C2 6.784 2.784 6 3.75 6H4Zm8.25 3.5h-8.5a.25.25 0 0 0-.25.25v5.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25ZM10.5 6V4a2.5 2.5 0 1 0-5 0v2Z"/></svg>';
+      case 'switching':
+        return '<svg class="worktree-icon-spin" width="14" height="14" viewBox="0 0 16 16" fill="currentColor"><path d="M8 2.5a5.5 5.5 0 00-5.23 3.79.75.75 0 01-1.42-.48A7.001 7.001 0 0115 8a7 7 0 01-13.65 2.19.75.75 0 011.42-.48A5.5 5.5 0 108 2.5z"/></svg>';
+      case 'creating':
+        return '<svg class="worktree-icon-spin" width="14" height="14" viewBox="0 0 16 16" fill="currentColor"><path d="M8 2.5a5.5 5.5 0 00-5.23 3.79.75.75 0 01-1.42-.48A7.001 7.001 0 0115 8a7 7 0 01-13.65 2.19.75.75 0 011.42-.48A5.5 5.5 0 108 2.5z"/></svg>';
+      case 'active':
+        return '<svg width="14" height="14" viewBox="0 0 16 16" fill="currentColor"><circle cx="8" cy="8" r="4" fill="#0969da"/></svg>';
+      default:
+        return '<svg width="14" height="14" viewBox="0 0 16 16" fill="currentColor"><circle cx="8" cy="8" r="4" fill="#8b949e"/></svg>';
+    }
+  }
+
+  /**
+   * Get the display label for a worktree status
+   * @param {string} status
+   * @returns {string}
+   */
+  getWorktreeStatusLabel(status) {
+    switch (status) {
+      case 'available': return 'Available';
+      case 'in_use': return 'In use';
+      case 'switching': return 'Switching';
+      case 'creating': return 'Creating';
+      case 'active': return 'Active';
+      default: return status || 'Unknown';
+    }
+  }
+
+
+
+  /**
+   * Format an ISO timestamp as a human-readable relative time string
+   * @param {string} isoString
+   * @returns {string}
+   */
+  formatRelativeTime(isoString) {
+    if (!isoString) return '';
+    const seconds = Math.floor((Date.now() - new Date(isoString).getTime()) / 1000);
+    if (seconds < 60) return 'just now';
+    const minutes = Math.floor(seconds / 60);
+    if (minutes < 60) return minutes + 'm ago';
+    const hours = Math.floor(minutes / 60);
+    if (hours < 24) return hours + 'h ago';
+    const days = Math.floor(hours / 24);
+    if (days === 1) return 'yesterday';
+    return days + 'd ago';
+  }
+
+  /**
+   * Delete a single worktree by ID
+   * @param {string} worktreeId
+   */
+  async deleteWorktree(worktreeId) {
+    if (!confirm('Delete this worktree? This removes it from disk and cannot be undone.')) return;
+
+    try {
+      const response = await fetch(`/api/repos/${this.owner}/${this.repo}/worktrees/${worktreeId}`, {
+        method: 'DELETE'
+      });
+      if (!response.ok) {
+        const data = await response.json().catch(() => ({}));
+        throw new Error(data.error || 'Failed to delete worktree');
+      }
+      this.showToast('success', 'Worktree deleted');
+      await this.loadWorktrees();
+    } catch (error) {
+      this.showToast('error', 'Failed to delete worktree: ' + error.message);
+    }
+  }
+
+  /**
+   * Delete all worktrees for the current repository
+   */
+  async deleteAllWorktrees() {
+    const count = this.worktreeData && this.worktreeData.worktrees
+      ? this.worktreeData.worktrees.length
+      : 0;
+    if (!confirm(`Delete all ${count} worktree(s)? This removes them from disk and cannot be undone.`)) return;
+
+    try {
+      const response = await fetch(`/api/repos/${this.owner}/${this.repo}/worktrees`, {
+        method: 'DELETE'
+      });
+      if (!response.ok) {
+        const data = await response.json().catch(() => ({}));
+        throw new Error(data.error || 'Failed to delete worktrees');
+      }
+      const data = await response.json();
+      this.showToast('success', `Deleted ${data.deleted} worktree(s)`);
+      await this.loadWorktrees();
+    } catch (error) {
+      this.showToast('error', 'Failed to delete worktrees: ' + error.message);
+    }
+  }
+
   updateUI() {
     // Update provider selection - validate provider exists before selecting
     let providerId = this.currentSettings.default_provider;
@@ -908,6 +1207,23 @@ class RepoSettingsPage {
 
     // Update local path display
     this.updateLocalPathDisplay();
+
+    // Update pool setting inputs
+    const poolSizeInput = document.getElementById('pool-size-input');
+    if (poolSizeInput) {
+      poolSizeInput.value = this.currentSettings.pool_size ?? '';
+    }
+    const poolFetchInput = document.getElementById('pool-fetch-interval-input');
+    if (poolFetchInput) {
+      poolFetchInput.value = this.currentSettings.pool_fetch_interval_minutes ?? '';
+    }
+
+    // Update load skills select
+    const loadSkillsSelect = document.getElementById('load-skills-select');
+    if (loadSkillsSelect) {
+      const val = this.currentSettings.load_skills;
+      loadSkillsSelect.value = val === null || val === undefined ? '' : String(val);
+    }
   }
 
   /**
@@ -957,8 +1273,11 @@ class RepoSettingsPage {
     const councilChanged = (this.currentSettings.default_council_id ?? null) !== (this.originalSettings.default_council_id ?? null);
     const instructionsChanged = (this.currentSettings.default_instructions ?? '') !== (this.originalSettings.default_instructions ?? '');
     const chatInstructionsChanged = (this.currentSettings.default_chat_instructions ?? '') !== (this.originalSettings.default_chat_instructions ?? '');
+    const poolSizeChanged = (this.currentSettings.pool_size ?? null) !== (this.originalSettings.pool_size ?? null);
+    const poolFetchChanged = (this.currentSettings.pool_fetch_interval_minutes ?? null) !== (this.originalSettings.pool_fetch_interval_minutes ?? null);
+    const loadSkillsChanged = (this.currentSettings.load_skills ?? null) !== (this.originalSettings.load_skills ?? null);
 
-    this.hasUnsavedChanges = providerChanged || modelChanged || tabChanged || councilChanged || instructionsChanged || chatInstructionsChanged;
+    this.hasUnsavedChanges = providerChanged || modelChanged || tabChanged || councilChanged || instructionsChanged || chatInstructionsChanged || poolSizeChanged || poolFetchChanged || loadSkillsChanged;
 
     // Show/hide action bar
     const actionBar = document.getElementById('action-bar');
@@ -993,7 +1312,10 @@ class RepoSettingsPage {
           default_tab: this.currentSettings.default_tab,
           default_council_id: this.currentSettings.default_council_id,
           default_instructions: this.currentSettings.default_instructions,
-          default_chat_instructions: this.currentSettings.default_chat_instructions
+          default_chat_instructions: this.currentSettings.default_chat_instructions,
+          pool_size: this.currentSettings.pool_size,
+          pool_fetch_interval_minutes: this.currentSettings.pool_fetch_interval_minutes,
+          load_skills: this.currentSettings.load_skills
         })
       });
 
@@ -1068,7 +1390,10 @@ class RepoSettingsPage {
           default_council_id: null,
           default_instructions: '',
           local_path: null,
-          default_chat_instructions: ''
+          default_chat_instructions: '',
+          pool_size: null,
+          pool_fetch_interval_minutes: null,
+          load_skills: null
         })
       });
 
@@ -1084,7 +1409,10 @@ class RepoSettingsPage {
         default_council_id: null,
         default_instructions: '',
         local_path: null,
-        default_chat_instructions: ''
+        default_chat_instructions: '',
+        pool_size: null,
+        pool_fetch_interval_minutes: null,
+        load_skills: null
       };
       this.currentSettings = { ...this.originalSettings };
       this.hasUnsavedChanges = false;