@agent-native/core 0.122.4 → 0.123.0

package/src/client/settings/BackgroundAgentSection.tsx

@@ -1,193 +0,0 @@
-import {
-  IconGitBranch,
-  IconCheck,
-  IconExternalLink,
-  IconLoader2,
-} from "@tabler/icons-react";
-import { useState } from "react";
-
-import { withBuilderUtmTrackingParams } from "../../shared/builder-link-tracking.js";
-import { trackEvent } from "../analytics.js";
-import { agentNativePath } from "../api-path.js";
-import { SettingsSection } from "./SettingsSection.js";
-import {
-  useBuilderStatus,
-  withBuilderConnectTrackingParams,
-} from "./useBuilderStatus.js";
-
-interface AgentsRunResult {
-  branchName: string | null;
-  projectId: string;
-  url: string;
-  status: string;
-}
-
-export function BackgroundAgentSection() {
-  const { status: builder } = useBuilderStatus();
-  const connected = builder?.configured ?? false;
-  const cloudAgentsAvailable = !!builder?.builderEnabled;
-  const builderConnectUrl = builder?.cliAuthUrl ?? builder?.connectUrl;
-  const builderConnectHref = builderConnectUrl
-    ? withBuilderConnectTrackingParams(builderConnectUrl, {
-        source: "background_agent_settings",
-        flow: "background_agent",
-      })
-    : null;
-
-  const [projectUrl, setProjectUrl] = useState("");
-  const [running, setRunning] = useState(false);
-  const [result, setResult] = useState<AgentsRunResult | null>(null);
-  const [error, setError] = useState<string | null>(null);
-
-  const handleCreateBranch = async () => {
-    if (!projectUrl.trim()) return;
-    setRunning(true);
-    setError(null);
-    setResult(null);
-    try {
-      const res = await fetch(
-        agentNativePath("/_agent-native/builder/agents-run"),
-        {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({
-            userMessage: "Set up this project for development",
-            projectUrl: projectUrl.trim(),
-          }),
-        },
-      );
-      if (!res.ok) {
-        const body = await res.json().catch(() => ({}));
-        throw new Error(body?.error || `Failed (${res.status})`);
-      }
-      setResult(await res.json());
-    } catch (err: any) {
-      setError(err?.message || "Failed to create branch");
-    } finally {
-      setRunning(false);
-    }
-  };
-
-  return (
-    <SettingsSection
-      icon={<IconGitBranch size={14} />}
-      title="Background Agent"
-      subtitle="Make code changes from production mode. Builder creates a branch, the agent makes changes, and you get a preview URL."
-      connected={connected}
-    >
-      {!connected ? (
-        <div className="space-y-2">
-          <p className="text-[10px] text-muted-foreground">
-            Connect Builder to enable code changes from production. The agent
-            will create branches and provide preview URLs.
-          </p>
-          {builderConnectHref && (
-            <a
-              href={builderConnectHref}
-              target="_blank"
-              rel="noreferrer"
-              onClick={() => {
-                trackEvent("builder connect clicked", {
-                  feature: "builder",
-                  stage: "client",
-                  source: "background_agent_settings",
-                  flow: "background_agent",
-                  connect_url_kind: "provided",
-                });
-              }}
-              className="inline-flex items-center gap-1 rounded bg-accent px-2 py-1 text-[10px] font-medium text-foreground hover:bg-accent/80"
-            >
-              Connect Builder
-              <IconExternalLink size={10} />
-            </a>
-          )}
-        </div>
-      ) : !cloudAgentsAvailable ? (
-        <div className="space-y-2">
-          <div className="flex items-center gap-1.5 text-[10px] text-muted-foreground">
-            <IconCheck size={10} />
-            Builder connected
-            {builder?.orgName && (
-              <span className="text-muted-foreground">({builder.orgName})</span>
-            )}
-          </div>
-          <p className="text-[10px] text-muted-foreground">
-            You don't have access to Builder Cloud Agents for this workspace
-            yet; they are not enabled from Builder org settings. Use the desktop
-            app or your local clone for code changes.
-          </p>
-          <a
-            href="https://www.agent-native.com/download"
-            target="_blank"
-            rel="noopener noreferrer"
-            className="inline-flex items-center gap-1 rounded bg-accent px-2 py-1 text-[10px] font-medium text-foreground hover:bg-accent/80"
-          >
-            Download desktop app
-            <IconExternalLink size={10} />
-          </a>
-        </div>
-      ) : (
-        <div className="space-y-2.5">
-          <div className="flex items-center gap-1.5 text-[10px] text-green-500">
-            <IconCheck size={10} />
-            Builder connected
-            {builder?.orgName && (
-              <span className="text-muted-foreground">({builder.orgName})</span>
-            )}
-          </div>
-
-          <div>
-            <label className="text-[10px] font-medium text-foreground block mb-1">
-              Builder Project URL or ID
-            </label>
-            <div className="flex gap-1.5">
-              <input
-                type="text"
-                value={projectUrl}
-                onChange={(e) => setProjectUrl(e.target.value)}
-                onKeyDown={(e) => {
-                  if (e.key === "Enter") handleCreateBranch();
-                }}
-                placeholder="https://builder.io/app/projects/..."
-                className="flex-1 rounded border border-border bg-background px-2 py-1 text-[11px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent"
-              />
-              <button
-                onClick={handleCreateBranch}
-                disabled={!projectUrl.trim() || running}
-                className="rounded bg-accent px-2 py-1 text-[10px] font-medium text-foreground hover:bg-accent/80 disabled:opacity-40"
-              >
-                {running ? (
-                  <IconLoader2 size={10} className="animate-spin" />
-                ) : (
-                  "Create branch"
-                )}
-              </button>
-            </div>
-          </div>
-
-          {result && (
-            <div className="rounded-md border border-green-800/40 bg-green-900/10 px-2.5 py-2">
-              <div className="text-[10px] font-medium text-green-400 mb-1">
-                Branch created
-              </div>
-              <a
-                href={withBuilderUtmTrackingParams(result.url, {
-                  campaign: "product",
-                  content: "background_agent_branch",
-                })}
-                target="_blank"
-                rel="noopener noreferrer"
-                className="flex items-center gap-1 text-[10px] text-foreground hover:underline"
-              >
-                {result.url}
-                <IconExternalLink size={10} />
-              </a>
-            </div>
-          )}
-
-          {error && <p className="text-[10px] text-red-400">{error}</p>}
-        </div>
-      )}
-    </SettingsSection>
-  );
-}

package/src/client/settings/BrowserSection.tsx

@@ -1,110 +0,0 @@
-import {
-  IconBrowser,
-  IconCheck,
-  IconExternalLink,
-  IconLoader2,
-} from "@tabler/icons-react";
-
-import { trackEvent } from "../analytics.js";
-import { SettingsSection } from "./SettingsSection.js";
-import {
-  useBuilderStatus,
-  withBuilderConnectTrackingParams,
-} from "./useBuilderStatus.js";
-
-export function BrowserSection() {
-  const { status: builder, loading } = useBuilderStatus();
-  const connected = builder?.configured ?? false;
-  const builderConnectUrl = builder?.cliAuthUrl ?? builder?.connectUrl;
-  const builderConnectHref = builderConnectUrl
-    ? withBuilderConnectTrackingParams(builderConnectUrl, {
-        source: "browser_settings",
-        flow: "browser_automation",
-      })
-    : null;
-  const builderReconnectHref = builderConnectUrl
-    ? withBuilderConnectTrackingParams(builderConnectUrl, {
-        source: "browser_settings_reconnect",
-        flow: "browser_automation",
-      })
-    : null;
-
-  return (
-    <SettingsSection
-      icon={<IconBrowser size={14} />}
-      title="Browser Automation"
-      subtitle="Let agents control a real browser for web tasks. Requires Builder connection."
-      connected={connected}
-    >
-      {loading ? (
-        <div className="flex items-center gap-1.5 text-[10px] text-muted-foreground">
-          <IconLoader2 size={10} className="animate-spin" />
-          Checking Builder connection...
-        </div>
-      ) : connected ? (
-        <div className="space-y-2">
-          <div className="flex items-center gap-1.5 text-[10px] text-green-500">
-            <IconCheck size={10} />
-            Browser access enabled
-            {builder?.orgName && (
-              <span className="text-muted-foreground">({builder.orgName})</span>
-            )}
-          </div>
-          <p className="text-[10px] text-muted-foreground">
-            Agents can request live browser sessions via{" "}
-            <code className="rounded bg-muted px-1 py-0.5 text-[9px]">
-              connect-builder
-            </code>
-          </p>
-          {builderReconnectHref && (
-            <a
-              href={builderReconnectHref}
-              target="_blank"
-              rel="noreferrer"
-              onClick={() => {
-                trackEvent("builder connect clicked", {
-                  feature: "builder",
-                  stage: "client",
-                  source: "browser_settings_reconnect",
-                  flow: "browser_automation",
-                  connect_url_kind: "provided",
-                });
-              }}
-              className="inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] text-muted-foreground hover:text-foreground hover:bg-accent/40"
-            >
-              Reconnect
-              <IconExternalLink size={10} />
-            </a>
-          )}
-        </div>
-      ) : (
-        <div className="space-y-2">
-          <p className="text-[10px] text-muted-foreground">
-            Connect Builder to provision browser sessions without wiring browser
-            setup into every app.
-          </p>
-          {builderConnectHref && (
-            <a
-              href={builderConnectHref}
-              target="_blank"
-              rel="noreferrer"
-              onClick={() => {
-                trackEvent("builder connect clicked", {
-                  feature: "builder",
-                  stage: "client",
-                  source: "browser_settings",
-                  flow: "browser_automation",
-                  connect_url_kind: "provided",
-                });
-              }}
-              className="inline-flex items-center gap-1 rounded bg-accent px-2 py-1 text-[10px] font-medium text-foreground hover:bg-accent/80"
-            >
-              Connect Builder
-              <IconExternalLink size={10} />
-            </a>
-          )}
-        </div>
-      )}
-    </SettingsSection>
-  );
-}

package/src/templates/chat/.react-router/types/+server-build.d.ts

@@ -1,18 +0,0 @@
-// Generated by React Router
-
-declare module "virtual:react-router/server-build" {
-  import { ServerBuild } from "react-router";
-  export const assets: ServerBuild["assets"];
-  export const assetsBuildDirectory: ServerBuild["assetsBuildDirectory"];
-  export const basename: ServerBuild["basename"];
-  export const entry: ServerBuild["entry"];
-  export const future: ServerBuild["future"];
-  export const isSpaMode: ServerBuild["isSpaMode"];
-  export const prerender: ServerBuild["prerender"];
-  export const publicPath: ServerBuild["publicPath"];
-  export const routeDiscovery: ServerBuild["routeDiscovery"];
-  export const routes: ServerBuild["routes"];
-  export const ssr: ServerBuild["ssr"];
-  export const allowedActionOrigins: ServerBuild["allowedActionOrigins"];
-  export const unstable_getCriticalCss: ServerBuild["unstable_getCriticalCss"];
-}

package/src/templates/chat/.react-router/types/app/+types/root.ts

@@ -1,68 +0,0 @@
-// Generated by React Router
-
-import type { GetInfo, GetAnnotations } from "react-router/internal";
-
-type Module = typeof import("../root.js")
-
-type Info = GetInfo<{
-  file: "root.tsx",
-  module: Module
-}>
-
-type Matches = [{
-  id: "root";
-  module: typeof import("../root.js");
-}];
-
-type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }>;
-
-export namespace Route {
-  // links
-  export type LinkDescriptors = Annotations["LinkDescriptors"];
-  export type LinksFunction = Annotations["LinksFunction"];
-
-  // meta
-  export type MetaArgs = Annotations["MetaArgs"];
-  export type MetaDescriptors = Annotations["MetaDescriptors"];
-  export type MetaFunction = Annotations["MetaFunction"];
-
-  // headers
-  export type HeadersArgs = Annotations["HeadersArgs"];
-  export type HeadersFunction = Annotations["HeadersFunction"];
-
-  // middleware
-  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
-
-  // clientMiddleware
-  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
-
-  // loader
-  export type LoaderArgs = Annotations["LoaderArgs"];
-
-  // clientLoader
-  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
-
-  // action
-  export type ActionArgs = Annotations["ActionArgs"];
-
-  // clientAction
-  export type ClientActionArgs = Annotations["ClientActionArgs"];
-
-  // HydrateFallback
-  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
-
-  // ServerHydrateFallback
-  export type ServerHydrateFallbackProps = Annotations["ServerHydrateFallbackProps"];
-
-  // Component
-  export type ComponentProps = Annotations["ComponentProps"];
-
-  // ServerComponent
-  export type ServerComponentProps = Annotations["ServerComponentProps"];
-
-  // ErrorBoundary
-  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
-
-  // ServerErrorBoundary
-  export type ServerErrorBoundaryProps = Annotations["ServerErrorBoundaryProps"];
-}