@in-the-loop-labs/pair-review 1.3.3 → 1.4.0

package/public/js/local.js

@@ -1361,10 +1361,90 @@ class LocalManager {
     });
   }
 
+  /**
+   * Initialize inline name editing for the review title in the header
+   */
+  initNameEditing() {
+    const nameEl = document.getElementById('local-review-name');
+    if (!nameEl || nameEl.dataset.listenerAttached) return;
+    nameEl.dataset.listenerAttached = 'true';
+
+    const reviewId = this.reviewId;
+
+    nameEl.addEventListener('click', () => {
+      if (nameEl.querySelector('input')) return; // already editing
+
+      const currentName = nameEl.dataset.currentName || '';
+      const input = document.createElement('input');
+      input.type = 'text';
+      input.className = 'local-review-name-input';
+      input.value = currentName;
+      input.placeholder = 'Untitled';
+
+      nameEl.textContent = '';
+      nameEl.appendChild(input);
+      input.focus();
+      input.select();
+
+      let saved = false;
+
+      async function save() {
+        if (saved) return;
+        saved = true;
+        const newName = input.value.trim() || null;
+        try {
+          const response = await fetch(`/api/local/${reviewId}/name`, {
+            method: 'PATCH',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ name: newName })
+          });
+          if (!response.ok) throw new Error('Save failed');
+          nameEl.dataset.currentName = newName || '';
+          nameEl.textContent = newName || 'Untitled';
+          nameEl.classList.toggle('unnamed', !newName);
+          nameEl.title = 'Click to rename';
+        } catch (error) {
+          // Revert the display to the previous name on failure
+          cancel();
+        }
+      }
+
+      function cancel() {
+        nameEl.textContent = currentName || 'Untitled';
+        nameEl.classList.toggle('unnamed', !currentName);
+        nameEl.title = 'Click to rename';
+      }
+
+      input.addEventListener('blur', save);
+      input.addEventListener('keydown', function(e) {
+        if (e.key === 'Enter') {
+          e.preventDefault();
+          input.removeEventListener('blur', save);
+          save();
+        } else if (e.key === 'Escape') {
+          e.preventDefault();
+          input.removeEventListener('blur', save);
+          cancel();
+        }
+      });
+    });
+  }
+
   /**
    * Update local header with review info
    */
   updateLocalHeader(reviewData) {
+    // Update review name/title in header
+    const nameEl = document.getElementById('local-review-name');
+    if (nameEl) {
+      const name = reviewData.name || '';
+      nameEl.textContent = name || 'Untitled';
+      nameEl.dataset.currentName = name;
+      nameEl.classList.toggle('unnamed', !name);
+      nameEl.title = 'Click to rename';
+      this.initNameEditing();
+    }
+
     // Update repository name
     const repoName = document.getElementById('local-repo-name');
     if (repoName) {

package/public/js/modules/analysis-history.js

@@ -748,7 +748,11 @@ class AnalysisHistoryManager {
       'o1': 'thorough',
       'o1-mini': 'balanced',
       // Copilot models
-      'gpt-4': 'balanced'
+      'gpt-4': 'balanced',
+      // Pi models
+      'default': 'balanced',
+      'multi-model': 'thorough',
+      'review-roulette': 'thorough'
     };
 
     return modelTiers[modelId] || null;

package/public/local.html

@@ -165,6 +165,49 @@
             unicode-bidi: bidi-override;
         }
 
+        /* Editable review name in header */
+        .local-review-name {
+            font-size: 15px;
+            font-weight: 500;
+            color: var(--color-text-primary);
+            cursor: text;
+            padding: 2px 6px;
+            border-radius: 4px;
+            border: 1px dashed var(--color-border-primary);
+            transition: all 0.15s ease;
+            max-width: 360px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            position: relative;
+        }
+
+        .local-review-name:hover {
+            background: var(--color-bg-secondary);
+            border-color: var(--ai-primary);
+            border-style: solid;
+        }
+
+        .local-review-name.unnamed {
+            color: var(--color-text-tertiary);
+            font-style: italic;
+        }
+
+        .local-review-name-input {
+            font-family: 'DM Sans', -apple-system, sans-serif;
+            font-size: 15px;
+            font-weight: 500;
+            padding: 2px 6px;
+            border: 1px solid #d97706;
+            border-radius: 4px;
+            background: var(--color-bg-primary);
+            color: var(--color-text-primary);
+            outline: none;
+            box-shadow: 0 0 0 2px rgba(217, 119, 6, 0.15);
+            width: 280px;
+            max-width: 360px;
+        }
+
     </style>
 </head>
 <body>
@@ -205,8 +248,8 @@
                 </div>
             </div>
             <div class="header-center">
-                <!-- Title area intentionally left empty for local mode -->
-                <!-- The "Local Mode" badge and header info provide sufficient context -->
+                <!-- Editable review name/title -->
+                <span class="local-review-name" id="local-review-name" title="Click to rename">Untitled</span>
             </div>
             <div class="header-right">
                 <div class="header-icon-group">

package/src/ai/index.js

@@ -41,6 +41,7 @@ require('./codex-provider');
 require('./copilot-provider');
 require('./opencode-provider');
 require('./cursor-agent-provider');
+require('./pi-provider');
 
 // Export the unified API
 module.exports = {