agello 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +103 -0
- package/bin/agello.ts +262 -0
- package/package.json +35 -0
- package/src/run.ts +28 -0
- package/src/screencast.ts +179 -0
- package/src/server.ts +408 -0
- package/web/agent-bridge.js +746 -0
- package/web/embed-example.html +36 -0
- package/web/index.html +16 -0
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="ko">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<title>Agent Bridge 임베드 예시</title>
|
|
6
|
+
<script type="module" src="http://127.0.0.1:8765/agent-bridge.js"></script>
|
|
7
|
+
<style>
|
|
8
|
+
body { font-family: system-ui, sans-serif; margin: 0; display: grid; grid-template-columns: 1fr 420px;
|
|
9
|
+
height: 100vh; }
|
|
10
|
+
main { padding: 32px; overflow: auto; }
|
|
11
|
+
aside { padding: 16px; border-left: 1px solid #ddd; }
|
|
12
|
+
agent-bridge { height: 100%; --ab-accent: #7048e8; }
|
|
13
|
+
#events { font: 12px ui-monospace, monospace; white-space: pre-wrap; color: #555; }
|
|
14
|
+
</style>
|
|
15
|
+
</head>
|
|
16
|
+
<body>
|
|
17
|
+
<main>
|
|
18
|
+
<h1>호스트 페이지</h1>
|
|
19
|
+
<p>오른쪽 패널이 <code><agent-bridge></code> 컴포넌트예요.</p>
|
|
20
|
+
<button id="ask">호스트 페이지에서 "현재 상태 요약해줘" 전송</button>
|
|
21
|
+
<h2>수신 이벤트</h2>
|
|
22
|
+
<div id="events"></div>
|
|
23
|
+
</main>
|
|
24
|
+
<aside>
|
|
25
|
+
<agent-bridge heading="Agent" no-actions></agent-bridge>
|
|
26
|
+
</aside>
|
|
27
|
+
<script>
|
|
28
|
+
const bridge = document.querySelector('agent-bridge');
|
|
29
|
+
const events = document.getElementById('events');
|
|
30
|
+
const log = (type, d) => events.prepend(`${type} ${JSON.stringify(d).slice(0, 160)}\n`);
|
|
31
|
+
for (const t of ['agent-status', 'agent-message', 'agent-tool'])
|
|
32
|
+
bridge.addEventListener(t, e => log(t, e.detail));
|
|
33
|
+
document.getElementById('ask').onclick = () => bridge.send('현재 상태 요약해줘');
|
|
34
|
+
</script>
|
|
35
|
+
</body>
|
|
36
|
+
</html>
|
package/web/index.html
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="ko">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
6
|
+
<title>Agent Bridge</title>
|
|
7
|
+
<script type="module" src="/agent-bridge.js"></script>
|
|
8
|
+
<style>
|
|
9
|
+
html, body { height: 100%; margin: 0; }
|
|
10
|
+
agent-bridge { height: 100%; border: 0; border-radius: 0; }
|
|
11
|
+
</style>
|
|
12
|
+
</head>
|
|
13
|
+
<body>
|
|
14
|
+
<agent-bridge screen></agent-bridge>
|
|
15
|
+
</body>
|
|
16
|
+
</html>
|