@lucashca/claudecontrol 0.3.22 → 0.3.24

package/frontend/src/components/AgentBar.tsx

@@ -4,7 +4,6 @@ import { useAtomValue } from 'jotai';
 import { agentsMapAtom, barTabIdsAtom, activeTabIdAtom } from '@/atoms';
 import { useTabActions } from '@/hooks/useTabActions';
 import { AGENT_LABELS } from '@/types';
-import { api } from '@/api';
 
 const AGENT_ICON: Record<string, LucideIcon> = {
   arquiteto: Blocks, dev: Code2, qa: TestTube2,
@@ -43,7 +42,7 @@ export function AgentBar() {
             <span className="font-medium">{AGENT_LABELS[agent.role] || agent.role}</span>
             <X size={11}
               className="text-zinc-700 hover:text-zinc-300 cursor-pointer shrink-0 ml-1"
-              onClick={e => { e.stopPropagation(); closeTab(id); api.deleteAgent(id).catch(() => {}); }} />
+              onClick={e => { e.stopPropagation(); closeTab(id); }} />
           </div>
         );
       })}

package/frontend/src/components/ChatPanel.tsx

@@ -2,7 +2,7 @@ import type { LucideIcon } from 'lucide-react';
 import { Blocks, Code2, TestTube2, Cloud, Database, Layout, ChevronRight, Loader2, GitBranch, Square } from 'lucide-react';
 import { useAtomValue } from 'jotai';
 import { useState } from 'react';
-import { agentsMapAtom, barTabIdsAtom } from '@/atoms';
+import { agentsMapAtom } from '@/atoms';
 import { api } from '@/api';
 import { Badge, Button, Tooltip } from '@/ui';
 import { AGENT_LABELS, AGENT_DESCRIPTIONS } from '@/types';
@@ -165,10 +165,8 @@ export function ChatPanel({ agentId, compact }: { agentId: string; compact?: boo
 
 function ActiveAgentsBar({ currentAgentId, workspaceId }: { currentAgentId: string; workspaceId: string }) {
   const agentsMap = useAtomValue(agentsMapAtom);
-  const barTabIds = useAtomValue(barTabIdsAtom);
-  const tabSet = new Set(barTabIds);
   const others = [...agentsMap.values()].filter(
-    a => a.workspaceId === workspaceId && a.id !== currentAgentId && !a.closed && tabSet.has(a.id),
+    a => a.workspaceId === workspaceId && a.id !== currentAgentId && !a.closed && a.status === 'working',
   );
   if (others.length === 0) return null;
 

package/frontend/src/components/ChatPanelWithTabs.tsx

@@ -5,7 +5,6 @@ import { agentsMapAtom } from '@/atoms';
 import { ChatPanel, EmptyChat } from './ChatPanel';
 import { AGENT_LABELS } from '@/types';
 import { X, Blocks, Code2, TestTube2, Cloud, Database, Layout } from 'lucide-react';
-import { api } from '@/api';
 
 const AGENT_ICON: Record<string, LucideIcon> = {
   arquiteto: Blocks, dev: Code2, qa: TestTube2,
@@ -115,7 +114,7 @@ export function ChatPanelWithTabs({ panelIndex }: Props) {
               <X
                 size={10}
                 className="text-cc-muted cursor-pointer shrink-0 hover:text-cc-text-secondary"
-                onClick={e => { e.stopPropagation(); closeTab(id); api.deleteAgent(id).catch(() => {}); }}
+                onClick={e => { e.stopPropagation(); closeTab(id); }}
               />
             </div>
           );

package/frontend/src/hooks/useQueries.ts

@@ -27,8 +27,8 @@ function setActiveWorkspaceImperative(id: string) {
   const currentBarTabIds = store.get(barTabIdsAtom);
   const currentActiveTabId = store.get(activeTabIdAtom);
 
-  // Save current tabs for previous workspace
-  if (prevActiveId) {
+  // Save current tabs for previous workspace (skip if same workspace — fresh load scenario)
+  if (prevActiveId && prevActiveId !== id) {
     const fileTabs = store.get(fileTabsAtom);
     const activeFilePath = store.get(activeFileTabAtom);
     store.set(workspaceTabsAtom, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lucashca/claudecontrol",
-  "version": "0.3.22",
+  "version": "0.3.24",
   "description": "AI Agent Dashboard — manage multiple Claude Code agents across projects",
   "type": "module",
   "bin": {

package/version.json

@@ -1 +1 @@
-{"version":"0.3.22","build":"2026-04-03T22:59:18.572Z"}
+{"version":"0.3.24","build":"2026-04-03T23:07:39.778Z"}