feat(chat): add quick app editor (Issue #2160) (#2277)

Co-authored-by: Magomed-Elbi Dzhukalaev <[email protected]>
Co-authored-by: Ilya Bondar <[email protected]>

apps/chat/.env.development

@@ -72,7 +72,7 @@ DIAL_API_VERSION="2024-02-01"
 
 
 # Application UI settings
-ENABLED_FEATURES="conversations-section,prompts-section,top-settings,top-clear-conversation,top-chat-info,top-chat-model-settings,empty-chat-settings,header,footer,request-api-key,report-an-issue,likes,conversations-sharing,prompts-sharing,input-files,attachments-manager,conversations-publishing,prompts-publishing,custom-logo,input-links,custom-applications,message-templates,marketplace"
+ENABLED_FEATURES="conversations-section,prompts-section,top-settings,top-clear-conversation,top-chat-info,top-chat-model-settings,empty-chat-settings,header,footer,request-api-key,report-an-issue,likes,conversations-sharing,prompts-sharing,input-files,attachments-manager,conversations-publishing,prompts-publishing,custom-logo,input-links,custom-applications,message-templates,marketplace,quick-apps"
 NEXT_PUBLIC_APP_NAME="Local Development APP Name"
 NEXT_PUBLIC_DEFAULT_SYSTEM_PROMPT=""
 NEXT_PUBLIC_DEFAULT_TEMPERATURE="1"

apps/chat/src/components/Chat/ModelDescription.tsx

@@ -2,6 +2,7 @@ import { useTranslation } from 'next-i18next';
 
 import classNames from 'classnames';
 
+import { getModelDescription } from '@/src/utils/app/application';
 import { getOpenAIEntityFullName } from '@/src/utils/app/conversation';
 
 import { DialAIEntityModel } from '@/src/types/models';
@@ -35,13 +36,13 @@ export const ModelDescription = ({
         <ModelIcon entity={model} entityId={model.id} size={24} />
         <span>{getOpenAIEntityFullName(model)}</span>
       </div>
-      {model.description && (
+      {!!getModelDescription(model) && (
         <span
           className="whitespace-pre-wrap text-xs text-secondary"
           data-qa="entity-descr"
         >
           <EntityMarkdownDescription isShortDescription={isShortDescription}>
-            {model.description}
+            {getModelDescription(model)}
           </EntityMarkdownDescription>
         </span>
       )}

apps/chat/src/components/Chat/ModelList.tsx

@@ -11,6 +11,7 @@ import { useTranslation } from 'next-i18next';
 
 import classNames from 'classnames';
 
+import { getModelDescription } from '@/src/utils/app/application';
 import {
   getOpenAIEntityFullName,
   groupModelsAndSaveOrder,
@@ -107,7 +108,7 @@ const ModelGroup = ({
     return entities[minIndex === Number.MAX_SAFE_INTEGER ? 0 : minIndex];
   }, [entities, recentModelsIds, searchTerm, selectedModelId]);
 
-  const description = currentEntity.description;
+  const description = getModelDescription(currentEntity);
   const currentEntityId = currentEntity.id;
   const isPublicEntity = isEntityPublic(currentEntity);
 

apps/chat/src/components/Chat/Publish/ReviewApplicationDialogView.tsx

@@ -2,6 +2,7 @@ import { Fragment } from 'react';
 
 import { useTranslation } from 'next-i18next';
 
+import { getModelDescription } from '@/src/utils/app/application';
 import { getFolderIdFromEntityId } from '@/src/utils/app/folders';
 import { ApiUtils } from '@/src/utils/server/api';
 
@@ -56,13 +57,13 @@ export function ReviewApplicationDialogView() {
             />
           )}
         </div>
-        {application?.description && (
+        {!!(application && getModelDescription(application)) && (
           <div className="flex gap-4">
             <span className="w-[122px] text-secondary">
               {t('Description: ')}
             </span>
             <span className="max-w-[414px] text-primary">
-              {application?.description}
+              {getModelDescription(application)}
             </span>
           </div>
         )}