flare-chat-core 0.2.3 → 0.2.5

package/src/app/components/TriggerThresholdPopoverContent.jsx

@@ -1,122 +0,0 @@
-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

@@ -1,156 +0,0 @@
-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

@@ -1,121 +0,0 @@
-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

@@ -1,70 +0,0 @@
-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

@@ -1,71 +0,0 @@
-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}
-    />
-  );
-}