@nextclaw/ui 0.17.2 → 0.18.0

package/src/features/chat/features/conversation/hooks/use-session-conversation-controller.ts

@@ -3,7 +3,10 @@ import { buildNcpRequestEnvelope } from '@nextclaw/ncp-react';
 import type { UiNcpSessionQueuedInputView } from '@nextclaw/client-sdk';
 import type { NcpAgentSendEnvelope, NcpRunHandle } from '@nextclaw/ncp';
 
-import { deriveNcpMessagePartsFromComposer } from '@/features/chat/features/input/utils/chat-composer-state.utils';
+import {
+  createChatComposerNodesFromDraft,
+  deriveNcpMessagePartsFromComposer,
+} from '@/features/chat/features/input/utils/chat-composer-state.utils';
 import { isNcpChatSendDisabled } from '@/features/chat/features/input/utils/ncp-chat-input-availability.utils';
 import { buildChatRunMetadata } from '@/features/chat/features/session/utils/chat-run-metadata.utils';
 import { createNcpSessionId } from '@/features/chat/features/session/utils/ncp-session-adapter.utils';
@@ -74,6 +77,7 @@ type UseSessionConversationControllerParams = {
 
 type BuildSubmissionDraftParams = {
   readonly agentIsSending: boolean;
+  readonly composerSnapshot?: ComposerDraftSnapshot;
   readonly inputSnapshot: SessionConversationInputSnapshot;
   readonly inputQuery: SessionConversationInputQuery;
   readonly isRuntimeBlocked: boolean;
@@ -87,6 +91,8 @@ type SubmissionDraft = {
   readonly metadata: Record<string, unknown>;
 };
 
+type SubmissionComposerBehavior = 'preserve' | 'reset-and-restore';
+
 type SubmittingQueuedInput = {
   readonly id: string;
   readonly preview: string;
@@ -113,6 +119,7 @@ function buildInputAvailabilitySnapshot(inputQuery: SessionConversationInputQuer
 function buildSubmissionDraft(params: BuildSubmissionDraftParams): SubmissionDraft | null {
   const {
     agentIsSending,
+    composerSnapshot: requestedComposerSnapshot,
     inputQuery,
     inputSnapshot,
     isRuntimeBlocked,
@@ -120,9 +127,16 @@ function buildSubmissionDraft(params: BuildSubmissionDraftParams): SubmissionDra
     selectedAgentId,
     sessionKey,
   } = params;
+  const composerSnapshot: ComposerDraftSnapshot = requestedComposerSnapshot ?? {
+    text: inputSnapshot.text,
+    nodes: [...inputSnapshot.nodes],
+    selectedSkills: [...inputSnapshot.selectedSkills],
+    skillRecords: [...inputSnapshot.skillRecords],
+    attachments: [...inputSnapshot.attachments],
+  };
   const currentParts = deriveNcpMessagePartsFromComposer(
-    [...inputSnapshot.nodes],
-    inputSnapshot.attachments,
+    [...composerSnapshot.nodes],
+    composerSnapshot.attachments,
   );
   if (
     isNcpChatSendDisabled({
@@ -134,13 +148,6 @@ function buildSubmissionDraft(params: BuildSubmissionDraftParams): SubmissionDra
   ) {
     return null;
   }
-  const composerSnapshot: ComposerDraftSnapshot = {
-    text: inputSnapshot.text,
-    nodes: [...inputSnapshot.nodes],
-    selectedSkills: [...inputSnapshot.selectedSkills],
-    skillRecords: [...inputSnapshot.skillRecords],
-    attachments: [...inputSnapshot.attachments],
-  };
   return {
     composerSnapshot,
     metadata: buildChatRunMetadata({
@@ -165,11 +172,11 @@ function buildSubmissionDraft(params: BuildSubmissionDraftParams): SubmissionDra
         : sessionKey
           ? inputQuery.selectedSession?.projectRoot ?? null
           : inputSnapshot.pendingProjectRoot,
-      requestedSkills: [...inputSnapshot.selectedSkills],
+      requestedSkills: [...composerSnapshot.selectedSkills],
       skillRecords: inputQuery.skillRecords.filter((record) =>
-        inputSnapshot.selectedSkills.includes(record.ref)
+        composerSnapshot.selectedSkills.includes(record.ref)
       ),
-      composerNodes: [...inputSnapshot.nodes],
+      composerNodes: [...composerSnapshot.nodes],
       sessionMaterialization: materializationContext
         ? {
             kind: materializationContext.kind,
@@ -288,6 +295,72 @@ function useQueuedInputActions(params: {
   return { deleteQueuedInput, editQueuedInput };
 }
 
+function useSubmissionDraftRunner(params: {
+  readonly agent: SessionConversationAgent;
+  readonly clearSubmittingInput: (input: SubmittingQueuedInput) => void;
+  readonly materializationContext?: SessionConversationMaterializationContext | null;
+  readonly onSessionMaterialized?: (sessionKey: string) => void;
+  readonly resetComposer: () => void;
+  readonly restoreComposer: (snapshot: ComposerDraftSnapshot) => void;
+  readonly runQueue: SessionRunQueue;
+  readonly sessionKey: string | null;
+  readonly setSendError: (message: string | null) => void;
+  readonly stageSubmittingInput: (envelope: NcpAgentSendEnvelope) => SubmittingQueuedInput | null;
+}) {
+  const {
+    agent,
+    clearSubmittingInput,
+    materializationContext,
+    onSessionMaterialized,
+    resetComposer,
+    restoreComposer,
+    runQueue,
+    sessionKey,
+    setSendError,
+    stageSubmittingInput,
+  } = params;
+  return useCallback(async (
+    draft: SubmissionDraft,
+    composerBehavior: SubmissionComposerBehavior,
+  ) => {
+    const submissionSessionKey =
+      sessionKey ?? (materializationContext ? null : createNcpSessionId());
+    const envelope = buildSubmissionEnvelope(draft, submissionSessionKey);
+    if (!envelope) return;
+    const queuedSubmission = agent.isRunning ? stageSubmittingInput(envelope) : null;
+    if (composerBehavior === 'reset-and-restore') resetComposer();
+    setSendError(null);
+    try {
+      const handle = await agent.send(envelope);
+      if (queuedSubmission && handle?.runId === null) {
+        await runQueue.refreshQueuedInputs().catch(() => undefined);
+      }
+      if (queuedSubmission) clearSubmittingInput(queuedSubmission);
+      const materializedSessionKey =
+        handle?.sessionId?.trim() || agent.snapshot.activeRun?.sessionId?.trim() || null;
+      if (!sessionKey && materializedSessionKey) {
+        onSessionMaterialized?.(materializedSessionKey);
+      }
+    } catch (error) {
+      if (queuedSubmission) clearSubmittingInput(queuedSubmission);
+      if (composerBehavior === 'reset-and-restore') restoreComposer(draft.composerSnapshot);
+      setSendError(error instanceof Error ? error.message : String(error));
+      throw error;
+    }
+  }, [
+    agent,
+    clearSubmittingInput,
+    materializationContext,
+    onSessionMaterialized,
+    resetComposer,
+    restoreComposer,
+    runQueue,
+    sessionKey,
+    setSendError,
+    stageSubmittingInput,
+  ]);
+}
+
 export function useSessionConversationController(params: UseSessionConversationControllerParams) {
   const {
     agent,
@@ -343,6 +416,19 @@ export function useSessionConversationController(params: UseSessionConversationC
     setSendError,
   });
 
+  const submitDraft = useSubmissionDraftRunner({
+    agent,
+    clearSubmittingInput,
+    materializationContext,
+    onSessionMaterialized,
+    resetComposer,
+    restoreComposer,
+    runQueue,
+    sessionKey,
+    setSendError,
+    stageSubmittingInput,
+  });
+
   const send = useCallback(async () => {
     if (primaryAction === 'continue') {
       await continueRun();
@@ -357,58 +443,55 @@ export function useSessionConversationController(params: UseSessionConversationC
       selectedAgentId,
       sessionKey,
     });
-    if (!draft) {
-      return;
+    if (draft) {
+      await submitDraft(draft, 'reset-and-restore');
     }
-    const submissionSessionKey =
-      sessionKey ?? (materializationContext ? null : createNcpSessionId());
-    const envelope = buildSubmissionEnvelope(draft, submissionSessionKey);
-    if (!envelope) {
+  }, [
+    agent.isSending,
+    continueRun,
+    inputQuery,
+    inputSnapshot,
+    isRuntimeBlocked,
+    materializationContext,
+    primaryAction,
+    selectedAgentId,
+    sessionKey,
+    submitDraft,
+  ]);
+
+  const sendPresetMessage = useCallback(async (message: string) => {
+    const text = message.trim();
+    if (!text) {
       return;
     }
-    const queuedSubmission = agent.isRunning ? stageSubmittingInput(envelope) : null;
-    resetComposer();
-    setSendError(null);
-    try {
-      const handle = await agent.send(envelope);
-      if (queuedSubmission && handle?.runId === null) {
-        await runQueue.refreshQueuedInputs().catch(() => undefined);
-      }
-      if (queuedSubmission) {
-        clearSubmittingInput(queuedSubmission);
-      }
-      const materializedSessionKey =
-        handle?.sessionId?.trim() ||
-        agent.snapshot.activeRun?.sessionId?.trim() ||
-        null;
-      if (!sessionKey && materializedSessionKey) {
-        onSessionMaterialized?.(materializedSessionKey);
-      }
-    } catch (error) {
-      if (queuedSubmission) {
-        clearSubmittingInput(queuedSubmission);
-      }
-      restoreComposer(draft.composerSnapshot);
-      setSendError(error instanceof Error ? error.message : String(error));
-      throw error;
+    const draft = buildSubmissionDraft({
+      agentIsSending: agent.isSending,
+      composerSnapshot: {
+        text,
+        nodes: createChatComposerNodesFromDraft(text),
+        selectedSkills: [],
+        skillRecords: [],
+        attachments: [],
+      },
+      inputSnapshot,
+      inputQuery,
+      isRuntimeBlocked,
+      materializationContext,
+      selectedAgentId,
+      sessionKey,
+    });
+    if (draft) {
+      await submitDraft(draft, 'preserve');
     }
   }, [
-    agent,
-    clearSubmittingInput,
-    continueRun,
+    agent.isSending,
     inputQuery,
     inputSnapshot,
     isRuntimeBlocked,
     materializationContext,
-    onSessionMaterialized,
-    resetComposer,
-    restoreComposer,
     selectedAgentId,
     sessionKey,
-    setSendError,
-    stageSubmittingInput,
-    primaryAction,
-    runQueue,
+    submitDraft,
   ]);
 
   const stop = useCallback(async () => {
@@ -426,6 +509,7 @@ export function useSessionConversationController(params: UseSessionConversationC
     isSending,
     queuedInputs,
     send,
+    sendPresetMessage,
     sendDisabled,
     primaryAction,
     stop,

package/src/features/chat/features/conversation/hooks/use-session-conversation-slash-commands.ts

@@ -8,9 +8,15 @@ import type { ChatSlashCommandDescriptor } from '@/features/chat/features/input/
 export function useSessionConversationSlashCommands(params: {
   language: I18nLanguage;
   onContextCompactingChange?: (sessionId: string, isCompacting: boolean) => void;
+  onSendPresetMessage: (message: string) => Promise<void> | void;
   selectedSessionKey?: string | null;
 }): readonly ChatSlashCommandDescriptor[] {
-  const { language, onContextCompactingChange, selectedSessionKey } = params;
+  const {
+    language,
+    onContextCompactingChange,
+    onSendPresetMessage,
+    selectedSessionKey,
+  } = params;
   const presenter = usePresenter();
   const compactingSessionIdsRef = useRef(new Set<string>());
   const compactContext = useCallback(async (sessionId: string) => {
@@ -46,6 +52,17 @@ export function useSessionConversationSlashCommands(params: {
         keywords: ['side', 'chat', 'child', 'branch', 'new'],
         onSelect: () => presenter.chatThreadManager.openSideChatDraft(sessionId),
       },
+      {
+        key: 'update-session-title',
+        icon: 'command',
+        title: t('chatSlashCommandUpdateSessionTitleTitle', language),
+        description: t('chatSlashCommandUpdateSessionTitleDescription', language),
+        detailLines: [t('chatSlashCommandUpdateSessionTitleDetail', language)],
+        keywords: ['update', 'rename', 'title', 'session', '更新', '重命名', '标题', '会话'],
+        onSelect: () => void onSendPresetMessage(
+          t('chatSlashCommandUpdateSessionTitlePrompt', language),
+        ),
+      },
       {
         key: 'compact-context',
         icon: 'list-collapse',
@@ -56,5 +73,11 @@ export function useSessionConversationSlashCommands(params: {
         onSelect: () => void compactContext(sessionId),
       },
     ];
-  }, [compactContext, language, presenter.chatThreadManager, selectedSessionKey]);
+  }, [
+    compactContext,
+    language,
+    onSendPresetMessage,
+    presenter.chatThreadManager,
+    selectedSessionKey,
+  ]);
 }

package/src/shared/lib/i18n/locales/en-US/chat.json

@@ -296,6 +296,10 @@
   "chatSlashCommandCompactContextDetail": "Keeps the latest turn and the active task available for continuation.",
   "chatSlashCommandCompactContextSuccess": "Context compacted",
   "chatSlashCommandCompactContextFailed": "Couldn't compact context",
+  "chatSlashCommandUpdateSessionTitleTitle": "Update session title",
+  "chatSlashCommandUpdateSessionTitleDescription": "Ask AI to create a concise title from this conversation and update the session.",
+  "chatSlashCommandUpdateSessionTitleDetail": "Sends a message automatically without replacing your current draft.",
+  "chatSlashCommandUpdateSessionTitlePrompt": "Create a concise, accurate title based on this conversation, then use the sessions_update tool to update the current session title now. Do not only suggest a title.",
   "chatSlashPanelAppHint": "Press Enter to open this panel app on the right.",
   "chatSlashSkillHint": "Press Enter to add this skill for the next turn.",
   "chatPanelAppReferenceLoading": "Loading panel apps...",

package/src/shared/lib/i18n/locales/zh-CN/chat.json

@@ -296,6 +296,10 @@
   "chatSlashCommandCompactContextDetail": "保留最近一轮和当前任务，供后续继续处理。",
   "chatSlashCommandCompactContextSuccess": "上下文已压缩",
   "chatSlashCommandCompactContextFailed": "无法压缩上下文",
+  "chatSlashCommandUpdateSessionTitleTitle": "更新会话标题",
+  "chatSlashCommandUpdateSessionTitleDescription": "让 AI 根据当前会话内容生成简洁标题并完成更新。",
+  "chatSlashCommandUpdateSessionTitleDetail": "命令会自动发送一条消息，不会覆盖输入框中的草稿。",
+  "chatSlashCommandUpdateSessionTitlePrompt": "请根据当前会话内容生成一个简洁、准确的标题，然后立即使用 sessions_update 工具更新当前会话标题。不要只给出标题建议。",
   "chatSlashPanelAppHint": "回车在右侧打开这个面板应用。",
   "chatSlashSkillHint": "回车把该技能加入本轮请求。",
   "chatPanelAppReferenceLoading": "加载面板应用中…",

package/dist/assets/doc-browser-DUqckL2E.js

@@ -1 +0,0 @@
-import{t as e}from"./doc-browser-CbCBDdap.js";export{e as DocBrowser};

package/dist/assets/loader-circle-DfbWUPdI.js

@@ -1 +0,0 @@
-import{c as e}from"./dist-CZLIZntJ.js";var t=e(`LoaderCircle`,[[`path`,{d:`M21 12a9 9 0 1 1-6.219-8.56`,key:`13zald`}]]);export{t};

package/dist/assets/mcp-marketplace-page-B2D7ciJL.js

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

package/dist/assets/plus-wNpOxBfP.js

@@ -1 +0,0 @@
-import{c as e}from"./dist-CZLIZntJ.js";var t=e(`Plus`,[[`path`,{d:`M5 12h14`,key:`1ays0h`}],[`path`,{d:`M12 5v14`,key:`s699le`}]]);export{t};

package/dist/assets/remote-DgfRmokf.js

@@ -1 +0,0 @@
-import{Mt as e}from"./index-CCWgeWoR.js";export{e as RemoteAccessPage};

package/dist/assets/rotate-cw-L_seGUwq.js

@@ -1 +0,0 @@
-import{c as e}from"./dist-CZLIZntJ.js";var t=e(`RotateCw`,[[`path`,{d:`M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8`,key:`1p45f6`}],[`path`,{d:`M21 3v5h-5`,key:`1q7to0`}]]);export{t};

package/dist/assets/security-config-Cqxe13za.js

@@ -1 +0,0 @@
-import{kt as e}from"./api-CuPWhNDM.js";export{e as SecurityConfig};

package/dist/assets/skeleton-D72EdBNa.js

@@ -1 +0,0 @@
-import{I as e,z as t}from"./react-CPH0zySO.js";var n=t();function r({className:t,...r}){return(0,n.jsx)(`div`,{className:e(`animate-pulse rounded-md bg-slate-200`,t),...r})}export{r as t};

package/dist/assets/x-Cps-je1K.js

@@ -1 +0,0 @@
-import{c as e}from"./dist-CZLIZntJ.js";var t=e(`X`,[[`path`,{d:`M18 6 6 18`,key:`1bl5f8`}],[`path`,{d:`m6 6 12 12`,key:`d8bk6v`}]]);export{t};