No code executions yet. Ask the agent to write and run code.
- }
- @for (log of execLogs(); track $index) {
-
-
-
+
+
+ Execution Logs
+ @for (log of executionLogs(); track $index) {
+
+
+
exit {{ log.exitStatus }}
- @if (log.code) {
-
{{ log.code }}
- }
+
{{ log.code }}
@if (log.stdout) {
-
{{ log.stdout }}
+
stdout
+
{{ log.stdout }}
}
+ @empty {
+
Ask the agent to write and run Python code.
+ }
+
+
`,
})
export class SandboxesComponent {
@@ -49,27 +62,35 @@ export class SandboxesComponent {
assistantId: environment.streamingAssistantId,
});
- protected readonly execLogs = computed(() => {
- const messages = this.stream.messages();
- const logs: { code: string; stdout: string; exitStatus: number }[] = [];
- for (const msg of messages) {
- if (!(msg instanceof AIMessage)) continue;
- for (const tc of this.stream.getToolCalls(msg)) {
- if (tc.call.name === 'run_code') {
- const resultIdx = messages.indexOf(msg) + 1;
- const resultMsg = messages[resultIdx];
- let stdout = '', exitStatus = 0;
- if (resultMsg && typeof resultMsg.content === 'string') {
+ executionLogs = computed(() => {
+ const msgs = this.stream.messages();
+ const logs: ExecutionLog[] = [];
+ for (const m of msgs) {
+ if ((m as any).tool_calls) {
+ for (const tc of (m as any).tool_calls) {
+ if (tc.name === 'run_code' && tc.output) {
try {
- const parsed = JSON.parse(resultMsg.content);
- stdout = parsed.stdout ?? '';
- exitStatus = parsed.exit_status ?? 0;
- } catch { /* ignore */ }
+ const parsed = JSON.parse(tc.output);
+ logs.push({
+ code: tc.args?.code ?? '',
+ stdout: parsed.stdout ?? '',
+ exitStatus: parsed.exit_status ?? 0,
+ });
+ } catch {
+ logs.push({
+ code: tc.args?.code ?? '',
+ stdout: tc.output,
+ exitStatus: 0,
+ });
+ }
}
- logs.push({ code: (tc.call.args as Record
)?.['code'] ?? '', stdout, exitStatus });
}
}
}
return logs;
});
+
+ send(text: string): void {
+ this.stream.submit({ messages: [{ role: 'human', content: text }] });
+ }
}
diff --git a/cockpit/deep-agents/sandboxes/angular/src/environments/environment.ts b/cockpit/deep-agents/sandboxes/angular/src/environments/environment.ts
index 8c4a57c37..336dc7f42 100644
--- a/cockpit/deep-agents/sandboxes/angular/src/environments/environment.ts
+++ b/cockpit/deep-agents/sandboxes/angular/src/environments/environment.ts
@@ -1,11 +1,11 @@
/**
* Production environment configuration.
*
- * Points to the LangGraph Cloud deployment managed by LangSmith.
- * The assistantId must match the graph name in langgraph.json.
+ * Uses relative /api URL โ Vercel middleware proxies to LangGraph Cloud
+ * and injects the x-api-key header server-side.
*/
export const environment = {
production: true,
- langGraphApiUrl: 'https://sandboxes-8c70b6ac20265827aa92397299fcb9f7.us.langgraph.app',
+ langGraphApiUrl: '/api',
streamingAssistantId: 'sandboxes',
};
diff --git a/cockpit/deep-agents/sandboxes/python/langgraph.json b/cockpit/deep-agents/sandboxes/python/langgraph.json
index 9837ec2d8..9ac35a96c 100644
--- a/cockpit/deep-agents/sandboxes/python/langgraph.json
+++ b/cockpit/deep-agents/sandboxes/python/langgraph.json
@@ -2,6 +2,9 @@
"graphs": {
"sandboxes": "./src/graph.py:graph"
},
- "dependencies": ["."],
- "python_version": "3.12"
+ "dependencies": [
+ "."
+ ],
+ "python_version": "3.12",
+ "env": ".env"
}
diff --git a/cockpit/deep-agents/skills/angular/src/app/skills.component.ts b/cockpit/deep-agents/skills/angular/src/app/skills.component.ts
index 59e2e0f2f..718ce244f 100644
--- a/cockpit/deep-agents/skills/angular/src/app/skills.component.ts
+++ b/cockpit/deep-agents/skills/angular/src/app/skills.component.ts
@@ -1,39 +1,66 @@
-// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0
import { Component, computed } from '@angular/core';
-import { ChatDebugComponent } from '@cacheplane/chat';
+import { LegacyChatComponent } from '@cacheplane/chat';
import { streamResource } from '@cacheplane/stream-resource';
-import { AIMessage } from '@langchain/core/messages';
import { environment } from '../environments/environment';
-const SKILL_ICONS: Record = {
- calculator: '๐งฎ',
- word_count: '๐ข',
- summarize: '๐',
-};
+interface SkillInvocation {
+ skillName: string;
+ args: string;
+ result?: string;
+}
+/**
+ * SkillsComponent demonstrates a multi-skill agent with specialized tools.
+ *
+ * The agent can calculate math expressions, count words, and summarize text
+ * by selecting the appropriate skill tool for each user request. The sidebar
+ * shows each skill invocation as a card with the skill name, input args,
+ * and result.
+ *
+ * Key integration points:
+ * - `stream.messages()` contains all messages including tool call data
+ * - `computed()` derives skill invocation cards from tool calls in AI messages
+ * - Invocations update reactively as the agent calls and receives tool results
+ */
@Component({
selector: 'app-skills',
standalone: true,
- imports: [ChatDebugComponent],
+ imports: [LegacyChatComponent],
template: `
-
-
-