@toolr/ui-design 0.1.7 → 0.1.9

package/dist/tokens/primitives.css

@@ -7,19 +7,41 @@
 
 @theme {
   /* Neutral scale */
-  --color-neutral-950: #0d0d0d;
-  --color-neutral-900: #1a1a1a;
-  --color-neutral-850: #1f1f1f;
-  --color-neutral-800: #262626;
-  --color-neutral-750: #2e2e2e;
+  --color-neutral-990: #050505;
+  --color-neutral-980: #0a0a0a;
+  --color-neutral-970: #0f0f0f;
+  --color-neutral-960: #141414;
+  --color-neutral-950: #1a1a1a;
+  --color-neutral-940: #1b1b1b;
+  --color-neutral-930: #1c1c1c;
+  --color-neutral-920: #1d1d1d;
+  --color-neutral-910: #1f1f1f;
+  --color-neutral-900: #212121;
+  --color-neutral-850: #262626;
+  --color-neutral-800: #2e2e2e;
+  --color-neutral-750: #333333;
   --color-neutral-700: #383838;
+  --color-neutral-650: #424242;
   --color-neutral-600: #4d4d4d;
+  --color-neutral-550: #616161;
   --color-neutral-500: #666666;
+  --color-neutral-450: #8c8c8c;
   --color-neutral-400: #999999;
+  --color-neutral-350: #bdbdbd;
   --color-neutral-300: #cccccc;
+  --color-neutral-250: #dedede;
   --color-neutral-200: #e0e0e0;
+  --color-neutral-150: #ededed;
   --color-neutral-100: #f0f0f0;
-  --color-neutral-50:  #fafafa;
+  --color-neutral-090: #f2f2f2;
+  --color-neutral-080: #f5f5f5;
+  --color-neutral-070: #f7f7f7;
+  --color-neutral-060: #f9f9f9;
+  --color-neutral-050: #fafafa;
+  --color-neutral-040: #fbfbfb;
+  --color-neutral-030: #fcfcfc;
+  --color-neutral-020: #fdfdfd;
+  --color-neutral-010: #fefefe;
 
   /* Type scale */
   --text-xss: 10px;

package/dist/tokens/semantic.css

@@ -11,43 +11,43 @@
 :root {
   /* Page-level backgrounds */
   --background: var(--color-black);
-  --foreground: var(--color-neutral-300);
+  --foreground: rgba(255, 255, 255, 0.83);
 
   /* Surface: cards, panels, popups */
-  --surface: var(--color-neutral-800);
-  --surface-foreground: var(--color-neutral-300);
-  --surface-secondary: var(--color-neutral-900);
+  --surface: var(--color-neutral-960);
+  --surface-foreground: rgba(255, 255, 255, 0.83);
+  --surface-secondary: var(--color-neutral-980);
   --surface-overlay: var(--color-neutral-700);
-  --surface-hover: var(--color-neutral-750);
+  --surface-hover: var(--color-neutral-950);
 
   /* Dialog backdrop: modal/dialog overlays */
   --dialog-backdrop: rgba(0, 0, 0, 0.95);
 
   /* Popover: floating panels, dropdown menus */
   --popover: rgba(0, 0, 0, 0.8);
-  --popover-foreground: var(--color-neutral-300);
+  --popover-foreground: rgba(255, 255, 255, 0.83);
 
   /* Muted: subdued elements, disabled states */
-  --muted: var(--color-neutral-800);
-  --muted-foreground: var(--color-neutral-500);
+  --muted: var(--color-neutral-960);
+  --muted-foreground: rgba(255, 255, 255, 0.46);
 
   /* Text hierarchy */
-  --text-primary: var(--color-neutral-300);
-  --text-secondary: var(--color-neutral-500);
-  --text-tertiary: var(--color-neutral-400);
-  --text-emphasis: var(--color-white);
+  --text-primary: rgba(255, 255, 255, 0.83);
+  --text-secondary: rgba(255, 255, 255, 0.46);
+  --text-tertiary: rgba(255, 255, 255, 0.64);
+  --text-emphasis: #ffffff;
 
   /* Borders */
   --border: var(--color-neutral-700);
-  --border-subtle: var(--color-neutral-800);
+  --border-subtle: var(--color-neutral-960);
 
   /* Interactive: primary action color */
   --primary: var(--color-blue-500);
-  --primary-foreground: var(--color-white);
+  --primary-foreground: #ffffff;
 
   /* Destructive actions */
   --destructive: var(--color-red-500);
-  --destructive-foreground: var(--color-white);
+  --destructive-foreground: #ffffff;
 
   /* Focus ring */
   --ring: var(--color-blue-400);

package/dist/tokens/theme.css

@@ -9,3 +9,26 @@
   from { stroke-dashoffset: 0; }
   to { stroke-dashoffset: -100; }
 }
+
+/* Background patterns — subtle texture for content areas */
+.bg-pattern-dots {
+  background-image: radial-gradient(circle, var(--color-neutral-700) 1px, transparent 1px);
+  background-size: 24px 24px;
+}
+
+.bg-pattern-grid {
+  background-image:
+    linear-gradient(var(--color-neutral-960) 1px, transparent 1px),
+    linear-gradient(90deg, var(--color-neutral-960) 1px, transparent 1px);
+  background-size: 32px 32px;
+}
+
+.bg-pattern-diagonal {
+  background-image: repeating-linear-gradient(
+    -45deg,
+    transparent,
+    transparent 14px,
+    var(--color-neutral-960) 14px,
+    var(--color-neutral-960) 15px
+  );
+}

package/index.ts

@@ -1,5 +1,6 @@
 // Shared types
-export { type FormColor, type AccentColor, ACCENT_TEXT, ACCENT_ICON, ACCENT_NAV } from './components/lib/form-colors.ts'
+export { type FormColor, type AccentColor, ACCENT_TEXT, ACCENT_ICON, ACCENT_NAV, FORM_COLORS } from './components/lib/form-colors.ts'
+export { AccentColorProvider, useAccentColor } from './components/lib/accent-context.ts'
 export {
   SCALE_KEYS, type ScaleKey, type ThemeId,
   SURFACE_KEYS, type SurfaceKey,
@@ -9,8 +10,10 @@ export {
   satCurve, hslToHex, generateScale,
   isLightTheme, applyTheme,
 } from './components/lib/theme-engine.ts'
-export { ToolrAppLogo, TOOLR_APPS, type ToolrAppId } from './components/lib/toolr-brand.tsx'
-export { AI_TOOL_LOGOS, AiToolIcon, AI_TOOL_NAMES, type AiToolKey } from './components/lib/ai-tools.tsx'
+export { ToolrAppLogo, TOOLR_APPS, resolveAccentHex, type ToolrAppId } from './components/lib/toolr-brand.tsx'
+export { CODING_AGENT_LOGOS, CodingAgentIcon, CODING_AGENT_NAMES, type CodingAgentKey } from './components/lib/coding-agents.tsx'
+export { GitProviderIcon, GIT_PROVIDER_NAMES, type GitProviderKey } from './components/lib/git-providers.tsx'
+export { CustomIcon, CUSTOM_ICON_NAMES, type CustomIconKey } from './components/lib/custom-icons.tsx'
 
 // UI Components
 export { IconButton, CollapseButton, iconMap, type IconButtonProps, type CollapseButtonProps, type IconButtonColor, type IconButtonVariant, type IconButtonStatus, type IconName, type ActionItem } from './components/ui/icon-button.tsx'
@@ -38,7 +41,7 @@ export { BottomPanelHeader, type BottomPanelHeaderProps, type PanelTab, type Sta
 export { FrontmatterFormHeader, type FrontmatterFormHeaderProps } from './components/ui/frontmatter-form-header.tsx'
 export { EditorPlaceholderCard, type EditorPlaceholderCardProps } from './components/ui/editor-placeholder-card.tsx'
 export { DetailViewWrapper, type DetailViewWrapperProps } from './components/ui/detail-view-wrapper.tsx'
-export { RegistryCard, type RegistryCardProps, type RegistryItemType, type ExtensionSource, type SeedrItemStatus } from './components/ui/registry-card.tsx'
+export { RegistryCard, type RegistryCardProps, type RegistryItemType, type CapabilitySource, type SeedrItemStatus } from './components/ui/registry-card.tsx'
 export { RegistryDetail, type RegistryDetailProps } from './components/ui/registry-detail.tsx'
 export { FileStructureSection, getLanguageFromPath, type FileStructureSectionProps, type PreviewMode } from './components/ui/file-structure-section.tsx'
 export { RegistryBrowser, type RegistryBrowserProps } from './components/ui/registry-browser.tsx'
@@ -67,12 +70,12 @@ export {
   type SnapshotInfo, type SnapshotsManifest, type CreateSnapshotResult, type ResetResult,
   type GoldenSnapshotsApi,
 } from './components/sections/golden-snapshots/index.ts'
-// Sections > AI Tools Paths
+// Sections > Coding Agent Paths
 export {
-  ToolsPathsPanel, type ToolsPathsPanelProps,
-  useToolsPaths, type UseToolsPathsOptions, type UseToolsPathsReturn,
-  type AiToolConfig, type ToolDetectionResult, type ToolsPathsApi,
-} from './components/sections/ai-tools-paths/index.ts'
+  AgentPathsPanel, type AgentPathsPanelProps,
+  useAgentPaths, type UseAgentPathsOptions, type UseAgentPathsReturn,
+  type CodingAgentConfig, type AgentDetectionResult, type AgentPathsApi,
+} from './components/sections/coding-agent-paths/index.ts'
 // Sections > Captured Issues
 export {
   CapturedIssuesPanel, type CapturedIssuesPanelProps,
@@ -101,23 +104,30 @@ export {
   type FileTypeOption, type ScenarioOption,
 } from './components/sections/prompt-editor/index.ts'
 export { CollapsibleSection, type CollapsibleSectionProps } from './components/ui/collapsible-section.tsx'
-export { FilesPanel, type FilesPanelProps, type FileEntry } from './components/ui/files-panel.tsx'
+export { FilesPanel, collectAllFolderPaths, countFiles, countFolders, type FilesPanelProps, type FileEntry } from './components/ui/files-panel.tsx'
 export { SnippetsPanel, type SnippetsPanelProps, type Snippet } from './components/ui/snippets-panel.tsx'
 export { Breadcrumb, type BreadcrumbProps, type BreadcrumbSegment } from './components/ui/breadcrumb.tsx'
 export { NavigationBar, type NavigationBarProps } from './components/ui/navigation-bar.tsx'
 export { TabBar, type TabBarProps, type Tab } from './components/ui/tab-bar.tsx'
 export { LayoutTabBar, type LayoutTabBarProps, type LayoutTab } from './components/ui/layout-tab-bar.tsx'
 export { NavCard, type NavCardProps } from './components/ui/nav-card.tsx'
-export { ExtensionListCard, type ExtensionListCardProps } from './components/ui/extension-list-card.tsx'
+export { CapabilityListCard, type CapabilityListCardProps } from './components/ui/capability-list-card.tsx'
 export { StatusCard, type StatusCardProps, type StatusItem } from './components/ui/status-card.tsx'
 export { SnapshotCard, type SnapshotCardProps } from './components/ui/snapshot-card.tsx'
 export { DetailSection, type DetailSectionProps, type DetailRow } from './components/ui/detail-section.tsx'
 export { SelectionGrid, type SelectionGridProps, type SelectionCardItem, type CodingToolId, type CodingToolPresetConfig } from './components/ui/selection-grid.tsx'
 export { CookieConsent, type CookieConsentProps, type ConsentChoice } from './components/ui/cookie-consent.tsx'
+export {
+  ProjectExplorer, buildExplorerTree, filterExplorerTree,
+  collectExplorerExpandablePaths,
+  findPathToNode,
+  type ProjectExplorerProps, type ExplorerNode, type ExplorerTopItem, type ExplorerContextMenuInfo,
+} from './components/ui/project-explorer.tsx'
 
 // Hooks
 export { useClickOutside } from './components/hooks/use-click-outside.ts'
 export { useDropdownMaxHeight } from './components/hooks/use-dropdown-max-height.ts'
+export { useDropdownPortal } from './components/hooks/use-dropdown-portal.ts'
 export { useModalBehavior } from './components/hooks/use-modal-behavior.ts'
 export { useNavigationHistory, type UseNavigationHistoryReturn } from './components/hooks/use-navigation-history.ts'
 export { useResizableSidebar, type UseResizableSidebarOptions } from './components/hooks/use-resizable-sidebar.ts'
@@ -136,5 +146,9 @@ export {
   getAllLeafPaths, collectExpandablePaths, getParentPaths, filterTree,
 } from './components/settings/index.ts'
 
+// Composites
+export { DashboardListItem, type DashboardListItemProps, type DashboardItemStatus } from './components/composites/dashboard-list-item.tsx'
+export { DashboardPanel, DashboardFilterBar, DashboardList, type DashboardPanelProps, type DashboardTab, type DashboardFilterBarProps, type DashboardListProps } from './components/composites/dashboard-panel.tsx'
+
 // Utilities
 export { cn } from './components/lib/cn.ts'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toolr/ui-design",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -67,5 +67,13 @@
     "@types/react-dom": "^19.2.3",
     "tsup": "^8.5.1",
     "typescript": "^5.9.3"
+  },
+  "pnpm": {
+    "overrides": {
+      "dompurify": ">=3.3.2"
+    }
+  },
+  "overrides": {
+    "dompurify": ">=3.3.2"
   }
 }

package/tokens/primitives.css

@@ -7,19 +7,41 @@
 
 @theme {
   /* Neutral scale */
-  --color-neutral-950: #0d0d0d;
-  --color-neutral-900: #1a1a1a;
-  --color-neutral-850: #1f1f1f;
-  --color-neutral-800: #262626;
-  --color-neutral-750: #2e2e2e;
+  --color-neutral-990: #050505;
+  --color-neutral-980: #0a0a0a;
+  --color-neutral-970: #0f0f0f;
+  --color-neutral-960: #141414;
+  --color-neutral-950: #1a1a1a;
+  --color-neutral-940: #1b1b1b;
+  --color-neutral-930: #1c1c1c;
+  --color-neutral-920: #1d1d1d;
+  --color-neutral-910: #1f1f1f;
+  --color-neutral-900: #212121;
+  --color-neutral-850: #262626;
+  --color-neutral-800: #2e2e2e;
+  --color-neutral-750: #333333;
   --color-neutral-700: #383838;
+  --color-neutral-650: #424242;
   --color-neutral-600: #4d4d4d;
+  --color-neutral-550: #616161;
   --color-neutral-500: #666666;
+  --color-neutral-450: #8c8c8c;
   --color-neutral-400: #999999;
+  --color-neutral-350: #bdbdbd;
   --color-neutral-300: #cccccc;
+  --color-neutral-250: #dedede;
   --color-neutral-200: #e0e0e0;
+  --color-neutral-150: #ededed;
   --color-neutral-100: #f0f0f0;
-  --color-neutral-50:  #fafafa;
+  --color-neutral-090: #f2f2f2;
+  --color-neutral-080: #f5f5f5;
+  --color-neutral-070: #f7f7f7;
+  --color-neutral-060: #f9f9f9;
+  --color-neutral-050: #fafafa;
+  --color-neutral-040: #fbfbfb;
+  --color-neutral-030: #fcfcfc;
+  --color-neutral-020: #fdfdfd;
+  --color-neutral-010: #fefefe;
 
   /* Type scale */
   --text-xss: 10px;

package/tokens/semantic.css

@@ -11,43 +11,43 @@
 :root {
   /* Page-level backgrounds */
   --background: var(--color-black);
-  --foreground: var(--color-neutral-300);
+  --foreground: rgba(255, 255, 255, 0.83);
 
   /* Surface: cards, panels, popups */
-  --surface: var(--color-neutral-800);
-  --surface-foreground: var(--color-neutral-300);
-  --surface-secondary: var(--color-neutral-900);
+  --surface: var(--color-neutral-960);
+  --surface-foreground: rgba(255, 255, 255, 0.83);
+  --surface-secondary: var(--color-neutral-980);
   --surface-overlay: var(--color-neutral-700);
-  --surface-hover: var(--color-neutral-750);
+  --surface-hover: var(--color-neutral-950);
 
   /* Dialog backdrop: modal/dialog overlays */
   --dialog-backdrop: rgba(0, 0, 0, 0.95);
 
   /* Popover: floating panels, dropdown menus */
   --popover: rgba(0, 0, 0, 0.8);
-  --popover-foreground: var(--color-neutral-300);
+  --popover-foreground: rgba(255, 255, 255, 0.83);
 
   /* Muted: subdued elements, disabled states */
-  --muted: var(--color-neutral-800);
-  --muted-foreground: var(--color-neutral-500);
+  --muted: var(--color-neutral-960);
+  --muted-foreground: rgba(255, 255, 255, 0.46);
 
   /* Text hierarchy */
-  --text-primary: var(--color-neutral-300);
-  --text-secondary: var(--color-neutral-500);
-  --text-tertiary: var(--color-neutral-400);
-  --text-emphasis: var(--color-white);
+  --text-primary: rgba(255, 255, 255, 0.83);
+  --text-secondary: rgba(255, 255, 255, 0.46);
+  --text-tertiary: rgba(255, 255, 255, 0.64);
+  --text-emphasis: #ffffff;
 
   /* Borders */
   --border: var(--color-neutral-700);
-  --border-subtle: var(--color-neutral-800);
+  --border-subtle: var(--color-neutral-960);
 
   /* Interactive: primary action color */
   --primary: var(--color-blue-500);
-  --primary-foreground: var(--color-white);
+  --primary-foreground: #ffffff;
 
   /* Destructive actions */
   --destructive: var(--color-red-500);
-  --destructive-foreground: var(--color-white);
+  --destructive-foreground: #ffffff;
 
   /* Focus ring */
   --ring: var(--color-blue-400);

package/tokens/theme.css

@@ -9,3 +9,26 @@
   from { stroke-dashoffset: 0; }
   to { stroke-dashoffset: -100; }
 }
+
+/* Background patterns — subtle texture for content areas */
+.bg-pattern-dots {
+  background-image: radial-gradient(circle, var(--color-neutral-700) 1px, transparent 1px);
+  background-size: 24px 24px;
+}
+
+.bg-pattern-grid {
+  background-image:
+    linear-gradient(var(--color-neutral-960) 1px, transparent 1px),
+    linear-gradient(90deg, var(--color-neutral-960) 1px, transparent 1px);
+  background-size: 32px 32px;
+}
+
+.bg-pattern-diagonal {
+  background-image: repeating-linear-gradient(
+    -45deg,
+    transparent,
+    transparent 14px,
+    var(--color-neutral-960) 14px,
+    var(--color-neutral-960) 15px
+  );
+}

package/components/sections/ai-tools-paths/index.ts

@@ -1,37 +0,0 @@
-/**
- * AI Tools Paths — Section barrel export
- *
- * This section provides a complete, reusable AI tool binary path configuration
- * panel. It handles tool detection, path validation, enable/disable toggles,
- * and per-tool refresh — all via an API adapter interface.
- *
- * File structure:
- * - tools-paths-panel.tsx — Main panel component (drop-in usage)
- * - use-tools-paths.ts    — Detection state & actions hook (used by panel, also standalone)
- * - types.ts              — Shared types and API adapter interface
- *
- * Quick start for consuming apps:
- *   import { ToolsPathsPanel, type ToolsPathsApi, type AiToolConfig } from '@toolr/ui-design'
- *
- *   const api: ToolsPathsApi = {
- *     detectAll: () => invoke('detect_all_tools'),
- *     detectTool: (id) => invoke('detect_tool', { toolId: id }),
- *     validatePath: (path) => invoke('validate_binary_path', { path }),
- *   }
- *
- *   <ToolsPathsPanel
- *     api={api}
- *     tools={toolConfigs}
- *     onToolConfigChange={(id, partial) => updateTool(id, partial)}
- *     renderToolIcon={(id) => <AiToolIcon tool={id} size={20} />}
- *   />
- */
-
-// Main panel component
-export { ToolsPathsPanel, type ToolsPathsPanelProps } from './tools-paths-panel.tsx'
-
-// Hook for custom UIs
-export { useToolsPaths, type UseToolsPathsOptions, type UseToolsPathsReturn } from './use-tools-paths.ts'
-
-// Types and API interface
-export type { AiToolConfig, ToolDetectionResult, ToolsPathsApi } from './types.ts'

package/components/sections/ai-tools-paths/use-tools-paths.ts

@@ -1,159 +0,0 @@
-/**
- * useToolsPaths — Tool detection and configuration state hook
- *
- * Part of: Sections > AI Tools Paths
- *
- * Manages tool detection state, per-tool refresh tracking, and path validation.
- * Used internally by ToolsPathsPanel but can also be used standalone for
- * custom UIs.
- *
- * AI agent notes:
- * - This hook does NOT store tool configs — the consumer owns that state.
- *   It only manages detection/scanning ephemeral state.
- * - The hook tracks which tools have been scanned, which are currently
- *   refreshing, and whether a full scan has completed.
- * - Path validation is debounced by the consumer (typically on blur or
- *   after typing stops).
- */
-
-import { useState, useCallback, useRef, useEffect } from 'react'
-import type { AiToolConfig, ToolsPathsApi, ToolDetectionResult } from './types.ts'
-
-export interface UseToolsPathsOptions {
-  api: ToolsPathsApi
-  tools: AiToolConfig[]
-  onToolConfigChange: (toolId: string, config: Partial<AiToolConfig>) => void
-}
-
-export interface UseToolsPathsReturn {
-  /** Whether a full scan is in progress */
-  isDetecting: boolean
-  /** Whether a full scan has completed at least once */
-  hasScanned: boolean
-  /** Set of tool IDs currently being individually refreshed */
-  refreshingTools: Set<string>
-  /** Set of tool IDs that were found during the last scan */
-  scannedTools: Set<string>
-  /** Run detection for all tools */
-  detectAll: () => Promise<void>
-  /** Run detection for a single tool */
-  detectTool: (toolId: string) => Promise<void>
-  /** Validate and update a tool's binary path */
-  validateAndUpdatePath: (toolId: string, path: string) => Promise<void>
-  /** Toggle a tool's enabled state */
-  toggleEnabled: (toolId: string) => void
-}
-
-export function useToolsPaths({ api, tools, onToolConfigChange }: UseToolsPathsOptions): UseToolsPathsReturn {
-  const [isDetecting, setIsDetecting] = useState(false)
-  const [hasScanned, setHasScanned] = useState(false)
-  const [refreshingTools, setRefreshingTools] = useState<Set<string>>(new Set())
-  const [scannedTools, setScannedTools] = useState<Set<string>>(new Set())
-  const wasDetectingRef = useRef(false)
-
-  // Track when full detection completes
-  useEffect(() => {
-    if (wasDetectingRef.current && !isDetecting) {
-      setHasScanned(true)
-    }
-    wasDetectingRef.current = isDetecting
-  }, [isDetecting])
-
-  const detectAll = useCallback(async () => {
-    setIsDetecting(true)
-    try {
-      const results = await api.detectAll()
-      const detected = new Set<string>()
-
-      for (const tool of tools) {
-        const result = results[tool.id]
-        if (result) {
-          onToolConfigChange(tool.id, {
-            detected: result.detected,
-            detectedPath: result.path,
-            binaryPath: result.path || tool.binaryPath,
-          })
-          if (result.detected) {
-            detected.add(tool.id)
-          }
-        }
-      }
-
-      setScannedTools(detected)
-    } finally {
-      setIsDetecting(false)
-    }
-  }, [api, tools, onToolConfigChange])
-
-  const detectTool = useCallback(async (toolId: string) => {
-    setRefreshingTools((prev) => new Set(prev).add(toolId))
-    try {
-      const result: ToolDetectionResult = await api.detectTool(toolId)
-      onToolConfigChange(toolId, {
-        detected: result.detected,
-        detectedPath: result.path,
-        binaryPath: result.path || '',
-      })
-      setScannedTools((prev) => {
-        const next = new Set(prev)
-        if (result.detected) {
-          next.add(toolId)
-        } else {
-          next.delete(toolId)
-        }
-        return next
-      })
-    } finally {
-      setRefreshingTools((prev) => {
-        const next = new Set(prev)
-        next.delete(toolId)
-        return next
-      })
-    }
-  }, [api, onToolConfigChange])
-
-  const validateAndUpdatePath = useCallback(async (toolId: string, path: string) => {
-    onToolConfigChange(toolId, { binaryPath: path })
-    setScannedTools((prev) => {
-      const next = new Set(prev)
-      next.delete(toolId)
-      return next
-    })
-    setHasScanned(false)
-
-    if (path.trim()) {
-      try {
-        const isValid = await api.validatePath(path.trim())
-        onToolConfigChange(toolId, {
-          binaryPath: path.trim(),
-          detected: isValid,
-          detectedPath: isValid ? path.trim() : undefined,
-        })
-      } catch {
-        onToolConfigChange(toolId, {
-          binaryPath: path.trim(),
-          detected: false,
-          detectedPath: undefined,
-        })
-      }
-    }
-  }, [api, onToolConfigChange])
-
-  const toggleEnabled = useCallback((toolId: string) => {
-    const tool = tools.find((t) => t.id === toolId)
-    if (tool) {
-      onToolConfigChange(toolId, { enabled: !tool.enabled })
-    }
-  }, [tools, onToolConfigChange])
-
-  return {
-    isDetecting,
-    hasScanned,
-    refreshingTools,
-    scannedTools,
-    detectAll,
-    detectTool,
-    validateAndUpdatePath,
-    toggleEnabled,
-  }
-}