openclaw-agent-builder 0.0.2 → 0.0.3

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.
Files changed (13) hide show
  1. package/dist/assets/index-C9IXUW-V.css +1 -0
  2. package/dist/assets/index-CHYw1YB7.js +263 -0
  3. package/dist/index.html +2 -2
  4. package/electron/icons/icon.icns +0 -0
  5. package/electron/icons/icon.ico +0 -0
  6. package/electron/icons/icon.png +0 -0
  7. package/electron/main.js +161 -0
  8. package/package.json +14 -2
  9. package/server/index.js +5 -4
  10. package/server/routes/chat.js +6 -3
  11. package/server/utils/paths.js +19 -0
  12. package/dist/assets/index-C7Hk4nus.css +0 -1
  13. package/dist/assets/index-CpVghac4.js +0 -227
package/dist/index.html CHANGED
@@ -4,8 +4,8 @@
4
4
  <meta charset="UTF-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
6
  <title>OpenClaw Agent Builder</title>
7
- <script type="module" crossorigin src="/assets/index-CpVghac4.js"></script>
8
- <link rel="stylesheet" crossorigin href="/assets/index-C7Hk4nus.css">
7
+ <script type="module" crossorigin src="/assets/index-CHYw1YB7.js"></script>
8
+ <link rel="stylesheet" crossorigin href="/assets/index-C9IXUW-V.css">
9
9
  </head>
10
10
  <body>
11
11
  <div id="root"></div>
package/electron/icons/icon.icns ADDED
Binary file
package/electron/icons/icon.ico ADDED
Binary file
package/electron/icons/icon.png ADDED
Binary file
package/electron/main.js ADDED
@@ -0,0 +1,161 @@
1
+ import { app, BrowserWindow, Menu, dialog } from 'electron';
2
+ import { createServer } from '../server/index.js';
3
+
4
+ let autoUpdater;
5
+
6
+ // electron-updater uses CJS internally — handle all interop shapes
7
+ try {
8
+ const mod = await import('electron-updater');
9
+ autoUpdater = mod.autoUpdater
10
+ || mod.default?.autoUpdater
11
+ || mod['module.exports']?.autoUpdater;
12
+ } catch {
13
+ // Silently ignore — updater won't work in dev or if import fails
14
+ autoUpdater = null;
15
+ }
16
+
17
+ let mainWindow = null;
18
+ let server = null;
19
+
20
+ function checkForUpdates() {
21
+ if (!autoUpdater) return;
22
+ autoUpdater.checkForUpdates().catch(() => {});
23
+ }
24
+
25
+ function setupAutoUpdater() {
26
+ if (!autoUpdater || !app.isPackaged) return;
27
+
28
+ autoUpdater.autoDownload = false;
29
+ autoUpdater.autoInstallOnAppQuit = true;
30
+
31
+ autoUpdater.on('update-available', (info) => {
32
+ dialog.showMessageBox(mainWindow, {
33
+ type: 'info',
34
+ title: 'Update Available',
35
+ message: `Version ${info.version} is available. Download now?`,
36
+ buttons: ['Download', 'Later'],
37
+ defaultId: 0,
38
+ }).then(({ response }) => {
39
+ if (response === 0) {
40
+ autoUpdater.downloadUpdate();
41
+ }
42
+ });
43
+ });
44
+
45
+ autoUpdater.on('update-downloaded', () => {
46
+ dialog.showMessageBox(mainWindow, {
47
+ type: 'info',
48
+ title: 'Update Ready',
49
+ message: 'Update downloaded. Restart now to install?',
50
+ buttons: ['Restart', 'Later'],
51
+ defaultId: 0,
52
+ }).then(({ response }) => {
53
+ if (response === 0) {
54
+ autoUpdater.quitAndInstall();
55
+ }
56
+ });
57
+ });
58
+
59
+ autoUpdater.on('error', (err) => {
60
+ console.log('Auto-updater error:', err?.message);
61
+ });
62
+
63
+ // Check for updates 3 seconds after launch
64
+ setTimeout(() => checkForUpdates(), 3000);
65
+ }
66
+
67
+ const template = [
68
+ ...(process.platform === 'darwin' ? [{
69
+ label: app.name,
70
+ submenu: [
71
+ { role: 'about' },
72
+ { type: 'separator' },
73
+ {
74
+ label: 'Check for Updates...',
75
+ click: () => checkForUpdates(),
76
+ },
77
+ { type: 'separator' },
78
+ { role: 'quit' },
79
+ ],
80
+ }] : []),
81
+ {
82
+ label: 'Edit',
83
+ submenu: [
84
+ { role: 'undo' },
85
+ { role: 'redo' },
86
+ { type: 'separator' },
87
+ { role: 'cut' },
88
+ { role: 'copy' },
89
+ { role: 'paste' },
90
+ { role: 'selectAll' },
91
+ ],
92
+ },
93
+ {
94
+ label: 'Window',
95
+ submenu: [
96
+ { role: 'minimize' },
97
+ { role: 'close' },
98
+ ],
99
+ },
100
+ ...(process.platform !== 'darwin' ? [{
101
+ label: 'Help',
102
+ submenu: [
103
+ {
104
+ label: 'Check for Updates...',
105
+ click: () => checkForUpdates(),
106
+ },
107
+ ],
108
+ }] : []),
109
+ ];
110
+
111
+ async function createWindow(port) {
112
+ mainWindow = new BrowserWindow({
113
+ width: 1200,
114
+ height: 800,
115
+ title: 'OpenClaw Agent Builder',
116
+ webPreferences: {
117
+ nodeIntegration: false,
118
+ contextIsolation: true,
119
+ },
120
+ });
121
+
122
+ mainWindow.loadURL(`http://localhost:${port}`);
123
+
124
+ mainWindow.on('closed', () => {
125
+ mainWindow = null;
126
+ });
127
+ }
128
+
129
+ app.whenReady().then(async () => {
130
+ if (!process.env.NODE_ENV) {
131
+ process.env.NODE_ENV = 'production';
132
+ }
133
+
134
+ Menu.setApplicationMenu(Menu.buildFromTemplate(template));
135
+
136
+ const expressApp = await createServer();
137
+
138
+ // Listen on port 0 so the OS assigns a free port — avoids conflicts
139
+ server = expressApp.listen(0, () => {
140
+ const port = server.address().port;
141
+ console.log(`OpenClaw Agent Builder running on port ${port}`);
142
+ createWindow(port);
143
+ });
144
+
145
+ setupAutoUpdater();
146
+ });
147
+
148
+ app.on('window-all-closed', () => {
149
+ if (server) {
150
+ server.close();
151
+ server = null;
152
+ }
153
+ app.quit();
154
+ });
155
+
156
+ app.on('activate', () => {
157
+ if (mainWindow === null && server) {
158
+ const port = server.address().port;
159
+ createWindow(port);
160
+ }
161
+ });
package/package.json CHANGED
@@ -1,8 +1,9 @@
1
1
  {
2
2
  "name": "openclaw-agent-builder",
3
- "version": "0.0.2",
3
+ "version": "0.0.3",
4
4
  "description": "Web-based wizard to create and deploy OpenClaw agents and multi-agent teams",
5
5
  "type": "module",
6
+ "main": "electron/main.js",
6
7
  "bin": {
7
8
  "openclaw-agent-builder": "bin/cli.js"
8
9
  },
@@ -10,11 +11,15 @@
10
11
  "dev": "NODE_ENV=development node bin/cli.js --no-open",
11
12
  "build": "cd client && vite build",
12
13
  "start": "NODE_ENV=production node bin/cli.js",
13
- "preview": "npm run build && npm start"
14
+ "preview": "npm run build && npm start",
15
+ "electron:dev": "NODE_ENV=development electron electron/main.js",
16
+ "electron:build": "npm run build && electron-builder",
17
+ "electron:pack": "npm run build && electron-builder --dir"
14
18
  },
15
19
  "files": [
16
20
  "bin/",
17
21
  "server/",
22
+ "electron/",
18
23
  "dist/",
19
24
  "README.md"
20
25
  ],
@@ -29,13 +34,20 @@
29
34
  "multi-agent"
30
35
  ],
31
36
  "license": "MIT",
37
+ "repository": {
38
+ "type": "git",
39
+ "url": "https://github.com/adamlsneed/openclaw-agent-builder.git"
40
+ },
32
41
  "dependencies": {
42
+ "electron-updater": "^6.8.3",
33
43
  "express": "^4.18.2",
34
44
  "open": "^9.1.0"
35
45
  },
36
46
  "devDependencies": {
37
47
  "@vitejs/plugin-react": "^4.2.1",
38
48
  "autoprefixer": "^10.4.17",
49
+ "electron": "^33.3.1",
50
+ "electron-builder": "^25.1.8",
39
51
  "postcss": "^8.4.35",
40
52
  "react": "^18.2.0",
41
53
  "react-dom": "^18.2.0",
package/server/index.js CHANGED
@@ -2,6 +2,7 @@ import express from 'express';
2
2
  import { fileURLToPath } from 'url';
3
3
  import path from 'path';
4
4
  import { existsSync } from 'fs';
5
+ import { getDistPath } from './utils/paths.js';
5
6
  import generateRoute from './routes/generate.js';
6
7
  import filesRoute from './routes/files.js';
7
8
  import configRoute from './routes/config.js';
@@ -40,11 +41,11 @@ export async function createServer() {
40
41
  app.use(vite.middlewares);
41
42
  } else {
42
43
  // Serve built client
43
- const distPath = path.join(__dirname, '../dist');
44
+ const distPath = getDistPath();
44
45
  if (!existsSync(path.join(distPath, 'index.html'))) {
45
- console.error('\n ERROR: No built client found at dist/index.html');
46
- console.error(' Run "npm run build" first, then start the server.\n');
47
- process.exit(1);
46
+ throw new Error(
47
+ 'No built client found at dist/index.html. Run "npm run build" first, then start the server.'
48
+ );
48
49
  }
49
50
  app.use(express.static(distPath));
50
51
  app.get('*', (_req, res) => {
package/server/routes/chat.js CHANGED
@@ -8,7 +8,7 @@ const ANTHROPIC_MODELS = ['claude-sonnet-4-6', 'claude-opus-4-6', 'claude-haiku-
8
8
  const OPENAI_MODELS = ['gpt-4o', 'gpt-4o-mini', 'gpt-4-turbo'];
9
9
 
10
10
  router.post('/chat', async (req, res) => {
11
- const { messages, apiKey: clientApiKey, model, provider: explicitProvider, system } = req.body;
11
+ const { messages, apiKey: clientApiKey, model, provider: explicitProvider, system, maxTokens } = req.body;
12
12
 
13
13
  if (!messages || !model) {
14
14
  return res.status(400).json({ error: 'messages and model are required' });
@@ -27,12 +27,15 @@ router.post('/chat', async (req, res) => {
27
27
  return res.status(400).json({ error: 'No API key available. Set ANTHROPIC_API_KEY in your environment, or enter a key manually.' });
28
28
  }
29
29
 
30
+ const opts = { apiKey, model, messages, system };
31
+ if (maxTokens) opts.maxTokens = maxTokens;
32
+
30
33
  try {
31
34
  let content;
32
35
  if (actualProvider === 'anthropic') {
33
- content = await callAnthropic({ apiKey, model, messages, system });
36
+ content = await callAnthropic(opts);
34
37
  } else if (actualProvider === 'openai') {
35
- content = await callOpenAI({ apiKey, model, messages, system });
38
+ content = await callOpenAI(opts);
36
39
  } else {
37
40
  return res.status(400).json({ error: `Unsupported provider: ${actualProvider}` });
38
41
  }
package/server/utils/paths.js CHANGED
@@ -1,6 +1,25 @@
1
1
  import path from 'path';
2
2
  import os from 'os';
3
+ import { fileURLToPath } from 'url';
4
+
5
+ const __dirname = path.dirname(fileURLToPath(import.meta.url));
3
6
 
4
7
  export function expandHome(p) {
5
8
  return p && p.startsWith('~') ? path.join(os.homedir(), p.slice(1)) : (p || '');
6
9
  }
10
+
11
+ /**
12
+ * Returns the correct dist/ directory path for serving static files.
13
+ * Handles three contexts: Electron packaged (asar), Electron dev, and npx/CLI.
14
+ */
15
+ export function getDistPath() {
16
+ let distPath = path.join(__dirname, '../../dist');
17
+
18
+ // In a packaged Electron app, __dirname is inside app.asar.
19
+ // Since dist/ is in asarUnpack, swap to the unpacked path.
20
+ if (distPath.includes('app.asar')) {
21
+ distPath = distPath.replace('app.asar', 'app.asar.unpacked');
22
+ }
23
+
24
+ return distPath;
25
+ }
package/dist/assets/index-C7Hk4nus.css DELETED
@@ -1 +0,0 @@
1
- *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body{min-height:100vh;--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.visible{visibility:visible}.invisible{visibility:hidden}.relative{position:relative}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.-mb-px{margin-bottom:-1px}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-7{margin-left:1.75rem}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-80{height:20rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-20{max-height:5rem}.max-h-64{max-height:16rem}.min-h-0{min-height:0px}.w-1\.5{width:.375rem}.w-11{width:2.75rem}.w-16{width:4rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-\[75\%\]{max-width:75%}.max-w-\[80\%\]{max-width:80%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-6{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-800\/0>:not([hidden])~:not([hidden]){border-color:#1f293700}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-bl-sm{border-bottom-left-radius:.125rem}.rounded-br-sm{border-bottom-right-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-blue-800{--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}.border-claw-400{--tw-border-opacity: 1;border-color:rgb(56 189 248 / var(--tw-border-opacity, 1))}.border-claw-500{--tw-border-opacity: 1;border-color:rgb(14 165 233 / var(--tw-border-opacity, 1))}.border-claw-600{--tw-border-opacity: 1;border-color:rgb(2 132 199 / var(--tw-border-opacity, 1))}.border-claw-600\/50{border-color:#0284c780}.border-claw-700{--tw-border-opacity: 1;border-color:rgb(3 105 161 / var(--tw-border-opacity, 1))}.border-claw-700\/50{border-color:#0369a180}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-gray-700\/50{border-color:#37415180}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-green-700{--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity, 1))}.border-green-800{--tw-border-opacity: 1;border-color:rgb(22 101 52 / var(--tw-border-opacity, 1))}.border-red-700{--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-yellow-700{--tw-border-opacity: 1;border-color:rgb(161 98 7 / var(--tw-border-opacity, 1))}.border-yellow-800{--tw-border-opacity: 1;border-color:rgb(133 77 14 / var(--tw-border-opacity, 1))}.border-yellow-800\/50{border-color:#854d0e80}.border-t-transparent{border-top-color:transparent}.bg-blue-900\/20{background-color:#1e3a8a33}.bg-claw-500{--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1))}.bg-claw-500\/20{background-color:#0ea5e933}.bg-claw-600{--tw-bg-opacity: 1;background-color:rgb(2 132 199 / var(--tw-bg-opacity, 1))}.bg-claw-600\/30{background-color:#0284c74d}.bg-claw-700{--tw-bg-opacity: 1;background-color:rgb(3 105 161 / var(--tw-bg-opacity, 1))}.bg-claw-800{--tw-bg-opacity: 1;background-color:rgb(7 89 133 / var(--tw-bg-opacity, 1))}.bg-claw-900{--tw-bg-opacity: 1;background-color:rgb(12 74 110 / var(--tw-bg-opacity, 1))}.bg-claw-900\/20{background-color:#0c4a6e33}.bg-claw-900\/30{background-color:#0c4a6e4d}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-800\/20{background-color:#1f293733}.bg-gray-800\/30{background-color:#1f29374d}.bg-gray-800\/40{background-color:#1f293766}.bg-gray-800\/60{background-color:#1f293799}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-gray-900\/20{background-color:#11182733}.bg-gray-900\/30{background-color:#1118274d}.bg-gray-900\/40{background-color:#11182766}.bg-gray-950{--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-700{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.bg-green-900\/20{background-color:#14532d33}.bg-green-900\/50{background-color:#14532d80}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-900\/30{background-color:#7f1d1d4d}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-yellow-900\/20{background-color:#713f1233}.bg-yellow-900\/30{background-color:#713f124d}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-claw-300{--tw-text-opacity: 1;color:rgb(125 211 252 / var(--tw-text-opacity, 1))}.text-claw-400{--tw-text-opacity: 1;color:rgb(56 189 248 / var(--tw-text-opacity, 1))}.text-claw-500{--tw-text-opacity: 1;color:rgb(14 165 233 / var(--tw-text-opacity, 1))}.text-gray-100{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-green-300{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-200{--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))}.text-yellow-300{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.placeholder-gray-600::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(75 85 99 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-600::placeholder{--tw-placeholder-opacity: 1;color:rgb(75 85 99 / var(--tw-placeholder-opacity, 1))}.accent-claw-500{accent-color:#0ea5e9}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-claw-500\/30{--tw-ring-color: rgb(14 165 233 / .3)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:#374151 transparent}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.last\:border-0:last-child{border-width:0px}.hover\:border-claw-500:hover{--tw-border-opacity: 1;border-color:rgb(14 165 233 / var(--tw-border-opacity, 1))}.hover\:border-claw-600:hover{--tw-border-opacity: 1;border-color:rgb(2 132 199 / var(--tw-border-opacity, 1))}.hover\:border-gray-500:hover{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.hover\:border-gray-600:hover{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.hover\:bg-claw-500:hover{--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.hover\:text-claw-300:hover{--tw-text-opacity: 1;color:rgb(125 211 252 / var(--tw-text-opacity, 1))}.hover\:text-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.hover\:text-gray-400:hover{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:border-claw-500:focus{--tw-border-opacity: 1;border-color:rgb(14 165 233 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:text-claw-400{--tw-text-opacity: 1;color:rgb(56 189 248 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:block{display:block}}