@tangle-network/sandbox-ui 0.113.7 → 0.114.0

package/dist/chunk-SOKKTB7W.js

@@ -1,230 +0,0 @@
-// src/hooks/index.ts
-import {
-  RealtimeSessionRegistry,
-  createAuthFetcher,
-  useApiKey,
-  useAuth,
-  useAutoScroll,
-  useDropdownMenu,
-  useLiveTime,
-  useRealtimeSession,
-  useRunCollapseState,
-  useRunGroups,
-  useSSEStream,
-  useSdkSession,
-  useToolCallStream
-} from "@tangle-network/ui/hooks";
-
-// src/hooks/use-sandbox-metrics.ts
-import * as React from "react";
-function useSandboxMetrics({
-  apiBaseUrl,
-  sandboxId,
-  token,
-  enabled = true,
-  intervalMs = 3e3,
-  historyLimit = 120
-}) {
-  const [metrics, setMetrics] = React.useState(null);
-  const [system, setSystem] = React.useState(null);
-  const [latency, setLatency] = React.useState(null);
-  const [history, setHistory] = React.useState([]);
-  const [loading, setLoading] = React.useState(false);
-  const [error, setError] = React.useState(null);
-  const [lastUpdatedAt, setLastUpdatedAt] = React.useState(null);
-  const sampleRef = React.useRef(null);
-  const hasLoadedRef = React.useRef(false);
-  const prevSandboxIdRef = React.useRef(null);
-  React.useEffect(() => {
-    const sandboxCleared = !sandboxId || !apiBaseUrl;
-    const sandboxChanged = prevSandboxIdRef.current !== null && prevSandboxIdRef.current !== sandboxId;
-    if (sandboxCleared && prevSandboxIdRef.current !== null || sandboxChanged) {
-      sampleRef.current = null;
-      hasLoadedRef.current = false;
-      setMetrics(null);
-      setSystem(null);
-      setLatency(null);
-      setHistory([]);
-      setLastUpdatedAt(null);
-      setError(null);
-      if (sandboxCleared) setLoading(false);
-    }
-    prevSandboxIdRef.current = sandboxId ?? null;
-    if (!enabled || sandboxCleared) {
-      return;
-    }
-    const controller = new AbortController();
-    let cancelled = false;
-    let timeoutId = null;
-    const delay = Math.max(intervalMs, 500);
-    const fetchOnce = async () => {
-      if (!hasLoadedRef.current) setLoading(true);
-      try {
-        const headers = {};
-        if (token) headers.Authorization = `Bearer ${token}`;
-        const res = await fetch(
-          `${apiBaseUrl}/v1/sidecar-proxy/${encodeURIComponent(sandboxId)}/metrics/json`,
-          {
-            method: "GET",
-            credentials: "include",
-            headers,
-            signal: controller.signal
-          }
-        );
-        if (!res.ok) {
-          throw new Error(`Metrics request failed (HTTP ${res.status})`);
-        }
-        const data = await res.json();
-        const user = data?.process?.cpuSeconds?.user ?? 0;
-        const system2 = data?.process?.cpuSeconds?.system ?? 0;
-        const cpuSeconds = user + system2;
-        const wallMs = Date.now();
-        if (cancelled) return;
-        let cpuPercent = null;
-        const prev = sampleRef.current;
-        if (prev && prev.sandboxId === sandboxId) {
-          const dCpu = cpuSeconds - prev.cpuSeconds;
-          const dWallSec = (wallMs - prev.wallMs) / 1e3;
-          if (dWallSec > 0 && dCpu >= 0) {
-            cpuPercent = dCpu / dWallSec * 100;
-          }
-        }
-        sampleRef.current = { cpuSeconds, wallMs, sandboxId };
-        setMetrics({
-          cpuPercent,
-          rssBytes: data?.process?.memoryBytes?.rss ?? 0,
-          heapUsedBytes: data?.process?.memoryBytes?.heapUsed ?? 0,
-          heapTotalBytes: data?.process?.memoryBytes?.heapTotal ?? 0
-        });
-        const sys = data?.system ?? null;
-        setSystem(sys);
-        setLatency(data?.latency ?? null);
-        if (sys) {
-          const sample = {
-            at: wallMs,
-            cpuPercent: sys.cpuPercent,
-            memoryUsedBytes: sys.memory?.usedBytes ?? null,
-            memoryTotalBytes: sys.memory?.totalBytes ?? null,
-            diskUsedBytes: sys.disk?.usedBytes ?? null,
-            diskTotalBytes: sys.disk?.totalBytes ?? null
-          };
-          setHistory((prevHistory) => {
-            const next = [...prevHistory, sample];
-            return next.length > historyLimit ? next.slice(next.length - historyLimit) : next;
-          });
-        }
-        setLastUpdatedAt(wallMs);
-        setError(null);
-        hasLoadedRef.current = true;
-        setLoading(false);
-      } catch (err) {
-        if (cancelled || err instanceof DOMException && err.name === "AbortError") {
-          return;
-        }
-        setError(err instanceof Error ? err : new Error(String(err)));
-        if (!hasLoadedRef.current) setLoading(false);
-      }
-    };
-    const runLoop = async () => {
-      if (cancelled) return;
-      await fetchOnce();
-      if (cancelled) return;
-      timeoutId = window.setTimeout(runLoop, delay);
-    };
-    runLoop();
-    return () => {
-      cancelled = true;
-      controller.abort();
-      if (timeoutId !== null) window.clearTimeout(timeoutId);
-    };
-  }, [apiBaseUrl, sandboxId, token, enabled, intervalMs, historyLimit]);
-  return { metrics, system, latency, history, loading, error, lastUpdatedAt };
-}
-
-// src/hooks/use-session-crud.ts
-import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
-async function sessionFetch(apiUrl, token, path, opts) {
-  const res = await fetch(`${apiUrl}${path}`, {
-    ...opts,
-    headers: {
-      "Content-Type": "application/json",
-      Authorization: `Bearer ${token}`,
-      ...opts?.headers ?? {}
-    }
-  });
-  if (!res.ok) {
-    const text = await res.text();
-    throw new Error(text || `API error: ${res.status}`);
-  }
-  return res.json();
-}
-function useSessions(apiUrl, token) {
-  return useQuery({
-    queryKey: ["sessions", apiUrl, token],
-    queryFn: () => sessionFetch(apiUrl, token, "/session/sessions"),
-    enabled: !!token,
-    staleTime: 3e4
-  });
-}
-function useCreateSession(apiUrl, token) {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (title) => {
-      return sessionFetch(apiUrl, token, "/session/sessions", {
-        method: "POST",
-        body: JSON.stringify({ title, backend: { type: "opencode" } })
-      });
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["sessions", apiUrl, token] });
-    }
-  });
-}
-function useDeleteSession(apiUrl, token) {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (sessionId) => {
-      return sessionFetch(apiUrl, token, `/session/sessions/${encodeURIComponent(sessionId)}`, {
-        method: "DELETE"
-      });
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["sessions", apiUrl, token] });
-    }
-  });
-}
-function useRenameSession(apiUrl, token) {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({ sessionId, title }) => {
-      return sessionFetch(apiUrl, token, `/session/sessions/${encodeURIComponent(sessionId)}`, {
-        method: "PATCH",
-        body: JSON.stringify({ title })
-      });
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["sessions", apiUrl, token] });
-    }
-  });
-}
-
-export {
-  useSandboxMetrics,
-  useSessions,
-  useCreateSession,
-  useDeleteSession,
-  useRenameSession,
-  RealtimeSessionRegistry,
-  createAuthFetcher,
-  useApiKey,
-  useAuth,
-  useAutoScroll,
-  useDropdownMenu,
-  useLiveTime,
-  useRealtimeSession,
-  useRunCollapseState,
-  useRunGroups,
-  useSSEStream,
-  useSdkSession,
-  useToolCallStream
-};