Загрузка статуса модуля...
) : (
<>
-
+
+
-
-
-
+
- +
Доступ к модулю приходит из Launcher entitlement Operational Core → Codex Agent API. Если entitlement снят, этот раздел исчезает из настроек workspace и backend policy больше не возвращает активный модуль.
-
+
+
-
-
-
Агенты workspace
-
- Tasker вызывает Agent Gateway только через backend proxy. Frontend не получает сервисный Gateway
- token.
+ <>
+
+ Задайте имя, выберите project grant и выпустите agent token. Аватар меняется кликом по кругу.
+
- Создать агента workspace
+
- setNewAgentName(event.target.value)}
- placeholder="Имя агента"
- />
-
+
+
+
+
-
+ Аватар
+ void handleCreateAvatarChange(event)}
+ />
+
+
+
+
Gateway недоступен или не настроен. Проверьте `PLANE_NODEDC_AGENT_GATEWAY_URL` и
`PLANE_NODEDC_AGENT_GATEWAY_TOKEN` в Tasker API runtime.
)}
-
- {areAgentsLoading ? (
-
Загрузка агентов...
- ) : activeAgents.length > 0 ? (
- activeAgents.map((agent) => (
-
-
-
-
-
- )}
- {tokenPacket && (
- {agent.display_name}
-
- status: {agent.status} · created: {new Date(agent.created_at).toLocaleString()}
+ {areAgentsLoading ? (
+
+
- ))
- ) : (
- Загрузка агентов...
+ ) : activeAgents.length > 0 ? (
+ activeAgents.map((agent) => {
+ const draftName = getAgentDraftName(agentDraftNames, agent);
+ const isUpdatingAgent = updatingAgentIds[agent.id] === true;
+ const isCreatingToken = creatingTokenAgentIds[agent.id] === true;
+ const isAgentDirty = draftName.trim() !== agent.display_name;
+ const setupCard = setupCards.find((card) => card.agent.id === agent.id);
+ const agentTokens = setupCard?.tokens ?? [];
+ const setup = setupCard?.setup;
+
+ return (
+
+
-
-
+ Аватар
+ {
+ agentAvatarInputRefs.current[agent.id] = element;
+ }}
+ type="file"
+ accept={AGENT_AVATAR_ACCEPT}
+ className="hidden"
+ onChange={(event) => void handleAgentAvatarChange(agent.id, event)}
+ />
+ agentAvatarInputRefs.current[agent.id]?.click()}
+ />
+
+
+
+ Состояние
+
+
+ active · {new Date(agent.created_at).toLocaleString()}
+
+
+
+
+
- Агентов пока нет. Создайте агента, выберите проект и сразу получите token + TASKER_AGENT.md.
-
- )}
-
- , agent: TCodexAgent): string {
+ return agentDraftNames[agent.id] ?? agent.display_name;
+}
+
+function getInitials(name: string): string {
+ const words = name.trim().split(/\s+/).filter(Boolean).slice(0, 2);
+ const initials = words.map((word) => word[0]?.toUpperCase()).join("");
+ return initials || "A";
+}
+
+function maskToken(token: TCodexAgentToken): string {
+ return `${"×".repeat(16)}${token.token_suffix ?? token.id.slice(-8)}`;
+}
+
+function getAvatarSrc(avatarUrl?: string | null): string | null {
+ if (!avatarUrl) return null;
+ if (/^(data:|blob:|https?:\/\/)/.test(avatarUrl)) return avatarUrl;
+ return getFileURL(avatarUrl);
+}
+
+function AgentAvatar(props: { avatarUrl?: string | null; name: string; size?: "md" | "lg" }) {
+ const sizeClassName = props.size === "lg" ? "size-12 text-16" : "size-10 text-13";
+ const commonClassName = `${sizeClassName} shrink-0 overflow-hidden rounded-full bg-[rgb(var(--nodedc-accent-rgb))] text-[rgb(var(--nodedc-on-accent-rgb))]`;
+ const avatarSrc = getAvatarSrc(props.avatarUrl);
+
+ if (avatarSrc) {
+ return 
;
+ }
+
+ return ();
+
+ for (const card of persistedCards) {
+ cardsByAgentId.set(card.agent.id, card);
+ }
+
+ for (const card of createdCards) {
+ const persistedCard = cardsByAgentId.get(card.agent.id);
+ if (!persistedCard) {
+ cardsByAgentId.set(card.agent.id, card);
+ continue;
+ }
+
+ cardsByAgentId.set(card.agent.id, {
+ agent: persistedCard.agent,
+ setup: persistedCard.setup ?? card.setup,
+ tokens: mergeTokens(persistedCard.tokens, card.tokens),
+ });
+ }
+
+ return Array.from(cardsByAgentId.values()).filter((card) => card.tokens.length > 0);
+}
+
+function mergeTokens(primaryTokens: TCodexAgentToken[], secondaryTokens: TCodexAgentToken[]): TCodexAgentToken[] {
+ const tokensById = new Map();
+ for (const token of primaryTokens) tokensById.set(token.id, token);
+ for (const token of secondaryTokens) tokensById.set(token.id, tokensById.get(token.id) ?? token);
+ return Array.from(tokensById.values()).sort(
+ (leftToken, rightToken) => new Date(rightToken.created_at).getTime() - new Date(leftToken.created_at).getTime()
+ );
+}
+
+function upsertSetupCardToken(
+ cards: TAgentSetupCard[],
+ agent: TCodexAgent,
+ token: TCodexAgentToken,
+ setup?: TCodexAgentSetupPacket
+): TAgentSetupCard[] {
+ const existingCard = cards.find((card) => card.agent.id === agent.id);
+ if (!existingCard) {
+ return [{ agent, setup, tokens: [token] }, ...cards];
+ }
+
+ return cards.map((card) =>
+ card.agent.id === agent.id
+ ? {
+ agent,
+ setup: setup ?? card.setup,
+ tokens: mergeTokens([token], card.tokens),
+ }
+ : card
+ );
+}
+
+function readAvatarDataUrl(file: File): Promise {
+ if (!file.type.startsWith("image/")) {
+ return Promise.reject(new Error("Поддерживаются только изображения PNG, JPG, WEBP или GIF."));
+ }
+
+ if (file.size > MAX_AGENT_AVATAR_BYTES) {
+ return Promise.reject(new Error("Аватар агента должен быть не больше 256 КБ."));
+ }
+
+ return new Promise((resolve, reject) => {
+ const reader = new FileReader();
+ reader.onload = () => resolve(String(reader.result));
+ reader.onerror = () => reject(new Error("Не удалось прочитать файл аватара."));
+ reader.readAsDataURL(file);
+ });
+}
+
+function showAvatarError(message?: string) {
+ setToast({
+ type: TOAST_TYPE.ERROR,
+ title: "Не удалось загрузить аватар",
+ message: message ?? "Проверьте формат и размер изображения.",
+ });
+}
+
type TCapabilityCardProps = {
description: string;
icon: typeof ShieldCheck;
diff --git a/plane-src/apps/web/core/services/workspace-codex-agent.service.ts b/plane-src/apps/web/core/services/workspace-codex-agent.service.ts
index 735d3e6..e9a298d 100644
--- a/plane-src/apps/web/core/services/workspace-codex-agent.service.ts
+++ b/plane-src/apps/web/core/services/workspace-codex-agent.service.ts
@@ -39,6 +39,7 @@ export type TCodexAgentToken = {
agent_id: string;
name: string;
status: TCodexAgentTokenStatus;
+ token_suffix: string | null;
expires_at: string | null;
last_used_at: string | null;
created_at: string;
@@ -66,6 +67,16 @@ export type TCodexAgentCreateTokenResponse = {
token_record: TCodexAgentToken;
};
+export type TCodexAgentTokenListResponse = {
+ ok: boolean;
+ tokens: TCodexAgentToken[];
+};
+
+export type TCodexAgentSetupResponse = {
+ ok: boolean;
+ setup?: TCodexAgentSetupPacket;
+};
+
export class WorkspaceCodexAgentService extends APIService {
constructor() {
super(API_BASE_URL);
@@ -90,6 +101,18 @@ export class WorkspaceCodexAgentService extends APIService {
});
}
+ async updateAgent(
+ workspaceSlug: string,
+ agentId: string,
+ data: { display_name?: string; avatar_url?: string | null }
+ ): Promise<{ ok: boolean; agent: TCodexAgent }> {
+ return this.patch(`/api/workspaces/${workspaceSlug}/codex-agent-api/agents/${agentId}/`, data)
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response?.data;
+ });
+ }
+
async upsertGrant(
workspaceSlug: string,
agentId: string,
@@ -118,6 +141,22 @@ export class WorkspaceCodexAgentService extends APIService {
});
}
+ async listTokens(workspaceSlug: string, agentId: string): Promise {
+ return this.get(`/api/workspaces/${workspaceSlug}/codex-agent-api/agents/${agentId}/tokens/`)
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response?.data;
+ });
+ }
+
+ async getSetup(workspaceSlug: string, agentId: string): Promise {
+ return this.get(`/api/workspaces/${workspaceSlug}/codex-agent-api/agents/${agentId}/setup/`)
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response?.data;
+ });
+ }
+
async revokeAgent(workspaceSlug: string, agentId: string): Promise<{ ok: boolean; agent: TCodexAgent }> {
return this.post(`/api/workspaces/${workspaceSlug}/codex-agent-api/agents/${agentId}/revoke/`)
.then((response) => response?.data)
diff --git a/plane-src/packages/constants/src/settings/workspace.ts b/plane-src/packages/constants/src/settings/workspace.ts
index 03a4ebe..7ce7a37 100644
--- a/plane-src/packages/constants/src/settings/workspace.ts
+++ b/plane-src/packages/constants/src/settings/workspace.ts
@@ -74,7 +74,7 @@ export const WORKSPACE_SETTINGS: Record pathname === `${baseUrl}/settings/codex-agent-api/`,
},
};
-
- Одноразовый token и setup packet
- - Token больше не будет доступен после закрытия этого блока. Markdown-инструкция не содержит секрет. -
+ {areSetupCardsLoading && agentTokens.length === 0 ? ( +
+ Загрузка token и Ops Agent.md...
+
+ ) : agentTokens.length > 0 ? (
+
+ {agentTokens.map((token) => {
+ const revealedToken = revealedTokens[token.id];
+ const tokenValue = revealedToken ?? maskToken(token);
+ const isTokenRevealed = Boolean(revealedToken);
+
+ return (
+
+ ) : (
+
+
+ );
+ })}
+
+
+
+
+ Agent token
+
+
+ {tokenValue}
+
+ {isTokenRevealed && (
+
+
+
+ )}
+
+
+
+ Ops Agent.md
+
+ {setup?.agents_md ? (
+ <>
+
+
+
+
+
+
+ ) : (
+
+ Setup packet пока недоступен. Проверьте Gateway и grants агента.
+
+ )}
+
+ Token ещё не выпущен. Нажмите «Новый token», чтобы получить token и Ops Agent.md.
+
+ )}
+
+ );
+ })
+ ) : (
+
+ Агентов пока нет. Создайте агента, выберите project и сразу получите token + Ops Agent.md.
-
-
-
-
+ )}
+
)}
)}
@@ -319,6 +591,137 @@ export const CodexAgentApiSettingsContent = observer(function CodexAgentApiSetti
);
});
+function getAgentDraftName(agentDraftNames: Record
-
- {tokenPacket.setup?.agents_md && (
- Agent token
-
- {tokenPacket.token}
-
-
-
-
- )}
-
- TASKER_AGENT.md
-
-
-
- {getInitials(props.name)}
;
+}
+
+function AgentAvatarButton(props: {
+ avatarUrl?: string | null;
+ disabled?: boolean;
+ name: string;
+ onClick: () => void;
+}) {
+ return (
+
+ );
+}
+
+function mergeSetupCards(persistedCards: TAgentSetupCard[], createdCards: TAgentSetupCard[]): TAgentSetupCard[] {
+ const cardsByAgentId = new Map