refactor: improve KanbanCard styling and enhance path normalization in worktree routes

- Updated the button variant in KanbanCard for better visual consistency.
- Adjusted CSS classes for improved styling of shortcut keys.
- Introduced a normalizePath function to ensure consistent path formatting across platforms.
- Updated worktree routes to utilize normalizePath for path handling, enhancing cross-platform compatibility.

apps/app/src/components/views/board-view/components/kanban-card.tsx

@@ -866,9 +866,9 @@ export const KanbanCard = memo(function KanbanCard({
             <>
               {onViewOutput && (
                 <Button
-                  variant="default"
+                  variant="secondary"
                   size="sm"
-                  className="flex-1 h-7 text-[11px] bg-[var(--status-info)] hover:bg-[var(--status-info)]/90"
+                  className="flex-1 h-7 text-[11px]"
                   onClick={(e) => {
                     e.stopPropagation();
                     onViewOutput();
@@ -880,7 +880,7 @@ export const KanbanCard = memo(function KanbanCard({
                   Logs
                   {shortcutKey && (
                     <span
-                      className="ml-1.5 px-1 py-0.5 text-[9px] font-mono rounded bg-white/20"
+                      className="ml-1.5 px-1 py-0.5 text-[9px] font-mono rounded bg-foreground/10"
                       data-testid={`shortcut-key-${feature.id}`}
                     >
                       {shortcutKey}
@@ -972,7 +972,7 @@ export const KanbanCard = memo(function KanbanCard({
           )}
           {!isCurrentAutoTask && feature.status === "verified" && (
             <>
-              {/* Logs button - styled like Refine */}
+              {/* Logs button */}
               {onViewOutput && (
                 <Button
                   variant="secondary"

apps/server/src/routes/worktree/common.ts

@@ -13,6 +13,15 @@ import {
 const logger = createLogger("Worktree");
 const execAsync = promisify(exec);
 
+/**
+ * Normalize path separators to forward slashes for cross-platform consistency.
+ * This ensures paths from `path.join()` (backslashes on Windows) match paths
+ * from git commands (which may use forward slashes).
+ */
+export function normalizePath(p: string): string {
+  return p.replace(/\\/g, "/");
+}
+
 /**
  * Check if a path is a git repo
  */

apps/server/src/routes/worktree/routes/create.ts

@@ -7,7 +7,7 @@ import { exec } from "child_process";
 import { promisify } from "util";
 import path from "path";
 import { mkdir, access } from "fs/promises";
-import { isGitRepo, getErrorMessage, logError } from "../common.js";
+import { isGitRepo, getErrorMessage, logError, normalizePath } from "../common.js";
 import { trackBranch } from "./branch-tracking.js";
 
 const execAsync = promisify(exec);
@@ -48,14 +48,10 @@ export function createCreateHandler() {
       // Check if worktree already exists
       try {
         await access(worktreePath);
-        // Worktree already exists, return it instead of error
+        // Worktree already exists, return error
-        res.json({
+        res.status(400).json({
-          success: true,
+          success: false,
-          worktree: {
+          error: `Worktree "${branchName}" already exists`,
-            path: worktreePath,
-            branch: branchName,
-            isNew: false,
-          },
         });
         return;
       } catch {
@@ -96,7 +92,7 @@ export function createCreateHandler() {
       res.json({
         success: true,
         worktree: {
-          path: worktreePath,
+          path: normalizePath(worktreePath),
           branch: branchName,
           isNew: !branchExists,
         },

apps/server/src/routes/worktree/routes/info.ts

@@ -7,7 +7,7 @@ import { exec } from "child_process";
 import { promisify } from "util";
 import path from "path";
 import fs from "fs/promises";
-import { getErrorMessage, logError } from "../common.js";
+import { getErrorMessage, logError, normalizePath } from "../common.js";
 
 const execAsync = promisify(exec);
 
@@ -38,7 +38,7 @@ export function createInfoHandler() {
         });
         res.json({
           success: true,
-          worktreePath,
+          worktreePath: normalizePath(worktreePath),
           branchName: stdout.trim(),
         });
       } catch {

apps/server/src/routes/worktree/routes/list.ts

@@ -8,7 +8,7 @@
 import type { Request, Response } from "express";
 import { exec } from "child_process";
 import { promisify } from "util";
-import { isGitRepo, getErrorMessage, logError } from "../common.js";
+import { isGitRepo, getErrorMessage, logError, normalizePath } from "../common.js";
 
 const execAsync = promisify(exec);
 
@@ -64,7 +64,7 @@ export function createListHandler() {
 
       for (const line of lines) {
         if (line.startsWith("worktree ")) {
-          current.path = line.slice(9);
+          current.path = normalizePath(line.slice(9));
         } else if (line.startsWith("branch ")) {
           current.branch = line.slice(7).replace("refs/heads/", "");
         } else if (line === "") {