Improve assistant message action placement for split responses (#1032)

* Improve assistant message action placement for split responses

* Add toggle for split assistant message actions

* Address split message actions review feedback

* Fix inline assistant actions

---------

Co-authored-by: vhqtvn <8930337+vhqtvn@users.noreply.github.com>
Co-authored-by: Bohdan Triapitsyn <artmore@protonmail.com>

packages/ui/src/lib/api/types.ts

@@ -572,6 +572,7 @@ export interface SettingsPayload {
   messageStreamTransport?: 'auto' | 'ws' | 'sse';
   activityRenderMode?: 'collapsed' | 'summary';
   mermaidRenderingMode?: 'svg' | 'ascii';
+  showSplitAssistantMessageActions?: boolean;
   fontSize?: number;
   terminalFontSize?: number;
   uiFont?: string;

packages/ui/src/lib/desktop.ts

@@ -133,6 +133,7 @@ export type DesktopSettings = {
   mermaidRenderingMode?: 'svg' | 'ascii';
   userMessageRenderingMode?: 'markdown' | 'plain';
   stickyUserHeader?: boolean;
+  showSplitAssistantMessageActions?: boolean;
   fontSize?: number;
   terminalFontSize?: number;
   uiFont?: string;

packages/ui/src/lib/i18n/messages/en.settings.ts

@@ -1394,6 +1394,9 @@ export const settingsDict = {
   'settings.openchamber.visual.field.showReasoningTraces': 'Show Reasoning Traces',
   'settings.openchamber.visual.field.stickyUserHeaderAria': 'Sticky user header',
   'settings.openchamber.visual.field.stickyUserHeader': 'Sticky User Header',
+  'settings.openchamber.visual.field.showSplitAssistantMessageActionsAria': 'Inline assistant actions',
+  'settings.openchamber.visual.field.showSplitAssistantMessageActions': 'Inline Assistant Actions',
+  'settings.openchamber.visual.field.showSplitAssistantMessageActionsTooltip': 'Show Copy Answer, Save as image, and Read aloud on assistant text blocks that appear before later tool calls in the same response.',
   'settings.openchamber.visual.field.showToolFileIconsAria': 'Show tool file icons',
   'settings.openchamber.visual.field.showToolFileIcons': 'Show Tool File Icons',
   'settings.openchamber.visual.field.showMobileStatusBarAria': 'Show mobile status bar',

packages/ui/src/lib/i18n/messages/es.settings.ts

@@ -1394,6 +1394,9 @@ export const settingsDict = {
   "settings.openchamber.visual.field.showReasoningTraces": "Mostrar trazas de razonamiento",
   "settings.openchamber.visual.field.stickyUserHeaderAria": "Encabezado del usuario fijo",
   "settings.openchamber.visual.field.stickyUserHeader": "Encabezado de usuario fijo",
+  "settings.openchamber.visual.field.showSplitAssistantMessageActionsAria": "Acciones en línea del asistente",
+  "settings.openchamber.visual.field.showSplitAssistantMessageActions": "Acciones en línea del asistente",
+  "settings.openchamber.visual.field.showSplitAssistantMessageActionsTooltip": "Muestra Copiar respuesta, Guardar como imagen y Leer en voz alta en bloques de texto del asistente que aparecen antes de llamadas a herramientas posteriores dentro de la misma respuesta.",
   "settings.openchamber.visual.field.showToolFileIconsAria": "Mostrar iconos de archivos de herramientas",
   "settings.openchamber.visual.field.showToolFileIcons": "Mostrar iconos de archivos de herramientas",
   "settings.openchamber.visual.field.showMobileStatusBarAria": "Mostrar barra de estado móvil",

packages/ui/src/lib/i18n/messages/ko.settings.ts

@@ -1394,6 +1394,9 @@ export const settingsDict = {
   'settings.openchamber.visual.field.showReasoningTraces': 'Reasoning Trace 표시',
   'settings.openchamber.visual.field.stickyUserHeaderAria': '고정 사용자 헤더',
   'settings.openchamber.visual.field.stickyUserHeader': '고정 사용자 헤더',
+  'settings.openchamber.visual.field.showSplitAssistantMessageActionsAria': '인라인 어시스턴트 작업',
+  'settings.openchamber.visual.field.showSplitAssistantMessageActions': '인라인 어시스턴트 작업',
+  'settings.openchamber.visual.field.showSplitAssistantMessageActionsTooltip': '같은 응답에서 이후 도구 호출 앞에 나타나는 어시스턴트 텍스트 블록에 답변 복사, 이미지로 저장, 소리 내어 읽기 작업을 표시합니다.',
   'settings.openchamber.visual.field.showToolFileIconsAria': '도구 파일 아이콘 표시',
   'settings.openchamber.visual.field.showToolFileIcons': '도구 파일 아이콘 표시',
   'settings.openchamber.visual.field.showMobileStatusBarAria': '모바일 상태 바 표시',

packages/ui/src/lib/i18n/messages/pt-BR.settings.ts

@@ -1394,6 +1394,9 @@ export const settingsDict = {
   "settings.openchamber.visual.field.showReasoningTraces": "Mostrar rastros de raciocínio",
   "settings.openchamber.visual.field.stickyUserHeaderAria": "Cabeçalho do usuário fixo",
   "settings.openchamber.visual.field.stickyUserHeader": "Cabeçalho do usuário fixo",
+  "settings.openchamber.visual.field.showSplitAssistantMessageActionsAria": "Ações inline do assistente",
+  "settings.openchamber.visual.field.showSplitAssistantMessageActions": "Ações inline do assistente",
+  "settings.openchamber.visual.field.showSplitAssistantMessageActionsTooltip": "Mostra Copiar resposta, Salvar como imagem e Ler em voz alta em blocos de texto do assistente que aparecem antes de chamadas de ferramenta posteriores na mesma resposta.",
   "settings.openchamber.visual.field.showToolFileIconsAria": "Mostrar ícones de arquivos de ferramentas",
   "settings.openchamber.visual.field.showToolFileIcons": "Mostrar ícones de arquivos de ferramentas",
   "settings.openchamber.visual.field.showMobileStatusBarAria": "Mostrar barra de status móvel",

packages/ui/src/lib/i18n/messages/uk.settings.ts

@@ -1394,6 +1394,9 @@ export const settingsDict = {
   "settings.openchamber.visual.field.showReasoningTraces": "Показати сліди міркувань",
   "settings.openchamber.visual.field.stickyUserHeaderAria": "Закріплений заголовок користувача",
   "settings.openchamber.visual.field.stickyUserHeader": "Закріплений заголовок користувача",
+  "settings.openchamber.visual.field.showSplitAssistantMessageActionsAria": "Вбудовані дії асистента",
+  "settings.openchamber.visual.field.showSplitAssistantMessageActions": "Вбудовані дії асистента",
+  "settings.openchamber.visual.field.showSplitAssistantMessageActionsTooltip": "Показує «Скопіювати відповідь», «Зберегти як зображення» та озвучення для текстових блоків асистента, які з’являються перед пізнішими викликами інструментів у тій самій відповіді.",
   "settings.openchamber.visual.field.showToolFileIconsAria": "Показати значки файлів інструментів",
   "settings.openchamber.visual.field.showToolFileIcons": "Показати значки файлів інструментів",
   "settings.openchamber.visual.field.showMobileStatusBarAria": "Показати рядок стану мобільного пристрою",

packages/ui/src/lib/i18n/messages/zh-CN.settings.ts

@@ -1394,6 +1394,9 @@ export const settingsDict = {
   'settings.openchamber.visual.field.showReasoningTraces': '显示推理轨迹',
   'settings.openchamber.visual.field.stickyUserHeaderAria': '固定用户消息头',
   'settings.openchamber.visual.field.stickyUserHeader': '固定用户消息头',
+  'settings.openchamber.visual.field.showSplitAssistantMessageActionsAria': '内联助手操作',
+  'settings.openchamber.visual.field.showSplitAssistantMessageActions': '内联助手操作',
+  'settings.openchamber.visual.field.showSplitAssistantMessageActionsTooltip': '在同一条回复中，如果助手文本块后面还有工具调用，则显示“复制回答”“保存为图片”和“朗读”操作。',
   'settings.openchamber.visual.field.showToolFileIconsAria': '显示工具文件图标',
   'settings.openchamber.visual.field.showToolFileIcons': '显示工具文件图标',
   'settings.openchamber.visual.field.showMobileStatusBarAria': '显示移动端状态栏',

packages/ui/src/lib/persistence.ts

@@ -431,6 +431,12 @@ const applyDesktopUiPreferences = (settings: DesktopSettings) => {
   if (typeof settings.stickyUserHeader === 'boolean' && settings.stickyUserHeader !== store.stickyUserHeader) {
     store.setStickyUserHeader(settings.stickyUserHeader);
   }
+  if (
+    typeof settings.showSplitAssistantMessageActions === 'boolean'
+    && settings.showSplitAssistantMessageActions !== store.showSplitAssistantMessageActions
+  ) {
+    store.setShowSplitAssistantMessageActions(settings.showSplitAssistantMessageActions);
+  }
   if (typeof settings.reportUsage === 'boolean' && settings.reportUsage !== store.reportUsage) {
     store.setReportUsage(settings.reportUsage);
   }
@@ -853,6 +859,9 @@ const sanitizeWebSettings = (payload: unknown): DesktopSettings | null => {
   if (typeof candidate.stickyUserHeader === 'boolean') {
     result.stickyUserHeader = candidate.stickyUserHeader;
   }
+  if (typeof candidate.showSplitAssistantMessageActions === 'boolean') {
+    result.showSplitAssistantMessageActions = candidate.showSplitAssistantMessageActions;
+  }
   if (typeof candidate.fontSize === 'number' && Number.isFinite(candidate.fontSize)) {
     result.fontSize = candidate.fontSize;
   }

packages/ui/src/lib/settings/metadata.ts

@@ -151,7 +151,7 @@ export const SETTINGS_PAGE_METADATA: readonly SettingsPageMeta[] = [
     title: 'Chat',
     group: 'general',
     kind: 'single',
-    keywords: ['tools', 'diff', 'reasoning', 'dotfiles', 'draft', 'queue', 'output'],
+    keywords: ['tools', 'diff', 'reasoning', 'dotfiles', 'draft', 'queue', 'output', 'copy', 'image', 'split messages', 'message actions'],
   },
   {
     slug: 'shortcuts',