[eric] tree: group Tools into cards/dialogs/hooks

frontend/src/app/pages/Tools/Tools.tsx

@@ -31,14 +31,14 @@ import { Skeleton } from '@/app/components/Loading';
 import { useClaudeTokens } from '@/shared/styles/ThemeContext';
 import { Integration, INTEGRATIONS } from './integrations';
 import { CATEGORY_ORDER } from './toolsHelpers';
-import ToolSection from './ToolSection';
-import BrowserPermissionCard from './BrowserPermissionCard';
-import RegistryBrowserDialog from './RegistryBrowserDialog';
-import ToolDialogs from './ToolDialogs';
-import CustomToolCard from './CustomToolCard';
-import IntegrationGalleryCard from './IntegrationGalleryCard';
-import { useToolsActions } from './useToolsActions';
-import { useBuiltinSections } from './useBuiltinSections';
+import ToolSection from './cards/ToolSection';
+import BrowserPermissionCard from './cards/BrowserPermissionCard';
+import RegistryBrowserDialog from './dialogs/RegistryBrowserDialog';
+import ToolDialogs from './dialogs/ToolDialogs';
+import CustomToolCard from './cards/CustomToolCard';
+import IntegrationGalleryCard from './cards/IntegrationGalleryCard';
+import { useToolsActions } from './hooks/useToolsActions';
+import { useBuiltinSections } from './hooks/useBuiltinSections';
 
 const Tools: React.FC = () => {
   const c = useClaudeTokens();

frontend/src/app/pages/Tools/cards/CustomToolCard.tsx

@@ -23,7 +23,7 @@ import SecurityIcon from '@mui/icons-material/Security';
 import RefreshIcon from '@mui/icons-material/Refresh';
 import { ToolDefinition } from '@/shared/state/toolsSlice';
 import { useClaudeTokens } from '@/shared/styles/ThemeContext';
-import { Integration } from './integrations';
+import { Integration } from '../integrations';
 import ServiceGroup from './ServiceGroup';
 import CustomToolDevInfo from './CustomToolDevInfo';
 import CustomToolConnect from './CustomToolConnect';

frontend/src/app/pages/Tools/cards/CustomToolConnect.tsx

@@ -6,7 +6,7 @@ import LinkIcon from '@mui/icons-material/Link';
 import CheckCircleIcon from '@mui/icons-material/CheckCircle';
 import { ToolDefinition } from '@/shared/state/toolsSlice';
 import { useClaudeTokens } from '@/shared/styles/ThemeContext';
-import { Integration } from './integrations';
+import { Integration } from '../integrations';
 
 interface CustomToolConnectProps {
   tool: ToolDefinition;

frontend/src/app/pages/Tools/cards/IntegrationGalleryCard.tsx

@@ -8,7 +8,7 @@ import CircularProgress from '@mui/material/CircularProgress';
 import Switch from '@mui/material/Switch';
 import OpenInNewIcon from '@mui/icons-material/OpenInNew';
 import { useClaudeTokens } from '@/shared/styles/ThemeContext';
-import { Integration } from './integrations';
+import { Integration } from '../integrations';
 
 interface IntegrationGalleryCardProps {
   integration: Integration;

frontend/src/app/pages/Tools/cards/ServiceGroup.tsx

@@ -13,7 +13,7 @@ import VisibilityIcon from '@mui/icons-material/Visibility';
 import PanToolIcon from '@mui/icons-material/PanTool';
 import { ToolDefinition } from '@/shared/state/toolsSlice';
 import { useClaudeTokens } from '@/shared/styles/ThemeContext';
-import { Integration } from './integrations';
+import { Integration } from '../integrations';
 
 const toDisplayName = (name: string, serviceName?: string) => {
   let display = name.replace(/_/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase());

frontend/src/app/pages/Tools/cards/ToolSection.tsx

@@ -22,7 +22,7 @@ import PanToolIcon from '@mui/icons-material/PanTool';
 import CallSplitIcon from '@mui/icons-material/CallSplit';
 import { BuiltinTool } from '@/shared/state/toolsSlice';
 import { useClaudeTokens } from '@/shared/styles/ThemeContext';
-import { CATEGORY_ORDER } from './toolsHelpers';
+import { CATEGORY_ORDER } from '../toolsHelpers';
 
 interface ToolSectionProps {
   label: string;

frontend/src/app/pages/Tools/dialogs/McpConfigDialog.tsx

@@ -15,7 +15,7 @@ import Avatar from '@mui/material/Avatar';
 import ExtensionIcon from '@mui/icons-material/Extension';
 import { McpServer } from '@/shared/state/mcpRegistrySlice';
 import { useClaudeTokens } from '@/shared/styles/ThemeContext';
-import { cleanServerName } from './toolsHelpers';
+import { cleanServerName } from '../toolsHelpers';
 
 interface McpConfigDialogProps {
   open: boolean;

frontend/src/app/pages/Tools/dialogs/RegistryBrowserDialog.tsx

@@ -24,7 +24,7 @@ import { McpServer, McpServerDetail } from '@/shared/state/mcpRegistrySlice';
 import { ToolDefinition } from '@/shared/state/toolsSlice';
 import { Skeleton } from '@/app/components/Loading';
 import { useClaudeTokens } from '@/shared/styles/ThemeContext';
-import { cleanServerName } from './toolsHelpers';
+import { cleanServerName } from '../toolsHelpers';
 import RegistryServerRow from './RegistryServerRow';
 
 interface RegistryBrowserDialogProps {

frontend/src/app/pages/Tools/dialogs/RegistryServerRow.tsx

@@ -16,7 +16,7 @@ import PublicIcon from '@mui/icons-material/Public';
 import CheckCircleIcon from '@mui/icons-material/CheckCircle';
 import { McpServer, McpServerDetail } from '@/shared/state/mcpRegistrySlice';
 import { useClaudeTokens } from '@/shared/styles/ThemeContext';
-import { cleanServerName } from './toolsHelpers';
+import { cleanServerName } from '../toolsHelpers';
 
 interface RegistryServerRowProps {
   srv: McpServer;

frontend/src/app/pages/Tools/dialogs/ToolDialogs.tsx

@@ -12,8 +12,8 @@ import CheckCircleIcon from '@mui/icons-material/CheckCircle';
 import LinkIcon from '@mui/icons-material/Link';
 import { McpServer } from '@/shared/state/mcpRegistrySlice';
 import { useClaudeTokens } from '@/shared/styles/ThemeContext';
-import { Integration } from './integrations';
-import { ToolForm } from './toolsHelpers';
+import { Integration } from '../integrations';
+import { ToolForm } from '../toolsHelpers';
 import McpConfigDialog from './McpConfigDialog';
 
 interface ToolDialogsProps {

frontend/src/app/pages/Tools/hooks/useRegistryBrowser.ts

@@ -2,7 +2,7 @@ import { useCallback, useRef, useState } from 'react';
 import { useAppDispatch } from '@/shared/hooks';
 import { createTool, discoverTools } from '@/shared/state/toolsSlice';
 import { searchRegistry, fetchRegistryStats, McpServer } from '@/shared/state/mcpRegistrySlice';
-import { ToolForm, serverToToolForm, serverToMcpConfig } from './toolsHelpers';
+import { ToolForm, serverToToolForm, serverToMcpConfig } from '../toolsHelpers';
 
 type Snackbar = { open: boolean; message: string; severity?: 'success' | 'error' };
 type RegSource = '' | 'community' | 'google' | 'curated';

frontend/src/app/pages/Tools/hooks/useToolConnections.ts

@@ -11,7 +11,7 @@ import {
   ToolDefinition,
 } from '@/shared/state/toolsSlice';
 import { API_BASE } from '@/shared/config';
-import { Integration } from './integrations';
+import { Integration } from '../integrations';
 
 type Snackbar = { open: boolean; message: string; severity?: 'success' | 'error' };
 

frontend/src/app/pages/Tools/hooks/useToolsActions.ts

@@ -10,8 +10,8 @@ import {
   BuiltinTool,
 } from '@/shared/state/toolsSlice';
 import { McpServer } from '@/shared/state/mcpRegistrySlice';
-import { ToolForm, emptyForm } from './toolsHelpers';
-import { Integration } from './integrations';
+import { ToolForm, emptyForm } from '../toolsHelpers';
+import { Integration } from '../integrations';
 import { useToolConnections } from './useToolConnections';
 import { useRegistryBrowser } from './useRegistryBrowser';