@nextclaw/ui 0.13.10-beta.1 → 0.13.11-beta.0

package/src/features/panel-apps/utils/panel-app-doc-browser.utils.tsx

@@ -80,8 +80,9 @@ export const PANEL_APPS_DOC_BROWSER_RENDERERS: DocBrowserCustomTabRenderers = {
     getTitle: (tab) => tab.title || t('panelAppsTitle'),
     onIframeMessage: (params) => getPresenter().panelAppBridgeManager.handleIframeMessage(params),
     renderIcon: () => <AppWindow className="w-4 h-4 text-primary shrink-0" />,
-    renderToolbar: ({ open, refreshIframe }) => (
+    renderToolbar: ({ open, refreshIframe, tab }) => (
       <PanelAppToolbar
+        appTitle={tab.title || t('panelAppsTitle')}
         onOpenApps={() => openApps({ open })}
         onRefresh={refreshIframe}
       />

package/src/shared/hooks/use-config.ts

@@ -257,9 +257,9 @@ export function useExecuteConfigAction() {
   });
 }
 
-export function useNcpSessions(params?: { limit?: number }) {
+export function useNcpSessions(params?: { limit?: number; peerId?: string }) {
   return useQuery({
-    queryKey: ['ncp-sessions', params?.limit ?? null],
+    queryKey: ['ncp-sessions', params?.limit ?? null, params?.peerId?.trim() || null],
     queryFn: () => fetchNcpSessions(params),
     staleTime: 5_000,
     retry: false

package/src/shared/lib/api/ncp-session-query-cache.utils.test.ts

@@ -198,4 +198,39 @@ describe('ncp-session-query-cache', () => {
       queryClient.getQueryData<NcpSessionsListView>(['ncp-sessions', 200])?.sessions.map((session) => session.sessionId)
     ).toEqual(['session-3', 'session-2']);
   });
+
+  it('does not upsert a peer summary into another peer filtered session cache', () => {
+    const queryClient = new QueryClient();
+    queryClient.setQueryData(['ncp-sessions', 200, 'peer-a'], {
+      sessions: [],
+      total: 0
+    });
+    queryClient.setQueryData(['ncp-sessions', 200, 'peer-b'], {
+      sessions: [],
+      total: 0
+    });
+
+    applyNcpSessionRealtimeEvent(queryClient, {
+      type: 'session.summary.upsert',
+      payload: {
+        summary: {
+          sessionId: 'session-peer-a',
+          peerId: 'peer-a',
+          messageCount: 1,
+          updatedAt: '2026-03-29T12:00:00.000Z',
+          status: 'idle'
+        }
+      }
+    });
+
+    expect(
+      queryClient.getQueryData<NcpSessionsListView>(['ncp-sessions', 200, 'peer-a'])?.sessions
+    ).toEqual([
+      expect.objectContaining({
+        peerId: 'peer-a',
+        sessionId: 'session-peer-a'
+      })
+    ]);
+    expect(queryClient.getQueryData<NcpSessionsListView>(['ncp-sessions', 200, 'peer-b'])?.sessions).toEqual([]);
+  });
 });

package/src/shared/lib/api/ncp-session-query-cache.utils.ts

@@ -21,6 +21,14 @@ function shouldReplaceSessionSummary(
   return current.status === next.status || next.status === 'idle';
 }
 
+function queryKeyAcceptsSessionSummary(queryKey: readonly unknown[], summary: NcpSessionSummaryView): boolean {
+  if (queryKey[0] !== 'ncp-sessions') {
+    return false;
+  }
+  const peerId = typeof queryKey[2] === 'string' ? queryKey[2].trim() : '';
+  return !peerId || summary.peerId === peerId;
+}
+
 export function upsertNcpSessionSummaryList(
   current: NcpSessionsListView | undefined,
   summary: NcpSessionSummaryView
@@ -80,7 +88,7 @@ export function upsertNcpSessionSummaryInQueryClient(
   summary: NcpSessionSummaryView
 ): void {
   queryClient?.setQueriesData<NcpSessionsListView>(
-    { queryKey: ['ncp-sessions'] },
+    { predicate: (query) => queryKeyAcceptsSessionSummary(query.queryKey, summary) },
     (current) => upsertNcpSessionSummaryList(current, summary)
   );
 }

package/src/shared/lib/api/utils/ncp-session.utils.ts

@@ -1,4 +1,4 @@
-import { nextclawClient } from '../managers/client.manager';
+import { nextclawClient } from '@/shared/lib/api/managers/client.manager';
 import type {
   NcpSessionMessagesView,
   NcpSessionSkillsView,
@@ -8,7 +8,7 @@ import type {
 } from '@/shared/lib/api/types';
 
 // GET /api/ncp/sessions
-export async function fetchNcpSessions(params?: { limit?: number }): Promise<NcpSessionsListView> {
+export async function fetchNcpSessions(params?: { limit?: number; peerId?: string }): Promise<NcpSessionsListView> {
   return await nextclawClient.sessions.list(params) as NcpSessionsListView;
 }
 

package/vite.config.ts

@@ -39,6 +39,14 @@ export default defineConfig({
   server: {
     host: '127.0.0.1',
     port: 5174,
+    cors: {
+      credentials: true,
+      origin: [
+        /^http:\/\/localhost:\d+$/,
+        /^http:\/\/127\.0\.0\.1:\d+$/,
+        'null',
+      ],
+    },
     strictPort: true,
     proxy: {
       '/api': {

package/dist/assets/mcp-marketplace-page-9maf_9fL.js

@@ -1 +0,0 @@
-import{t as e}from"./mcp-marketplace-page-WAgpy0hp.js";export{e as McpMarketplacePage};

package/dist/assets/remote-qtmzkte2.js

@@ -1 +0,0 @@
-import{b as e}from"./app-presenter-provider-BFbrQp8q.js";export{e as RemoteAccessPage};