fix(InfoPanelContainer): Use new attributed text prop

+ And update other related nodes.

src/parser/classes/InfoPanelContainer.ts

@@ -3,6 +3,7 @@ import { Parser, type RawNode } from '../index.js';
 import InfoPanelContent from './InfoPanelContent.js';
 import Menu from './menus/Menu.js';
 import Text from './misc/Text.js';
+import NavigationEndpoint from './NavigationEndpoint.js';
 
 export default class InfoPanelContainer extends YTNode {
   static type = 'InfoPanelContainer';
@@ -10,7 +11,9 @@ export default class InfoPanelContainer extends YTNode {
   title: Text;
   menu: Menu | null;
   content: InfoPanelContent | null;
+  header_endpoint?: NavigationEndpoint;
   background: string;
+  title_style?: string;
   icon_type?: string;
 
   constructor(data: RawNode) {
@@ -18,7 +21,12 @@ export default class InfoPanelContainer extends YTNode {
     this.title = new Text(data.title);
     this.menu = Parser.parseItem(data.menu, Menu);
     this.content = Parser.parseItem(data.content, InfoPanelContent);
+
+    if (data.headerEndpoint)
+      this.header_endpoint = new NavigationEndpoint(data.headerEndpoint);
+
     this.background = data.background;
+    this.title_style = data.titleStyle;
 
     if (Reflect.has(data, 'icon')) {
       this.icon_type = data.icon?.iconType;

src/parser/classes/InfoPanelContent.ts

@@ -1,5 +1,6 @@
 import { YTNode } from '../helpers.js';
 import type { RawNode } from '../index.js';
+import type { AttributedText } from './misc/Text.js';
 import Text from './misc/Text.js';
 import Thumbnail from './misc/Thumbnail.js';
 import NavigationEndpoint from './NavigationEndpoint.js';
@@ -9,7 +10,7 @@ export default class InfoPanelContent extends YTNode {
 
   title: Text;
   source: Text;
-  paragraphs: Text[];
+  attributed_paragraphs: Text[];
   thumbnail: Thumbnail[];
   source_endpoint: NavigationEndpoint;
   truncate_paragraphs: boolean;
@@ -20,7 +21,7 @@ export default class InfoPanelContent extends YTNode {
     super();
     this.title = new Text(data.title);
     this.source = new Text(data.source);
-    this.paragraphs = data.paragraphs.map((p: RawNode) => new Text(p));
+    this.attributed_paragraphs = data.attributedParagraphs.map((p: AttributedText) => Text.fromAttributed(p));
     this.thumbnail = Thumbnail.fromResponse(data.thumbnail);
     this.source_endpoint = new NavigationEndpoint(data.sourceEndpoint);
     this.truncate_paragraphs = !!data.truncateParagraphs;

src/parser/classes/misc/Text.ts

@@ -258,7 +258,7 @@ interface RawRun {
   startIndex: number;
 }
 
-interface AttributedText {
+export interface AttributedText {
   content: string;
   styleRuns?: StyleRun[];
   commandRuns?: CommandRun[];