@ycniuqton/devlens 0.1.2 → 0.1.4

package/dist/routes/browser.d.ts

@@ -0,0 +1 @@
+export declare const browserRouter: import("express-serve-static-core").Router;

package/dist/routes/browser.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.browserRouter = void 0;
+const express_1 = require("express");
+const files_1 = require("../services/files");
+exports.browserRouter = (0, express_1.Router)();
+// GET /api/browser/branch — current branch name
+exports.browserRouter.get('/branch', async (req, res) => {
+    const git = req.app.locals.gitService;
+    try {
+        const branch = await git.getCurrentBranch();
+        res.json({ branch });
+    }
+    catch (err) {
+        res.status(500).json({ error: err.message });
+    }
+});
+// GET /api/browser/commits?limit=50 — recent commits in current branch
+exports.browserRouter.get('/commits', async (req, res) => {
+    const git = req.app.locals.gitService;
+    try {
+        const limit = parseInt(req.query.limit) || 50;
+        const log = await git.getLog(limit);
+        res.json(log);
+    }
+    catch (err) {
+        res.status(500).json({ error: err.message });
+    }
+});
+// GET /api/browser/commit/:hash — show commit details (files + diff)
+exports.browserRouter.get('/commit/:hash', async (req, res) => {
+    const git = req.app.locals.gitService;
+    try {
+        const files = await git.getCommitFiles(req.params.hash);
+        const diff = await git.getCommitDiff(req.params.hash);
+        res.json({ hash: req.params.hash, files, diff });
+    }
+    catch (err) {
+        res.status(500).json({ error: err.message });
+    }
+});
+// GET /api/browser/files?path=... — list directory contents
+exports.browserRouter.get('/files', (req, res) => {
+    const projectDir = req.app.locals.projectDir;
+    const relPath = req.query.path || '';
+    const entries = (0, files_1.listDirectory)(projectDir, relPath);
+    res.json({ path: relPath, entries });
+});
+// GET /api/browser/file?path=... — read file content
+exports.browserRouter.get('/file', (req, res) => {
+    const projectDir = req.app.locals.projectDir;
+    const relPath = req.query.path || '';
+    if (!relPath)
+        return res.status(400).json({ error: 'path required' });
+    const result = (0, files_1.readFile)(projectDir, relPath);
+    if (!result)
+        return res.status(404).json({ error: 'not found' });
+    res.json({ path: relPath, ...result });
+});
+//# sourceMappingURL=browser.js.map

package/dist/routes/browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser.js","sourceRoot":"","sources":["../../src/routes/browser.ts"],"names":[],"mappings":"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"}

package/dist/server.js

@@ -17,6 +17,7 @@ const diff_1 = require("./routes/diff");
 const tasks_1 = require("./routes/tasks");
 const integrations_1 = require("./routes/integrations");
 const rules_2 = require("./routes/rules");
+const browser_1 = require("./routes/browser");
 function createServer(options) {
     const app = (0, express_1.default)();
     const httpServer = http_1.default.createServer(app);
@@ -35,10 +36,18 @@ function createServer(options) {
     app.locals.projectDir = options.projectDir;
     app.locals.port = options.port;
     // API routes
+    app.get('/api/info', (_req, res) => {
+        res.json({
+            projectDir: options.projectDir,
+            projectName: path_1.default.basename(options.projectDir),
+            port: options.port,
+        });
+    });
     app.use('/api', diff_1.diffRouter);
     app.use('/api/tasks', tasks_1.tasksRouter);
     app.use('/api/integrations', integrations_1.integrationsRouter);
     app.use('/api/rules', rules_2.rulesRouter);
+    app.use('/api/browser', browser_1.browserRouter);
     // Static files
     const publicDir = path_1.default.resolve(__dirname, '../public');
     app.use(express_1.default.static(publicDir));

package/dist/server.js.map

@@ -1 +1 @@
-{"version":3,"file":"server.js","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"server.js","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"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"}

package/dist/services/files.d.ts

@@ -0,0 +1,12 @@
+export interface FileEntry {
+    name: string;
+    path: string;
+    type: 'file' | 'dir';
+    size?: number;
+}
+export declare function listDirectory(projectDir: string, relPath: string): FileEntry[];
+export declare function readFile(projectDir: string, relPath: string, maxBytes?: number): {
+    content: string;
+    truncated: boolean;
+    size: number;
+} | null;

package/dist/services/files.js

@@ -0,0 +1,64 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listDirectory = listDirectory;
+exports.readFile = readFile;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const IGNORE = new Set(['.git', 'node_modules', '.devlens', 'dist', '.next', '.nuxt', '.cache']);
+function isSafePath(projectDir, target) {
+    const abs = path_1.default.resolve(projectDir, target);
+    const root = path_1.default.resolve(projectDir);
+    return abs === root || abs.startsWith(root + path_1.default.sep);
+}
+function listDirectory(projectDir, relPath) {
+    if (!isSafePath(projectDir, relPath))
+        return [];
+    const abs = path_1.default.resolve(projectDir, relPath);
+    if (!fs_1.default.existsSync(abs) || !fs_1.default.statSync(abs).isDirectory())
+        return [];
+    const entries = fs_1.default.readdirSync(abs, { withFileTypes: true });
+    const result = [];
+    for (const entry of entries) {
+        if (IGNORE.has(entry.name))
+            continue;
+        if (entry.name.startsWith('.') && entry.name !== '.gitignore' && entry.name !== '.env.example')
+            continue;
+        const entryRel = relPath ? path_1.default.posix.join(relPath, entry.name) : entry.name;
+        const entryAbs = path_1.default.join(abs, entry.name);
+        if (entry.isDirectory()) {
+            result.push({ name: entry.name, path: entryRel, type: 'dir' });
+        }
+        else if (entry.isFile()) {
+            let size = 0;
+            try {
+                size = fs_1.default.statSync(entryAbs).size;
+            }
+            catch { }
+            result.push({ name: entry.name, path: entryRel, type: 'file', size });
+        }
+    }
+    // Folders first, then alphabetical
+    result.sort((a, b) => {
+        if (a.type !== b.type)
+            return a.type === 'dir' ? -1 : 1;
+        return a.name.localeCompare(b.name);
+    });
+    return result;
+}
+function readFile(projectDir, relPath, maxBytes = 200000) {
+    if (!isSafePath(projectDir, relPath))
+        return null;
+    const abs = path_1.default.resolve(projectDir, relPath);
+    if (!fs_1.default.existsSync(abs) || !fs_1.default.statSync(abs).isFile())
+        return null;
+    const stat = fs_1.default.statSync(abs);
+    const size = stat.size;
+    const truncated = size > maxBytes;
+    const buf = fs_1.default.readFileSync(abs);
+    const content = truncated ? buf.subarray(0, maxBytes).toString('utf-8') + '\n\n... [truncated]' : buf.toString('utf-8');
+    return { content, truncated, size };
+}
+//# sourceMappingURL=files.js.map

package/dist/services/files.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"files.js","sourceRoot":"","sources":["../../src/services/files.ts"],"names":[],"mappings":"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"}

package/dist/services/git.d.ts

@@ -4,5 +4,11 @@ export interface GitService {
     getStatus(): Promise<FileStatus[]>;
     getLog(limit?: number): Promise<LogEntry[]>;
     isRepo(): Promise<boolean>;
+    getCurrentBranch(): Promise<string>;
+    getCommitDiff(hash: string): Promise<string>;
+    getCommitFiles(hash: string): Promise<{
+        path: string;
+        status: string;
+    }[]>;
 }
 export declare function createGitService(projectDir: string): GitService;

package/dist/services/git.js

@@ -85,6 +85,43 @@ function createGitService(projectDir) {
         async isRepo() {
             return git.checkIsRepo();
         },
+        async getCurrentBranch() {
+            try {
+                const status = await git.status();
+                return status.current || 'HEAD';
+            }
+            catch {
+                return 'unknown';
+            }
+        },
+        async getCommitDiff(hash) {
+            try {
+                return await git.show([hash]);
+            }
+            catch {
+                return '';
+            }
+        },
+        async getCommitFiles(hash) {
+            try {
+                const raw = await git.raw(['show', '--name-status', '--format=', hash]);
+                const lines = raw.split('\n').filter(Boolean);
+                const result = [];
+                for (const line of lines) {
+                    const parts = line.split('\t');
+                    if (parts.length < 2)
+                        continue;
+                    const code = parts[0].trim();
+                    const file = parts[parts.length - 1];
+                    const statusMap = { A: 'added', M: 'modified', D: 'deleted', R: 'renamed' };
+                    result.push({ path: file, status: statusMap[code[0]] || 'modified' });
+                }
+                return result;
+            }
+            catch {
+                return [];
+            }
+        },
     };
 }
 //# sourceMappingURL=git.js.map

package/dist/services/git.js.map

@@ -1 +1 @@
-{"version":3,"file":"git.js","sourceRoot":"","sources":["../../src/services/git.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"git.js","sourceRoot":"","sources":["../../src/services/git.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ycniuqton/devlens",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "publishConfig": {
     "access": "public"
   },
@@ -29,6 +29,7 @@
   },
   "homepage": "https://github.com/ycniuqton/Devlens#readme",
   "dependencies": {
+    "@ycniuqton/devlens": "^0.1.3",
     "better-sqlite3": "^12.8.0",
     "chokidar": "^3.6.0",
     "commander": "^12.0.0",

package/public/css/style.css

@@ -144,6 +144,7 @@ body {
   gap: var(--sp-3);
   padding: var(--sp-2) var(--sp-2);
   margin-bottom: var(--sp-8);
+  min-width: 0;
 }
 
 .brand-icon {
@@ -158,6 +159,13 @@ body {
   box-shadow: var(--shadow-glow);
 }
 
+.brand-text {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  line-height: 1.15;
+}
+
 .brand-name {
   font-size: var(--text-lg);
   font-weight: 700;
@@ -165,6 +173,23 @@ body {
   color: var(--color-text);
 }
 
+.brand-project {
+  font-size: var(--text-xs);
+  font-weight: 600;
+  color: var(--color-primary-hover);
+  font-family: var(--font-mono);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-top: 3px;
+  padding: 2px 6px;
+  background: var(--color-primary-subtle);
+  border-radius: var(--radius-sm);
+  display: block;
+  max-width: 100%;
+  min-width: 0;
+}
+
 .sidebar-nav {
   display: flex;
   flex-direction: column;
@@ -1450,6 +1475,398 @@ body {
 .file-status-untracked .file-name { color: var(--color-text-muted); font-style: italic; }
 .file-status-added .file-name { color: var(--color-success); }
 
+/* ============================================================
+   Files Tab — VSCode-style Explorer
+   ============================================================ */
+.file-breadcrumb {
+  font-family: var(--font-mono);
+  font-size: var(--text-xs);
+  color: var(--color-text-secondary);
+  background: var(--color-surface-2);
+  padding: 4px 10px;
+  border-radius: var(--radius-sm);
+  max-width: 480px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.explorer-container {
+  display: flex;
+  gap: var(--sp-3);
+  flex: 1;
+  min-height: calc(100vh - 200px);
+  height: calc(100vh - 200px);
+}
+
+.explorer-tree-pane {
+  width: 280px;
+  flex-shrink: 0;
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-lg);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.explorer-pane-header {
+  padding: var(--sp-3) var(--sp-4);
+  border-bottom: 1px solid var(--color-border-subtle);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.explorer-pane-header h3 {
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.1em;
+  color: var(--color-text-muted);
+}
+
+.explorer-tree {
+  flex: 1;
+  overflow-y: auto;
+  padding: var(--sp-2) 0;
+}
+
+.explorer-row {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding-right: var(--sp-3);
+  cursor: pointer;
+  font-size: var(--text-sm);
+  color: var(--color-text-secondary);
+  height: 24px;
+  transition: background var(--duration-fast) var(--ease);
+  user-select: none;
+}
+
+.explorer-row:hover { background: var(--color-surface-hover); }
+
+.explorer-row.folder-row { color: var(--color-text); font-weight: 500; }
+
+.explorer-row.file-row.active {
+  background: var(--color-primary-subtle);
+  color: var(--color-primary-hover);
+}
+
+.explorer-row .explorer-name {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.explorer-row svg { flex-shrink: 0; }
+
+.explorer-chevron {
+  color: var(--color-text-muted);
+  transition: transform var(--duration-fast) var(--ease);
+}
+
+.explorer-chevron.expanded { transform: rotate(90deg); }
+
+.explorer-viewer-pane {
+  flex: 1;
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-lg);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  min-width: 0;
+}
+
+.explorer-viewer {
+  flex: 1;
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+}
+
+.code-viewer {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.code-viewer-header {
+  padding: var(--sp-3) var(--sp-4);
+  background: var(--color-surface-2);
+  border-bottom: 1px solid var(--color-border-subtle);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--sp-3);
+  flex-shrink: 0;
+}
+
+.code-file-path {
+  font-family: var(--font-mono);
+  font-size: var(--text-xs);
+  color: var(--color-text);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.code-file-meta {
+  font-size: var(--text-xs);
+  color: var(--color-text-muted);
+  flex-shrink: 0;
+}
+
+.code-viewer-body {
+  flex: 1;
+  overflow: auto;
+  font-family: var(--font-mono);
+  font-size: var(--text-sm);
+  line-height: 1.5;
+  background: var(--color-bg);
+}
+
+.code-line {
+  display: flex;
+  min-height: 21px;
+}
+
+.code-line:hover { background: var(--color-surface-hover); }
+
+.code-line-num {
+  display: inline-block;
+  min-width: 50px;
+  padding: 0 12px;
+  text-align: right;
+  color: var(--color-text-muted);
+  user-select: none;
+  flex-shrink: 0;
+  border-right: 1px solid var(--color-border-subtle);
+}
+
+.code-line-text {
+  padding: 0 12px;
+  color: var(--color-text);
+  white-space: pre;
+  flex: 1;
+  overflow-x: auto;
+}
+
+/* ============================================================
+   History Tab — Git Commits
+   ============================================================ */
+.branch-pill {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--sp-2);
+  padding: 4px 10px;
+  background: var(--color-primary-subtle);
+  color: var(--color-primary-hover);
+  border-radius: var(--radius-full);
+  font-family: var(--font-mono);
+  font-size: var(--text-xs);
+  font-weight: 600;
+}
+
+.history-container {
+  display: flex;
+  gap: var(--sp-3);
+  flex: 1;
+  min-height: calc(100vh - 200px);
+  height: calc(100vh - 200px);
+}
+
+.history-list-pane {
+  width: 360px;
+  flex-shrink: 0;
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-lg);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.commit-count {
+  font-size: 10px;
+  font-weight: 600;
+  color: var(--color-text-muted);
+  background: var(--color-surface-3);
+  padding: 2px 8px;
+  border-radius: var(--radius-full);
+}
+
+.commits-list {
+  list-style: none;
+  flex: 1;
+  overflow-y: auto;
+  padding: var(--sp-2);
+}
+
+.commit-item {
+  display: flex;
+  gap: var(--sp-3);
+  padding: var(--sp-3) var(--sp-3);
+  border-radius: var(--radius-md);
+  cursor: pointer;
+  margin-bottom: 2px;
+  transition: background var(--duration-fast) var(--ease);
+  position: relative;
+}
+
+.commit-item:hover { background: var(--color-surface-hover); }
+
+.commit-item.selected {
+  background: var(--color-primary-subtle);
+}
+
+.commit-item.selected .commit-marker { background: var(--color-primary); }
+
+.commit-marker {
+  width: 8px;
+  height: 8px;
+  border-radius: var(--radius-full);
+  background: var(--color-text-muted);
+  flex-shrink: 0;
+  margin-top: 6px;
+}
+
+.commit-content { flex: 1; min-width: 0; }
+
+.commit-message {
+  font-size: var(--text-sm);
+  color: var(--color-text);
+  font-weight: 500;
+  margin-bottom: 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.commit-meta {
+  display: flex;
+  gap: var(--sp-2);
+  font-size: var(--text-xs);
+  color: var(--color-text-muted);
+  align-items: center;
+}
+
+.commit-hash {
+  font-family: var(--font-mono);
+  background: var(--color-surface-3);
+  padding: 1px 6px;
+  border-radius: var(--radius-sm);
+}
+
+.commit-author { font-weight: 500; }
+
+.history-detail-pane {
+  flex: 1;
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-lg);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  min-width: 0;
+}
+
+.commit-detail-header {
+  padding: var(--sp-4) var(--sp-5);
+  background: var(--color-surface-2);
+  border-bottom: 1px solid var(--color-border-subtle);
+  flex-shrink: 0;
+}
+
+.commit-header-content {
+  display: flex;
+  align-items: center;
+  gap: var(--sp-3);
+}
+
+.commit-header-hash {
+  font-family: var(--font-mono);
+  font-size: var(--text-sm);
+  font-weight: 600;
+  color: var(--color-primary-hover);
+  background: var(--color-primary-subtle);
+  padding: 4px 10px;
+  border-radius: var(--radius-sm);
+}
+
+.commit-header-files {
+  font-size: var(--text-xs);
+  color: var(--color-text-muted);
+}
+
+.commit-header-actions {
+  margin-left: auto;
+  display: flex;
+  gap: var(--sp-2);
+}
+
+.commit-detail-diff {
+  flex: 1;
+  overflow: auto;
+  padding: var(--sp-3);
+}
+
+.commit-file-section {
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-md);
+  margin-bottom: var(--sp-2);
+  overflow: hidden;
+}
+
+.commit-file-header {
+  display: flex;
+  align-items: center;
+  gap: var(--sp-3);
+  padding: var(--sp-3) var(--sp-4);
+  background: var(--color-surface-2);
+  cursor: pointer;
+  user-select: none;
+  transition: background var(--duration-fast) var(--ease);
+  min-height: 40px;
+}
+
+.commit-file-header:hover { background: var(--color-surface-3); }
+
+.commit-file-chevron {
+  color: var(--color-text-muted);
+  flex-shrink: 0;
+  transition: transform var(--duration-fast) var(--ease);
+}
+
+.commit-file-section.expanded .commit-file-chevron { transform: rotate(90deg); }
+
+.commit-file-name {
+  font-family: var(--font-mono);
+  font-size: var(--text-sm);
+  color: var(--color-text);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.commit-file-body {
+  display: none;
+  overflow-x: auto;
+}
+
+.commit-file-section.expanded .commit-file-body { display: block; }
+
+.raw-diff {
+  margin: 0;
+  padding: var(--sp-4);
+  font-family: var(--font-mono);
+  font-size: var(--text-sm);
+  white-space: pre-wrap;
+  color: var(--color-text);
+}
+
 /* ============================================================
    Rules Tab
    ============================================================ */
@@ -1599,7 +2016,7 @@ body {
    ============================================================ */
 @media (max-width: 900px) {
   #sidebar { width: var(--sidebar-collapsed); padding: var(--sp-2); }
-  .brand-name, .nav-item span, .status-label { display: none; }
+  .brand-name, .brand-project, .nav-item span, .status-label { display: none; }
   .sidebar-brand { justify-content: center; margin-bottom: var(--sp-4); }
   .nav-item { justify-content: center; padding: var(--sp-3); }
   #main-content { margin-left: var(--sidebar-collapsed); width: calc(100vw - var(--sidebar-collapsed)); }

package/public/index.html

@@ -20,7 +20,10 @@
           <circle cx="12" cy="12" r="3"/><path d="M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83"/>
         </svg>
       </div>
-      <span class="brand-name">Devlens</span>
+      <div class="brand-text">
+        <span class="brand-name">Devlens</span>
+        <span class="brand-project" id="brand-project" title=""></span>
+      </div>
     </div>
 
     <nav class="sidebar-nav">
@@ -36,6 +39,18 @@
         </svg>
         <span>Tasks</span>
       </button>
+      <button class="nav-item" data-tab="browser" aria-label="File explorer">
+        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/>
+        </svg>
+        <span>Files</span>
+      </button>
+      <button class="nav-item" data-tab="history" aria-label="Git history">
+        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/>
+        </svg>
+        <span>History</span>
+      </button>
       <button class="nav-item" data-tab="rules" aria-label="View rules">
         <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
           <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="9" y1="13" x2="15" y2="13"/><line x1="9" y1="17" x2="15" y2="17"/>
@@ -189,6 +204,81 @@
 
     </section>
 
+    <!-- Files View — VSCode-style file explorer -->
+    <section id="browser-view" class="tab-content">
+      <header class="view-header">
+        <h1>Files</h1>
+        <div class="header-actions">
+          <span class="file-breadcrumb" id="file-breadcrumb">No file selected</span>
+          <button class="btn btn-ghost btn-sm" id="browser-refresh-btn" title="Refresh tree">Refresh</button>
+        </div>
+      </header>
+
+      <div class="explorer-container">
+        <!-- Left: persistent file tree -->
+        <aside class="explorer-tree-pane">
+          <div class="explorer-pane-header">
+            <h3>EXPLORER</h3>
+          </div>
+          <div id="explorer-tree" class="explorer-tree">
+            <div class="empty-state-inline">Loading...</div>
+          </div>
+        </aside>
+
+        <!-- Right: file viewer -->
+        <main class="explorer-viewer-pane">
+          <div id="explorer-viewer" class="explorer-viewer">
+            <div class="empty-state">
+              <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" opacity="0.3">
+                <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/>
+              </svg>
+              <p>Select a file to view</p>
+              <span>Click any file in the tree on the left</span>
+            </div>
+          </div>
+        </main>
+      </div>
+    </section>
+
+    <!-- History View — git commits + diff viewer -->
+    <section id="history-view" class="tab-content">
+      <header class="view-header">
+        <h1>History</h1>
+        <div class="header-actions">
+          <span class="branch-pill" id="current-branch">
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="6" y1="3" x2="6" y2="15"/><circle cx="18" cy="6" r="3"/><circle cx="6" cy="18" r="3"/><path d="M18 9a9 9 0 0 1-9 9"/></svg>
+            <span id="current-branch-name">—</span>
+          </span>
+          <button class="btn btn-ghost btn-sm" id="history-refresh-btn">Refresh</button>
+        </div>
+      </header>
+
+      <div class="history-container">
+        <aside class="history-list-pane">
+          <div class="explorer-pane-header">
+            <h3>COMMITS</h3>
+            <span class="commit-count" id="commit-count">0</span>
+          </div>
+          <ul id="commits-list" class="commits-list">
+            <li class="empty-state-inline">Loading commits...</li>
+          </ul>
+        </aside>
+
+        <main class="history-detail-pane">
+          <div id="commit-detail-header" class="commit-detail-header">
+            <div class="empty-state">
+              <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" opacity="0.3">
+                <circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/>
+              </svg>
+              <p>Select a commit</p>
+              <span>Click any commit on the left to see its diff</span>
+            </div>
+          </div>
+          <div id="commit-detail-diff" class="commit-detail-diff"></div>
+        </main>
+      </div>
+    </section>
+
     <!-- Rules View -->
     <section id="rules-view" class="tab-content">
       <header class="view-header">
@@ -390,6 +480,8 @@
   <script src="/js/diff.js"></script>
   <script src="/js/tasks.js"></script>
   <script src="/js/rules.js"></script>
+  <script src="/js/browser.js"></script>
+  <script src="/js/history.js"></script>
   <script src="/js/integrations.js"></script>
 </body>
 </html>

package/public/js/app.js

@@ -1,3 +1,15 @@
+// Load project info into sidebar + page title
+fetch('/api/info').then(r => r.json()).then(info => {
+  if (info.projectName) {
+    document.title = `${info.projectName} — Devlens`;
+    const el = document.getElementById('brand-project');
+    if (el) {
+      el.textContent = info.projectName;
+      el.title = info.projectDir || info.projectName;
+    }
+  }
+}).catch(() => {});
+
 // Tab switching — sidebar nav with URL routing
 const navItems = document.querySelectorAll('.nav-item');
 const tabContents = document.querySelectorAll('.tab-content');
@@ -28,7 +40,7 @@ window.addEventListener('popstate', () => {
 // Load initial tab from URL — redirect / to /diff
 (function() {
   const path = location.pathname.replace('/', '');
-  const tab = ['diff', 'tasks', 'rules', 'integrations'].includes(path) ? path : 'diff';
+  const tab = ['diff', 'tasks', 'browser', 'history', 'rules', 'integrations'].includes(path) ? path : 'diff';
   if (!path || path === '') {
     history.replaceState(null, '', '/diff');
   }

package/public/js/browser.js

@@ -0,0 +1,163 @@
+// Files tab — VSCode-style file explorer
+
+var explorerExpanded = new Set(JSON.parse(localStorage.getItem('devlens-explorer-expanded') || '[]'));
+var explorerActiveFile = null;
+var explorerCache = {}; // path → entries[]
+
+function saveExplorerState() {
+  localStorage.setItem('devlens-explorer-expanded', JSON.stringify(Array.from(explorerExpanded)));
+}
+
+async function fetchDir(path) {
+  if (explorerCache[path]) return explorerCache[path];
+  try {
+    const res = await fetch(`/api/browser/files?path=${encodeURIComponent(path)}`);
+    const data = await res.json();
+    explorerCache[path] = data.entries || [];
+    return explorerCache[path];
+  } catch {
+    return [];
+  }
+}
+
+function fileIconSvg() {
+  return '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>';
+}
+
+function chevronSvg(expanded) {
+  return `<svg class="explorer-chevron ${expanded ? 'expanded' : ''}" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>`;
+}
+
+function folderIconSvg() {
+  return '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/></svg>';
+}
+
+async function renderTree() {
+  const tree = document.getElementById('explorer-tree');
+  if (!tree) return;
+  const html = await renderNode('', 0);
+  tree.innerHTML = html || '<div class="empty-state-inline">Empty</div>';
+  attachTreeHandlers();
+}
+
+async function renderNode(path, depth) {
+  const entries = await fetchDir(path);
+  if (!entries.length) return '';
+
+  let html = '';
+  for (const entry of entries) {
+    const indent = depth * 12;
+    if (entry.type === 'dir') {
+      const expanded = explorerExpanded.has(entry.path);
+      html += `<div class="explorer-row folder-row" data-path="${escapeAttr(entry.path)}" data-type="dir" style="padding-left:${indent + 8}px">
+        ${chevronSvg(expanded)}
+        ${folderIconSvg()}
+        <span class="explorer-name">${escapeHtmlBrowser(entry.name)}</span>
+      </div>`;
+      if (expanded) {
+        html += await renderNode(entry.path, depth + 1);
+      }
+    } else {
+      const isActive = explorerActiveFile === entry.path;
+      html += `<div class="explorer-row file-row ${isActive ? 'active' : ''}" data-path="${escapeAttr(entry.path)}" data-type="file" style="padding-left:${indent + 24}px">
+        ${fileIconSvg()}
+        <span class="explorer-name">${escapeHtmlBrowser(entry.name)}</span>
+      </div>`;
+    }
+  }
+  return html;
+}
+
+function attachTreeHandlers() {
+  const tree = document.getElementById('explorer-tree');
+  if (!tree) return;
+  tree.querySelectorAll('.explorer-row').forEach(row => {
+    row.addEventListener('click', async (e) => {
+      e.stopPropagation();
+      const path = row.dataset.path;
+      const type = row.dataset.type;
+      if (type === 'dir') {
+        if (explorerExpanded.has(path)) explorerExpanded.delete(path);
+        else explorerExpanded.add(path);
+        saveExplorerState();
+        renderTree();
+      } else {
+        explorerActiveFile = path;
+        loadFileContent(path);
+        // Update active highlight without full re-render
+        tree.querySelectorAll('.file-row.active').forEach(r => r.classList.remove('active'));
+        row.classList.add('active');
+      }
+    });
+  });
+}
+
+async function loadFileContent(path) {
+  const viewer = document.getElementById('explorer-viewer');
+  const breadcrumb = document.getElementById('file-breadcrumb');
+  if (!viewer) return;
+
+  viewer.innerHTML = '<div class="empty-state"><span>Loading...</span></div>';
+  breadcrumb.textContent = path;
+
+  try {
+    const res = await fetch(`/api/browser/file?path=${encodeURIComponent(path)}`);
+    if (!res.ok) {
+      viewer.innerHTML = '<div class="empty-state"><p>Failed to load</p></div>';
+      return;
+    }
+    const data = await res.json();
+    const lines = data.content.split('\n');
+
+    const linesHtml = lines.map((line, i) => `
+      <div class="code-line">
+        <span class="code-line-num">${i + 1}</span>
+        <span class="code-line-text">${escapeHtmlBrowser(line) || ' '}</span>
+      </div>
+    `).join('');
+
+    viewer.innerHTML = `
+      <div class="code-viewer">
+        <div class="code-viewer-header">
+          <span class="code-file-path">${escapeHtmlBrowser(path)}</span>
+          <span class="code-file-meta">${formatSize(data.size)}${data.truncated ? ' · truncated' : ''}</span>
+        </div>
+        <div class="code-viewer-body">${linesHtml}</div>
+      </div>
+    `;
+  } catch {
+    viewer.innerHTML = '<div class="empty-state"><p>Failed to load file</p></div>';
+  }
+}
+
+function escapeHtmlBrowser(str) {
+  if (str == null) return '';
+  const div = document.createElement('div');
+  div.textContent = str;
+  return div.innerHTML;
+}
+
+function escapeAttr(str) {
+  return String(str).replace(/"/g, '&quot;');
+}
+
+function formatSize(bytes) {
+  if (bytes == null) return '';
+  if (bytes < 1024) return bytes + ' B';
+  if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB';
+  return (bytes / (1024 * 1024)).toFixed(1) + ' MB';
+}
+
+document.getElementById('browser-refresh-btn')?.addEventListener('click', () => {
+  explorerCache = {};
+  renderTree();
+});
+
+// Lazy load when tab opens
+document.querySelector('[data-tab="browser"]')?.addEventListener('click', () => {
+  if (!Object.keys(explorerCache).length) renderTree();
+});
+
+if (location.pathname === '/browser') {
+  renderTree();
+}

package/public/js/history.js

@@ -0,0 +1,219 @@
+// History tab — git commits + diff viewer
+
+var historyLoaded = false;
+var historySelectedHash = null;
+var historyViewMode = localStorage.getItem('devlens-history-view') || 'line-by-line';
+var historyCachedData = null; // last loaded commit { hash, files, diff }
+
+async function loadBranchInfo() {
+  try {
+    const res = await fetch('/api/browser/branch');
+    const data = await res.json();
+    document.getElementById('current-branch-name').textContent = data.branch || '—';
+  } catch {}
+}
+
+async function loadCommits() {
+  const list = document.getElementById('commits-list');
+  if (!list) return;
+  list.innerHTML = '<li class="empty-state-inline">Loading commits...</li>';
+  try {
+    const res = await fetch('/api/browser/commits?limit=100');
+    const commits = await res.json();
+    document.getElementById('commit-count').textContent = commits.length;
+
+    if (!commits.length) {
+      list.innerHTML = '<li class="empty-state-inline">No commits</li>';
+      return;
+    }
+
+    list.innerHTML = commits.map(c => `
+      <li class="commit-item" data-hash="${c.hash}">
+        <div class="commit-marker"></div>
+        <div class="commit-content">
+          <div class="commit-message">${escapeHtmlHistory(c.message)}</div>
+          <div class="commit-meta">
+            <span class="commit-hash">${c.hash}</span>
+            <span class="commit-author">${escapeHtmlHistory(c.author)}</span>
+            <span class="commit-date">${formatRelativeDate(c.date)}</span>
+          </div>
+        </div>
+      </li>
+    `).join('');
+
+    list.querySelectorAll('.commit-item').forEach(item => {
+      item.addEventListener('click', () => {
+        list.querySelectorAll('.commit-item').forEach(i => i.classList.remove('selected'));
+        item.classList.add('selected');
+        historySelectedHash = item.dataset.hash;
+        loadCommitDetails(item.dataset.hash);
+      });
+    });
+
+    historyLoaded = true;
+  } catch {
+    list.innerHTML = '<li class="empty-state-inline">Failed to load</li>';
+  }
+}
+
+// Split a unified diff into per-file chunks (reused pattern from diff.js)
+function historySplitDiffByFile(rawDiff) {
+  if (!rawDiff || !rawDiff.trim()) return [];
+  const files = [];
+  const lines = rawDiff.split('\n');
+  let current = null;
+  for (const line of lines) {
+    if (line.startsWith('diff --git')) {
+      if (current) files.push(current);
+      const match = line.match(/diff --git a\/(.*) b\/(.*)/);
+      current = { name: match ? match[2] : 'unknown', lines: [line] };
+    } else if (current) {
+      current.lines.push(line);
+    }
+  }
+  if (current) files.push(current);
+  return files.map(f => ({ name: f.name, diff: f.lines.join('\n') }));
+}
+
+async function loadCommitDetails(hash) {
+  const headerEl = document.getElementById('commit-detail-header');
+  const diffEl = document.getElementById('commit-detail-diff');
+  if (!headerEl || !diffEl) return;
+
+  headerEl.innerHTML = '<div class="empty-state"><span>Loading...</span></div>';
+  diffEl.innerHTML = '';
+
+  try {
+    const res = await fetch(`/api/browser/commit/${hash}`);
+    const data = await res.json();
+    historyCachedData = data;
+    renderCommitDetails(hash, data);
+  } catch {
+    headerEl.innerHTML = '<div class="empty-state"><p>Failed to load commit</p></div>';
+  }
+}
+
+function renderCommitDetails(hash, data) {
+  const headerEl = document.getElementById('commit-detail-header');
+  const diffEl = document.getElementById('commit-detail-diff');
+  if (!headerEl || !diffEl) return;
+
+  const isUnified = historyViewMode === 'line-by-line';
+
+  headerEl.innerHTML = `
+    <div class="commit-header-content">
+      <div class="commit-header-hash">${hash}</div>
+      <div class="commit-header-files">${data.files.length} file(s) changed</div>
+      <div class="commit-header-actions">
+        <div class="btn-group">
+          <button class="btn btn-ghost btn-sm ${!isUnified ? 'active' : ''}" id="history-view-split" title="Side by side">
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="8" height="18" rx="1"/><rect x="13" y="3" width="8" height="18" rx="1"/></svg>
+            Split
+          </button>
+          <button class="btn btn-ghost btn-sm ${isUnified ? 'active' : ''}" id="history-view-unified" title="Unified">
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="1"/><line x1="3" y1="12" x2="21" y2="12"/></svg>
+            Unified
+          </button>
+        </div>
+        <button class="btn btn-ghost btn-sm" id="commit-expand-all" title="Expand all files">
+          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
+          Expand all
+        </button>
+        <button class="btn btn-ghost btn-sm" id="commit-collapse-all" title="Collapse all files">
+          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="18 15 12 9 6 15"/></svg>
+          Collapse all
+        </button>
+      </div>
+    </div>
+  `;
+
+  if (!data.diff) {
+    diffEl.innerHTML = `<pre class="raw-diff">(no diff)</pre>`;
+    return;
+  }
+
+  const files = historySplitDiffByFile(data.diff);
+  diffEl.innerHTML = files.map((file) => {
+    const html = Diff2Html.html(file.diff, {
+      drawFileList: false,
+      matching: 'lines',
+      outputFormat: historyViewMode,
+      colorScheme: 'dark',
+    });
+    return `
+      <div class="commit-file-section" data-file="${escapeAttrHistory(file.name)}">
+        <div class="commit-file-header">
+          <svg class="commit-file-chevron" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>
+          <span class="commit-file-name">${escapeHtmlHistory(file.name)}</span>
+        </div>
+        <div class="commit-file-body">${html}</div>
+      </div>
+    `;
+  }).join('');
+
+  // Wire interactions
+  diffEl.querySelectorAll('.commit-file-header').forEach(h => {
+    h.addEventListener('click', () => {
+      h.closest('.commit-file-section').classList.toggle('expanded');
+    });
+  });
+
+  document.getElementById('commit-expand-all')?.addEventListener('click', () => {
+    diffEl.querySelectorAll('.commit-file-section').forEach(s => s.classList.add('expanded'));
+  });
+  document.getElementById('commit-collapse-all')?.addEventListener('click', () => {
+    diffEl.querySelectorAll('.commit-file-section').forEach(s => s.classList.remove('expanded'));
+  });
+  document.getElementById('history-view-split')?.addEventListener('click', () => {
+    if (historyViewMode === 'side-by-side') return;
+    historyViewMode = 'side-by-side';
+    localStorage.setItem('devlens-history-view', historyViewMode);
+    if (historyCachedData) renderCommitDetails(hash, historyCachedData);
+  });
+  document.getElementById('history-view-unified')?.addEventListener('click', () => {
+    if (historyViewMode === 'line-by-line') return;
+    historyViewMode = 'line-by-line';
+    localStorage.setItem('devlens-history-view', historyViewMode);
+    if (historyCachedData) renderCommitDetails(hash, historyCachedData);
+  });
+}
+
+function escapeAttrHistory(str) {
+  return String(str).replace(/"/g, '&quot;');
+}
+
+function escapeHtmlHistory(str) {
+  if (str == null) return '';
+  const div = document.createElement('div');
+  div.textContent = str;
+  return div.innerHTML;
+}
+
+function formatRelativeDate(iso) {
+  const now = Date.now();
+  const then = new Date(iso).getTime();
+  const diff = (now - then) / 1000;
+  if (diff < 60) return 'just now';
+  if (diff < 3600) return `${Math.floor(diff / 60)}m ago`;
+  if (diff < 86400) return `${Math.floor(diff / 3600)}h ago`;
+  if (diff < 86400 * 7) return `${Math.floor(diff / 86400)}d ago`;
+  return new Date(iso).toLocaleDateString();
+}
+
+document.getElementById('history-refresh-btn')?.addEventListener('click', () => {
+  loadBranchInfo();
+  loadCommits();
+});
+
+// Lazy load when tab opens
+document.querySelector('[data-tab="history"]')?.addEventListener('click', () => {
+  if (!historyLoaded) {
+    loadBranchInfo();
+    loadCommits();
+  }
+});
+
+if (location.pathname === '/history') {
+  loadBranchInfo();
+  loadCommits();
+}