feat: add Ops AI Workspace npm setup command

This commit is contained in:
DCCONSTRUCTIONS
2026-06-24 20:40:12 +03:00
parent 763b90f3ba
commit 43e5f570e5
7 changed files with 160 additions and 31 deletions
@@ -1547,6 +1547,29 @@ export function AIWorkspaceProductConsole({ open, workspaceSlug, onClose }: TAIW
[opsWorkspaceSlug, runRegistryAction, selectedProjectId, updateRegistry, workspaceSlug]
);
const copySetupCommand = useCallback(
async (executorId: string, input: TAIWorkspaceExecutorInput, port: string) => {
await runRegistryAction(
"setup-command",
async () => {
const payload = await workspaceAIWorkspaceService.updateExecutor(workspaceSlug, executorId, input);
await updateRegistry(payload);
const setup = await workspaceAIWorkspaceService.createAgentSetupCommand(workspaceSlug, executorId, {
port,
opsWorkspaceSlug,
opsProjectId: selectedProjectId,
});
const command = String(setup.install?.command || "").trim();
if (!command) throw new Error("setup_command_empty");
if (!navigator.clipboard?.writeText) throw new Error("clipboard_unavailable");
await navigator.clipboard.writeText(command);
},
"npm setup command скопирована"
);
},
[opsWorkspaceSlug, runRegistryAction, selectedProjectId, updateRegistry, workspaceSlug]
);
const createThread = async () => {
try {
setThreadError("");
@@ -2236,6 +2259,7 @@ export function AIWorkspaceProductConsole({ open, workspaceSlug, onClose }: TAIW
onDelete={deleteExecutor}
onOpsWorkspaceChange={setSelectedOpsWorkspaceSlug}
onProjectChange={setSelectedProjectId}
onCopySetupCommand={copySetupCommand}
onDownloadAgent={downloadAgent}
getWindowsAgentInstallerUrl={(executorId, options) =>
workspaceAIWorkspaceService.getWindowsAgentInstallerUrl(workspaceSlug, executorId, {
@@ -68,6 +68,7 @@ type TAIWorkspaceProductSettingsModalProps = {
onDelete: (executorId: string) => Promise<TAIWorkspaceExecutorListResponse | null>;
onOpsWorkspaceChange: (workspaceSlug: string) => void;
onProjectChange: (projectId: string) => void;
onCopySetupCommand: (executorId: string, input: TAIWorkspaceExecutorInput, port: string) => Promise<void>;
onDownloadAgent: (executorId: string, input: TAIWorkspaceExecutorInput, port: string) => Promise<void>;
getWindowsAgentInstallerUrl: (
executorId: string,
@@ -324,6 +325,7 @@ export function AIWorkspaceProductSettingsModal({
onDelete,
onOpsWorkspaceChange,
onProjectChange,
onCopySetupCommand,
onDownloadAgent,
getWindowsAgentInstallerUrl,
}: TAIWorkspaceProductSettingsModalProps) {
@@ -450,6 +452,11 @@ export function AIWorkspaceProductSettingsModal({
await onDownloadAgent(editingExecutor.id, toInput(draft), draft.agentPort || DEFAULT_WINDOWS_AGENT_PORT);
};
const copySetupCommand = async () => {
if (!editingExecutor) return;
await onCopySetupCommand(editingExecutor.id, toInput(draft), draft.agentPort || DEFAULT_WINDOWS_AGENT_PORT);
};
const activeCheckDetails = activeExecutor
? [formatCheckTime(activeExecutor.lastSeenAt), activeExecutor.statusDetail].filter(Boolean).join(" · ")
: "";
@@ -696,18 +703,26 @@ export function AIWorkspaceProductSettingsModal({
placeholder="XXXX-XXXX-XXXX"
/>
</label>
<button
type="button"
className="modal-btn ai-settings-download ai-settings-inline-download btn-primary"
disabled={isBusy}
onClick={() => void copySetupCommand()}
>
Copy npx
</button>
<a
className="modal-btn ai-settings-download ai-settings-inline-download"
href={getWindowsAgentInstallerUrl(editingExecutor.id)}
onClick={downloadAgent}
download
>
Скачать агент
Legacy .ps1
</a>
</div>
) : draft.connectionMode === "hub" ? (
<div className="ai-settings-check-note">
После сохранения общий AI Workspace создаст pairing code и installer агента.
После сохранения общий AI Workspace создаст pairing code и npm setup command.
</div>
) : null}
@@ -139,6 +139,21 @@ export type TAIWorkspaceBridgeEventsResponse = {
events: TAIWorkspaceBridgeEvent[];
};
export type TAIWorkspaceAgentSetupCommandResponse = {
ok: boolean;
executorId?: string;
install?: {
command?: string;
packageName?: string;
gatewayUrl?: string;
expiresAt?: string;
};
setupCode?: {
suffix?: string;
expiresAt?: string;
};
};
export type TAIWorkspaceOpsProject = {
id: string;
identifier?: string | null;
@@ -284,6 +299,22 @@ export class WorkspaceAIWorkspaceService extends APIService {
return this.listExecutors(workspaceSlug);
}
async createAgentSetupCommand(
workspaceSlug: string,
executorId: string,
options: { port?: string | number; opsWorkspaceSlug?: string; opsProjectId?: string } = {}
): Promise<TAIWorkspaceAgentSetupCommandResponse> {
return this.post(`/api/workspaces/${workspaceSlug}/ai-workspace/executors/${executorId}/agent/setup-command/`, {
port: String(options.port || "").trim() || undefined,
opsWorkspaceSlug: String(options.opsWorkspaceSlug || "").trim() || undefined,
opsProjectId: String(options.opsProjectId || "").trim() || undefined,
})
.then((response) => response?.data)
.catch((error) => {
throw error?.response?.data ?? error;
});
}
getWindowsAgentInstallerUrl(
workspaceSlug: string,
executorId: string,
+12 -2
View File
@@ -1163,7 +1163,7 @@
.ai-settings-field-row--download {
align-items: end;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-columns: minmax(0, 1fr) minmax(96px, 112px) auto;
}
.ai-settings-field > span {
@@ -1409,7 +1409,7 @@
.ai-settings-actions .modal-btn:hover:not(:disabled),
.ai-settings-empty-context .modal-btn:hover:not(:disabled),
.ai-settings-inline-download:hover {
.ai-settings-inline-download:hover:not(:disabled) {
background: var(--nodedc-glass-control-hover);
color: #ffffff;
}
@@ -1420,11 +1420,21 @@
color: var(--brand-contrast);
}
.ai-settings-inline-download.btn-primary {
background: var(--brand);
color: var(--brand-contrast);
}
.ai-settings-actions .modal-btn:disabled {
cursor: default;
opacity: 0.48;
}
.ai-settings-inline-download:disabled {
cursor: default;
opacity: 0.48;
}
.ai-settings-context-pane > .ai-settings-actions,
.ai-settings-details-pane > .ai-settings-actions {
margin-top: auto;