@nextclaw/ui 0.9.11 → 0.9.13

package/src/api/raw-client.ts

@@ -0,0 +1,87 @@
+import { API_BASE } from './api-base';
+import type { ApiResponse } from './types';
+
+function compactSnippet(text: string) {
+  return text.replace(/\s+/g, ' ').trim().slice(0, 200);
+}
+
+function inferNonJsonHint(endpoint: string, status: number): string | undefined {
+  if (
+    status === 404 &&
+    endpoint.startsWith('/api/config/providers/') &&
+    endpoint.endsWith('/test')
+  ) {
+    return 'Provider test endpoint is missing. This usually means nextclaw runtime version is outdated.';
+  }
+  if (status === 401 || status === 403) {
+    return 'Authentication failed. Check apiKey and custom headers.';
+  }
+  if (status === 429) {
+    return 'Rate limited by upstream provider. Retry later or switch model/provider.';
+  }
+  if (status >= 500) {
+    return 'Upstream service error. Retry later and inspect server logs if it persists.';
+  }
+  return undefined;
+}
+
+export async function requestRawApiResponse<T>(
+  endpoint: string,
+  options: RequestInit = {}
+): Promise<ApiResponse<T>> {
+  const url = `${API_BASE}${endpoint}`;
+  const method = (options.method || 'GET').toUpperCase();
+
+  const response = await fetch(url, {
+    credentials: 'include',
+    headers: {
+      'Content-Type': 'application/json',
+      ...options.headers
+    },
+    ...options
+  });
+
+  const text = await response.text();
+  let data: ApiResponse<T> | null = null;
+  if (text) {
+    try {
+      data = JSON.parse(text) as ApiResponse<T>;
+    } catch {
+      // fall through to build a synthetic error response
+    }
+  }
+
+  if (!data) {
+    const snippet = text ? compactSnippet(text) : '';
+    const hint = inferNonJsonHint(endpoint, response.status);
+    const parts = [`Non-JSON response (${response.status} ${response.statusText}) on ${method} ${endpoint}`];
+    if (snippet) {
+      parts.push(`body=${snippet}`);
+    }
+    if (hint) {
+      parts.push(`hint=${hint}`);
+    }
+    return {
+      ok: false,
+      error: {
+        code: 'INVALID_RESPONSE',
+        message: parts.join(' | '),
+        details: {
+          status: response.status,
+          statusText: response.statusText,
+          method,
+          endpoint,
+          url,
+          bodySnippet: snippet || undefined,
+          hint
+        }
+      }
+    };
+  }
+
+  if (!response.ok) {
+    return data as ApiResponse<T>;
+  }
+
+  return data as ApiResponse<T>;
+}

package/src/components/chat/ChatSidebar.test.tsx

@@ -10,7 +10,9 @@ const mocks = vi.hoisted(() => ({
   createSession: vi.fn(),
   setQuery: vi.fn(),
   selectSession: vi.fn(),
-  docOpen: vi.fn()
+  docOpen: vi.fn(),
+  updateSession: vi.fn(),
+  updateNcpSession: vi.fn()
 }));
 
 vi.mock('@/components/chat/presenter/chat-presenter-context', () => ({
@@ -29,6 +31,19 @@ vi.mock('@/components/doc-browser', () => ({
   })
 }));
 
+vi.mock('@/components/chat/chat-session-label.service', () => ({
+  useChatSessionLabelService: () => async (params: {
+    chatChain: 'legacy' | 'ncp';
+    sessionKey: string;
+    label: string | null;
+  }) => {
+    if (params.chatChain === 'ncp') {
+      return mocks.updateNcpSession(params.sessionKey, { label: params.label });
+    }
+    return mocks.updateSession(params.sessionKey, { label: params.label });
+  }
+}));
+
 vi.mock('@/components/common/BrandHeader', () => ({
   BrandHeader: () => <div data-testid="brand-header" />
 }));
@@ -62,6 +77,10 @@ describe('ChatSidebar', () => {
     mocks.setQuery.mockReset();
     mocks.selectSession.mockReset();
     mocks.docOpen.mockReset();
+    mocks.updateSession.mockReset();
+    mocks.updateNcpSession.mockReset();
+    mocks.updateSession.mockResolvedValue({});
+    mocks.updateNcpSession.mockResolvedValue({});
 
     useChatInputStore.setState({
       snapshot: {
@@ -160,6 +179,7 @@ describe('ChatSidebar', () => {
 
     expect(screen.getByText('Codex Task')).not.toBeNull();
     expect(screen.getByText('Codex')).not.toBeNull();
+    expect(screen.getByText('session:codex-1')).not.toBeNull();
   });
 
   it('formats non-native session badges generically when the type is no longer in the available options', () => {
@@ -229,4 +249,117 @@ describe('ChatSidebar', () => {
     expect(screen.getByText('Native Task')).not.toBeNull();
     expect(screen.queryByText('Native')).toBeNull();
   });
+
+  it('edits the session label inline and saves through the ncp session api by default', async () => {
+    useChatSessionListStore.setState({
+      snapshot: {
+        ...useChatSessionListStore.getState().snapshot,
+        sessions: [
+          {
+            key: 'session:ncp-1',
+            createdAt: '2026-03-19T09:00:00.000Z',
+            updatedAt: '2026-03-19T09:05:00.000Z',
+            label: 'Initial Label',
+            sessionType: 'native',
+            sessionTypeMutable: false,
+            messageCount: 1
+          }
+        ]
+      }
+    });
+
+    render(
+      <MemoryRouter>
+        <ChatSidebar />
+      </MemoryRouter>
+    );
+
+    fireEvent.click(screen.getByLabelText('Edit'));
+    fireEvent.change(screen.getByPlaceholderText('Session label (optional)'), {
+      target: { value: 'Renamed Label' }
+    });
+    fireEvent.click(screen.getByLabelText('Save'));
+
+    await waitFor(() => {
+      expect(mocks.updateNcpSession).toHaveBeenCalledWith('session:ncp-1', {
+        label: 'Renamed Label'
+      });
+    });
+    expect(mocks.updateSession).not.toHaveBeenCalled();
+    expect(screen.getByText('Renamed Label')).not.toBeNull();
+  });
+
+  it('routes inline session label edits to the legacy session api when chatChain=legacy', async () => {
+    useChatSessionListStore.setState({
+      snapshot: {
+        ...useChatSessionListStore.getState().snapshot,
+        sessions: [
+          {
+            key: 'session:legacy-1',
+            createdAt: '2026-03-19T09:00:00.000Z',
+            updatedAt: '2026-03-19T09:05:00.000Z',
+            label: 'Legacy Label',
+            sessionType: 'native',
+            sessionTypeMutable: false,
+            messageCount: 1
+          }
+        ]
+      }
+    });
+
+    render(
+      <MemoryRouter initialEntries={['/chat?chatChain=legacy']}>
+        <ChatSidebar />
+      </MemoryRouter>
+    );
+
+    fireEvent.click(screen.getByLabelText('Edit'));
+    fireEvent.change(screen.getByPlaceholderText('Session label (optional)'), {
+      target: { value: 'Legacy Renamed' }
+    });
+    fireEvent.click(screen.getByLabelText('Save'));
+
+    await waitFor(() => {
+      expect(mocks.updateSession).toHaveBeenCalledWith('session:legacy-1', {
+        label: 'Legacy Renamed'
+      });
+    });
+    expect(mocks.updateNcpSession).not.toHaveBeenCalled();
+  });
+
+  it('cancels inline session label editing without saving', () => {
+    useChatSessionListStore.setState({
+      snapshot: {
+        ...useChatSessionListStore.getState().snapshot,
+        sessions: [
+          {
+            key: 'session:ncp-2',
+            createdAt: '2026-03-19T09:00:00.000Z',
+            updatedAt: '2026-03-19T09:05:00.000Z',
+            label: 'Cancelable Label',
+            sessionType: 'native',
+            sessionTypeMutable: false,
+            messageCount: 1
+          }
+        ]
+      }
+    });
+
+    render(
+      <MemoryRouter>
+        <ChatSidebar />
+      </MemoryRouter>
+    );
+
+    fireEvent.click(screen.getByLabelText('Edit'));
+    fireEvent.change(screen.getByPlaceholderText('Session label (optional)'), {
+      target: { value: 'Should Not Persist' }
+    });
+    fireEvent.click(screen.getByLabelText('Cancel'));
+
+    expect(mocks.updateSession).not.toHaveBeenCalled();
+    expect(mocks.updateNcpSession).not.toHaveBeenCalled();
+    expect(screen.queryByDisplayValue('Should Not Persist')).toBeNull();
+    expect(screen.getByText('Cancelable Label')).not.toBeNull();
+  });
 });

package/src/components/chat/ChatSidebar.tsx

@@ -6,20 +6,33 @@ import { StatusBadge } from '@/components/common/StatusBadge';
 import { Input } from '@/components/ui/input';
 import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
 import { Select, SelectContent, SelectItem, SelectTrigger } from '@/components/ui/select';
-import { SessionRunBadge } from '@/components/common/SessionRunBadge';
+import { ChatSidebarSessionItem } from '@/components/chat/chat-sidebar-session-item';
+import { useChatSessionLabelService } from '@/components/chat/chat-session-label.service';
 import { usePresenter } from '@/components/chat/presenter/chat-presenter-context';
 import { useChatInputStore } from '@/components/chat/stores/chat-input.store';
 import { useChatRunStatusStore } from '@/components/chat/stores/chat-run-status.store';
 import { useChatSessionListStore } from '@/components/chat/stores/chat-session-list.store';
+import { resolveChatChain } from '@/components/chat/chat-chain';
 import { cn } from '@/lib/utils';
-import { LANGUAGE_OPTIONS, formatDateTime, t, type I18nLanguage } from '@/lib/i18n';
+import { LANGUAGE_OPTIONS, t, type I18nLanguage } from '@/lib/i18n';
 import { THEME_OPTIONS, type UiTheme } from '@/lib/theme';
 import { useI18n } from '@/components/providers/I18nProvider';
 import { useTheme } from '@/components/providers/ThemeProvider';
 import { useDocBrowser } from '@/components/doc-browser';
 import { useUiStore } from '@/stores/ui.store';
-import { NavLink } from 'react-router-dom';
-import { AlarmClock, BookOpen, BrainCircuit, ChevronDown, Languages, MessageSquareText, Palette, Plus, Search, Settings } from 'lucide-react';
+import { NavLink, useLocation } from 'react-router-dom';
+import {
+  AlarmClock,
+  BookOpen,
+  BrainCircuit,
+  ChevronDown,
+  Languages,
+  MessageSquareText,
+  Palette,
+  Plus,
+  Search,
+  Settings
+} from 'lucide-react';
 
 type DateGroup = {
   label: string;
@@ -103,13 +116,19 @@ const navItems = [
 export function ChatSidebar() {
   const presenter = usePresenter();
   const docBrowser = useDocBrowser();
+  const location = useLocation();
   const [isCreateMenuOpen, setIsCreateMenuOpen] = useState(false);
+  const [editingSessionKey, setEditingSessionKey] = useState<string | null>(null);
+  const [draftLabel, setDraftLabel] = useState('');
+  const [savingSessionKey, setSavingSessionKey] = useState<string | null>(null);
   const inputSnapshot = useChatInputStore((state) => state.snapshot);
   const listSnapshot = useChatSessionListStore((state) => state.snapshot);
   const runSnapshot = useChatRunStatusStore((state) => state.snapshot);
   const connectionStatus = useUiStore((state) => state.connectionStatus);
   const { language, setLanguage } = useI18n();
   const { theme, setTheme } = useTheme();
+  const updateSessionLabel = useChatSessionLabelService();
+  const chatChain = resolveChatChain(location.search);
   const currentThemeLabel = t(THEME_OPTIONS.find((o) => o.value === theme)?.labelKey ?? 'themeWarm');
   const currentLanguageLabel = LANGUAGE_OPTIONS.find((o) => o.value === language)?.label ?? language;
 
@@ -126,6 +145,53 @@ export function ChatSidebar() {
     window.location.reload();
   };
 
+  const patchSessionLabelInStore = (sessionKey: string, label: string | undefined) => {
+    const { sessions } = useChatSessionListStore.getState().snapshot;
+    useChatSessionListStore.getState().setSnapshot({
+      sessions: sessions.map((session) =>
+        session.key === sessionKey
+          ? {
+              ...session,
+              ...(label ? { label } : { label: undefined })
+            }
+          : session
+      )
+    });
+  };
+
+  const startEditingSessionLabel = (session: SessionEntryView) => {
+    setEditingSessionKey(session.key);
+    setDraftLabel(session.label?.trim() ?? '');
+  };
+
+  const cancelEditingSessionLabel = () => {
+    setEditingSessionKey(null);
+    setDraftLabel('');
+    setSavingSessionKey(null);
+  };
+
+  const saveSessionLabel = async (session: SessionEntryView) => {
+    const normalizedLabel = draftLabel.trim();
+    const currentLabel = session.label?.trim() ?? '';
+    if (normalizedLabel === currentLabel) {
+      cancelEditingSessionLabel();
+      return;
+    }
+
+    setSavingSessionKey(session.key);
+    try {
+      await updateSessionLabel({
+        chatChain,
+        sessionKey: session.key,
+        label: normalizedLabel || null
+      });
+      patchSessionLabelInStore(session.key, normalizedLabel || undefined);
+      cancelEditingSessionLabel();
+    } catch {
+      setSavingSessionKey(null);
+    }
+  };
+
   return (
     <aside className="w-[280px] shrink-0 flex flex-col h-full bg-secondary border-r border-gray-200/60">
       <div className="px-5 pt-5 pb-3">
@@ -268,41 +334,25 @@ export function ChatSidebar() {
                     const active = listSnapshot.selectedSessionKey === session.key;
                     const runStatus = runSnapshot.sessionRunStatusByKey.get(session.key);
                     const sessionTypeLabel = resolveSessionTypeLabel(session.sessionType, inputSnapshot.sessionTypeOptions);
+                    const isEditing = editingSessionKey === session.key;
+                    const isSaving = savingSessionKey === session.key;
                     return (
-                      <button
+                      <ChatSidebarSessionItem
                         key={session.key}
-                        onClick={() => presenter.chatSessionListManager.selectSession(session.key)}
-                        className={cn(
-                          'w-full rounded-xl px-3 py-2 text-left transition-all text-[13px]',
-                          active
-                            ? 'bg-gray-200 text-gray-900 font-semibold shadow-sm'
-                            : 'text-gray-700 hover:bg-gray-200/60 hover:text-gray-900'
-                        )}
-                      >
-                        <div className="grid grid-cols-[minmax(0,1fr)_0.875rem] items-center gap-1.5">
-                          <span className="flex min-w-0 items-center gap-1.5">
-                            <span className="truncate font-medium">{sessionTitle(session)}</span>
-                            {sessionTypeLabel ? (
-                              <span
-                                className={cn(
-                                  'shrink-0 rounded-full border px-1.5 py-0.5 text-[10px] font-semibold leading-none',
-                                  active
-                                    ? 'border-gray-300 bg-white/80 text-gray-700'
-                                    : 'border-gray-200 bg-gray-100 text-gray-500'
-                                )}
-                              >
-                                {sessionTypeLabel}
-                              </span>
-                            ) : null}
-                          </span>
-                          <span className="inline-flex h-3.5 w-3.5 shrink-0 items-center justify-center">
-                            {runStatus ? <SessionRunBadge status={runStatus} /> : null}
-                          </span>
-                        </div>
-                        <div className="mt-0.5 text-[11px] text-gray-400 truncate">
-                          {session.messageCount} · {formatDateTime(session.updatedAt)}
-                        </div>
-                      </button>
+                        session={session}
+                        active={active}
+                        runStatus={runStatus}
+                        sessionTypeLabel={sessionTypeLabel}
+                        title={sessionTitle(session)}
+                        isEditing={isEditing}
+                        draftLabel={draftLabel}
+                        isSaving={isSaving}
+                        onSelect={() => presenter.chatSessionListManager.selectSession(session.key)}
+                        onStartEditing={() => startEditingSessionLabel(session)}
+                        onDraftLabelChange={setDraftLabel}
+                        onSave={() => saveSessionLabel(session)}
+                        onCancel={cancelEditingSessionLabel}
+                      />
                     );
                   })}
                 </div>

package/src/components/chat/chat-session-label.service.ts

@@ -0,0 +1,34 @@
+import { useQueryClient } from '@tanstack/react-query';
+import { toast } from 'sonner';
+import { updateSession } from '@/api/config';
+import { updateNcpSession } from '@/api/ncp-session';
+import type { ChatChain } from '@/components/chat/chat-chain';
+import { t } from '@/lib/i18n';
+
+type UpdateChatSessionLabelParams = {
+  chatChain: ChatChain;
+  sessionKey: string;
+  label: string | null;
+};
+
+export function useChatSessionLabelService() {
+  const queryClient = useQueryClient();
+
+  return async (params: UpdateChatSessionLabelParams): Promise<void> => {
+    try {
+      if (params.chatChain === 'ncp') {
+        await updateNcpSession(params.sessionKey, { label: params.label });
+        queryClient.invalidateQueries({ queryKey: ['ncp-sessions'] });
+        queryClient.invalidateQueries({ queryKey: ['ncp-session-messages', params.sessionKey] });
+      } else {
+        await updateSession(params.sessionKey, { label: params.label });
+        queryClient.invalidateQueries({ queryKey: ['sessions'] });
+        queryClient.invalidateQueries({ queryKey: ['session-history', params.sessionKey] });
+      }
+      toast.success(t('configSavedApplied'));
+    } catch (error) {
+      toast.error(t('configSaveFailed') + ': ' + (error instanceof Error ? error.message : String(error)));
+      throw error;
+    }
+  };
+}

package/src/components/chat/chat-sidebar-session-item.tsx

@@ -0,0 +1,147 @@
+import type { SessionEntryView } from '@/api/types';
+import { SessionRunBadge } from '@/components/common/SessionRunBadge';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import type { SessionRunStatus } from '@/lib/session-run-status';
+import { cn } from '@/lib/utils';
+import { formatDateTime, t } from '@/lib/i18n';
+import { Check, Pencil, X } from 'lucide-react';
+
+type ChatSidebarSessionItemProps = {
+  session: SessionEntryView;
+  active: boolean;
+  runStatus?: SessionRunStatus;
+  sessionTypeLabel: string | null;
+  title: string;
+  isEditing: boolean;
+  draftLabel: string;
+  isSaving: boolean;
+  onSelect: () => void;
+  onStartEditing: () => void;
+  onDraftLabelChange: (value: string) => void;
+  onSave: () => void | Promise<void>;
+  onCancel: () => void;
+};
+
+export function ChatSidebarSessionItem(props: ChatSidebarSessionItemProps) {
+  const {
+    session,
+    active,
+    runStatus,
+    sessionTypeLabel,
+    title,
+    isEditing,
+    draftLabel,
+    isSaving,
+    onSelect,
+    onStartEditing,
+    onDraftLabelChange,
+    onSave,
+    onCancel
+  } = props;
+
+  return (
+    <div
+      className={cn(
+        'w-full rounded-xl px-3 py-2 text-left transition-all text-[13px]',
+        active
+          ? 'bg-gray-200 text-gray-900 font-semibold shadow-sm'
+          : 'text-gray-700 hover:bg-gray-200/60 hover:text-gray-900'
+      )}
+    >
+      {isEditing ? (
+        <div className="space-y-2">
+          <Input
+            value={draftLabel}
+            onChange={(event) => onDraftLabelChange(event.target.value)}
+            onKeyDown={(event) => {
+              if (event.key === 'Enter') {
+                event.preventDefault();
+                void onSave();
+              } else if (event.key === 'Escape') {
+                event.preventDefault();
+                onCancel();
+              }
+            }}
+            placeholder={t('sessionsLabelPlaceholder')}
+            className="h-8 rounded-lg border-gray-300 bg-white text-xs"
+            autoFocus
+            disabled={isSaving}
+          />
+          <div className="flex items-center justify-between gap-2">
+            <div className="min-w-0 text-[11px] text-gray-400 truncate">{session.key}</div>
+            <div className="flex items-center gap-1">
+              <Button
+                type="button"
+                size="icon"
+                variant="ghost"
+                className="h-7 w-7 rounded-lg text-gray-500 hover:bg-white hover:text-gray-900"
+                onClick={() => void onSave()}
+                disabled={isSaving}
+                aria-label={t('save')}
+              >
+                <Check className="h-3.5 w-3.5" />
+              </Button>
+              <Button
+                type="button"
+                size="icon"
+                variant="ghost"
+                className="h-7 w-7 rounded-lg text-gray-500 hover:bg-white hover:text-gray-900"
+                onClick={onCancel}
+                disabled={isSaving}
+                aria-label={t('cancel')}
+              >
+                <X className="h-3.5 w-3.5" />
+              </Button>
+            </div>
+          </div>
+        </div>
+      ) : (
+        <div className="group/session relative">
+          <button type="button" onClick={onSelect} className="w-full text-left">
+            <div className="grid grid-cols-[minmax(0,1fr)_0.875rem] items-center gap-1.5 pr-8">
+              <span className="flex min-w-0 items-center gap-1.5">
+                <span className="truncate font-medium">{title}</span>
+                {sessionTypeLabel ? (
+                  <span
+                    className={cn(
+                      'shrink-0 rounded-full border px-1.5 py-0.5 text-[10px] font-semibold leading-none',
+                      active
+                        ? 'border-gray-300 bg-white/80 text-gray-700'
+                        : 'border-gray-200 bg-gray-100 text-gray-500'
+                    )}
+                  >
+                    {sessionTypeLabel}
+                  </span>
+                ) : null}
+              </span>
+              <span className="inline-flex h-3.5 w-3.5 shrink-0 items-center justify-center">
+                {runStatus ? <SessionRunBadge status={runStatus} /> : null}
+              </span>
+            </div>
+            <div className="mt-0.5 text-[11px] text-gray-400 truncate">{session.key}</div>
+            <div className="mt-0.5 text-[11px] text-gray-400 truncate">
+              {session.messageCount} · {formatDateTime(session.updatedAt)}
+            </div>
+          </button>
+          <button
+            type="button"
+            onClick={(event) => {
+              event.stopPropagation();
+              onStartEditing();
+            }}
+            className={cn(
+              'absolute right-0 top-0 inline-flex h-7 w-7 items-center justify-center rounded-lg text-gray-400 transition-all hover:bg-white hover:text-gray-900',
+              active
+                ? 'opacity-100'
+                : 'opacity-0 group-hover/session:opacity-100 group-focus-within/session:opacity-100'
+            )}
+            aria-label={t('edit')}
+          >
+            <Pencil className="h-3.5 w-3.5" />
+          </button>
+        </div>
+      )}
+    </div>
+  );
+}

package/src/components/chat/ncp/NcpChatPage.tsx

@@ -2,11 +2,12 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { NcpHttpAgentClientEndpoint } from '@nextclaw/ncp-http-agent-client';
 import { useHydratedNcpAgent, type NcpConversationSeed } from '@nextclaw/ncp-react';
 import { useLocation, useNavigate, useParams } from 'react-router-dom';
-import { API_BASE } from '@/api/client';
+import { API_BASE } from '@/api/api-base';
 import { fetchNcpSessionMessages } from '@/api/ncp-session';
 import type { ChatRunView } from '@/api/types';
 import { sessionDisplayName } from '@/components/chat/chat-page-data';
 import { ChatPageLayout, type ChatPageProps, useChatSessionSync } from '@/components/chat/chat-page-shell';
+import { createNcpAppClientFetch } from '@/components/chat/ncp/ncp-app-client-fetch';
 import { parseSessionKeyFromRoute, resolveAgentIdFromSessionKey } from '@/components/chat/chat-session-route';
 import { useNcpChatPageData } from '@/components/chat/ncp/ncp-chat-page-data';
 import { NcpChatPresenter } from '@/components/chat/ncp/ncp-chat.presenter';
@@ -18,14 +19,6 @@ import { resolveSessionTypeLabel } from '@/components/chat/useChatSessionTypeSta
 import { useConfirmDialog } from '@/hooks/useConfirmDialog';
 import { normalizeRequestedSkills } from '@/lib/chat-runtime-utils';
 
-function createFetchWithCredentials(): typeof fetch {
-  return (input, init) =>
-    fetch(input, {
-      credentials: 'include',
-      ...init
-    });
-}
-
 function buildNcpSendMetadata(payload: {
   model?: string;
   thinkingLevel?: string;
@@ -113,7 +106,7 @@ export function NcpChatPage({ view }: ChatPageProps) {
       new NcpHttpAgentClientEndpoint({
       baseUrl: API_BASE,
       basePath: '/api/ncp/agent',
-      fetchImpl: createFetchWithCredentials()
+      fetchImpl: createNcpAppClientFetch()
       })
   );