@tangle-network/sandbox-ui 0.113.6 → 0.114.0

package/dist/chunk-EI44GEQ5.js

@@ -1,6 +0,0 @@
-// src/lib/utils.ts
-import { cn } from "@tangle-network/ui/utils";
-
-export {
-  cn
-};

package/dist/chunk-IACRDXER.js

@@ -1,219 +0,0 @@
-import {
-  usePtySession
-} from "./chunk-MYZAW4RX.js";
-
-// src/terminal/terminal-view.tsx
-import "@xterm/xterm/css/xterm.css";
-import { useEffect, useRef, useCallback, useMemo } from "react";
-import { Terminal } from "@xterm/xterm";
-import { FitAddon } from "@xterm/addon-fit";
-import { WebLinksAddon } from "@xterm/addon-web-links";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DEFAULT_TERMINAL_THEME = {
-  background: "#0c0c0e",
-  foreground: "#d4d4d8",
-  cursor: "#34d399",
-  cursorAccent: "#0c0c0e",
-  selectionBackground: "#7c3aed33",
-  selectionForeground: "#d4d4d8",
-  black: "#18181b",
-  red: "#ef4444",
-  green: "#34d399",
-  yellow: "#fbbf24",
-  blue: "#60a5fa",
-  magenta: "#a78bfa",
-  cyan: "#22d3ee",
-  white: "#d4d4d8",
-  brightBlack: "#52525b",
-  brightRed: "#f87171",
-  brightGreen: "#6ee7b7",
-  brightYellow: "#fde68a",
-  brightBlue: "#93c5fd",
-  brightMagenta: "#c4b5fd",
-  brightCyan: "#67e8f9",
-  brightWhite: "#fafafa"
-};
-function TerminalView({
-  apiUrl,
-  token,
-  theme,
-  title = "Terminal",
-  subtitle = "Connected to PTY session",
-  isActive = true,
-  connectionId,
-  incarnationId,
-  control,
-  fontSize = 13
-}) {
-  const resolvedTheme = useMemo(
-    () => ({ ...DEFAULT_TERMINAL_THEME, ...theme }),
-    [theme]
-  );
-  const resolvedFontSize = Number.isFinite(fontSize) && fontSize > 0 ? fontSize : 13;
-  const fontSizeRef = useRef(resolvedFontSize);
-  fontSizeRef.current = resolvedFontSize;
-  const containerRef = useRef(null);
-  const termRef = useRef(null);
-  const fitAddonRef = useRef(null);
-  const pendingWritesRef = useRef([]);
-  const writeRafRef = useRef(null);
-  const onData = useCallback((data) => {
-    if (!data) return;
-    pendingWritesRef.current.push(data);
-    if (writeRafRef.current !== null) return;
-    writeRafRef.current = requestAnimationFrame(() => {
-      writeRafRef.current = null;
-      const chunks = pendingWritesRef.current;
-      if (chunks.length === 0) return;
-      pendingWritesRef.current = [];
-      termRef.current?.write(chunks.length === 1 ? chunks[0] : chunks.join(""));
-    });
-  }, []);
-  const { isConnected, error, sendCommand, resizeTerminal, reconnect } = usePtySession({
-    apiUrl,
-    token,
-    onData,
-    connectionId,
-    incarnationId,
-    control
-  });
-  useEffect(() => {
-    if (!containerRef.current) return;
-    const term = new Terminal({
-      theme: resolvedTheme,
-      fontFamily: '"JetBrains Mono", "Fira Code", "Cascadia Code", Menlo, monospace',
-      fontSize: fontSizeRef.current,
-      lineHeight: 1.4,
-      cursorBlink: true,
-      cursorStyle: "bar",
-      scrollback: 5e3,
-      convertEol: true,
-      allowProposedApi: true
-    });
-    const fitAddon = new FitAddon();
-    const webLinksAddon = new WebLinksAddon();
-    term.loadAddon(fitAddon);
-    term.loadAddon(webLinksAddon);
-    term.open(containerRef.current);
-    let webglAddon = null;
-    let webglCancelled = false;
-    void (async () => {
-      try {
-        const mod = await import("@xterm/addon-webgl");
-        if (webglCancelled) return;
-        try {
-          const addon = new mod.WebglAddon();
-          addon.onContextLoss(() => {
-            webglAddon?.dispose();
-            webglAddon = null;
-          });
-          webglAddon = addon;
-          term.loadAddon(addon);
-        } catch {
-        }
-      } catch {
-      }
-    })();
-    requestAnimationFrame(() => {
-      fitAddon.fit();
-    });
-    termRef.current = term;
-    fitAddonRef.current = fitAddon;
-    term.onData((data) => {
-      if (data === "\f") {
-        termRef.current?.clear();
-        sendCommand("\r").catch(console.error);
-        return;
-      }
-      sendCommand(data).catch((err) => {
-        termRef.current?.writeln(
-          `\r
-\x1B[31m${err instanceof Error ? err.message : "Send failed"}\x1B[0m`
-        );
-      });
-    });
-    term.onResize(({ cols, rows }) => {
-      resizeTerminal(cols, rows).catch(console.error);
-    });
-    const ro = new ResizeObserver(() => {
-      requestAnimationFrame(() => {
-        fitAddon.fit();
-      });
-    });
-    ro.observe(containerRef.current);
-    return () => {
-      webglCancelled = true;
-      ro.disconnect();
-      if (writeRafRef.current !== null) {
-        cancelAnimationFrame(writeRafRef.current);
-        writeRafRef.current = null;
-      }
-      pendingWritesRef.current = [];
-      webglAddon?.dispose();
-      term.dispose();
-      termRef.current = null;
-      fitAddonRef.current = null;
-    };
-  }, [sendCommand, resizeTerminal, title, subtitle]);
-  useEffect(() => {
-    if (termRef.current) {
-      termRef.current.options.theme = resolvedTheme;
-    }
-  }, [resolvedTheme]);
-  useEffect(() => {
-    const term = termRef.current;
-    if (!term || term.options.fontSize === resolvedFontSize) return;
-    term.options.fontSize = resolvedFontSize;
-    const rafId = requestAnimationFrame(() => fitAddonRef.current?.fit());
-    return () => cancelAnimationFrame(rafId);
-  }, [resolvedFontSize]);
-  useEffect(() => {
-    if (isConnected && termRef.current) {
-      resizeTerminal(termRef.current.cols, termRef.current.rows).catch(console.error);
-      if (isActive) {
-        termRef.current.focus();
-      }
-    }
-  }, [isConnected, resizeTerminal, isActive]);
-  useEffect(() => {
-    if (isActive && termRef.current && fitAddonRef.current) {
-      setTimeout(() => {
-        fitAddonRef.current?.fit();
-        termRef.current?.focus();
-      }, 50);
-    }
-  }, [isActive]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "relative h-full w-full group cursor-text",
-      onClick: () => termRef.current?.focus(),
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref: containerRef,
-            className: "h-full w-full overflow-hidden relative z-0",
-            style: { backgroundColor: resolvedTheme.background }
-          }
-        ),
-        (!isConnected || error) && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-surface-container-lowest", children: /* @__PURE__ */ jsx("div", { className: "text-center", children: error ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--surface-danger-text)] mb-3", children: error }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: reconnect,
-              className: "text-sm text-[var(--surface-success-text)] hover:opacity-80 underline cursor-pointer",
-              children: "Retry connection"
-            }
-          )
-        ] }) : /* @__PURE__ */ jsx("p", { className: "text-[13px] text-muted-foreground", children: "Connecting to terminal..." }) }) })
-      ]
-    }
-  );
-}
-
-export {
-  DEFAULT_TERMINAL_THEME,
-  TerminalView
-};

package/dist/chunk-IOB2PW5Z.js

@@ -1,55 +0,0 @@
-// src/auth/index.ts
-import {
-  AuthHeader,
-  GitHubLoginButton,
-  LoginLayout,
-  UserMenu
-} from "@tangle-network/ui/auth";
-
-// src/auth/tangle-login-button.tsx
-import { Button } from "@tangle-network/ui/primitives";
-import { cn } from "@tangle-network/ui/utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-function TangleMark({ className }) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className,
-      viewBox: "0 0 24 24",
-      fill: "currentColor",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx("path", { d: "M4 5h16v3.2h-6.4V19h-3.2V8.2H4V5z" })
-    }
-  );
-}
-function TangleLoginButton({
-  authUrl = "/auth/tangle",
-  variant = "default",
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      variant,
-      className: cn("gap-2", className),
-      onClick: () => {
-        window.location.href = authUrl;
-      },
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(TangleMark, { className: "h-5 w-5" }),
-        children ?? "Sign in with Tangle"
-      ]
-    }
-  );
-}
-
-export {
-  TangleLoginButton,
-  AuthHeader,
-  GitHubLoginButton,
-  LoginLayout,
-  UserMenu
-};

package/dist/chunk-M4K7ZGR2.js

@@ -1,24 +0,0 @@
-// src/run/index.ts
-import {
-  ExpandedToolDetail,
-  InlineThinkingItem,
-  InlineToolItem,
-  LiveDuration,
-  RunGroup,
-  RunRowShell,
-  RunRowStatusDot,
-  ToolCallFeed,
-  parseToolEvent
-} from "@tangle-network/ui/run";
-
-export {
-  ExpandedToolDetail,
-  InlineThinkingItem,
-  InlineToolItem,
-  LiveDuration,
-  RunGroup,
-  RunRowShell,
-  RunRowStatusDot,
-  ToolCallFeed,
-  parseToolEvent
-};