fix(studio): use Studio auth for Skill Space browsing

frontend/src/ui/SessionCapabilityDialogs.tsx

@@ -1,14 +1,16 @@
 import { useEffect, useMemo, useRef, useState, type ReactNode } from "react";
 import { createPortal } from "react-dom";
 import {
-  listSessionSkillsInSpace,
-  listSessionSkillSpaces,
   searchSessionPublicSkills,
   type AddSessionCapability,
   type SessionPublicSkill,
-  type SessionSkillCatalogItem,
-  type SessionSkillSpace,
 } from "../adk/client";
+import {
+  listSkillsInSpace,
+  listSkillSpaces,
+  type SkillSpaceRef,
+  type SkillSpaceSkill,
+} from "../create/skills/skillspace";
 import { BUILTIN_TOOLS } from "../create/veadkCatalog";
 import { ToolCapabilityIcon } from "./CapabilityIcons";
 
@@ -255,9 +257,9 @@ export function SkillCapabilityDialog({
   const [publicTotal, setPublicTotal] = useState(0);
   const [publicLoading, setPublicLoading] = useState(true);
   const [publicError, setPublicError] = useState("");
-  const [spaces, setSpaces] = useState<SessionSkillSpace[]>([]);
-  const [selectedSpace, setSelectedSpace] = useState<SessionSkillSpace | null>(null);
-  const [skills, setSkills] = useState<SessionSkillCatalogItem[]>([]);
+  const [spaces, setSpaces] = useState<SkillSpaceRef[]>([]);
+  const [selectedSpace, setSelectedSpace] = useState<SkillSpaceRef | null>(null);
+  const [skills, setSkills] = useState<SkillSpaceSkill[]>([]);
   const [spaceQuery, setSpaceQuery] = useState("");
   const [skillQuery, setSkillQuery] = useState("");
   const [spacesLoading, setSpacesLoading] = useState(true);
@@ -299,7 +301,7 @@ export function SkillCapabilityDialog({
     let active = true;
     setSpacesLoading(true);
     setError("");
-    void listSessionSkillSpaces(appName)
+    void listSkillSpaces()
       .then((items) => {
         if (!active) return;
         setSpaces(items);
@@ -312,7 +314,7 @@ export function SkillCapabilityDialog({
         if (active) setSpacesLoading(false);
       });
     return () => { active = false; };
-  }, [appName, sourceTab]);
+  }, [sourceTab]);
 
   useEffect(() => {
     if (sourceTab !== "agentkit") return;
@@ -323,7 +325,7 @@ export function SkillCapabilityDialog({
     let active = true;
     setSkillsLoading(true);
     setError("");
-    void listSessionSkillsInSpace(appName, selectedSpace.id, selectedSpace.region)
+    void listSkillsInSpace(selectedSpace.id, selectedSpace.region)
       .then((items) => {
         if (active) setSkills(items);
       })
@@ -334,7 +336,7 @@ export function SkillCapabilityDialog({
         if (active) setSkillsLoading(false);
       });
     return () => { active = false; };
-  }, [appName, selectedSpace, sourceTab]);
+  }, [selectedSpace, sourceTab]);
 
   const filteredSpaces = useMemo(() => {
     const normalized = spaceQuery.trim().toLowerCase();
@@ -352,7 +354,7 @@ export function SkillCapabilityDialog({
     );
   }, [skillQuery, skills]);
 
-  const addSkill = async (skill: SessionSkillCatalogItem) => {
+  const addSkill = async (skill: SkillSpaceSkill) => {
     if (!selectedSpace) return;
     setPending(skill.skillId);
     const added = await onAdd({

frontend/tests/agentInfoRail.test.mjs

@@ -18,6 +18,10 @@ const clientSource = readFileSync(
   new URL("../src/adk/client.ts", import.meta.url),
   "utf8",
 );
+const skillspaceClientSource = readFileSync(
+  new URL("../src/create/skills/skillspace.ts", import.meta.url),
+  "utf8",
+);
 const navbarSource = readFileSync(
   new URL("../src/ui/Navbar.tsx", import.meta.url),
   "utf8",
@@ -235,8 +239,14 @@ test("uses searchable dialogs for public Skill Hub and AgentKit Skill Center", (
   assert.match(capabilityDialogsSource, /searchSessionPublicSkills\(appName, publicQuery\.trim\(\)\)/);
   assert.match(capabilityDialogsSource, /skillSourceId: `findskill:\$\{skill\.slug\}`/);
   assert.match(clientSource, /\/harness\/skills\/findskill/);
-  assert.match(capabilityDialogsSource, /listSessionSkillSpaces\(appName\)/);
-  assert.match(capabilityDialogsSource, /listSessionSkillsInSpace\(appName, selectedSpace\.id/);
+  assert.match(capabilityDialogsSource, /listSkillSpaces\(\)/);
+  assert.match(
+    capabilityDialogsSource,
+    /listSkillsInSpace\(selectedSpace\.id, selectedSpace\.region\)/,
+  );
+  assert.doesNotMatch(capabilityDialogsSource, /listSessionSkillSpaces/);
+  assert.doesNotMatch(capabilityDialogsSource, /listSessionSkillsInSpace/);
+  assert.match(skillspaceClientSource, /"\/web\/skill-spaces\?region=all"/);
   assert.match(capabilityDialogsSource, /label="搜索 Skill Space"/);
   assert.match(capabilityDialogsSource, /label="搜索 AgentKit 技能"/);
   assert.match(capabilityDialogsSource, /skillSourceId: selectedSpace\.id/);

veadk/webui/index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" type="image/svg+xml" href="/assets/volcengine-DM14a-L-.svg" />
     <title>VeADK Studio</title>
-    <script type="module" crossorigin src="/assets/index-DYW1GYEr.js"></script>
+    <script type="module" crossorigin src="/assets/index-BFZ8iSb4.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-BE-8snLT.css">
   </head>
   <body>