flare-chat-core 0.2.2 → 0.2.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "flare-chat-core",
   "private": false,
-  "version": "0.2.2",
+  "version": "0.2.3",
   "type": "module",
   "scripts": {
     "dev": "vite --mode development",

package/src/app/WorkspaceLayout.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Drawer } from 'antd';
 import {
   WORKSPACE_CONTENT_MAX_WIDTH,
   RESOLVED_UI_LABELS,
@@ -7,6 +8,8 @@ import {
 import WorkspaceSessionPane from './components/WorkspaceSessionPane.jsx';
 import WorkspaceMainPane from './components/WorkspaceMainPane.jsx';
 
+const COMPACT_LAYOUT_QUERY = '(max-width: 767px)';
+
 export default function WorkspaceLayout({
   themeTokens,
   viewModel,
@@ -52,22 +55,58 @@ export default function WorkspaceLayout({
   sourceFileInputRef,
   handleSourceFileChange,
 }) {
+  const [isCompactLayout, setIsCompactLayout] = React.useState(false);
+  const [sidebarDrawerOpen, setSidebarDrawerOpen] = React.useState(false);
+
+  React.useEffect(() => {
+    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {
+      return undefined;
+    }
+
+    const mediaQuery = window.matchMedia(COMPACT_LAYOUT_QUERY);
+    const handleChange = (event) => {
+      const nextCompact = Boolean(event.matches);
+      setIsCompactLayout(nextCompact);
+      if (!nextCompact) {
+        setSidebarDrawerOpen(false);
+      }
+    };
+
+    setIsCompactLayout(mediaQuery.matches);
+
+    if (typeof mediaQuery.addEventListener === 'function') {
+      mediaQuery.addEventListener('change', handleChange);
+      return () => mediaQuery.removeEventListener('change', handleChange);
+    }
+
+    mediaQuery.addListener(handleChange);
+    return () => mediaQuery.removeListener(handleChange);
+  }, []);
+
+  const showInlineSidebar = !isCompactLayout;
+  const workspaceStyle = {
+    ...createWorkspaceStyle(themeTokens),
+    gridTemplateColumns: showInlineSidebar ? '300px minmax(0, 1fr)' : 'minmax(0, 1fr)',
+  };
+
   return (
     <div
       className="flare-chat-workspace"
-      style={createWorkspaceStyle(themeTokens)}
+      style={workspaceStyle}
     >
-      <WorkspaceSessionPane
-        themeTokens={themeTokens}
-        viewModel={viewModel}
-        actionGuards={actionGuards}
-        apiReadinessGate={apiReadinessGate}
-        hasProject={hasProject}
-        projectItems={projectItems}
-        projectSlot={projectSlot}
-        sessions={sessions}
-        resolvedUILabels={RESOLVED_UI_LABELS}
-      />
+      {showInlineSidebar ? (
+        <WorkspaceSessionPane
+          themeTokens={themeTokens}
+          viewModel={viewModel}
+          actionGuards={actionGuards}
+          apiReadinessGate={apiReadinessGate}
+          hasProject={hasProject}
+          projectItems={projectItems}
+          projectSlot={projectSlot}
+          sessions={sessions}
+          resolvedUILabels={RESOLVED_UI_LABELS}
+        />
+      ) : null}
 
       <WorkspaceMainPane
         themeTokens={themeTokens}
@@ -111,8 +150,34 @@ export default function WorkspaceLayout({
         showAllScenarios={showAllScenarios}
         setShowAllScenarios={setShowAllScenarios}
         visibleScenarios={visibleScenarios}
+        isCompactLayout={isCompactLayout}
+        showSidebarMenuButton={isCompactLayout}
+        handleOpenSidebarMenu={() => setSidebarDrawerOpen(true)}
       />
 
+      <Drawer
+        onClose={() => setSidebarDrawerOpen(false)}
+        open={isCompactLayout && sidebarDrawerOpen}
+        placement="left"
+        styles={{
+          body: { padding: 0 },
+          wrapper: { width: '86vw' },
+        }}
+      >
+        <WorkspaceSessionPane
+          themeTokens={themeTokens}
+          viewModel={viewModel}
+          actionGuards={actionGuards}
+          apiReadinessGate={apiReadinessGate}
+          hasProject={hasProject}
+          projectItems={projectItems}
+          projectSlot={projectSlot}
+          sessions={sessions}
+          resolvedUILabels={RESOLVED_UI_LABELS}
+          onAfterSidebarAction={() => setSidebarDrawerOpen(false)}
+        />
+      </Drawer>
+
       <input
         ref={sourceFileInputRef}
         type="file"

package/src/app/components/WorkspaceBodySection.jsx

@@ -8,6 +8,7 @@ import {
 export default function WorkspaceBodySection({
   hasProject,
   activeWorkspaceTab,
+  setActiveWorkspaceTab,
   themeTokens,
   projectItems,
   resolvedUILabels,
@@ -36,11 +37,51 @@ export default function WorkspaceBodySection({
   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={false}
+        isCompactLayout={isCompactLayout}
         themeTokens={themeTokens}
         resolvedProductName="F.L.A.R.E"
         resolvedProductTag="项目协同工作台"
@@ -53,57 +94,63 @@ export default function WorkspaceBodySection({
 
   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}
-      />
+      <>
+        {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 (
-    <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}
-    />
+    <>
+      {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

@@ -44,6 +44,9 @@ export default function WorkspaceMainPane({
   showAllScenarios,
   setShowAllScenarios,
   visibleScenarios,
+  isCompactLayout,
+  showSidebarMenuButton,
+  handleOpenSidebarMenu,
 }) {
   const resolvedSessionDigestText = activeSession
     ? `当前会话：${String(activeSession.preview || activeSession.title || '').trim()}`
@@ -73,12 +76,16 @@ export default function WorkspaceMainPane({
           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}
@@ -107,6 +114,7 @@ export default function WorkspaceMainPane({
         onToggleShowAllScenarios={() => setShowAllScenarios((prev) => !prev)}
         visibleScenarios={visibleScenarios}
         onScenarioCardClick={(entry) => viewModel.composer.onChange({ target: { value: entry.prompt } })}
+        isCompactLayout={isCompactLayout}
       />
     </div>
   );

package/src/app/components/WorkspaceSessionPane.jsx

@@ -11,19 +11,41 @@ export default function WorkspaceSessionPane({
   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}
-        onCreateSession={actionGuards.handleCreateSession}
-        onNewSession={actionGuards.handleCreateSession}
+        onCreateProject={() => {
+          actionGuards.handleCreateProject?.();
+          handleAfterAction();
+        }}
+        onCreateSession={(project) => {
+          actionGuards.handleCreateSession?.(project);
+          handleAfterAction();
+        }}
+        onNewSession={(project) => {
+          actionGuards.handleCreateSession?.(project);
+          handleAfterAction();
+        }}
         onOperationClick={() => {}}
-        onProjectSelect={() => {}}
-        onSelectSession={viewModel.sessionList.onSelectSession}
+        onProjectSelect={(project) => {
+          viewModel.sessionList.onProjectSelect?.(project);
+          handleAfterAction();
+        }}
+        onSelectSession={(sessionId) => {
+          viewModel.sessionList.onSelectSession?.(sessionId);
+          handleAfterAction();
+        }}
         onRenameSession={viewModel.sessionList.onRenameSession}
         onArchiveSession={viewModel.sessionList.onArchiveSession}
         operations={[]}

package/src/app/components/WorkspaceTopBarSection.jsx

@@ -26,6 +26,9 @@ export default function WorkspaceTopBarSection({
   handleOpenKnowledgeHub,
   showCanvasPanel,
   handleToggleWorkspacePanel,
+  isCompactLayout,
+  showSidebarMenuButton,
+  handleOpenSidebarMenu,
 }) {
   return (
     <ChatWorkspaceTopBar
@@ -38,7 +41,7 @@ export default function WorkspaceTopBarSection({
       handleProjectNameCancel={handleProjectNameCancel}
       resolvedProjectDisplayName={resolvedProjectDisplayName}
       handleProjectNameStartEdit={handleProjectNameStartEdit}
-      isCompactLayout={false}
+      isCompactLayout={isCompactLayout}
       activeWorkspaceTab={activeWorkspaceTab}
       setActiveWorkspaceTab={setActiveWorkspaceTab}
       segmentedThemeStyle={{}}
@@ -60,6 +63,9 @@ export default function WorkspaceTopBarSection({
       hasUnseenWorkspaceUpdate={false}
       showCanvasPanel={showCanvasPanel}
       handleToggleWorkspacePanel={handleToggleWorkspacePanel}
+      showSidebarMenuButton={showSidebarMenuButton}
+      handleOpenSidebarMenu={handleOpenSidebarMenu}
+      showWorkspaceTabSwitch={!isCompactLayout}
     />
   );
 }

package/src/chat-core/messages/buildTimelineItems.js

@@ -36,15 +36,6 @@ export function buildTimelineItems(state = {}, options = {}) {
   const loading = Boolean(options?.loading);
 
   const items = [];
-  let latestAssistantMessageId = '';
-  for (let index = messages.length - 1; index >= 0; index -= 1) {
-    const candidate = messages[index];
-    if (String(candidate?.role || '').trim() === 'assistant') {
-      latestAssistantMessageId = String(candidate?.message_id || `msg-fallback-${index}`).trim();
-      break;
-    }
-  }
-
   if (messages.length === 0) {
     return {
       isEmpty: true,
@@ -89,29 +80,6 @@ export function buildTimelineItems(state = {}, options = {}) {
     });
 
     if (msg.role === 'assistant') {
-      const historicalThinking = Boolean(
-        msg.agent_status
-        || msg.execution_trace
-        || String(msg.thinking_trace || '').trim()
-      );
-      if (historicalThinking && messageId === latestAssistantMessageId) {
-        items.push({
-          id: `thinking-${messageId}`,
-          type: 'thinking',
-          agentStatus: msg.agent_status || {
-            status: 'completed',
-            agent: '助手',
-          },
-          thinkingTrace: String(msg.thinking_trace || '').trim(),
-          executionTrace: msg.execution_trace || {
-            status: 'completed',
-            step_id: 'historical_trace',
-          },
-          executionCards: [],
-          roundKey: String(msg.round_key || authoritativeRoundId || '').trim(),
-          loading: false,
-        });
-      }
       if (msg.knowledge_search && typeof msg.knowledge_search === 'object') {
         items.push({
           id: `knowledge-search-${messageId}`,

package/src/chat-core/messages/buildTimelineItems.knowledge-citation.test.mjs

@@ -144,7 +144,7 @@ test('buildTimelineItems keeps executionCards on thinking item for step-by-step
   assert.equal(thinkingItem.executionCards[0].step_id, 'context_binding');
 });
 
-test('buildTimelineItems keeps only latest assistant historical thinking item', () => {
+test('buildTimelineItems does not append historical assistant thinking item', () => {
   const timeline = buildTimelineItems({
     messages: [
       {
@@ -178,6 +178,5 @@ test('buildTimelineItems keeps only latest assistant historical thinking item',
   });
 
   const thinkingItems = timeline.items.filter((item) => item.type === 'thinking');
-  assert.equal(thinkingItems.length, 1);
-  assert.equal(thinkingItems[0].id, 'thinking-a2');
+  assert.equal(thinkingItems.length, 0);
 });