- setRateLimit(value[0])}
+ {
+ if (value === '300' || value === '600') setRateLimit(Number(value));
+ }}
className="w-full"
- />
-
- {rateLimit}
-
+ >
+
+ Standard (300)
+ lower token spend.
+
+
+ Max (600)
+ higher token spend. more messages.
+
+
+
+ {/* Show calculated token spend for selected rate limit */}
+
+ {priceLoading ? (
+ <>Token spend required: Loading...
+ ) : priceError ? (
+ <>Token spend required: {priceError}
+ ) : (
+ <>Token spend required: {price} WTT
+ )}
diff --git a/src/components/Tabs/RunNodeTab/RunNodeTab.tsx b/src/components/Tabs/RunNodeTab/RunNodeTab.tsx
new file mode 100644
index 0000000..8f47a2a
--- /dev/null
+++ b/src/components/Tabs/RunNodeTab/RunNodeTab.tsx
@@ -0,0 +1,225 @@
+import React, { useState } from 'react';
+import { useKeystore } from '../../../contexts/keystore/KeystoreContext';
+import { Input } from '@/components/ui/input';
+import { Button } from '@/components/ui/button';
+import { TerminalWindow } from '@/components/ui/terminal-window';
+import { toast } from '@/components/ui/toast';
+import { Copy } from 'lucide-react';
+
+interface RunNodeTabProps {
+ tabId?: string;
+}
+
+function CodeBlock({ code }: { code: string }) {
+ const handleCopy = () => {
+ navigator.clipboard.writeText(code);
+ toast({ message: 'Copied to clipboard!', type: 'success' });
+ };
+ return (
+