refactor(skill): regroup skill body, file tree, and tree hooks

web/app/components/workflow/skill/hooks/file-tree/data/use-skill-asset-tree.ts

@@ -0,0 +1,57 @@
+import type { AppAssetTreeResponse, AppAssetTreeView } from '@/types/app-asset'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import { useGetAppAssetTree } from '@/service/use-app-asset'
+import { buildNodeMap } from '../../../utils/tree-utils'
+
+/**
+ * Get the current app ID from the app store.
+ * Used internally by skill asset tree hooks.
+ */
+function useSkillAppId(): string {
+  const appDetail = useAppStore(s => s.appDetail)
+  return appDetail?.id || ''
+}
+
+/**
+ * Hook to get the asset tree data for the current skill app.
+ * Returns the raw tree data along with loading and error states.
+ */
+export function useSkillAssetTreeData() {
+  const appId = useSkillAppId()
+  return useGetAppAssetTree(appId)
+}
+
+/**
+ * Hook to get the node map (id -> node) for the current skill app.
+ * Uses TanStack Query's select option to compute and cache the map.
+ */
+export function useSkillAssetNodeMap() {
+  const appId = useSkillAppId()
+  return useGetAppAssetTree(appId, {
+    select: (data: AppAssetTreeResponse): Map<string, AppAssetTreeView> => {
+      if (!data?.children)
+        return new Map()
+      return buildNodeMap(data.children)
+    },
+  })
+}
+
+/**
+ * Hook to get the set of root-level folder names in the skill asset tree.
+ * Useful for checking whether a skill template has already been added.
+ */
+export function useExistingSkillNames() {
+  const appId = useSkillAppId()
+  return useGetAppAssetTree(appId, {
+    select: (data: AppAssetTreeResponse): Set<string> => {
+      if (!data?.children)
+        return new Set()
+      const names = new Set<string>()
+      for (const node of data.children) {
+        if (node.node_type === 'folder')
+          names.add(node.name)
+      }
+      return names
+    },
+  })
+}

web/app/components/workflow/skill/hooks/file-tree/data/use-skill-tree-collaboration.ts

@@ -0,0 +1,38 @@
+'use client'
+
+import { useQueryClient } from '@tanstack/react-query'
+import { useCallback, useEffect } from 'react'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import { skillCollaborationManager } from '@/app/components/workflow/collaboration/skills/skill-collaboration-manager'
+import { useGlobalPublicStore } from '@/context/global-public-context'
+import { consoleQuery } from '@/service/client'
+
+export const useSkillTreeUpdateEmitter = () => {
+  const appDetail = useAppStore(s => s.appDetail)
+  const appId = appDetail?.id || ''
+  const isCollaborationEnabled = useGlobalPublicStore(s => s.systemFeatures.enable_collaboration_mode)
+
+  return useCallback((payload: Record<string, unknown> = {}) => {
+    if (!appId || !isCollaborationEnabled)
+      return
+    skillCollaborationManager.emitTreeUpdate(appId, payload)
+  }, [appId, isCollaborationEnabled])
+}
+
+export const useSkillTreeCollaboration = () => {
+  const appDetail = useAppStore(s => s.appDetail)
+  const appId = appDetail?.id || ''
+  const isCollaborationEnabled = useGlobalPublicStore(s => s.systemFeatures.enable_collaboration_mode)
+  const queryClient = useQueryClient()
+
+  useEffect(() => {
+    if (!appId || !isCollaborationEnabled)
+      return
+
+    return skillCollaborationManager.onTreeUpdate(appId, () => {
+      queryClient.invalidateQueries({
+        queryKey: consoleQuery.appAsset.tree.queryKey({ input: { params: { appId } } }),
+      })
+    })
+  }, [appId, isCollaborationEnabled, queryClient])
+}