npm - @elizaos/client - Versions diffs - 1.6.3-alpha.9 → 1.6.3 - Mend

@elizaos/client 1.6.3-alpha.9 → 1.6.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (104) hide show

package/dist/index.html CHANGED Viewed

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" type="image/x-icon" href="/favicon.ico" />
     <title>ElizaOS - Client</title>
-    <script type="module" crossorigin src="/assets/main-C81Et7oP.js"></script>
+    <script type="module" crossorigin src="/assets/main-CWkZDH4r.js"></script>
   </head>
   <body>
     <div id="root"></div>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@elizaos/client",
-  "version": "1.6.3-alpha.9",
+  "version": "1.6.3",
   "description": "Web client interface for ElizaOS agents",
   "repository": {
     "type": "git",
@@ -61,8 +61,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@elizaos/api-client": "1.6.3-alpha.9",
-    "@elizaos/core": "1.6.3-alpha.9",
+    "@elizaos/api-client": "1.6.3",
+    "@elizaos/core": "1.6.3",
     "@evilmartians/agent-prism-data": "^0.0.4",
     "@evilmartians/agent-prism-types": "^0.0.4",
     "@hookform/resolvers": "^5.1.1",
@@ -159,5 +159,5 @@
     "vite-tsconfig-paths": "^5.1.4",
     "wait-on": "^9.0.1"
   },
-  "gitHead": "abe8d728db8fefeda8bb80ad8f4c6b15c69efa2e"
+  "gitHead": "22e866ff0036bd93af64880cb46ca89cb474d2b2"
 }

package/src/components/ai-elements/__tests__/response.test.tsx CHANGED Viewed

@@ -7,95 +7,95 @@ import { describe, it, expect } from 'bun:test';
 import { Response } from '../response';
 describe('Response Component', () => {
-    it('should be defined and exportable', () => {
-        expect(Response).toBeDefined();
-        // React.memo wraps the component, so it returns an object
-        expect(typeof Response).toBe('object');
-    });
-    it('should have correct display name', () => {
-        expect(Response.displayName).toBe('Response');
-    });
-    it('should accept required props structure', () => {
-        // This test verifies the component can be instantiated with correct props
-        // Since we're in a non-browser test environment, we just verify the component structure
-        const props = {
-            children: 'Test markdown content',
-            className: 'test-class',
-            isAnimating: false,
-            shikiTheme: ['github-dark', 'github-dark'] as const,
-        };
-        // Verify props structure is valid by checking component accepts them
-        // In a full React testing environment, we would render this
-        expect(props.children).toBe('Test markdown content');
-        expect(props.isAnimating).toBe(false);
-        expect(props.shikiTheme).toEqual(['github-dark', 'github-dark']);
-    });
-    it('should be a memoized React component', () => {
-        // Response component should be memoized with React.memo
-        // React.memo returns an object, not a function
-        expect(Response).toBeDefined();
-        expect(typeof Response).toBe('object');
-        expect(Response.displayName).toBe('Response');
-    });
-    it('should handle markdown content prop correctly', () => {
-        const markdownContent = '# Hello World\n\nThis is a test.';
-        const props = {
-            children: markdownContent,
-        };
-        expect(props.children).toBe(markdownContent);
-    });
-    it('should handle animation state prop correctly', () => {
-        const animatingProps = {
-            children: 'Content',
-            isAnimating: true,
-        };
-        const staticProps = {
-            children: 'Content',
-            isAnimating: false,
-        };
-        expect(animatingProps.isAnimating).toBe(true);
-        expect(staticProps.isAnimating).toBe(false);
-    });
-    it('should handle theme configuration correctly', () => {
-        const customTheme = ['monokai', 'github-light'] as const;
-        const props = {
-            children: 'Content',
-            shikiTheme: customTheme,
-        };
-        expect(props.shikiTheme).toEqual(['monokai', 'github-light']);
-    });
-    it('should use default theme when not specified', () => {
-        // Default theme should be github-dark for both light and dark modes
-        const defaultTheme = ['github-dark', 'github-dark'] as const;
-        expect(defaultTheme).toEqual(['github-dark', 'github-dark']);
-    });
-    it('should handle className prop for styling', () => {
-        const customClass = 'custom-markdown-style max-w-none';
-        const props = {
-            children: 'Content',
-            className: customClass,
-        };
-        expect(props.className).toBe(customClass);
-    });
-    it('should support code blocks in markdown', () => {
-        const markdownWithCode = `
+  it('should be defined and exportable', () => {
+    expect(Response).toBeDefined();
+    // React.memo wraps the component, so it returns an object
+    expect(typeof Response).toBe('object');
+  });
+  it('should have correct display name', () => {
+    expect(Response.displayName).toBe('Response');
+  });
+  it('should accept required props structure', () => {
+    // This test verifies the component can be instantiated with correct props
+    // Since we're in a non-browser test environment, we just verify the component structure
+    const props = {
+      children: 'Test markdown content',
+      className: 'test-class',
+      isAnimating: false,
+      shikiTheme: ['github-dark', 'github-dark'] as const,
+    };
+    // Verify props structure is valid by checking component accepts them
+    // In a full React testing environment, we would render this
+    expect(props.children).toBe('Test markdown content');
+    expect(props.isAnimating).toBe(false);
+    expect(props.shikiTheme).toEqual(['github-dark', 'github-dark']);
+  });
+  it('should be a memoized React component', () => {
+    // Response component should be memoized with React.memo
+    // React.memo returns an object, not a function
+    expect(Response).toBeDefined();
+    expect(typeof Response).toBe('object');
+    expect(Response.displayName).toBe('Response');
+  });
+  it('should handle markdown content prop correctly', () => {
+    const markdownContent = '# Hello World\n\nThis is a test.';
+    const props = {
+      children: markdownContent,
+    };
+    expect(props.children).toBe(markdownContent);
+  });
+  it('should handle animation state prop correctly', () => {
+    const animatingProps = {
+      children: 'Content',
+      isAnimating: true,
+    };
+    const staticProps = {
+      children: 'Content',
+      isAnimating: false,
+    };
+    expect(animatingProps.isAnimating).toBe(true);
+    expect(staticProps.isAnimating).toBe(false);
+  });
+  it('should handle theme configuration correctly', () => {
+    const customTheme = ['monokai', 'github-light'] as const;
+    const props = {
+      children: 'Content',
+      shikiTheme: customTheme,
+    };
+    expect(props.shikiTheme).toEqual(['monokai', 'github-light']);
+  });
+  it('should use default theme when not specified', () => {
+    // Default theme should be github-dark for both light and dark modes
+    const defaultTheme = ['github-dark', 'github-dark'] as const;
+    expect(defaultTheme).toEqual(['github-dark', 'github-dark']);
+  });
+  it('should handle className prop for styling', () => {
+    const customClass = 'custom-markdown-style max-w-none';
+    const props = {
+      children: 'Content',
+      className: customClass,
+    };
+    expect(props.className).toBe(customClass);
+  });
+  it('should support code blocks in markdown', () => {
+    const markdownWithCode = `
 # Code Example
 \`\`\`typescript
@@ -104,27 +104,27 @@ console.log(hello);
 \`\`\`
 `;
-        const props = {
-            children: markdownWithCode,
-        };
+    const props = {
+      children: markdownWithCode,
+    };
-        expect(props.children).toContain('```typescript');
-        expect(props.children).toContain('const hello');
-    });
+    expect(props.children).toContain('```typescript');
+    expect(props.children).toContain('const hello');
+  });
-    it('should support inline code in markdown', () => {
-        const markdownWithInlineCode = 'Use `const` instead of `var` in JavaScript.';
+  it('should support inline code in markdown', () => {
+    const markdownWithInlineCode = 'Use `const` instead of `var` in JavaScript.';
-        const props = {
-            children: markdownWithInlineCode,
-        };
+    const props = {
+      children: markdownWithInlineCode,
+    };
-        expect(props.children).toContain('`const`');
-        expect(props.children).toContain('`var`');
-    });
+    expect(props.children).toContain('`const`');
+    expect(props.children).toContain('`var`');
+  });
-    it('should support various markdown elements', () => {
-        const complexMarkdown = `
+  it('should support various markdown elements', () => {
+    const complexMarkdown = `
 # Heading 1
 ## Heading 2
@@ -138,57 +138,56 @@ console.log(hello);
 > Blockquote
 `;
-        const props = {
-            children: complexMarkdown,
-        };
-        expect(props.children).toContain('# Heading 1');
-        expect(props.children).toContain('**Bold text**');
-        expect(props.children).toContain('[Link]');
-        expect(props.children).toContain('> Blockquote');
-    });
-    it('should handle empty content gracefully', () => {
-        const props = {
-            children: '',
-        };
-        expect(props.children).toBe('');
-    });
-    it('should handle whitespace-only content', () => {
-        const props = {
-            children: '   \n\n   ',
-        };
-        expect(typeof props.children).toBe('string');
-        expect(props.children.trim()).toBe('');
-    });
-    it('should memo comparison logic work correctly', () => {
-        // The component uses memo with a custom comparison
-        // It should only re-render when children prop changes
-        const props1 = { children: 'Same content', isAnimating: false };
-        const props2 = { children: 'Same content', isAnimating: true };
-        const props3 = { children: 'Different content', isAnimating: false };
-        // Same children should be considered equal for memo
-        expect(props1.children === props2.children).toBe(true);
-        // Different children should not be equal
-        expect(props1.children === props3.children).toBe(false);
-    });
-    it('should apply default max-width styling', () => {
-        // Component should include "max-w-none" in its default className
-        // This is verified by checking the component implementation
-        const expectedClasses = 'size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0';
-        // This is the expected default className structure
-        expect(expectedClasses).toContain('size-full');
-        expect(expectedClasses).toContain('[&>*:first-child]:mt-0');
-        expect(expectedClasses).toContain('[&>*:last-child]:mb-0');
-    });
+    const props = {
+      children: complexMarkdown,
+    };
+    expect(props.children).toContain('# Heading 1');
+    expect(props.children).toContain('**Bold text**');
+    expect(props.children).toContain('[Link]');
+    expect(props.children).toContain('> Blockquote');
+  });
+  it('should handle empty content gracefully', () => {
+    const props = {
+      children: '',
+    };
+    expect(props.children).toBe('');
+  });
+  it('should handle whitespace-only content', () => {
+    const props = {
+      children: '   \n\n   ',
+    };
+    expect(typeof props.children).toBe('string');
+    expect(props.children.trim()).toBe('');
+  });
+  it('should memo comparison logic work correctly', () => {
+    // The component uses memo with a custom comparison
+    // It should only re-render when children prop changes
+    const props1 = { children: 'Same content', isAnimating: false };
+    const props2 = { children: 'Same content', isAnimating: true };
+    const props3 = { children: 'Different content', isAnimating: false };
+    // Same children should be considered equal for memo
+    expect(props1.children === props2.children).toBe(true);
+    // Different children should not be equal
+    expect(props1.children === props3.children).toBe(false);
+  });
+  it('should apply default max-width styling', () => {
+    // Component should include "max-w-none" in its default className
+    // This is verified by checking the component implementation
+    const expectedClasses = 'size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0';
+    // This is the expected default className structure
+    expect(expectedClasses).toContain('size-full');
+    expect(expectedClasses).toContain('[&>*:first-child]:mt-0');
+    expect(expectedClasses).toContain('[&>*:last-child]:mb-0');
+  });
 });

package/src/components/ai-elements/response.tsx CHANGED Viewed

@@ -1,18 +1,15 @@
-"use client";
+'use client';
-import { cn } from "@/lib/utils";
-import { type ComponentProps, memo } from "react";
-import { Streamdown } from "streamdown";
+import { cn } from '@/lib/utils';
+import { type ComponentProps, memo } from 'react';
+import { Streamdown } from 'streamdown';
 type ResponseProps = ComponentProps<typeof Streamdown>;
 export const Response = memo(
-  ({ className, shikiTheme = ["github-dark", "github-dark"], ...props }: ResponseProps) => (
+  ({ className, shikiTheme = ['github-dark', 'github-dark'], ...props }: ResponseProps) => (
     <Streamdown
-      className={cn(
-        "size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
-        className
-      )}
+      className={cn('size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0', className)}
       shikiTheme={shikiTheme}
       {...props}
     />
@@ -28,4 +25,4 @@ export const Response = memo(
   }
 );
-Response.displayName = "Response";
+Response.displayName = 'Response';

package/src/components/chat.tsx CHANGED Viewed

@@ -366,10 +366,10 @@ export default function Chat({
   // Convert AgentWithStatus to Agent, ensuring required fields have defaults
   const targetAgentData: Agent | undefined = agentDataResponse?.data
     ? ({
-      ...agentDataResponse.data,
-      createdAt: agentDataResponse.data.createdAt || Date.now(),
-      updatedAt: agentDataResponse.data.updatedAt || Date.now(),
-    } as Agent)
+        ...agentDataResponse.data,
+        createdAt: agentDataResponse.data.createdAt || Date.now(),
+        updatedAt: agentDataResponse.data.updatedAt || Date.now(),
+      } as Agent)
     : undefined;
   const { handleDelete: handleDeleteAgent, isDeleting: isDeletingAgent } = useDeleteAgent(
@@ -1354,11 +1354,11 @@ export default function Chat({
                                 <span className="text-xs text-muted-foreground">
                                   {moment(
                                     (typeof channel.metadata?.createdAt === 'string' ||
-                                      typeof channel.metadata?.createdAt === 'number'
+                                    typeof channel.metadata?.createdAt === 'number'
                                       ? channel.metadata.createdAt
                                       : null) ||
-                                    channel.updatedAt ||
-                                    channel.createdAt
+                                      channel.updatedAt ||
+                                      channel.createdAt
                                   ).fromNow()}
                                 </span>
                               </div>

package/src/index.css CHANGED Viewed

@@ -170,4 +170,4 @@
   body {
     @apply bg-background text-foreground;
   }
-}
+}

package/dist/assets/classDiagram-2ON5EDUG-B0ASNnbX.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{s as a,c as s,a as e,C as t}from"./chunk-B4BG7PRW-qIW-HouX.js";import{_ as i}from"./mermaid.core-rWg6JcoC.js";import"./chunk-FMBD7UC4-DvTLIOqx.js";import"./chunk-55IACEB6-o-GxTW9D.js";import"./chunk-QN33PNHL-IzRCZEG_.js";import"./main-C81Et7oP.js";import"./main-Chbvf6JP.js";import"./react-vendor-BGrcQn-n.js";import"./ui-vendor-B7JxFfFk.js";var b={parser:e,get db(){return new t},renderer:s,styles:a,init:i(r=>{r.class\|\|(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{b as diagram};
2	- //# sourceMappingURL=classDiagram-2ON5EDUG-B0ASNnbX.js.map

package/dist/assets/classDiagram-v2-WZHVMYZB-B0ASNnbX.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{s as a,c as s,a as e,C as t}from"./chunk-B4BG7PRW-qIW-HouX.js";import{_ as i}from"./mermaid.core-rWg6JcoC.js";import"./chunk-FMBD7UC4-DvTLIOqx.js";import"./chunk-55IACEB6-o-GxTW9D.js";import"./chunk-QN33PNHL-IzRCZEG_.js";import"./main-C81Et7oP.js";import"./main-Chbvf6JP.js";import"./react-vendor-BGrcQn-n.js";import"./ui-vendor-B7JxFfFk.js";var b={parser:e,get db(){return new t},renderer:s,styles:a,init:i(r=>{r.class\|\|(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{b as diagram};
2	- //# sourceMappingURL=classDiagram-v2-WZHVMYZB-B0ASNnbX.js.map

package/dist/assets/stateDiagram-v2-4FDKWEC3-DOXH6dJF.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{s as r,b as e,a,S as s}from"./chunk-DI55MBZ5-CUalBYtH.js";import{_ as i}from"./mermaid.core-rWg6JcoC.js";import"./chunk-55IACEB6-o-GxTW9D.js";import"./chunk-QN33PNHL-IzRCZEG_.js";import"./main-C81Et7oP.js";import"./main-Chbvf6JP.js";import"./react-vendor-BGrcQn-n.js";import"./ui-vendor-B7JxFfFk.js";var b={parser:a,get db(){return new s(2)},renderer:e,styles:r,init:i(t=>{t.state\|\|(t.state={}),t.state.arrowMarkerAbsolute=t.arrowMarkerAbsolute},"init")};export{b as diagram};
2	- //# sourceMappingURL=stateDiagram-v2-4FDKWEC3-DOXH6dJF.js.map