DevLoops

An offline-capable Visual Studio Code extension designed to integrate seamlessly with Azure DevOps Cloud and On-Premise Server. Manage pull requests, track work items, perform code reviews, resolve merge conflicts, and add inline comments directly inside the native VS Code editor.

Install from Marketplace: DevLoops on the Visual Studio Marketplace

Key Features

1. Connection & Secure Authentication

Supports secure authentication using Personal Access Tokens (PAT).
Supports Microsoft Entra ID (Azure AD) authentication via OAuth.
Secure credential management using VS Code's native SecretStorage API (keeps tokens encrypted on the operating system keyring).

Prepend the current active connection's Project name at the root of the explorer panel.
Pull Requests Tree:
- Assigned to Me
- Waiting for Review
- Create Pull Request: Click the + inline button next to the "Pull Requests" root node to open a creation form, auto-detecting the active Git branch and remote branches (placing main/master first). Includes a search-and-add Reviewers capsule input.
Work Items Tree:
- Organizes assigned work items dynamically into categories: New, To Do, In Progress, and Committed.
- Scoped dynamically to the logged-in user (@me macro).
- Background polling updates the tree data automatically every 5 minutes.
- Create Work Item: Click the + inline button next to the "Work Items" root node to create Tasks or Bugs, with sprint iterations scoped to Backlog, Current Sprint, and up to 5 future sprints, plus a tag capsule control.

3. Rich Pull Request Details Webview

Display metadata including title, status, description, branch mappings (source_branch -> target_branch), and assignees.
Vote Split Button: A consolidated Approve button with a dropdown options menu to:
- Approve
- Approve with Suggestions
- Waiting for Author
- Reject
Displays the Repository Name prominently at the top header of the details view.
General discussions section to post comments and track replies.

4. Interactive Code Review Diff Editor

Clicking files within the PR list opens the native side-by-side VS Code Diff Editor (works fully offline/intranet—no external CDN references or Cloudflare requirements).
Uses a virtual azdev-file: URI scheme to download and resolve base and modified versions from Azure DevOps Server dynamically.

5. Inline Diff Commenting & Thread Management

Hover and select the + margin line icon on any line of the diff editor.
Directly enter and submit review comments.
Supports replies to existing threads, fully synced back to the Azure DevOps Server discussion API.
Interaction Options: Like/unlike comments, edit or delete comments with warning prompts, and resolve thread status transitions (Active, Resolved, Pending, Won't Fix, etc.) inline.

6. Work Item View & Transitions

View work item titles, descriptions, assignments, area paths, and iteration paths.
Transition state dropdown (e.g. from To Do to In Progress) with a Save State action that updates the on-premises database and refreshes the tree sidebar.
Discussions and comments support (with project-level routing for on-premises compatibility).

7. Smart Git Branch Checkout

Quickly create and checkout git branches based on assigned Work Item ID and title directly from the sidebar.
Automatically prompts to transition the Work Item to In Progress.

8. Interactive PR Merge Conflict Resolution

Segmented Selector: Choose between local workspace merge resolution or the webview-based conflict editor.
Local Resolution: Automatically checks out the source branch, performs a git merge from target, and alerts on conflict status.
3-Panel DevOps Style Conflict Editor: Side-by-side comparison (Left: Ours/Source, Right: Theirs/Target) with an editable custom merge canvas below.
Quick Actions: "Take Source File", "Take Target File", "Accept All Ours", and "Accept All Theirs" to rapidly resolve/strip git conflict markers, write directly to workspace files, and automatically stage them (git add).

9. Automatic Commit Linking

Automatically links commits to Azure DevOps Work Items when commit messages reference #NNNN (e.g. feat: implement login screen (#123)).

Configuration & Usage

Open the VS Code Command Palette (Ctrl+Shift+P / Cmd+Shift+P).
Run Azure DevOps: Configure Connection.
Follow the wizard steps:
- Enter your Server Url (e.g., https://devops.company.local or https://dev.azure.com/organization).
- Specify Collection Name / Organization Name, Project, and Api Version (default 5.1).
- Input your Personal Access Token (PAT) when prompted.
- For Microsoft Entra ID login, select Microsoft Entra ID (Azure AD) as the authentication method and follow the sign-in prompt.
The sidebar will initialize and load your items. Click any PR ID or Work Item ID to open details panels.

CI/CD & Marketplace Automation

DevLoops includes an automated multi-stage azure-pipelines.yml for CI/CD:

Build & Test: Compiles TypeScript, runs ESLint and Jest unit tests, packages the extension, and publishes the .vsix artifact.
Publish to Visual Studio Marketplace: Automatically publishes the extension when a release tag (v*) is pushed or when triggered manually via the pipeline parameter.

Changelog

0.2.6 (2026-10-16)

Visual Interactive Work Item Dependency Graph: Offline, high-performance SVG DAG graph visualization integrated into Work Item Details, featuring zoom/pan, relation filters, Mermaid diagram export, and 1-click navigation from Kanban cards, Backlog rows, and Tree view.
Full Pull Request Completion & Merge Dialog: Comprehensive pre-merge policy verification, merge strategy selection (Squash, No-FF, Rebase, Semi-linear), customizable commit messages, automatic work item transitions, source branch deletion, and auto-complete support.
User Impersonation Across PRs & Creation Flows: Review, vote, and create PRs with transparent audit footnotes, and prefill assignees in Work Items when impersonating team members.
Status Bar Active Project Switcher: Live status bar indicator displaying active project and slot usage with quick-switch menu and Git workspace re-sync.
Freemium Project Slots & Workspace Auto-Detection: Automatically detects Azure DevOps projects from workspace Git remotes with session-based dismissal and GateKey-ready freemium slot management.

0.2.5 (2026-06-22)

Interactive PR Merge Conflict Resolution: Segmented selector in Conflicts view for local workspace checkout/merge or side-by-side 3-panel DevOps style webview conflict editor with conflict marker stripping and automatic staging.
Microsoft Entra ID (Azure AD) Authentication: Added OAuth sign-in provider.
Smart Git Branch Checkout: Context-menu action to auto-create and checkout branches from Work Items.
Automatic Commit Linker: Associates git commits mentioning #NNNN with corresponding Azure DevOps Work Items.
Connection Setup Upgrades: Unified prompts to "Collection Name / Organization Name" for Cloud and Server.
Kanban & Backlog Default Scoping: Default backlog and Kanban view is now scoped to the logged-in user (@me), retaining filters for all team members.
CI/CD Pipeline: Added multi-stage Azure DevOps pipeline (azure-pipelines.yml) for automated build, test, package, and marketplace deployment.

0.2.4 (2026-06-19)

Sprint View Hierarchy Start: Added a dropdown selector (Epic, Feature, or Backlog) in Sprint View to configure the backlog tree hierarchy root, dynamically labeled based on project type.
Rich Text Editor Fix: Resolved unescaped nested quotes in searchable dropdowns, restoring the Quill rich text editor and "Save State"/"Save Properties" buttons in Work Item Details, Work Item Creation, and PR Creation.
State Persistence: Persists chosen Sprint View hierarchy options in global settings.

0.2.3 (2026-06-18)

Rebranding: Renamed extension to DevLoops for VS Code and updated identifier to devloops-integration.
Security Updates: Ensured local credentials and secret configurations are excluded from the packaged extension.

🚀 Upcoming Features (Coming Soon)

AI Build Diagnostician: AI-powered analysis of build logs to isolate compilation errors and recommend code fixes.

DevLoops for VS Code

AryaCode Labs