fix: conversations列表列显示不全、Enter无响应、无法触发总结

- InteractiveList: 没有renderSidePreview时不使用双栏布局，列宽按全终端宽度计算
- InteractiveList: 全固定宽度列时按实际总宽判断是否裁剪，而非无条件裁剪
- ConversationsView: 已总结对话Enter跳转笔记详情，未总结显示提示并支持s键总结
- 新增 GET /api/notes/by-conversation/:id 接口

Co-Authored-By: Rayner Zeng <1361209507@qq.com>

Author: ZengLiangYi

server/src/cli/client.ts

@@ -264,6 +264,10 @@ export class CrystalClient {
     }>('GET', `/api/conversations${qs ? `?${qs}` : ''}`);
   }
 
+  async getNoteByConversation(conversationId: string) {
+    return this.request<{ id: number } | null>('GET', `/api/notes/by-conversation/${encodeURIComponent(conversationId)}`);
+  }
+
   async search(query: string, limit = 10) {
     return this.request<Array<{
       note_id: number; title: string; project_name: string; score: number; tags: string[];

server/src/cli/ui/App.tsx

@@ -124,9 +124,14 @@ export function App({ client, initialView }: AppProps) {
           source={props.source as string | undefined}
           status={props.status as string | undefined}
           search={props.search as string | undefined}
-          onSelect={(conv: ConversationItem) => {
-            if (conv.status === 'summarized') {
-              push({ type: 'search', props: { initialQuery: conv.project_name || conv.id } });
+          onSelect={async (conv: ConversationItem) => {
+            try {
+              const note = await client.getNoteByConversation(conv.id);
+              if (note) {
+                push({ type: 'note-detail', props: { noteId: note.id } });
+              }
+            } catch {
+              // note not found — no-op, view handles the hint
             }
           }}
           onSearch={() => push({ type: 'search', props: {} })}

server/src/cli/ui/components/InteractiveList.tsx

@@ -34,6 +34,8 @@ interface InteractiveListProps<T> {
   onQuit: () => void;
   /** Called when user presses r to retry */
   onRetry?: () => void;
+  /** Called when user presses s to summarize the current item */
+  onSummarize?: (item: T | null) => void;
   /** Render inline preview for selected item (narrow mode) */
   renderPreview?: (item: T) => string | null;
   /** Render side panel preview (wide mode). Receives available width for truncation. */
@@ -57,7 +59,7 @@ const PREVIEW_LINES = 3;
  */
 export function InteractiveList<T>({
   items, columns, total, loading, error, hasMore,
-  onLoadMore, onSelect, onSearch, onQuit, onRetry,
+  onLoadMore, onSelect, onSearch, onQuit, onRetry, onSummarize,
   renderPreview, renderSidePreview,
   extraHints, title, keyboardActive = true,
 }: InteractiveListProps<T>) {
@@ -66,8 +68,11 @@ export function InteractiveList<T>({
   const { columns: termCols, rows: termRows, isWide } = useTerminalSize();
   const t = getLocale();
 
+  // Only use dual-pane layout when wide AND side preview is provided
+  const useSideLayout = isWide && !!renderSidePreview;
+
   // Calculate viewport height
-  const viewportHeight = Math.max(3, termRows - CHROME_LINES - (isWide ? 0 : PREVIEW_LINES));
+  const viewportHeight = Math.max(3, termRows - CHROME_LINES - (useSideLayout ? 0 : PREVIEW_LINES));
 
   // C2 fix: refs for values read in handleAction to avoid stale closures
   const cursorRef = useRef(cursor);
@@ -125,8 +130,11 @@ export function InteractiveList<T>({
       case 'retry':
         onRetry?.();
         break;
+      case 'summarize':
+        onSummarize?.(currentItems.length > 0 ? currentItems[cursorRef.current] : null);
+        break;
     }
-  }, [viewportHeight, onSelect, onSearch, onQuit, onRetry]);
+  }, [viewportHeight, onSelect, onSearch, onQuit, onRetry, onSummarize]);
 
   useKeyboard({ active: keyboardActive, onAction: handleAction });
 
@@ -144,7 +152,7 @@ export function InteractiveList<T>({
   const selectedItem = items[cursor] ?? null;
 
   // Available width for list content (prefix " ▸ " = 3 chars)
-  const listPanelWidth = isWide ? Math.floor(termCols * 0.4) : termCols;
+  const listPanelWidth = useSideLayout ? Math.floor(termCols * 0.4) : termCols;
   const availableListWidth = listPanelWidth - 3;
 
   // Column layout: flex column (no width) fills remaining space.
@@ -155,16 +163,26 @@ export function InteractiveList<T>({
     // Find the flex column (first column without explicit width)
     const flexIdx = columns.findIndex(c => !c.width);
 
-    // Start with all columns, drop rightmost fixed columns until flex has enough space
+    // Start with all columns, drop rightmost fixed columns until content fits
     let cols = [...columns];
+    const calcTotalWidth = (arr: typeof columns) => {
+      const fixedSum = arr.reduce((s, c) => s + (c.width || 10), 0);
+      const gaps = (arr.length - 1) * 2;
+      return fixedSum + gaps;
+    };
     const calcFlexWidth = (arr: typeof columns) => {
       const fixedSum = arr.reduce((s, c, i) => i === flexIdx ? s : s + (c.width || 10), 0);
       const gaps = (arr.length - 1) * 2;
       return availableListWidth - fixedSum - gaps;
     };
 
     // Drop from the right, but never drop the flex column
-    while (cols.length > 1 && (flexIdx < 0 || calcFlexWidth(cols) < MIN_FLEX_WIDTH)) {
+    const shouldDrop = () => {
+      if (flexIdx >= 0) return calcFlexWidth(cols) < MIN_FLEX_WIDTH;
+      // All fixed-width columns: drop when total exceeds available width
+      return calcTotalWidth(cols) > availableListWidth;
+    };
+    while (cols.length > 1 && shouldDrop()) {
       // Find rightmost droppable column (not the flex column)
       let dropIdx = -1;
       for (let i = cols.length - 1; i >= 0; i--) {
@@ -213,7 +231,7 @@ export function InteractiveList<T>({
 
   // Inline preview for narrow mode — fixed height, pinned at bottom
   function renderInlinePreview() {
-    if (isWide || !renderPreview) return null;
+    if (useSideLayout || !renderPreview) return null;
     const previewText = selectedItem ? renderPreview(selectedItem) : null;
     const previewContentWidth = termCols - 2; // 1 char padding each side
     const sepLine = '┄'.repeat(previewContentWidth);
@@ -231,7 +249,7 @@ export function InteractiveList<T>({
   }
 
   // Wide mode: side-by-side layout
-  if (isWide && renderSidePreview) {
+  if (useSideLayout) {
     const listWidth = Math.floor(termCols * 0.4);
     const previewWidth = termCols - listWidth - 3;
 

server/src/cli/ui/views/ConversationsView.tsx

@@ -1,9 +1,10 @@
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import { InteractiveList, type ColumnDef } from '../components/InteractiveList.js';
 import { usePagination } from '../hooks/usePagination.js';
 import { getLocale } from '../locale/index.js';
 import { truncate } from '../../formatter.js';
 import type { CrystalClient } from '../../client.js';
+import type { Hint } from '../components/StatusBar.js';
 
 export interface ConversationItem {
   id: string;
@@ -19,21 +20,22 @@ interface ConversationsViewProps {
   source?: string;
   status?: string;
   search?: string;
-  /** Called when user selects a conversation */
+  /** Called when user selects a summarized conversation (to view its note) */
   onSelect: (conversation: ConversationItem) => void;
   onSearch: () => void;
   onQuit: () => void;
 }
 
 export function ConversationsView({ client, source, status, search, onSelect, onSearch, onQuit }: ConversationsViewProps) {
   const t = getLocale();
+  const [summarizing, setSummarizing] = useState<string | null>(null);
 
   const fetchPage = useCallback(async (offset: number, limit: number) => {
     const data = await client.getConversations({ source, status, search, offset, limit });
     return { items: data.items as ConversationItem[], total: data.total };
   }, [client, source, status, search]);
 
-  const { items, total, loading, error, hasMore, loadMore, retry } = usePagination<ConversationItem>({ fetchPage });
+  const { items, total, loading, error, hasMore, loadMore, retry, reload } = usePagination<ConversationItem>({ fetchPage });
 
   const columns: ColumnDef[] = useMemo(() => [
     { header: 'ID', accessor: (c: ConversationItem) => truncate(c.id, 12), width: 14 },
@@ -44,6 +46,25 @@ export function ConversationsView({ client, source, status, search, onSelect, on
     { header: t.headerLastActive, accessor: (c: ConversationItem) => c.last_message_at ? new Date(c.last_message_at).toLocaleDateString() : '', width: 12 },
   ], [t]);
 
+  const handleSelect = useCallback((item: ConversationItem) => {
+    if (item.status === 'summarized') {
+      onSelect(item);
+    }
+    // Not summarized: do nothing on Enter, preview shows hint
+  }, [onSelect]);
+
+  const handleSummarize = useCallback(async (item: ConversationItem | null) => {
+    if (!item || item.status === 'summarized' || summarizing) return;
+    setSummarizing(item.id);
+    try {
+      await client.summarize(item.id);
+      reload();
+    } catch { /* ignore */ }
+    finally { setSummarizing(null); }
+  }, [client, summarizing, reload]);
+
+  const extraHints: Hint[] = [{ key: 's', label: t.hints.summarize.split(':')[1] }];
+
   return (
     <InteractiveList<ConversationItem>
       items={items}
@@ -53,12 +74,18 @@ export function ConversationsView({ client, source, status, search, onSelect, on
       error={error}
       hasMore={hasMore}
       onLoadMore={loadMore}
-      onSelect={(item) => onSelect(item)}
+      onSelect={handleSelect}
       onSearch={onSearch}
       onQuit={onQuit}
       onRetry={retry}
+      onSummarize={handleSummarize}
+      extraHints={extraHints}
       title={t.conversationsTitle}
-      renderPreview={(item) => `${item.source} | ${item.project_name} | ${item.message_count} msgs | ${item.status}`}
+      renderPreview={(item) => {
+        if (summarizing === item.id) return `⟳ ...`;
+        if (item.status === 'summarized') return `${item.source} | ${item.project_name} | ${item.message_count} msgs`;
+        return `${t.notSummarized} — ${t.pressSToSummarize}`;
+      }}
     />
   );
 }

server/src/routes/notes.ts

@@ -125,6 +125,22 @@ export async function noteRoutes(app: FastifyInstance) {
     };
   });
 
+  // Get note ID by conversation ID
+  app.get('/api/notes/by-conversation/:conversationId', async (req, reply) => {
+    const { conversationId } = req.params as { conversationId: string };
+    const db = getDatabase();
+    const result = db.exec(
+      'SELECT id FROM notes WHERE conversation_id = ?',
+      [conversationId],
+    );
+    if (!result.length || !result[0].values.length) {
+      reply.status(404);
+      return { success: false, error: 'Note not found for this conversation' };
+    }
+    const noteId = Number(result[0].values[0][0]);
+    return { success: true, data: { id: noteId } };
+  });
+
   // Get single note
   app.get('/api/notes/:id', async (req, reply) => {
     const { id } = req.params as { id: string };