npm - @elizaos/client - Versions diffs - 1.7.2-alpha.10 → 1.7.2-alpha.11 - Mend

@elizaos/client 1.7.2-alpha.10 → 1.7.2-alpha.11

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 (14) 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-CkdfNj0n.js"></script>
+    <script type="module" crossorigin src="/assets/main-CqTmsniN.js"></script>
   </head>
   <body>
     <div id="root"></div>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@elizaos/client",
-  "version": "1.7.2-alpha.10",
+  "version": "1.7.2-alpha.11",
   "description": "Web client interface for ElizaOS agents",
   "repository": {
     "type": "git",
@@ -63,8 +63,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@elizaos/api-client": "1.7.2-alpha.10",
-    "@elizaos/core": "1.7.2-alpha.10",
+    "@elizaos/api-client": "1.7.2-alpha.11",
+    "@elizaos/core": "1.7.2-alpha.11",
     "@evilmartians/agent-prism-data": "^0.0.9",
     "@evilmartians/agent-prism-types": "^0.0.9",
     "@hookform/resolvers": "^5.1.1",
@@ -102,7 +102,7 @@
     "react-force-graph-2d": "^1.27.1",
     "react-joyride": "^2.9.3",
     "react-json-pretty": "^2.2.0",
-    "react-resizable-panels": "^4.4.1",
+    "react-resizable-panels": "^3.0.6",
     "react-router": "^7.3.0",
     "react-router-dom": "^7.3.0",
     "semver": "^7.7.1",
@@ -119,7 +119,7 @@
   "devDependencies": {
     "@cypress/react": "^9.0.1",
     "@cypress/vite-dev-server": "^7.0.0",
-    "@elizaos/config": "1.7.2-alpha.10",
+    "@elizaos/config": "1.7.2-alpha.11",
     "@eslint/js": "^9.22.0",
     "@happy-dom/global-registrator": "^20.0.11",
     "@playwright/test": "^1.40.0",
@@ -162,5 +162,5 @@
     "vite-tsconfig-paths": "^6.0.4",
     "wait-on": "^9.0.1"
   },
-  "gitHead": "8bd6ed3d7233bb72b3d4844e6b00c5eb24ff9ff1"
+  "gitHead": "e2153e0a15023b8fc47fd6ea792a7bbae693d1d4"
 }

package/src/components/chat.tsx CHANGED Viewed

@@ -1675,14 +1675,12 @@ export default function Chat({
         ) : (
           /* Resizable panel layout for desktop mode */
           <ResizablePanelGroup
-            orientation="horizontal"
+            direction="horizontal"
             className="h-full flex-1 overflow-hidden"
-            onLayoutChange={(layout: { [panelId: string]: number }) => {
-              const mainSize = layout['main-panel'];
-              const sideSize = layout['sidebar-panel'];
-              if (mainSize !== undefined && sideSize !== undefined && showSidebar && !chatState.isMobile) {
-                setMainPanelSize(mainSize);
-                setSidebarPanelSize(sideSize);
+            onLayout={(sizes) => {
+              if (sizes.length >= 2 && showSidebar && !chatState.isMobile) {
+                setMainPanelSize(sizes[0]);
+                setSidebarPanelSize(sizes[1]);
               }
             }}
           >
@@ -1793,7 +1791,12 @@ export default function Chat({
                 !chatState.isMobile && (
                   <>
                     <ResizableHandle withHandle />
-                    <ResizablePanel id="sidebar-panel" defaultSize={sidebarPanelSize} minSize={15} maxSize={85}>
+                    <ResizablePanel
+                      id="sidebar-panel"
+                      defaultSize={sidebarPanelSize}
+                      minSize={15}
+                      maxSize={85}
+                    >
                       <AgentSidebar
                         agentId={sidebarAgentId}
                         agentName={sidebarAgentName}

package/src/components/ui/resizable.tsx CHANGED Viewed

@@ -1,30 +1,30 @@
 'use client';
 import { GripVertical } from 'lucide-react';
-import { Group, Panel, Separator } from 'react-resizable-panels';
+import * as ResizablePrimitive from 'react-resizable-panels';
 import { cn } from '@/lib/utils';
 const ResizablePanelGroup = ({
   className,
   ...props
-}: React.ComponentProps<typeof Group>) => (
-  <Group
+}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (
+  <ResizablePrimitive.PanelGroup
     className={cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className)}
     {...props}
   />
 );
-const ResizablePanel = Panel;
+const ResizablePanel = ResizablePrimitive.Panel;
 const ResizableHandle = ({
   withHandle,
   className,
   ...props
-}: React.ComponentProps<typeof Separator> & {
+}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
   withHandle?: boolean;
 }) => (
-  <Separator
+  <ResizablePrimitive.PanelResizeHandle
     className={cn(
       'relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90',
       className
@@ -36,7 +36,7 @@ const ResizableHandle = ({
         <GripVertical className="h-2.5 w-2.5" />
       </div>
     )}
-  </Separator>
+  </ResizablePrimitive.PanelResizeHandle>
 );
 export { ResizablePanelGroup, ResizablePanel, ResizableHandle };