quassel 0.4.2 → 0.4.3

package/ChatMessages.d.ts

@@ -1,5 +1,5 @@
 import { type CSSProperties, ReactNode } from "react";
-import { ChatAnnouncement, DetailMode, Message, PendingAction, ToolInfo } from "./types";
+import { ChatAnnouncement, DetailMode, Message, PendingAction, ToolInfo, TranscriptMode } from "./types";
 import { ChatTexts } from "./texts";
 import { type LinkClickHandler } from "./Markdown";
 import { type ChatAppearance, type TimestampOptions, type CodeBlockOptions, type BubbleOptions, type MessageActionsOptions } from "./options";
@@ -7,11 +7,12 @@ import { type ChatAppearance, type TimestampOptions, type CodeBlockOptions, type
  * The transcript: its own scroll container with autoscroll while you are at the bottom, and a
  * jump-to-end button as soon as you are reading. Usable read-only without a composer.
  */
-export declare function ChatMessages({ messages, owner, detailMode, running, working, stepsExpandable, groupsExpandable, texts, toolArgumentsText, renderTool, renderAction, onDismissAction, onLinkClick, emptyState, className, scrollerClassName, showTimestamps, announce, scrollerRef, maxWidth, horizontalPadding, jumpToEndThreshold, appearance, timestampOptions, codeBlockOptions, bubbleOptions, messageActions, toolElapsedThreshold, }: {
+export declare function ChatMessages({ messages, owner, detailMode, transcriptMode, running, working, stepsExpandable, groupsExpandable, texts, toolArgumentsText, renderTool, renderAction, onDismissAction, onLinkClick, emptyState, className, scrollerClassName, showTimestamps, announce, scrollerRef, maxWidth, horizontalPadding, jumpToEndThreshold, appearance, timestampOptions, codeBlockOptions, bubbleOptions, messageActions, toolElapsedThreshold, }: {
     messages: Message[];
     /** Contributions with this Message.sender appear without a speech bubble; null keeps the message defaults. */
     owner?: string | null;
     detailMode?: DetailMode;
+    transcriptMode?: TranscriptMode;
     running?: boolean;
     working?: ReactNode;
     /** false = thinking and tool steps cannot be expanded (no popover). */

package/README.md

@@ -43,6 +43,7 @@ variables too.
 - Streaming-safe Markdown (tables, code with copy button, lists) via Streamdown.
 - Steering: typing while a turn runs sends into it; stop, retry and failed-send recovery built in.
 - Attachments by button, drag and drop or paste, with previews and size limits.
+- Condensed conversation: all user inputs and the latest answer between them, independently of tool/thinking detail.
 - Timestamps, day separators, message actions, configurable bubbles and appearance.
 - Screen reader friendly: the transcript is not a live region; finished replies and new
   actions are announced once, with the host in control of the wording.

package/TranscriptModeSwitch.d.ts

@@ -0,0 +1,8 @@
+import { type TranscriptMode } from "./types";
+import { type ChatTexts } from "./texts";
+export declare function TranscriptModeSwitch({ mode, onChange, texts, className }: {
+    mode: TranscriptMode;
+    onChange: (mode: TranscriptMode) => void;
+    texts?: Partial<ChatTexts>;
+    className?: string;
+}): import("react").JSX.Element;

package/index.d.ts

@@ -1,4 +1,4 @@
-export type { Role, ToolInfo, PendingAction, Message, ChatEvent, ChatTextCursor, ChatJournalCursor, ChatAttachment, ChatAttachmentInput, ChatAttachmentCapabilities, ChatStartupStatus, DetailMode, StepState, ChatAnnouncement, } from "./types";
+export type { Role, ToolInfo, PendingAction, Message, ChatEvent, ChatTextCursor, ChatJournalCursor, ChatAttachment, ChatAttachmentInput, ChatAttachmentCapabilities, ChatStartupStatus, DetailMode, TranscriptMode, StepState, ChatAnnouncement, } from "./types";
 export { applyEvent, prettyJson, compactToolLine, stepState } from "./types";
 export type { ChatTexts } from "./texts";
 export { defaultTexts, fillText } from "./texts";
@@ -6,6 +6,7 @@ export { ChatMessages } from "./ChatMessages";
 export { ChatPanel } from "./ChatPanel";
 export { ChatInputToolbar, type ChatInputHandle, type ToolbarAction } from "./ChatInputToolbar";
 export { DetailModeSwitch, DETAIL_MODES, detailModeLabel } from "./DetailModeSwitch";
+export { TranscriptModeSwitch } from "./TranscriptModeSwitch";
 export { TimestampSwitch } from "./TimestampSwitch";
 export { Markdown, MarkdownCodeBlocks, MarkdownLinks, markdownPlainText, type LinkClickHandler } from "./Markdown";
 export { MessageActions } from "./MessageActions";

package/index.js

@@ -51,6 +51,8 @@ var defaultTexts = {
   detailModeGrouped: "grouped",
   detailModeCompact: "single line",
   detailModeFull: "everything",
+  showAllMessages: "Show intermediate replies",
+  showLatestExchange: "Show latest reply between inputs",
   showTimestamps: "Show timestamps",
   hideTimestamps: "Hide timestamps",
   copyMessage: "Copy message",
@@ -1097,6 +1099,7 @@ function ChatMessages({
   messages,
   owner,
   detailMode = "current",
+  transcriptMode = "all",
   running: running2 = false,
   working,
   stepsExpandable = true,
@@ -1123,6 +1126,21 @@ function ChatMessages({
   messageActions,
   toolElapsedThreshold = 3e3
 }) {
+  const selected = useMemo3(() => {
+    if (transcriptMode === "all") return messages;
+    const answers = /* @__PURE__ */ new Set();
+    let hasAnswer = false;
+    for (let index = messages.length - 1; index >= 0; index--) {
+      const message = messages[index];
+      if (message.role === "user") {
+        hasAnswer = false;
+      } else if (message.role === "assistant" && !hasAnswer && (message.text.trim() !== "" || message.attachments?.length)) {
+        answers.add(message);
+        hasAnswer = true;
+      }
+    }
+    return messages.filter((message) => message.role !== "assistant" || answers.has(message));
+  }, [messages, transcriptMode]);
   const allTexts = { ...defaultTexts, ...texts };
   const { Button: Button2 } = useQuasselComponents();
   const scrollArea = useRef3(null);
@@ -1150,8 +1168,8 @@ function ChatMessages({
     if (announce2 === false || due.length > maxAnnouncementsAtOnce) {
       return;
     }
-    due.map((message) => announce2 ? announce2({ kind: message.role === "action" ? "action" : "reply", message }) : markdownPlainText(message.text)).forEach((text) => text && announce(text));
-  }, [messages, running2, announce2]);
+    due.filter((message) => selected.includes(message)).map((message) => announce2 ? announce2({ kind: message.role === "action" ? "action" : "reply", message }) : markdownPlainText(message.text)).forEach((text) => text && announce(text));
+  }, [messages, selected, running2, announce2]);
   const updateJumpVisibility = useCallback2((viewport) => {
     if (viewport.clientHeight > 0) setShowJumpToEnd(viewport.scrollHeight - viewport.clientHeight - viewport.scrollTop > jumpToEndThreshold);
   }, [jumpToEndThreshold]);
@@ -1203,8 +1221,8 @@ function ChatMessages({
   });
   const visible = useMemo3(
     () => {
-      const lastNonUser = messages.reduce((last, message, index) => message.role === "user" ? last : index, -1);
-      return messages.filter((message, index) => {
+      const lastNonUser = selected.reduce((last, message, index) => message.role === "user" ? last : index, -1);
+      return selected.filter((message, index) => {
         if (dock !== void 0 && isOpenAction(message)) {
           return false;
         }
@@ -1220,7 +1238,7 @@ function ChatMessages({
         return true;
       });
     },
-    [messages, detailMode, running2, dock]
+    [selected, detailMode, running2, dock]
   );
   const openActions = dock ? messages.filter(isOpenAction) : [];
   const withTime = (content, key, at, dense = false) => showTimestamps ? /* @__PURE__ */ jsxs6("div", { className: cn("qsl:flex qsl:items-baseline qsl:gap-2", dense ? denseStepClasses : stepClasses), children: [
@@ -2352,14 +2370,37 @@ function DetailModeSwitch({
   return /* @__PURE__ */ jsx16(Button2, { "aria-label": title, className, onClick: () => onChange(next2), size: "icon-sm", title, variant: "ghost", children: /* @__PURE__ */ jsx16(Icon, {}) });
 }
 
+// packages/quassel/src/TranscriptModeSwitch.tsx
+import { MessagesSquareIcon, MessageSquareIcon } from "lucide-react";
+import { jsx as jsx17 } from "react/jsx-runtime";
+function TranscriptModeSwitch({ mode, onChange, texts, className }) {
+  const labels = { ...defaultTexts, ...texts };
+  const { Button: Button2 } = useQuasselComponents();
+  const latest = mode === "latest";
+  const title = latest ? labels.showAllMessages : labels.showLatestExchange;
+  return /* @__PURE__ */ jsx17(
+    Button2,
+    {
+      "aria-label": title,
+      "aria-pressed": latest,
+      className,
+      onClick: () => onChange(latest ? "all" : "latest"),
+      size: "icon-sm",
+      title,
+      variant: "ghost",
+      children: latest ? /* @__PURE__ */ jsx17(MessageSquareIcon, {}) : /* @__PURE__ */ jsx17(MessagesSquareIcon, {})
+    }
+  );
+}
+
 // packages/quassel/src/TimestampSwitch.tsx
 import { ClockFadingIcon, ClockIcon } from "lucide-react";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function TimestampSwitch({ showTimestamps, onChange, texts, className }) {
   const labels = { ...defaultTexts, ...texts };
   const { Button: Button2 } = useQuasselComponents();
   const title = showTimestamps ? labels.hideTimestamps : labels.showTimestamps;
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     Button2,
     {
       "aria-label": title,
@@ -2369,7 +2410,7 @@ function TimestampSwitch({ showTimestamps, onChange, texts, className }) {
       size: "icon-sm",
       title,
       variant: "ghost",
-      children: showTimestamps ? /* @__PURE__ */ jsx17(ClockIcon, {}) : /* @__PURE__ */ jsx17(ClockFadingIcon, {})
+      children: showTimestamps ? /* @__PURE__ */ jsx18(ClockIcon, {}) : /* @__PURE__ */ jsx18(ClockFadingIcon, {})
     }
   );
 }
@@ -2390,6 +2431,7 @@ export {
   QuasselProvider,
   StepPopover,
   TimestampSwitch,
+  TranscriptModeSwitch,
   WorkingScenes,
   announce,
   appearanceStyle,