Function fetchTree

web/src/components/agent/agent-dependency-tree.tsx:90–123

()

    const abortController = new AbortController()

    const fetchTree = async () => {
      try {
        setIsLoading(true)
        setError(null)

        const response = await fetch(
          `/api/agents/${publisherId}/${agentId}/${version}/dependencies`,
          { signal: abortController.signal },
        )

        if (!response.ok) {
          throw new Error(
            `Failed to fetch dependencies: ${response.statusText}`,
          )
        }

        const data: AgentTreeData = await response.json()
        if (isMounted) {
          setTreeData(data)
        }
      } catch (err) {
        if (err instanceof Error && err.name === 'AbortError') return
        if (isMounted) {
          console.error('Error fetching agent tree:', err)
          setError(
            err instanceof Error ? err.message : 'Failed to load dependencies',
          )
        }
      } finally {
        if (isMounted) {
          setIsLoading(false)
        }
      }
    }

    fetchTree()
    return () => {