@agent-native/toolkit 0.23.1 → 0.198.1

package/dist/styles.css

@@ -5,11 +5,9 @@
  * components (e.g. the dropdown content's `z-[250]` and enter/exit animations)
  * are never generated, and menus/overlays stack under raised app surfaces.
  *
- * Import in an app's `app/global.css` AFTER `@import "tailwindcss";`, alongside
- * the core stylesheet:
+ * Import in an app's `app/global.css` AFTER `@import "tailwindcss";`:
  *
  *   @import "tailwindcss";
- *   @import "@agent-native/core/styles/agent-native.css";
  *   @import "@agent-native/toolkit/styles.css";
  *
  * Paths are self-relative to this file:
@@ -20,6 +18,7 @@
  */
 @import "./theme/resource-icons.css";
 @import "./app-shell/prompt-home.css";
+@import "./app/styles/agent-native.css";
 
 @source "./**/*.{js,ts,tsx}";
 

package/eject/remote-mcp-presets.spec.ts

@@ -0,0 +1,66 @@
+import { describe, expect, it, vi } from "vitest";
+
+import {
+  DEFAULT_MCP_INTEGRATIONS,
+  McpIntegrationDialog,
+  getDefaultMcpIntegrations,
+} from "../src/app/eject/remote-mcp-presets.js";
+
+describe("ejected MCP preset UI", () => {
+  it("lets caller overrides win and injects the merged catalog into UI", () => {
+    const github = DEFAULT_MCP_INTEGRATIONS.find(
+      (integration) => integration.id === "github",
+    )!;
+    const override = { ...github, name: "App-owned GitHub" };
+
+    expect(
+      getDefaultMcpIntegrations(true, [override]).find(
+        (integration) => integration.id === "github",
+      )?.name,
+    ).toBe("App-owned GitHub");
+
+    const element = McpIntegrationDialog({
+      open: false,
+      onOpenChange() {},
+      defaultScope: "user",
+      canCreateOrgMcp: false,
+      hasOrg: false,
+      async onCreateMcpServer() {},
+      integrations: [override],
+    });
+    expect(
+      (element.props.integrations as typeof DEFAULT_MCP_INTEGRATIONS).find(
+        (integration) => integration.id === "github",
+      )?.name,
+    ).toBe("App-owned GitHub");
+  });
+
+  it("filters ejected UI integrations by config without dropping overrides", () => {
+    vi.stubGlobal("__AGENT_NATIVE_MCP_INTEGRATIONS_CONFIG__", {
+      defaults: {
+        include: ["github", "hubspot"],
+        exclude: ["hubspot"],
+      },
+    });
+    const github = DEFAULT_MCP_INTEGRATIONS.find(
+      (integration) => integration.id === "github",
+    )!;
+    const override = { ...github, name: "App-owned GitHub" };
+
+    const element = McpIntegrationDialog({
+      open: false,
+      onOpenChange() {},
+      defaultScope: "user",
+      canCreateOrgMcp: false,
+      hasOrg: false,
+      async onCreateMcpServer() {},
+      integrations: [override],
+    });
+
+    expect(
+      (element.props.integrations as typeof DEFAULT_MCP_INTEGRATIONS).map(
+        ({ id, name }) => ({ id, name }),
+      ),
+    ).toEqual([{ id: "github", name: "App-owned GitHub" }]);
+  });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/toolkit",
-  "version": "0.23.1",
+  "version": "0.198.1",
   "description": "Reusable app-building UI and helpers for Agent-Native apps.",
   "homepage": "https://github.com/BuilderIO/agent-native#readme",
   "bugs": {
@@ -15,6 +15,7 @@
   "files": [
     "dist",
     "src",
+    "eject",
     "agent-native.eject.json",
     "migration-manifest.json",
     "README.md"
@@ -33,6 +34,49 @@
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     },
+    "./app/agentkit": {
+      "types": "./dist/app/agentkit/index.d.ts",
+      "browser": "./dist/app/agentkit/index.js",
+      "development": "./dist/app/agentkit/index.js",
+      "import": "./dist/app/agentkit/index.js",
+      "default": "./dist/app/agentkit/index.js"
+    },
+    "./app/chat": {
+      "types": "./dist/app/chat/index.d.ts",
+      "browser": "./dist/app/chat/index.js",
+      "development": "./dist/app/chat/index.js",
+      "import": "./dist/app/chat/index.js",
+      "default": "./dist/app/chat/index.js"
+    },
+    "./app/org": {
+      "types": "./dist/app/org/index.d.ts",
+      "browser": "./dist/app/org/index.js",
+      "development": "./dist/app/org/index.js",
+      "import": "./dist/app/org/index.js",
+      "default": "./dist/app/org/index.js"
+    },
+    "./app/settings": {
+      "types": "./dist/app/settings/index.d.ts",
+      "browser": "./dist/app/settings/index.js",
+      "development": "./dist/app/settings/index.js",
+      "import": "./dist/app/settings/index.js",
+      "default": "./dist/app/settings/index.js"
+    },
+    "./app/agent-page": {
+      "types": "./dist/app/agent-page/index.d.ts",
+      "browser": "./dist/app/agent-page/index.js",
+      "development": "./dist/app/agent-page/index.js",
+      "import": "./dist/app/agent-page/index.js",
+      "default": "./dist/app/agent-page/index.js"
+    },
+    "./app/*.css": "./dist/app/*.css",
+    "./app/*": {
+      "types": "./dist/app/*.d.ts",
+      "browser": "./dist/app/*.js",
+      "development": "./dist/app/*.js",
+      "import": "./dist/app/*.js",
+      "default": "./dist/app/*.js"
+    },
     "./app-shell": {
       "types": "./dist/app-shell/index.d.ts",
       "browser": "./dist/app-shell/index.js",
@@ -312,7 +356,224 @@
     "./migration-manifest.json": "./migration-manifest.json",
     "./styles.css": "./dist/styles.css",
     "./chat-history.css": "./dist/chat-history.css",
-    "./editor.css": "./dist/editor.css"
+    "./editor.css": "./dist/editor.css",
+    "./app/auth": {
+      "types": "./dist/app/auth/index.d.ts",
+      "browser": "./dist/app/auth/index.js",
+      "development": "./dist/app/auth/index.js",
+      "import": "./dist/app/auth/index.js",
+      "default": "./dist/app/auth/index.js"
+    },
+    "./app/blocks": {
+      "types": "./dist/app/blocks/index.d.ts",
+      "browser": "./dist/app/blocks/index.js",
+      "development": "./dist/app/blocks/index.js",
+      "import": "./dist/app/blocks/index.js",
+      "default": "./dist/app/blocks/index.js"
+    },
+    "./app/changelog": {
+      "types": "./dist/app/changelog/index.d.ts",
+      "browser": "./dist/app/changelog/index.js",
+      "development": "./dist/app/changelog/index.js",
+      "import": "./dist/app/changelog/index.js",
+      "default": "./dist/app/changelog/index.js"
+    },
+    "./app/context-xray": {
+      "types": "./dist/app/context-xray/index.d.ts",
+      "browser": "./dist/app/context-xray/index.js",
+      "development": "./dist/app/context-xray/index.js",
+      "import": "./dist/app/context-xray/index.js",
+      "default": "./dist/app/context-xray/index.js"
+    },
+    "./app/db-admin": {
+      "types": "./dist/app/db-admin/index.d.ts",
+      "browser": "./dist/app/db-admin/index.js",
+      "development": "./dist/app/db-admin/index.js",
+      "import": "./dist/app/db-admin/index.js",
+      "default": "./dist/app/db-admin/index.js"
+    },
+    "./app/extensions": {
+      "types": "./dist/app/extensions/index.d.ts",
+      "browser": "./dist/app/extensions/index.js",
+      "development": "./dist/app/extensions/index.js",
+      "import": "./dist/app/extensions/index.js",
+      "default": "./dist/app/extensions/index.js"
+    },
+    "./app/feature-flags": {
+      "types": "./dist/app/feature-flags/index.d.ts",
+      "browser": "./dist/app/feature-flags/index.js",
+      "development": "./dist/app/feature-flags/index.js",
+      "import": "./dist/app/feature-flags/index.js",
+      "default": "./dist/app/feature-flags/index.js"
+    },
+    "./app/feedback": {
+      "types": "./dist/app/feedback/index.d.ts",
+      "browser": "./dist/app/feedback/index.js",
+      "development": "./dist/app/feedback/index.js",
+      "import": "./dist/app/feedback/index.js",
+      "default": "./dist/app/feedback/index.js"
+    },
+    "./app/integrations": {
+      "types": "./dist/app/integrations/index.d.ts",
+      "browser": "./dist/app/integrations/index.js",
+      "development": "./dist/app/integrations/index.js",
+      "import": "./dist/app/integrations/index.js",
+      "default": "./dist/app/integrations/index.js"
+    },
+    "./app/labs": {
+      "types": "./dist/app/labs/index.d.ts",
+      "browser": "./dist/app/labs/index.js",
+      "development": "./dist/app/labs/index.js",
+      "import": "./dist/app/labs/index.js",
+      "default": "./dist/app/labs/index.js"
+    },
+    "./app/observability": {
+      "types": "./dist/app/observability/index.d.ts",
+      "browser": "./dist/app/observability/index.js",
+      "development": "./dist/app/observability/index.js",
+      "import": "./dist/app/observability/index.js",
+      "default": "./dist/app/observability/index.js"
+    },
+    "./app/onboarding": {
+      "types": "./dist/app/onboarding/index.d.ts",
+      "browser": "./dist/app/onboarding/index.js",
+      "development": "./dist/app/onboarding/index.js",
+      "import": "./dist/app/onboarding/index.js",
+      "default": "./dist/app/onboarding/index.js"
+    },
+    "./app/progress": {
+      "types": "./dist/app/progress/index.d.ts",
+      "browser": "./dist/app/progress/index.js",
+      "development": "./dist/app/progress/index.js",
+      "import": "./dist/app/progress/index.js",
+      "default": "./dist/app/progress/index.js"
+    },
+    "./app/resources": {
+      "types": "./dist/app/resources/index.d.ts",
+      "browser": "./dist/app/resources/index.js",
+      "development": "./dist/app/resources/index.js",
+      "import": "./dist/app/resources/index.js",
+      "default": "./dist/app/resources/index.js"
+    },
+    "./app/review": {
+      "types": "./dist/app/review/index.d.ts",
+      "browser": "./dist/app/review/index.js",
+      "development": "./dist/app/review/index.js",
+      "import": "./dist/app/review/index.js",
+      "default": "./dist/app/review/index.js"
+    },
+    "./app/setup-connections": {
+      "types": "./dist/app/setup-connections/index.d.ts",
+      "browser": "./dist/app/setup-connections/index.js",
+      "development": "./dist/app/setup-connections/index.js",
+      "import": "./dist/app/setup-connections/index.js",
+      "default": "./dist/app/setup-connections/index.js"
+    },
+    "./app/shared": {
+      "types": "./dist/app/shared/index.d.ts",
+      "browser": "./dist/app/shared/index.js",
+      "development": "./dist/app/shared/index.js",
+      "import": "./dist/app/shared/index.js",
+      "default": "./dist/app/shared/index.js"
+    },
+    "./app/sharing": {
+      "types": "./dist/app/sharing/index.d.ts",
+      "browser": "./dist/app/sharing/index.js",
+      "development": "./dist/app/sharing/index.js",
+      "import": "./dist/app/sharing/index.js",
+      "default": "./dist/app/sharing/index.js"
+    },
+    "./app/terminal": {
+      "types": "./dist/app/terminal/index.d.ts",
+      "browser": "./dist/app/terminal/index.js",
+      "development": "./dist/app/terminal/index.js",
+      "import": "./dist/app/terminal/index.js",
+      "default": "./dist/app/terminal/index.js"
+    },
+    "./app/transcription": {
+      "types": "./dist/app/transcription/index.d.ts",
+      "browser": "./dist/app/transcription/index.js",
+      "development": "./dist/app/transcription/index.js",
+      "import": "./dist/app/transcription/index.js",
+      "default": "./dist/app/transcription/index.js"
+    },
+    "./app/agentkit/react": {
+      "types": "./dist/app/agentkit/react/index.d.ts",
+      "browser": "./dist/app/agentkit/react/index.js",
+      "development": "./dist/app/agentkit/react/index.js",
+      "import": "./dist/app/agentkit/react/index.js",
+      "default": "./dist/app/agentkit/react/index.js"
+    },
+    "./app/chat/agentkit-chat": {
+      "types": "./dist/app/chat/agentkit-chat/index.d.ts",
+      "browser": "./dist/app/chat/agentkit-chat/index.js",
+      "development": "./dist/app/chat/agentkit-chat/index.js",
+      "import": "./dist/app/chat/agentkit-chat/index.js",
+      "default": "./dist/app/chat/agentkit-chat/index.js"
+    },
+    "./app/chat/chat": {
+      "types": "./dist/app/chat/chat/index.d.ts",
+      "browser": "./dist/app/chat/chat/index.js",
+      "development": "./dist/app/chat/chat/index.js",
+      "import": "./dist/app/chat/chat/index.js",
+      "default": "./dist/app/chat/chat/index.js"
+    },
+    "./app/chat/chat-first": {
+      "types": "./dist/app/chat/chat-first/index.d.ts",
+      "browser": "./dist/app/chat/chat-first/index.js",
+      "development": "./dist/app/chat/chat-first/index.js",
+      "import": "./dist/app/chat/chat-first/index.js",
+      "default": "./dist/app/chat/chat-first/index.js"
+    },
+    "./app/chat/composer": {
+      "types": "./dist/app/chat/composer/index.d.ts",
+      "browser": "./dist/app/chat/composer/index.js",
+      "development": "./dist/app/chat/composer/index.js",
+      "import": "./dist/app/chat/composer/index.js",
+      "default": "./dist/app/chat/composer/index.js"
+    },
+    "./app/chat/conversation": {
+      "types": "./dist/app/chat/conversation/index.d.ts",
+      "browser": "./dist/app/chat/conversation/index.js",
+      "development": "./dist/app/chat/conversation/index.js",
+      "import": "./dist/app/chat/conversation/index.js",
+      "default": "./dist/app/chat/conversation/index.js"
+    },
+    "./app/chat/tool-cells": {
+      "types": "./dist/app/chat/tool-cells/index.d.ts",
+      "browser": "./dist/app/chat/tool-cells/index.js",
+      "development": "./dist/app/chat/tool-cells/index.js",
+      "import": "./dist/app/chat/tool-cells/index.js",
+      "default": "./dist/app/chat/tool-cells/index.js"
+    },
+    "./app/dev-overlay": {
+      "types": "./dist/app/dev-overlay/index.d.ts",
+      "browser": "./dist/app/dev-overlay/index.js",
+      "development": "./dist/app/dev-overlay/index.js",
+      "import": "./dist/app/dev-overlay/index.js",
+      "default": "./dist/app/dev-overlay/index.js"
+    },
+    "./app/notifications": {
+      "types": "./dist/app/notifications/index.d.ts",
+      "browser": "./dist/app/notifications/index.js",
+      "development": "./dist/app/notifications/index.js",
+      "import": "./dist/app/notifications/index.js",
+      "default": "./dist/app/notifications/index.js"
+    },
+    "./app/providers": {
+      "types": "./dist/app/providers/index.d.ts",
+      "browser": "./dist/app/providers/index.js",
+      "development": "./dist/app/providers/index.js",
+      "import": "./dist/app/providers/index.js",
+      "default": "./dist/app/providers/index.js"
+    },
+    "./app/settings/shell": {
+      "types": "./dist/app/settings/shell/index.d.ts",
+      "browser": "./dist/app/settings/shell/index.js",
+      "development": "./dist/app/settings/shell/index.js",
+      "import": "./dist/app/settings/shell/index.js",
+      "default": "./dist/app/settings/shell/index.js"
+    }
   },
   "publishConfig": {
     "access": "public",
@@ -322,6 +583,9 @@
     "@assistant-ui/react": "^0.12.19",
     "@assistant-ui/store": "0.2.13",
     "@assistant-ui/tap": "0.5.16",
+    "@codemirror/lang-sql": "^6.10.0",
+    "@codemirror/theme-one-dark": "^6.1.3",
+    "@modelcontextprotocol/ext-apps": "2.0.3",
     "@radix-ui/react-accordion": "^1.2.15",
     "@radix-ui/react-alert-dialog": "^1.1.18",
     "@radix-ui/react-aspect-ratio": "^1.1.11",
@@ -349,7 +613,9 @@
     "@radix-ui/react-toggle": "^1.1.13",
     "@radix-ui/react-toggle-group": "^1.1.14",
     "@radix-ui/react-tooltip": "^1.2.12",
+    "@shadcn/react": "^0.2.0",
     "@tabler/icons-react": "3.44.0",
+    "@tanstack/react-table": "^8.21.3",
     "@tiptap/core": "3.30.1",
     "@tiptap/extension-bubble-menu": "3.30.1",
     "@tiptap/extension-code-block-lowlight": "3.30.1",
@@ -369,6 +635,7 @@
     "@tiptap/react": "3.30.1",
     "@tiptap/starter-kit": "3.30.1",
     "@tiptap/y-tiptap": "3.0.7",
+    "@uiw/react-codemirror": "^4.25.10",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
@@ -378,29 +645,82 @@
     "emojibase-data": "17.0.0",
     "highlight.js": "^11.11.1",
     "input-otp": "^1.4.2",
+    "linkedom": "^0.18.13",
     "lowlight": "^3.3.0",
     "next-themes": "^0.4.6",
+    "qrcode.react": "4.2.0",
     "react-day-picker": "^10.0.1",
     "react-hook-form": "^7.80.0",
+    "react-markdown": "^10.1.0",
     "react-resizable-panels": "^4.12.1",
     "recharts": "^3.9.2",
+    "remark-gfm": "^4.0.1",
+    "roughjs": "4.6.6",
+    "shiki": "^4.0.2",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.5.0",
     "tiptap-markdown": "^0.9.0",
+    "tw-animate-css": "^1.4.0",
     "vaul": "^1.1.2",
     "y-protocols": "^1.0.7",
-    "yjs": "^13.6.32"
+    "yjs": "^13.6.32",
+    "zod": "^4.3.6",
+    "@agent-native/agentkit": "^0.198.1"
   },
   "devDependencies": {
+    "@excalidraw/excalidraw": "0.18.1",
+    "@excalidraw/mermaid-to-excalidraw": "2.2.2",
+    "@tanstack/react-query": "^5.99.2",
     "@types/culori": "^4.0.1",
+    "@types/node": "^24.2.1",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
+    "@xterm/addon-fit": "^0.11.0",
+    "@xterm/addon-web-links": "^0.12.0",
+    "@xterm/xterm": "^6.0.0",
+    "mermaid": "11.15.0",
+    "playwright": "1.63.0",
+    "react-router": "^8.1.0",
     "typescript-7": "npm:typescript@^7.0.2",
-    "vitest": "^4.1.5"
+    "vite": "8.1.0",
+    "vitest": "^4.1.5",
+    "@agent-native/core": "^0.198.1"
   },
   "peerDependencies": {
+    "@agent-native/core": ">=0.196.0",
+    "@excalidraw/excalidraw": ">=0.18",
+    "@excalidraw/mermaid-to-excalidraw": ">=2",
+    "@tanstack/react-query": "^5.99.2",
+    "@xterm/addon-fit": ">=0.11",
+    "@xterm/addon-web-links": ">=0.12",
+    "@xterm/xterm": ">=6",
+    "mermaid": ">=11",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "react-router": "^8.1.0"
+  },
+  "peerDependenciesMeta": {
+    "@agent-native/core": {
+      "optional": true
+    },
+    "@excalidraw/excalidraw": {
+      "optional": true
+    },
+    "@excalidraw/mermaid-to-excalidraw": {
+      "optional": true
+    },
+    "@xterm/addon-fit": {
+      "optional": true
+    },
+    "@xterm/addon-web-links": {
+      "optional": true
+    },
+    "@xterm/xterm": {
+      "optional": true
+    },
+    "mermaid": {
+      "optional": true
+    }
   },
   "agentNativeEjectManifest": "agent-native.eject.json",
   "scripts": {

package/src/app/PrimitiveButton.tsx

@@ -0,0 +1,43 @@
+import {
+  Button as ToolkitButton,
+  type ButtonEmphasis,
+  type ButtonProps,
+} from "@agent-native/toolkit/ui/button";
+import { cn } from "@agent-native/toolkit/utils";
+import * as React from "react";
+
+export type PrimitiveButtonProps = ButtonProps;
+
+function isGhostEmphasis(
+  emphasis?: ButtonEmphasis,
+  variant?: ButtonProps["variant"],
+): boolean {
+  if (emphasis !== undefined) {
+    return emphasis === "ghost" || emphasis === "ghost-inset";
+  }
+  return (
+    variant === undefined ||
+    variant === "ghost" ||
+    variant === "ghost-inset" ||
+    variant === "link"
+  );
+}
+
+export const PrimitiveButton = React.forwardRef<
+  HTMLButtonElement,
+  PrimitiveButtonProps
+>(({ className, variant, emphasis, ...props }, ref) => (
+  <ToolkitButton
+    ref={ref}
+    variant={variant ?? "ghost"}
+    emphasis={emphasis}
+    className={cn(
+      "h-auto p-0 active:scale-100 [&_svg]:!size-auto",
+      isGhostEmphasis(emphasis, variant) &&
+        "hover:bg-transparent hover:text-inherit",
+      className,
+    )}
+    {...props}
+  />
+));
+PrimitiveButton.displayName = "PrimitiveButton";

package/src/app/agent-page/AgentContextTab.spec.ts

@@ -0,0 +1,35 @@
+import type { ChatThreadSummary } from "@agent-native/core/client/agent-chat";
+import { describe, expect, it } from "vitest";
+
+import { mostRecentlyUpdatedThread } from "./AgentContextTab.js";
+
+function thread(
+  id: string,
+  updatedAt: number,
+  pinnedAt?: number,
+): ChatThreadSummary {
+  return {
+    id,
+    title: id,
+    preview: "",
+    messageCount: 1,
+    createdAt: updatedAt,
+    updatedAt,
+    scope: null,
+    ...(pinnedAt !== undefined ? { pinnedAt } : {}),
+  };
+}
+
+describe("mostRecentlyUpdatedThread", () => {
+  it("selects the newest update when pinned ordering puts an older thread first", () => {
+    const oldPinned = thread("old-pinned", 100, 500);
+    const newest = thread("newest", 300);
+    const older = thread("older", 200);
+
+    expect(mostRecentlyUpdatedThread([oldPinned, newest, older])).toBe(newest);
+  });
+
+  it("returns undefined when no threads exist", () => {
+    expect(mostRecentlyUpdatedThread([])).toBeUndefined();
+  });
+});