refactor: Remove dedicated /tools endpoints, use /programs?behavior=tool instead

Eliminates inconsistency where tools had their own filtered view but daemons and frontends didn't.

Changes:
- API: Removed tools router and ToolSummary/ToolDetail models. Added optional behavior query parameter to GET /programs for filtering by program type (tool, daemon, frontend).
- Frontend: Updated hooks to pass behavior param to usePrograms instead of separate useTools. Updated components to use ProgramSummary type. Removed useToolDetail hook.
- Docs: Updated API documentation to reflect program behavior filtering.

app/src/components/ToolCard.tsx

@@ -1,10 +1,10 @@
 import { Link } from "react-router-dom"
 import { Terminal } from "lucide-react"
-import type { ToolSummary } from "@/types"
+import type { ProgramSummary } from "@/types"
 import { runnerLabel } from "@/lib/labels"
 
 interface ToolCardProps {
-  tool: ToolSummary
+  tool: ProgramSummary
 }
 
 export function ToolCard({ tool }: ToolCardProps) {

app/src/pages/ComponentDetail.tsx

@@ -1,6 +1,6 @@
 import { useState } from "react"
 import { useParams } from "react-router-dom"
-import { useProgram, useEventStream, useToolDetail } from "@/services/api/hooks"
+import { useProgram, useEventStream } from "@/services/api/hooks"
 import { runnerLabel } from "@/lib/labels"
 import { DetailHeader } from "@/components/detail/DetailHeader"
 import { ConfigPanel } from "@/components/detail/ConfigPanel"
@@ -11,7 +11,6 @@ export function ComponentDetailPage() {
   const { name } = useParams<{ name: string }>()
   const { data: component, isLoading, error, refetch } = useProgram(name ?? "")
   const isTool = component?.behavior === "tool"
-  const { data: toolDetail } = useToolDetail(isTool ? (name ?? "") : "")
   const [actionOutput, setActionOutput] = useState<ActionOutput | null>(null)
 
   if (isLoading) {
@@ -52,7 +51,7 @@ export function ComponentDetailPage() {
         <p className="text-sm text-[var(--muted)] -mt-4 mb-6">{component.description}</p>
       )}
 
-      {toolDetail && (
+      {isTool && (
         <div className="bg-[var(--card)] border border-[var(--border)] rounded-lg p-5 mb-6">
           <h2 className="text-sm font-semibold text-[var(--muted)] uppercase tracking-wider mb-1">
             Tool Info
@@ -61,32 +60,32 @@ export function ComponentDetailPage() {
             How this tool is packaged and what it depends on.
           </p>
           <div className="grid grid-cols-2 gap-x-6 gap-y-2 text-sm mb-4">
-            {toolDetail.source && (
+            {component.source && (
               <>
                 <span className="text-[var(--muted)]">Source</span>
-                <span className="font-mono">{toolDetail.source}</span>
+                <span className="font-mono">{component.source}</span>
               </>
             )}
-            {toolDetail.version && (
+            {component.version && (
               <>
                 <span className="text-[var(--muted)]">Version</span>
-                <span>{toolDetail.version}</span>
+                <span>{component.version}</span>
               </>
             )}
-            {toolDetail.runner && (
+            {component.runner && (
               <>
                 <span className="text-[var(--muted)]">Runner</span>
-                <span>{runnerLabel(toolDetail.runner)}</span>
+                <span>{runnerLabel(component.runner)}</span>
               </>
             )}
             <span className="text-[var(--muted)]">Installed</span>
             <span>{component.installed ? "Yes" : "No"}</span>
           </div>
-          {toolDetail.system_dependencies.length > 0 && (
+          {component.system_dependencies.length > 0 && (
             <div className="mb-4">
               <span className="text-sm text-[var(--muted)] block mb-1">System Dependencies</span>
               <div className="flex flex-wrap gap-1">
-                {toolDetail.system_dependencies.map((dep) => (
+                {component.system_dependencies.map((dep) => (
                   <span
                     key={dep}
                     className="text-xs px-2 py-0.5 rounded bg-amber-900/30 text-amber-400 border border-amber-800"
@@ -97,14 +96,6 @@ export function ComponentDetailPage() {
               </div>
             </div>
           )}
-          {toolDetail.docs && (
-            <div>
-              <span className="text-sm text-[var(--muted)] block mb-1">Documentation</span>
-              <pre className="text-sm whitespace-pre-wrap bg-[var(--background)] rounded p-3 border border-[var(--border)]">
-                {toolDetail.docs}
-              </pre>
-            </div>
-          )}
         </div>
       )}
 

app/src/pages/Tools.tsx

@@ -1,10 +1,10 @@
 import { Link } from "react-router-dom"
 import { ArrowLeft } from "lucide-react"
-import { useTools } from "@/services/api/hooks"
+import { usePrograms } from "@/services/api/hooks"
 import { ToolCard } from "@/components/ToolCard"
 
 export function ToolsPage() {
-  const { data: tools, isLoading } = useTools()
+  const { data: tools, isLoading } = usePrograms("tool")
 
   return (
     <div className="max-w-6xl mx-auto px-6 py-8">

app/src/services/api/hooks.ts

@@ -16,8 +16,6 @@ import type {
   MeshStatus,
   NodeSummary,
   NodeDetail,
-  ToolSummary,
-  ToolDetail,
 } from "@/types"
 
 // Legacy compat hook — used by ConfigEditorPage and ComponentRedirect
@@ -59,10 +57,11 @@ export function useJob(name: string) {
   })
 }
 
-export function usePrograms() {
+export function usePrograms(behavior?: string) {
+  const params = behavior ? `?behavior=${behavior}` : ""
   return useQuery({
-    queryKey: ["programs"],
-    queryFn: () => apiClient.get<ProgramSummary[]>("/programs"),
+    queryKey: ["programs", behavior ?? "all"],
+    queryFn: () => apiClient.get<ProgramSummary[]>(`/programs${params}`),
   })
 }
 
@@ -187,21 +186,6 @@ export function useMeshStatus() {
   })
 }
 
-export function useTools() {
-  return useQuery({
-    queryKey: ["tools"],
-    queryFn: () => apiClient.get<ToolSummary[]>("/tools"),
-  })
-}
-
-export function useToolDetail(name: string) {
-  return useQuery({
-    queryKey: ["tools", name],
-    queryFn: () => apiClient.get<ToolDetail>(`/tools/${name}`),
-    enabled: !!name,
-  })
-}
-
 export function useEventStream() {
   const qc = useQueryClient()
 

app/src/types/index.ts

@@ -152,16 +152,4 @@ export interface MeshStatus {
   peers: string[]
 }
 
-export interface ToolSummary {
-  id: string
-  description: string | null
-  source: string | null
-  version: string | null
-  runner: string | null
-  system_dependencies: string[]
-  installed: boolean
-}
 
-export interface ToolDetail extends ToolSummary {
-  docs: string | null
-}