flare-chat-core 0.2.1 → 0.2.3

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,156 @@
+import React from 'react';
+import {
+  ChatWorkspaceSourcesPanel,
+  ChatWorkspaceConversationPane,
+  ChatWorkspaceProjectInitView,
+} from 'flare-chat-ui';
+
+export default function WorkspaceBodySection({
+  hasProject,
+  activeWorkspaceTab,
+  setActiveWorkspaceTab,
+  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,
+  isCompactLayout,
+}) {
+  const tabItems = [
+    { label: resolvedUILabels.tab_chats || '会话', value: 'chats' },
+    { label: resolvedUILabels.tab_sources || '资料', value: 'sources' },
+  ];
+  const activeTabIndex = Math.max(
+    0,
+    tabItems.findIndex((item) => item.value === activeWorkspaceTab),
+  );
+
+  const compactTabSwitchNode = (hasProject && isCompactLayout) ? (
+    <div style={{ padding: '8px 12px 6px' }}>
+      <div
+        className="flare-workspace-tab-switch"
+        role="tablist"
+        aria-label="workspace tabs"
+      >
+        <span
+          className="flare-workspace-tab-switch-thumb"
+          style={{ transform: `translateX(${activeTabIndex * 100}%)` }}
+        />
+        {tabItems.map((item) => {
+          const active = item.value === activeWorkspaceTab;
+          return (
+            <button
+              key={item.value}
+              aria-selected={active}
+              className={`flare-workspace-tab-switch-item${active ? ' is-active' : ''}`}
+              onClick={() => setActiveWorkspaceTab(item.value)}
+              role="tab"
+              type="button"
+            >
+              {item.label}
+            </button>
+          );
+        })}
+      </div>
+    </div>
+  ) : null;
+
+  if (!hasProject) {
+    return (
+      <ChatWorkspaceProjectInitView
+        isCompactLayout={isCompactLayout}
+        themeTokens={themeTokens}
+        resolvedProductName="F.L.A.R.E"
+        resolvedProductTag="项目协同工作台"
+        hasProjectItems={projectItems.length > 0}
+        resolvedUILabels={resolvedUILabels}
+        handleCreateProject={handleCreateProject}
+      />
+    );
+  }
+
+  if (activeWorkspaceTab === 'sources') {
+    return (
+      <>
+        {compactTabSwitchNode}
+        <ChatWorkspaceSourcesPanel
+          composerNode={composerNode}
+          contentMaxWidth={contentMaxWidth}
+          handleOpenSourcePicker={handleOpenSourcePicker}
+          handleRemoveSource={handleRemoveSource}
+          handleRetrySource={handleRetrySource}
+          handleViewSourceDetail={handleViewSourceDetail}
+          isCompactLayout={isCompactLayout}
+          resolvedUILabels={resolvedUILabels}
+          sourceActionError={sourceActionError}
+          sourceItems={sourceItems}
+          sourceRemovingId={sourceRemovingId}
+          sourceSyncLoading={sourceSyncLoading}
+          sourceUploadLoading={sourceUploadLoading}
+          themeTokens={themeTokens}
+        />
+      </>
+    );
+  }
+
+  return (
+    <>
+      {compactTabSwitchNode}
+      <ChatWorkspaceConversationPane
+        themeTokens={themeTokens}
+        isCompactLayout={isCompactLayout}
+        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,121 @@
+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,
+  isCompactLayout,
+  showSidebarMenuButton,
+  handleOpenSidebarMenu,
+}) {
+  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}
+          isCompactLayout={isCompactLayout}
+          showSidebarMenuButton={showSidebarMenuButton}
+          handleOpenSidebarMenu={handleOpenSidebarMenu}
+        />
+      ) : null}
+
+      <WorkspaceBodySection
+        hasProject={hasProject}
+        activeWorkspaceTab={activeWorkspaceTab}
+        setActiveWorkspaceTab={setActiveWorkspaceTab}
+        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 } })}
+        isCompactLayout={isCompactLayout}
+      />
+    </div>
+  );
+}

package/src/app/components/WorkspaceSessionPane.jsx

@@ -0,0 +1,70 @@
+import React from 'react';
+import { SessionListPane } from 'flare-chat-ui';
+
+export default function WorkspaceSessionPane({
+  themeTokens,
+  viewModel,
+  actionGuards,
+  apiReadinessGate,
+  hasProject,
+  projectItems,
+  projectSlot,
+  sessions,
+  resolvedUILabels,
+  onAfterSidebarAction,
+}) {
+  const handleAfterAction = () => {
+    if (typeof onAfterSidebarAction === 'function') {
+      onAfterSidebarAction();
+    }
+  };
+
+  return (
+    <div style={{ minWidth: 0 }}>
+      <SessionListPane
+        activeSessionId={viewModel.sessionList.activeSessionId}
+        error={actionGuards.sessionPaneError}
+        loading={viewModel.timeline.loading || apiReadinessGate.checking}
+        onCreateProject={() => {
+          actionGuards.handleCreateProject?.();
+          handleAfterAction();
+        }}
+        onCreateSession={(project) => {
+          actionGuards.handleCreateSession?.(project);
+          handleAfterAction();
+        }}
+        onNewSession={(project) => {
+          actionGuards.handleCreateSession?.(project);
+          handleAfterAction();
+        }}
+        onOperationClick={() => {}}
+        onProjectSelect={(project) => {
+          viewModel.sessionList.onProjectSelect?.(project);
+          handleAfterAction();
+        }}
+        onSelectSession={(sessionId) => {
+          viewModel.sessionList.onSelectSession?.(sessionId);
+          handleAfterAction();
+        }}
+        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,71 @@
+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,
+  isCompactLayout,
+  showSidebarMenuButton,
+  handleOpenSidebarMenu,
+}) {
+  return (
+    <ChatWorkspaceTopBar
+      hasConversationStarted={hasConversationStarted}
+      projectSlot={projectSlot}
+      projectNameEditing={projectNameEditing}
+      projectNameDraft={projectNameDraft}
+      setProjectNameDraft={setProjectNameDraft}
+      handleProjectNameSave={handleProjectNameSave}
+      handleProjectNameCancel={handleProjectNameCancel}
+      resolvedProjectDisplayName={resolvedProjectDisplayName}
+      handleProjectNameStartEdit={handleProjectNameStartEdit}
+      isCompactLayout={isCompactLayout}
+      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}
+      showSidebarMenuButton={showSidebarMenuButton}
+      handleOpenSidebarMenu={handleOpenSidebarMenu}
+      showWorkspaceTabSwitch={!isCompactLayout}
+    />
+  );
+}