feat: hide tools response input block if it is empty

Author: veliseev93

libs/mobile/chat/features/chat/src/lib/components/tool-output-bottom-sheet/component.tsx

@@ -1,6 +1,6 @@
 import { BottomSheetModal } from '@gorhom/bottom-sheet';
 import { useTranslation } from '@ronas-it/react-native-common-modules/i18n';
-import { ReactElement, ReactNode, useRef } from 'react';
+import { Fragment, ReactElement, ReactNode, useRef } from 'react';
 import {
   AppBottomSheet,
   AppBottomSheetKeyboardAwareScrollView,
@@ -14,7 +14,7 @@ import {
 
 export interface ToolOutputBottomSheetProps {
   toolName: string;
-  input: string;
+  input?: string;
   output: string;
 }
 
@@ -50,12 +50,16 @@ export function ToolOutputBottomSheet({ toolName, input, output }: ToolOutputBot
             className='flex-1'
             contentContainerClassName='px-content-offset pb-safe pt-8 android:pb-24'>
             <AppSafeAreaView edges={['bottom']}>
-              <AppText className='mb-8 text-xs font-medium uppercase tracking-wide text-text-secondary'>
-                {translate('TEXT_INPUT')}
-              </AppText>
-              <AppText selectable className='mb-16 text-sm-sm sm:text-sm font-mono text-text-primary'>
-                {input}
-              </AppText>
+              {!!input && (
+                <Fragment>
+                  <AppText className='mb-8 text-xs font-medium uppercase tracking-wide text-text-secondary'>
+                    {translate('TEXT_INPUT')}
+                  </AppText>
+                  <AppText selectable className='mb-16 text-sm-sm sm:text-sm font-mono text-text-primary'>
+                    {input}
+                  </AppText>
+                </Fragment>
+              )}
               <AppText className='mb-8 text-xs font-medium uppercase tracking-wide text-text-secondary'>
                 {translate('TEXT_OUTPUT')}
               </AppText>

libs/mobile/chat/features/chat/src/lib/utils/parse-response-message-content.ts

@@ -1,11 +1,12 @@
 import { decode } from 'html-entities';
+import { isEmpty } from 'lodash-es';
 
 type PayloadContentType = 'json' | 'text';
 
 export type ToolData = {
   id?: string;
   toolName: string;
-  input: string;
+  input: string | undefined;
   output: string;
   outputContentType: PayloadContentType;
 };
@@ -199,6 +200,9 @@ const tryParseLeadingToolCallsDetails = (content: string): { tool: ToolData; res
 
   const inputPayload = classifyAndNormalizePayload(argsRaw);
   const outputPayload = classifyAndNormalizePayload(resultRaw);
+  const parsedArgs = parseJsonRecursive(decode(argsRaw).trim());
+  const input =
+    typeof parsedArgs === 'object' && parsedArgs !== null && isEmpty(parsedArgs) ? undefined : inputPayload.normalized;
 
   const blockEnd = leadingWs.length + openEnd + closeMatch.index + closeMatch[0].length;
   const rest = content.slice(blockEnd).trimStart();
@@ -207,7 +211,7 @@ const tryParseLeadingToolCallsDetails = (content: string): { tool: ToolData; res
     tool: {
       id,
       toolName,
-      input: inputPayload.normalized,
+      input,
       output: normalizeToolResultText(outputPayload.normalized),
       outputContentType: outputPayload.contentType,
     },