veryfront 0.1.13 → 0.1.15

package/esm/src/proxy/server-resolver.js

@@ -0,0 +1,124 @@
+/**
+ * Dedicated Server Resolver
+ *
+ * Resolves an environment ID to a dedicated server hostname.
+ * Used by the proxy to route traffic to dedicated servers instead of the shared pool.
+ *
+ * Caches results in memory with a short TTL to avoid hitting the API on every request.
+ * A null result (no dedicated server) is also cached to prevent repeated lookups.
+ */
+import * as dntShim from "../../_dnt.shims.js";
+import { proxyLogger } from "./logger.js";
+import { unrefTimer } from "../platform/compat/process.js";
+const logger = proxyLogger.child({ module: "server-resolver" });
+/** Thrown when the API call fails (network error, non-OK status, parse error). */
+class ServerResolverError extends Error {
+    constructor(message, options) {
+        super(message, options);
+    }
+}
+export class ServerResolver {
+    apiInternalUrl;
+    apiUser;
+    apiPass;
+    cacheTtlMs;
+    cache = new Map();
+    pending = new Map();
+    cleanupTimer = null;
+    constructor(apiInternalUrl, apiUser, apiPass, cacheTtlMs = 30_000) {
+        this.apiInternalUrl = apiInternalUrl;
+        this.apiUser = apiUser;
+        this.apiPass = apiPass;
+        this.cacheTtlMs = cacheTtlMs;
+        // Cleanup expired entries every 60s
+        this.cleanupTimer = dntShim.setInterval(() => this.cleanup(), 60_000);
+        // Don't keep the process alive for cleanup
+        unrefTimer(this.cleanupTimer);
+    }
+    /**
+     * Resolve an environment ID to a dedicated server URL, or null for shared pool.
+     */
+    async resolve(environmentId) {
+        if (!environmentId)
+            return null;
+        const cached = this.cache.get(environmentId);
+        if (cached && Date.now() < cached.expiresAt) {
+            return cached.server ? `http://${cached.server.hostname}` : null;
+        }
+        // Deduplicate concurrent requests for the same environment
+        const inflight = this.pending.get(environmentId);
+        if (inflight) {
+            const server = await inflight;
+            return server ? `http://${server.hostname}` : null;
+        }
+        const promise = this.fetchServer(environmentId);
+        this.pending.set(environmentId, promise);
+        try {
+            const server = await promise;
+            // Only cache successful API responses (server found OR explicit "no server").
+            // Transient errors (network failures, non-OK status) are NOT cached so the
+            // next request retries the API instead of suppressing dedicated routing.
+            this.cache.set(environmentId, {
+                server,
+                expiresAt: Date.now() + this.cacheTtlMs,
+            });
+            return server ? `http://${server.hostname}` : null;
+        }
+        catch (error) {
+            // API error — don't cache, fall back to shared pool for this request
+            logger.warn("[ServerResolver] Transient error, skipping cache", {
+                environmentId,
+                error: error instanceof Error ? error.message : String(error),
+            });
+            return null;
+        }
+        finally {
+            this.pending.delete(environmentId);
+        }
+    }
+    close() {
+        if (this.cleanupTimer) {
+            clearInterval(this.cleanupTimer);
+            this.cleanupTimer = null;
+        }
+        this.cache.clear();
+    }
+    /**
+     * Fetch dedicated server from API.
+     * Returns DedicatedServer | null on success (null = no dedicated server assigned).
+     * Throws ServerResolverError on transient failures (network, non-OK status).
+     */
+    async fetchServer(environmentId) {
+        const url = `${this.apiInternalUrl}/internal/environment-server?environmentId=${encodeURIComponent(environmentId)}`;
+        const headers = { Accept: "application/json" };
+        if (this.apiUser && this.apiPass) {
+            headers.Authorization = `Basic ${btoa(`${this.apiUser}:${this.apiPass}`)}`;
+        }
+        let response;
+        try {
+            response = await dntShim.fetch(url, { headers, signal: AbortSignal.timeout(5_000) });
+        }
+        catch (error) {
+            throw new ServerResolverError(`Failed to reach API: ${error instanceof Error ? error.message : String(error)}`, { cause: error });
+        }
+        if (!response.ok) {
+            await response.body?.cancel();
+            throw new ServerResolverError(`API returned ${response.status} for ${environmentId}`);
+        }
+        const data = (await response.json());
+        if (data.server) {
+            logger.debug("[ServerResolver] Resolved dedicated server", {
+                environmentId,
+                hostname: data.server.hostname,
+            });
+        }
+        return data.server;
+    }
+    cleanup() {
+        const now = Date.now();
+        for (const [key, entry] of this.cache) {
+            if (now >= entry.expiresAt)
+                this.cache.delete(key);
+        }
+    }
+}

package/esm/src/react/components/ai/chat/components/inference-badge.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { BrowserInferenceStatus, InferenceMode } from "../../../../../agent/react/index.js";
+export interface InferenceBadgeProps {
+    inferenceMode: InferenceMode;
+    browserStatus?: BrowserInferenceStatus | null;
+}
+export declare function InferenceBadge({ inferenceMode, browserStatus, }: InferenceBadgeProps): React.ReactElement | null;
+//# sourceMappingURL=inference-badge.d.ts.map

package/esm/src/react/components/ai/chat/components/inference-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inference-badge.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/ai/chat/components/inference-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEjG,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAC;CAC/C;AAED,wBAAgB,cAAc,CAAC,EAC7B,aAAa,EACb,aAAa,GACd,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAoCjD"}

package/esm/src/react/components/ai/chat/components/inference-badge.js

@@ -0,0 +1,36 @@
+import * as React from "react";
+export function InferenceBadge({ inferenceMode, browserStatus, }) {
+    if (inferenceMode === "cloud")
+        return null;
+    let label;
+    let dotColor;
+    let showProgress = false;
+    if (inferenceMode === "server-local") {
+        label = "Running locally";
+        dotColor = "bg-green-500";
+    }
+    else if (browserStatus === "downloading-model") {
+        label = "Downloading model...";
+        dotColor = "bg-amber-500";
+        showProgress = true;
+    }
+    else if (browserStatus === "loading-runtime") {
+        label = "Loading AI runtime...";
+        dotColor = "bg-amber-500";
+    }
+    else if (browserStatus === "generating") {
+        label = "Running in browser";
+        dotColor = "bg-green-500";
+    }
+    else if (browserStatus === "error") {
+        label = "Local model failed";
+        dotColor = "bg-red-500";
+    }
+    else {
+        label = "Running locally";
+        dotColor = "bg-green-500";
+    }
+    return (React.createElement("div", { className: "flex items-center gap-1.5 px-3 py-1 text-xs text-neutral-500 dark:text-neutral-400" },
+        React.createElement("span", { className: `size-1.5 rounded-full ${dotColor} ${showProgress ? "animate-pulse" : ""}` }),
+        React.createElement("span", null, label)));
+}

package/esm/src/react/components/ai/chat/components/upgrade-cta.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import type { InferenceMode } from "../../../../../agent/react/index.js";
+export interface UpgradeCTAProps {
+    inferenceMode: InferenceMode;
+}
+export declare function UpgradeCTA({ inferenceMode }: UpgradeCTAProps): React.ReactElement | null;
+//# sourceMappingURL=upgrade-cta.d.ts.map

package/esm/src/react/components/ai/chat/components/upgrade-cta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upgrade-cta.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/ai/chat/components/upgrade-cta.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIzE,MAAM,WAAW,eAAe;IAC9B,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED,wBAAgB,UAAU,CAAC,EAAE,aAAa,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CA8CxF"}

package/esm/src/react/components/ai/chat/components/upgrade-cta.js

@@ -0,0 +1,33 @@
+import * as React from "react";
+const DISMISS_KEY = "vf-upgrade-cta-dismissed";
+export function UpgradeCTA({ inferenceMode }) {
+    const [dismissed, setDismissed] = React.useState(() => {
+        try {
+            return localStorage.getItem(DISMISS_KEY) === "1";
+        }
+        catch {
+            return false;
+        }
+    });
+    if (inferenceMode === "cloud" || dismissed)
+        return null;
+    const handleDismiss = () => {
+        setDismissed(true);
+        try {
+            localStorage.setItem(DISMISS_KEY, "1");
+        }
+        catch {
+            // localStorage may be unavailable
+        }
+    };
+    return (React.createElement("div", { className: "w-full max-w-2xl mx-auto mt-4 px-4 py-3 bg-blue-50 dark:bg-blue-900/20 rounded-xl text-sm text-blue-700 dark:text-blue-300 flex items-start gap-3" },
+        React.createElement("span", { className: "flex-1" },
+            "Using a lightweight local model. Add an API key to your",
+            " ",
+            React.createElement("code", { className: "px-1 py-0.5 bg-blue-100 dark:bg-blue-900/40 rounded text-xs" }, ".env"),
+            " ",
+            "for GPT-4o or Claude."),
+        React.createElement("button", { type: "button", onClick: handleDismiss, className: "text-blue-400 hover:text-blue-600 dark:hover:text-blue-200 transition-colors flex-shrink-0", "aria-label": "Dismiss" },
+            React.createElement("svg", { className: "size-4", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2" },
+                React.createElement("path", { d: "M4 4l8 8M12 4l-8 8" })))));
+}

package/esm/src/react/components/ai/chat/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { DynamicToolUIPart, ToolUIPart, UIMessage } from "../../../../agent/react/index.js";
+import type { BrowserInferenceStatus, DynamicToolUIPart, InferenceMode, ToolUIPart, UIMessage } from "../../../../agent/react/index.js";
 import { type ChatTheme } from "../theme.js";
 import { type ModelOption } from "../model-selector.js";
 export { Loader, Shimmer } from "./components/animations.js";
@@ -7,6 +7,8 @@ export { ReasoningCard } from "./components/reasoning.js";
 export { ConversationEmptyState, type ConversationEmptyStateProps, ConversationScrollButton, type ConversationScrollButtonProps, Suggestion, type SuggestionProps, Suggestions, type SuggestionsProps, } from "./components/empty-state.js";
 export { MessageActions, type MessageActionsProps } from "./components/message-actions.js";
 export { ToolCallCard, ToolStatusBadge } from "./components/tool-ui.js";
+export { InferenceBadge, type InferenceBadgeProps } from "./components/inference-badge.js";
+export { UpgradeCTA, type UpgradeCTAProps } from "./components/upgrade-cta.js";
 export { getTextContent, groupPartsInOrder, isReasoningPart, isToolPart, type PartGroup, } from "./utils/message-parts.js";
 export { ChatFooter, ChatHeader, ChatInput, ChatMessages } from "./composition/api.js";
 export interface ChatProps {
@@ -45,6 +47,10 @@ export interface ChatProps {
     model?: string;
     /** Called when user changes model */
     onModelChange?: (model: string) => void;
+    /** Where inference is currently happening */
+    inferenceMode?: InferenceMode;
+    /** Browser-side model loading/inference status */
+    browserStatus?: BrowserInferenceStatus | null;
 }
 export declare const Chat: any;
 export declare const ChatComponents: any;

package/esm/src/react/components/ai/chat/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/src/react/components/ai/chat/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/src/react/components/ai/chat/index.tsx"],"names":[],"mappings":"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"}

package/esm/src/react/components/ai/chat/index.js

@@ -10,6 +10,8 @@ export { ReasoningCard } from "./components/reasoning.js";
 export { ConversationEmptyState, ConversationScrollButton, Suggestion, Suggestions, } from "./components/empty-state.js";
 export { MessageActions } from "./components/message-actions.js";
 export { ToolCallCard, ToolStatusBadge } from "./components/tool-ui.js";
+export { InferenceBadge } from "./components/inference-badge.js";
+export { UpgradeCTA } from "./components/upgrade-cta.js";
 export { getTextContent, groupPartsInOrder, isReasoningPart, isToolPart, } from "./utils/message-parts.js";
 export { ChatFooter, ChatHeader, ChatInput, ChatMessages } from "./composition/api.js";
 import { ChatFooter, ChatHeader, ChatInput, ChatMessages } from "./composition/api.js";
@@ -17,8 +19,10 @@ import { ConversationEmptyState, ConversationScrollButton, Suggestion, Suggestio
 import { MessageActions } from "./components/message-actions.js";
 import { ReasoningCard } from "./components/reasoning.js";
 import { ToolCallCard } from "./components/tool-ui.js";
+import { InferenceBadge } from "./components/inference-badge.js";
+import { UpgradeCTA } from "./components/upgrade-cta.js";
 import { getTextContent, groupPartsInOrder } from "./utils/message-parts.js";
-export const Chat = React.forwardRef(function Chat({ messages, input, onChange, handleInputChange, onSubmit, handleSubmit, stop, reload, enableVoice = false, onVoice, setInput, isLoading, error, placeholder = "Type a message...", maxHeight = "100%", className, theme: userTheme, renderMessage, renderTool, multiline = false, suggestions, onSuggestionClick, emptyState, showScrollButton = false, showMessageActions = true, models, model, onModelChange, }, ref) {
+export const Chat = React.forwardRef(function Chat({ messages, input, onChange, handleInputChange, onSubmit, handleSubmit, stop, reload, enableVoice = false, onVoice, setInput, isLoading, error, placeholder = "Type a message...", maxHeight = "100%", className, theme: userTheme, renderMessage, renderTool, multiline = false, suggestions, onSuggestionClick, emptyState, showScrollButton = false, showMessageActions = true, models, model, onModelChange, inferenceMode, browserStatus, }, ref) {
     const theme = mergeThemes(defaultChatTheme, userTheme);
     const messagesEndRef = React.useRef(null);
     const inputChangeHandler = onChange ?? handleInputChange ?? (() => { });
@@ -50,6 +54,7 @@ export const Chat = React.forwardRef(function Chat({ messages, input, onChange,
                     React.createElement(ConversationEmptyState, { icon: emptyState?.icon ?? React.createElement(MessageSquareIcon, { className: "size-10" }), title: emptyState?.title ?? "What can I help with?", description: emptyState?.description }),
                     showSuggestions && (React.createElement("div", { className: "w-full max-w-2xl mt-6 mb-8" },
                         React.createElement(Suggestions, { layout: "grid" }, suggestions?.map((suggestion) => (React.createElement(Suggestion, { key: suggestion, suggestion: suggestion, onClick: onSuggestionClick })))))),
+                    inferenceMode && inferenceMode !== "cloud" && (React.createElement(UpgradeCTA, { inferenceMode: inferenceMode })),
                     React.createElement("div", { className: "flex-1" })))
                 : (React.createElement("div", { className: "max-w-2xl mx-auto px-4 py-4 space-y-2" },
                     messages.map((msg) => {
@@ -80,11 +85,16 @@ export const Chat = React.forwardRef(function Chat({ messages, input, onChange,
                                 showMessageActions && textContent && (React.createElement(MessageActions, { content: textContent })))));
                     }),
                     isLoading && (React.createElement("div", { className: "flex justify-start" },
-                        React.createElement("div", { className: "bg-neutral-100 dark:bg-neutral-800 rounded-[20px] rounded-bl-[4px] px-4 py-3" },
-                            React.createElement("div", { className: "flex gap-1.5 items-center" },
+                        React.createElement("div", { className: "bg-neutral-100 dark:bg-neutral-800 rounded-[20px] rounded-bl-[4px] px-4 py-3" }, browserStatus === "downloading-model" || browserStatus === "loading-runtime"
+                            ? (React.createElement("div", { className: "flex items-center gap-2 text-xs text-neutral-500 dark:text-neutral-400" },
+                                React.createElement("span", { className: "size-1.5 rounded-full bg-amber-500 animate-pulse" }),
+                                React.createElement("span", null, browserStatus === "downloading-model"
+                                    ? "Downloading model..."
+                                    : "Loading AI...")))
+                            : (React.createElement("div", { className: "flex gap-1.5 items-center" },
                                 React.createElement("span", { className: cn(theme.loading) }),
                                 React.createElement("span", { className: cn(theme.loading), style: { animationDelay: "0.15s" } }),
-                                React.createElement("span", { className: cn(theme.loading), style: { animationDelay: "0.3s" } }))))),
+                                React.createElement("span", { className: cn(theme.loading), style: { animationDelay: "0.3s" } })))))),
                     React.createElement("div", { ref: messagesEndRef }))),
             showScrollButton && (React.createElement(ConversationScrollButton, { onClick: () => messagesEndRef.current?.scrollIntoView({ behavior: "smooth" }) }))),
         error && (React.createElement("div", { className: "max-w-2xl mx-auto px-4 pb-2" },
@@ -94,6 +104,8 @@ export const Chat = React.forwardRef(function Chat({ messages, input, onChange,
                     React.createElement(RefreshCwIcon, { className: "size-3" }),
                     "Retry"))))),
         React.createElement("div", { className: "flex-shrink-0 bg-white dark:bg-neutral-900 border-t border-neutral-200 dark:border-neutral-800" },
+            inferenceMode && inferenceMode !== "cloud" && (React.createElement("div", { className: "max-w-2xl mx-auto" },
+                React.createElement(InferenceBadge, { inferenceMode: inferenceMode, browserStatus: browserStatus }))),
             React.createElement("form", { onSubmit: submitHandler, className: "max-w-2xl mx-auto px-4 py-3" },
                 models && models.length > 0 && onModelChange && (React.createElement("div", { className: "mb-2" },
                     React.createElement(ModelSelector, { models: models, value: model, onChange: onModelChange, disabled: isLoading }))),

package/esm/src/sandbox/index.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Sandbox module for ephemeral compute environments.
+ *
+ * Provides the `Sandbox` class for creating and interacting with
+ * isolated execution environments, and re-exports `createBashTool`
+ * for AI agent integration.
+ *
+ * @example
+ * ```ts
+ * import { Sandbox } from "veryfront/sandbox";
+ *
+ * const sandbox = await Sandbox.create({ authToken: userJwt });
+ * const result = await sandbox.executeCommand("echo hello");
+ * console.log(result.stdout); // "hello\n"
+ * await sandbox.close();
+ * ```
+ *
+ * @example With bash-tool for AI agents:
+ * ```ts
+ * import { Sandbox, createBashTool } from "veryfront/sandbox";
+ *
+ * const sandbox = await Sandbox.create({ authToken });
+ * const { tools } = await createBashTool({ sandbox });
+ * // Pass tools to agent...
+ * ```
+ *
+ * @module
+ */
+import "../../_dnt.polyfills.js";
+export { type ExecResult, type ExecStreamEvent, Sandbox, type SandboxOptions } from "./sandbox.js";
+//# sourceMappingURL=index.d.ts.map

package/esm/src/sandbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/src/sandbox/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,OAAO,yBAAyB,CAAC;AAGjC,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,eAAe,EAAE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC"}

package/esm/src/sandbox/index.js

@@ -0,0 +1,30 @@
+/**
+ * Sandbox module for ephemeral compute environments.
+ *
+ * Provides the `Sandbox` class for creating and interacting with
+ * isolated execution environments, and re-exports `createBashTool`
+ * for AI agent integration.
+ *
+ * @example
+ * ```ts
+ * import { Sandbox } from "veryfront/sandbox";
+ *
+ * const sandbox = await Sandbox.create({ authToken: userJwt });
+ * const result = await sandbox.executeCommand("echo hello");
+ * console.log(result.stdout); // "hello\n"
+ * await sandbox.close();
+ * ```
+ *
+ * @example With bash-tool for AI agents:
+ * ```ts
+ * import { Sandbox, createBashTool } from "veryfront/sandbox";
+ *
+ * const sandbox = await Sandbox.create({ authToken });
+ * const { tools } = await createBashTool({ sandbox });
+ * // Pass tools to agent...
+ * ```
+ *
+ * @module
+ */
+import "../../_dnt.polyfills.js";
+export { Sandbox } from "./sandbox.js";

package/esm/src/sandbox/sandbox.d.ts

@@ -0,0 +1,48 @@
+export interface SandboxOptions {
+    /** Base URL of the Veryfront API. Defaults to VERYFRONT_API_URL env. */
+    apiUrl?: string;
+    /** User's JWT for authentication. */
+    authToken: string;
+}
+export interface ExecResult {
+    stdout: string;
+    stderr: string;
+    exitCode: number;
+}
+export interface ExecStreamEvent {
+    type: "stdout" | "stderr" | "exit" | "error";
+    data?: string;
+    exitCode?: number;
+}
+export declare class Sandbox {
+    private endpoint;
+    private sessionId;
+    private authToken;
+    private apiUrl;
+    private constructor();
+    /** Create a new sandbox session. Claims a warm pod or creates a new one. */
+    static create(options: SandboxOptions): Promise<Sandbox>;
+    /** Reconnect to an existing sandbox session. */
+    static get(id: string, options: SandboxOptions): Promise<Sandbox>;
+    private static waitForReady;
+    /** Execute a bash command in the sandbox and return buffered result. */
+    executeCommand(command: string): Promise<ExecResult>;
+    /** Execute a bash command with streaming output (NDJSON). */
+    executeStream(command: string): AsyncGenerator<ExecStreamEvent>;
+    /** Read a file from the sandbox workspace. */
+    readFile(path: string): Promise<string>;
+    /** Write files to the sandbox workspace. */
+    writeFiles(files: Array<{
+        path: string;
+        content: string;
+    }>): Promise<void>;
+    /** Send a heartbeat to prevent idle timeout. */
+    heartbeat(): Promise<void>;
+    /** Close the sandbox session and mark for deletion. */
+    close(): Promise<void>;
+    /** Get the session ID. */
+    get id(): string;
+    /** Get the sandbox endpoint URL. */
+    get url(): string;
+}
+//# sourceMappingURL=sandbox.d.ts.map

package/esm/src/sandbox/sandbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sandbox.d.ts","sourceRoot":"","sources":["../../../src/src/sandbox/sandbox.ts"],"names":[],"mappings":"AAWA,MAAM,WAAW,cAAc;IAC7B,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,qBAAa,OAAO;IAEhB,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,MAAM;IAJhB,OAAO;IAOP,4EAA4E;WAC/D,MAAM,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC;IA6B9D,gDAAgD;WACnC,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC;mBAmBlD,YAAY;IA0BjC,wEAAwE;IAClE,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC;IAsB1D,6DAA6D;IACtD,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,cAAc,CAAC,eAAe,CAAC;IAsCtE,8CAA8C;IACxC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAe7C,4CAA4C;IACtC,UAAU,CACd,KAAK,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,GAC9C,OAAO,CAAC,IAAI,CAAC;IAehB,gDAAgD;IAC1C,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAOhC,uDAAuD;IACjD,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAO5B,0BAA0B;IAC1B,IAAI,EAAE,IAAI,MAAM,CAEf;IAED,oCAAoC;IACpC,IAAI,GAAG,IAAI,MAAM,CAEhB;CACF"}

package/esm/src/sandbox/sandbox.js

@@ -0,0 +1,178 @@
+/**
+ * Sandbox client SDK for ephemeral compute environments.
+ *
+ * Implements the bash-tool Sandbox interface for seamless integration
+ * with AI agent tool loops.
+ *
+ * @module
+ */
+import * as dntShim from "../../_dnt.shims.js";
+export class Sandbox {
+    endpoint;
+    sessionId;
+    authToken;
+    apiUrl;
+    constructor(endpoint, sessionId, authToken, apiUrl) {
+        this.endpoint = endpoint;
+        this.sessionId = sessionId;
+        this.authToken = authToken;
+        this.apiUrl = apiUrl;
+    }
+    /** Create a new sandbox session. Claims a warm pod or creates a new one. */
+    static async create(options) {
+        const apiUrl = options.apiUrl ||
+            (typeof dntShim.Deno !== "undefined"
+                ? dntShim.Deno.env.get("VERYFRONT_API_URL")
+                : process.env.VERYFRONT_API_URL) ||
+            "https://api.veryfront.com";
+        const res = await dntShim.fetch(`${apiUrl}/sandbox-sessions`, {
+            method: "POST",
+            headers: {
+                Authorization: `Bearer ${options.authToken}`,
+                "Content-Type": "application/json",
+            },
+        });
+        if (!res.ok) {
+            throw new Error(`Failed to create sandbox: ${res.status} ${await res.text()}`);
+        }
+        const { id, endpoint, status } = await res.json();
+        // If not yet running, poll until ready
+        if (status !== "running") {
+            await Sandbox.waitForReady(apiUrl, id, options.authToken);
+        }
+        return new Sandbox(endpoint, id, options.authToken, apiUrl);
+    }
+    /** Reconnect to an existing sandbox session. */
+    static async get(id, options) {
+        const apiUrl = options.apiUrl ||
+            (typeof dntShim.Deno !== "undefined"
+                ? dntShim.Deno.env.get("VERYFRONT_API_URL")
+                : process.env.VERYFRONT_API_URL) ||
+            "https://api.veryfront.com";
+        const res = await dntShim.fetch(`${apiUrl}/sandbox-sessions/${id}`, {
+            headers: { Authorization: `Bearer ${options.authToken}` },
+        });
+        if (!res.ok) {
+            throw new Error(`Failed to get sandbox: ${res.status} ${await res.text()}`);
+        }
+        const { endpoint } = await res.json();
+        return new Sandbox(endpoint, id, options.authToken, apiUrl);
+    }
+    static async waitForReady(apiUrl, id, authToken, maxWaitMs = 60_000, pollIntervalMs = 2_000) {
+        const start = Date.now();
+        while (Date.now() - start < maxWaitMs) {
+            await new Promise((r) => dntShim.setTimeout(r, pollIntervalMs));
+            const res = await dntShim.fetch(`${apiUrl}/sandbox-sessions/${id}`, {
+                headers: { Authorization: `Bearer ${authToken}` },
+            });
+            if (res.ok) {
+                const data = await res.json();
+                if (data.status === "running")
+                    return;
+                if (data.status === "error" || data.status === "deleting") {
+                    throw new Error(`Sandbox failed to start: status=${data.status}`);
+                }
+            }
+        }
+        throw new Error("Sandbox did not become ready within timeout");
+    }
+    /** Execute a bash command in the sandbox and return buffered result. */
+    async executeCommand(command) {
+        let stdout = "";
+        let stderr = "";
+        let exitCode = 1;
+        for await (const event of this.executeStream(command)) {
+            switch (event.type) {
+                case "stdout":
+                    stdout += event.data ?? "";
+                    break;
+                case "stderr":
+                    stderr += event.data ?? "";
+                    break;
+                case "exit":
+                    exitCode = event.exitCode ?? 1;
+                    break;
+            }
+        }
+        return { stdout, stderr, exitCode };
+    }
+    /** Execute a bash command with streaming output (NDJSON). */
+    async *executeStream(command) {
+        const res = await dntShim.fetch(`${this.endpoint}/exec`, {
+            method: "POST",
+            headers: {
+                Authorization: `Bearer ${this.authToken}`,
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify({ command }),
+        });
+        if (!res.ok) {
+            throw new Error(`Exec failed: ${res.status} ${await res.text()}`);
+        }
+        const reader = res.body.getReader();
+        const decoder = new TextDecoder();
+        let buffer = "";
+        while (true) {
+            const { done, value } = await reader.read();
+            if (done)
+                break;
+            buffer += decoder.decode(value, { stream: true });
+            const lines = buffer.split("\n");
+            buffer = lines.pop();
+            for (const line of lines) {
+                if (line.trim()) {
+                    yield JSON.parse(line);
+                }
+            }
+        }
+        if (buffer.trim()) {
+            yield JSON.parse(buffer);
+        }
+    }
+    /** Read a file from the sandbox workspace. */
+    async readFile(path) {
+        const res = await dntShim.fetch(`${this.endpoint}/file?path=${encodeURIComponent(path)}`, {
+            headers: { Authorization: `Bearer ${this.authToken}` },
+        });
+        if (!res.ok) {
+            throw new Error(`Read file failed: ${res.status} ${await res.text()}`);
+        }
+        return res.text();
+    }
+    /** Write files to the sandbox workspace. */
+    async writeFiles(files) {
+        const res = await dntShim.fetch(`${this.endpoint}/files`, {
+            method: "POST",
+            headers: {
+                Authorization: `Bearer ${this.authToken}`,
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify({ files }),
+        });
+        if (!res.ok) {
+            throw new Error(`Write files failed: ${res.status} ${await res.text()}`);
+        }
+    }
+    /** Send a heartbeat to prevent idle timeout. */
+    async heartbeat() {
+        await dntShim.fetch(`${this.apiUrl}/sandbox-sessions/${this.sessionId}/heartbeat`, {
+            method: "POST",
+            headers: { Authorization: `Bearer ${this.authToken}` },
+        });
+    }
+    /** Close the sandbox session and mark for deletion. */
+    async close() {
+        await dntShim.fetch(`${this.apiUrl}/sandbox-sessions/${this.sessionId}`, {
+            method: "DELETE",
+            headers: { Authorization: `Bearer ${this.authToken}` },
+        });
+    }
+    /** Get the session ID. */
+    get id() {
+        return this.sessionId;
+    }
+    /** Get the sandbox endpoint URL. */
+    get url() {
+        return this.endpoint;
+    }
+}

package/esm/src/transforms/pipeline/stages/ssr-vf-modules/import-finder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"import-finder.d.ts","sourceRoot":"","sources":["../../../../../../src/src/transforms/pipeline/stages/ssr-vf-modules/import-finder.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAY1D;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAU1D"}
+{"version":3,"file":"import-finder.d.ts","sourceRoot":"","sources":["../../../../../../src/src/transforms/pipeline/stages/ssr-vf-modules/import-finder.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAY1D;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAiB1D"}

package/esm/src/transforms/pipeline/stages/ssr-vf-modules/import-finder.js

@@ -22,9 +22,15 @@ export function findVfModuleImports(code) {
  */
 export function findRelativeImports(code) {
     const imports = [];
-    const pattern = /from\s*["'](\.\.?\/[^"']+)["']/g;
+    // Match: from "./foo" or from "../bar"
+    const fromPattern = /from\s*["'](\.\.?\/[^"']+)["']/g;
+    // Match side-effect imports: import "./foo" or import "../bar" (no `from`)
+    const sideEffectPattern = /import\s*["'](\.\.?\/[^"']+)["']/g;
     let match;
-    while ((match = pattern.exec(code)) !== null) {
+    while ((match = fromPattern.exec(code)) !== null) {
+        imports.push(match[1]);
+    }
+    while ((match = sideEffectPattern.exec(code)) !== null) {
         imports.push(match[1]);
     }
     return [...new Set(imports)];