Bump agents-ui to 0.15.18 and disable chat history for in-app widgets …

.changeset/flat-banks-pay.md

@@ -0,0 +1,5 @@
+---
+"@inkeep/agents-manage-ui": patch
+---
+
+Bump agents-ui package to 0.15.18 and remove lingering references to the deprecated agentUrl prop

agents-docs/_snippets/generated/style-classnames.mdx

@@ -187,6 +187,24 @@ ikp-ai-chat-form__success-button
 ikp-ai-chat-link
 ```
 
+### Chat History Components
+
+```css
+ikp-ai-chat-history
+ikp-ai-chat-history__header
+ikp-ai-chat-history__back-button
+ikp-ai-chat-history__back-button-icon
+ikp-ai-chat-history__title
+ikp-ai-chat-history__list
+ikp-ai-chat-history__item
+ikp-ai-chat-history__item-title
+ikp-ai-chat-history__item-date
+ikp-ai-chat-history__empty-state
+ikp-ai-chat-history__loading-state
+ikp-ai-chat-history__footer
+ikp-ai-chat-history__new-conversation-button
+```
+
 ### Markdown Components
 
 ```css

agents-docs/package.json

@@ -25,7 +25,7 @@
   "dependencies": {
     "@inkeep/agents-cli": "workspace:*",
     "@inkeep/agents-core": "workspace:*",
-    "@inkeep/agents-ui": "^0.15.14",
+    "@inkeep/agents-ui": "^0.15.18",
     "@inkeep/cxkit-react": "^0.5.98",
     "@inkeep/docskit": "^0.0.8",
     "@radix-ui/react-collapsible": "^1.1.1",

agents-docs/scripts/generate-classnames.ts

@@ -3,6 +3,7 @@ import path from 'node:path';
 import {
   // aiSearchComponentIds,
   aiChatComponentIds,
+  aiChatHistoryComponentIds,
   chatButtonComponentIds,
   markDownComponentIds,
   miscellanousComponentIds,
@@ -20,6 +21,10 @@ const categories = [
     name: 'Chat Components',
     ids: aiChatComponentIds,
   },
+  {
+    name: 'Chat History Components',
+    ids: aiChatHistoryComponentIds,
+  },
   {
     name: 'Markdown Components',
     ids: markDownComponentIds,

agents-manage-ui/package.json

@@ -54,7 +54,7 @@
     "@better-auth/sso": "catalog:",
     "@hookform/resolvers": "^5.2.1",
     "@inkeep/agents-core": "workspace:^",
-    "@inkeep/agents-ui": "^0.15.13",
+    "@inkeep/agents-ui": "^0.15.18",
     "@nangohq/frontend": "^0.69.41",
     "@nangohq/node": "^0.69.41",
     "@nangohq/types": "^0.69.41",

agents-manage-ui/src/components/agent/copilot/copilot-chat.tsx

@@ -180,6 +180,7 @@ export function CopilotChat({ agentId, tenantId, projectId, refreshAgentGraph }:
               }
             },
             primaryBrandColor: INKEEP_BRAND_COLOR,
+            shouldBypassCaptcha: true,
             colorMode: {
               sync: {
                 target: document.documentElement,
@@ -218,6 +219,7 @@ export function CopilotChat({ agentId, tenantId, projectId, refreshAgentGraph }:
           }}
           aiChatSettings={{
             aiAssistantName: 'Agent Editor',
+            isChatHistoryButtonVisible: false,
             components: {
               IkpTool(props) {
                 return (
@@ -237,7 +239,7 @@ export function CopilotChat({ agentId, tenantId, projectId, refreshAgentGraph }:
               light: '/assets/inkeep-icons/icon-blue.svg',
               dark: '/assets/inkeep-icons/icon-sky.svg',
             },
-            agentUrl: `${PUBLIC_INKEEP_AGENTS_API_URL}/run/api/chat`,
+            baseUrl: PUBLIC_INKEEP_AGENTS_API_URL,
             headers: {
               'x-emit-operations': 'true',
               Authorization: `Bearer ${copilotToken}`,

agents-manage-ui/src/components/agent/playground/chat-widget.tsx

@@ -147,6 +147,7 @@ export function ChatWidget({
       <div className="flex-1 min-w-0 h-full">
         <InkeepEmbeddedChat
           baseSettings={{
+            shouldBypassCaptcha: true,
             async onEvent(event) {
               posthog?.capture(event.eventName, {
                 ...event.properties,
@@ -225,9 +226,10 @@ export function ChatWidget({
               light: '/assets/inkeep-icons/icon-blue.svg',
               dark: '/assets/inkeep-icons/icon-sky.svg',
             },
+            isChatHistoryButtonVisible: false,
             isViewOnly: hasHeadersError,
             conversationId,
-            agentUrl: agentId ? `${PUBLIC_INKEEP_AGENTS_API_URL}/run/api/chat` : undefined,
+            baseUrl: PUBLIC_INKEEP_AGENTS_API_URL,
             headers: {
               'x-inkeep-tenant-id': tenantId,
               'x-inkeep-project-id': projectId,

agents-manage-ui/src/components/agent/ship/chat-ui-guide/chat-ui-guide.tsx

@@ -18,16 +18,17 @@ interface ChatUIProps {
 
 export function ChatUIGuide() {
   const { PUBLIC_INKEEP_AGENTS_API_URL } = useRuntimeConfig();
-  const agentUrl = `${PUBLIC_INKEEP_AGENTS_API_URL}/run/api/chat`;
   const baseUrl = PUBLIC_INKEEP_AGENTS_API_URL;
   const form = useForm<Partial<ChatUIProps>>({
     defaultValues: {
       component: ChatUIComponent.EMBEDDED_CHAT,
       baseSettings: {
         primaryBrandColor: INKEEP_BRAND_COLOR,
+        shouldBypassCaptcha: true,
       },
       aiChatSettings: {
-        agentUrl,
+        baseUrl,
+        isChatHistoryButtonVisible: false,
         aiAssistantAvatar: '',
         introMessage: 'Hi! How can I help?',
         placeholder: 'How do I get started?',
@@ -39,7 +40,7 @@ export function ChatUIGuide() {
   const component = allValues.component ?? ChatUIComponent.EMBEDDED_CHAT;
   const baseSettings = allValues.baseSettings ?? { primaryBrandColor: INKEEP_BRAND_COLOR };
   const aiChatSettings = allValues.aiChatSettings ?? {
-    agentUrl,
+    baseUrl,
   };
   const shouldEmitDataOperations = allValues.shouldEmitDataOperations ?? true;
 

agents-manage-ui/src/components/agent/sidepane/metadata/metadata-editor.tsx

@@ -68,7 +68,7 @@ export function MetadataEditor() {
   const { id, name, description, contextConfig, models, stopWhen, prompt, statusUpdates } =
     metadata;
   const { PUBLIC_INKEEP_AGENTS_API_URL } = useRuntimeConfig();
-  const agentUrl = `${PUBLIC_INKEEP_AGENTS_API_URL}/run/api/chat`;
+  const baseUrl = PUBLIC_INKEEP_AGENTS_API_URL;
   const { canUse } = useProjectPermissions();
 
   // Fetch project data for inheritance indicators
@@ -106,23 +106,21 @@ export function MetadataEditor() {
       {agentId && (
         <div className="space-y-2">
           <div className="text-sm leading-none font-medium flex items-center gap-1">
-            Chat URL
+            Chat API Base URL
             <Tooltip>
               <TooltipTrigger asChild>
                 <Info className="w-3 h-3 text-muted-foreground" />
               </TooltipTrigger>
               <TooltipContent>
-                Use this endpoint to chat with your agent or connect it to the Inkeep widget via the
-                agentUrl prop. Supports streaming responses with the Vercel AI SDK data stream
-                protocol.
+                Use this endpoint to chat with your agent by appending /run/api/chat or connect it
+                to the Inkeep widget via the baseUrl prop and specifying the appId. Supports
+                streaming responses with the Vercel AI SDK data stream protocol.
               </TooltipContent>
             </Tooltip>
           </div>
-          <CopyableSingleLineCode code={agentUrl} />
+          <CopyableSingleLineCode code={baseUrl} />
           {canUse && (
-            <ExternalLink href={`/${tenantId}/projects/${projectId}/api-keys`}>
-              Create API key
-            </ExternalLink>
+            <ExternalLink href={`/${tenantId}/projects/${projectId}/apps`}>Create App</ExternalLink>
           )}
         </div>
       )}

agents-manage-ui/src/components/use-in-your-app-section.tsx

@@ -41,7 +41,8 @@ function buildImportAndRegistrationSnippet(
 
 <InkeepSidebarChat
   aiChatSettings={{
-    agentUrl: "your-agent-url",
+    baseUrl: "your-base-url",
+    appId: "your-app-id",
     ${prop}: {
       ${key}: ${importedName},
     },

agents-ui-demo/package.json

@@ -15,7 +15,7 @@
     "test": "echo 'No tests configured for chat-widget'"
   },
   "dependencies": {
-    "@inkeep/agents-ui": "^0.15.13",
+    "@inkeep/agents-ui": "^0.15.18",
     "lucide-react": "^0.539.0",
     "react": "^19.1.1",
     "react-dom": "^19.1.1"

agents-ui-demo/src/App.css

@@ -1,12 +1,13 @@
 #root {
   max-width: 1280px;
+  width: 100%;
   margin: 0 auto;
   padding: 2rem;
   text-align: center;
 }
 
 .inkeep-chat-container {
-  min-width: 750px;
+  min-width: min(769px, 100%);
   width: 100%;
   height: 100%;
 }

agents-ui-demo/src/App.tsx

@@ -9,8 +9,8 @@ function App() {
           primaryBrandColor: '#3784ff',
         }}
         aiChatSettings={{
-          agentUrl: 'http://localhost:3003/run/api/chat',
-          apiKey: 'YOUR_API_KEY',
+          baseUrl: 'http://localhost:3002',
+          appId: 'YOUR_APP_ID',
         }}
       />
     </div>

agents-ui-demo/vite.config.ts

@@ -4,4 +4,7 @@ import { defineConfig } from 'vite';
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
+  resolve: {
+    dedupe: ['react', 'react-dom'],
+  },
 });