flare-chat-core 0.2.0 → 0.2.2

package/src/app/components/TriggerThresholdPopoverContent.jsx

@@ -0,0 +1,122 @@
+import React from 'react';
+import { InfoCircleOutlined } from '@ant-design/icons';
+import { Divider, Popover, Slider, Space, Switch, Typography } from 'antd';
+
+const { Text } = Typography;
+
+export default function TriggerThresholdPopoverContent({
+  evidenceStrictMode,
+  setEvidenceStrictMode,
+  evidenceHitScoreThreshold,
+  setEvidenceHitScoreThreshold,
+  languageGuardEnabled,
+  setLanguageGuardEnabled,
+  friendlyToneEnabled,
+  setFriendlyToneEnabled,
+  questionModeSuggestionEnabled,
+  setQuestionModeSuggestionEnabled,
+}) {
+  const rowStyle = {
+    alignItems: 'center',
+    display: 'flex',
+    gap: 12,
+    justifyContent: 'space-between',
+    minHeight: 32,
+  };
+  const leftColumnStyle = {
+    flex: 1,
+    minWidth: 0,
+  };
+  const rightColumnStyle = {
+    alignItems: 'center',
+    display: 'flex',
+    flexShrink: 0,
+    gap: 8,
+    justifyContent: 'flex-end',
+    minWidth: 116,
+  };
+  const infoIconStyle = {
+    color: 'rgba(0, 0, 0, 0.35)',
+    cursor: 'pointer',
+    fontSize: 13,
+  };
+  const renderInfoIcon = (description) => (
+    <Popover
+      content={<Text style={{ fontSize: 12 }} type="secondary">{description}</Text>}
+      overlayStyle={{ maxWidth: 280 }}
+      placement="topLeft"
+      trigger={['hover', 'click']}
+    >
+      <InfoCircleOutlined style={infoIconStyle} />
+    </Popover>
+  );
+
+  return (
+    <div style={{ maxWidth: 320, minWidth: 320, width: 320 }}>
+      <Space direction="vertical" size={6} style={{ width: '100%' }}>
+        <Text strong>触发阈值与文案风格</Text>
+        <div style={rowStyle}>
+          <div style={leftColumnStyle}>
+            <Text>证据命中严格模式</Text>
+          </div>
+          <div style={rightColumnStyle}>
+            {renderInfoIcon('开启后：仅在具体语义线索命中时展示证据，不再只靠泛关键词。')}
+            <Switch checked={evidenceStrictMode} onChange={setEvidenceStrictMode} />
+          </div>
+        </div>
+        <div style={rowStyle}>
+          <div style={leftColumnStyle}>
+            <Text>证据分数阈值</Text>
+          </div>
+          <div style={rightColumnStyle}>
+            {renderInfoIcon('开启严格模式后，分数低于阈值的证据不会展示。')}
+          </div>
+        </div>
+        <Text type="secondary" style={{ fontSize: 12, marginTop: -2 }}>
+          {`当前值：${Number(evidenceHitScoreThreshold || 0).toFixed(2)}`}
+        </Text>
+        <div style={{ marginTop: -2 }}>
+          <Slider
+            disabled={!evidenceStrictMode}
+            max={1}
+            min={0}
+            onChange={setEvidenceHitScoreThreshold}
+            step={0.01}
+            style={{ margin: 0, width: '100%' }}
+            value={evidenceHitScoreThreshold}
+          />
+        </div>
+        <Divider style={{ margin: '4px 0' }} />
+        <div style={rowStyle}>
+          <div style={leftColumnStyle}>
+            <Text>文案去系统痕迹</Text>
+          </div>
+          <div style={rightColumnStyle}>
+            {renderInfoIcon('开启后：自动隐藏 mode= / goal= / provider_status 等技术痕迹文案。')}
+            <Switch checked={languageGuardEnabled} onChange={setLanguageGuardEnabled} />
+          </div>
+        </div>
+        <Divider style={{ margin: '4px 0' }} />
+        <div style={rowStyle}>
+          <div style={leftColumnStyle}>
+            <Text>友好回复风格</Text>
+          </div>
+          <div style={rightColumnStyle}>
+            {renderInfoIcon('开启后：自动补充更自然的开头与结尾。')}
+            <Switch checked={friendlyToneEnabled} onChange={setFriendlyToneEnabled} />
+          </div>
+        </div>
+        <Divider style={{ margin: '4px 0' }} />
+        <div style={rowStyle}>
+          <div style={leftColumnStyle}>
+            <Text>问题回复建议</Text>
+          </div>
+          <div style={rightColumnStyle}>
+            {renderInfoIcon('开启后：当助手提出问题时，统一建议打开梳理模式。')}
+            <Switch checked={questionModeSuggestionEnabled} onChange={setQuestionModeSuggestionEnabled} />
+          </div>
+        </div>
+      </Space>
+    </div>
+  );
+}

package/src/app/components/WorkspaceBodySection.jsx

@@ -0,0 +1,109 @@
+import React from 'react';
+import {
+  ChatWorkspaceSourcesPanel,
+  ChatWorkspaceConversationPane,
+  ChatWorkspaceProjectInitView,
+} from 'flare-chat-ui';
+
+export default function WorkspaceBodySection({
+  hasProject,
+  activeWorkspaceTab,
+  themeTokens,
+  projectItems,
+  resolvedUILabels,
+  handleCreateProject,
+  composerNode,
+  contentMaxWidth,
+  handleOpenSourcePicker,
+  handleRemoveSource,
+  handleRetrySource,
+  handleViewSourceDetail,
+  sourceActionError,
+  sourceItems,
+  sourceRemovingId,
+  sourceSyncLoading,
+  sourceUploadLoading,
+  showCanvasPanel,
+  canvasPanelNode,
+  streamError,
+  streamLoading,
+  onStreamRetry,
+  renderedTimelineItems,
+  onUICardAction,
+  registry,
+  currentInputValue,
+  showAllScenarios,
+  onToggleShowAllScenarios,
+  visibleScenarios,
+  onScenarioCardClick,
+}) {
+  if (!hasProject) {
+    return (
+      <ChatWorkspaceProjectInitView
+        isCompactLayout={false}
+        themeTokens={themeTokens}
+        resolvedProductName="F.L.A.R.E"
+        resolvedProductTag="项目协同工作台"
+        hasProjectItems={projectItems.length > 0}
+        resolvedUILabels={resolvedUILabels}
+        handleCreateProject={handleCreateProject}
+      />
+    );
+  }
+
+  if (activeWorkspaceTab === 'sources') {
+    return (
+      <ChatWorkspaceSourcesPanel
+        composerNode={composerNode}
+        contentMaxWidth={contentMaxWidth}
+        handleOpenSourcePicker={handleOpenSourcePicker}
+        handleRemoveSource={handleRemoveSource}
+        handleRetrySource={handleRetrySource}
+        handleViewSourceDetail={handleViewSourceDetail}
+        isCompactLayout={false}
+        resolvedUILabels={resolvedUILabels}
+        sourceActionError={sourceActionError}
+        sourceItems={sourceItems}
+        sourceRemovingId={sourceRemovingId}
+        sourceSyncLoading={sourceSyncLoading}
+        sourceUploadLoading={sourceUploadLoading}
+        themeTokens={themeTokens}
+      />
+    );
+  }
+
+  return (
+    <ChatWorkspaceConversationPane
+      themeTokens={themeTokens}
+      isCompactLayout={false}
+      resolvedActiveModeKey="auto"
+      canvasWorkspaceFullscreenMode={false}
+      showCanvasPanel={showCanvasPanel}
+      canvasPanelNode={canvasPanelNode}
+      composerNode={composerNode}
+      contentMaxWidth={contentMaxWidth}
+      streamError={streamError}
+      streamLoading={streamLoading}
+      onStreamRetry={onStreamRetry}
+      renderedTimeline={{
+        isEmpty: renderedTimelineItems.length === 0,
+        items: renderedTimelineItems,
+      }}
+      onUICardAction={onUICardAction}
+      registry={registry}
+      resolvedUILabels={resolvedUILabels}
+      showWorkspaceDebugPanel={false}
+      resolvedDevMode="full_effects"
+      workspaceEventLog={[]}
+      workspaceDocSnapshot={{}}
+      shouldRenderRecommendationPanel={renderedTimelineItems.length === 0}
+      currentInputValue={currentInputValue}
+      recommendationPanelTitle="起步入口"
+      canExpandScenarios
+      showAllScenarios={showAllScenarios}
+      onToggleShowAllScenarios={onToggleShowAllScenarios}
+      visibleScenarios={visibleScenarios}
+      onScenarioCardClick={onScenarioCardClick}
+    />
+  );
+}

package/src/app/components/WorkspaceMainPane.jsx

@@ -0,0 +1,113 @@
+import React from 'react';
+import WorkspaceTopBarSection from './WorkspaceTopBarSection.jsx';
+import WorkspaceBodySection from './WorkspaceBodySection.jsx';
+
+export default function WorkspaceMainPane({
+  themeTokens,
+  hasProject,
+  viewModel,
+  projectSlot,
+  projectNameEditing,
+  projectNameDraft,
+  setProjectNameDraft,
+  handleProjectNameSave,
+  handleProjectNameCancel,
+  projectDisplayName,
+  handleProjectNameStartEdit,
+  activeWorkspaceTab,
+  setActiveWorkspaceTab,
+  resolvedUILabels,
+  activeSession,
+  knowledgeHubPopoverContent,
+  knowledgeHubPopoverOpen,
+  setKnowledgeHubPopoverOpen,
+  handleOpenKnowledgeHub,
+  showCanvasPanel,
+  handleToggleWorkspacePanel,
+  projectItems,
+  actionGuards,
+  composerNode,
+  contentMaxWidth,
+  handleOpenSourcePicker,
+  handleRemoveSource,
+  handleRetrySource,
+  handleViewSourceDetail,
+  sourceActionError,
+  sourceItems,
+  sourceRemovingId,
+  sourceSyncLoading,
+  sourceUploadLoading,
+  canvasPanelNode,
+  renderedTimelineItems,
+  handleUICardAction,
+  generativeRegistry,
+  showAllScenarios,
+  setShowAllScenarios,
+  visibleScenarios,
+}) {
+  const resolvedSessionDigestText = activeSession
+    ? `当前会话：${String(activeSession.preview || activeSession.title || '').trim()}`
+    : '';
+  return (
+    <div style={{ background: themeTokens.panelBg, display: 'flex', flexDirection: 'column', minWidth: 0 }}>
+      {hasProject ? (
+        <WorkspaceTopBarSection
+          hasConversationStarted={viewModel.timeline.items.length > 0}
+          projectSlot={projectSlot}
+          projectNameEditing={projectNameEditing}
+          projectNameDraft={projectNameDraft}
+          setProjectNameDraft={setProjectNameDraft}
+          handleProjectNameSave={handleProjectNameSave}
+          handleProjectNameCancel={handleProjectNameCancel}
+          resolvedProjectDisplayName={projectDisplayName}
+          handleProjectNameStartEdit={handleProjectNameStartEdit}
+          activeWorkspaceTab={activeWorkspaceTab}
+          setActiveWorkspaceTab={setActiveWorkspaceTab}
+          themeTokens={themeTokens}
+          resolvedUILabels={resolvedUILabels}
+          hasSessionDigest={Boolean(activeSession)}
+          resolvedSessionDigest={resolvedSessionDigestText}
+          knowledgeHubPopoverContent={knowledgeHubPopoverContent}
+          knowledgeHubPopoverOpen={knowledgeHubPopoverOpen}
+          handleKnowledgeHubOpenChange={setKnowledgeHubPopoverOpen}
+          handleOpenKnowledgeHub={handleOpenKnowledgeHub}
+          showCanvasPanel={showCanvasPanel}
+          handleToggleWorkspacePanel={handleToggleWorkspacePanel}
+        />
+      ) : null}
+
+      <WorkspaceBodySection
+        hasProject={hasProject}
+        activeWorkspaceTab={activeWorkspaceTab}
+        themeTokens={themeTokens}
+        projectItems={projectItems}
+        resolvedUILabels={resolvedUILabels}
+        handleCreateProject={actionGuards.handleCreateProject}
+        composerNode={composerNode}
+        contentMaxWidth={contentMaxWidth}
+        handleOpenSourcePicker={handleOpenSourcePicker}
+        handleRemoveSource={handleRemoveSource}
+        handleRetrySource={handleRetrySource}
+        handleViewSourceDetail={handleViewSourceDetail}
+        sourceActionError={sourceActionError}
+        sourceItems={sourceItems}
+        sourceRemovingId={sourceRemovingId}
+        sourceSyncLoading={sourceSyncLoading}
+        sourceUploadLoading={sourceUploadLoading}
+        showCanvasPanel={showCanvasPanel}
+        canvasPanelNode={canvasPanelNode}
+        streamError={actionGuards.streamError}
+        streamLoading={viewModel.timeline.loading}
+        onStreamRetry={viewModel.toolbar.onRefreshSessions}
+        renderedTimelineItems={renderedTimelineItems}
+        onUICardAction={handleUICardAction}
+        registry={generativeRegistry}
+        currentInputValue={viewModel.composer.value}
+        showAllScenarios={showAllScenarios}
+        onToggleShowAllScenarios={() => setShowAllScenarios((prev) => !prev)}
+        visibleScenarios={visibleScenarios}
+        onScenarioCardClick={(entry) => viewModel.composer.onChange({ target: { value: entry.prompt } })}
+      />
+    </div>
+  );
+}

package/src/app/components/WorkspaceSessionPane.jsx

@@ -0,0 +1,48 @@
+import React from 'react';
+import { SessionListPane } from 'flare-chat-ui';
+
+export default function WorkspaceSessionPane({
+  themeTokens,
+  viewModel,
+  actionGuards,
+  apiReadinessGate,
+  hasProject,
+  projectItems,
+  projectSlot,
+  sessions,
+  resolvedUILabels,
+}) {
+  return (
+    <div style={{ minWidth: 0 }}>
+      <SessionListPane
+        activeSessionId={viewModel.sessionList.activeSessionId}
+        error={actionGuards.sessionPaneError}
+        loading={viewModel.timeline.loading || apiReadinessGate.checking}
+        onCreateProject={actionGuards.handleCreateProject}
+        onCreateSession={actionGuards.handleCreateSession}
+        onNewSession={actionGuards.handleCreateSession}
+        onOperationClick={() => {}}
+        onProjectSelect={() => {}}
+        onSelectSession={viewModel.sessionList.onSelectSession}
+        onRenameSession={viewModel.sessionList.onRenameSession}
+        onArchiveSession={viewModel.sessionList.onArchiveSession}
+        operations={[]}
+        operationsTitle={resolvedUILabels.sidebar_operations_title}
+        projectItems={hasProject ? projectItems : []}
+        projectSlot={hasProject ? projectSlot : null}
+        compact={false}
+        emptyProjectsLabel={resolvedUILabels.project_list_empty}
+        emptySessionsLabel="暂无会话"
+        loadErrorMessage={apiReadinessGate.error ? 'API 预检失败' : '加载会话列表失败'}
+        createProjectLabel={resolvedUILabels.new_project_button}
+        createSessionInProjectLabel={resolvedUILabels.new_session_button}
+        newSessionLabel={resolvedUILabels.new_session_button}
+        sessions={sessions}
+        sortProjectsByNameLabel={resolvedUILabels.project_sort_by_name}
+        sortProjectsLabel={resolvedUILabels.project_sort_by_updated}
+        themeTokens={themeTokens}
+        title={hasProject ? '会话历史' : '项目列表'}
+      />
+    </div>
+  );
+}

package/src/app/components/WorkspaceTopBarSection.jsx

@@ -0,0 +1,65 @@
+import React from 'react';
+import { Typography } from 'antd';
+import { ChatWorkspaceTopBar } from 'flare-chat-ui';
+
+const { Text } = Typography;
+
+export default function WorkspaceTopBarSection({
+  hasConversationStarted,
+  projectSlot,
+  projectNameEditing,
+  projectNameDraft,
+  setProjectNameDraft,
+  handleProjectNameSave,
+  handleProjectNameCancel,
+  resolvedProjectDisplayName,
+  handleProjectNameStartEdit,
+  activeWorkspaceTab,
+  setActiveWorkspaceTab,
+  themeTokens,
+  resolvedUILabels,
+  hasSessionDigest,
+  resolvedSessionDigest,
+  knowledgeHubPopoverContent,
+  knowledgeHubPopoverOpen,
+  handleKnowledgeHubOpenChange,
+  handleOpenKnowledgeHub,
+  showCanvasPanel,
+  handleToggleWorkspacePanel,
+}) {
+  return (
+    <ChatWorkspaceTopBar
+      hasConversationStarted={hasConversationStarted}
+      projectSlot={projectSlot}
+      projectNameEditing={projectNameEditing}
+      projectNameDraft={projectNameDraft}
+      setProjectNameDraft={setProjectNameDraft}
+      handleProjectNameSave={handleProjectNameSave}
+      handleProjectNameCancel={handleProjectNameCancel}
+      resolvedProjectDisplayName={resolvedProjectDisplayName}
+      handleProjectNameStartEdit={handleProjectNameStartEdit}
+      isCompactLayout={false}
+      activeWorkspaceTab={activeWorkspaceTab}
+      setActiveWorkspaceTab={setActiveWorkspaceTab}
+      segmentedThemeStyle={{}}
+      themeTokens={themeTokens}
+      resolvedUILabels={resolvedUILabels}
+      resolvedProductName={resolvedProjectDisplayName}
+      customerRoleFallback="FLARE"
+      hasSessionDigest={hasSessionDigest}
+      resolvedSessionDigest={resolvedSessionDigest}
+      knowledgeHubPopoverContent={knowledgeHubPopoverContent}
+      knowledgeHubPopoverOpen={knowledgeHubPopoverOpen}
+      handleKnowledgeHubOpenChange={handleKnowledgeHubOpenChange}
+      handleOpenKnowledgeHub={handleOpenKnowledgeHub}
+      mcpHubPopoverContent={<Text type="secondary">MCP（演示）</Text>}
+      mcpHubPopoverOpen={false}
+      handleMcpHubOpenChange={() => {}}
+      handleOpenMcpHub={() => {}}
+      workspaceOpenButtonVisible
+      hasUnseenWorkspaceUpdate={false}
+      showCanvasPanel={showCanvasPanel}
+      handleToggleWorkspacePanel={handleToggleWorkspacePanel}
+    />
+  );
+}

package/src/app/core-chat-entry/ComposerSectionNode.jsx

@@ -0,0 +1,241 @@
+import React, { useMemo, useState } from 'react';
+import { ChatWorkspaceComposerSection } from 'flare-chat-ui';
+import useComposerModeSuggestion from './useComposerModeSuggestion.js';
+
+const MODE_STATUS_IDLE = {
+  requirement_canvas: 'idle',
+  intelligent_sourcing: 'idle',
+  analysis_mode: 'idle',
+};
+
+function buildModeStatusByActiveKey(modeKey) {
+  if (!modeKey || modeKey === 'auto') {
+    return MODE_STATUS_IDLE;
+  }
+  return {
+    requirement_canvas: modeKey === 'requirement_canvas' ? 'active' : 'idle',
+    intelligent_sourcing: modeKey === 'intelligent_sourcing' ? 'active' : 'idle',
+    analysis_mode: modeKey === 'analysis_mode' ? 'active' : 'idle',
+  };
+}
+
+export default function ComposerSectionNode({
+  themeTokens,
+  contentMaxWidth,
+  streamLoading,
+  resolvedUILabels,
+  modeSwitchOptions,
+  inputState,
+  onAttachFiles,
+  onSend,
+  effectiveComposerChooser = null,
+  onComposerActionSelect = () => {},
+  onComposerChooserDismiss = () => {},
+  runtimeComposerActions = [],
+  initialModeKey = 'auto',
+  onModeChanged,
+  userId,
+  intentEscalationPolicyPopoverContent,
+  contextGaugePopoverContent,
+  shouldRenderModeSuggestion = true,
+  modeSuggestion = null,
+  modeSuggestionAction = null,
+  tipRules = [],
+  suggestionContextFlags = {},
+}) {
+  const [activeModeKey, setActiveModeKey] = useState(initialModeKey);
+  const [statusOnlyTipHidden, setStatusOnlyTipHidden] = useState(false);
+  const [intentEscalationPolicyPopoverOpen, setIntentEscalationPolicyPopoverOpen] = useState(false);
+  React.useEffect(() => {
+    setActiveModeKey(String(initialModeKey || 'auto').trim() || 'auto');
+  }, [initialModeKey]);
+  React.useEffect(() => {
+    setStatusOnlyTipHidden(false);
+  }, [activeModeKey, inputState?.inputValue]);
+  const modeStatusByKey = useMemo(
+    () => buildModeStatusByActiveKey(activeModeKey),
+    [activeModeKey],
+  );
+  const {
+    modeSuggestion: resolvedModeSuggestion,
+    modeSuggestionAction: resolvedModeSuggestionAction,
+    fromFallback: modeSuggestionFromFallback,
+  } = useComposerModeSuggestion({
+    inputValue: String(inputState?.inputValue || ''),
+    activeModeKey,
+    modeSuggestion,
+    modeSuggestionAction,
+    tipRules,
+    contextFlags: suggestionContextFlags,
+  });
+  const resolvedModeKey = String(activeModeKey || '').trim();
+  const recommendationPanelState = 'hidden';
+  const handleModeSuggestionAction = (actionItem) => {
+    const actionPayload = actionItem?.action && typeof actionItem.action === 'object'
+      ? actionItem.action
+      : null;
+    const actionType = String(actionPayload?.action_type || actionPayload?.type || '').trim();
+    const targetMode = String(
+      actionPayload?.target_mode
+      || actionPayload?.mode
+      || actionItem?.modeKey
+      || ''
+    ).trim();
+    if ((actionType === 'switch_mode' || actionType === 'activate_mode') && targetMode) {
+      const normalizedModeKey = targetMode || 'auto';
+      setActiveModeKey(normalizedModeKey);
+      onModeChanged?.(normalizedModeKey);
+      return;
+    }
+    onComposerActionSelect?.(actionItem);
+  };
+  const handleCollectingAnalysisAction = (collectingAnalysisAction) => {
+    if (!collectingAnalysisAction) {
+      return;
+    }
+    onComposerActionSelect?.({
+      source: 'runtime_action',
+      text: '开始需求分析',
+      action: collectingAnalysisAction,
+    });
+  };
+  const handleComposerChooserSubmit = (payload) => {
+    const selectedChoice = payload?.selectedChoice && typeof payload.selectedChoice === 'object'
+      ? payload.selectedChoice
+      : null;
+    if (!selectedChoice) {
+      return;
+    }
+    const composerChooser = payload?.composerChooser && typeof payload.composerChooser === 'object'
+      ? payload.composerChooser
+      : null;
+    const currentQuestion = composerChooser?.currentQuestion && typeof composerChooser.currentQuestion === 'object'
+      ? composerChooser.currentQuestion
+      : null;
+    const isCustomInputChoice = selectedChoice?.allowCustomInput === true || selectedChoice?.requiresCustomInput === true;
+    const answerValue = String(payload?.answerValue || '').trim();
+    if (!answerValue) {
+      return;
+    }
+    const fieldKey = String(currentQuestion?.fieldKey || '').trim();
+    const questionKind = String(currentQuestion?.questionKind || 'field').trim();
+    const branchNodeKey = String(currentQuestion?.branchNodeKey || '').trim();
+    const questionText = String(currentQuestion?.questionText || composerChooser?.title || '').trim();
+    const selectedOptionText = String(selectedChoice?.text || '').trim();
+    const selectedOptionKey = String(selectedChoice?.key || '').trim();
+    const selectedOptionValue = isCustomInputChoice
+      ? answerValue
+      : String(selectedChoice?.answerValue || selectedOptionText || '').trim();
+    const selectedOptionDisplayText = isCustomInputChoice
+      ? answerValue
+      : selectedOptionText;
+    const answerText = String(answerValue || selectedOptionDisplayText).trim();
+    const hasCurrentQuestionContext = Boolean(currentQuestion && (fieldKey || branchNodeKey));
+    if (hasCurrentQuestionContext) {
+      const action = selectedChoice?.action && typeof selectedChoice.action === 'object'
+        ? {
+          ...selectedChoice.action,
+          payload: {
+            ...(selectedChoice.action.payload && typeof selectedChoice.action.payload === 'object'
+              ? selectedChoice.action.payload
+              : {}),
+            question_answer: {
+              field_key: fieldKey,
+              question_kind: questionKind,
+              branch_node_key: branchNodeKey,
+              question_text: questionText,
+              selected_option_key: selectedOptionKey,
+              selected_option_text: selectedOptionDisplayText,
+              selected_option_value: selectedOptionValue,
+              field_value: answerValue,
+            },
+            prefill_prompt: answerText,
+          },
+        }
+        : null;
+      onComposerActionSelect?.({
+        ...selectedChoice,
+        source: 'question_answer',
+        text: answerText,
+        answerValue,
+        action,
+      });
+      return;
+    }
+    onComposerActionSelect?.({
+      ...selectedChoice,
+      source: String(selectedChoice?.source || 'action'),
+      text: String(selectedChoice?.text || answerValue).trim(),
+      answerValue,
+      action: selectedChoice?.action && typeof selectedChoice.action === 'object'
+        ? selectedChoice.action
+        : null,
+    });
+  };
+
+  return (
+    <ChatWorkspaceComposerSection
+      canvasWorkspaceFullscreenMode={false}
+      themeTokens={themeTokens}
+      isCompactLayout={false}
+      contentMaxWidth={contentMaxWidth}
+      recommendationPanelState={recommendationPanelState}
+      effectiveComposerChooser={effectiveComposerChooser}
+      streamLoading={streamLoading}
+      shouldRenderModeSuggestion={shouldRenderModeSuggestion}
+      modeSuggestion={resolvedModeSuggestion}
+      modeSuggestionAction={resolvedModeSuggestionAction}
+      modeSuggestionFromFallback={modeSuggestionFromFallback}
+      onModeSuggestionAction={handleModeSuggestionAction}
+      handleComposerActionSelect={onComposerActionSelect}
+      isStatusOnlyModeSuggestion={false}
+      statusOnlyTipHidden={statusOnlyTipHidden}
+      setStatusOnlyTipHidden={setStatusOnlyTipHidden}
+      applyBehaviorEvent={() => {}}
+      isRequirementCanvasMode
+      chooserAwaitingAuthoritative={false}
+      canonicalAwaitingReason=""
+      patchEventHealth={{ ok: true }}
+      showCollectingAnalysisCta={false}
+      collectingAnalysisAction={null}
+      onCollectingAnalysisAction={handleCollectingAnalysisAction}
+      attachmentActionError={null}
+      resolvedUILabels={resolvedUILabels}
+      attachmentConstraintsHint="当前附件仅用于本次消息。最多 10 个，单个不超过 20MB。"
+      composerInputRef={null}
+      modeSwitchOptions={modeSwitchOptions}
+      resolvedActiveModeKey={activeModeKey}
+      modeStatusByKey={modeStatusByKey}
+      handleAttachFiles={onAttachFiles}
+      inputState={inputState}
+      handleModeSelect={(nextModeKey) => {
+        const normalizedModeKey = String(nextModeKey || '').trim() || 'auto';
+        setActiveModeKey(normalizedModeKey);
+        onModeChanged?.(normalizedModeKey);
+      }}
+      handleSend={() => onSend({
+        streamOptions: {
+          modeKey: resolvedModeKey && resolvedModeKey !== 'auto' ? resolvedModeKey : '',
+          manualModeKey: resolvedModeKey && resolvedModeKey !== 'auto' ? resolvedModeKey : '',
+          payloadExtra: (
+            resolvedModeKey === 'intelligent_sourcing'
+              ? { sourcing_enabled: true, source_scope: 'hybrid', top_k: 8 }
+              : {}
+          ),
+        },
+      })}
+      resolvedComposerPlaceholder="请输入你的需求"
+      runtimeComposerActions={runtimeComposerActions}
+      onComposerChooserSubmit={handleComposerChooserSubmit}
+      onComposerChooserDismiss={onComposerChooserDismiss}
+      sendButtonLabel="发送"
+      resolvedUserDisplayName={userId}
+      intentEscalationPolicyPopoverContent={intentEscalationPolicyPopoverContent}
+      intentEscalationPolicyPopoverOpen={intentEscalationPolicyPopoverOpen}
+      handleIntentEscalationPolicyPopoverOpenChange={setIntentEscalationPolicyPopoverOpen}
+      intentEscalationConfigEntryLabel="触发阈值"
+      contextGaugePopoverContent={contextGaugePopoverContent}
+      contextWindowPercent={8}
+    />
+  );
+}