trident-git 0.2.0

package/README.md

@@ -0,0 +1,198 @@
+# 🔱 Trident
+
+A modern, web-based Git client built with Next.js. Manage your repositories, view commit history with a visual graph, and perform common Git operations through an intuitive interface.
+
+![](./docs/poster.jpeg)
+
+## Features
+
+- **Repository Management** - Add, delete, and manage multiple local Git repositories
+- **Visual Commit Graph** - Fork-style commit visualization with branch lanes
+- **Branch Operations** - Create, checkout, delete, rename, rebase, and merge branches
+- **Change Staging** - Stage/unstage files individually or all at once
+- **Stash Support** - Stash, reapply, and delete stashed changes
+- **Diff Viewer** - Syntax-highlighted diff view for reviewing changes
+- **Commit History** - Browse commit history with infinite scroll and branch filtering
+- **Command Palette** - Quick access to common actions via Cmd/Ctrl+K
+- **Settings** - Configure default repository folder and preferences
+- **Dark/Light Mode** - Theme toggle for comfortable viewing
+
+## Roadmap & TODO
+
+### Implemented
+
+#### Repository Management
+- [x] Open local repositories from a filesystem browser
+- [x] List recent repositories and reopen quickly (Command Palette)
+- [x] Delete repositories from the app list (without deleting files)
+- [x] Shared repository/settings storage across app instances
+- [x] Set repository display name
+- [x] Configure default root folder for browsing repositories
+
+#### Working Directory & Staging
+- [x] View working tree and index status
+- [x] Stage/unstage individual files
+- [x] Stage all / unstage all
+- [x] Discard unstaged changes and untracked files
+- [x] Stash changes with message
+- [x] List/apply/pop/drop stashes
+- [x] Inspect stash file lists and per-file stash diffs
+
+#### Committing
+- [x] Commit with subject + optional body
+- [x] Amend latest commit message (reword)
+
+#### Branching, History & Graph
+- [x] Visual commit graph with branch lanes
+- [x] Branch visibility filters persisted per repository
+- [x] List local/remote branches with ahead/behind tracking info
+- [x] Create branch from current HEAD or selected ref
+- [x] Checkout local branch
+- [x] Checkout remote branch to new local tracking branch
+- [x] Delete local and remote branches
+- [x] Rename local branches
+- [x] Rename remote branches
+- [x] Merge with options (rebase-before-merge, squash, fast-forward)
+- [x] Rebase onto target branch (with optional auto-stash)
+- [x] Preflight conflict checks for merge/rebase
+- [x] Hard/soft/mixed reset to selected commit
+- [x] Cherry-pick single/multiple commits and abort cherry-pick
+- [x] Commit details and per-file commit diffs (split/inline)
+
+#### Remote Operations
+- [x] Fetch default remote
+- [x] Fetch specific remote
+- [x] Fetch all remotes (prune)
+- [x] Pull from remote branch (rebase option)
+- [x] Push to remote branch (force, set-upstream, rebase-first, squash, local-tags)
+
+#### Tags, Credentials, and Automation
+- [x] Create local tag and optionally push to remote
+- [x] Delete local tag
+- [x] Delete remote tag
+- [x] Manage credentials (GitHub/GitLab) and associate per repository
+- [x] Run repository custom bash scripts from branch context menu (with live output/cancel)
+
+#### UX & Reliability
+- [x] Dark/light/system theme toggle
+- [x] Image diff support and binary file detection
+- [x] Large-diff protection to prevent UI freeze
+- [x] Persist key UI state (sidebar/panel sizes/folders/filters)
+- [x] Git error handling with actionable messages + lock file cleanup action
+
+### TODO
+- [ ] Clone repository from URL
+- [ ] Initialize a new repository
+- [ ] Manage remotes (add/edit/remove remote definitions)
+- [x] Revert commits
+- [ ] Commit signing (GPG/SSH)
+- [ ] Co-author commit support
+- [ ] Interactive rebase UI
+- [ ] Blame/annotate view
+- [ ] Submodule management
+- [ ] Git LFS workflows
+
+## Tech Stack
+
+- **Framework:** [Next.js](https://nextjs.org/) 16 (App Router)
+- **Language:** TypeScript
+- **UI Components:** [DaisyUI](https://daisyui.com/)
+- **Styling:** [Tailwind CSS](https://tailwindcss.com/) 4
+- **State Management:** [TanStack Query](https://tanstack.com/query)
+- **Git Operations:** [simple-git](https://github.com/steveukx/git-js)
+- **Diff Rendering:** [@alexbruf/react-diff-viewer](https://www.npmjs.com/package/@alexbruf/react-diff-viewer)
+- **Theming:** [next-themes](https://github.com/pacocoursey/next-themes)
+- **Validation:** [Zod](https://zod.dev/)
+
+## Getting Started
+
+### Prerequisites
+
+- Node.js 18+
+- Git installed and available in PATH
+
+### Run with npx
+
+```bash
+npx trident-git
+```
+
+This launches the app on an available local port (default `3100`).  
+You can also pass options:
+
+```bash
+npx trident-git --port 3200
+npx trident-git --dev
+```
+
+### Installation
+
+```bash
+# Clone the repository
+git clone <repository-url>
+cd trident
+
+# Install dependencies
+npm install
+
+# Start the development server
+npm run dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) in your browser.
+
+### Build for Production
+
+```bash
+npm run build
+npm start
+```
+
+## Usage
+
+1. **Add a Repository** - Click "Add Repository" on the home page and browse to select a local Git repository
+2. **View Changes** - The workspace view shows staged and unstaged changes with diff previews
+3. **Commit Changes** - Stage files and enter a commit message (Cmd/Ctrl+Enter to commit)
+4. **Browse History** - Navigate to the History tab to view the commit graph
+5. **Manage Branches** - Use the branch sidebar to switch, create, or manage branches
+
+## Project Structure
+
+```
+src/
+├── app/                    # Next.js App Router pages
+│   ├── api/               # API routes for Git operations
+│   │   ├── git/           # Git action endpoints
+│   │   ├── fs/            # File system endpoints
+│   │   └── repos/         # Repository management
+│   └── workspace/         # Workspace pages (history, changes, stashes, settings)
+├── components/            # React components
+│   ├── git/              # Git-specific components
+│   │   ├── diff-view.tsx
+│   │   ├── git-graph.tsx
+│   │   ├── history-view.tsx
+│   │   └── status-view.tsx
+│   ├── layout/           # Layout components
+│   └── ui/               # Reusable UI components (Radix-based)
+├── hooks/                # Custom React hooks
+├── lib/                  # Utilities and services
+│   ├── git.ts           # Git service wrapper
+│   ├── graph-utils.ts   # Commit graph algorithms
+│   ├── store.ts         # State management
+│   └── types.ts         # TypeScript definitions
+```
+
+## Scripts
+
+| Command | Description |
+|---------|-------------|
+| `npm run dev` | Start development server |
+| `npm run build` | Build for production |
+| `npm run start` | Start production server |
+| `npm run lint` | Run ESLint |
+| `npm run cli` | Start through the packaged CLI launcher |
+| `npm run pack:preview` | Preview npm package contents |
+
+## License
+
+MIT

package/bin/trident-git.mjs

@@ -0,0 +1,153 @@
+#!/usr/bin/env node
+
+import { spawn } from "node:child_process";
+import fs from "node:fs";
+import net from "node:net";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const APP_ROOT = path.resolve(__dirname, "..");
+const NEXT_BIN = path.join(APP_ROOT, "node_modules", "next", "dist", "bin", "next");
+const DEFAULT_PORT = 3100;
+
+function printHelp() {
+  console.log(`Usage: trident-git [options]
+
+Options:
+  -p, --port <port>  Port to run on (default: 3100)
+  --dev              Run in development mode
+  -h, --help         Show this help message
+`);
+}
+
+function parseArgs(argv) {
+  const options = {
+    mode: "start",
+    port: undefined,
+    portExplicit: false,
+  };
+
+  for (let i = 0; i < argv.length; i += 1) {
+    const arg = argv[i];
+
+    if (arg === "--help" || arg === "-h") {
+      printHelp();
+      process.exit(0);
+    }
+
+    if (arg === "--dev") {
+      options.mode = "dev";
+      continue;
+    }
+
+    if (arg === "--port" || arg === "-p") {
+      const value = argv[i + 1];
+      if (!value) {
+        throw new Error("Missing value for --port.");
+      }
+      const parsed = Number.parseInt(value, 10);
+      if (!Number.isInteger(parsed) || parsed < 1 || parsed > 65535) {
+        throw new Error(`Invalid port: ${value}`);
+      }
+      options.port = parsed;
+      options.portExplicit = true;
+      i += 1;
+      continue;
+    }
+
+    throw new Error(`Unknown option: ${arg}`);
+  }
+
+  return options;
+}
+
+function checkPortAvailable(port) {
+  return new Promise((resolve) => {
+    const server = net.createServer();
+
+    server.once("error", () => resolve(false));
+    server.once("listening", () => {
+      server.close(() => resolve(true));
+    });
+
+    server.listen(port, "127.0.0.1");
+  });
+}
+
+async function findAvailablePort(startPort, maxAttempts = 20) {
+  for (let i = 0; i < maxAttempts; i += 1) {
+    const candidate = startPort + i;
+    const available = await checkPortAvailable(candidate);
+    if (available) {
+      return candidate;
+    }
+  }
+  throw new Error(`Could not find an available port in range ${startPort}-${startPort + maxAttempts - 1}.`);
+}
+
+function runNext(args) {
+  return new Promise((resolve, reject) => {
+    const child = spawn(process.execPath, [NEXT_BIN, ...args], {
+      cwd: APP_ROOT,
+      stdio: "inherit",
+      env: process.env,
+    });
+
+    child.on("error", reject);
+    child.on("exit", (code, signal) => {
+      if (signal) {
+        process.kill(process.pid, signal);
+        return;
+      }
+      resolve(code === null ? 1 : code);
+    });
+  });
+}
+
+async function ensureBuildExists() {
+  const buildIdPath = path.join(APP_ROOT, ".next", "BUILD_ID");
+  if (fs.existsSync(buildIdPath)) {
+    return;
+  }
+
+  console.log("No production build found. Building trident-git...");
+  const exitCode = await runNext(["build", "--webpack"]);
+  if (exitCode !== 0) {
+    process.exit(exitCode);
+  }
+}
+
+async function main() {
+  try {
+    const options = parseArgs(process.argv.slice(2));
+    const envPort = Number.parseInt(process.env.PORT || "", 10);
+    const preferredPort =
+      options.port ??
+      (Number.isInteger(envPort) && envPort > 0 && envPort <= 65535 ? envPort : DEFAULT_PORT);
+
+    let port = preferredPort;
+    if (!options.portExplicit && !process.env.PORT) {
+      port = await findAvailablePort(preferredPort);
+      if (port !== preferredPort) {
+        console.log(`Port ${preferredPort} is in use. Using ${port} instead.`);
+      }
+    }
+
+    if (options.mode === "dev") {
+      console.log(`Starting trident-git in development mode on http://localhost:${port}`);
+      process.exit(await runNext(["dev", "--webpack", "-p", String(port)]));
+    }
+
+    await ensureBuildExists();
+    console.log(`Starting trident-git on http://localhost:${port}`);
+    process.exit(await runNext(["start", "-p", String(port)]));
+  } catch (error) {
+    const errorMessage = error instanceof Error ? error.message : String(error);
+    console.error(`trident-git failed to start: ${errorMessage}`);
+    process.exit(1);
+  }
+}
+
+main();

package/eslint.config.mjs

@@ -0,0 +1,18 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+  ]),
+]);
+
+export default eslintConfig;

package/next.config.ts

@@ -0,0 +1,30 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  // Disable Turbopack for production builds as keytar is a native module
+  // that requires webpack's externals configuration
+  experimental: {
+    // Use webpack for server-side code
+  },
+  // Configure webpack to handle native modules
+  webpack: (config, { isServer }) => {
+    if (isServer) {
+      // Externalize keytar - it's a native module that should be loaded at runtime
+      config.externals = config.externals || [];
+      config.externals.push('keytar');
+    }
+    return config;
+  },
+  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'www.google.com',
+        pathname: '/s2/favicons',
+      },
+    ],
+  },
+  serverExternalPackages: ['keytar'],
+};
+
+export default nextConfig;

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "trident-git",
+  "version": "0.2.0",
+  "private": false,
+  "description": "A modern, web-based Git client.",
+  "bin": {
+    "trident-git": "bin/trident-git.mjs"
+  },
+  "files": [
+    "bin",
+    "src",
+    "public",
+    "next.config.ts",
+    "postcss.config.mjs",
+    "tsconfig.json",
+    "eslint.config.mjs",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "npx gfport 3100 -- next dev --webpack -p {PORT}",
+    "build": "next build --webpack",
+    "start": "next start -p 3100",
+    "lint": "eslint",
+    "cli": "node ./bin/trident-git.mjs",
+    "pack:preview": "npm pack --dry-run"
+  },
+  "keywords": [
+    "git",
+    "client",
+    "nextjs"
+  ],
+  "license": "MIT",
+  "dependencies": {
+    "@alexbruf/react-diff-viewer": "^3.1.5",
+    "@tanstack/react-query": "^5.90.20",
+    "clsx": "^2.1.1",
+    "daisyui": "^5.5.18",
+    "keytar": "^7.9.0",
+    "next": "16.1.6",
+    "next-themes": "^0.4.6",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "react-syntax-highlighter": "^16.1.0",
+    "simple-git": "^3.30.0",
+    "tailwind-merge": "^3.4.0",
+    "zod": "^4.3.6"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "eslint": "^9",
+    "eslint-config-next": "16.1.6",
+    "gfport": "^1.0.1",
+    "tailwindcss": "^4",
+    "typescript": "^5"
+  }
+}

package/postcss.config.mjs

@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;

package/public/file.svg

@@ -0,0 +1 @@
+<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>

package/public/globe.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/public/next.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>

package/public/vercel.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>

package/public/window.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>

package/src/app/api/credentials/route.ts

@@ -0,0 +1,113 @@
+import { NextResponse } from 'next/server';
+import { z } from 'zod';
+import {
+  getAllCredentials,
+  createGitHubCredential,
+  createGitLabCredential,
+  updateCredential,
+  deleteCredential,
+} from '@/lib/credentials';
+
+// GET - List all credentials
+export async function GET() {
+  try {
+    const credentials = await getAllCredentials();
+    return NextResponse.json(credentials);
+  } catch (error) {
+    console.error('Failed to get credentials:', error);
+    return NextResponse.json({ error: 'Failed to get credentials' }, { status: 500 });
+  }
+}
+
+// POST - Create a new credential
+const createGitHubSchema = z.object({
+  type: z.literal('github'),
+  token: z.string().min(1, 'Token is required'),
+});
+
+const createGitLabSchema = z.object({
+  type: z.literal('gitlab'),
+  serverUrl: z.string().url('Invalid server URL'),
+  token: z.string().min(1, 'Token is required'),
+});
+
+const createSchema = z.discriminatedUnion('type', [createGitHubSchema, createGitLabSchema]);
+
+export async function POST(request: Request) {
+  try {
+    const body = await request.json();
+    const data = createSchema.parse(body);
+
+    let result;
+    if (data.type === 'github') {
+      result = await createGitHubCredential(data.token);
+    } else {
+      result = await createGitLabCredential(data.serverUrl, data.token);
+    }
+
+    if (!result.success) {
+      return NextResponse.json({ error: result.error }, { status: 400 });
+    }
+
+    return NextResponse.json(result.credential);
+  } catch (error) {
+    if (error instanceof z.ZodError) {
+      return NextResponse.json({ error: error.issues[0].message }, { status: 400 });
+    }
+    console.error('Failed to create credential:', error);
+    return NextResponse.json({ error: 'Failed to create credential' }, { status: 500 });
+  }
+}
+
+// PUT - Update a credential
+const updateSchema = z.object({
+  id: z.string().min(1, 'Credential ID is required'),
+  token: z.string().min(1, 'Token is required'),
+});
+
+export async function PUT(request: Request) {
+  try {
+    const body = await request.json();
+    const { id, token } = updateSchema.parse(body);
+
+    const result = await updateCredential(id, token);
+
+    if (!result.success) {
+      return NextResponse.json({ error: result.error }, { status: 400 });
+    }
+
+    return NextResponse.json(result.credential);
+  } catch (error) {
+    if (error instanceof z.ZodError) {
+      return NextResponse.json({ error: error.issues[0].message }, { status: 400 });
+    }
+    console.error('Failed to update credential:', error);
+    return NextResponse.json({ error: 'Failed to update credential' }, { status: 500 });
+  }
+}
+
+// DELETE - Delete a credential
+const deleteSchema = z.object({
+  id: z.string().min(1, 'Credential ID is required'),
+});
+
+export async function DELETE(request: Request) {
+  try {
+    const body = await request.json();
+    const { id } = deleteSchema.parse(body);
+
+    const result = await deleteCredential(id);
+
+    if (!result.success) {
+      return NextResponse.json({ error: result.error }, { status: 400 });
+    }
+
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    if (error instanceof z.ZodError) {
+      return NextResponse.json({ error: error.issues[0].message }, { status: 400 });
+    }
+    console.error('Failed to delete credential:', error);
+    return NextResponse.json({ error: 'Failed to delete credential' }, { status: 500 });
+  }
+}