reviw 0.17.1 → 0.17.3

package/README.ja.md

@@ -177,7 +177,7 @@ plugin/
 
 | 種類 | 名前 | 説明 |
 |------|------|------|
-| **コマンド** | `/reviw:do` | タスク開始 - worktree作成、計画、todo登録 |
+| **コマンド** | `/reviw:do` | タスク開始 - gwqでworktree作成、計画、todo登録 |
 | **コマンド** | `/reviw:done` | 完了チェックリスト - 7レビューエージェント実行、エビデンス収集、レビュー開始 |
 | **エージェント** | `report-builder` | ユーザーレビュー用レポート準備 |
 | **エージェント** | `review-code-quality` | コード品質: 可読性、DRY、型安全性、エラーハンドリング |
@@ -201,22 +201,22 @@ plugin/
 適切な環境セットアップで新しいタスクを開始します。
 
 **処理内容:**
-1. 分離開発用のgit worktreeを作成（`feature/<name>`、`fix/<name>`など）
+1. gwqを使用して分離開発用のgit worktreeを作成（`feature/<name>`、`fix/<name>`など）
 2. エビデンス用の`.artifacts/<feature>/`ディレクトリをセットアップ
 3. 計画とTODOチェックリスト付きの`REPORT.md`を作成
 4. 進捗追跡用にTodoWriteにtodoを登録
 
 **作成されるディレクトリ構成:**
 ```
-.worktree/<feature>/
+<worktree>/                   # 例: ~/src/github.com/owner/myrepo-feature-auth/
 └── .artifacts/
-    └── <feature>/
-        ├── REPORT.md     # 計画、進捗、エビデンスリンク
-        ├── images/       # スクリーンショット
-        └── videos/       # 動画録画
+    └── <feature>/            # 例: auth（feature/authから）
+        ├── REPORT.md         # 計画、進捗、エビデンスリンク
+        ├── images/           # スクリーンショット
+        └── videos/           # 動画録画
 ```
 
-**タスク再開:** セッション開始時またはコンテキスト圧縮後、コマンドは既存のworktreeをチェックし、`REPORT.md`から再開します。
+**タスク再開:** セッション開始時またはコンテキスト圧縮後、コマンドは既存のworktreeを確認（`gwq list`）し、`REPORT.md`から再開します。
 
 #### `/reviw:done`
 

package/README.md

@@ -180,7 +180,7 @@ plugin/
 
 | Type | Name | Description |
 |------|------|-------------|
-| **Command** | `/reviw:do` | Start a task - create worktree, plan, register todos |
+| **Command** | `/reviw:do` | Start a task - create worktree with gwq, plan, register todos |
 | **Command** | `/reviw:done` | Complete checklist - run 7 review agents, collect evidence, start review |
 | **Agent** | `report-builder` | Prepare reports and evidence for user review |
 | **Agent** | `review-code-quality` | Code quality: readability, DRY, type safety, error handling |
@@ -204,22 +204,22 @@ plugin/
 Starts a new task with proper environment setup.
 
 **What it does:**
-1. Creates a git worktree for isolated development (`feature/<name>`, `fix/<name>`, etc.)
+1. Creates a git worktree using gwq for isolated development (`feature/<name>`, `fix/<name>`, etc.)
 2. Sets up `.artifacts/<feature>/` directory for evidence
 3. Creates `REPORT.md` with plan and TODO checklist
 4. Registers todos in TodoWrite for progress tracking
 
 **Directory structure created:**
 ```
-.worktree/<feature>/
+<worktree>/                   # e.g., ~/src/github.com/owner/myrepo-feature-auth/
 └── .artifacts/
-    └── <feature>/
-        ├── REPORT.md     # Plan, progress, evidence links
-        ├── images/       # Screenshots
-        └── videos/       # Video recordings
+    └── <feature>/            # e.g., auth (from feature/auth)
+        ├── REPORT.md         # Plan, progress, evidence links
+        ├── images/           # Screenshots
+        └── videos/           # Video recordings
 ```
 
-**Task resumption:** When a session starts or after context compaction, the command checks for existing worktrees and resumes from `REPORT.md`.
+**Task resumption:** When a session starts or after context compaction, the command checks for existing worktrees (via `gwq list`) and resumes from `REPORT.md`.
 
 #### `/reviw:done`
 

package/cli.cjs

@@ -126,6 +126,13 @@ function sanitizeHtml(html) {
 }
 
 marked.use({
+  hooks: {
+    // テーブルをスクロールラッパーで囲む（後処理）
+    postprocess: function(html) {
+      return html.replace(/<table>/g, '<div class="table-scroll-container"><span class="scroll-hint">← scroll →</span><div class="table-scroll-wrapper"><table>')
+                 .replace(/<\/table>/g, '</table></div></div>');
+    }
+  },
   renderer: {
     // 生HTMLブロックをサニタイズ
     html: function(token) {
@@ -2730,7 +2737,7 @@ function htmlTemplate(dataRows, cols, projectRoot, relativePath, mode, previewHt
       flex: 1;
       min-width: 0;
       overflow-y: auto;
-      overflow-x: hidden;
+      overflow-x: auto;
       overscroll-behavior: contain;
     }
     .md-left .md-preview {
@@ -2772,8 +2779,6 @@ function htmlTemplate(dataRows, cols, projectRoot, relativePath, mode, previewHt
       display: block;
       width: 100%;
       height: auto;
-      min-width: 120px;
-      max-width: 250px;
     }
     .md-preview code { background: rgba(255,255,255,0.08); padding: 2px 4px; border-radius: 4px; }
     .md-preview pre {
@@ -2899,12 +2904,38 @@ function htmlTemplate(dataRows, cols, projectRoot, relativePath, mode, previewHt
     [data-theme="light"] .frontmatter-table tbody th {
       color: #7c3aed;
     }
+    /* Table scroll container and indicator */
+    .table-scroll-container {
+      position: relative;
+      margin: 16px 0;
+    }
+    .table-scroll-wrapper {
+      overflow-x: auto;
+      border-radius: 8px;
+    }
+    .scroll-hint {
+      text-align: right;
+      font-size: 12px;
+      color: var(--accent);
+      padding: 4px 8px;
+      margin-bottom: 4px;
+      opacity: 0;
+      visibility: hidden;
+      transition: opacity 200ms ease;
+    }
+    .table-scroll-container.can-scroll .scroll-hint {
+      opacity: 0.8;
+      visibility: visible;
+    }
+    .table-scroll-container.scrolled-end .scroll-hint {
+      opacity: 0;
+      visibility: hidden;
+    }
     /* Markdown tables in preview */
     .md-preview table:not(.frontmatter-table table) {
-      width: 100%;
+      min-width: 100%;
+      width: max-content;
       border-collapse: collapse;
-      table-layout: fixed;
-      margin: 16px 0;
       border: 1px solid var(--border);
       border-radius: 8px;
     }
@@ -2916,17 +2947,12 @@ function htmlTemplate(dataRows, cols, projectRoot, relativePath, mode, previewHt
       vertical-align: top;
       word-break: break-word;
       overflow-wrap: anywhere;
+      width: auto;
     }
-    .md-preview table:not(.frontmatter-table table) th:first-child,
-    .md-preview table:not(.frontmatter-table table) td:first-child {
-      width: 30%;
-      min-width: 200px;
-    }
-    .md-preview table:not(.frontmatter-table table) th:last-child,
-    .md-preview table:not(.frontmatter-table table) td:last-child {
-      width: 180px;
-      min-width: 180px;
-      max-width: 180px;
+    /* Force equal column widths when colgroup is not specified */
+    .md-preview table:not(.frontmatter-table table) colgroup ~ * th,
+    .md-preview table:not(.frontmatter-table table) colgroup ~ * td {
+      width: auto;
     }
     .md-preview table:not(.frontmatter-table table) td:has(video),
     .md-preview table:not(.frontmatter-table table) td:has(img) {
@@ -4036,6 +4062,48 @@ function htmlTemplate(dataRows, cols, projectRoot, relativePath, mode, previewHt
     themeToggle.addEventListener('click', toggleTheme);
   })();
 
+  // --- Table Scroll Indicator ---
+  (function initTableScrollIndicators() {
+    function updateScrollIndicator(wrapper) {
+      const container = wrapper.closest('.table-scroll-container');
+      if (!container) return;
+
+      const canScroll = wrapper.scrollWidth > wrapper.clientWidth;
+      const isAtEnd = wrapper.scrollLeft + wrapper.clientWidth >= wrapper.scrollWidth - 5;
+
+      container.classList.toggle('can-scroll', canScroll && !isAtEnd);
+      container.classList.toggle('scrolled-end', isAtEnd);
+    }
+
+    function initWrapper(wrapper) {
+      updateScrollIndicator(wrapper);
+      wrapper.addEventListener('scroll', () => updateScrollIndicator(wrapper));
+    }
+
+    // Initialize existing wrappers
+    document.querySelectorAll('.table-scroll-wrapper').forEach(initWrapper);
+
+    // Watch for dynamically added wrappers
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        mutation.addedNodes.forEach((node) => {
+          if (node.nodeType === 1) {
+            if (node.classList?.contains('table-scroll-wrapper')) {
+              initWrapper(node);
+            }
+            node.querySelectorAll?.('.table-scroll-wrapper').forEach(initWrapper);
+          }
+        });
+      });
+    });
+    observer.observe(document.body, { childList: true, subtree: true });
+
+    // Update on resize
+    window.addEventListener('resize', () => {
+      document.querySelectorAll('.table-scroll-wrapper').forEach(updateScrollIndicator);
+    });
+  })();
+
   // --- History Management ---
   // History is now server-side (file-based), HISTORY_DATA is provided by server
 
@@ -5828,13 +5896,82 @@ function htmlTemplate(dataRows, cols, projectRoot, relativePath, mode, previewHt
         fsContent.style.cursor = 'grab';
       });
 
-      // Zoom with mouse wheel - use multiplicative factor
+      // Trackpad/Mouse wheel handling
+      // - ctrlKey true (pinch gesture on trackpad) → zoom
+      // - ctrlKey false (two-finger scroll) → pan
       fsContent.addEventListener('wheel', (e) => {
         e.preventDefault();
-        const factor = e.deltaY > 0 ? 0.9 : 1.1;
-        zoomAt(factor, e.clientX, e.clientY);
+        if (e.ctrlKey) {
+          // Pinch zoom on trackpad (or Ctrl+wheel on mouse)
+          const factor = e.deltaY > 0 ? 0.9 : 1.1;
+          zoomAt(factor, e.clientX, e.clientY);
+        } else {
+          // Two-finger scroll → pan
+          panX -= e.deltaX;
+          panY -= e.deltaY;
+          updateTransform();
+        }
+      }, { passive: false });
+
+      // Touch support for pinch-to-zoom and two-finger pan
+      let lastTouchDistance = 0;
+      let lastTouchCenter = { x: 0, y: 0 };
+      let touchStartPanX = 0;
+      let touchStartPanY = 0;
+
+      function getTouchDistance(touches) {
+        const dx = touches[0].clientX - touches[1].clientX;
+        const dy = touches[0].clientY - touches[1].clientY;
+        return Math.sqrt(dx * dx + dy * dy);
+      }
+
+      function getTouchCenter(touches) {
+        return {
+          x: (touches[0].clientX + touches[1].clientX) / 2,
+          y: (touches[0].clientY + touches[1].clientY) / 2
+        };
+      }
+
+      fsContent.addEventListener('touchstart', (e) => {
+        if (e.touches.length === 2) {
+          e.preventDefault();
+          lastTouchDistance = getTouchDistance(e.touches);
+          lastTouchCenter = getTouchCenter(e.touches);
+          touchStartPanX = panX;
+          touchStartPanY = panY;
+        }
+      }, { passive: false });
+
+      fsContent.addEventListener('touchmove', (e) => {
+        if (e.touches.length === 2) {
+          e.preventDefault();
+          const currentDistance = getTouchDistance(e.touches);
+          const currentCenter = getTouchCenter(e.touches);
+
+          // Pinch zoom
+          if (lastTouchDistance > 0) {
+            const scale = currentDistance / lastTouchDistance;
+            if (Math.abs(scale - 1) > 0.01) {
+              zoomAt(scale, currentCenter.x, currentCenter.y);
+              lastTouchDistance = currentDistance;
+            }
+          }
+
+          // Two-finger pan
+          const dx = currentCenter.x - lastTouchCenter.x;
+          const dy = currentCenter.y - lastTouchCenter.y;
+          panX += dx;
+          panY += dy;
+          updateTransform();
+
+          lastTouchCenter = currentCenter;
+        }
       }, { passive: false });
 
+      fsContent.addEventListener('touchend', () => {
+        lastTouchDistance = 0;
+      });
+
       // ESC to close
       document.addEventListener('keydown', (e) => {
         if (e.key === 'Escape' && fsOverlay.classList.contains('visible')) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reviw",
-  "version": "0.17.1",
+  "version": "0.17.3",
   "description": "Lightweight file reviewer with in-browser comments for CSV, TSV, Markdown, and Git diffs.",
   "type": "module",
   "bin": {