feat: add summary to sidebar

src/components/App/SideBar/AiSummary/AiSources/index.tsx

@@ -66,7 +66,6 @@ const _AiSources = ({ sourceIds }: Props) => {
               image_url: imageUrl,
               date,
               boost,
-              episode_title: episodeTitle,
               show_title: showTitle,
               node_type: nodeType,
               text,
@@ -82,7 +81,6 @@ const _AiSources = ({ sourceIds }: Props) => {
                 key={index.toString()}
                 boostCount={boost || 0}
                 date={date || 0}
-                episodeTitle={formatDescription(episodeTitle)}
                 imageUrl={imageUrl || ''}
                 name={name || ''}
                 node={n}

src/components/App/SideBar/Media/index.tsx

@@ -6,7 +6,6 @@ import { Flex } from '~/components/common/Flex'
 import { useAppStore } from '~/stores/useAppStore'
 import { useSelectedNode } from '~/stores/useGraphStore'
 import { NodeExtended } from '~/types'
-import { formatDescription } from '~/utils/formatDescription'
 import { BoostAmt } from '../../Helper/BoostAmt'
 import { Description } from '../Description'
 import { Episode } from '../Relevance/Episode'
@@ -28,7 +27,6 @@ export const Media = ({ node }: Props) => {
     node_type: nodeType,
     id,
     show_title: showTitle,
-    episode_title: episodeTitle,
     ref_id: refId,
   } = node || selectedNode || {}
 
@@ -51,7 +49,6 @@ export const Media = ({ node }: Props) => {
           <StyledEpisode
             boostCount={boostAmount || 0}
             date={date || 0}
-            episodeTitle={formatDescription(episodeTitle)}
             imageUrl={imageUrl}
             node={currentNode}
             onClick={() => null}

src/components/App/SideBar/Relevance/Episode/Default/index.tsx

@@ -11,11 +11,11 @@ import { useAppStore } from '~/stores/useAppStore'
 import { useSchemaStore } from '~/stores/useSchemaStore'
 import { NodeExtended } from '~/types'
 import { colors } from '~/utils/colors'
+import { truncateText } from '~/utils/truncateText'
 
 export type Props = {
   boostCount: number
   date: number
-  episodeTitle: string
   imageUrl?: string
   showTitle?: string
   sourceLink?: string
@@ -24,34 +24,21 @@ export type Props = {
   node: NodeExtended
 }
 
-export const Default = ({
-  boostCount,
-  date,
-  episodeTitle,
-  imageUrl,
-  showTitle,
-  type,
-  newName,
-  sourceLink,
-  node,
-}: Props) => {
+export const Default = ({ boostCount, date, imageUrl, showTitle, type, newName, sourceLink, node }: Props) => {
   const searchTerm = useAppStore((s) => s.currentSearch)
   const { getNodeKeysByType } = useSchemaStore((s) => s)
-  const descriptionSource = type === 'show' ? showTitle : episodeTitle
   const subtitleSource = type === 'show' ? '' : showTitle
   const subtitle = highlightSearchTerm(String(subtitleSource), searchTerm) as string
 
   const nodeKeys = type ? (getNodeKeysByType(type) || '').split('-') : []
 
   const { properties = {} } = node
 
-  const [titleDraft = '', subtitleDraft = ''] = nodeKeys.map((key) => properties[key] || '')
+  const [titleDraft = ''] = nodeKeys.map((key) => properties[key] || '')
 
   const nameDraft = titleDraft || newName
-  const descriptionDraft = subtitleDraft || descriptionSource
 
   const name = highlightSearchTerm(String(nameDraft), searchTerm) as string
-  const description = highlightSearchTerm(String(descriptionDraft), searchTerm) as string
 
   return (
     <Flex align="center" direction="row" justify="center">
@@ -78,7 +65,9 @@ export const Default = ({
         </Flex>
 
         {name && <Description data-testid="episode-name">{name}</Description>}
-        {description && <Description data-testid="episode-description">{description}</Description>}
+        {node?.properties?.summary && (
+          <Description data-testid="episode-description">{truncateText(node?.properties?.summary, 20)}</Description>
+        )}
         <Flex align="center" direction="row" justify="flex-start">
           {Boolean(date) && <Date>{moment.unix(date).fromNow()}</Date>}
           {Boolean(subtitle) && <Title>{subtitle}</Title>}

src/components/App/SideBar/Relevance/Episode/index.tsx

@@ -41,7 +41,6 @@ const EpisodeWrapper = styled(Flex).attrs({
 export type Props = {
   boostCount: number
   date: number
-  episodeTitle: string
   imageUrl?: string
   showTitle?: string
   text?: string
@@ -58,7 +57,6 @@ export type Props = {
 export const Episode = ({
   boostCount,
   date,
-  episodeTitle,
   imageUrl,
   showTitle,
   type,
@@ -85,7 +83,6 @@ export const Episode = ({
         <Default
           boostCount={boostCount}
           date={date}
-          episodeTitle={episodeTitle}
           imageUrl={imageUrl}
           newName={newName}
           node={node}

src/components/App/SideBar/Relevance/index.tsx

@@ -85,7 +85,6 @@ const _Relevance = ({ isSearchResult }: Props) => {
           image_url: imageUrl,
           date,
           boost,
-          episode_title: episodeTitle,
           show_title: showTitle,
           node_type: nodeType,
           text,
@@ -100,7 +99,6 @@ const _Relevance = ({ isSearchResult }: Props) => {
             key={adaptedNode.ref_id}
             boostCount={boost || 0}
             date={date || 0}
-            episodeTitle={formatDescription(episodeTitle)}
             imageUrl={imageUrl || ''}
             name={name || ''}
             node={n}