Skip to content

Add BytePlus Studio provider support #823

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
yaozheng-fang merged 8 commits into from
Aug 6, 2026
Merged

Add BytePlus Studio provider support #823

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
ac6fb75
feat(studio): add BytePlus provider support
richarddancin Aug 5, 2026
bb7826c
Require BytePlus VeFaaS application template id
richarddancin Aug 5, 2026
f16f79b
Auto-create BytePlus Studio IAM role
richarddancin Aug 5, 2026
270384f
Use HTTPS for BytePlus IAM role setup
richarddancin Aug 6, 2026
3e500ea
Improve VeFaaS release failure diagnostics
richarddancin Aug 6, 2026
217db78
Clean up VeFaaS resources after failed deploy
richarddancin Aug 6, 2026
392ca60
Disable MCP session for Studio frontend deploy
richarddancin Aug 6, 2026
59deeae
Add BytePlus Studio provider support
richarddancin Aug 6, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
101 changes: 78 additions & 23 deletions frontend/src/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,6 +58,7 @@ import {
type SiteBranding,
type SessionCapabilities,
type StudioAccess,
type UiConfig,
type UiFeatures,
} from "./adk/client";
import {
Expand Down Expand Up @@ -100,6 +101,7 @@ import {
type AgentEntry,
type RemoteConnection,
} from "./adk/connections";
import { defaultCloudRegion, formatCloudRegion } from "./adk/cloudProvider";
import { Blocks, ThinkingPlaceholder } from "./ui/Blocks";
import { Composer } from "./ui/Composer";
import { InvocationChips } from "./ui/InvocationChips";
Expand Down Expand Up @@ -165,6 +167,7 @@ import { SandboxAgentWorkspace } from "./ui/SandboxAgentWorkspace";
import { SandboxComposer } from "./ui/SandboxComposer";
import { sandboxSnapshotTurns } from "./ui/sandboxCommands";
import { useSandboxCodexCommands } from "./ui/useSandboxCodexCommands";
import byteplusLogo from "./assets/byteplus.svg";
import defaultSiteLogo from "./assets/logo.svg";
import {
FeedbackDownIcon,
Expand Down Expand Up @@ -945,6 +948,8 @@ export default function App() {
});
const [agentsSource, setAgentsSource] = useState<"local" | "cloud">("cloud");
const [siteBranding, setSiteBranding] = useState<SiteBranding>(DEFAULT_SITE_BRANDING);
const [cloudProvider, setCloudProvider] =
useState<UiConfig["provider"]>("volcengine");
const [version, setVersion] = useState("");
const [uiConfigLoaded, setUiConfigLoaded] = useState(false);
const [localMode, setLocalMode] = useState(false);
Expand Down Expand Up @@ -1135,7 +1140,7 @@ export default function App() {
return next;
});
}, []);
// Whether the server has Volcengine AK/SK. The agent-creation workbench needs
// Whether the server has cloud AK/SK. The agent-creation workbench needs
// them; assume present until the runtime-config check says otherwise (avoids
// flashing the notice in the common, configured case).
const [hasCreds, setHasCreds] = useState(true);
Expand Down Expand Up @@ -1198,7 +1203,9 @@ export default function App() {
appName?: string;
currentVersion?: number | null;
} | null>(null);
const [newRuntimeRegion, setNewRuntimeRegion] = useState("cn-beijing");
const [newRuntimeRegion, setNewRuntimeRegion] = useState(
defaultCloudRegion(cloudProvider),
);
const [focusedDeploymentTaskId, setFocusedDeploymentTaskId] = useState("");
const [focusedWorkspaceAgentId, setFocusedWorkspaceAgentId] = useState("");
const [agentDetailTarget, setAgentDetailTarget] =
Expand Down Expand Up @@ -1849,6 +1856,7 @@ export default function App() {
trackStudioLoaded({ agentsSource: cfg.agentsSource });
setFeatures(cfg.features);
setAgentsSource(cfg.agentsSource);
setCloudProvider(cfg.provider);
setSiteBranding(cfg.branding);
setVersion(cfg.version);
setUiConfigLoaded(true);
Expand All @@ -1864,6 +1872,20 @@ export default function App() {
});
}, [access, authStatus, localMode, userInfo]);

useEffect(() => {
setNewRuntimeRegion((region) => {
const providerDefault = defaultCloudRegion(cloudProvider);
if (!region) return providerDefault;
if (cloudProvider === "byteplus" && region.startsWith("cn-")) {
return providerDefault;
}
if (cloudProvider === "volcengine" && region.startsWith("ap-")) {
return providerDefault;
}
return region;
});
}, [cloudProvider]);

useEffect(() => {
if (!access) return;
if (!access.capabilities.createAgents) {
Expand Down Expand Up @@ -1898,10 +1920,11 @@ export default function App() {
document.head.appendChild(favicon);
}
favicon.removeAttribute("type");
favicon.href = siteBranding.logoUrl || defaultSiteLogo;
}, [siteBranding]);
favicon.href = siteBranding.logoUrl
|| (cloudProvider === "byteplus" ? byteplusLogo : defaultSiteLogo);
}, [cloudProvider, siteBranding]);

// Check whether the server has Volcengine AK/SK (needed by the workbench).
// Check whether the server has cloud AK/SK (needed by the workbench).
useEffect(() => {
fetch("/web/runtime-config", { signal: AbortSignal.timeout(10_000) })
.then((r) => (r.ok ? r.json() : null))
Expand Down Expand Up @@ -3686,7 +3709,13 @@ export default function App() {
return <div className="boot" />; // resolving identity
}
if (authStatus === "unauthenticated") {
return <LoginPage branding={siteBranding} onUsername={onUsername} />;
return (
<LoginPage
branding={siteBranding}
cloudProvider={cloudProvider}
onUsername={onUsername}
/>
);
}
if (!access) {
return <div className="boot" />;
Expand Down Expand Up @@ -3842,7 +3871,7 @@ export default function App() {
if (currentConn?.runtimeId && currentRuntimeAppName) {
upsertCachedAgentFeedbackCase({
runtimeId: currentConn.runtimeId,
region: currentConn.region ?? "cn-beijing",
region: currentConn.region ?? defaultCloudRegion(cloudProvider),
appName: currentRuntimeAppName,
userId,
sessionId: sid,
Expand Down Expand Up @@ -3887,7 +3916,7 @@ export default function App() {
if (currentConn?.runtimeId && currentRuntimeAppName) {
upsertCachedAgentFeedbackCase({
runtimeId: currentConn.runtimeId,
region: currentConn.region ?? "cn-beijing",
region: currentConn.region ?? defaultCloudRegion(cloudProvider),
appName: currentRuntimeAppName,
userId,
sessionId: sid,
Expand All @@ -3902,7 +3931,7 @@ export default function App() {
});
refreshAgentFeedbackCases({
runtimeId: currentConn.runtimeId,
region: currentConn.region ?? "cn-beijing",
region: currentConn.region ?? defaultCloudRegion(cloudProvider),
appName: currentRuntimeAppName,
pageSize: 100,
});
Expand All @@ -3918,7 +3947,7 @@ export default function App() {
if (currentConn?.runtimeId && currentRuntimeAppName) {
upsertCachedAgentFeedbackCase({
runtimeId: currentConn.runtimeId,
region: currentConn.region ?? "cn-beijing",
region: currentConn.region ?? defaultCloudRegion(cloudProvider),
appName: currentRuntimeAppName,
userId,
sessionId: sid,
Expand Down Expand Up @@ -4110,7 +4139,7 @@ export default function App() {
const agentId = await connectRuntime(
agent.runtimeId,
agent.label,
agent.region ?? "cn-beijing",
agent.region ?? defaultCloudRegion(cloudProvider),
agent.currentVersion,
);
trackAgentConnectSucceeded({
Expand Down Expand Up @@ -4170,6 +4199,7 @@ export default function App() {
<div className="layout">
<Sidebar
branding={siteBranding}
cloudProvider={cloudProvider}
access={access}
features={features}
sessions={sessions}
Expand Down Expand Up @@ -4214,7 +4244,7 @@ export default function App() {
setApplicationsView(null);
setCreateView(null);
setImportedDraft(null);
setNewRuntimeRegion("cn-beijing");
setNewRuntimeRegion(defaultCloudRegion(cloudProvider));
setAddMenu(true);
setError("");
}}
Expand Down Expand Up @@ -4462,8 +4492,10 @@ export default function App() {
description: runtime.description?.trim() || "暂无描述",
createdAt: runtime.createdAt ?? "",
specificationLabel: "地域",
specification:
runtime.region === "cn-shanghai" ? "上海" : "北京",
specification: formatCloudRegion(
runtime.region,
cloudProvider,
),
isMine: runtime.isMine,
runtime: {
runtimeId: runtime.runtimeId,
Expand Down Expand Up @@ -4584,6 +4616,7 @@ export default function App() {
/>
) : myAgents ? (
<MyAgents
cloudProvider={cloudProvider}
canCreate={canCreateAgents}
runtimeScope={access.capabilities.runtimeScope}
onCreateAgent={openAgentCreateFromMyAgents}
Expand Down Expand Up @@ -4656,7 +4689,7 @@ export default function App() {
setCreateView(null);
setImportedDraft(null);
setRuntimeUpdateTarget(null);
setNewRuntimeRegion("cn-beijing");
setNewRuntimeRegion(defaultCloudRegion(cloudProvider));
setEditingDraftId("");
editingDraftBaselineRef.current = null;
setFocusedDeploymentTaskId("");
Expand Down Expand Up @@ -4787,7 +4820,7 @@ export default function App() {
onCancel={() => setAddAgent(false)}
/>
) : skillCenter ? (
<SkillCenterView />
<SkillCenterView cloudProvider={cloudProvider} />
) : visibleCreateView !== null && !hasCreds ? (
<div
style={{
Expand All @@ -4803,13 +4836,24 @@ export default function App() {
}}
>
<div style={{ fontSize: 18, fontWeight: 600 }}>
需要配置火山引擎 AK/SK
需要配置{cloudProvider === "byteplus" ? "BytePlus" : "火山引擎"} AK/SK
</div>
<div style={{ maxWidth: 420, lineHeight: 1.6 }}>
智能体工作台需要 Volcengine 凭据才能使用。请在运行环境中设置
{" "}
<code>VOLCENGINE_ACCESS_KEY</code> 与{" "}
<code>VOLCENGINE_SECRET_KEY</code> 后重试。
智能体工作台需要
{cloudProvider === "byteplus" ? " BytePlus " : " Volcengine "}
凭据才能使用。请在运行环境中设置{" "}
<code>
{cloudProvider === "byteplus"
? "BYTEPLUS_ACCESS_KEY"
: "VOLCENGINE_ACCESS_KEY"}
</code>{" "}
与{" "}
<code>
{cloudProvider === "byteplus"
? "BYTEPLUS_SECRET_KEY"
: "VOLCENGINE_SECRET_KEY"}
</code>{" "}
后重试。
</div>
</div>
) : visibleCreateView === "menu" ? (
Expand Down Expand Up @@ -4840,6 +4884,7 @@ export default function App() {
) : visibleCreateView === "intelligent" ? (
<IntelligentCreate
userId={userId}
cloudProvider={cloudProvider}
onBack={() => setCreateView("menu")}
onCreate={onCreate}
onAgentAdded={onAgentAdded}
Expand All @@ -4848,6 +4893,7 @@ export default function App() {
) : visibleCreateView === "custom" ? (
<CustomCreate
key={editingDraftId || "custom"}
cloudProvider={cloudProvider}
initialDraft={importedDraft ?? undefined}
onBack={() => setCreateView("menu")}
onCreate={onCreate}
Expand Down Expand Up @@ -4886,11 +4932,20 @@ export default function App() {
onDeploymentComplete={finishDeployment}
/>
) : visibleCreateView === "template" ? (
<TemplateCreate onBack={() => setCreateView("menu")} onCreate={onCreate} />
<TemplateCreate
cloudProvider={cloudProvider}
onBack={() => setCreateView("menu")}
onCreate={onCreate}
/>
) : visibleCreateView === "workflow" ? (
<WorkflowCreate onBack={() => setCreateView("menu")} onCreate={onCreate} />
<WorkflowCreate
cloudProvider={cloudProvider}
onBack={() => setCreateView("menu")}
onCreate={onCreate}
/>
) : visibleCreateView === "package" ? (
<CodePackageCreate
cloudProvider={cloudProvider}
onBack={() => {
setCreateView(null);
setAddMenu(true);
Expand Down
11 changes: 9 additions & 2 deletions frontend/src/adk/client.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@ import {
import type { AgentProject } from "../create/project";
import type { AgentDraft, NetworkConfig } from "../create/types";
import type { IssueFeedbackReport } from "./issueFeedback";
import { VOLCENGINE_DEFAULT_REGION } from "./cloudProvider";

/** An ADK event as serialised over `/run_sse` (camelCase, by_alias=True). */
export interface AdkUsage {
Expand Down Expand Up @@ -516,7 +517,10 @@ function runtimeAppsCacheKey(runtimeId: string, region: string): string {
}

function runtimeRegionCandidates(region?: string): string[] {
const primary = region || "cn-beijing";
const primary = region || VOLCENGINE_DEFAULT_REGION;
if (!RUNTIME_REGION_FALLBACKS.includes(primary as (typeof RUNTIME_REGION_FALLBACKS)[number])) {
return [primary];
}
return [
primary,
...RUNTIME_REGION_FALLBACKS.filter((candidate) => candidate !== primary),
Expand Down Expand Up @@ -2053,7 +2057,7 @@ export interface ManagedRuntime {

/** List AgentKit runtimes the server authorizes this user to manage. */
export async function getMyRuntimes(
region = "cn-beijing",
region = VOLCENGINE_DEFAULT_REGION,
): Promise<ManagedRuntime[]> {
const res = await apiFetch(`/web/my-runtimes?region=${encodeURIComponent(region)}`);
if (!res.ok) throw new Error(`加载失败 (${res.status})`);
Expand Down Expand Up @@ -2107,6 +2111,7 @@ export interface StudioTelemetryConfig {
export interface UiConfig {
studio: boolean;
version: string;
provider: "volcengine" | "byteplus";
branding: SiteBranding;
features: UiFeatures;
defaultView: "chat" | "addAgent";
Expand All @@ -2128,6 +2133,7 @@ const DISABLED_STUDIO_TELEMETRY: StudioTelemetryConfig = {
const DEFAULT_UI_CONFIG: UiConfig = {
studio: false,
version: "",
provider: "volcengine",
branding: DEFAULT_SITE_BRANDING,
features: {
newChat: true,
Expand Down Expand Up @@ -2204,6 +2210,7 @@ export async function getUiConfig(): Promise<UiConfig> {
return {
studio: d.studio ?? false,
version: typeof d.version === "string" ? d.version : "",
provider: d.provider === "byteplus" ? "byteplus" : "volcengine",
branding: {
title: typeof d.branding?.title === "string"
? d.branding.title
Expand Down
Loading
Loading