@nextclaw/ui 0.12.11 → 0.12.13

package/src/{components/chat/containers → features/chat/components/layout}/chat-sidebar.tsx

@@ -1,50 +1,42 @@
 import { useEffect, useMemo, useState } from 'react';
-import type { SessionEntryView } from '@/api/types';
-import { Button } from '@/components/ui/button';
-import { BrandHeader } from '@/components/common/BrandHeader';
-import { StatusBadge } from '@/components/common/StatusBadge';
-import { Input } from '@/components/ui/input';
-import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
-import { SelectItem } from '@/components/ui/select';
-import { ChatSidebarSessionItem } from '@/components/chat/chat-sidebar-session-item';
-import { ChatSessionTypeOptionItem } from '@/components/chat/chat-session-type-option-item';
-import { ChatSidebarListModeSwitch } from '@/components/chat/chat-sidebar-list-mode-switch';
-import {
-  ChatSidebarProjectGroups,
-  type ChatSidebarProjectGroup
-} from '@/components/chat/chat-sidebar-project-groups';
-import { resolveSessionContextView } from '@/lib/session-context.utils';
-import { useChatSidebarSessionLabelEditor } from '@/components/chat/hooks/use-chat-sidebar-session-label-editor';
-import { useNcpSessionListView, type NcpSessionListItemView } from '@/components/chat/ncp/use-ncp-session-list-view';
-import { usePresenter } from '@/components/chat/presenter/chat-presenter-context';
-import { useChatInputStore } from '@/components/chat/stores/chat-input.store';
+import type { SessionEntryView } from '@/shared/lib/api';
+import { BrandHeader } from '@/shared/components/common/brand-header';
+import { StatusBadge } from '@/shared/components/common/status-badge';
+import { SelectItem } from '@/shared/components/ui/select';
+import { ChatSidebarListModeSwitch, ChatSidebarProjectGroups, type ChatSidebarProjectGroup } from '@/features/chat';
+import { useChatSidebarSessionLabelEditor } from '@/features/chat/hooks/use-chat-sidebar-session-label-editor';
+import { useNcpSessionListView, type NcpSessionListItemView } from '@/features/chat/hooks/use-ncp-session-list-view';
+import { usePresenter } from '@/features/chat/components/providers/chat-presenter.provider';
+import { useChatInputStore } from '@/features/chat/stores/chat-input.store';
 import {
   shouldShowUnreadSessionIndicator,
   useChatSessionListStore
-} from '@/components/chat/stores/chat-session-list.store';
-import { useAgents } from '@/hooks/agents/useAgents';
-import { getSessionProjectName } from '@/lib/session-project/session-project.utils';
-import { cn } from '@/lib/utils';
-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 { SidebarActionItem, SidebarNavLinkItem, SidebarSelectItem } from '@/components/layout/sidebar-items';
+} from '@/features/chat/stores/chat-session-list.store';
 import { useSystemStatus } from '@/features/system-status';
+import { useAgents } from '@/shared/hooks/use-agents';
+import { getSessionProjectName } from '@/shared/lib/session-project';
+import { cn } from '@/shared/lib/utils';
+import { LANGUAGE_OPTIONS, t, type I18nLanguage } from '@/shared/lib/i18n';
+import { THEME_OPTIONS, type UiTheme } from '@/shared/lib/theme';
+import { useI18n } from '@/app/components/i18n-provider';
+import { useTheme } from '@/app/components/theme-provider';
+import { useDocBrowser } from '@/shared/components/doc-browser';
+import { SidebarActionItem, SidebarNavLinkItem, SidebarSelectItem } from '@/app/components/layout/sidebar-items';
 import {
   AlarmClock,
   Bot,
   BookOpen,
   BrainCircuit,
-  ChevronDown,
   Languages,
   MessageSquareText,
   Palette,
-  Plus,
-  Search,
   Settings
 } from 'lucide-react';
+import { ChatSidebarSessionEntry } from '@/features/chat/components/layout/chat-sidebar-session-entry';
+import {
+  ChatSidebarDesktopToolbar,
+  ChatSidebarMobileToolbar,
+} from '@/features/chat/components/layout/chat-sidebar-toolbar';
 
 type DateGroup = {
   label: string;
@@ -137,6 +129,8 @@ const navItems = [
   { target: '/agents', label: () => t('agentsPageTitle'), icon: Bot },
 ];
 
+type ChatSidebarVariant = 'desktop' | 'mobile';
+
 function useChatSessionUnreadState(
   items: readonly NcpSessionListItemView[],
   selectedSessionKey: string | null,
@@ -169,7 +163,13 @@ function useChatSessionUnreadState(
 
   return optimisticReadAtBySessionKey;
 }
-export function ChatSidebar() {
+
+export function ChatSidebar({
+  variant = 'desktop',
+}: {
+  variant?: ChatSidebarVariant;
+}) {
+  const isMobileVariant = variant === 'mobile';
   const presenter = usePresenter();
   const docBrowser = useDocBrowser();
   const [isCreateMenuOpen, setIsCreateMenuOpen] = useState(false);
@@ -230,145 +230,96 @@ export function ChatSidebar() {
     setLanguage(nextLang);
     window.location.reload();
   };
-  const renderSessionItem = ({ session, runStatus }: NcpSessionListItemView) => {
-    const active = listSnapshot.selectedSessionKey === session.key;
-    const optimisticReadAt = optimisticReadAtBySessionKey[session.key];
-    const effectiveReadAt =
-      optimisticReadAt && session.readAt
-        ? (optimisticReadAt.localeCompare(session.readAt) > 0 ? optimisticReadAt : session.readAt)
-        : optimisticReadAt ?? session.readAt;
-    const showUnreadDot = shouldShowUnreadSessionIndicator({
-      active,
-      lastMessageAt: session.lastMessageAt,
-      readAt: effectiveReadAt,
-      runStatus,
-    });
-    const context = resolveSessionContextView(session, inputSnapshot.sessionTypeOptions);
-    const isEditing = editingSessionKey === session.key;
-    const isSaving = savingSessionKey === session.key;
-    const childSessions = childSessionsByParentKey.get(session.key) ?? [];
-    return (
-      <ChatSidebarSessionItem
-        key={session.key}
-        session={session}
-        active={active}
-        showUnreadDot={showUnreadDot}
-        runStatus={runStatus}
-        context={context}
-        title={sessionTitle(session)}
-        agentId={session.agentId ?? null}
-        agentLabel={session.agentId ? (agentsById.get(session.agentId)?.displayName ?? session.agentId) : null}
-        agentAvatarUrl={session.agentId ? (agentsById.get(session.agentId)?.avatarUrl ?? null) : null}
-        childSessionCount={childSessions.length}
-        isEditing={isEditing}
+  const renderSessionItem = (item: NcpSessionListItemView) =>
+    (
+      <ChatSidebarSessionEntry
+        key={item.session.key}
+        item={item}
+        selectedSessionKey={listSnapshot.selectedSessionKey}
+        optimisticReadAtBySessionKey={optimisticReadAtBySessionKey}
+        agentsById={agentsById}
+        childSessionsByParentKey={childSessionsByParentKey}
+        editingSessionKey={editingSessionKey}
         draftLabel={draftLabel}
-        isSaving={isSaving}
-        onSelect={() => presenter.chatSessionListManager.selectSession(session.key)}
-        onOpenChildSessions={() =>
+        savingSessionKey={savingSessionKey}
+        sessionTitle={sessionTitle}
+        onSelectSession={presenter.chatSessionListManager.selectSession}
+        onOpenChildSessions={(parentSessionKey, activeChildSessionKey) =>
           presenter.chatThreadManager.openChildSessionPanel({
-            parentSessionKey: session.key,
-            activeChildSessionKey: childSessions[0]?.session.key ?? null,
+            parentSessionKey,
+            activeChildSessionKey,
           })
         }
-        onStartEditing={() => startEditingSessionLabel(session)}
+        onStartEditingSessionLabel={startEditingSessionLabel}
         onDraftLabelChange={setDraftLabel}
-        onSave={() => saveSessionLabel(session)}
-        onCancel={cancelEditingSessionLabel}
+        onSaveSessionLabel={saveSessionLabel}
+        onCancelEditingSessionLabel={cancelEditingSessionLabel}
       />
     );
-  };
   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">
-        <BrandHeader
-          className="flex items-center gap-2.5 min-w-0"
-          suffix={<StatusBadge status={systemStatus.connectionStatus} />}
-        />
-      </div>
-
-      <div className="px-4 pb-3">
-        <div className="flex items-center gap-2">
-          <Button
-            variant="primary"
-            className={cn(
-              'min-w-0 rounded-xl',
-              nonDefaultSessionTypeOptions.length > 0 ? 'flex-1 rounded-r-md' : 'w-full'
-            )}
-            onClick={() => {
-              setIsCreateMenuOpen(false);
-              presenter.chatSessionListManager.createSession(defaultSessionType);
-            }}
-          >
-            <Plus className="h-4 w-4 mr-2" />
-            {t('chatSidebarNewTask')}
-          </Button>
-          {nonDefaultSessionTypeOptions.length > 0 ? (
-            <Popover open={isCreateMenuOpen} onOpenChange={setIsCreateMenuOpen}>
-              <PopoverTrigger asChild>
-                <Button
-                  variant="primary"
-                  size="icon"
-                  className="h-9 w-10 shrink-0 rounded-xl rounded-l-md"
-                  aria-label={t('chatSessionTypeLabel')}
-                >
-                  <ChevronDown className="h-4 w-4" />
-                </Button>
-              </PopoverTrigger>
-              <PopoverContent
-                align="end"
-                className="w-56 rounded-2xl border border-gray-200/80 bg-white p-1.5 shadow-[0_24px_60px_-28px_rgba(15,23,42,0.38)]"
-              >
-                <div className="px-3 pb-1 pt-2 text-[10px] font-semibold uppercase tracking-[0.18em] text-gray-400">
-                  {t('chatSessionTypeLabel')}
-                </div>
-                <div className="space-y-1">
-                  {nonDefaultSessionTypeOptions.map((option) => (
-                    <ChatSessionTypeOptionItem
-                      key={option.value}
-                      option={option}
-                      onSelect={() => {
-                        presenter.chatSessionListManager.createSession(option.value);
-                        setIsCreateMenuOpen(false);
-                      }}
-                    />
-                  ))}
-                </div>
-              </PopoverContent>
-            </Popover>
-          ) : null}
-        </div>
-      </div>
-
-      <div className="px-4 pb-3">
-        <div className="relative">
-          <Search className="h-3.5 w-3.5 absolute left-3 top-2.5 text-gray-400" />
-          <Input
-            value={listSnapshot.query}
-            onChange={(event) => presenter.chatSessionListManager.setQuery(event.target.value)}
-            placeholder={t('chatSidebarSearchPlaceholder')}
-            className="pl-8 h-9 rounded-lg text-xs"
+    <aside
+      className={cn(
+        'flex h-full min-h-0 flex-col bg-secondary',
+        isMobileVariant
+          ? 'flex-1 overflow-hidden'
+          : 'w-[280px] shrink-0 border-r border-gray-200/60',
+      )}
+    >
+      {!isMobileVariant ? (
+        <div className="px-5 pt-5 pb-3">
+          <BrandHeader
+            className="flex items-center gap-2.5 min-w-0"
+            suffix={<StatusBadge status={systemStatus.connectionStatus} />}
           />
         </div>
-      </div>
+      ) : null}
 
-      <div className="px-3 pb-2">
-        <ul className="space-y-0.5">
-          {navItems.map((item) => {
-            return (
-              <li key={item.target}>
-                <SidebarNavLinkItem
-                  to={item.target}
-                  label={item.label()}
-                  icon={item.icon}
-                  density="compact"
-                />
-              </li>
-            );
-          })}
-        </ul>
-      </div>
+      {isMobileVariant ? (
+        <ChatSidebarMobileToolbar
+          query={listSnapshot.query}
+          defaultSessionType={defaultSessionType}
+          sessionTypeOptions={inputSnapshot.sessionTypeOptions}
+          nonDefaultSessionTypeOptions={nonDefaultSessionTypeOptions}
+          isCreateMenuOpen={isCreateMenuOpen}
+          onCreateMenuOpenChange={setIsCreateMenuOpen}
+          onCreateSession={presenter.chatSessionListManager.createSession}
+          onQueryChange={presenter.chatSessionListManager.setQuery}
+        />
+      ) : (
+        <ChatSidebarDesktopToolbar
+          query={listSnapshot.query}
+          defaultSessionType={defaultSessionType}
+          sessionTypeOptions={inputSnapshot.sessionTypeOptions}
+          nonDefaultSessionTypeOptions={nonDefaultSessionTypeOptions}
+          isCreateMenuOpen={isCreateMenuOpen}
+          onCreateMenuOpenChange={setIsCreateMenuOpen}
+          onCreateSession={presenter.chatSessionListManager.createSession}
+          onQueryChange={presenter.chatSessionListManager.setQuery}
+        />
+      )}
+
+      {!isMobileVariant ? (
+        <div className="px-3 pb-2">
+          <ul className="space-y-0.5">
+            {navItems.map((item) => {
+              return (
+                <li key={item.target}>
+                  <SidebarNavLinkItem
+                    to={item.target}
+                    label={item.label()}
+                    icon={item.icon}
+                    density="compact"
+                  />
+                </li>
+              );
+            })}
+          </ul>
+        </div>
+      ) : null}
 
-      <div className="mx-4 border-t border-gray-200/60" />
+      {!isMobileVariant ? (
+        <div className="mx-4 border-t border-gray-200/60" />
+      ) : null}
 
       <div className="flex items-center justify-between px-5 pb-2 pt-3">
         <div className="text-[11px] font-medium uppercase tracking-wider text-gray-400">
@@ -419,44 +370,46 @@ export function ChatSidebar() {
         )}
       </div>
 
-      <div className="px-3 py-3 border-t border-gray-200/60 space-y-0.5">
-        <SidebarNavLinkItem
-          to="/settings"
-          label={t('settings')}
-          icon={Settings}
-          density="compact"
-        />
-        <SidebarActionItem
-          onClick={() => docBrowser.open(undefined, { kind: 'docs', newTab: true, title: 'Docs' })}
-          icon={BookOpen}
-          label={t('docBrowserHelp')}
-          density="compact"
-        />
-        <SidebarSelectItem
-          value={theme}
-          onValueChange={(value) => setTheme(value as UiTheme)}
-          icon={Palette}
-          label={t('theme')}
-          valueLabel={currentThemeLabel}
-          density="compact"
-        >
-          {THEME_OPTIONS.map((option) => (
-            <SelectItem key={option.value} value={option.value} className="text-xs">{t(option.labelKey)}</SelectItem>
-          ))}
-        </SidebarSelectItem>
-        <SidebarSelectItem
-          value={language}
-          onValueChange={(value) => handleLanguageSwitch(value as I18nLanguage)}
-          icon={Languages}
-          label={t('language')}
-          valueLabel={currentLanguageLabel}
-          density="compact"
-        >
-          {LANGUAGE_OPTIONS.map((option) => (
-            <SelectItem key={option.value} value={option.value} className="text-xs">{option.label}</SelectItem>
-          ))}
-        </SidebarSelectItem>
-      </div>
+      {!isMobileVariant ? (
+        <div className="px-3 py-3 border-t border-gray-200/60 space-y-0.5">
+          <SidebarNavLinkItem
+            to="/settings"
+            label={t('settings')}
+            icon={Settings}
+            density="compact"
+          />
+          <SidebarActionItem
+            onClick={() => docBrowser.open(undefined, { kind: 'docs', newTab: true, title: 'Docs' })}
+            icon={BookOpen}
+            label={t('docBrowserHelp')}
+            density="compact"
+          />
+          <SidebarSelectItem
+            value={theme}
+            onValueChange={(value) => setTheme(value as UiTheme)}
+            icon={Palette}
+            label={t('theme')}
+            valueLabel={currentThemeLabel}
+            density="compact"
+          >
+            {THEME_OPTIONS.map((option) => (
+              <SelectItem key={option.value} value={option.value} className="text-xs">{t(option.labelKey)}</SelectItem>
+            ))}
+          </SidebarSelectItem>
+          <SidebarSelectItem
+            value={language}
+            onValueChange={(value) => handleLanguageSwitch(value as I18nLanguage)}
+            icon={Languages}
+            label={t('language')}
+            valueLabel={currentLanguageLabel}
+            density="compact"
+          >
+            {LANGUAGE_OPTIONS.map((option) => (
+              <SelectItem key={option.value} value={option.value} className="text-xs">{option.label}</SelectItem>
+            ))}
+          </SidebarSelectItem>
+        </div>
+      ) : null}
     </aside>
   );
 }

package/src/{components/chat/presenter/chat-presenter-context.tsx → features/chat/components/providers/chat-presenter.provider.tsx}

@@ -1,27 +1,18 @@
-import type {
-  ChatComposerNode,
-  ChatFileOpenActionViewModel,
-  ChatToolActionViewModel,
-} from '@nextclaw/agent-chat-ui';
+import { createContext, useContext, type ReactNode, type SetStateAction } from 'react';
+import type { ChatComposerNode, ChatFileOpenActionViewModel, ChatToolActionViewModel } from '@nextclaw/agent-chat-ui';
 import type { NcpDraftAttachment } from '@nextclaw/ncp-react';
-import { createContext, useContext } from 'react';
-import type { ReactNode } from 'react';
-import type { SetStateAction } from 'react';
-import type { ChatSessionListManager } from '@/components/chat/managers/chat-session-list.manager';
-import type { ChatStreamActionsManager } from '@/components/chat/managers/chat-stream-actions.manager';
-import type { ChatUiManager } from '@/components/chat/managers/chat-ui.manager';
-import type { ChatThreadSnapshot } from '@/components/chat/stores/chat-thread.store';
-import type { ThinkingLevel } from '@/api/types';
+import type { ThinkingLevel } from '@/shared/lib/api';
+import type { ChatSessionListManager } from '@/features/chat/managers/chat-session-list.manager';
+import type { ChatStreamActionsManager } from '@/features/chat/managers/chat-stream-actions.manager';
+import type { ChatUiManager } from '@/features/chat/managers/chat-ui.manager';
+import type { ChatThreadSnapshot } from '@/features/chat/stores/chat-thread.store';
 
 export type ChatInputManagerLike = {
   syncSnapshot: (patch: Record<string, unknown>) => void;
   setDraft: (next: SetStateAction<string>) => void;
   setComposerNodes: (next: SetStateAction<ChatComposerNode[]>) => void;
   addAttachments?: (attachments: NcpDraftAttachment[]) => NcpDraftAttachment[];
-  restoreComposerState?: (
-    nodes: ChatComposerNode[],
-    attachments: NcpDraftAttachment[]
-  ) => void;
+  restoreComposerState?: (nodes: ChatComposerNode[], attachments: NcpDraftAttachment[]) => void;
   setPendingSessionType: (next: SetStateAction<string>) => void;
   send: () => Promise<void>;
   stop: () => Promise<void>;
@@ -41,10 +32,7 @@ export type ChatThreadManagerLike = {
   deleteSession: () => void;
   createSession: () => void;
   goToProviders: () => void;
-  openChildSessionPanel: (params: {
-    parentSessionKey: string;
-    activeChildSessionKey?: string | null;
-  }) => void;
+  openChildSessionPanel: (params: { parentSessionKey: string; activeChildSessionKey?: string | null }) => void;
   openFilePreview: (action: ChatFileOpenActionViewModel) => void;
   openSessionFromToolAction: (action: ChatToolActionViewModel) => void;
   selectChildSessionDetail: (sessionKey: string) => void;
@@ -63,13 +51,7 @@ export type ChatPresenterLike = {
 };
 
 const ChatPresenterContext = createContext<ChatPresenterLike | null>(null);
-
-type ChatPresenterProviderProps = {
-  presenter: ChatPresenterLike;
-  children: ReactNode;
-};
-
-export function ChatPresenterProvider({ presenter, children }: ChatPresenterProviderProps) {
+export function ChatPresenterProvider({ presenter, children }: { presenter: ChatPresenterLike; children: ReactNode }) {
   return <ChatPresenterContext.Provider value={presenter}>{children}</ChatPresenterContext.Provider>;
 }
 
@@ -80,6 +62,3 @@ export function usePresenter(): ChatPresenterLike {
   }
   return presenter;
 }
-
-// Backward-compatible alias with the name from project notes.
-export const usePresneter = usePresenter;

package/src/{components/common → features/chat/components/session}/session-context-icon.tsx

@@ -1,8 +1,8 @@
-import { type SessionContextIcon } from '@/lib/session-context.utils';
-import { resolveAppResourceUri } from '@/lib/app-resource-uri';
-import { LogoBadge } from '@/components/common/LogoBadge';
-import { getChannelLogo } from '@/lib/logos';
-import { cn } from '@/lib/utils';
+import { type SessionContextIcon } from '@/features/chat/utils/session-context.utils';
+import { resolveAppResourceUri } from '@/shared/lib/app-resource-uri';
+import { LogoBadge } from '@/shared/components/common/logo-badge';
+import { getChannelLogo } from '@/shared/lib/logos';
+import { cn } from '@/shared/lib/utils';
 import { AlarmClock, Bot, HeartPulse } from 'lucide-react';
 
 export function SessionContextIconNode({ icon, className }: { icon: SessionContextIcon; className?: string }) {

package/src/{components/common/SessionRunBadge.tsx → features/chat/components/session/session-run-badge.tsx}

@@ -1,7 +1,7 @@
 import { Loader2 } from 'lucide-react';
-import { cn } from '@/lib/utils';
-import { t } from '@/lib/i18n';
-import type { SessionRunStatus } from '@/lib/session-run-status';
+import { cn } from '@/shared/lib/utils';
+import { t } from '@/shared/lib/i18n';
+import type { SessionRunStatus } from '@/features/chat/types/session-run-status.types';
 
 type SessionRunBadgeProps = {
   status: SessionRunStatus;

package/src/{components/chat → features/chat/components}/workspace/chat-session-workspace-file-breadcrumbs.tsx

@@ -1,16 +1,10 @@
 import { Fragment } from "react";
 import { ChevronRight, FileCode2, FolderTree } from "lucide-react";
-import type { WorkspaceFileBreadcrumbViewModel } from "@/lib/session-project/workspace-file-breadcrumb";
-import { t } from "@/lib/i18n";
-import { cn } from "@/lib/utils";
+import type { WorkspaceFileBreadcrumbViewModel } from "@/shared/lib/session-project";
+import { t } from "@/shared/lib/i18n";
+import { cn } from "@/shared/lib/utils";
 
-function WorkspaceBreadcrumbMetaChip({
-  tone = "neutral",
-  value,
-}: {
-  tone?: "neutral" | "warning";
-  value: string;
-}) {
+function WorkspaceBreadcrumbMetaChip({ tone = "neutral", value }: { tone?: "neutral" | "warning"; value: string }) {
   return (
     <span
       className={cn(
@@ -25,11 +19,7 @@ function WorkspaceBreadcrumbMetaChip({
   );
 }
 
-export function ChatSessionWorkspaceFileBreadcrumbs({
-  breadcrumb,
-}: {
-  breadcrumb: WorkspaceFileBreadcrumbViewModel;
-}) {
+export function ChatSessionWorkspaceFileBreadcrumbs({ breadcrumb }: { breadcrumb: WorkspaceFileBreadcrumbViewModel }) {
   return (
     <div
       data-testid="workspace-file-breadcrumbs"

package/src/{components/chat/chat-input/chat-input-bar.controller.test.tsx → features/chat/hooks/use-chat-input-bar-controller.test.tsx}

@@ -1,6 +1,6 @@
 import type { KeyboardEvent as ReactKeyboardEvent } from 'react';
 import { renderHook, act } from '@testing-library/react';
-import { useChatInputBarController } from '@/components/chat/chat-input/chat-input-bar.controller';
+import { useChatInputBarController } from '@/features/chat/hooks/use-chat-input-bar-controller';
 
 function createKeyEvent(
   key: string,

package/src/{components → features}/chat/hooks/use-chat-session-label.ts

@@ -1,11 +1,10 @@
-import { t } from '@/lib/i18n';
-import { useChatSessionUpdate } from '@/components/chat/hooks/use-chat-session-update';
+import { t } from '@/shared/lib/i18n';
+import { useChatSessionUpdate } from '@/features/chat/hooks/use-chat-session-update';
 
 type UpdateChatSessionLabelParams = {
   sessionKey: string;
   label: string | null;
 };
-
 export function useChatSessionLabel() {
   const updateSession = useChatSessionUpdate();
 
@@ -13,7 +12,7 @@ export function useChatSessionLabel() {
     await updateSession({
       sessionKey: params.sessionKey,
       patch: { label: params.label },
-      successMessage: t('configSavedApplied'),
+      successMessage: t('configSavedApplied')
     });
   };
 }