@atercates/claude-deck 0.2.4 → 0.2.5

package/lib/status-monitor.ts

@@ -29,8 +29,11 @@ const TICK_INTERVAL_MS = 3000;
 const SESSION_NAME_CACHE_TTL = 10_000;
 const UUID_PATTERN = getManagedSessionPattern();
 
-// Cache for session display names (summary from SDK)
-const sessionNameCache = new Map<string, { name: string; cachedAt: number }>();
+// Cache for session metadata (name + cwd from SDK)
+const sessionMetaCache = new Map<
+  string,
+  { name: string; cwd: string | null; cachedAt: number }
+>();
 
 // --- Types ---
 
@@ -45,6 +48,7 @@ interface StateFile {
 
 export interface SessionStatusSnapshot {
   sessionName: string;
+  cwd: string | null;
   status: SessionStatus;
   lastLine: string;
   waitingContext?: string;
@@ -103,28 +107,35 @@ async function listTmuxSessions(): Promise<Map<string, string>> {
   }
 }
 
-// --- Session display name resolution ---
+// --- Session metadata resolution ---
 
-async function resolveSessionDisplayName(sessionId: string): Promise<string> {
-  const cached = sessionNameCache.get(sessionId);
+async function resolveSessionMeta(
+  sessionId: string
+): Promise<{ name: string; cwd: string | null }> {
+  const cached = sessionMetaCache.get(sessionId);
   if (cached && Date.now() - cached.cachedAt < SESSION_NAME_CACHE_TTL) {
-    return cached.name;
+    return { name: cached.name, cwd: cached.cwd };
   }
 
   try {
     const info = await getSessionInfo(sessionId);
     if (info) {
       const name = info.customTitle || info.summary || sessionId.slice(0, 8);
-      sessionNameCache.set(sessionId, { name, cachedAt: Date.now() });
-      return name;
+      const cwd = info.cwd || null;
+      sessionMetaCache.set(sessionId, { name, cwd, cachedAt: Date.now() });
+      return { name, cwd };
     }
   } catch {
     // SDK lookup failed — use short ID
   }
 
   const fallback = sessionId.slice(0, 8);
-  sessionNameCache.set(sessionId, { name: fallback, cachedAt: Date.now() });
-  return fallback;
+  sessionMetaCache.set(sessionId, {
+    name: fallback,
+    cwd: null,
+    cachedAt: Date.now(),
+  });
+  return { name: fallback, cwd: null };
 }
 
 // --- Snapshot building ---
@@ -137,17 +148,18 @@ async function buildSnapshot(
 
   const entries = await Promise.all(
     [...tmuxSessions.entries()].map(async ([sessionId, tmuxName]) => {
-      const displayName = await resolveSessionDisplayName(sessionId);
-      return { sessionId, tmuxName, displayName };
+      const meta = await resolveSessionMeta(sessionId);
+      return { sessionId, tmuxName, ...meta };
     })
   );
 
-  for (const { sessionId, tmuxName, displayName } of entries) {
+  for (const { sessionId, tmuxName, name, cwd } of entries) {
     const agentType = getProviderIdFromSessionName(tmuxName) || "claude";
     const state = stateFiles.get(sessionId);
 
     snap[sessionId] = {
-      sessionName: displayName,
+      sessionName: name,
+      cwd,
       status: state?.status || "idle",
       lastLine: state?.lastLine || "",
       ...(state?.status === "waiting" && state.waitingContext
@@ -158,6 +170,19 @@ async function buildSnapshot(
     };
   }
 
+  // Filter out hidden sessions
+  try {
+    const db = getDb();
+    const hiddenRows = db
+      .prepare("SELECT item_id FROM hidden_items WHERE item_type = 'session'")
+      .all() as { item_id: string }[];
+    for (const { item_id } of hiddenRows) {
+      delete snap[item_id];
+    }
+  } catch {
+    // DB errors shouldn't break the monitor
+  }
+
   return snap;
 }
 
@@ -250,7 +275,7 @@ export function onStateFileChange(): void {
 }
 
 export function invalidateSessionName(sessionId: string): void {
-  sessionNameCache.delete(sessionId);
+  sessionMetaCache.delete(sessionId);
 }
 
 export function startStatusMonitor(): void {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atercates/claude-deck",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "Self-hosted web UI for managing Claude Code sessions",
   "bin": {
     "claude-deck": "./scripts/claude-deck"

package/server.ts

@@ -15,7 +15,7 @@ import {
 } from "./lib/auth";
 
 const dev = process.env.NODE_ENV !== "production";
-const hostname = "0.0.0.0";
+const hostname = process.env.HOST || (dev ? "localhost" : "0.0.0.0");
 
 // Support: npm run dev -- -p 3012
 const pFlagIndex = process.argv.indexOf("-p");

package/app/api/groups/[...path]/route.ts

@@ -1,136 +0,0 @@
-import { NextResponse } from "next/server";
-import { queries, type Group } from "@/lib/db";
-
-// GET /api/groups/[...path] - Get a single group
-export async function GET(
-  request: Request,
-  { params }: { params: Promise<{ path: string[] }> }
-) {
-  const { path: pathParts } = await params;
-  const path = pathParts.join("/");
-
-  try {
-    const group = await queries.getGroup(path) as Group | undefined;
-
-    if (!group) {
-      return NextResponse.json({ error: "Group not found" }, { status: 404 });
-    }
-
-    return NextResponse.json({
-      group: { ...group, expanded: Boolean(group.expanded) },
-    });
-  } catch (error) {
-    console.error("Error fetching group:", error);
-    return NextResponse.json(
-      { error: "Failed to fetch group" },
-      { status: 500 }
-    );
-  }
-}
-
-// PATCH /api/groups/[...path] - Update group (name, expanded, order)
-export async function PATCH(
-  request: Request,
-  { params }: { params: Promise<{ path: string[] }> }
-) {
-  const { path: pathParts } = await params;
-  const path = pathParts.join("/");
-
-  try {
-    const body = await request.json();
-    const { name, expanded, sort_order } = body;
-
-    // Check if group exists
-    const group = await queries.getGroup(path) as Group | undefined;
-    if (!group) {
-      return NextResponse.json({ error: "Group not found" }, { status: 404 });
-    }
-
-    // Protect default group from being renamed
-    if (path === "sessions" && name !== undefined && name !== "Sessions") {
-      return NextResponse.json(
-        { error: "Cannot rename the default group" },
-        { status: 400 }
-      );
-    }
-
-    // Update name
-    if (name !== undefined) {
-      await queries.updateGroupName(name, path);
-    }
-
-    // Update expanded state
-    if (expanded !== undefined) {
-      await queries.updateGroupExpanded(!!expanded, path);
-    }
-
-    // Update sort order
-    if (sort_order !== undefined) {
-      await queries.updateGroupOrder(sort_order, path);
-    }
-
-    const updatedGroup = await queries.getGroup(path) as Group;
-    return NextResponse.json({
-      group: { ...updatedGroup, expanded: Boolean(updatedGroup.expanded) },
-    });
-  } catch (error) {
-    console.error("Error updating group:", error);
-    return NextResponse.json(
-      { error: "Failed to update group" },
-      { status: 500 }
-    );
-  }
-}
-
-// DELETE /api/groups/[...path] - Delete group (moves sessions to parent or default)
-export async function DELETE(
-  request: Request,
-  { params }: { params: Promise<{ path: string[] }> }
-) {
-  const { path: pathParts } = await params;
-  const path = pathParts.join("/");
-
-  try {
-    // Protect default group
-    if (path === "sessions") {
-      return NextResponse.json(
-        { error: "Cannot delete the default group" },
-        { status: 400 }
-      );
-    }
-
-    // Check if group exists
-    const group = await queries.getGroup(path) as Group | undefined;
-    if (!group) {
-      return NextResponse.json({ error: "Group not found" }, { status: 404 });
-    }
-
-    // Find parent group or use default
-    const pathParts2 = path.split("/");
-    pathParts2.pop();
-    const parentPath =
-      pathParts2.length > 0 ? pathParts2.join("/") : "sessions";
-
-    // Move all sessions in this group to parent
-    await queries.moveSessionsToGroup(parentPath, path);
-
-    // Also move sessions from any subgroups
-    const allGroups = await queries.getAllGroups() as Group[];
-    const subgroups = allGroups.filter((g) => g.path.startsWith(path + "/"));
-    for (const subgroup of subgroups) {
-      await queries.moveSessionsToGroup(parentPath, subgroup.path);
-      await queries.deleteGroup(subgroup.path);
-    }
-
-    // Delete the group
-    await queries.deleteGroup(path);
-
-    return NextResponse.json({ success: true, movedTo: parentPath });
-  } catch (error) {
-    console.error("Error deleting group:", error);
-    return NextResponse.json(
-      { error: "Failed to delete group" },
-      { status: 500 }
-    );
-  }
-}

package/app/api/groups/route.ts

@@ -1,93 +0,0 @@
-import { NextResponse } from "next/server";
-import { queries, type Group } from "@/lib/db";
-
-// GET /api/groups - List all groups
-export async function GET() {
-  try {
-    const groups = await queries.getAllGroups() as Group[];
-
-    // Convert expanded from 0/1 to boolean
-    const formattedGroups = groups.map((g) => ({
-      ...g,
-      expanded: Boolean(g.expanded),
-    }));
-
-    return NextResponse.json({ groups: formattedGroups });
-  } catch (error) {
-    console.error("Error fetching groups:", error);
-    return NextResponse.json(
-      { error: "Failed to fetch groups" },
-      { status: 500 }
-    );
-  }
-}
-
-// POST /api/groups - Create a new group
-export async function POST(request: Request) {
-  try {
-    const body = await request.json();
-    const { name, parentPath } = body;
-
-    if (!name || typeof name !== "string") {
-      return NextResponse.json({ error: "Name is required" }, { status: 400 });
-    }
-
-    // Sanitize name to create path
-    const sanitizedName = name
-      .toLowerCase()
-      .replace(/[^a-z0-9-]/g, "-")
-      .replace(/-+/g, "-")
-      .replace(/^-|-$/g, "");
-
-    if (!sanitizedName) {
-      return NextResponse.json(
-        { error: "Invalid group name" },
-        { status: 400 }
-      );
-    }
-
-    // Build full path
-    const path = parentPath ? `${parentPath}/${sanitizedName}` : sanitizedName;
-
-    // Check if group already exists
-    const existing = await queries.getGroup(path) as Group | undefined;
-    if (existing) {
-      return NextResponse.json(
-        { error: "Group already exists", group: existing },
-        { status: 409 }
-      );
-    }
-
-    // If parent path specified, ensure parent exists
-    if (parentPath) {
-      const parent = await queries.getGroup(parentPath) as Group | undefined;
-      if (!parent) {
-        return NextResponse.json(
-          { error: "Parent group does not exist" },
-          { status: 400 }
-        );
-      }
-    }
-
-    // Get max sort order for new group
-    const groups = await queries.getAllGroups() as Group[];
-    const maxOrder = groups.reduce((max, g) => Math.max(max, g.sort_order), 0);
-
-    // Create the group
-    await queries.createGroup(path, name, maxOrder + 1);
-
-    const newGroup = await queries.getGroup(path) as Group;
-    return NextResponse.json(
-      {
-        group: { ...newGroup, expanded: Boolean(newGroup.expanded) },
-      },
-      { status: 201 }
-    );
-  } catch (error) {
-    console.error("Error creating group:", error);
-    return NextResponse.json(
-      { error: "Failed to create group" },
-      { status: 500 }
-    );
-  }
-}

package/components/NewSessionDialog/AgentSelector.tsx

@@ -1,37 +0,0 @@
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import type { AgentType } from "@/lib/providers";
-import { AGENT_OPTIONS } from "./NewSessionDialog.types";
-
-interface AgentSelectorProps {
-  value: AgentType;
-  onChange: (value: AgentType) => void;
-}
-
-export function AgentSelector({ value, onChange }: AgentSelectorProps) {
-  return (
-    <div className="space-y-2">
-      <label className="text-sm font-medium">Agent</label>
-      <Select value={value} onValueChange={(v) => onChange(v as AgentType)}>
-        <SelectTrigger>
-          <SelectValue />
-        </SelectTrigger>
-        <SelectContent>
-          {AGENT_OPTIONS.map((option) => (
-            <SelectItem key={option.value} value={option.value}>
-              <span className="font-medium">{option.label}</span>
-              <span className="text-muted-foreground ml-2 text-xs">
-                {option.description}
-              </span>
-            </SelectItem>
-          ))}
-        </SelectContent>
-      </Select>
-    </div>
-  );
-}

package/components/Projects/ProjectCard.tsx

@@ -1,276 +0,0 @@
-"use client";
-
-import { useState, useRef, useEffect } from "react";
-import { cn } from "@/lib/utils";
-import {
-  ChevronRight,
-  ChevronDown,
-  MoreHorizontal,
-  Settings,
-  Plus,
-  Server,
-  Trash2,
-  Pencil,
-  FolderOpen,
-  Terminal,
-} from "lucide-react";
-import { Button } from "@/components/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import {
-  ContextMenu,
-  ContextMenuContent,
-  ContextMenuItem,
-  ContextMenuSeparator,
-  ContextMenuTrigger,
-} from "@/components/ui/context-menu";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
-import type { Project, DevServer } from "@/lib/db";
-
-interface ProjectCardProps {
-  project: Project;
-  sessionCount: number;
-  runningDevServers?: DevServer[];
-  onClick?: () => void;
-  onToggleExpanded?: (expanded: boolean) => void;
-  onEdit?: () => void;
-  onNewSession?: () => void;
-  onOpenTerminal?: () => void;
-  onStartDevServer?: () => void;
-  onOpenInEditor?: () => void;
-  onDelete?: () => void;
-  onRename?: (newName: string) => void;
-}
-
-export function ProjectCard({
-  project,
-  sessionCount,
-  runningDevServers = [],
-  onClick,
-  onToggleExpanded,
-  onEdit,
-  onNewSession,
-  onOpenTerminal,
-  onStartDevServer,
-  onOpenInEditor,
-  onDelete,
-  onRename,
-}: ProjectCardProps) {
-  const [isEditing, setIsEditing] = useState(false);
-  const [editName, setEditName] = useState(project.name);
-  const inputRef = useRef<HTMLInputElement>(null);
-  const justStartedEditingRef = useRef(false);
-
-  const hasRunningServers = runningDevServers.length > 0;
-  // Uncategorized can have New Session, Open Terminal, and Rename, but not Edit/Delete/DevServer
-  const hasActions = project.is_uncategorized
-    ? onNewSession || onOpenTerminal || onRename
-    : onEdit ||
-      onNewSession ||
-      onOpenTerminal ||
-      onStartDevServer ||
-      onDelete ||
-      onRename;
-
-  useEffect(() => {
-    if (isEditing && inputRef.current) {
-      const input = inputRef.current;
-      // Mark that we just started editing to ignore immediate blur
-      justStartedEditingRef.current = true;
-      // Small timeout to ensure input is fully mounted
-      setTimeout(() => {
-        input.focus();
-        input.select();
-        // Clear the flag after focus is established
-        setTimeout(() => {
-          justStartedEditingRef.current = false;
-        }, 100);
-      }, 0);
-    }
-  }, [isEditing]);
-
-  const handleRename = () => {
-    // Ignore blur events that happen immediately after starting to edit
-    if (justStartedEditingRef.current) return;
-
-    if (editName.trim() && editName !== project.name && onRename) {
-      onRename(editName.trim());
-    }
-    setIsEditing(false);
-  };
-
-  const handleClick = (_e: React.MouseEvent) => {
-    if (isEditing) return;
-    onClick?.();
-    onToggleExpanded?.(!project.expanded);
-  };
-
-  const renderMenuItems = (isContextMenu: boolean) => {
-    const MenuItem = isContextMenu ? ContextMenuItem : DropdownMenuItem;
-    const MenuSeparator = isContextMenu
-      ? ContextMenuSeparator
-      : DropdownMenuSeparator;
-
-    return (
-      <>
-        {onNewSession && (
-          <MenuItem onClick={() => onNewSession()}>
-            <Plus className="mr-2 h-3 w-3" />
-            New session
-          </MenuItem>
-        )}
-        {onOpenTerminal && (
-          <MenuItem onClick={() => onOpenTerminal()}>
-            <Terminal className="mr-2 h-3 w-3" />
-            Open terminal
-          </MenuItem>
-        )}
-        {onEdit && (
-          <MenuItem onClick={() => onEdit()}>
-            <Settings className="mr-2 h-3 w-3" />
-            Project settings
-          </MenuItem>
-        )}
-        {onRename && (
-          <MenuItem onClick={() => setIsEditing(true)}>
-            <Pencil className="mr-2 h-3 w-3" />
-            Rename
-          </MenuItem>
-        )}
-        {onOpenInEditor && (
-          <MenuItem onClick={() => onOpenInEditor()}>
-            <FolderOpen className="mr-2 h-3 w-3" />
-            Open in editor
-          </MenuItem>
-        )}
-        {onStartDevServer && (
-          <>
-            <MenuSeparator />
-            <MenuItem onClick={() => onStartDevServer()}>
-              <Server className="mr-2 h-3 w-3" />
-              Start dev server
-            </MenuItem>
-          </>
-        )}
-        {onDelete && (
-          <>
-            <MenuSeparator />
-            <MenuItem
-              onClick={() => onDelete()}
-              className="text-red-500 focus:text-red-500"
-            >
-              <Trash2 className="mr-2 h-3 w-3" />
-              Delete project
-            </MenuItem>
-          </>
-        )}
-      </>
-    );
-  };
-
-  const cardContent = (
-    <div
-      onClick={handleClick}
-      className={cn(
-        "group flex cursor-pointer items-center gap-1 rounded-md px-2 py-1.5",
-        "min-h-[36px] md:min-h-[28px]",
-        "hover:bg-accent/50"
-      )}
-    >
-      {/* Expand/collapse toggle */}
-      <button className="flex-shrink-0 p-0.5">
-        {project.expanded ? (
-          <ChevronDown className="text-muted-foreground h-4 w-4" />
-        ) : (
-          <ChevronRight className="text-muted-foreground h-4 w-4" />
-        )}
-      </button>
-
-      {/* Project name */}
-      {isEditing ? (
-        <input
-          ref={inputRef}
-          type="text"
-          value={editName}
-          onChange={(e) => setEditName(e.target.value)}
-          onBlur={handleRename}
-          onKeyDown={(e) => {
-            if (e.key === "Enter") handleRename();
-            if (e.key === "Escape") {
-              setEditName(project.name);
-              setIsEditing(false);
-            }
-          }}
-          onClick={(e) => e.stopPropagation()}
-          className="border-primary min-w-0 flex-1 border-b bg-transparent text-sm font-medium outline-none"
-        />
-      ) : (
-        <span className="min-w-0 flex-1 truncate text-sm font-medium">
-          {project.name}
-        </span>
-      )}
-
-      {/* Running servers indicator */}
-      {hasRunningServers && (
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <div className="flex flex-shrink-0 items-center gap-1 text-green-500">
-              <Server className="h-3 w-3" />
-              <span className="text-xs">{runningDevServers.length}</span>
-            </div>
-          </TooltipTrigger>
-          <TooltipContent>
-            <p>
-              {runningDevServers.length} dev server
-              {runningDevServers.length > 1 ? "s" : ""} running
-            </p>
-          </TooltipContent>
-        </Tooltip>
-      )}
-
-      {/* Session count */}
-      <span className="text-muted-foreground flex-shrink-0 text-xs">
-        {sessionCount}
-      </span>
-
-      {/* Actions menu */}
-      {hasActions && (
-        <DropdownMenu>
-          <DropdownMenuTrigger asChild onClick={(e) => e.stopPropagation()}>
-            <Button
-              variant="ghost"
-              size="icon-sm"
-              className="h-7 w-7 flex-shrink-0 opacity-100 md:h-6 md:w-6 md:opacity-0 md:group-hover:opacity-100"
-            >
-              <MoreHorizontal className="h-4 w-4" />
-            </Button>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent align="end" onClick={(e) => e.stopPropagation()}>
-            {renderMenuItems(false)}
-          </DropdownMenuContent>
-        </DropdownMenu>
-      )}
-    </div>
-  );
-
-  // Wrap with context menu if actions are available
-  if (hasActions) {
-    return (
-      <ContextMenu>
-        <ContextMenuTrigger asChild>{cardContent}</ContextMenuTrigger>
-        <ContextMenuContent>{renderMenuItems(true)}</ContextMenuContent>
-      </ContextMenu>
-    );
-  }
-
-  return cardContent;
-}