From f956982f965e5ae5a19b5229509e1bde589e796d Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Thu, 18 Jun 2026 16:35:13 +0300
Subject: [PATCH 01/15] feat(llms): convert ApiLink components to markdown
 links in generated .md files

---
 docs/angular/astro.config.ts |  2 ++
 docs/xplat/astro.config.ts   |  2 ++
 src/integration.ts           | 68 ++++++++++++++++++++++++++++++++----
 src/lib/platform-context.ts  | 56 ++++++++++++++++++-----------
 4 files changed, 100 insertions(+), 28 deletions(-)

diff --git a/docs/angular/astro.config.ts b/docs/angular/astro.config.ts
index f97a661c80..b02e253fef 100644
--- a/docs/angular/astro.config.ts
+++ b/docs/angular/astro.config.ts
@@ -3,6 +3,7 @@ import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { createDocsSite, type DocsMode } from 'docs-template/integration';
 import { IGDOCS_PLATFORMS, type NavLang } from 'docs-template/platform';
+import { getPlatformContext } from 'docs-template/lib/platform-context';
 import { generateGridTopics } from './src/scripts/generate-grids.mjs';
 import mdx from '@astrojs/mdx';
 
@@ -77,6 +78,7 @@ export default createDocsSite({
 			href: mode === 'production' ? `${PROD_HOST}${b}/` : `${STAGING_HOST}${b}/`,
 		})),
 	selectedPackage: 'angular',
+	platformContext: getPlatformContext('Angular'),
 	source: {
 		tocPath: `${componentsDocsDir}/toc.json`,
 		docsDir: componentsDocsDir,
diff --git a/docs/xplat/astro.config.ts b/docs/xplat/astro.config.ts
index 0f2866b008..d5946a770b 100644
--- a/docs/xplat/astro.config.ts
+++ b/docs/xplat/astro.config.ts
@@ -3,6 +3,7 @@ import { readFileSync, existsSync, mkdirSync, writeFileSync } from 'node:fs';
 import { fileURLToPath } from 'node:url';
 import { createDocsSite, type DocsMode } from 'docs-template/integration';
 import { IGDOCS_PLATFORMS, type NavLang } from 'docs-template/platform';
+import { getPlatformContext } from 'docs-template/lib/platform-context';
 import mdx from '@astrojs/mdx';
 
 // ---------------------------------------------------------------------------
@@ -339,6 +340,7 @@ export default createDocsSite({
     platform: p.key,
     navLang: lang,
     mode,
+    platformContext: getPlatformContext(),
     build: {
         format: 'file'
     },
diff --git a/src/integration.ts b/src/integration.ts
index 9df2e34b26..5a24ee6ee3 100644
--- a/src/integration.ts
+++ b/src/integration.ts
@@ -67,6 +67,8 @@ import { rehypeHeadingAnchors } from 'igniteui-astro-components/plugins/rehype-h
 import { rehypePagefindIgnore } from 'igniteui-astro-components/plugins/rehype-pagefind-ignore';
 import { rehypeStripEmptyParagraphs } from './plugins/rehype-strip-empty-paragraphs';
 import { rehypeApiReferencesGrid } from './plugins/rehype-api-references-grid';
+import type { PlatformContext } from 'igniteui-astro-components/lib/types';
+import { resolveApiLink, type ApiLinkProps } from 'igniteui-astro-components/components/mdx/ApiLink/api-link-index';
 
 /** Build / deployment mode. Drives env-var `DOCS_BUILD_MODE`. */
 export type DocsMode = 'development' | 'staging' | 'production';
@@ -117,6 +119,42 @@ export interface SiteMetaOptions {
      * ignored when no package options are available.
      */
     selectedPackage?: string;
+    /**
+     * Platform context used to resolve `<ApiLink>` components in generated `.md` files.
+     * When provided, ApiLinks are rendered as markdown links pointing to the correct API docs URL.
+     * When omitted, ApiLinks fall back to inline code (`` `TypeName.member` ``).
+     */
+    platformContext?: PlatformContext | null;
+}
+
+/** Parse a JSX/MDX attribute string into a plain key→value map. */
+function parseApiLinkAttrs(attrs: string): Record<string, string | boolean> {
+    const props: Record<string, string | boolean> = {};
+    for (const m of attrs.matchAll(/(\w+)="([^"]*)"/g)) props[m[1]] = m[2];
+    for (const m of attrs.matchAll(/(\w+)=\{(true|false)\}/g)) props[m[1]] = m[2] === 'true';
+    return props;
+}
+
+/**
+ * Convert an `<ApiLink>` JSX element to Markdown.
+ * Delegates all resolution + label logic to `resolveApiLink` in igniteui-astro-components
+ * so both the Astro component and this markdown generator stay in sync automatically.
+ */
+function apiLinkToMd(attrs: string, ctx: PlatformContext | null | undefined): string {
+    const props = parseApiLinkAttrs(attrs);
+
+    if (!ctx) {
+        // No platform context — best-effort label from raw props, no URL.
+        const type = String(props.type ?? '');
+        const member = props.member ? String(props.member) : undefined;
+        const lbl = String(props.label ?? props.module ?? (member ? `${type}.${member}` : type));
+        return lbl ? `\`${lbl}\`` : '';
+    }
+
+    const result = resolveApiLink(props as ApiLinkProps, ctx);
+    return result.renderLink
+        ? `[\`${result.label}\`](${result.url})`
+        : `\`${result.label}\``;
 }
 
 /**
@@ -125,19 +163,26 @@ export interface SiteMetaOptions {
  *
  * Removes:
  *  - `import … from '…'` lines at the top of the file
- *  - Self-closing JSX components: <Sample …/>, <ApiLink …/>
+ *  - Self-closing JSX components: <Sample …/>, <ComponentBlock …/>, <PlatformBlock …/>
  *  - Inline <style>{`…`}</style> blocks
+ *
+ * Converts:
+ *  - `<ApiLink …/>` → markdown link (when ctx resolves the symbol) or inline code
  */
-function stripMdxForLlms(raw: string): string {
+function stripMdxForLlms(raw: string, ctx?: PlatformContext | null): string {
     return raw
         // Remove all import lines
         .replace(/^import\s+.+from\s+['"][^'"]+['"];?\r?\n/gm, '')
         // Remove <style>{`...`}</style> blocks (multiline)
         .replace(/<style>\{`[\s\S]*?`\}<\/style>\s*/g, '')
-        // Remove self-closing components: <Sample … />, <ApiLink … />
-        .replace(/<(Sample|ApiLink|ComponentBlock|PlatformBlock)\b[^>]*\/>\s*/g, '')
-        // Remove paired components: <ApiLink …>…</ApiLink>
-        .replace(/<(ApiLink|ComponentBlock|PlatformBlock)\b[^>]*>[\s\S]*?<\/\1>\s*/g, '')
+        // Convert self-closing <ApiLink … /> to markdown
+        .replace(/<ApiLink\b([^>]*?)\/>/g, (_, a) => apiLinkToMd(a, ctx))
+        // Convert paired <ApiLink …>…</ApiLink> (rare, treat label-only)
+        .replace(/<ApiLink\b([^>]*?)>[\s\S]*?<\/ApiLink>/g, (_, a) => apiLinkToMd(a, ctx))
+        // Remove other self-closing components: <Sample … />, <ComponentBlock … />, <PlatformBlock … />
+        .replace(/<(Sample|ComponentBlock|PlatformBlock)\b[^>]*\/>\s*/g, '')
+        // Remove paired <ComponentBlock …>…</ComponentBlock> and <PlatformBlock …>…</PlatformBlock>
+        .replace(/<(ComponentBlock|PlatformBlock)\b[^>]*>[\s\S]*?<\/\1>\s*/g, '')
         // Collapse 3+ blank lines left behind into 2
         .replace(/\n{3,}/g, '\n\n')
         .trim() + '\n';
@@ -160,6 +205,7 @@ export function siteMetaIntegration({
     head = [],
     packages = [],
     selectedPackage = '',
+    platformContext = null,
 }: SiteMetaOptions = {} as SiteMetaOptions): AstroIntegration {
     const llmsMetaMap = docsDir
         ? buildLlmsMetaMap(docsDir, sidebar ?? [])
@@ -297,7 +343,7 @@ export const selectedPackage = ${JSON.stringify(selectedPackage)};
                                 const raw = await fsp.readFile(src, 'utf-8');
                                 const dest = path.join(outDir, slug + '.md');
                                 await fsp.mkdir(path.dirname(dest), { recursive: true });
-                                await fsp.writeFile(dest, stripMdxForLlms(raw), 'utf-8');
+                                await fsp.writeFile(dest, stripMdxForLlms(raw, platformContext), 'utf-8');
                                 break;
                             } catch { /* try next extension */ }
                         }
@@ -491,6 +537,12 @@ export interface CreateDocsSiteOptions {
     packages?: Array<string | { label: string; value?: string; href?: string }>;
     /** Initially selected package value when `packages` is provided (must match one of `packages`). */
     selectedPackage?: string;
+    /**
+     * Platform context used to resolve `<ApiLink>` components in generated `.md` files.
+     * When provided, ApiLinks are rendered as markdown links pointing to the correct API docs URL.
+     * When omitted, ApiLinks fall back to inline code (`` `TypeName.member` ``).
+     */
+    platformContext?: PlatformContext | null;
     /** Extra Astro integrations appended after the built-in ones. */
     integrations?: AstroIntegration[];
     /** Any remaining keys are spread into `defineConfig` (markdown, image, build, …). */
@@ -518,6 +570,7 @@ export function createDocsSite(options: CreateDocsSiteOptions = {} as CreateDocs
         productLinks = [],
         packages = [],
         selectedPackage = '',
+        platformContext = null,
         head = [],
         llmsSets = [] as LlmsSet[],
         integrations: extraIntegrations = [],
@@ -632,6 +685,7 @@ export function createDocsSite(options: CreateDocsSiteOptions = {} as CreateDocs
                 productLinks,
                 packages,
                 selectedPackage,
+                platformContext,
                 head: [...platformHead, ...codeViewHead, ...head],
             }),
             ...(base ? [createBasePrependIntegration(base)] : []),
diff --git a/src/lib/platform-context.ts b/src/lib/platform-context.ts
index b49a22df3c..454023e092 100644
--- a/src/lib/platform-context.ts
+++ b/src/lib/platform-context.ts
@@ -139,43 +139,57 @@ function loadApiLinkIndex(platformSlug: string): PlatformContext['apiLinkIndex']
  *
  * Result is cached for the build lifetime.
  */
-export function getPlatformContext(): PlatformContext {
+function buildContext(name: PlatformName): PlatformContext {
+    const apiDocsBaseUrl = getApiDocsBaseUrl();
+    const base = PLATFORMS[name];
+    return {
+        ...base,
+        apiLinkIndex: loadApiLinkIndex(base.lower),
+        apiPackages: Object.fromEntries(
+            Object.entries(base.apiPackages).map(([key, pkg]) => [
+                key,
+                {
+                    ...pkg,
+                    docRoot: pkg.docRoot
+                        .replace(DEFAULT_API_DOCS_BASE_URL, apiDocsBaseUrl),
+                },
+            ])
+        ),
+    };
+}
+
+/**
+ * Returns the platform context for the current build.
+ *
+ * When `name` is provided it is used directly.
+ * Otherwise resolution order: PLATFORM env var → .platform.json → 'React' default.
+ *
+ * Passing an explicit name bypasses caching so each call with a different name
+ * returns the correct context. The no-arg form is cached for the build lifetime.
+ */
+export function getPlatformContext(name?: PlatformName): PlatformContext {
+    if (name) return buildContext(name);
+
     if (_ctx) return _ctx;
 
-    let name: PlatformName = 'React';
+    let resolved: PlatformName = 'React';
 
     const envPlatform = process.env.PLATFORM as PlatformName | undefined;
     if (envPlatform && PLATFORMS[envPlatform]) {
-        name = envPlatform;
+        resolved = envPlatform;
     } else {
         try {
             const cfgPath = path.resolve(process.cwd(), '.platform.json');
             if (fs.existsSync(cfgPath)) {
                 const cfg = JSON.parse(fs.readFileSync(cfgPath, 'utf-8'));
                 if (cfg.platform && PLATFORMS[cfg.platform as PlatformName]) {
-                    name = cfg.platform as PlatformName;
+                    resolved = cfg.platform as PlatformName;
                 }
             }
         } catch { /* use default */ }
     }
 
-    const apiDocsBaseUrl = getApiDocsBaseUrl();
-
-    const base = PLATFORMS[name];
-    _ctx = {
-        ...base,
-        apiLinkIndex: loadApiLinkIndex(base.lower),
-        apiPackages: Object.fromEntries(
-            Object.entries(base.apiPackages).map(([key, pkg]) => [
-                key,
-                {
-                    ...pkg,
-                    docRoot: pkg.docRoot
-                        .replace(DEFAULT_API_DOCS_BASE_URL, apiDocsBaseUrl),
-                },
-            ])
-        ),
-    };
+    _ctx = buildContext(resolved);
     return _ctx;
 }
 

From 6184ca7f9c826ade2f3c05d0b2f37771dbab9fe6 Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Fri, 19 Jun 2026 14:02:19 +0300
Subject: [PATCH 02/15] feat(integration): enhance stripMdxForLlms to convert
 root-relative links to absolute URLs

---
 src/integration.ts | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/integration.ts b/src/integration.ts
index 5a24ee6ee3..4cfed1b604 100644
--- a/src/integration.ts
+++ b/src/integration.ts
@@ -168,8 +168,10 @@ function apiLinkToMd(attrs: string, ctx: PlatformContext | null | undefined): st
  *
  * Converts:
  *  - `<ApiLink …/>` → markdown link (when ctx resolves the symbol) or inline code
+ *  - Root-relative links `[label](/path)` → absolute URLs using siteUrl
  */
-function stripMdxForLlms(raw: string, ctx?: PlatformContext | null): string {
+function stripMdxForLlms(raw: string, ctx?: PlatformContext | null, siteUrl?: string): string {
+    const site = siteUrl?.replace(/\/$/, '') ?? '';
     return raw
         // Remove all import lines
         .replace(/^import\s+.+from\s+['"][^'"]+['"];?\r?\n/gm, '')
@@ -183,6 +185,8 @@ function stripMdxForLlms(raw: string, ctx?: PlatformContext | null): string {
         .replace(/<(Sample|ComponentBlock|PlatformBlock)\b[^>]*\/>\s*/g, '')
         // Remove paired <ComponentBlock …>…</ComponentBlock> and <PlatformBlock …>…</PlatformBlock>
         .replace(/<(ComponentBlock|PlatformBlock)\b[^>]*>[\s\S]*?<\/\1>\s*/g, '')
+        // Absolutize root-relative markdown links: [label](/path) → [label](https://site/path.md)
+        .replace(/\[([^\]]+)\]\((\/[^)]*)\)/g, (_, label, path) => site ? `[${label}](${site}${path}.md)` : `[${label}](${path}.md)`)
         // Collapse 3+ blank lines left behind into 2
         .replace(/\n{3,}/g, '\n\n')
         .trim() + '\n';
@@ -343,7 +347,7 @@ export const selectedPackage = ${JSON.stringify(selectedPackage)};
                                 const raw = await fsp.readFile(src, 'utf-8');
                                 const dest = path.join(outDir, slug + '.md');
                                 await fsp.mkdir(path.dirname(dest), { recursive: true });
-                                await fsp.writeFile(dest, stripMdxForLlms(raw, platformContext), 'utf-8');
+                                await fsp.writeFile(dest, stripMdxForLlms(raw, platformContext, configuredSite), 'utf-8');
                                 break;
                             } catch { /* try next extension */ }
                         }

From 1f171efe45f9bfc94ff1ba3d5261341a6c8ae240 Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Fri, 19 Jun 2026 19:42:53 +0300
Subject: [PATCH 03/15] feat: add HTML to Markdown conversion functionality

- Introduced a new module `html-to-md.ts` for converting built Astro HTML pages to Markdown.
- Integrated `turndown` and `turndown-plugin-gfm` for Markdown formatting.
- Updated `package.json` to include new dependencies for Markdown conversion.
- Modified `integration.ts` to utilize the new HTML to Markdown conversion, replacing the previous MDX stripping logic.
- Enhanced logging for Markdown generation process and added selector guard for code blocks.
---
 docs/angular/astro.config.ts |    2 -
 docs/xplat/astro.config.ts   |    2 -
 package-lock.json            | 1378 ++++++++++++++++++++--------------
 package.json                 |    4 +-
 src/html-to-md.ts            |  185 +++++
 src/integration.ts           |  133 +---
 6 files changed, 1035 insertions(+), 669 deletions(-)
 create mode 100644 src/html-to-md.ts

diff --git a/docs/angular/astro.config.ts b/docs/angular/astro.config.ts
index b02e253fef..f97a661c80 100644
--- a/docs/angular/astro.config.ts
+++ b/docs/angular/astro.config.ts
@@ -3,7 +3,6 @@ import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { createDocsSite, type DocsMode } from 'docs-template/integration';
 import { IGDOCS_PLATFORMS, type NavLang } from 'docs-template/platform';
-import { getPlatformContext } from 'docs-template/lib/platform-context';
 import { generateGridTopics } from './src/scripts/generate-grids.mjs';
 import mdx from '@astrojs/mdx';
 
@@ -78,7 +77,6 @@ export default createDocsSite({
 			href: mode === 'production' ? `${PROD_HOST}${b}/` : `${STAGING_HOST}${b}/`,
 		})),
 	selectedPackage: 'angular',
-	platformContext: getPlatformContext('Angular'),
 	source: {
 		tocPath: `${componentsDocsDir}/toc.json`,
 		docsDir: componentsDocsDir,
diff --git a/docs/xplat/astro.config.ts b/docs/xplat/astro.config.ts
index d5946a770b..0f2866b008 100644
--- a/docs/xplat/astro.config.ts
+++ b/docs/xplat/astro.config.ts
@@ -3,7 +3,6 @@ import { readFileSync, existsSync, mkdirSync, writeFileSync } from 'node:fs';
 import { fileURLToPath } from 'node:url';
 import { createDocsSite, type DocsMode } from 'docs-template/integration';
 import { IGDOCS_PLATFORMS, type NavLang } from 'docs-template/platform';
-import { getPlatformContext } from 'docs-template/lib/platform-context';
 import mdx from '@astrojs/mdx';
 
 // ---------------------------------------------------------------------------
@@ -340,7 +339,6 @@ export default createDocsSite({
     platform: p.key,
     navLang: lang,
     mode,
-    platformContext: getPlatformContext(),
     build: {
         format: 'file'
     },
diff --git a/package-lock.json b/package-lock.json
index 9c5e5609ea..900f0bd1eb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,7 +19,9 @@
         "igniteui-webcomponents": "^7.1.3",
         "js-yaml": "^4.1.1",
         "jsdom": "^29.0.1",
-        "pagefind": "^1.5.2"
+        "pagefind": "^1.5.2",
+        "turndown": "^7.2.4",
+        "turndown-plugin-gfm": "^1.0.2"
       },
       "devDependencies": {
         "@astrojs/ts-plugin": "^1.10.7",
@@ -377,30 +379,30 @@
       }
     },
     "node_modules/@babel/helper-string-parser": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
-      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
+      "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
-      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
+      "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.29.3",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.3.tgz",
-      "integrity": "sha512-b3ctpQwp+PROvU/cttc4OYl4MzfJUWy6FZg+PMXfzmt/+39iHVF0sDfqay8TQM3JA2EUOyKcFZt75jWriQijsA==",
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.7.tgz",
+      "integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==",
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.29.0"
+        "@babel/types": "^7.29.7"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -410,13 +412,13 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
-      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.7.tgz",
+      "integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==",
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-string-parser": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.28.5"
+        "@babel/helper-string-parser": "^7.29.7",
+        "@babel/helper-validator-identifier": "^7.29.7"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -442,21 +444,21 @@
       "license": "(Apache-2.0 AND BSD-3-Clause)"
     },
     "node_modules/@capsizecss/unpack": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@capsizecss/unpack/-/unpack-4.0.0.tgz",
-      "integrity": "sha512-VERIM64vtTP1C4mxQ5thVT9fK0apjPFobqybMtA1UdUujWka24ERHbRHFGmpbbhp73MhV+KSsHQH9C6uOTdEQA==",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@capsizecss/unpack/-/unpack-4.0.1.tgz",
+      "integrity": "sha512-CuNiSqg7+e1cO/GjffyMOm5Tt2jUF9CWHHnvQ/UkqvtkGfHdgwEC0wpmq7fkN3gxwpRnrAN0WzO3vREKmNolMQ==",
       "license": "MIT",
       "dependencies": {
-        "fontkitten": "^1.0.0"
+        "fontkitten": "^1.0.3"
       },
       "engines": {
         "node": ">=18"
       }
     },
     "node_modules/@clack/core": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/@clack/core/-/core-1.3.1.tgz",
-      "integrity": "sha512-fT1qHVGAag4IEkrupZ6lRRbNCs1vS9P01KB/sG8zKgvUztbYtFBtQpjSITNwooDZ83tpsPzP0mRNs1/KVszCRA==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@clack/core/-/core-1.4.1.tgz",
+      "integrity": "sha512-FILJa1gGKEFTGZAJE9RpVhrjKz3c3h4ar60dSv6cGuDqufQ84YEIS3GAGvZiN+H6yaLbbvTFNejjCC4tXpZEuw==",
       "license": "MIT",
       "dependencies": {
         "fast-wrap-ansi": "^0.2.0",
@@ -467,12 +469,12 @@
       }
     },
     "node_modules/@clack/prompts": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@clack/prompts/-/prompts-1.4.0.tgz",
-      "integrity": "sha512-S0My7XPGIgpRWMDG8uRqalbgT+a6FmCUdOW+HaIOVVpUPHOb7RrpvjTjiODadKp06fsrVDJZlIzc6yCTp4AnxA==",
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/@clack/prompts/-/prompts-1.5.1.tgz",
+      "integrity": "sha512-zccHj2z2oCCO4yrDiRSlFOxWerGqRiysP7a5jPK6uoI9URKAquwY42Dd/iUP8JWHxEzdRe4TlbvZCo8z1/mhrw==",
       "license": "MIT",
       "dependencies": {
-        "@clack/core": "1.3.1",
+        "@clack/core": "1.4.1",
         "fast-string-width": "^3.0.2",
         "fast-wrap-ansi": "^0.2.0",
         "sisteransi": "^1.0.5"
@@ -653,13 +655,13 @@
       "license": "MIT"
     },
     "node_modules/@cspell/dict-bash": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-bash/-/dict-bash-4.2.2.tgz",
-      "integrity": "sha512-kyWbwtX3TsCf5l49gGQIZkRLaB/P8g73GDRm41Zu8Mv51kjl2H7Au0TsEvHv7jzcsRLS6aUYaZv6Zsvk1fOz+Q==",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-bash/-/dict-bash-4.2.3.tgz",
+      "integrity": "sha512-ljUZoKHbDqw5Sx0qpL2qTUlmkmr+vhZH/sCNrNaBZKTbdgiswErSnIF1jRbGmEitJNxHRHWsuZyVgnTGfVO1Yw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@cspell/dict-shell": "1.1.2"
+        "@cspell/dict-shell": "1.2.0"
       }
     },
     "node_modules/@cspell/dict-companies": {
@@ -691,9 +693,9 @@
       "license": "MIT"
     },
     "node_modules/@cspell/dict-css": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-css/-/dict-css-4.1.1.tgz",
-      "integrity": "sha512-y/Vgo6qY08e1t9OqR56qjoFLBCpi4QfWMf2qzD1l9omRZwvSMQGRPz4x0bxkkkU4oocMAeztjzCsmLew//c/8w==",
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-css/-/dict-css-4.1.2.tgz",
+      "integrity": "sha512-+ylGoKdwZ2sVOCOnU2Eq5wDZx+RaVX3HoKyNHGGsFvhSw6IidQ6tH/mAPKBDofViHJoWCPNlklE0lTr6MDG3QA==",
       "dev": true,
       "license": "MIT"
     },
@@ -705,9 +707,9 @@
       "license": "MIT"
     },
     "node_modules/@cspell/dict-data-science": {
-      "version": "2.0.13",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-data-science/-/dict-data-science-2.0.13.tgz",
-      "integrity": "sha512-l1HMEhBJkPmw4I2YGVu2eBSKM89K9pVF+N6qIr5Uo5H3O979jVodtuwP8I7LyPrJnC6nz28oxeGRCLh9xC5CVA==",
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-data-science/-/dict-data-science-2.0.14.tgz",
+      "integrity": "sha512-jl6Ds4u5u5JT+yY30pWQpAbdCHfy3lCcNkLbpL/AZKoUaLEoXbaYsps9xQtvD7DyaiXxiLZkdH2yHHXtoFtZyg==",
       "dev": true,
       "license": "MIT"
     },
@@ -740,9 +742,9 @@
       "license": "MIT"
     },
     "node_modules/@cspell/dict-en_us": {
-      "version": "4.4.33",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-en_us/-/dict-en_us-4.4.33.tgz",
-      "integrity": "sha512-zWftVqfUStDA37wO1ZNDN1qMJOfcxELa8ucHW8W8wBAZY3TK5Nb6deLogCK/IJi/Qljf30dwwuqqv84Qqle9Tw==",
+      "version": "4.4.35",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-en_us/-/dict-en_us-4.4.35.tgz",
+      "integrity": "sha512-xWpxBCc/FzzMMo/A+0qwARVaIIhR0Ql8yhhv4rvsvg+GfQF+LG9yzg2GwTM5N2rjvzmM3nKuR9zxFZq2I6fJSg==",
       "dev": true,
       "license": "MIT"
     },
@@ -754,9 +756,9 @@
       "license": "CC BY-SA 4.0"
     },
     "node_modules/@cspell/dict-en-gb-mit": {
-      "version": "3.1.22",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-en-gb-mit/-/dict-en-gb-mit-3.1.22.tgz",
-      "integrity": "sha512-xE5Vg6gGdMkZ1Ep6z9SJMMioGkkT1GbxS5Mm0U3Ey1/H68P0G7cJcyiVr1CARxFbLqKE4QUpoV1o6jz1Z5Yl9Q==",
+      "version": "3.1.24",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-en-gb-mit/-/dict-en-gb-mit-3.1.24.tgz",
+      "integrity": "sha512-Oowb/Uzkh7OmDRdCcETzMc9imEb4IpLlHJXoYjX8A8DS2X/54gqSjI915JFB8hKtFjBko5OM0BLQ+6cZhFEMmQ==",
       "dev": true,
       "license": "MIT"
     },
@@ -901,13 +903,13 @@
       "license": "MIT"
     },
     "node_modules/@cspell/dict-markdown": {
-      "version": "2.0.16",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-markdown/-/dict-markdown-2.0.16.tgz",
-      "integrity": "sha512-976RRqKv6cwhrxdFCQP2DdnBVB86BF57oQtPHy4Zbf4jF/i2Oy29MCrxirnOBalS1W6KQeto7NdfDXRAwkK4PQ==",
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-markdown/-/dict-markdown-2.0.17.tgz",
+      "integrity": "sha512-H8bAxih6U8NOnSPL7R8My+tqjaB4tmnJTjERuz4zYqmf+cH+5xshX3UVgKlwWFcyjsYfv/zEDuRdMctQv1q6HQ==",
       "dev": true,
       "license": "MIT",
       "peerDependencies": {
-        "@cspell/dict-css": "^4.1.1",
+        "@cspell/dict-css": "^4.1.2",
         "@cspell/dict-html": "^4.0.15",
         "@cspell/dict-html-symbol-entities": "^4.0.5",
         "@cspell/dict-typescript": "^3.2.3"
@@ -928,9 +930,9 @@
       "license": "MIT"
     },
     "node_modules/@cspell/dict-npm": {
-      "version": "5.2.38",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-npm/-/dict-npm-5.2.38.tgz",
-      "integrity": "sha512-21ucGRPYYhr91C2cDBoMPTrcIOStQv33xOqJB0JLoC5LAs2Sfj9EoPGhGb+gIFVHz6Ia7JQWE2SJsOVFJD1wmg==",
+      "version": "5.2.41",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-npm/-/dict-npm-5.2.41.tgz",
+      "integrity": "sha512-To3xsfRmMBYVXtWVEdUgV35M9a/JZ54dSuoY6m6D3uHKKL3I326Wmy4xifZ3PU8MQaWhyEH7zbIcUEtKwTQMcA==",
       "dev": true,
       "license": "MIT"
     },
@@ -956,13 +958,13 @@
       "license": "MIT"
     },
     "node_modules/@cspell/dict-python": {
-      "version": "4.2.26",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-python/-/dict-python-4.2.26.tgz",
-      "integrity": "sha512-hbjN6BjlSgZOG2dA2DtvYNGBM5Aq0i0dHaZjMOI9K/9vRicVvKbcCiBSSrR3b+jwjhQL5ff7HwG5xFaaci0GQA==",
+      "version": "4.2.27",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-python/-/dict-python-4.2.27.tgz",
+      "integrity": "sha512-Rj6xQgYS4X6ienjgAZF+njA0GRY4oSPouJWv0vfikCTn6EWlfk0V6Dy1HP3Migj1O+IC2NmespgVq+BZNSp8OA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@cspell/dict-data-science": "^2.0.13"
+        "@cspell/dict-data-science": "^2.0.14"
       }
     },
     "node_modules/@cspell/dict-r": {
@@ -994,9 +996,9 @@
       "license": "MIT"
     },
     "node_modules/@cspell/dict-shell": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-shell/-/dict-shell-1.1.2.tgz",
-      "integrity": "sha512-WqOUvnwcHK1X61wAfwyXq04cn7KYyskg90j4lLg3sGGKMW9Sq13hs91pqrjC44Q+lQLgCobrTkMDw9Wyl9nRFA==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-shell/-/dict-shell-1.2.0.tgz",
+      "integrity": "sha512-PVctvT22lJ49niMiakO8xieY7ELCAzjSqhejWR7bAMb5AZ9F4WDEs+XdGMnoVHWeXq7K5rcepLPmEJb+37zzIw==",
       "dev": true,
       "license": "MIT"
     },
@@ -1153,9 +1155,9 @@
       }
     },
     "node_modules/@csstools/css-color-parser": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-4.1.1.tgz",
-      "integrity": "sha512-eZ5XOtyhK+mggRafYUWzA0tvaYOFgdY8AkgQiCJF9qNAePnUo/zmsqqYubBBb3sQ8uNUaSKTY9s9klfRaAXL0g==",
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-4.1.8.tgz",
+      "integrity": "sha512-3chWb7PRLijpJpPIKkDxdu6IBeO5MrFACND57On0j8OPpc0wZibcGc3xAHrSEbOx/KDRyMHoIxGn0w1PhXMYHw==",
       "funding": [
         {
           "type": "github",
@@ -1202,9 +1204,9 @@
       }
     },
     "node_modules/@csstools/css-syntax-patches-for-csstree": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.1.4.tgz",
-      "integrity": "sha512-wgsqt92b7C7tQhIdPNxj0n9zuUbQlvAuI1exyzeNrOKOi62SD7ren8zqszmpVREjAOqg8cD2FqYhQfAuKjk4sw==",
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.1.5.tgz",
+      "integrity": "sha512-oNjBvzLq2GPZtJphCjLqXow/cHySHSgtxvKZb7OqSZ/xHgw6NWNhfad+6AB9cLeVm6eA9d/qMll3JdEHjy6M+A==",
       "funding": [
         {
           "type": "github",
@@ -1245,9 +1247,9 @@
       }
     },
     "node_modules/@emnapi/runtime": {
-      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.10.0.tgz",
-      "integrity": "sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==",
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.1.tgz",
+      "integrity": "sha512-vgj7R3y3Wgx24IQaGPA/R6YFXLHVMOZ0uVEyIQPaWs+rd1AzfEMXlAC22FYwO1XkKR6NPsq7mUandH8oIRdZFw==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -1851,6 +1853,9 @@
       "cpu": [
         "arm"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1867,6 +1872,9 @@
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1883,6 +1891,9 @@
       "cpu": [
         "ppc64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1899,6 +1910,9 @@
       "cpu": [
         "riscv64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1915,6 +1929,9 @@
       "cpu": [
         "s390x"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1931,6 +1948,9 @@
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1947,6 +1967,9 @@
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1963,6 +1986,9 @@
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1979,6 +2005,9 @@
       "cpu": [
         "arm"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -2001,6 +2030,9 @@
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -2023,6 +2055,9 @@
       "cpu": [
         "ppc64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -2045,6 +2080,9 @@
       "cpu": [
         "riscv64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -2067,6 +2105,9 @@
       "cpu": [
         "s390x"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -2089,6 +2130,9 @@
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -2111,6 +2155,9 @@
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -2133,6 +2180,9 @@
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -2301,6 +2351,12 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/@mixmark-io/domino": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@mixmark-io/domino/-/domino-2.2.0.tgz",
+      "integrity": "sha512-Y28PR25bHXUg88kCV7nivXrP2Nj2RueZ3/l/jdx6J9f8J4nsEGcgX0Qe6lt7Pa+J79+kPiJU3LguR6O/6zrLOw==",
+      "license": "BSD-2-Clause"
+    },
     "node_modules/@modelcontextprotocol/sdk": {
       "version": "1.29.0",
       "resolved": "https://registry.npmjs.org/@modelcontextprotocol/sdk/-/sdk-1.29.0.tgz",
@@ -2569,6 +2625,9 @@
       "cpu": [
         "arm"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2589,6 +2648,9 @@
       "cpu": [
         "arm"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2609,6 +2671,9 @@
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2629,6 +2694,9 @@
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2649,6 +2717,9 @@
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2669,6 +2740,9 @@
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2743,9 +2817,9 @@
       }
     },
     "node_modules/@rollup/pluginutils": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.3.0.tgz",
-      "integrity": "sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==",
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.4.0.tgz",
+      "integrity": "sha512-MfPp06CjRLfXQ3wY0R8vJDYBy/MvVcc9OulEfR0B8Iv9ko+GCNaRZ+EpJYFl27LhKsZK0o420sYCRHCjfCgeUg==",
       "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.0",
@@ -2771,9 +2845,9 @@
       "license": "MIT"
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.60.4.tgz",
-      "integrity": "sha512-F5QXMSiFebS9hKZj02XhWLLnRpJ3B3AROP0tWbFBSj+6kCbg5m9j5JoHKd4mmSVy5mS/IMQloYgYxCuJC0fxEQ==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.62.2.tgz",
+      "integrity": "sha512-6o7ZLZK+BeenkZCFNDXqpbjw9bD6nuWonvS/lwQJp7NoVVxm6p3qE7qQ5jGuBjiFsgvqjD8mZAU5oWxTmbOeOg==",
       "cpu": [
         "arm"
       ],
@@ -2784,9 +2858,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.60.4.tgz",
-      "integrity": "sha512-GxxTKApUpzRhof7poWvCJHRF51C67u1R7D6DiluBE8wKU1u5GWE8t+v81JvJYtbawoBFX1hLv5Ei4eVjkWokaw==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.62.2.tgz",
+      "integrity": "sha512-BaH7BllCACHoH1LguOU56UItGfUWjujlO65kS9LAodViaN4bwIKd7oeW/ZHJ/4ljr/7MIiENnNy3HJ0zXv8Zkw==",
       "cpu": [
         "arm64"
       ],
@@ -2797,9 +2871,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.60.4.tgz",
-      "integrity": "sha512-tua0TaJxMOB1R0V0RS1jFZ/RpURFDJIOR2A6jWwQeawuFyS4gBW+rntLRaQd0EQ4bd6Vp44Z2rXW+YYDBsj6IA==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.62.2.tgz",
+      "integrity": "sha512-v39RCCvj4He82I9sFmk+M1VZ0PLM9sfsLVikjfx2hYBNALhrrOR2D3JjQA6AhlaSOgcR+RzrKY7e1+bT6SUO/A==",
       "cpu": [
         "arm64"
       ],
@@ -2810,9 +2884,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.60.4.tgz",
-      "integrity": "sha512-CSKq7MsP+5PFIcydhAiR1K0UhEI1A2jWXVKHPCBZ151yOutENwvnPocgVHkivu2kviURtCEB6zUQw0vs8RrhMg==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.62.2.tgz",
+      "integrity": "sha512-yl0y2vq3S3lHeuXhEdss6TWfKW8vkujImO12tn4ZkG/4oghr09LvdYm2RElVjokTQiUvDUGXLGsYeLqUMCKpGA==",
       "cpu": [
         "x64"
       ],
@@ -2823,9 +2897,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.60.4.tgz",
-      "integrity": "sha512-+O8OkVdyvXMtJEciu2wS/pzm1IxntEEQx3z5TAVy4l32G0etZn+RsA48ARRrFm6Ri8fvqPQfgrvNxSjKAbnd3g==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.62.2.tgz",
+      "integrity": "sha512-tT4pvt4qXD+vEoezupCWi+a1F0vvDiksiHc+PxRlYTOH1I6/X4id9jPxTP+Fg+545euaFT1jJVs4CEdHZAU1vw==",
       "cpu": [
         "arm64"
       ],
@@ -2836,9 +2910,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.60.4.tgz",
-      "integrity": "sha512-Iw3oMskH3AfNuhU0MSN7vNbdi4me/NiYo2azqPz/Le16zHSa+3RRmliCMWWQmh4lcndccU40xcJuTYJZxNo/lw==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.62.2.tgz",
+      "integrity": "sha512-6nU5F2wCW+qvCBhTn1pdIU3bzsIoF7EUwsCDRxilWGprQR6yd508YnH9+OKFCwpfS8pjZqDUmnCAr7exax0XCg==",
       "cpu": [
         "x64"
       ],
@@ -2849,12 +2923,15 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.60.4.tgz",
-      "integrity": "sha512-EIPRXTVQpHyF8WOo219AD2yEltPehLTcTMz2fn6JsatLYSzQf00hj3rulF+yauOlF9/FtM2WpkT/hJh/KJFGhA==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.62.2.tgz",
+      "integrity": "sha512-n1GJHPOvpIfhi3TmrCeh6S6URt9BFCt0KQE3qvexyGCTAKpR4Lg+eWvNZEqu7epxwus/8ElT3hacYEucm49SZg==",
       "cpu": [
         "arm"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2862,12 +2939,15 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.60.4.tgz",
-      "integrity": "sha512-J3Yh9PzzF1Ovah2At+lHiGQdsYgArxBbXv/zHfSyaiFQEqvNv7DcW98pCrmdjCZBrqBiKrKKe2V+aaSGWuBe/w==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.62.2.tgz",
+      "integrity": "sha512-JqgflS8wEB+UXV/vS1RpRbifGBeN4D5lz8D8oOFbFZw4vedvdOgCFAjfBmIMdW3yL10XpQQ0Ambepw6MXrhOnA==",
       "cpu": [
         "arm"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2875,12 +2955,15 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.60.4.tgz",
-      "integrity": "sha512-BFDEZMYfUvLn37ONE1yMBojPxnMlTFsdyNoqncT0qFq1mAfllL+ATMMJd8TeuVMiX84s1KbcxcZbXInmcO2mRg==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.62.2.tgz",
+      "integrity": "sha512-wnFJkogWvN4jm/hQRF2UBaeUmk20j5+DmHvoyWii2b8HJDyvz1MF2OU/6ynXt2KR63rbZLWkFpoytpdc/yBuSA==",
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2888,12 +2971,15 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.60.4.tgz",
-      "integrity": "sha512-pc9EYOSlOgdQ2uPl1o9PF6/kLSgaUosia7gOuS8mB69IxJvlclko1MECXysjs5ryez1/5zjYqx3+xYU0TU6R1A==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.62.2.tgz",
+      "integrity": "sha512-HVu2bp0zhvJ8xHEV9+UUs7S90VadmBSY3LcIMvozbPo4AuMGDWlz3ymHLHZPX4hR67TKTt8Qp5PJ5RBg/i+RMQ==",
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2901,12 +2987,15 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-loong64-gnu": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.60.4.tgz",
-      "integrity": "sha512-NxnomyxYerDh5n4iLrNa+sH+Z+U4BMEE46V2PgQ/hoB909i8gV1M5wPojWg9fk1jWpO3IQnOs20K4wyZuFLEFQ==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.62.2.tgz",
+      "integrity": "sha512-mQqqAV8QaoSgr9I2fKDLY2BAVvmKjWoGiu/cSYQonsLvtqwEn1E4QYfnCOcp5zoEqNhsDYin1s6jx/VJmrxlZg==",
       "cpu": [
         "loong64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2914,12 +3003,15 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-loong64-musl": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.60.4.tgz",
-      "integrity": "sha512-nbJnQ8a3z1mtmrwImCYhc6BGpThAyYVRQxw9uKSKG4wR6aAYno9sVjJ0zaZcW9BPJX1GbrDPf+SvdWjgTuDmnw==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.62.2.tgz",
+      "integrity": "sha512-IxKLoxCQ2IWi6bT2akyDUBGsOImDKB+sPp4EsTmwFQ/fMwpCKm8uLSSgP/Kx/QYUgKis6SEZ5/Nlhup0DIA0PQ==",
       "cpu": [
         "loong64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2927,12 +3019,15 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.60.4.tgz",
-      "integrity": "sha512-2EU6acNrQLd8tYvo/LXW535wupT3m6fo7HKo6lr7ktQoItxTyOL1ZCR/GfGCuXl2vR+zmfI6eRXkSemafv+iVg==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.62.2.tgz",
+      "integrity": "sha512-Mk5ha2RQSgyFfmYYLkBpPnUk8D8FriBxesO1u9O75X0mHgXL1UQcH5Itl2lurWL2tj0RxV9b9tJgipac0hRY9A==",
       "cpu": [
         "ppc64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2940,12 +3035,15 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-ppc64-musl": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.60.4.tgz",
-      "integrity": "sha512-WeBtoMuaMxiiIrO2IYP3xs6GMWkJP2C0EoT8beTLkUPmzV1i/UcOSVw1d5r9KBODtHKilG5yFxsGRnBbK3wJ4A==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.62.2.tgz",
+      "integrity": "sha512-CjvEnqJL/0/TQ3TXX3OPIJ/kmBellrWd4heXUmHeJlTnmwjKpSJzoehLaL6Xk0ZnMHBu9dZuFADNOrtjF4v+2w==",
       "cpu": [
         "ppc64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2953,12 +3051,15 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.60.4.tgz",
-      "integrity": "sha512-FJHFfqpKUI3A10WrWKiFbBZ7yVbGT4q4B5o1qKFFojqpaYoh9LrQgqWCmmcxQzVSXYtyB5bzkXrYzlHTs21MYA==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.62.2.tgz",
+      "integrity": "sha512-1SiZbzwdkaDURsew/tSOrooKiYy7EQGT6m8ufavAi9NEyQb/6VuIxFXAL1fqa4iZe3g4NbNk4P7J32z2tw5Mgg==",
       "cpu": [
         "riscv64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2966,12 +3067,15 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.60.4.tgz",
-      "integrity": "sha512-mcEl6CUT5IAUmQf1m9FYSmVqCJlpQ8r8eyftFUHG8i9OhY7BkBXSUdnLH5DOf0wCOjcP9v/QO93zpmF1SptCCw==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.62.2.tgz",
+      "integrity": "sha512-nQts12zJ3NQRoE6uYljOH89v7szzLDvG2JD/vsX+vGXU8w/At1GowTZ5/7qeFQ8m7L55rpR8Okugnuo5bgjy2Q==",
       "cpu": [
         "riscv64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2979,12 +3083,15 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.60.4.tgz",
-      "integrity": "sha512-ynt3JxVd2w2buzoKDWIyiV1pJW93xlQic1THVLXilz429oijRpSHivZAgp65KBu+cMcgf1eVVjdnTLvPxgCuoQ==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.62.2.tgz",
+      "integrity": "sha512-E9/ll019jhPIJgpzfZoIkBGhcz+kKNgVWYRY0zr9srBdPPFVpvOKW8VaJKUbeK+eZXyQF9ltME+Kk6affeaPgg==",
       "cpu": [
         "s390x"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2992,12 +3099,15 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.60.4.tgz",
-      "integrity": "sha512-Boiz5+MsaROEWDf+GGEwF8VMHGhlUoQMtIPjOgA5fv4osupqTVnJteQNKJwUcnUog2G55jYXH7KZFFiJe0TEzQ==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.62.2.tgz",
+      "integrity": "sha512-5BqxR/pshjey51iliyzTD5Xi3EN0aLmQ2lZ3lvefVV9c82BvrLo2/6OT55iifpWBufs6kdwWbuOKS841DrmK9A==",
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3005,12 +3115,15 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.60.4.tgz",
-      "integrity": "sha512-+qfSY27qIrFfI/Hom04KYFw3GKZSGU4lXus51wsb5EuySfFlWRwjkKWoE9emgRw/ukoT4Udsj4W/+xxG8VbPKg==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.62.2.tgz",
+      "integrity": "sha512-uNN83XxQrRAh/w0/pmAfibcwyb6YWt4gP+dpnQKPVJshAloQ785ii8CT8ZCIxkGg9opVsvAlGhFitSm6D1Jjpg==",
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3018,9 +3131,9 @@
       ]
     },
     "node_modules/@rollup/rollup-openbsd-x64": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.60.4.tgz",
-      "integrity": "sha512-VpTfOPHgVXEBeeR8hZ2O0F3aSso+JDWqTWmTmzcQKted54IAdUVbxE+j/MVxUsKa8L20HJhv3vUezVPoquqWjA==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.62.2.tgz",
+      "integrity": "sha512-srjEIxSH3LRnJN6THczDHWQplqEMFiAJrTab0msUryh9kwNpkICf3Ea6q6MN/2cZwRFUNx5w+h6Hpi4QuHS6Zg==",
       "cpu": [
         "x64"
       ],
@@ -3031,9 +3144,9 @@
       ]
     },
     "node_modules/@rollup/rollup-openharmony-arm64": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.60.4.tgz",
-      "integrity": "sha512-IPOsh5aRYuLv/nkU51X10Bf75Bsf6+gZdx1X+QP5QM6lIJFHHqbHLG0uJn/hWthzo13UAc2umiUorqZy3axoZg==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.62.2.tgz",
+      "integrity": "sha512-8hOJnxgbyObnCm5AlRA3A931xX19xq80RjVTKgJOvEKWqJruP/Uf12IbAOaDjjEXYRewwHLfmF0YRIdK3OwKWA==",
       "cpu": [
         "arm64"
       ],
@@ -3044,9 +3157,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.60.4.tgz",
-      "integrity": "sha512-4QzE9E81OohJ/HKzHhsqU+zcYYojVOXlFMs1DdyMT6qXl/niOH7AVElmmEdUNHHS/oRkc++d5k6Vy85zFs0DEw==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.62.2.tgz",
+      "integrity": "sha512-mmF4AY1i0hG/bLWUctUq59gtmgaSIRa3cu/A3JFRp/sCNEme2bgDEiDS22P9FbnJB8NJNF4jPJiSP5RHQpUTDg==",
       "cpu": [
         "arm64"
       ],
@@ -3057,9 +3170,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.60.4.tgz",
-      "integrity": "sha512-zTPgT1YuHHcd+Tmx7h8aml0FWFVelV5N54oHow9SLj+GfoDy/huQ+UV396N/C7KpMDMiPspRktzM1/0r1usYEA==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.62.2.tgz",
+      "integrity": "sha512-DZgkknc6jhHrk46V25vbAM0zZkyP0nSDkJB8/dRkLTxv470dOmWDqGoEJl/9A0dFfS7yE3REOwNDxpHwSLSt0Q==",
       "cpu": [
         "ia32"
       ],
@@ -3070,9 +3183,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-gnu": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.60.4.tgz",
-      "integrity": "sha512-DRS4G7mi9lJxqEDezIkKCaUIKCrLUUDCUaCsTPCi/rtqaC6D/jjwslMQyiDU50Ka0JKpeXeRBFBAXwArY52vBw==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.62.2.tgz",
+      "integrity": "sha512-T6xr6ucWSFto+VGajA8YH26LdpHRuP4YLHEKAtCWvJDOlnmWcDZVCI2Jmjr+IFHDlt2zRaTAKE4tfjTaWLgJBg==",
       "cpu": [
         "x64"
       ],
@@ -3083,9 +3196,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.60.4.tgz",
-      "integrity": "sha512-QVTUovf40zgTqlFVrKA1uXMVvU2QWEFWfAH8Wdc48IxLvrJMQVMBRjuQyUpzZCDkakImib9eVazbWlC6ksWtJw==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.62.2.tgz",
+      "integrity": "sha512-BfzEnDJOt9T8M989/lA37EcJgat01wLRnoi5dQf3QzOH7jzpqTAzdDbVfRljVr5r+jzKqpbHeyOfAaXxAd0PAA==",
       "cpu": [
         "x64"
       ],
@@ -3095,6 +3208,52 @@
         "win32"
       ]
     },
+    "node_modules/@shikijs/core": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-3.23.0.tgz",
+      "integrity": "sha512-NSWQz0riNb67xthdm5br6lAkvpDJRTgB36fxlo37ZzM2yq0PQFFzbd8psqC2XMPgCzo1fW6cVi18+ArJ44wqgA==",
+      "extraneous": true,
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "3.23.0",
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "@types/hast": "^3.0.4",
+        "hast-util-to-html": "^9.0.5"
+      }
+    },
+    "node_modules/@shikijs/engine-javascript": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-3.23.0.tgz",
+      "integrity": "sha512-aHt9eiGFobmWR5uqJUViySI1bHMqrAgamWE1TYSUoftkAeCCAiGawPMwM+VCadylQtF4V3VNOZ5LmfItH5f3yA==",
+      "extraneous": true,
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "3.23.0",
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "oniguruma-to-es": "^4.3.4"
+      }
+    },
+    "node_modules/@shikijs/engine-oniguruma": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-3.23.0.tgz",
+      "integrity": "sha512-1nWINwKXxKKLqPibT5f4pAFLej9oZzQTsby8942OTlsJzOBZ0MWKiwzMsd+jhzu8YPCHAswGnnN1YtQfirL35g==",
+      "extraneous": true,
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "3.23.0",
+        "@shikijs/vscode-textmate": "^10.0.2"
+      }
+    },
+    "node_modules/@shikijs/langs": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-3.23.0.tgz",
+      "integrity": "sha512-2Ep4W3Re5aB1/62RSYQInK9mM3HsLeB91cHqznAJMuylqjzNVAVCMnNWRHFtcNHXsoNRayP9z1qj4Sq3nMqYXg==",
+      "extraneous": true,
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "3.23.0"
+      }
+    },
     "node_modules/@shikijs/primitive": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/@shikijs/primitive/-/primitive-4.2.0.tgz",
@@ -3122,6 +3281,27 @@
         "node": ">=20"
       }
     },
+    "node_modules/@shikijs/themes": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-3.23.0.tgz",
+      "integrity": "sha512-5qySYa1ZgAT18HR/ypENL9cUSGOeI2x+4IvYJu4JgVJdizn6kG4ia5Q1jDEOi7gTbN4RbuYtmHh0W3eccOrjMA==",
+      "extraneous": true,
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "3.23.0"
+      }
+    },
+    "node_modules/@shikijs/types": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-3.23.0.tgz",
+      "integrity": "sha512-3JZ5HXOZfYjsYSk0yPwBrkupyYSLpAE26Qc0HLghhZNGTZg/SKxXIIgoxOpmmeQP0RRSDJTk1/vPfw9tbw+jSQ==",
+      "extraneous": true,
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "@types/hast": "^3.0.4"
+      }
+    },
     "node_modules/@shikijs/vscode-textmate": {
       "version": "10.0.2",
       "resolved": "https://registry.npmjs.org/@shikijs/vscode-textmate/-/vscode-textmate-10.0.2.tgz",
@@ -3191,9 +3371,9 @@
       }
     },
     "node_modules/@types/mdx": {
-      "version": "2.0.13",
-      "resolved": "https://registry.npmjs.org/@types/mdx/-/mdx-2.0.13.tgz",
-      "integrity": "sha512-+OWZQfAYyio6YkJb3HLxDrvnx6SWWDbC0zVPfBRzUk0/nqoDyf6dNxQi3eArPe8rJ473nobTMQ/8Zk+LxJ+Yuw==",
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/@types/mdx/-/mdx-2.0.14.tgz",
+      "integrity": "sha512-T48PeuJtvLosNTPVhfnIp3i/n3a4g4Bad7YCq5k64D4u7NwDrAotikQ+5+sjtUvBmxCMlbo3dVL+C2dP0rWHzg==",
       "license": "MIT"
     },
     "node_modules/@types/ms": {
@@ -3212,19 +3392,19 @@
       }
     },
     "node_modules/@types/node": {
-      "version": "25.9.1",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.9.1.tgz",
-      "integrity": "sha512-xfrlY7UD5rMJk3ZVJP8BNzS28J36YJg+xp+LPXV1TdWxr8uMH5A860QNxYDGQe/ylDSgjxE52Q9VnO7p75tJxg==",
+      "version": "26.0.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-26.0.0.tgz",
+      "integrity": "sha512-vf2YFi1iY9lHGwNJMs01biZFbKJkrZR1T6/MlzjhJLPdntOHLhTrDSnSVcdtvjihi4VQNlrFRIxLsDBlQpAipA==",
       "devOptional": true,
       "license": "MIT",
       "dependencies": {
-        "undici-types": ">=7.24.0 <7.24.7"
+        "undici-types": "~8.3.0"
       }
     },
     "node_modules/@types/node/node_modules/undici-types": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.24.6.tgz",
-      "integrity": "sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-8.3.0.tgz",
+      "integrity": "sha512-j375ScV60dom+YkPFIfTLcOiPxkN/buHz5GobjLhixFuANaNs3C9l4GmrWqejgXWJ7BbJcFYpTEUkS1Ge8bpZQ==",
       "devOptional": true,
       "license": "MIT"
     },
@@ -3297,9 +3477,9 @@
       }
     },
     "node_modules/acorn": {
-      "version": "8.16.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
-      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
+      "version": "8.17.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.17.0.tgz",
+      "integrity": "sha512-xRQbDb9BnwDafYNn6Vwl839DYVjqXYb1XVGtWAZ1kcDc6iwAL4hg3B1dZlRiuENFeO2H53gFG3in621AdERVAg==",
       "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
@@ -3356,6 +3536,19 @@
       "resolved": "docs/angular",
       "link": true
     },
+    "node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
@@ -3423,9 +3616,9 @@
       }
     },
     "node_modules/astro": {
-      "version": "6.4.7",
-      "resolved": "https://registry.npmjs.org/astro/-/astro-6.4.7.tgz",
-      "integrity": "sha512-5vsXx0H52u23Jpshs9tM81D03Tb3Oh2Vt2Zo0bpqjXN+njkAWjFyGjTfmWJLAcrCQd9Q+iWB1eqfhR1sZJEaUA==",
+      "version": "6.4.8",
+      "resolved": "https://registry.npmjs.org/astro/-/astro-6.4.8.tgz",
+      "integrity": "sha512-KK5lX90uU9EeVaTjINyj3sy9/NFXVa59aowaqbWBDDKLXZh4rr7GwIaCFYVetE22MJtsCNFerQXn0vlCLmpP/Q==",
       "license": "MIT",
       "dependencies": {
         "@astrojs/compiler": "^4.0.0",
@@ -3654,22 +3847,36 @@
       }
     },
     "node_modules/body-parser": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.2.2.tgz",
-      "integrity": "sha512-oP5VkATKlNwcgvxi0vM0p/D3n2C3EReYVX+DNYs5TjZFn/oQt2j+4sVJtSMr18pdRr8wjTcBl6LoV+FUwzPmNA==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.3.0.tgz",
+      "integrity": "sha512-2cGmJupaNgg+QUwVLAucDuWuoMZ6EX9iHDRswZ5lsNYEmwPaRknMPCLZz07yTzVq/83p4o/wzbDZbBrTvGGTIw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "bytes": "^3.1.2",
-        "content-type": "^1.0.5",
+        "content-type": "^2.0.0",
         "debug": "^4.4.3",
-        "http-errors": "^2.0.0",
-        "iconv-lite": "^0.7.0",
+        "http-errors": "^2.0.1",
+        "iconv-lite": "^0.7.2",
         "on-finished": "^2.4.1",
-        "qs": "^6.14.1",
-        "raw-body": "^3.0.1",
-        "type-is": "^2.0.1"
+        "qs": "^6.15.2",
+        "raw-body": "^3.0.2",
+        "type-is": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=18"
       },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/body-parser/node_modules/content-type": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.0.0.tgz",
+      "integrity": "sha512-j/O/d7GcZCyNl7/hwZAb606rzqkyvaDctLmckbxLzHvFBzTJHuGEdodATcP3yIRoDrLHkIATJuvzbFlp/ki2cQ==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=18"
       },
@@ -3835,16 +4042,15 @@
       }
     },
     "node_modules/chokidar": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
-      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
+      "integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
       "license": "MIT",
-      "optional": true,
       "dependencies": {
-        "readdirp": "^4.0.1"
+        "readdirp": "^5.0.0"
       },
       "engines": {
-        "node": ">= 14.16.0"
+        "node": ">= 20.19.0"
       },
       "funding": {
         "url": "https://paulmillr.com/funding/"
@@ -3866,9 +4072,9 @@
       }
     },
     "node_modules/clear-module": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/clear-module/-/clear-module-4.1.2.tgz",
-      "integrity": "sha512-LWAxzHqdHsAZlPlEyJ2Poz6AIs384mPeqLVCru2p0BrP9G/kVGuhNyZYClLO6cXlnuJjzC8xtsJIuMjKqLXoAw==",
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/clear-module/-/clear-module-4.1.3.tgz",
+      "integrity": "sha512-XdLrg7BnbXKntyrbs2dNjDN9CVoTQ+WV0i7jT5/r9ahzAaSDSzC9e2OVZB/QVwbxBb1/1AeObzjlxsYk5HFvww==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3919,12 +4125,13 @@
       }
     },
     "node_modules/commander": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-11.1.0.tgz",
-      "integrity": "sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==",
+      "version": "14.0.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-14.0.3.tgz",
+      "integrity": "sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw==",
+      "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=16"
+        "node": ">=20"
       }
     },
     "node_modules/comment-json": {
@@ -4248,29 +4455,6 @@
         "@cspell/cspell-types": "9.8.0"
       }
     },
-    "node_modules/cspell/node_modules/ansi-regex": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
-      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/cspell/node_modules/commander": {
-      "version": "14.0.3",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-14.0.3.tgz",
-      "integrity": "sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=20"
-      }
-    },
     "node_modules/css-select": {
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.2.2.tgz",
@@ -4490,18 +4674,6 @@
         "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
       }
     },
-    "node_modules/dom-serializer/node_modules/entities": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
     "node_modules/domelementtype": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
@@ -4585,12 +4757,12 @@
       }
     },
     "node_modules/entities": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-8.0.0.tgz",
-      "integrity": "sha512-zwfzJecQ/Uej6tusMqwAqU/6KL2XaB2VZ2Jg54Je6ahNBGNH6Ek6g3jjNCF0fG9EWQKGZNddNjU5F1ZQn/sBnA==",
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
       "license": "BSD-2-Clause",
       "engines": {
-        "node": ">=20.19.0"
+        "node": ">=0.12"
       },
       "funding": {
         "url": "https://github.com/fb55/entities?sponsor=1"
@@ -4639,9 +4811,9 @@
       "license": "MIT"
     },
     "node_modules/es-object-atoms": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
-      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.2.tgz",
+      "integrity": "sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4877,9 +5049,9 @@
       }
     },
     "node_modules/eventsource-parser": {
-      "version": "3.0.8",
-      "resolved": "https://registry.npmjs.org/eventsource-parser/-/eventsource-parser-3.0.8.tgz",
-      "integrity": "sha512-70QWGkr4snxr0OXLRWsFLeRBIRPuQOvt4s8QYjmUlmlkyTZkRqS7EDVRZtzU3TiyDbXSzaOeF0XUKy8PchzukQ==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/eventsource-parser/-/eventsource-parser-3.1.0.tgz",
+      "integrity": "sha512-kJezFj9YFAMLeORyi7aCLxLbD5/qWMQnoMVlVPyHIll7lgRJCc3JVln9Vgl9nwQi0YkMnhdGTMNn7CkRRAptMg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -5352,9 +5524,9 @@
       }
     },
     "node_modules/hasown": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.3.tgz",
-      "integrity": "sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==",
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
+      "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5645,9 +5817,9 @@
       }
     },
     "node_modules/hono": {
-      "version": "4.12.21",
-      "resolved": "https://registry.npmjs.org/hono/-/hono-4.12.21.tgz",
-      "integrity": "sha512-uV63apnb0kyPtAUwoWgaGh9HyIFcv8lgmzPZSiTBQAFOFGIzka5EZ1dZocmGnn0XdX0+XTqJ6Tqv7selMuGLRQ==",
+      "version": "4.12.26",
+      "resolved": "https://registry.npmjs.org/hono/-/hono-4.12.26.tgz",
+      "integrity": "sha512-uyZtpnYxM9CmQ7QsQknM4zN8EftNqhON1qYeIKM0Se67CCEe2c44xyGURwB0axX2fBDu1dqHrHAc1hmNT8ITkw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -5783,6 +5955,38 @@
         "igniteui-theming-mcp": "dist/mcp/index.js"
       }
     },
+    "node_modules/igniteui-theming/node_modules/chokidar": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
+      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/igniteui-theming/node_modules/readdirp": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
+      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 14.18.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
     "node_modules/igniteui-theming/node_modules/sass": {
       "version": "1.92.1",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.92.1.tgz",
@@ -5975,6 +6179,7 @@
         "arm"
       ],
       "dev": true,
+      "libc": "glibc",
       "license": "MIT",
       "optional": true,
       "os": [
@@ -5992,6 +6197,7 @@
         "arm64"
       ],
       "dev": true,
+      "libc": "glibc",
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6009,6 +6215,7 @@
         "arm"
       ],
       "dev": true,
+      "libc": "musl",
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6026,6 +6233,7 @@
         "arm64"
       ],
       "dev": true,
+      "libc": "musl",
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6043,6 +6251,7 @@
         "riscv64"
       ],
       "dev": true,
+      "libc": "musl",
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6060,6 +6269,7 @@
         "x64"
       ],
       "dev": true,
+      "libc": "musl",
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6077,6 +6287,7 @@
         "riscv64"
       ],
       "dev": true,
+      "libc": "glibc",
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6094,6 +6305,7 @@
         "x64"
       ],
       "dev": true,
+      "libc": "glibc",
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6165,9 +6377,9 @@
       }
     },
     "node_modules/igniteui-webcomponents": {
-      "version": "7.2.1",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-7.2.1.tgz",
-      "integrity": "sha512-EBd5xWdap0A1bH298zlPQZM0vkjam2F8rgVZZ4t/yjzmOla1ipbRI9yM69m5RNP+6I3ay+9MWR6gcCR2D5NIhQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-7.2.3.tgz",
+      "integrity": "sha512-tayxyK8xsu9lWf5c6fGW9M6Wtbvn1vrkjCiaGwyRBhYKvpXzQltYjgSpgPpmobORdNu+YxGVEfelivK0Hf5X6A==",
       "license": "MIT",
       "dependencies": {
         "@floating-ui/dom": "^1.7.0",
@@ -6204,10 +6416,20 @@
         }
       }
     },
+    "node_modules/ignore": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
+      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
     "node_modules/immutable": {
-      "version": "5.1.5",
-      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.5.tgz",
-      "integrity": "sha512-t7xcm2siw+hlUM68I+UEOK+z84RzmN59as9DZ7P1l0994DKUWV7UXBMQZVxaoMSRQ+PBZbHCOoBt7a2wxOMt+A==",
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.6.tgz",
+      "integrity": "sha512-q1swsS8K7L8usSHuOqF2TAoCCkonYz0SG38wLAggaa4Wml70zixIvt2ql4coQ2C2B3hTjltJry4r6bULwgAXLQ==",
       "devOptional": true,
       "license": "MIT"
     },
@@ -6509,9 +6731,19 @@
       }
     },
     "node_modules/js-yaml": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
-      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.2.0.tgz",
+      "integrity": "sha512-ePWsvanv0DWuDRsW8dnt+R4jQ31SCRCQ7hhNcPXZPsoBZiemuZNYGf7adZdqX2D86j6rvKp3RpCxVTSb8WQlOw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/puzrin"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/nodeca"
+        }
+      ],
       "license": "MIT",
       "dependencies": {
         "argparse": "^2.0.1"
@@ -6591,9 +6823,9 @@
       }
     },
     "node_modules/katex": {
-      "version": "0.16.45",
-      "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.45.tgz",
-      "integrity": "sha512-pQpZbdBu7wCTmQUh7ufPmLr0pFoObnGUoL/yhtwJDgmmQpbkg/0HSVti25Fu4rmd1oCR6NGWe9vqTWuWv3GcNA==",
+      "version": "0.16.47",
+      "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.47.tgz",
+      "integrity": "sha512-Eeo8Ys1doU1z+x8AZsPpQu+p/QcZBI5PeOo7QGQdy2x2m0MU/hYagBbGOmXwr5KVbEfVuWv9LpnQWeehogurjg==",
       "dev": true,
       "funding": [
         "https://opencollective.com/katex",
@@ -6627,10 +6859,20 @@
       }
     },
     "node_modules/linkify-it": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
-      "integrity": "sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.1.tgz",
+      "integrity": "sha512-wVoTjP4Q6R0NW5hiZkVJaFZPWgtXfoGF+6LucL3/FtiNjmcHhYjEr5f1Kqjirc1nBW07J/ZuRFumqr2oqccEWg==",
       "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/puzrin"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/markdown-it"
+        }
+      ],
       "license": "MIT",
       "dependencies": {
         "uc.micro": "^2.0.0"
@@ -6678,9 +6920,9 @@
       }
     },
     "node_modules/lru-cache": {
-      "version": "11.5.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.0.tgz",
-      "integrity": "sha512-5YgH9UJd7wVb9hIouI2adWpgqrrICkt070Dnj8EUY1+B4B2P9eRLPAkAAo6NICA7CEhOIeBHl46u9zSNpNu7zA==",
+      "version": "11.5.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.1.tgz",
+      "integrity": "sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==",
       "license": "BlueOak-1.0.0",
       "engines": {
         "node": "20 || >=22"
@@ -6718,94 +6960,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/markdown-table": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.4.tgz",
-      "integrity": "sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/markdownlint-cli": {
-      "version": "0.48.0",
-      "resolved": "https://registry.npmjs.org/markdownlint-cli/-/markdownlint-cli-0.48.0.tgz",
-      "integrity": "sha512-NkZQNu2E0Q5qLEEHwWj674eYISTLD4jMHkBzDobujXd1kv+yCxi8jOaD/rZoQNW1FBBMMGQpuW5So8B51N/e0A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "commander": "~14.0.3",
-        "deep-extend": "~0.6.0",
-        "ignore": "~7.0.5",
-        "js-yaml": "~4.1.1",
-        "jsonc-parser": "~3.3.1",
-        "jsonpointer": "~5.0.1",
-        "markdown-it": "~14.1.1",
-        "markdownlint": "~0.40.0",
-        "minimatch": "~10.2.4",
-        "run-con": "~1.3.2",
-        "smol-toml": "~1.6.0",
-        "tinyglobby": "~0.2.15"
-      },
-      "bin": {
-        "markdownlint": "markdownlint.js"
-      },
-      "engines": {
-        "node": ">=20"
-      }
-    },
-    "node_modules/markdownlint-cli/node_modules/ansi-regex": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
-      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/markdownlint-cli/node_modules/commander": {
-      "version": "14.0.3",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-14.0.3.tgz",
-      "integrity": "sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=20"
-      }
-    },
-    "node_modules/markdownlint-cli/node_modules/entities": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
-    "node_modules/markdownlint-cli/node_modules/ignore": {
-      "version": "7.0.5",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
-      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/markdownlint-cli/node_modules/markdown-it": {
-      "version": "14.1.1",
-      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.1.tgz",
-      "integrity": "sha512-BuU2qnTti9YKgK5N+IeMubp14ZUKUUw7yeJbkjtosvHiP0AZ5c8IAgEMk79D0eC8F23r4Ac/q8cAIFdm2FtyoA==",
-      "dev": true,
+    "node_modules/markdown-it": {
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.1.tgz",
+      "integrity": "sha512-BuU2qnTti9YKgK5N+IeMubp14ZUKUUw7yeJbkjtosvHiP0AZ5c8IAgEMk79D0eC8F23r4Ac/q8cAIFdm2FtyoA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "argparse": "^2.0.1",
@@ -6819,7 +6978,17 @@
         "markdown-it": "bin/markdown-it.mjs"
       }
     },
-    "node_modules/markdownlint-cli/node_modules/markdownlint": {
+    "node_modules/markdown-table": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.4.tgz",
+      "integrity": "sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/markdownlint": {
       "version": "0.40.0",
       "resolved": "https://registry.npmjs.org/markdownlint/-/markdownlint-0.40.0.tgz",
       "integrity": "sha512-UKybllYNheWac61Ia7T6fzuQNDZimFIpCg2w6hHjgV1Qu0w1TV0LlSgryUGzM0bkKQCBhy2FDhEELB73Kb0kAg==",
@@ -6843,57 +7012,44 @@
         "url": "https://github.com/sponsors/DavidAnson"
       }
     },
-    "node_modules/markdownlint-cli/node_modules/micromark-extension-directive": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/micromark-extension-directive/-/micromark-extension-directive-4.0.0.tgz",
-      "integrity": "sha512-/C2nqVmXXmiseSSuCdItCMho7ybwwop6RrrRPk0KbOHW21JKoCldC+8rFOaundDoRBUWBnJJcxeA/Kvi34WQXg==",
+    "node_modules/markdownlint-cli": {
+      "version": "0.48.0",
+      "resolved": "https://registry.npmjs.org/markdownlint-cli/-/markdownlint-cli-0.48.0.tgz",
+      "integrity": "sha512-NkZQNu2E0Q5qLEEHwWj674eYISTLD4jMHkBzDobujXd1kv+yCxi8jOaD/rZoQNW1FBBMMGQpuW5So8B51N/e0A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "devlop": "^1.0.0",
-        "micromark-factory-space": "^2.0.0",
-        "micromark-factory-whitespace": "^2.0.0",
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0",
-        "parse-entities": "^4.0.0"
+        "commander": "~14.0.3",
+        "deep-extend": "~0.6.0",
+        "ignore": "~7.0.5",
+        "js-yaml": "~4.1.1",
+        "jsonc-parser": "~3.3.1",
+        "jsonpointer": "~5.0.1",
+        "markdown-it": "~14.1.1",
+        "markdownlint": "~0.40.0",
+        "minimatch": "~10.2.4",
+        "run-con": "~1.3.2",
+        "smol-toml": "~1.6.0",
+        "tinyglobby": "~0.2.15"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
-    "node_modules/markdownlint-cli/node_modules/string-width": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.1.0.tgz",
-      "integrity": "sha512-Kxl3KJGb/gxkaUMOjRsQ8IrXiGW75O4E3RPjFIINOVH8AMl2SQ/yWdTzWwF3FevIX9LcMAjJW+GRwAlAbTSXdg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "get-east-asian-width": "^1.3.0",
-        "strip-ansi": "^7.1.0"
+      "bin": {
+        "markdownlint": "markdownlint.js"
       },
       "engines": {
         "node": ">=20"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/markdownlint-cli/node_modules/strip-ansi": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
-      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
+    "node_modules/markdownlint-cli/node_modules/js-yaml": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ansi-regex": "^6.2.2"
-      },
-      "engines": {
-        "node": ">=12"
+        "argparse": "^2.0.1"
       },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
       }
     },
     "node_modules/math-intrinsics": {
@@ -7313,6 +7469,26 @@
         "micromark-util-types": "^2.0.0"
       }
     },
+    "node_modules/micromark-extension-directive": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-directive/-/micromark-extension-directive-4.0.0.tgz",
+      "integrity": "sha512-/C2nqVmXXmiseSSuCdItCMho7ybwwop6RrrRPk0KbOHW21JKoCldC+8rFOaundDoRBUWBnJJcxeA/Kvi34WQXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-factory-whitespace": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "parse-entities": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/micromark-extension-gfm": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/micromark-extension-gfm/-/micromark-extension-gfm-3.0.0.tgz",
@@ -8050,9 +8226,9 @@
       "license": "MIT"
     },
     "node_modules/nanoid": {
-      "version": "3.3.12",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
-      "integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==",
+      "version": "3.3.13",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.13.tgz",
+      "integrity": "sha512-sPdqC6ByMVVGvF1ynvvMo0/o+oD1VX7DaHhijt1bFgjvBkHBib4t49GoNDhf2NDta4oeUNlaGbSt5K7qjZ955Q==",
       "funding": [
         {
           "type": "github",
@@ -8163,14 +8339,17 @@
       }
     },
     "node_modules/obug": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/obug/-/obug-2.1.1.tgz",
-      "integrity": "sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==",
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/obug/-/obug-2.1.3.tgz",
+      "integrity": "sha512-9miFgM2OFba7hB+pRgvtV84pYTBaoTHohvmIgiRt6dRIzbwEOIaNaP+dIlGs2fNFoB0SeISs0Jz5WFVRid6Xyg==",
       "funding": [
         "https://github.com/sponsors/sxzz",
         "https://opencollective.com/debug"
       ],
-      "license": "MIT"
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.20.0"
+      }
     },
     "node_modules/ofetch": {
       "version": "1.5.1",
@@ -8365,6 +8544,18 @@
         "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
+    "node_modules/parse5/node_modules/entities": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-8.0.0.tgz",
+      "integrity": "sha512-zwfzJecQ/Uej6tusMqwAqU/6KL2XaB2VZ2Jg54Je6ahNBGNH6Ek6g3jjNCF0fG9EWQKGZNddNjU5F1ZQn/sBnA==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
     "node_modules/parseurl": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
@@ -8475,9 +8666,9 @@
       }
     },
     "node_modules/property-information": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/property-information/-/property-information-7.1.0.tgz",
-      "integrity": "sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==",
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/property-information/-/property-information-7.2.0.tgz",
+      "integrity": "sha512-IAtzIB6sUiWaJYrX9smp3V46pBGbBeLFRGdh25kg1334VcBlD8HzhPeNIWQH9zhGmo2itIe25EHt9dQP7G5hmg==",
       "license": "MIT",
       "funding": {
         "type": "github",
@@ -8566,13 +8757,12 @@
       }
     },
     "node_modules/readdirp": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
-      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz",
+      "integrity": "sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==",
       "license": "MIT",
-      "optional": true,
       "engines": {
-        "node": ">= 14.18.0"
+        "node": ">= 20.19.0"
       },
       "funding": {
         "type": "individual",
@@ -8931,12 +9121,12 @@
       }
     },
     "node_modules/rollup": {
-      "version": "4.60.4",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.60.4.tgz",
-      "integrity": "sha512-WHeFSbZYsPu3+bLoNRUuAO+wavNlocOPf3wSHTP7hcFKVnJeWsYlCDbr3mTS14FCizf9ccIxXA8sGL8zKeQN3g==",
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.62.2.tgz",
+      "integrity": "sha512-RFnrW4lhXA3s3eqHDZvN654g8OTjzRfqpIRJYczCGB6HzphckVAi/Qh4tbPUbRuDi7s1Llv8g/NspLkttY3gTA==",
       "license": "MIT",
       "dependencies": {
-        "@types/estree": "1.0.8"
+        "@types/estree": "1.0.9"
       },
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -8946,40 +9136,34 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.60.4",
-        "@rollup/rollup-android-arm64": "4.60.4",
-        "@rollup/rollup-darwin-arm64": "4.60.4",
-        "@rollup/rollup-darwin-x64": "4.60.4",
-        "@rollup/rollup-freebsd-arm64": "4.60.4",
-        "@rollup/rollup-freebsd-x64": "4.60.4",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.60.4",
-        "@rollup/rollup-linux-arm-musleabihf": "4.60.4",
-        "@rollup/rollup-linux-arm64-gnu": "4.60.4",
-        "@rollup/rollup-linux-arm64-musl": "4.60.4",
-        "@rollup/rollup-linux-loong64-gnu": "4.60.4",
-        "@rollup/rollup-linux-loong64-musl": "4.60.4",
-        "@rollup/rollup-linux-ppc64-gnu": "4.60.4",
-        "@rollup/rollup-linux-ppc64-musl": "4.60.4",
-        "@rollup/rollup-linux-riscv64-gnu": "4.60.4",
-        "@rollup/rollup-linux-riscv64-musl": "4.60.4",
-        "@rollup/rollup-linux-s390x-gnu": "4.60.4",
-        "@rollup/rollup-linux-x64-gnu": "4.60.4",
-        "@rollup/rollup-linux-x64-musl": "4.60.4",
-        "@rollup/rollup-openbsd-x64": "4.60.4",
-        "@rollup/rollup-openharmony-arm64": "4.60.4",
-        "@rollup/rollup-win32-arm64-msvc": "4.60.4",
-        "@rollup/rollup-win32-ia32-msvc": "4.60.4",
-        "@rollup/rollup-win32-x64-gnu": "4.60.4",
-        "@rollup/rollup-win32-x64-msvc": "4.60.4",
+        "@rollup/rollup-android-arm-eabi": "4.62.2",
+        "@rollup/rollup-android-arm64": "4.62.2",
+        "@rollup/rollup-darwin-arm64": "4.62.2",
+        "@rollup/rollup-darwin-x64": "4.62.2",
+        "@rollup/rollup-freebsd-arm64": "4.62.2",
+        "@rollup/rollup-freebsd-x64": "4.62.2",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.62.2",
+        "@rollup/rollup-linux-arm-musleabihf": "4.62.2",
+        "@rollup/rollup-linux-arm64-gnu": "4.62.2",
+        "@rollup/rollup-linux-arm64-musl": "4.62.2",
+        "@rollup/rollup-linux-loong64-gnu": "4.62.2",
+        "@rollup/rollup-linux-loong64-musl": "4.62.2",
+        "@rollup/rollup-linux-ppc64-gnu": "4.62.2",
+        "@rollup/rollup-linux-ppc64-musl": "4.62.2",
+        "@rollup/rollup-linux-riscv64-gnu": "4.62.2",
+        "@rollup/rollup-linux-riscv64-musl": "4.62.2",
+        "@rollup/rollup-linux-s390x-gnu": "4.62.2",
+        "@rollup/rollup-linux-x64-gnu": "4.62.2",
+        "@rollup/rollup-linux-x64-musl": "4.62.2",
+        "@rollup/rollup-openbsd-x64": "4.62.2",
+        "@rollup/rollup-openharmony-arm64": "4.62.2",
+        "@rollup/rollup-win32-arm64-msvc": "4.62.2",
+        "@rollup/rollup-win32-ia32-msvc": "4.62.2",
+        "@rollup/rollup-win32-x64-gnu": "4.62.2",
+        "@rollup/rollup-win32-x64-msvc": "4.62.2",
         "fsevents": "~2.3.2"
       }
     },
-    "node_modules/rollup/node_modules/@types/estree": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
-      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
-      "license": "MIT"
-    },
     "node_modules/router": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/router/-/router-2.2.0.tgz",
@@ -9041,13 +9225,13 @@
       "license": "MIT"
     },
     "node_modules/sass": {
-      "version": "1.99.0",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.99.0.tgz",
-      "integrity": "sha512-kgW13M54DUB7IsIRM5LvJkNlpH+WhMpooUcaWGFARkF1Tc82v9mIWkCbCYf+MBvpIUBSeSOTilpZjEPr2VYE6Q==",
+      "version": "1.100.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.100.0.tgz",
+      "integrity": "sha512-B5j0rYMlinhhOo9tjQebMVVn0TfyXAF+wB3b2ggZUuJ/is/Y+7+JGjirAMxHZ9Z3hIP98NPfamlAkBHa1lAaXQ==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "chokidar": "^4.0.0",
+        "chokidar": "^5.0.0",
         "immutable": "^5.1.5",
         "source-map-js": ">=0.6.2 <2.0.0"
       },
@@ -9055,16 +9239,16 @@
         "sass": "sass.js"
       },
       "engines": {
-        "node": ">=14.0.0"
+        "node": ">=20.19.0"
       },
       "optionalDependencies": {
         "@parcel/watcher": "^2.4.1"
       }
     },
     "node_modules/sass-embedded": {
-      "version": "1.99.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded/-/sass-embedded-1.99.0.tgz",
-      "integrity": "sha512-gF/juR1aX02lZHkvwxdF80SapkQeg2fetoDF6gIQkNbSw5YEUFspMkyGTjPjgZSgIHuZpy+Wz4PlebKnLXMjdg==",
+      "version": "1.100.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded/-/sass-embedded-1.100.0.tgz",
+      "integrity": "sha512-Ut8wlQSk19tm7jMK6mz6cF1+e+E7tUnW2tM02zQDPnOTcVbV8qCQG8UWxZkkNlY50+hV3hqP24OOkUlMz8xBpw==",
       "devOptional": true,
       "license": "MIT",
       "dependencies": {
@@ -9083,30 +9267,30 @@
         "node": ">=16.0.0"
       },
       "optionalDependencies": {
-        "sass-embedded-all-unknown": "1.99.0",
-        "sass-embedded-android-arm": "1.99.0",
-        "sass-embedded-android-arm64": "1.99.0",
-        "sass-embedded-android-riscv64": "1.99.0",
-        "sass-embedded-android-x64": "1.99.0",
-        "sass-embedded-darwin-arm64": "1.99.0",
-        "sass-embedded-darwin-x64": "1.99.0",
-        "sass-embedded-linux-arm": "1.99.0",
-        "sass-embedded-linux-arm64": "1.99.0",
-        "sass-embedded-linux-musl-arm": "1.99.0",
-        "sass-embedded-linux-musl-arm64": "1.99.0",
-        "sass-embedded-linux-musl-riscv64": "1.99.0",
-        "sass-embedded-linux-musl-x64": "1.99.0",
-        "sass-embedded-linux-riscv64": "1.99.0",
-        "sass-embedded-linux-x64": "1.99.0",
-        "sass-embedded-unknown-all": "1.99.0",
-        "sass-embedded-win32-arm64": "1.99.0",
-        "sass-embedded-win32-x64": "1.99.0"
+        "sass-embedded-all-unknown": "1.100.0",
+        "sass-embedded-android-arm": "1.100.0",
+        "sass-embedded-android-arm64": "1.100.0",
+        "sass-embedded-android-riscv64": "1.100.0",
+        "sass-embedded-android-x64": "1.100.0",
+        "sass-embedded-darwin-arm64": "1.100.0",
+        "sass-embedded-darwin-x64": "1.100.0",
+        "sass-embedded-linux-arm": "1.100.0",
+        "sass-embedded-linux-arm64": "1.100.0",
+        "sass-embedded-linux-musl-arm": "1.100.0",
+        "sass-embedded-linux-musl-arm64": "1.100.0",
+        "sass-embedded-linux-musl-riscv64": "1.100.0",
+        "sass-embedded-linux-musl-x64": "1.100.0",
+        "sass-embedded-linux-riscv64": "1.100.0",
+        "sass-embedded-linux-x64": "1.100.0",
+        "sass-embedded-unknown-all": "1.100.0",
+        "sass-embedded-win32-arm64": "1.100.0",
+        "sass-embedded-win32-x64": "1.100.0"
       }
     },
     "node_modules/sass-embedded-all-unknown": {
-      "version": "1.99.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-all-unknown/-/sass-embedded-all-unknown-1.99.0.tgz",
-      "integrity": "sha512-qPIRG8Uhjo6/OKyAKixTnwMliTz+t9K6Duk0mx5z+K7n0Ts38NSJz2sjDnc7cA/8V9Lb3q09H38dZ1CLwD+ssw==",
+      "version": "1.100.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-all-unknown/-/sass-embedded-all-unknown-1.100.0.tgz",
+      "integrity": "sha512-auFtXY/kwYILmSVjtBDwyj0axcLbYYiffOKWoaXHnI5bsYwiRbBh3EneR1rpbX2ZIZCrwX93i5pxKLTZF/662Q==",
       "cpu": [
         "!arm",
         "!arm64",
@@ -9116,13 +9300,13 @@
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "sass": "1.99.0"
+        "sass": "1.100.0"
       }
     },
     "node_modules/sass-embedded-android-arm": {
-      "version": "1.99.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-android-arm/-/sass-embedded-android-arm-1.99.0.tgz",
-      "integrity": "sha512-EHvJ0C7/VuP78Qr6f8gIUVUmCqIorEQpw2yp3cs3SMg02ZuumlhjXvkTcFBxHmFdFR23vTNk1WnhY6QSeV1nFQ==",
+      "version": "1.100.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-arm/-/sass-embedded-android-arm-1.100.0.tgz",
+      "integrity": "sha512-70f3HgX2pFNmzpGQ86n5e6QfWn2fP4QUQGfFQK0P1XH73ZLIzLo2YqygrGKGKeeqtc5eU2Wl1/xQzhzuKnO4kw==",
       "cpu": [
         "arm"
       ],
@@ -9136,9 +9320,9 @@
       }
     },
     "node_modules/sass-embedded-android-arm64": {
-      "version": "1.99.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-android-arm64/-/sass-embedded-android-arm64-1.99.0.tgz",
-      "integrity": "sha512-fNHhdnP23yqqieCbAdym4N47AleSwjbNt6OYIYx4DdACGdtERjQB4iOX/TaKsW034MupfF7SjnAAK8w7Ptldtg==",
+      "version": "1.100.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-arm64/-/sass-embedded-android-arm64-1.100.0.tgz",
+      "integrity": "sha512-W+Ru9JwTnfU0UX3jSZcbqFdtKFMcYdfFwytc57h2DgnqCOIiAqI2E06mABZBZC+r3LwXCBuS5GbXAGeVgvVDkA==",
       "cpu": [
         "arm64"
       ],
@@ -9152,9 +9336,9 @@
       }
     },
     "node_modules/sass-embedded-android-riscv64": {
-      "version": "1.99.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-android-riscv64/-/sass-embedded-android-riscv64-1.99.0.tgz",
-      "integrity": "sha512-4zqDFRvgGDTL5vTHuIhRxUpXFoh0Cy7Gm5Ywk19ASd8Settmd14YdPRZPmMxfgS1GH292PofV1fq1ifiSEJWBw==",
+      "version": "1.100.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-riscv64/-/sass-embedded-android-riscv64-1.100.0.tgz",
+      "integrity": "sha512-icU3o0V/uCSytSpf+tX5Lf51BvyQEbLzDUJfUi9etSauYBGHpPKkdtdZH0si4v98phq11Kl8rSV1SggksxF1Hg==",
       "cpu": [
         "riscv64"
       ],
@@ -9168,9 +9352,9 @@
       }
     },
     "node_modules/sass-embedded-android-x64": {
-      "version": "1.99.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-android-x64/-/sass-embedded-android-x64-1.99.0.tgz",
-      "integrity": "sha512-Uk53k/dGYt04RjOL4gFjZ0Z9DH9DKh8IA8WsXUkNqsxerAygoy3zqRBS2zngfE9K2jiOM87q+1R1p87ory9oQQ==",
+      "version": "1.100.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-x64/-/sass-embedded-android-x64-1.100.0.tgz",
+      "integrity": "sha512-mevF9VQk6gEYByy8+jusaHGmd7Usb2ytX/DsEOd0JtOGCtcf1kh575xJ6OUBDIcJ15uLnbau/0iy1eP6WVBvWA==",
       "cpu": [
         "x64"
       ],
@@ -9184,9 +9368,9 @@
       }
     },
     "node_modules/sass-embedded-darwin-arm64": {
-      "version": "1.99.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-darwin-arm64/-/sass-embedded-darwin-arm64-1.99.0.tgz",
-      "integrity": "sha512-u61/7U3IGLqoO6gL+AHeiAtlTPFwJK1+964U8gp45ZN0hzh1yrARf5O1mivXv8NnNgJvbG2wWJbiNZP0lG/lTg==",
+      "version": "1.100.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-darwin-arm64/-/sass-embedded-darwin-arm64-1.100.0.tgz",
+      "integrity": "sha512-1PVlYi61POo93IT/FfrG1mc1tAHxeSTyUALF2aOFmXGWjVXr3bQzEQiBGCOvQbj/ix+5hNyXFXcEMEyKvtUJJA==",
       "cpu": [
         "arm64"
       ],
@@ -9200,9 +9384,9 @@
       }
     },
     "node_modules/sass-embedded-darwin-x64": {
-      "version": "1.99.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-darwin-x64/-/sass-embedded-darwin-x64-1.99.0.tgz",
-      "integrity": "sha512-j/kkk/NcXdIameLezSfXjgCiBkVcA+G60AXrX768/3g0miK1g7M9dj7xOhCb1i7/wQeiEI3rw2LLuO63xRIn4A==",
+      "version": "1.100.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-darwin-x64/-/sass-embedded-darwin-x64-1.100.0.tgz",
+      "integrity": "sha512-x97o3JnGyImZNCIVs9wQHJUE5QCvmVIKaH1cwrz/5dK7OT1FpeNiW+u9TUomP9hG6Ekjd8EL8NBHpxTfIhdjmg==",
       "cpu": [
         "x64"
       ],
@@ -9216,12 +9400,13 @@
       }
     },
     "node_modules/sass-embedded-linux-arm": {
-      "version": "1.99.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-linux-arm/-/sass-embedded-linux-arm-1.99.0.tgz",
-      "integrity": "sha512-d4IjJZrX2+AwB2YCy1JySwdptJECNP/WfAQLUl8txI3ka8/d3TUI155GtelnoZUkio211PwIeFvvAeZ9RXPQnw==",
+      "version": "1.100.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-arm/-/sass-embedded-linux-arm-1.100.0.tgz",
+      "integrity": "sha512-9Ul7O1eKrc5YlhwWjkp8tZPSe3UEwSZ1uwUZOQom1HL0pRlBA6F/IlGZYFTLwnHMIP1fc77MMNaBRfc05mKMpw==",
       "cpu": [
         "arm"
       ],
+      "libc": "glibc",
       "license": "MIT",
       "optional": true,
       "os": [
@@ -9232,12 +9417,13 @@
       }
     },
     "node_modules/sass-embedded-linux-arm64": {
-      "version": "1.99.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-linux-arm64/-/sass-embedded-linux-arm64-1.99.0.tgz",
-      "integrity": "sha512-btNcFpItcB56L40n8hDeL7sRSMLDXQ56nB5h2deddJx1n60rpKSElJmkaDGHtpkrY+CTtDRV0FZDjHeTJddYew==",
+      "version": "1.100.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-arm64/-/sass-embedded-linux-arm64-1.100.0.tgz",
+      "integrity": "sha512-Dwjmj8Z6VRy7rAi53JAdEwIyUjpfl7PhpSc2/LpQPQx+aO5Dp7Spaipkax0ufJl1SoDUdchCsM4y/88YaluorQ==",
       "cpu": [
         "arm64"
       ],
+      "libc": "glibc",
       "license": "MIT",
       "optional": true,
       "os": [
@@ -9248,12 +9434,13 @@
       }
     },
     "node_modules/sass-embedded-linux-musl-arm": {
-      "version": "1.99.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-arm/-/sass-embedded-linux-musl-arm-1.99.0.tgz",
-      "integrity": "sha512-2gvHOupgIw3ytatXT4nFUow71LFbuOZPEwG+HUzcNQDH8ue4Ez8cr03vsv5MDv3lIjOKcXwDvWD980t18MwkoQ==",
+      "version": "1.100.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-arm/-/sass-embedded-linux-musl-arm-1.100.0.tgz",
+      "integrity": "sha512-sl0JgbGloPyJg66XXx5UDSDScZ0oU85DpMQU4JU/sCUCFj1Z8zZ69SJWKTCNE4/jwnce7WI2zPCV5AG+RHOZJw==",
       "cpu": [
         "arm"
       ],
+      "libc": "musl",
       "license": "MIT",
       "optional": true,
       "os": [
@@ -9264,12 +9451,13 @@
       }
     },
     "node_modules/sass-embedded-linux-musl-arm64": {
-      "version": "1.99.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-arm64/-/sass-embedded-linux-musl-arm64-1.99.0.tgz",
-      "integrity": "sha512-Hi2bt/IrM5P4FBKz6EcHAlniwfpoz9mnTdvSd58y+avA3SANM76upIkAdSayA8ZGwyL3gZokru1AKDPF9lJDNw==",
+      "version": "1.100.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-arm64/-/sass-embedded-linux-musl-arm64-1.100.0.tgz",
+      "integrity": "sha512-XpACJB2KjSLjf2e9uuvGVdOURsoNrFqgRiihhXyUHK9W0t3LIHb7z5MA/7XGPIT9bWSOO2zyw+rH/FHtDV/Yrg==",
       "cpu": [
         "arm64"
       ],
+      "libc": "musl",
       "license": "MIT",
       "optional": true,
       "os": [
@@ -9280,12 +9468,13 @@
       }
     },
     "node_modules/sass-embedded-linux-musl-riscv64": {
-      "version": "1.99.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-riscv64/-/sass-embedded-linux-musl-riscv64-1.99.0.tgz",
-      "integrity": "sha512-mKqGvVaJ9rHMqyZsF0kikQe4NO0f4osb67+X6nLhBiVDKvyazQHJ3zJQreNefIE36yL2sjHIclSB//MprzaQDg==",
+      "version": "1.100.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-riscv64/-/sass-embedded-linux-musl-riscv64-1.100.0.tgz",
+      "integrity": "sha512-ShvI0Kx04mwoCARwZ0UjiT97isQvzO80tAt91zmFyHLN9kelc/IrQi940farSm2xQVPCKdeVyeG0ekBsokSpYQ==",
       "cpu": [
         "riscv64"
       ],
+      "libc": "musl",
       "license": "MIT",
       "optional": true,
       "os": [
@@ -9296,12 +9485,13 @@
       }
     },
     "node_modules/sass-embedded-linux-musl-x64": {
-      "version": "1.99.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-x64/-/sass-embedded-linux-musl-x64-1.99.0.tgz",
-      "integrity": "sha512-huhgOMmOc30r7CH7qbRbT9LerSEGSnWuS4CYNOskr9BvNeQp4dIneFufNRGZ7hkOAxUM8DglxIZJN/cyAT95Ew==",
+      "version": "1.100.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-x64/-/sass-embedded-linux-musl-x64-1.100.0.tgz",
+      "integrity": "sha512-TDBCRWNuS4RDLQXvRc1gjZlWiWTWaWGp0Bwu/IKwJxov81lsvrCs3TihTyNXtW7V5aoN4Ky3r0QOkNb3mwmBnA==",
       "cpu": [
         "x64"
       ],
+      "libc": "musl",
       "license": "MIT",
       "optional": true,
       "os": [
@@ -9312,12 +9502,13 @@
       }
     },
     "node_modules/sass-embedded-linux-riscv64": {
-      "version": "1.99.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-linux-riscv64/-/sass-embedded-linux-riscv64-1.99.0.tgz",
-      "integrity": "sha512-mevFPIFAVhrH90THifxLfOntFmHtcEKOcdWnep2gJ0X4DVva4AiVIRlQe/7w9JFx5+gnDRE1oaJJkzuFUuYZsA==",
+      "version": "1.100.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-riscv64/-/sass-embedded-linux-riscv64-1.100.0.tgz",
+      "integrity": "sha512-j4ENJGOheO+fm3j/yorLxCjBP6/XskrZx7dTLlT+lXYwN/qqCqoA/gsNLI0McS3DFM6GBwPiffzWsdWS8t6sEQ==",
       "cpu": [
         "riscv64"
       ],
+      "libc": "glibc",
       "license": "MIT",
       "optional": true,
       "os": [
@@ -9328,12 +9519,13 @@
       }
     },
     "node_modules/sass-embedded-linux-x64": {
-      "version": "1.99.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-linux-x64/-/sass-embedded-linux-x64-1.99.0.tgz",
-      "integrity": "sha512-9k7IkULqIZdCIVt4Mboryt6vN8Mjmm3EhI1P3mClU5y5i3wLK5ExC3cbVWk047KsID/fvB1RLslqghXJx5BoxA==",
+      "version": "1.100.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-x64/-/sass-embedded-linux-x64-1.100.0.tgz",
+      "integrity": "sha512-0vUSN8j0WGtCJIOPh//EmUvYGHW0QOe5iul8qyhPk50MAcw49MA0r34AhftjDdx94ILPF6vApFs0gwHPQRlpVA==",
       "cpu": [
         "x64"
       ],
+      "libc": "glibc",
       "license": "MIT",
       "optional": true,
       "os": [
@@ -9344,9 +9536,9 @@
       }
     },
     "node_modules/sass-embedded-unknown-all": {
-      "version": "1.99.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-unknown-all/-/sass-embedded-unknown-all-1.99.0.tgz",
-      "integrity": "sha512-P7MxiUtL/XzGo3PX0CaB8lNNEFLQWKikPA8pbKytx9ZCLZSDkt2NJcdAbblB/sqMs4AV3EK2NadV8rI/diq3xg==",
+      "version": "1.100.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-unknown-all/-/sass-embedded-unknown-all-1.100.0.tgz",
+      "integrity": "sha512-c+naBgWId4MIpToXcI0DgqetjdAkwTTAxFAuOaBz7HUXLdyG1oZRrEvSsbe41nEdQOKH0vgofVFCeSQgoXOG9A==",
       "license": "MIT",
       "optional": true,
       "os": [
@@ -9356,13 +9548,13 @@
         "!win32"
       ],
       "dependencies": {
-        "sass": "1.99.0"
+        "sass": "1.100.0"
       }
     },
     "node_modules/sass-embedded-win32-arm64": {
-      "version": "1.99.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-win32-arm64/-/sass-embedded-win32-arm64-1.99.0.tgz",
-      "integrity": "sha512-8whpsW7S+uO8QApKfQuc36m3P9EISzbVZOgC79goob4qGy09u8Gz/rYvw8h1prJDSjltpHGhOzBE6LDz7WvzVw==",
+      "version": "1.100.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-win32-arm64/-/sass-embedded-win32-arm64-1.100.0.tgz",
+      "integrity": "sha512-iE+yxj+hUXwwbqpHkXxgAWTzeRfcWxJ7SSTQEPMk48lwq3oCrWLlz5sQuWHbuTK/i0GKQfROdP+hOmPi89yjUg==",
       "cpu": [
         "arm64"
       ],
@@ -9376,9 +9568,9 @@
       }
     },
     "node_modules/sass-embedded-win32-x64": {
-      "version": "1.99.0",
-      "resolved": "https://registry.npmjs.org/sass-embedded-win32-x64/-/sass-embedded-win32-x64-1.99.0.tgz",
-      "integrity": "sha512-ipuOv1R2K4MHeuCEAZGpuUbAgma4gb0sdacyrTjJtMOy/OY9UvWfVlwErdB09KIkp4fPDpQJDJfvYN6bC8jeNg==",
+      "version": "1.100.0",
+      "resolved": "https://registry.npmjs.org/sass-embedded-win32-x64/-/sass-embedded-win32-x64-1.100.0.tgz",
+      "integrity": "sha512-qI4F8MI7/KYoy9NdjJfhSspG42WPkADSNDvwEV7qWvCSFC83koJssRsKO2/PfY+niZz6BG65Ic/D+A11h959hw==",
       "cpu": [
         "x64"
       ],
@@ -9433,9 +9625,9 @@
       }
     },
     "node_modules/semver": {
-      "version": "7.8.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.0.tgz",
-      "integrity": "sha512-AcM7dV/5ul4EekoQ29Agm5vri8JNqRyj39o0qpX6vDF2GZrtutZl5RwgD1XnZjiTAfncsJhMI48QQH3sN87YNA==",
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.4.tgz",
+      "integrity": "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA==",
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -9565,16 +9757,33 @@
         "node": ">=8"
       }
     },
+    "node_modules/shiki": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/shiki/-/shiki-3.23.0.tgz",
+      "integrity": "sha512-55Dj73uq9ZXL5zyeRPzHQsK7Nbyt6Y10k5s7OjuFZGMhpp4r/rsLBH0o/0fstIzX1Lep9VxefWljK/SKCzygIA==",
+      "extraneous": true,
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/core": "3.23.0",
+        "@shikijs/engine-javascript": "3.23.0",
+        "@shikijs/engine-oniguruma": "3.23.0",
+        "@shikijs/langs": "3.23.0",
+        "@shikijs/themes": "3.23.0",
+        "@shikijs/types": "3.23.0",
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "@types/hast": "^3.0.4"
+      }
+    },
     "node_modules/side-channel": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
-      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.1.tgz",
+      "integrity": "sha512-6x6dK6zJdpTzF4sQeNYxwtvBzf6Eg4GtlesS94HOvTudUeyK2WXAaIfmDgsyslYrRBeFIlsi54AYsFGUuhmvrQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0",
-        "object-inspect": "^1.13.3",
-        "side-channel-list": "^1.0.0",
+        "object-inspect": "^1.13.4",
+        "side-channel-list": "^1.0.1",
         "side-channel-map": "^1.0.1",
         "side-channel-weakmap": "^1.0.2"
       },
@@ -9703,6 +9912,23 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/string-width": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.1.0.tgz",
+      "integrity": "sha512-Kxl3KJGb/gxkaUMOjRsQ8IrXiGW75O4E3RPjFIINOVH8AMl2SQ/yWdTzWwF3FevIX9LcMAjJW+GRwAlAbTSXdg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-east-asian-width": "^1.3.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/stringify-entities": {
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.4.tgz",
@@ -9717,6 +9943,22 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/strip-ansi": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
+      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.2.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
     "node_modules/strip-bom-string": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/strip-bom-string/-/strip-bom-string-1.0.0.tgz",
@@ -9798,6 +10040,15 @@
         "url": "https://opencollective.com/svgo"
       }
     },
+    "node_modules/svgo/node_modules/commander": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-11.1.0.tgz",
+      "integrity": "sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      }
+    },
     "node_modules/symbol-tree": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
@@ -9834,27 +10085,27 @@
       "license": "MIT"
     },
     "node_modules/tinyclip": {
-      "version": "0.1.12",
-      "resolved": "https://registry.npmjs.org/tinyclip/-/tinyclip-0.1.12.tgz",
-      "integrity": "sha512-Ae3OVUqifDw0wBriIBS7yVaW44Dp6eSHQcyq4Igc7eN2TJH/2YsicswaW+J/OuMvhpDPOKEgpAZCjkb4hpoyeA==",
+      "version": "0.1.14",
+      "resolved": "https://registry.npmjs.org/tinyclip/-/tinyclip-0.1.14.tgz",
+      "integrity": "sha512-F1oWdz8tjT17qe1d5JgDK6z03WGOhYYAN0lK3/D/fzNiy93xswLLEw7pk+3g05onhAy6Bsc6PLNUGhdgVjemMQ==",
       "license": "MIT",
       "engines": {
         "node": "^16.14.0 || >= 17.3.0"
       }
     },
     "node_modules/tinyexec": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.1.2.tgz",
-      "integrity": "sha512-dAqSqE/RabpBKI8+h26GfLq6Vb3JVXs30XYQjdMjaj/c2tS8IYYMbIzP599KtRj7c57/wYApb3QjgRgXmrCukA==",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.2.4.tgz",
+      "integrity": "sha512-SHf/r48b7vOrjve9PxJo3MN5v5yuyjHvdUcrQffT3WXMUfnGmHDVbC4k3sHJaJTgZCwpUplIaAo5ANtMyp3YHg==",
       "license": "MIT",
       "engines": {
         "node": ">=18"
       }
     },
     "node_modules/tinyglobby": {
-      "version": "0.2.16",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
-      "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
+      "version": "0.2.17",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
+      "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==",
       "license": "MIT",
       "dependencies": {
         "fdir": "^6.5.0",
@@ -9868,21 +10119,21 @@
       }
     },
     "node_modules/tldts": {
-      "version": "7.0.30",
-      "resolved": "https://registry.npmjs.org/tldts/-/tldts-7.0.30.tgz",
-      "integrity": "sha512-ELrFxuqsDdHUwoh0XxDbxuLD3Wnz49Z57IFvTtvWy1hJdcMZjXLIuonjilCiWHlT2GbE4Wlv1wKVTzDFnXH1aw==",
+      "version": "7.4.3",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-7.4.3.tgz",
+      "integrity": "sha512-A3BDQBeeukYPzB4QdQ1DtdlUmp4x2OCH8n5UVhEWbyANxNep8GavottKzd1xYKFJKjUgMyPT7EzOfnBO55s8Sg==",
       "license": "MIT",
       "dependencies": {
-        "tldts-core": "^7.0.30"
+        "tldts-core": "^7.4.3"
       },
       "bin": {
         "tldts": "bin/cli.js"
       }
     },
     "node_modules/tldts-core": {
-      "version": "7.0.30",
-      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-7.0.30.tgz",
-      "integrity": "sha512-uiHN8PIB1VmWyS98eZYja4xzlYqeFZVjb4OuYlJQnZAuJhMw4PbKQOKgHKhBdJR3FE/t5mUQ1Kd80++B+qhD1Q==",
+      "version": "7.4.3",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-7.4.3.tgz",
+      "integrity": "sha512-27ep5H9PzdBrNd5OFM/j3WCU8F3kPwM9D0BOaOf7uYfxMJfyr0K5Tjj69Gri+sZlh2WXd5buIm47NuPF29CDiw==",
       "license": "MIT"
     },
     "node_modules/toidentifier": {
@@ -9945,6 +10196,25 @@
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
       "license": "0BSD"
     },
+    "node_modules/turndown": {
+      "version": "7.2.4",
+      "resolved": "https://registry.npmjs.org/turndown/-/turndown-7.2.4.tgz",
+      "integrity": "sha512-I8yFsfRzmzK0WV1pNNOA4A7y4RDfFxPRxb3t+e3ui14qSGOxGtiSP6GjeX+Y6CHb7HYaFj7ECUD7VE5kQMZWGQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@mixmark-io/domino": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=18",
+        "npm": ">=9"
+      }
+    },
+    "node_modules/turndown-plugin-gfm": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/turndown-plugin-gfm/-/turndown-plugin-gfm-1.0.2.tgz",
+      "integrity": "sha512-vwz9tfvF7XN/jE0dGoBei3FXWuvll78ohzCZQuOb+ZjWrs3a0XhQVomJEb2Qh4VHTPNRO4GPZh0V7VRbiWwkRg==",
+      "license": "MIT"
+    },
     "node_modules/type-is": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-2.1.0.tgz",
@@ -10018,18 +10288,18 @@
       "license": "MIT"
     },
     "node_modules/undici": {
-      "version": "7.25.0",
-      "resolved": "https://registry.npmjs.org/undici/-/undici-7.25.0.tgz",
-      "integrity": "sha512-xXnp4kTyor2Zq+J1FfPI6Eq3ew5h6Vl0F/8d9XU5zZQf1tX9s2Su1/3PiMmUANFULpmksxkClamIZcaUqryHsQ==",
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-7.28.0.tgz",
+      "integrity": "sha512-cRZYrTDwWznlnRiPjggAGxZXanty6M8RV1ff8Wm4LWXBp7/IG8v5DnOm74DtUBp9OONpK75YlPnIjQqX0dBDtA==",
       "license": "MIT",
       "engines": {
         "node": ">=20.18.1"
       }
     },
     "node_modules/undici-types": {
-      "version": "7.25.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.25.0.tgz",
-      "integrity": "sha512-AXNgS1Byr27fTI+2bsPEkV9CxkT8H6xNyRI68b3TatlZo3RkzlqQBLL+w7SmGPVpokjHbcuNVQUWE7FRTg+LRA==",
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.28.0.tgz",
+      "integrity": "sha512-LJAfY+2w6HGeT8d8J1wNQsUGUEGio6NWWpwdwurQe4f6oojzCFuGLizl1KSve4irsTxyLly1QhEeE6iapdaIvQ==",
       "dev": true,
       "license": "MIT"
     },
@@ -10305,34 +10575,6 @@
         }
       }
     },
-    "node_modules/unstorage/node_modules/chokidar": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
-      "integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
-      "license": "MIT",
-      "dependencies": {
-        "readdirp": "^5.0.0"
-      },
-      "engines": {
-        "node": ">= 20.19.0"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      }
-    },
-    "node_modules/unstorage/node_modules/readdirp": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz",
-      "integrity": "sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 20.19.0"
-      },
-      "funding": {
-        "type": "individual",
-        "url": "https://paulmillr.com/funding/"
-      }
-    },
     "node_modules/varint": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/varint/-/varint-6.0.0.tgz",
diff --git a/package.json b/package.json
index aca4037de5..7046f3c9b2 100644
--- a/package.json
+++ b/package.json
@@ -148,7 +148,9 @@
     "igniteui-webcomponents": "^7.1.3",
     "js-yaml": "^4.1.1",
     "jsdom": "^29.0.1",
-    "pagefind": "^1.5.2"
+    "pagefind": "^1.5.2",
+    "turndown": "^7.2.4",
+    "turndown-plugin-gfm": "^1.0.2"
   },
   "devDependencies": {
     "@astrojs/ts-plugin": "^1.10.7",
diff --git a/src/html-to-md.ts b/src/html-to-md.ts
new file mode 100644
index 0000000000..d5b2622091
--- /dev/null
+++ b/src/html-to-md.ts
@@ -0,0 +1,185 @@
+/**
+ * html-to-md.ts
+ *
+ * Converts a built Astro HTML page to clean Markdown suitable for LLM consumption.
+ *
+ * Entry points:
+ *   buildHtmlToMdConverter() — create once per build, share across pages
+ *   htmlPageToMd(path, siteUrl, converter) — convert a single page
+ */
+
+import fsp from 'node:fs/promises';
+import { JSDOM } from 'jsdom';
+// @ts-expect-error — no bundled types; works correctly at runtime via ESM build
+import TurndownService from 'turndown';
+// @ts-expect-error — no bundled types
+import { tables as gfmTables } from 'turndown-plugin-gfm';
+
+/** Build a configured TurndownService instance. Create once per build, reuse per page. */
+export function buildHtmlToMdConverter() {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const td: any = new TurndownService({
+        headingStyle: 'atx',
+        codeBlockStyle: 'fenced',
+        fence: '```',
+        bulletListMarker: '-',
+        hr: '---',
+    });
+
+    td.use(gfmTables);
+
+    // Drop noise elements entirely
+    td.remove(['script', 'style', 'igc-icon']);
+
+    // Remove breadcrumb nav only — the API references nav must survive
+    td.addRule('breadcrumb', {
+        filter: (node: Element) => node.nodeName === 'NAV' && (node.getAttribute('class') || '').includes('docs-breadcrumb'),
+        replacement: () => '',
+    });
+
+    // DocsAside callout → GFM blockquote with bold severity label.
+    // Use split() for exact class-word matching — includes() would also match
+    // child elements like .igd-aside__content, causing double-wrapping.
+    td.addRule('docs-aside', {
+        filter: (node: Element) => node.nodeName === 'DIV' && (node.getAttribute('class') || '').split(/\s+/).includes('igd-aside'),
+        replacement: (content: string, node: Element) => {
+            const label = node.getAttribute('aria-label') ?? 'Note';
+            const lines = content.trim().split('\n').map((l: string) => `> ${l}`).join('\n');
+            return `\n\n> **${label}:**\n${lines}\n\n`;
+        },
+    });
+
+    // Sample iframes → "[title](url)" link so seams read "And the result is: [Example](url)"
+    // rather than dangling with nothing after the prose lead-in.
+    td.addRule('sample-iframe', {
+        filter: (node: Element) => node.nodeName === 'IFRAME' && !!node.getAttribute('data-src'),
+        replacement: (_: string, node: Element) => {
+            const url = node.getAttribute('data-src') ?? '';
+            const title = node.getAttribute('title') ?? 'Live example';
+            return `\n\n[${title}](${url})\n\n`;
+        },
+    });
+
+    // Sample container divs — let the iframe rule handle the link, drop the wrapper chrome
+    td.addRule('sample-container', {
+        filter: (node: Element) => node.nodeName === 'DIV' && (node.getAttribute('class') || '').includes('igd-sample-container'),
+        replacement: (content: string) => content,
+    });
+
+    // Decorative half-dividers → drop
+    td.addRule('divider', {
+        filter: (node: Element) => node.nodeName === 'DIV' && (node.getAttribute('class') || '').includes('divider--half'),
+        replacement: () => '',
+    });
+
+    return td;
+}
+
+export type HtmlToMdConverter = ReturnType<typeof buildHtmlToMdConverter>;
+
+/**
+ * Convert a single built HTML page to Markdown.
+ *
+ * Returns empty string if the file doesn't exist or has no recognisable
+ * content element — the caller skips writing `.md` in that case.
+ */
+export async function htmlPageToMd(
+    htmlPath: string,
+    siteUrl: string,
+    td: HtmlToMdConverter,
+): Promise<string> {
+    let html: string;
+    try { html = await fsp.readFile(htmlPath, 'utf-8'); }
+    catch { return ''; }
+
+    // ── Selector guard ───────────────────────────────────────────────────────
+    // Warn at the first page that has Shiki blocks but the extractor finds none.
+    // A theme rename (pre.astro-code → something else) would otherwise silently
+    // produce empty code sections across the entire corpus.
+    const hasShikiBlocks = html.includes('astro-code');
+
+    // ── Extract Shiki code blocks before JSDOM ───────────────────────────────
+    // Replace each <pre class="astro-code"> with a plain marker so turndown
+    // never sees the Shiki token spans — fenced blocks are stitched back afterward.
+    const codeBlocks: Array<{ lang: string; code: string }> = [];
+    const htmlWithMarkers = html.replace(
+        /<pre\b[^>]*class="[^"]*astro-code[^"]*"[^>]*data-language="([^"]*)"[^>]*>([\s\S]*?)<\/pre>/g,
+        (_, lang, body) => {
+            const rawCode = body
+                .replace(/<[^>]+>/g, '')
+                .replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&amp;/g, '&')
+                .replace(/&quot;/g, '"').replace(/&#39;/g, "'")
+                .trim();
+            const idx = codeBlocks.length;
+            codeBlocks.push({ lang, code: rawCode });
+            return `<p>SHIKIFENCE${idx}SHIKIEND</p>`;
+        },
+    );
+
+    if (hasShikiBlocks && codeBlocks.length === 0) {
+        console.warn(`[html-to-md] ${htmlPath}: page contains Shiki blocks but none were extracted — check that pre.astro-code and data-language selectors still match the built HTML.`);
+    }
+
+    // ── Parse and extract content ────────────────────────────────────────────
+    const { window: { document } } = new JSDOM(htmlWithMarkers);
+
+    const content =
+        document.querySelector('[data-pagefind-body]') ??
+        document.querySelector('main.igd-main-content__markdown');
+    if (!content) return '';
+
+    // Remove chrome inside <main> that isn't doc content
+    for (const el of content.querySelectorAll([
+        'svg',                    // page logo
+        'igc-badge',              // license/open-source badge
+        '[data-pagefind-ignore]', // pagefind-excluded regions
+        '.igd-aside__icon',       // DocsAside decorative icon
+        '.igd-aside__title',      // DocsAside visible label (we use aria-label)
+    ].join(','))) el.remove();
+
+    // ── Convert ──────────────────────────────────────────────────────────────
+    // JSDOM serialises some Unicode characters as HTML entities in innerHTML
+    // (e.g. U+2014 EM DASH → &#x2014;). Turndown in Node.js doesn't decode
+    // named/numeric entities before writing, so they'd end up as literal text.
+    // Decode them here so the markdown output stays clean UTF-8.
+    const rawInner = content.innerHTML
+        .replace(/&#x([0-9a-fA-F]+);/g, (_, h) => String.fromCodePoint(parseInt(h, 16)))
+        .replace(/&#(\d+);/g, (_, d) => String.fromCodePoint(Number(d)))
+        .replace(/&mdash;/g, '—').replace(/&ndash;/g, '–')
+        .replace(/&lsquo;/g, '‘').replace(/&rsquo;/g, '’')
+        .replace(/&ldquo;/g, '“').replace(/&rdquo;/g, '”')
+        .replace(/&hellip;/g, '…').replace(/&amp;/g, '&');
+    let md: string = td.turndown(rawInner);
+
+    // Restore fenced code blocks
+    md = md.replace(/SHIKIFENCE(\d+)SHIKIEND/g, (_, i) => {
+        const { lang, code } = codeBlocks[Number(i)];
+        return `\`\`\`${lang}\n${code}\n\`\`\``;
+    });
+
+    // Absolutize root-relative links and add .md extension to internal doc links.
+    // Use origin only — rendered HTML links already include the full path from
+    // root, so joining against the full site URL would double the base path.
+    let origin = '';
+    let basePath = '';
+    try {
+        const u = new URL(siteUrl);
+        origin = u.origin;
+        basePath = u.pathname.replace(/\/$/, '');
+    } catch { /* no-op */ }
+    if (origin) {
+        md = md.replace(/\[([^\]]+)\]\((\/[^)]*)\)/g, (_, label, p) => {
+            // Split off anchor fragment before deciding whether to add .md
+            const hashIdx = p.indexOf('#');
+            const pathPart = hashIdx >= 0 ? p.slice(0, hashIdx) : p;
+            const anchor = hashIdx >= 0 ? p.slice(hashIdx) : '';
+            // Add .md for internal doc pages: same base path, no existing extension
+            const isInternal = basePath && pathPart.startsWith(basePath);
+            const hasExt = /\.[a-z]{2,5}$/i.test(pathPart);
+            const finalPath = isInternal && !hasExt ? `${pathPart}.md${anchor}` : p;
+            return `[${label}](${origin}${finalPath})`;
+        });
+    }
+
+    return md.trim() + '\n';
+}
diff --git a/src/integration.ts b/src/integration.ts
index 4cfed1b604..a60c469ffe 100644
--- a/src/integration.ts
+++ b/src/integration.ts
@@ -47,6 +47,7 @@
 import fs from 'node:fs';
 import fsp from 'node:fs/promises';
 import path from 'node:path';
+import { buildHtmlToMdConverter, htmlPageToMd } from './html-to-md.ts';
 import { createIndex as pagefindCreateIndex } from 'pagefind';
 import { fileURLToPath } from 'node:url';
 import { defineConfig } from 'astro/config';
@@ -67,8 +68,6 @@ import { rehypeHeadingAnchors } from 'igniteui-astro-components/plugins/rehype-h
 import { rehypePagefindIgnore } from 'igniteui-astro-components/plugins/rehype-pagefind-ignore';
 import { rehypeStripEmptyParagraphs } from './plugins/rehype-strip-empty-paragraphs';
 import { rehypeApiReferencesGrid } from './plugins/rehype-api-references-grid';
-import type { PlatformContext } from 'igniteui-astro-components/lib/types';
-import { resolveApiLink, type ApiLinkProps } from 'igniteui-astro-components/components/mdx/ApiLink/api-link-index';
 
 /** Build / deployment mode. Drives env-var `DOCS_BUILD_MODE`. */
 export type DocsMode = 'development' | 'staging' | 'production';
@@ -124,73 +123,8 @@ export interface SiteMetaOptions {
      * When provided, ApiLinks are rendered as markdown links pointing to the correct API docs URL.
      * When omitted, ApiLinks fall back to inline code (`` `TypeName.member` ``).
      */
-    platformContext?: PlatformContext | null;
 }
 
-/** Parse a JSX/MDX attribute string into a plain key→value map. */
-function parseApiLinkAttrs(attrs: string): Record<string, string | boolean> {
-    const props: Record<string, string | boolean> = {};
-    for (const m of attrs.matchAll(/(\w+)="([^"]*)"/g)) props[m[1]] = m[2];
-    for (const m of attrs.matchAll(/(\w+)=\{(true|false)\}/g)) props[m[1]] = m[2] === 'true';
-    return props;
-}
-
-/**
- * Convert an `<ApiLink>` JSX element to Markdown.
- * Delegates all resolution + label logic to `resolveApiLink` in igniteui-astro-components
- * so both the Astro component and this markdown generator stay in sync automatically.
- */
-function apiLinkToMd(attrs: string, ctx: PlatformContext | null | undefined): string {
-    const props = parseApiLinkAttrs(attrs);
-
-    if (!ctx) {
-        // No platform context — best-effort label from raw props, no URL.
-        const type = String(props.type ?? '');
-        const member = props.member ? String(props.member) : undefined;
-        const lbl = String(props.label ?? props.module ?? (member ? `${type}.${member}` : type));
-        return lbl ? `\`${lbl}\`` : '';
-    }
-
-    const result = resolveApiLink(props as ApiLinkProps, ctx);
-    return result.renderLink
-        ? `[\`${result.label}\`](${result.url})`
-        : `\`${result.label}\``;
-}
-
-/**
- * Strip MDX-specific syntax from a source file so the `.md` endpoint
- * served to LLM crawlers contains clean markdown instead of JSX.
- *
- * Removes:
- *  - `import … from '…'` lines at the top of the file
- *  - Self-closing JSX components: <Sample …/>, <ComponentBlock …/>, <PlatformBlock …/>
- *  - Inline <style>{`…`}</style> blocks
- *
- * Converts:
- *  - `<ApiLink …/>` → markdown link (when ctx resolves the symbol) or inline code
- *  - Root-relative links `[label](/path)` → absolute URLs using siteUrl
- */
-function stripMdxForLlms(raw: string, ctx?: PlatformContext | null, siteUrl?: string): string {
-    const site = siteUrl?.replace(/\/$/, '') ?? '';
-    return raw
-        // Remove all import lines
-        .replace(/^import\s+.+from\s+['"][^'"]+['"];?\r?\n/gm, '')
-        // Remove <style>{`...`}</style> blocks (multiline)
-        .replace(/<style>\{`[\s\S]*?`\}<\/style>\s*/g, '')
-        // Convert self-closing <ApiLink … /> to markdown
-        .replace(/<ApiLink\b([^>]*?)\/>/g, (_, a) => apiLinkToMd(a, ctx))
-        // Convert paired <ApiLink …>…</ApiLink> (rare, treat label-only)
-        .replace(/<ApiLink\b([^>]*?)>[\s\S]*?<\/ApiLink>/g, (_, a) => apiLinkToMd(a, ctx))
-        // Remove other self-closing components: <Sample … />, <ComponentBlock … />, <PlatformBlock … />
-        .replace(/<(Sample|ComponentBlock|PlatformBlock)\b[^>]*\/>\s*/g, '')
-        // Remove paired <ComponentBlock …>…</ComponentBlock> and <PlatformBlock …>…</PlatformBlock>
-        .replace(/<(ComponentBlock|PlatformBlock)\b[^>]*>[\s\S]*?<\/\1>\s*/g, '')
-        // Absolutize root-relative markdown links: [label](/path) → [label](https://site/path.md)
-        .replace(/\[([^\]]+)\]\((\/[^)]*)\)/g, (_, label, path) => site ? `[${label}](${site}${path}.md)` : `[${label}](${path}.md)`)
-        // Collapse 3+ blank lines left behind into 2
-        .replace(/\n{3,}/g, '\n\n')
-        .trim() + '\n';
-}
 
 /**
  * Astro integration that exposes site metadata as the virtual module
@@ -209,7 +143,6 @@ export function siteMetaIntegration({
     head = [],
     packages = [],
     selectedPackage = '',
-    platformContext = null,
 }: SiteMetaOptions = {} as SiteMetaOptions): AstroIntegration {
     const llmsMetaMap = docsDir
         ? buildLlmsMetaMap(docsDir, sidebar ?? [])
@@ -339,32 +272,48 @@ export const selectedPackage = ${JSON.stringify(selectedPackage)};
                     .map(p => p.pathname.replace(/\/$/, ''))
                     .filter(s => s && s !== '404' && s !== 'index');
 
-                await Promise.all(
+                console.log(`[docs-template] Generating ${slugs.length} .md files…`);
+                const mdStart = Date.now();
+
+                // Build the converter once; reuse across all pages.
+                const td = buildHtmlToMdConverter();
+
+                let mdDone = 0;
+                const mdFiles = await Promise.all(
                     slugs.map(async (slug) => {
-                        for (const ext of ['.md', '.mdx']) {
-                            const src = path.join(docsDir, slug + ext);
-                            try {
-                                const raw = await fsp.readFile(src, 'utf-8');
-                                const dest = path.join(outDir, slug + '.md');
-                                await fsp.mkdir(path.dirname(dest), { recursive: true });
-                                await fsp.writeFile(dest, stripMdxForLlms(raw, platformContext, configuredSite), 'utf-8');
-                                break;
-                            } catch { /* try next extension */ }
+                        const htmlPath = path.join(outDir, slug + '.html');
+                        const dest = path.join(outDir, slug + '.md');
+                        const md = await htmlPageToMd(htmlPath, configuredSite, td);
+                        if (!md) { mdDone++; return ''; }
+                        await fsp.mkdir(path.dirname(dest), { recursive: true });
+                        await fsp.writeFile(dest, md, 'utf-8');
+                        mdDone++;
+                        if (mdDone % 50 === 0 || mdDone === slugs.length) {
+                            console.log(`[docs-template]   ${mdDone}/${slugs.length} pages converted`);
                         }
+                        return md;
                     })
                 );
 
+                const mdGenerated = mdFiles.filter(Boolean).length;
+                const mdElapsed = ((Date.now() - mdStart) / 1000).toFixed(1);
+                console.log(`[docs-template] .md generation complete — ${mdGenerated}/${slugs.length} pages written in ${mdElapsed}s`);
+
+                // Build-level selector guard: if we built more than a handful of pages
+                // but extracted zero fenced code blocks across all of them, the Shiki
+                // class names (pre.astro-code / data-language) likely changed and the
+                // extractor is silently broken — fail loud rather than ship codeless docs.
+                const totalFences = mdFiles.reduce((n, md) => n + (md.match(/^```/gm) ?? []).length, 0);
+                if (slugs.length > 5 && totalFences === 0) {
+                    console.error('[docs-template] Selector guard: 0 code blocks across all pages. Check that pre.astro-code and data-language still match the built HTML — a theme rename may have broken extraction.');
+                    process.exitCode = 1;
+                } else {
+                    console.log(`[docs-template] Selector guard OK — ${totalFences} code fences across corpus`);
+                }
+
                 // ── llms-full.txt / llms-small.txt ──────────────────────────────────
-                // Read back the already-written per-page .md files and combine them.
-                const pageTexts = (
-                    await Promise.all(
-                        slugs.map(async (slug) => {
-                            try {
-                                return await fsp.readFile(path.join(outDir, slug + '.md'), 'utf-8');
-                            } catch { return ''; }
-                        })
-                    )
-                ).filter(Boolean);
+                console.log('[docs-template] Writing llms-full.txt and llms-small.txt…');
+                const pageTexts = mdFiles.filter(Boolean);
 
                 const fullContent = pageTexts.join('\n\n---\n\n');
                 await fsp.writeFile(path.join(outDir, 'llms-full.txt'), fullContent, 'utf-8');
@@ -541,12 +490,6 @@ export interface CreateDocsSiteOptions {
     packages?: Array<string | { label: string; value?: string; href?: string }>;
     /** Initially selected package value when `packages` is provided (must match one of `packages`). */
     selectedPackage?: string;
-    /**
-     * Platform context used to resolve `<ApiLink>` components in generated `.md` files.
-     * When provided, ApiLinks are rendered as markdown links pointing to the correct API docs URL.
-     * When omitted, ApiLinks fall back to inline code (`` `TypeName.member` ``).
-     */
-    platformContext?: PlatformContext | null;
     /** Extra Astro integrations appended after the built-in ones. */
     integrations?: AstroIntegration[];
     /** Any remaining keys are spread into `defineConfig` (markdown, image, build, …). */
@@ -574,7 +517,6 @@ export function createDocsSite(options: CreateDocsSiteOptions = {} as CreateDocs
         productLinks = [],
         packages = [],
         selectedPackage = '',
-        platformContext = null,
         head = [],
         llmsSets = [] as LlmsSet[],
         integrations: extraIntegrations = [],
@@ -689,7 +631,6 @@ export function createDocsSite(options: CreateDocsSiteOptions = {} as CreateDocs
                 productLinks,
                 packages,
                 selectedPackage,
-                platformContext,
                 head: [...platformHead, ...codeViewHead, ...head],
             }),
             ...(base ? [createBasePrependIntegration(base)] : []),

From d3645a889b9ab26e866a2af0b8216ecfb245c60e Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Mon, 22 Jun 2026 18:17:31 +0300
Subject: [PATCH 04/15] feat: improve LLM documentation generation

- generate Markdown from rendered HTML
- create full, abridged, and topic-specific LLM bundles
- improve Unicode, code fence, link, and metadata handling
- add conversion diagnostics and update related documentation
---
 src/html-to-md.ts  | 161 +++++++++++++++++---------
 src/integration.ts | 273 ++++++++++++++++++++++++++++-----------------
 src/llms.ts        | 100 +++++++++++------
 3 files changed, 347 insertions(+), 187 deletions(-)

diff --git a/src/html-to-md.ts b/src/html-to-md.ts
index d5b2622091..c824c1b43f 100644
--- a/src/html-to-md.ts
+++ b/src/html-to-md.ts
@@ -1,11 +1,25 @@
 /**
- * html-to-md.ts
+ * html-to-md.ts  —  HTML → Markdown converter for the LLM output pipeline
  *
- * Converts a built Astro HTML page to clean Markdown suitable for LLM consumption.
+ * Part of the Astro `astro:build:done` post-processing pipeline.
+ * After Astro renders every MDX page to HTML (with fully resolved components,
+ * Shiki syntax highlighting, platform-specific content, etc.), this module
+ * converts each rendered page back to clean Markdown optimised for LLM
+ * consumption — stripping navigation chrome, decorative elements, and other
+ * tokens that are useful for human readers but waste context window budget.
  *
- * Entry points:
- *   buildHtmlToMdConverter() — create once per build, share across pages
- *   htmlPageToMd(path, siteUrl, converter) — convert a single page
+ * Why HTML → MD instead of source MDX → MD?
+ *   Source MDX files contain JSX components (`<ApiLink>`, `<PlatformBlock>`),
+ *   remark/rehype plugin directives, and env-var placeholders that only resolve
+ *   during the Astro build.  Converting the *rendered* HTML guarantees the MD
+ *   output reflects the final, reader-facing content with no unresolved markup.
+ *
+ * Entry points
+ *   buildHtmlToMdConverter() — create a configured TurndownService once per
+ *                              build; reuse across all pages for performance.
+ *   htmlPageToMd(path, siteUrl, converter) — convert a single built HTML file
+ *                                            to Markdown.  Returns '' when the
+ *                                            file is missing or has no content.
  */
 
 import fsp from 'node:fs/promises';
@@ -14,8 +28,25 @@ import { JSDOM } from 'jsdom';
 import TurndownService from 'turndown';
 // @ts-expect-error — no bundled types
 import { tables as gfmTables } from 'turndown-plugin-gfm';
+// ── Typographic normalization ─────────────────────────────────────────────
+// Replace common typographic characters with plain ASCII equivalents.
+// Unlike `unidecode` (which romanizes CJK characters), this preserves all
+// non-Latin scripts — essential for Japanese and Korean documentation builds.
+const TYPOGRAPHIC_MAP: Record<string, string> = {
+    '\u2018': "'", '\u2019': "'",   // curly single quotes
+    '\u201C': '"', '\u201D': '"',   // curly double quotes
+    '\u2013': '--', '\u2014': '--',  // en-dash, em-dash
+    '\u2026': '...',                 // ellipsis
+    '\u00A0': ' ', '\u202F': ' ',     // non-breaking space, narrow no-break space
+    '\u00AE': '(R)', '\u2122': '(TM)', '\u00A9': '(C)', // symbols
+};
+const TYPOGRAPHIC_RE = new RegExp('[' + Object.keys(TYPOGRAPHIC_MAP).join('') + ']', 'g');
+
+function normalizeTypography(text: string): string {
+    return text.replace(TYPOGRAPHIC_RE, ch => TYPOGRAPHIC_MAP[ch] ?? ch);
+}
 
-/** Build a configured TurndownService instance. Create once per build, reuse per page. */
+/** Build a configured TurndownService instance.  Create once per build, reuse per page. */
 export function buildHtmlToMdConverter() {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const td: any = new TurndownService({
@@ -28,16 +59,24 @@ export function buildHtmlToMdConverter() {
 
     td.use(gfmTables);
 
-    // Drop noise elements entirely
-    td.remove(['script', 'style', 'igc-icon']);
+    // ── Element removal ──────────────────────────────────────────────────────
+    // These elements carry no documentation value and are dropped entirely:
+    //   script/style       — runtime scripts and CSS
+    //   igc-icon            — decorative web-component icons (chevrons, etc.)
+    //   igc-icon-button     — heading anchor-link buttons added by rehype
+    td.remove(['script', 'style', 'igc-icon', 'igc-icon-button']);
+
+    // ── Turndown rules ────────────────────────────────────────────────────
+    // Custom rules transform site-specific HTML patterns into clean Markdown
+    // or suppress them when they add no value for LLMs.
 
-    // Remove breadcrumb nav only — the API references nav must survive
+    // Remove breadcrumb nav — the API references nav must survive.
     td.addRule('breadcrumb', {
         filter: (node: Element) => node.nodeName === 'NAV' && (node.getAttribute('class') || '').includes('docs-breadcrumb'),
         replacement: () => '',
     });
 
-    // DocsAside callout → GFM blockquote with bold severity label.
+    // DocsAside callout -> GFM blockquote with bold severity label.
     // Use split() for exact class-word matching — includes() would also match
     // child elements like .igd-aside__content, causing double-wrapping.
     td.addRule('docs-aside', {
@@ -49,7 +88,7 @@ export function buildHtmlToMdConverter() {
         },
     });
 
-    // Sample iframes → "[title](url)" link so seams read "And the result is: [Example](url)"
+    // Sample iframes -> "[title](url)" link so seams read "And the result is: [Example](url)"
     // rather than dangling with nothing after the prose lead-in.
     td.addRule('sample-iframe', {
         filter: (node: Element) => node.nodeName === 'IFRAME' && !!node.getAttribute('data-src'),
@@ -66,7 +105,7 @@ export function buildHtmlToMdConverter() {
         replacement: (content: string) => content,
     });
 
-    // Decorative half-dividers → drop
+    // Decorative half-dividers -> drop
     td.addRule('divider', {
         filter: (node: Element) => node.nodeName === 'DIV' && (node.getAttribute('class') || '').includes('divider--half'),
         replacement: () => '',
@@ -87,15 +126,15 @@ export async function htmlPageToMd(
     htmlPath: string,
     siteUrl: string,
     td: HtmlToMdConverter,
+    /** Source file reference used in warnings — defaults to htmlPath. Pass the
+     *  MDX source path so error messages point developers at the right file. */
+    sourceRef = htmlPath,
 ): Promise<string> {
     let html: string;
     try { html = await fsp.readFile(htmlPath, 'utf-8'); }
     catch { return ''; }
 
-    // ── Selector guard ───────────────────────────────────────────────────────
-    // Warn at the first page that has Shiki blocks but the extractor finds none.
-    // A theme rename (pre.astro-code → something else) would otherwise silently
-    // produce empty code sections across the entire corpus.
+    // Warn if page has Shiki blocks but extraction finds none — catches selector renames.
     const hasShikiBlocks = html.includes('astro-code');
 
     // ── Extract Shiki code blocks before JSDOM ───────────────────────────────
@@ -117,49 +156,65 @@ export async function htmlPageToMd(
     );
 
     if (hasShikiBlocks && codeBlocks.length === 0) {
-        console.warn(`[html-to-md] ${htmlPath}: page contains Shiki blocks but none were extracted — check that pre.astro-code and data-language selectors still match the built HTML.`);
+        console.warn(`[html-to-md] ${sourceRef}: page has Shiki code blocks but none were extracted — check that pre.astro-code and data-language selectors still match the built HTML.`);
     }
 
     // ── Parse and extract content ────────────────────────────────────────────
-    const { window: { document } } = new JSDOM(htmlWithMarkers);
+    // Strip <meta charset> before passing to JSDOM to prevent double-encoding
+    // of typographic characters (the charset tag can cause JSDOM to re-interpret
+    // an already-decoded JS string, producing mojibake in innerHTML).
+    const htmlForDom = htmlWithMarkers.replace(/<meta\b[^>]*charset[^>]*>/gi, '');
+    const { window: { document } } = new JSDOM(htmlForDom);
 
     const content =
         document.querySelector('[data-pagefind-body]') ??
         document.querySelector('main.igd-main-content__markdown');
-    if (!content) return '';
+    if (!content) {
+        console.warn(`[html-to-md] ${sourceRef}: no content element found — check that [data-pagefind-body] or main.igd-main-content__markdown exists in the built HTML (layout may have changed).`);
+        return '';
+    }
 
-    // Remove chrome inside <main> that isn't doc content
+    // Remove chrome inside <main> that isn't doc content.
+    // These elements are part of the site UI, not the documentation prose.
+    //
+    // Note: we do NOT remove all [data-pagefind-ignore] elements — the rehype
+    // plugin marks single-char inline <code> (like `%`) with that attribute to
+    // prevent noisy pagefind matches, but those tokens are meaningful content
+    // that must appear in the LLM Markdown output.  Only block-level pagefind-
+    // ignored regions (nav, div) are true chrome worth stripping.
     for (const el of content.querySelectorAll([
-        'svg',                    // page logo
-        'igc-badge',              // license/open-source badge
-        '[data-pagefind-ignore]', // pagefind-excluded regions
-        '.igd-aside__icon',       // DocsAside decorative icon
-        '.igd-aside__title',      // DocsAside visible label (we use aria-label)
+        'svg',                                // decorative page logo
+        'igc-badge',                          // license / open-source badge
+        'div[data-pagefind-ignore]',          // pagefind-excluded block regions
+        'nav[data-pagefind-ignore]',          // pagefind-excluded nav regions
+        'section[data-pagefind-ignore]',      // pagefind-excluded section regions
+        '.igd-aside__icon',                   // DocsAside decorative icon
+        '.igd-aside__title',                  // DocsAside visible label (we use aria-label instead)
+        '.igd-anchor-link',                   // heading anchor-link buttons (§ links)
     ].join(','))) el.remove();
 
     // ── Convert ──────────────────────────────────────────────────────────────
-    // JSDOM serialises some Unicode characters as HTML entities in innerHTML
-    // (e.g. U+2014 EM DASH → &#x2014;). Turndown in Node.js doesn't decode
-    // named/numeric entities before writing, so they'd end up as literal text.
-    // Decode them here so the markdown output stays clean UTF-8.
-    const rawInner = content.innerHTML
-        .replace(/&#x([0-9a-fA-F]+);/g, (_, h) => String.fromCodePoint(parseInt(h, 16)))
-        .replace(/&#(\d+);/g, (_, d) => String.fromCodePoint(Number(d)))
-        .replace(/&mdash;/g, '—').replace(/&ndash;/g, '–')
-        .replace(/&lsquo;/g, '‘').replace(/&rsquo;/g, '’')
-        .replace(/&ldquo;/g, '“').replace(/&rdquo;/g, '”')
-        .replace(/&hellip;/g, '…').replace(/&amp;/g, '&');
-    let md: string = td.turndown(rawInner);
-
-    // Restore fenced code blocks
+    let md: string = td.turndown(content.innerHTML);
+
+    // Normalize typographic punctuation to plain ASCII (curly quotes, dashes,
+    // NBSP, etc.) while preserving all non-Latin scripts (Japanese, Korean).
+    // Applied BEFORE restoring code blocks so code content is never touched.
+    md = normalizeTypography(md);
+
+    // Restore fenced code blocks (raw code from HTML, never transliterated).
+    // Use a fence longer than any backtick run inside the code so nested
+    // Markdown examples (which themselves contain ```) produce valid output.
     md = md.replace(/SHIKIFENCE(\d+)SHIKIEND/g, (_, i) => {
         const { lang, code } = codeBlocks[Number(i)];
-        return `\`\`\`${lang}\n${code}\n\`\`\``;
+        const longest = code.match(/`{3,}/g)?.reduce((a, b) => a.length >= b.length ? a : b, '') ?? '';
+        const fence = '`'.repeat(Math.max(3, longest.length + 1));
+        return `${fence}${lang}\n${code}\n${fence}`;
     });
 
-    // Absolutize root-relative links and add .md extension to internal doc links.
-    // Use origin only — rendered HTML links already include the full path from
-    // root, so joining against the full site URL would double the base path.
+    // ── Link post-processing ────────────────────────────────────────────────
+    // Absolutize root-relative links so LLMs can follow them, and append .md
+    // to internal doc links so they resolve to the LLM-friendly Markdown files
+    // rather than the HTML pages meant for human readers.
     let origin = '';
     let basePath = '';
     try {
@@ -169,14 +224,18 @@ export async function htmlPageToMd(
     } catch { /* no-op */ }
     if (origin) {
         md = md.replace(/\[([^\]]+)\]\((\/[^)]*)\)/g, (_, label, p) => {
-            // Split off anchor fragment before deciding whether to add .md
-            const hashIdx = p.indexOf('#');
-            const pathPart = hashIdx >= 0 ? p.slice(0, hashIdx) : p;
-            const anchor = hashIdx >= 0 ? p.slice(hashIdx) : '';
-            // Add .md for internal doc pages: same base path, no existing extension
-            const isInternal = basePath && pathPart.startsWith(basePath);
-            const hasExt = /\.[a-z]{2,5}$/i.test(pathPart);
-            const finalPath = isInternal && !hasExt ? `${pathPart}.md${anchor}` : p;
+            // Split off query string and fragment before checking the path.
+            const qIdx    = p.indexOf('?');
+            const hIdx    = p.indexOf('#');
+            const suffIdx = qIdx >= 0 ? qIdx : hIdx;           // first of ? or #
+            const pathPart = suffIdx >= 0 ? p.slice(0, suffIdx) : p;
+            const suffix   = suffIdx >= 0 ? p.slice(suffIdx) : '';
+            // Boundary check: path must equal basePath or continue with '/'.
+            const isInternal = basePath && (pathPart === basePath || pathPart.startsWith(basePath + '/'));
+            const hasExt     = /\.[a-z]{2,5}$/i.test(pathPart);
+            // Strip trailing slash before appending .md to avoid "foo/.md".
+            const cleanPath  = pathPart.replace(/\/$/, '');
+            const finalPath  = isInternal && !hasExt ? `${cleanPath}.md${suffix}` : p;
             return `[${label}](${origin}${finalPath})`;
         });
     }
diff --git a/src/integration.ts b/src/integration.ts
index a60c469ffe..05cea85157 100644
--- a/src/integration.ts
+++ b/src/integration.ts
@@ -41,7 +41,7 @@
  *
  * Generated output:
  *   /llms.txt              — manifest listing every page with its .md URL
- *   /{slug}.md             — raw markdown for each page (env-vars substituted)
+ *   /{slug}.md             — Markdown for each page (converted from rendered HTML)
  */
 
 import fs from 'node:fs';
@@ -55,7 +55,7 @@ import type { AstroIntegration } from 'astro';
 import mdx from '@astrojs/mdx';
 import {
     buildLlmsTxt, buildLlmsMetaMap, getBroadSectionsForPlatform, toUrlSlug,
-    type LlmsMeta, type LlmsSet, type SidebarItem,
+    type LlmsMeta, type LlmsSet, type SidebarEntry,
 } from './llms.ts';
 import { buildSidebarFromToc } from './sidebar';
 import { getPlatformHead } from './platform';
@@ -72,6 +72,151 @@ import { rehypeApiReferencesGrid } from './plugins/rehype-api-references-grid';
 /** Build / deployment mode. Drives env-var `DOCS_BUILD_MODE`. */
 export type DocsMode = 'development' | 'staging' | 'production';
 
+// ---------------------------------------------------------------------------
+// LLM Markdown generation  (called from astro:build:done)
+// ---------------------------------------------------------------------------
+
+interface GenerateLlmsMdOptions {
+    /** Absolute path to the Astro build output directory. */
+    outDir: string;
+    /** Page slugs to convert (stripped of trailing slashes). */
+    slugs: string[];
+    /** Path to the source docs directory — used only for diagnostic warnings. */
+    docsDir: string;
+    /** Configured site URL. */
+    siteUrl: string;
+    /** Named documentation subsets to assemble into combined .txt files. */
+    llmsSets: LlmsSet[];
+}
+
+const UTF8_BOM = '\uFEFF';
+
+function withUtf8Bom(content: string): string {
+    return UTF8_BOM + content.replace(/^\uFEFF/, '');
+}
+
+/**
+ * Converts all built HTML pages to Markdown and writes the LLM bundle files.
+ *
+ * Produces:
+ *   /{slug}.md        — per-page Markdown converted from the rendered HTML
+ *   /llms-full.txt    — all pages concatenated into a single file
+ *   /llms-small.txt   — same as full, but with code blocks and inline code removed
+ *   /_llms-txt/*.txt  — topic-specific bundles defined by `llmsSets`
+ */
+async function generateLlmsMdFiles({ outDir, slugs, docsDir, siteUrl, llmsSets }: GenerateLlmsMdOptions): Promise<void> {
+    console.log(`[docs-template] Generating ${slugs.length} .md files…`);
+    const mdStart = Date.now();
+
+    // Build the TurndownService converter once; reuse across all pages.
+    const td = buildHtmlToMdConverter();
+
+    let mdDone = 0;
+    const skippedSlugs: string[] = [];
+    const mdFiles = await Promise.all(
+        slugs.map(async (slug) => {
+            const htmlPath = path.join(outDir, slug + '.html');
+            const dest = path.join(outDir, slug + '.md');
+
+            // Resolve the source MDX/MD path so warnings point developers at the
+            // file they need to edit, not the built HTML artifact.
+            const sourceRef = ['.mdx', '.md']
+                .map(ext => path.join(docsDir, slug + ext))
+                .find(f => fs.existsSync(f)) ?? path.join(docsDir, slug + '.mdx');
+
+            const md = await htmlPageToMd(htmlPath, siteUrl, td, sourceRef);
+            if (!md) { skippedSlugs.push(slug); mdDone++; return ''; }
+            await fsp.mkdir(path.dirname(dest), { recursive: true });
+            await fsp.writeFile(dest, withUtf8Bom(md), 'utf-8');
+            mdDone++;
+            if (mdDone % 50 === 0 || mdDone === slugs.length) {
+                console.log(`[docs-template]   ${mdDone}/${slugs.length} pages converted`);
+            }
+            return md;
+        })
+    );
+
+    const mdGenerated = mdFiles.filter(Boolean).length;
+    const mdElapsed = ((Date.now() - mdStart) / 1000).toFixed(1);
+    console.log(`[docs-template] .md generation complete — ${mdGenerated}/${slugs.length} pages written in ${mdElapsed}s`);
+
+    // Conversion-count guard: warn when a significant number of pages produced
+    // no Markdown — likely a layout change or missing HTML rather than pages
+    // that legitimately have no content.
+    if (skippedSlugs.length > 0) {
+        const pct = ((skippedSlugs.length / slugs.length) * 100).toFixed(1);
+        const level = skippedSlugs.length > slugs.length * 0.1 ? 'error' : 'warn';
+        const sample = skippedSlugs.slice(0, 10).join(', ');
+        const suffix = skippedSlugs.length > 10 ? `, … and ${skippedSlugs.length - 10} more` : '';
+        console[level](`[docs-template] ${skippedSlugs.length} of ${slugs.length} pages (${pct}%) produced no .md output: ${sample}${suffix}`);
+        if (level === 'error') process.exitCode = 1;
+    }
+
+    // Selector guard: if we built more than a handful of pages but extracted zero
+    // fenced code blocks, the Shiki class names likely changed and extraction is
+    // silently broken — fail loud rather than ship codeless docs.
+    // Count opening fence lines only (those followed by a language identifier or newline).
+    const totalBlocks = mdFiles.reduce((n, md) => n + (md.match(/^`{3,}[^`\n]*$/gm) ?? []).length, 0) / 2;
+    if (slugs.length > 5 && totalBlocks === 0) {
+        console.error('[docs-template] Selector guard: 0 code blocks across all pages. Check that pre.astro-code and data-language still match the built HTML.');
+        process.exitCode = 1;
+    } else {
+        console.log(`[docs-template] Selector guard OK — ~${Math.round(totalBlocks)} code blocks across corpus`);
+    }
+
+    // ── llms-full.txt / llms-small.txt ──────────────────────────────────────
+    console.log('[docs-template] Writing llms-full.txt and llms-small.txt…');
+    const pageTexts = mdFiles.filter(Boolean);
+
+    const fullContent = pageTexts.join('\n\n---\n\n');
+    await fsp.writeFile(path.join(outDir, 'llms-full.txt'), withUtf8Bom(fullContent), 'utf-8');
+
+    // Small variant: strip fenced code blocks and inline code to reduce token count.
+    // Backreference ensures a 4-backtick block isn't closed by a nested 3-backtick line.
+    const smallContent = fullContent
+        .replace(/^(`{3,})[^\n]*\n[\s\S]*?^\1[ \t]*$/gm, '')
+        .replace(/`[^`\n]+`/g, '')
+        .replace(/\n{3,}/g, '\n\n')
+        .trim();
+    await fsp.writeFile(path.join(outDir, 'llms-small.txt'), withUtf8Bom(smallContent), 'utf-8');
+
+    // ── /_llms-txt/{set-slug}.txt ────────────────────────────────────────────
+    if (llmsSets.length > 0) {
+        const llmsTxtDir = path.join(outDir, '_llms-txt');
+        await fsp.mkdir(llmsTxtDir, { recursive: true });
+
+        await Promise.all(
+            llmsSets.map(async (set) => {
+                const matchingSlugs = slugs.filter((slug) =>
+                    set.paths.some((pattern) => {
+                        if (pattern.endsWith('*')) {
+                            return slug.startsWith(pattern.slice(0, -1));
+                        }
+                        return slug === pattern || slug.startsWith(pattern + '/');
+                    })
+                );
+
+                const setText = (
+                    await Promise.all(
+                        matchingSlugs.map(async (slug) => {
+                            try {
+                                const content = await fsp.readFile(path.join(outDir, slug + '.md'), 'utf-8');
+                                return content.replace(/^\uFEFF/, '');
+                            } catch { return ''; }
+                        })
+                    )
+                ).filter(Boolean).join('\n\n---\n\n');
+
+                await fsp.writeFile(
+                    path.join(llmsTxtDir, toUrlSlug(set.label) + '.txt'),
+                    withUtf8Bom(setText),
+                    'utf-8',
+                );
+            })
+        );
+    }
+}
+
 // ---------------------------------------------------------------------------
 // Site meta virtual module
 // ---------------------------------------------------------------------------
@@ -93,7 +238,7 @@ export interface SiteMetaOptions {
     description?: string;
     /** Path to the source markdown files. */
     docsDir?: string;
-    sidebar?: SidebarItem[];
+    sidebar?: SidebarEntry[];
     platform?: PlatformKey | null;
     navLang?: NavLang;
     /** Build / deployment mode. Exposed via `process.env.DOCS_BUILD_MODE`. */
@@ -236,6 +381,10 @@ export const selectedPackage = ${JSON.stringify(selectedPackage)};
 
             'astro:server:setup'({ server }) {
                 if (!docsDir) return;
+                // Dev-mode convenience: serve raw source MDX/MD files for /{slug}.md
+                // requests so LLM clients can fetch Markdown during local development
+                // without a full production build.  The HTML→MD pipeline only runs at
+                // build time, so dev mode falls back to source content.
                 server.middlewares.use(async (req, res, next) => {
                     // Only handle requests ending in .md
                     if (!req.url?.endsWith('.md')) return next();
@@ -261,108 +410,28 @@ export const selectedPackage = ${JSON.stringify(selectedPackage)};
                 const pkgScripts = fileURLToPath(new URL('../public/scripts', import.meta.url));
                 if (fs.existsSync(pkgScripts)) copyDirSync(pkgScripts, path.join(outDir, 'scripts'));
 
-                // Write our custom llms.txt after all rendering — always wins over plugin output.
+                // ── LLM artifacts ────────────────────────────────────────────────
+                // Write llms.txt manifest (always — even without docsDir).
                 const llmsContent = buildLlmsTxt(configuredSite, title, description, sidebar ?? [], llmsMetaMap, llmsSets, broadSections);
-                await fsp.writeFile(path.join(outDir, 'llms.txt'), llmsContent, 'utf-8');
-
-                if (!docsDir) return;
-
-                // pages[].pathname is like "accordion/" or "charts/chart-api/" — strip trailing slash.
-                const slugs = pages
-                    .map(p => p.pathname.replace(/\/$/, ''))
-                    .filter(s => s && s !== '404' && s !== 'index');
-
-                console.log(`[docs-template] Generating ${slugs.length} .md files…`);
-                const mdStart = Date.now();
-
-                // Build the converter once; reuse across all pages.
-                const td = buildHtmlToMdConverter();
-
-                let mdDone = 0;
-                const mdFiles = await Promise.all(
-                    slugs.map(async (slug) => {
-                        const htmlPath = path.join(outDir, slug + '.html');
-                        const dest = path.join(outDir, slug + '.md');
-                        const md = await htmlPageToMd(htmlPath, configuredSite, td);
-                        if (!md) { mdDone++; return ''; }
-                        await fsp.mkdir(path.dirname(dest), { recursive: true });
-                        await fsp.writeFile(dest, md, 'utf-8');
-                        mdDone++;
-                        if (mdDone % 50 === 0 || mdDone === slugs.length) {
-                            console.log(`[docs-template]   ${mdDone}/${slugs.length} pages converted`);
-                        }
-                        return md;
-                    })
-                );
-
-                const mdGenerated = mdFiles.filter(Boolean).length;
-                const mdElapsed = ((Date.now() - mdStart) / 1000).toFixed(1);
-                console.log(`[docs-template] .md generation complete — ${mdGenerated}/${slugs.length} pages written in ${mdElapsed}s`);
-
-                // Build-level selector guard: if we built more than a handful of pages
-                // but extracted zero fenced code blocks across all of them, the Shiki
-                // class names (pre.astro-code / data-language) likely changed and the
-                // extractor is silently broken — fail loud rather than ship codeless docs.
-                const totalFences = mdFiles.reduce((n, md) => n + (md.match(/^```/gm) ?? []).length, 0);
-                if (slugs.length > 5 && totalFences === 0) {
-                    console.error('[docs-template] Selector guard: 0 code blocks across all pages. Check that pre.astro-code and data-language still match the built HTML — a theme rename may have broken extraction.');
-                    process.exitCode = 1;
-                } else {
-                    console.log(`[docs-template] Selector guard OK — ${totalFences} code fences across corpus`);
-                }
-
-                // ── llms-full.txt / llms-small.txt ──────────────────────────────────
-                console.log('[docs-template] Writing llms-full.txt and llms-small.txt…');
-                const pageTexts = mdFiles.filter(Boolean);
-
-                const fullContent = pageTexts.join('\n\n---\n\n');
-                await fsp.writeFile(path.join(outDir, 'llms-full.txt'), fullContent, 'utf-8');
-
-                // Small variant: strip fenced code blocks and inline code.
-                const smallContent = fullContent
-                    .replace(/^```[\s\S]*?^```/gm, '')
-                    .replace(/`[^`\n]+`/g, '')
-                    .replace(/\n{3,}/g, '\n\n')
-                    .trim();
-                await fsp.writeFile(path.join(outDir, 'llms-small.txt'), smallContent, 'utf-8');
-
-                // ── /_llms-txt/{set-slug}.txt ────────────────────────────────────────
-                if (llmsSets.length > 0) {
-                    const llmsTxtDir = path.join(outDir, '_llms-txt');
-                    await fsp.mkdir(llmsTxtDir, { recursive: true });
-
-                    await Promise.all(
-                        llmsSets.map(async (set) => {
-                            const matchingSlugs = slugs.filter((slug) =>
-                                set.paths.some((pattern) => {
-                                    if (pattern.endsWith('*')) {
-                                        return slug.startsWith(pattern.slice(0, -1));
-                                    }
-                                    return slug === pattern || slug.startsWith(pattern + '/');
-                                })
-                            );
-
-                            const setText = (
-                                await Promise.all(
-                                    matchingSlugs.map(async (slug) => {
-                                        try {
-                                            return await fsp.readFile(path.join(outDir, slug + '.md'), 'utf-8');
-                                        } catch { return ''; }
-                                    })
-                                )
-                            ).filter(Boolean).join('\n\n---\n\n');
-
-                            await fsp.writeFile(
-                                path.join(llmsTxtDir, toUrlSlug(set.label) + '.txt'),
-                                setText,
-                                'utf-8',
-                            );
-                        })
-                    );
+                // English metadata can also contain Unicode punctuation and symbols.
+                // Include a UTF-8 signature because static preview servers may omit charset.
+                await fsp.writeFile(path.join(outDir, 'llms.txt'), withUtf8Bom(llmsContent), 'utf-8');
+
+                if (docsDir) {
+                    const slugs = pages
+                        .map(p => p.pathname.replace(/\/$/, ''))
+                        .filter(s => s && s !== '404' && s !== 'index');
+
+                    await generateLlmsMdFiles({
+                        outDir,
+                        slugs,
+                        docsDir,
+                        siteUrl: configuredSite,
+                        llmsSets,
+                    });
                 }
 
-                // Run pagefind to generate the search index from the built HTML.
-                // The index is written to <outDir>/pagefind/ and served statically.
+                // ── Pagefind search index ────────────────────────────────────────
                 console.log('[docs-template] Running pagefind…');
                 try {
                     const { index, errors: initErrors } = await pagefindCreateIndex({});
diff --git a/src/llms.ts b/src/llms.ts
index 2b70eaa80c..cc3aa7c25f 100644
--- a/src/llms.ts
+++ b/src/llms.ts
@@ -1,17 +1,30 @@
 /**
- * llms.ts
+ * llms.ts  —  llms.txt manifest generation and metadata extraction
  *
- * All logic for generating llms.txt content:
- *   – LlmsMeta / LlmsSet types
- *   – Frontmatter extraction via gray-matter
- *   – Sidebar slug collection
- *   – Label disambiguation for AI readability
- *   – buildLlmsTxt() – the single function integration.ts calls
+ * Generates the llms.txt manifest that indexes every documentation page with
+ * its LLM-friendly .md URL, description, and keyword tags.
+ *
+ * Architecture note — two-phase LLM pipeline:
+ *   1. **Metadata phase** (this module): reads source MDX/MD frontmatter to
+ *      extract structured fields (`llms.description`, `llms.keywords`, etc.)
+ *      that are not present in the rendered HTML.  This metadata populates the
+ *      llms.txt manifest with per-page descriptions and tags.
+ *   2. **Content phase** (html-to-md.ts): converts rendered HTML pages to
+ *      clean Markdown for the actual `.md` files served to LLMs.
+ *
+ * Public API:
+ *   – LlmsMeta / LlmsSet — types
+ *   – extractLlmsMeta()  — parse frontmatter into LlmsMeta
+ *   – buildLlmsMetaMap()  — build slug → LlmsMeta map from source docs
+ *   – buildLlmsTxt()      — generate the complete llms.txt content string
+ *   – toUrlSlug()         — derive a URL-safe slug from a label
+ *   – getBroadSectionsForPlatform() — navigation bucket labels per platform
  */
 
 import fs from 'node:fs';
 import path from 'node:path';
 import matter from 'gray-matter';
+import type { SidebarEntry, SidebarGroup, SidebarLink } from './lib/sidebar/types';
 
 // ---------------------------------------------------------------------------
 // Public types
@@ -35,16 +48,14 @@ export interface LlmsSet {
     description?: string;
 }
 
+// Re-export sidebar types so integration.ts doesn't need a second import path.
+export type { SidebarEntry } from './lib/sidebar/types';
+
 // ---------------------------------------------------------------------------
 // Internal types
 // ---------------------------------------------------------------------------
 
-export interface SidebarItem {
-    label?: string;
-    slug?: string;
-    items?: SidebarItem[];
-}
-
+/** Shape of the YAML frontmatter fields we care about in source MDX/MD files. */
 interface FrontmatterData {
     title?: string;
     description?: string;
@@ -85,27 +96,39 @@ export function extractLlmsMeta(raw: string): LlmsMeta {
 // Sidebar slug collection
 // ---------------------------------------------------------------------------
 
-export function collectSlugs(items: SidebarItem[]): string[] {
-    return items.flatMap(item => [
-        ...(typeof item.slug === 'string' ? [item.slug] : []),
-        ...(Array.isArray(item.items) ? collectSlugs(item.items) : []),
-    ]);
+/** Recursively collect all page slugs from a sidebar tree. */
+export function collectSlugs(items: SidebarEntry[]): string[] {
+    return items.flatMap(item =>
+        'slug' in item
+            ? [item.slug]
+            : collectSlugs(item.items),
+    );
 }
 
 // ---------------------------------------------------------------------------
 // Build a slug → LlmsMeta map by reading source files
 // ---------------------------------------------------------------------------
 
-export function buildLlmsMetaMap(docsDir: string, items: SidebarItem[]): Map<string, LlmsMeta> {
+/**
+ * Reads source MDX/MD files on disk to extract frontmatter metadata.
+ *
+ * This is the only place in the LLM pipeline that reads source files —
+ * it must happen before the build because the rendered HTML does not expose
+ * LLM-specific frontmatter fields like `llms.description` or `llms.keywords`.
+ */
+export function buildLlmsMetaMap(docsDir: string, items: SidebarEntry[]): Map<string, LlmsMeta> {
     const map = new Map<string, LlmsMeta>();
     for (const slug of collectSlugs(items)) {
-        for (const ext of ['.md', '.mdx']) {
+        const candidates = slug
+            ? [`${slug}.md`, `${slug}.mdx`, path.join(slug, 'index.md'), path.join(slug, 'index.mdx')]
+            : ['index.md', 'index.mdx'];
+        for (const candidate of candidates) {
             try {
-                const raw = fs.readFileSync(path.join(docsDir, slug + ext), 'utf-8');
+                const raw = fs.readFileSync(path.join(docsDir, candidate), 'utf-8');
                 const meta = extractLlmsMeta(raw);
                 if (meta.description || meta.keywords?.length) map.set(slug, meta);
                 break;
-            } catch { /* try next ext */ }
+            } catch { /* try next candidate */ }
         }
     }
     return map;
@@ -232,33 +255,41 @@ function buildLabel(label: string, ancestorPath: string[], broadSections: Readon
 // Sidebar walk + llms.txt line generation
 // ---------------------------------------------------------------------------
 
+/**
+ * Recursively walks the sidebar tree and appends llms.txt manifest lines.
+ *
+ * Leaf pages (SidebarLink) become `- [label](url.md): description` entries.
+ * Groups (SidebarGroup) become section headings up to 3 levels deep.
+ */
 function walkLlmsItems(
-    items: SidebarItem[],
+    items: SidebarEntry[],
     base: string,
     lines: string[],
-    meta: Record<string, LlmsMeta>,
+    meta: Map<string, LlmsMeta>,
     seen: Set<string>,
     ancestorPath: string[] = [],
     depth = 0,
     broadSections: ReadonlySet<string> = new Set(),
 ): void {
-    const groups: SidebarItem[] = [];
+    const groups: SidebarGroup[] = [];
 
     for (const item of items) {
-        if (item.slug !== undefined) {
+        if ('slug' in item) {
+            // Leaf page — emit a manifest line with optional description and tags.
             const slug = item.slug === '' ? 'index' : item.slug;
             if (seen.has(slug)) continue;
             seen.add(slug);
 
-            const label = buildLabel(item.label ?? slug, ancestorPath, broadSections);
-            const m = meta[slug];
+            const label = buildLabel(item.label, ancestorPath, broadSections);
+            const m = meta.get(slug);
             let line = `- [${label}](${base}/${slug}.md)`;
             if (m?.description) line += `: ${m.description}`;
             lines.push(line);
             if (m?.keywords?.length) lines.push(`  Tags: ${m.keywords.join(', ')}`);
-            continue;
+        } else if (item.items.length > 0) {
+            // Group — collect for heading emission after all leaf pages.
+            groups.push(item);
         }
-        if (Array.isArray(item.items) && item.items.length > 0) groups.push(item);
     }
 
     for (const group of groups) {
@@ -267,12 +298,12 @@ function walkLlmsItems(
             lines.push('', `${'#'.repeat(headingLevel)} ${group.label}`, '');
         }
         walkLlmsItems(
-            group.items!,
+            group.items,
             base,
             lines,
             meta,
             seen,
-            [...ancestorPath, group.label ?? ''],
+            [...ancestorPath, group.label],
             depth + 1,
             broadSections,
         );
@@ -283,11 +314,12 @@ function walkLlmsItems(
 // Public builder
 // ---------------------------------------------------------------------------
 
+/** Generate the complete llms.txt manifest content. */
 export function buildLlmsTxt(
     base: string,
     siteTitle: string,
     siteDescription: string,
-    sidebarItems: SidebarItem[],
+    sidebarItems: SidebarEntry[],
     metaMap: Map<string, LlmsMeta>,
     llmsSets: LlmsSet[] = [],
     broadSections: ReadonlySet<string> = new Set(),
@@ -310,6 +342,6 @@ export function buildLlmsTxt(
         lines.push(set.description ? `${link}: ${set.description}` : link);
     }
 
-    walkLlmsItems(sidebarItems, base, lines, Object.fromEntries(metaMap), new Set(), [], 0, broadSections);
+    walkLlmsItems(sidebarItems, base, lines, metaMap, new Set(), [], 0, broadSections);
     return lines.join('\n');
 }

From ea310107ff419f79a9ade9d5450b18681c169803 Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Mon, 22 Jun 2026 18:28:12 +0300
Subject: [PATCH 05/15] fix(*): replace regex-based tag removal with JSDOM
 textContent

---
 src/html-to-md.ts | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/html-to-md.ts b/src/html-to-md.ts
index c824c1b43f..dfa020905e 100644
--- a/src/html-to-md.ts
+++ b/src/html-to-md.ts
@@ -144,11 +144,9 @@ export async function htmlPageToMd(
     const htmlWithMarkers = html.replace(
         /<pre\b[^>]*class="[^"]*astro-code[^"]*"[^>]*data-language="([^"]*)"[^>]*>([\s\S]*?)<\/pre>/g,
         (_, lang, body) => {
-            const rawCode = body
-                .replace(/<[^>]+>/g, '')
-                .replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&amp;/g, '&')
-                .replace(/&quot;/g, '"').replace(/&#39;/g, "'")
-                .trim();
+            // Parse Shiki's structural markup and decode entities exactly once.
+            // Escaped code such as &lt;script&gt; remains inert text during parsing.
+            const rawCode = JSDOM.fragment(body).textContent?.trim() ?? '';
             const idx = codeBlocks.length;
             codeBlocks.push({ lang, code: rawCode });
             return `<p>SHIKIFENCE${idx}SHIKIEND</p>`;

From 7878b923419adfbb4742b8bfe4db3ec2c768bfc8 Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Mon, 22 Jun 2026 19:37:31 +0300
Subject: [PATCH 06/15] Refactor LLM documentation generation and metadata

---
 .github/CONTRIBUTING.md                       | 53 +++++++++++++++----
 .github/PULL_REQUEST_TEMPLATE.md              |  1 +
 .github/workflows/lint.yml                    | 14 +++++
 DOCFX-SYNC.md                                 | 11 ++++
 README.md                                     | 10 ++++
 .../src/content/en/components/accordion.mdx   |  2 +
 .../content/en/components/action-strip.mdx    |  2 +
 .../ai/ai-assisted-development-overview.mdx   |  2 +
 .../src/content/en/components/ai/cli-mcp.mdx  |  2 +
 .../en/components/ai/maker-framework.mdx      |  2 +
 .../src/content/en/components/ai/skills.mdx   |  2 +
 .../content/en/components/ai/theming-mcp.mdx  |  2 +
 .../angular-reactive-form-validation.mdx      |  2 +
 .../content/en/components/autocomplete.mdx    |  2 +
 .../src/content/en/components/avatar.mdx      |  2 +
 .../src/content/en/components/badge.mdx       |  2 +
 .../src/content/en/components/banner.mdx      |  2 +
 .../content/en/components/bullet-graph.mdx    |  2 +
 .../content/en/components/button-group.mdx    |  2 +
 .../src/content/en/components/button.mdx      |  2 +
 .../src/content/en/components/calendar.mdx    |  2 +
 .../src/content/en/components/card.mdx        |  2 +
 .../src/content/en/components/carousel.mdx    |  2 +
 .../en/components/charts/chart-api.mdx        |  2 +
 .../en/components/charts/chart-features.mdx   |  2 +
 .../en/components/charts/chart-overview.mdx   |  2 +
 .../charts/features/chart-animations.mdx      |  4 +-
 .../charts/features/chart-annotations.mdx     |  2 +
 .../charts/features/chart-axis-gridlines.mdx  |  2 +
 .../charts/features/chart-axis-layouts.mdx    |  2 +
 .../charts/features/chart-axis-options.mdx    |  2 +
 .../charts/features/chart-axis-types.mdx      |  2 +
 .../features/chart-data-aggregations.mdx      |  2 +
 .../features/chart-data-annotations.mdx       |  2 +
 .../charts/features/chart-data-filtering.mdx  |  2 +
 .../charts/features/chart-data-legend.mdx     |  2 +
 .../charts/features/chart-data-selection.mdx  |  2 +
 .../charts/features/chart-data-tooltip.mdx    |  2 +
 .../features/chart-highlight-filter.mdx       |  2 +
 .../charts/features/chart-highlighting.mdx    |  2 +
 .../charts/features/chart-legends.mdx         |  2 +
 .../charts/features/chart-markers.mdx         | 38 ++++++++++++-
 .../charts/features/chart-navigation.mdx      |  2 +
 .../charts/features/chart-overlays.mdx        |  2 +
 .../charts/features/chart-performance.mdx     |  4 +-
 .../charts/features/chart-synchronization.mdx |  2 +
 .../charts/features/chart-titles.mdx          |  2 +
 .../charts/features/chart-tooltips.mdx        |  2 +
 .../charts/features/chart-trendlines.mdx      |  2 +
 .../features/chart-user-annotations.mdx       |  2 +
 .../en/components/charts/types/area-chart.mdx |  2 +
 .../en/components/charts/types/bar-chart.mdx  | 19 ++++++-
 .../components/charts/types/bubble-chart.mdx  |  2 +
 .../components/charts/types/column-chart.mdx  |  2 +
 .../charts/types/composite-chart.mdx          |  2 +
 .../charts/types/data-pie-chart.mdx           |  2 +
 .../components/charts/types/donut-chart.mdx   |  2 +
 .../en/components/charts/types/line-chart.mdx |  2 +
 .../en/components/charts/types/pie-chart.mdx  |  2 +
 .../components/charts/types/point-chart.mdx   |  2 +
 .../components/charts/types/polar-chart.mdx   |  2 +
 .../components/charts/types/radial-chart.mdx  |  2 +
 .../components/charts/types/scatter-chart.mdx |  2 +
 .../components/charts/types/shape-chart.mdx   |  2 +
 .../charts/types/sparkline-chart.mdx          |  2 +
 .../components/charts/types/spline-chart.mdx  |  2 +
 .../components/charts/types/stacked-chart.mdx |  2 +
 .../en/components/charts/types/step-chart.mdx |  2 +
 .../components/charts/types/stock-chart.mdx   |  2 +
 .../components/charts/types/treemap-chart.mdx |  2 +
 .../src/content/en/components/chat.mdx        |  2 +
 .../src/content/en/components/checkbox.mdx    |  2 +
 .../src/content/en/components/chip.mdx        |  2 +
 .../en/components/circular-progress.mdx       |  2 +
 .../content/en/components/combo-features.mdx  |  2 +
 .../content/en/components/combo-remote.mdx    |  2 +
 .../content/en/components/combo-templates.mdx |  2 +
 .../src/content/en/components/combo.mdx       |  2 +
 .../content/en/components/dashboard-tile.mdx  |  2 +
 .../src/content/en/components/date-picker.mdx |  2 +
 .../en/components/date-range-picker.mdx       |  2 +
 .../en/components/date-time-editor.mdx        |  2 +
 .../src/content/en/components/dialog.mdx      |  2 +
 .../content/en/components/display-density.mdx |  2 +
 .../src/content/en/components/divider.mdx     |  2 +
 .../content/en/components/dock-manager.mdx    |  2 +
 .../src/content/en/components/drag-drop.mdx   |  2 +
 .../drop-down-hierarchical-selection.mdx      |  2 +
 .../en/components/drop-down-virtual.mdx       |  2 +
 .../src/content/en/components/drop-down.mdx   |  2 +
 .../components/excel-library-using-cells.mdx  |  2 +
 .../components/excel-library-using-tables.mdx |  2 +
 .../excel-library-using-workbooks.mdx         |  2 +
 .../excel-library-using-worksheets.mdx        |  2 +
 .../excel-library-working-with-charts.mdx     |  2 +
 .../excel-library-working-with-grids.mdx      |  2 +
 .../excel-library-working-with-sparklines.mdx |  2 +
 .../content/en/components/excel-library.mdx   |  2 +
 .../content/en/components/excel-utility.mdx   |  2 +
 .../content/en/components/expansion-panel.mdx |  2 +
 .../content/en/components/exporter-csv.mdx    |  2 +
 .../content/en/components/exporter-excel.mdx  |  2 +
 .../content/en/components/exporter-pdf.mdx    |  2 +
 .../src/content/en/components/for-of.mdx      |  2 +
 .../general-breaking-changes-dv.mdx           |  2 +
 .../en/components/general-changelog-dv.mdx    | 15 ++++++
 .../en/components/general-cli-overview.mdx    |  2 +
 .../en/components/general-whats-new-dv.mdx    |  2 +
 .../general/angular-grid-overview-guide.mdx   |  2 +
 .../en/components/general/cli-overview.mdx    |  2 +
 .../components/general/cli/auth-template.mdx  |  2 +
 .../general/cli/component-templates.mdx       |  2 +
 ...etting-started-with-angular-schematics.mdx |  2 +
 .../general/cli/getting-started-with-cli.mdx  |  2 +
 ...by-step-guide-using-angular-schematics.mdx |  2 +
 .../cli/step-by-step-guide-using-cli.mdx      |  2 +
 ...de-splitting-and-multiple-entry-points.mdx |  2 +
 .../en/components/general/data-analysis.mdx   |  2 +
 .../en/components/general/getting-started.mdx |  2 +
 .../general/how-to/general-how-to-mcp-e2e.mdx |  2 +
 .../general/how-to/how-to-customize-theme.mdx |  2 +
 .../general/how-to/how-to-perform-crud.mdx    |  2 +
 .../how-to-use-standalone-components.mdx      |  2 +
 .../how-to/signal-r-service-live-data.mdx     |  2 +
 .../general/ignite-ui-licensing.mdx           |  2 +
 .../en/components/general/localization.mdx    |  2 +
 .../general/open-source-vs-premium.mdx        |  2 +
 .../en/components/general/ssr-rendering.mdx   |  2 +
 .../en/components/general/update-guide.mdx    |  2 +
 .../wpf-to-angular-guide/angular-events.mdx   |  2 +
 .../wpf-to-angular-guide/angular-pipes.mdx    |  2 +
 .../create-first-angular-app.mdx              |  2 +
 .../create-ui-with-components.mdx             |  2 +
 .../general/wpf-to-angular-guide/layout.mdx   |  2 +
 .../wpf-to-angular-guide/one-way-binding.mdx  |  2 +
 .../structural-directives.mdx                 |  2 +
 .../wpf-to-angular-guide/two-way-binding.mdx  |  2 +
 .../wpf-to-angular-guide.mdx                  |  2 +
 .../components/geo-map-binding-data-csv.mdx   |  2 +
 .../geo-map-binding-data-json-points.mdx      |  2 +
 .../components/geo-map-binding-data-model.mdx |  2 +
 .../geo-map-binding-data-overview.mdx         |  2 +
 .../geo-map-binding-multiple-shapes.mdx       |  2 +
 .../geo-map-binding-multiple-sources.mdx      |  2 +
 .../components/geo-map-binding-shp-file.mdx   |  2 +
 .../geo-map-display-azure-imagery.mdx         |  2 +
 .../geo-map-display-bing-imagery.mdx          |  2 +
 .../geo-map-display-esri-imagery.mdx          |  2 +
 .../geo-map-display-heat-imagery.mdx          |  2 +
 .../geo-map-display-imagery-types.mdx         |  2 +
 .../geo-map-display-osm-imagery.mdx           |  2 +
 .../en/components/geo-map-navigation.mdx      |  2 +
 .../en/components/geo-map-resources-esri.mdx  |  2 +
 ...eo-map-resources-shape-styling-utility.mdx |  2 +
 .../geo-map-resources-world-connections.mdx   |  2 +
 .../geo-map-resources-world-locations.mdx     |  2 +
 .../geo-map-resources-world-util.mdx          |  2 +
 .../geo-map-shape-files-reference.mdx         |  2 +
 .../en/components/geo-map-shape-styling.mdx   |  2 +
 .../geo-map-type-scatter-area-series.mdx      |  2 +
 .../geo-map-type-scatter-bubble-series.mdx    |  2 +
 .../geo-map-type-scatter-contour-series.mdx   |  2 +
 .../geo-map-type-scatter-density-series.mdx   |  2 +
 .../geo-map-type-scatter-symbol-series.mdx    |  2 +
 .../en/components/geo-map-type-series.mdx     |  2 +
 .../geo-map-type-shape-polygon-series.mdx     |  2 +
 .../geo-map-type-shape-polyline-series.mdx    |  2 +
 .../src/content/en/components/geo-map.mdx     |  2 +
 .../en/components/grid-lite/binding.mdx       |  4 +-
 .../en/components/grid-lite/cell-template.mdx |  2 +
 .../grid-lite/column-configuration.mdx        |  2 +
 .../en/components/grid-lite/filtering.mdx     |  2 +
 .../components/grid-lite/header-template.mdx  |  2 +
 .../en/components/grid-lite/overview.mdx      |  2 +
 .../en/components/grid-lite/sorting.mdx       |  2 +
 .../en/components/grid-lite/theming.mdx       |  2 +
 .../src/content/en/components/grid/grid.mdx   |  2 +
 .../content/en/components/grid/groupby.mdx    |  2 +
 .../en/components/grid/master-detail.mdx      |  2 +
 .../en/components/grid/paste-excel.mdx        |  2 +
 .../grid/selection-based-aggregates.mdx       |  2 +
 .../content/en/components/grids-and-lists.mdx |  2 +
 .../hierarchicalgrid/hierarchical-grid.mdx    |  2 +
 .../hierarchicalgrid/load-on-demand.mdx       |  2 +
 .../src/content/en/components/icon-button.mdx |  2 +
 .../content/en/components/icon-service.mdx    |  2 +
 .../src/content/en/components/icon.mdx        |  2 +
 .../src/content/en/components/input-group.mdx |  2 +
 .../en/components/inputs/color-editor.mdx     |  2 +
 .../accessibility-compliance.mdx              |  2 +
 .../interactivity/right-to-left-support.mdx   |  2 +
 .../src/content/en/components/label-input.mdx |  2 +
 .../src/content/en/components/layout.mdx      |  2 +
 .../content/en/components/linear-gauge.mdx    |  2 +
 .../content/en/components/linear-progress.mdx |  2 +
 .../src/content/en/components/list.mdx        |  2 +
 .../content/en/components/maps/map-api.mdx    |  2 +
 .../src/content/en/components/mask.mdx        |  2 +
 .../en/components/material-icons-extended.mdx |  2 +
 .../content/en/components/menus/toolbar.mdx   |  2 +
 .../content/en/components/month-picker.mdx    |  2 +
 .../en/components/multi-column-combobox.mdx   |  2 +
 .../src/content/en/components/navbar.mdx      |  2 +
 .../src/content/en/components/navdrawer.mdx   |  2 +
 .../src/content/en/components/nuget-feed.mdx  |  2 +
 .../en/components/overlay-position.mdx        |  2 +
 .../content/en/components/overlay-scroll.mdx  |  2 +
 .../content/en/components/overlay-styling.mdx |  2 +
 .../src/content/en/components/overlay.mdx     |  2 +
 .../src/content/en/components/paginator.mdx   |  2 +
 .../src/content/en/components/pie-chart.mdx   |  2 +
 .../pivotGrid/pivot-grid-custom.mdx           |  2 +
 .../pivotGrid/pivot-grid-features.mdx         |  2 +
 .../en/components/pivotGrid/pivot-grid.mdx    |  2 +
 .../en/components/query-builder-model.mdx     |  2 +
 .../content/en/components/query-builder.mdx   |  2 +
 .../content/en/components/radial-gauge.mdx    |  2 +
 .../content/en/components/radio-button.mdx    |  2 +
 .../src/content/en/components/rating.mdx      |  2 +
 .../src/content/en/components/ripple.mdx      |  2 +
 .../src/content/en/components/select.mdx      |  2 +
 .../content/en/components/simple-combo.mdx    |  2 +
 .../en/components/slider/slider-ticks.mdx     |  2 +
 .../content/en/components/slider/slider.mdx   |  2 +
 .../src/content/en/components/snackbar.mdx    |  2 +
 .../src/content/en/components/sparkline.mdx   |  2 +
 .../src/content/en/components/splitter.mdx    |  2 +
 .../en/components/spreadsheet-activation.mdx  |  2 +
 .../components/spreadsheet-chart-adapter.mdx  |  2 +
 .../en/components/spreadsheet-clipboard.mdx   |  2 +
 .../en/components/spreadsheet-commands.mdx    |  2 +
 .../spreadsheet-conditional-formatting.mdx    |  2 +
 .../en/components/spreadsheet-configuring.mdx |  2 +
 .../spreadsheet-data-validation.mdx           |  2 +
 .../en/components/spreadsheet-hyperlinks.mdx  |  2 +
 .../en/components/spreadsheet-overview.mdx    |  2 +
 .../src/content/en/components/stepper.mdx     |  2 +
 .../src/content/en/components/style-guide.mdx |  2 +
 .../src/content/en/components/switch.mdx      |  2 +
 .../src/content/en/components/tabbar.mdx      |  2 +
 .../src/content/en/components/tabs.mdx        |  2 +
 .../content/en/components/texthighlight.mdx   |  2 +
 .../src/content/en/components/themes.mdx      |  2 +
 .../en/components/themes/elevations.mdx       |  2 +
 .../content/en/components/themes/index.mdx    |  2 +
 .../themes/misc/angular-material-theming.mdx  |  2 +
 .../themes/misc/bootstrap-theming.mdx         |  2 +
 .../themes/misc/printing-styles.mdx           |  2 +
 .../themes/misc/tailwind-classes.mdx          |  2 +
 .../content/en/components/themes/palettes.mdx |  2 +
 .../en/components/themes/roundness.mdx        |  2 +
 .../en/components/themes/sass/animations.mdx  |  2 +
 .../themes/sass/component-themes.mdx          |  2 +
 .../components/themes/sass/configuration.mdx  |  2 +
 .../en/components/themes/sass/elevations.mdx  |  2 +
 .../components/themes/sass/global-themes.mdx  |  2 +
 .../en/components/themes/sass/index.mdx       |  2 +
 .../en/components/themes/sass/palettes.mdx    |  2 +
 .../themes/sass/presets/bootstrap.mdx         |  2 +
 .../components/themes/sass/presets/fluent.mdx |  2 +
 .../components/themes/sass/presets/indigo.mdx |  2 +
 .../themes/sass/presets/material.mdx          |  2 +
 .../en/components/themes/sass/roundness.mdx   |  2 +
 .../en/components/themes/sass/schemas.mdx     |  2 +
 .../en/components/themes/sass/typography.mdx  |  2 +
 .../content/en/components/themes/spacing.mdx  |  2 +
 .../en/components/themes/typography.mdx       |  2 +
 .../content/en/components/tile-manager.mdx    |  2 +
 .../src/content/en/components/time-picker.mdx |  2 +
 .../src/content/en/components/toast.mdx       |  2 +
 .../src/content/en/components/toggle.mdx      |  2 +
 .../src/content/en/components/tooltip.mdx     |  2 +
 .../en/components/transaction-classes.mdx     |  2 +
 .../en/components/transaction-how-to-use.mdx  |  2 +
 .../src/content/en/components/transaction.mdx |  2 +
 .../src/content/en/components/tree.mdx        |  2 +
 .../en/components/treegrid/groupby.mdx        |  2 +
 .../en/components/treegrid/load-on-demand.mdx |  2 +
 .../en/components/treegrid/tree-grid.mdx      |  2 +
 .../en/components/zoomslider-overview.mdx     |  2 +
 .../en/grids_templates/advanced-filtering.mdx |  4 ++
 .../en/grids_templates/batch-editing.mdx      |  2 +
 .../en/grids_templates/cascading-combos.mdx   |  2 +
 .../en/grids_templates/cell-editing.mdx       |  8 ++-
 .../en/grids_templates/cell-merging.mdx       |  2 +
 .../en/grids_templates/cell-selection.mdx     |  6 +++
 .../clipboard-interactions.mdx                |  4 ++
 .../collapsible-column-groups.mdx             |  4 ++
 .../en/grids_templates/column-hiding.mdx      |  6 +++
 .../en/grids_templates/column-moving.mdx      |  6 +++
 .../en/grids_templates/column-pinning.mdx     |  6 +++
 .../en/grids_templates/column-resizing.mdx    |  6 +++
 .../en/grids_templates/column-selection.mdx   |  6 +++
 .../en/grids_templates/column-types.mdx       |  6 +++
 .../conditional-cell-styling.mdx              |  6 +++
 .../en/grids_templates/display-density.mdx    |  6 +++
 .../content/en/grids_templates/editing.mdx    |  6 +++
 .../grids_templates/excel-style-filtering.mdx |  4 ++
 .../en/grids_templates/export-excel.mdx       |  8 +++
 .../content/en/grids_templates/filtering.mdx  |  6 +++
 .../grids_templates/keyboard-navigation.mdx   |  6 +++
 .../content/en/grids_templates/live-data.mdx  |  4 ++
 .../grids_templates/multi-column-headers.mdx  |  6 +++
 .../en/grids_templates/multi-row-layout.mdx   |  2 +
 .../src/content/en/grids_templates/paging.mdx |  4 ++
 .../remote-data-operations.mdx                |  6 +++
 .../en/grids_templates/row-actions.mdx        |  2 +
 .../content/en/grids_templates/row-adding.mdx |  4 ++
 .../content/en/grids_templates/row-drag.mdx   |  6 +++
 .../en/grids_templates/row-editing.mdx        |  4 ++
 .../en/grids_templates/row-pinning.mdx        |  6 +++
 .../en/grids_templates/row-selection.mdx      |  6 +++
 .../src/content/en/grids_templates/search.mdx |  6 +++
 .../content/en/grids_templates/selection.mdx  |  6 +++
 .../src/content/en/grids_templates/sizing.mdx |  8 +++
 .../content/en/grids_templates/sorting.mdx    |  6 +++
 .../en/grids_templates/state-persistence.mdx  | 10 +++-
 .../content/en/grids_templates/summaries.mdx  |  6 +++
 .../content/en/grids_templates/toolbar.mdx    |  4 ++
 .../content/en/grids_templates/validation.mdx |  2 +
 .../en/grids_templates/virtualization.mdx     |  6 +++
 docs/angular/src/content/en/index.mdx         |  2 +
 .../src/content/jp/components/accordion.mdx   |  2 +
 .../content/jp/components/action-strip.mdx    |  2 +
 .../ai/ai-assisted-development-overview.mdx   |  2 +
 .../src/content/jp/components/ai/cli-mcp.mdx  |  2 +
 .../jp/components/ai/maker-framework.mdx      |  2 +
 .../src/content/jp/components/ai/skills.mdx   |  2 +
 .../content/jp/components/ai/theming-mcp.mdx  |  2 +
 .../angular-reactive-form-validation.mdx      |  2 +
 .../content/jp/components/autocomplete.mdx    |  2 +
 .../src/content/jp/components/avatar.mdx      |  2 +
 .../src/content/jp/components/badge.mdx       |  2 +
 .../src/content/jp/components/banner.mdx      |  2 +
 .../content/jp/components/bullet-graph.mdx    |  2 +
 .../content/jp/components/button-group.mdx    |  2 +
 .../src/content/jp/components/button.mdx      |  2 +
 .../src/content/jp/components/calendar.mdx    |  2 +
 .../src/content/jp/components/card.mdx        |  2 +
 .../src/content/jp/components/carousel.mdx    |  2 +
 .../jp/components/charts/chart-api.mdx        |  2 +
 .../jp/components/charts/chart-features.mdx   |  2 +
 .../jp/components/charts/chart-overview.mdx   |  2 +
 .../charts/features/chart-animations.mdx      |  2 +
 .../charts/features/chart-annotations.mdx     |  2 +
 .../charts/features/chart-axis-gridlines.mdx  |  2 +
 .../charts/features/chart-axis-layouts.mdx    |  2 +
 .../charts/features/chart-axis-options.mdx    |  2 +
 .../charts/features/chart-axis-types.mdx      |  2 +
 .../features/chart-data-aggregations.mdx      |  2 +
 .../features/chart-data-annotations.mdx       |  2 +
 .../charts/features/chart-data-filtering.mdx  |  2 +
 .../charts/features/chart-data-legend.mdx     |  2 +
 .../charts/features/chart-data-selection.mdx  |  2 +
 .../charts/features/chart-data-tooltip.mdx    |  2 +
 .../features/chart-highlight-filter.mdx       |  2 +
 .../charts/features/chart-highlighting.mdx    |  2 +
 .../charts/features/chart-legends.mdx         |  2 +
 .../charts/features/chart-markers.mdx         |  2 +
 .../charts/features/chart-navigation.mdx      |  2 +
 .../charts/features/chart-overlays.mdx        |  2 +
 .../charts/features/chart-performance.mdx     |  2 +
 .../charts/features/chart-synchronization.mdx |  2 +
 .../charts/features/chart-titles.mdx          |  2 +
 .../charts/features/chart-tooltips.mdx        |  2 +
 .../charts/features/chart-trendlines.mdx      |  2 +
 .../features/chart-user-annotations.mdx       |  2 +
 .../jp/components/charts/types/area-chart.mdx |  2 +
 .../jp/components/charts/types/bar-chart.mdx  |  2 +
 .../components/charts/types/bubble-chart.mdx  |  2 +
 .../components/charts/types/column-chart.mdx  |  2 +
 .../charts/types/composite-chart.mdx          |  2 +
 .../charts/types/data-pie-chart.mdx           |  2 +
 .../components/charts/types/donut-chart.mdx   |  2 +
 .../jp/components/charts/types/line-chart.mdx |  2 +
 .../jp/components/charts/types/pie-chart.mdx  |  2 +
 .../components/charts/types/point-chart.mdx   |  2 +
 .../components/charts/types/polar-chart.mdx   |  2 +
 .../components/charts/types/radial-chart.mdx  |  2 +
 .../components/charts/types/scatter-chart.mdx |  2 +
 .../components/charts/types/shape-chart.mdx   |  2 +
 .../charts/types/sparkline-chart.mdx          |  2 +
 .../components/charts/types/spline-chart.mdx  |  2 +
 .../components/charts/types/stacked-chart.mdx |  2 +
 .../jp/components/charts/types/step-chart.mdx |  2 +
 .../components/charts/types/stock-chart.mdx   |  2 +
 .../components/charts/types/treemap-chart.mdx |  2 +
 .../src/content/jp/components/chat.mdx        |  2 +
 .../src/content/jp/components/checkbox.mdx    |  2 +
 .../src/content/jp/components/chip.mdx        |  2 +
 .../jp/components/circular-progress.mdx       |  2 +
 .../content/jp/components/combo-features.mdx  |  2 +
 .../content/jp/components/combo-remote.mdx    |  2 +
 .../content/jp/components/combo-templates.mdx |  2 +
 .../src/content/jp/components/combo.mdx       |  2 +
 .../content/jp/components/dashboard-tile.mdx  |  2 +
 .../src/content/jp/components/date-picker.mdx |  2 +
 .../jp/components/date-range-picker.mdx       |  2 +
 .../jp/components/date-time-editor.mdx        |  2 +
 .../src/content/jp/components/dialog.mdx      |  2 +
 .../content/jp/components/display-density.mdx |  2 +
 .../src/content/jp/components/divider.mdx     |  2 +
 .../content/jp/components/dock-manager.mdx    |  2 +
 .../src/content/jp/components/drag-drop.mdx   |  2 +
 .../drop-down-hierarchical-selection.mdx      |  2 +
 .../jp/components/drop-down-virtual.mdx       |  2 +
 .../src/content/jp/components/drop-down.mdx   |  2 +
 .../components/excel-library-using-cells.mdx  |  2 +
 .../components/excel-library-using-tables.mdx |  2 +
 .../excel-library-using-workbooks.mdx         |  2 +
 .../excel-library-using-worksheets.mdx        |  2 +
 .../excel-library-working-with-charts.mdx     |  2 +
 .../excel-library-working-with-grids.mdx      |  2 +
 .../excel-library-working-with-sparklines.mdx |  2 +
 .../content/jp/components/excel-library.mdx   |  2 +
 .../content/jp/components/excel-utility.mdx   |  2 +
 .../content/jp/components/expansion-panel.mdx |  2 +
 .../content/jp/components/exporter-csv.mdx    |  2 +
 .../content/jp/components/exporter-excel.mdx  |  2 +
 .../content/jp/components/exporter-pdf.mdx    |  2 +
 .../src/content/jp/components/for-of.mdx      |  2 +
 .../general-breaking-changes-dv.mdx           |  2 +
 .../jp/components/general-changelog-dv.mdx    |  2 +
 .../jp/components/general-cli-overview.mdx    |  2 +
 .../jp/components/general-whats-new-dv.mdx    |  2 +
 .../general/angular-grid-overview-guide.mdx   |  2 +
 .../jp/components/general/cli-overview.mdx    |  2 +
 .../components/general/cli/auth-template.mdx  |  2 +
 .../general/cli/component-templates.mdx       |  2 +
 ...etting-started-with-angular-schematics.mdx |  2 +
 .../general/cli/getting-started-with-cli.mdx  |  2 +
 ...by-step-guide-using-angular-schematics.mdx |  2 +
 .../cli/step-by-step-guide-using-cli.mdx      |  2 +
 ...de-splitting-and-multiple-entry-points.mdx |  2 +
 .../jp/components/general/data-analysis.mdx   |  2 +
 .../jp/components/general/getting-started.mdx |  2 +
 .../general/how-to/general-how-to-mcp-e2e.mdx |  2 +
 .../general/how-to/how-to-customize-theme.mdx |  2 +
 .../general/how-to/how-to-perform-crud.mdx    |  2 +
 .../how-to-use-standalone-components.mdx      |  2 +
 .../how-to/signal-r-service-live-data.mdx     |  2 +
 .../general/ignite-ui-licensing.mdx           |  2 +
 .../jp/components/general/localization.mdx    |  2 +
 .../general/open-source-vs-premium.mdx        |  2 +
 .../jp/components/general/ssr-rendering.mdx   |  2 +
 .../jp/components/general/update-guide.mdx    |  2 +
 .../wpf-to-angular-guide/angular-events.mdx   |  2 +
 .../wpf-to-angular-guide/angular-pipes.mdx    |  2 +
 .../create-first-angular-app.mdx              |  2 +
 .../create-ui-with-components.mdx             |  2 +
 .../general/wpf-to-angular-guide/layout.mdx   |  2 +
 .../wpf-to-angular-guide/one-way-binding.mdx  |  2 +
 .../structural-directives.mdx                 |  2 +
 .../wpf-to-angular-guide/two-way-binding.mdx  |  2 +
 .../wpf-to-angular-guide.mdx                  |  2 +
 .../components/geo-map-binding-data-csv.mdx   |  2 +
 .../geo-map-binding-data-json-points.mdx      |  2 +
 .../components/geo-map-binding-data-model.mdx |  2 +
 .../geo-map-binding-data-overview.mdx         |  2 +
 .../geo-map-binding-multiple-shapes.mdx       |  2 +
 .../geo-map-binding-multiple-sources.mdx      |  2 +
 .../components/geo-map-binding-shp-file.mdx   |  2 +
 .../geo-map-display-azure-imagery.mdx         |  2 +
 .../geo-map-display-bing-imagery.mdx          |  2 +
 .../geo-map-display-esri-imagery.mdx          |  2 +
 .../geo-map-display-heat-imagery.mdx          |  2 +
 .../geo-map-display-imagery-types.mdx         |  2 +
 .../geo-map-display-osm-imagery.mdx           |  2 +
 .../jp/components/geo-map-navigation.mdx      |  2 +
 .../jp/components/geo-map-resources-esri.mdx  |  2 +
 ...eo-map-resources-shape-styling-utility.mdx |  2 +
 .../geo-map-resources-world-connections.mdx   |  2 +
 .../geo-map-resources-world-locations.mdx     |  2 +
 .../geo-map-resources-world-util.mdx          |  2 +
 .../geo-map-shape-files-reference.mdx         |  2 +
 .../jp/components/geo-map-shape-styling.mdx   |  2 +
 .../geo-map-type-scatter-area-series.mdx      |  2 +
 .../geo-map-type-scatter-bubble-series.mdx    |  2 +
 .../geo-map-type-scatter-contour-series.mdx   |  2 +
 .../geo-map-type-scatter-density-series.mdx   |  2 +
 .../geo-map-type-scatter-symbol-series.mdx    |  2 +
 .../jp/components/geo-map-type-series.mdx     |  2 +
 .../geo-map-type-shape-polygon-series.mdx     |  2 +
 .../geo-map-type-shape-polyline-series.mdx    |  2 +
 .../src/content/jp/components/geo-map.mdx     |  2 +
 .../jp/components/grid-lite/binding.mdx       |  2 +
 .../jp/components/grid-lite/cell-template.mdx |  2 +
 .../grid-lite/column-configuration.mdx        |  2 +
 .../jp/components/grid-lite/filtering.mdx     |  2 +
 .../components/grid-lite/header-template.mdx  |  2 +
 .../jp/components/grid-lite/overview.mdx      |  2 +
 .../jp/components/grid-lite/sorting.mdx       |  2 +
 .../jp/components/grid-lite/theming.mdx       |  2 +
 .../src/content/jp/components/grid/grid.mdx   |  2 +
 .../content/jp/components/grid/groupby.mdx    |  2 +
 .../jp/components/grid/master-detail.mdx      |  2 +
 .../jp/components/grid/paste-excel.mdx        |  2 +
 .../grid/selection-based-aggregates.mdx       |  2 +
 .../content/jp/components/grids-and-lists.mdx |  2 +
 .../hierarchicalgrid/hierarchical-grid.mdx    |  2 +
 .../hierarchicalgrid/load-on-demand.mdx       |  2 +
 .../src/content/jp/components/icon-button.mdx |  2 +
 .../content/jp/components/icon-service.mdx    |  2 +
 .../src/content/jp/components/icon.mdx        |  2 +
 .../src/content/jp/components/input-group.mdx |  2 +
 .../jp/components/inputs/color-editor.mdx     |  2 +
 .../accessibility-compliance.mdx              |  2 +
 .../interactivity/right-to-left-support.mdx   |  2 +
 .../src/content/jp/components/label-input.mdx |  2 +
 .../src/content/jp/components/layout.mdx      |  2 +
 .../content/jp/components/linear-gauge.mdx    |  2 +
 .../content/jp/components/linear-progress.mdx |  2 +
 .../src/content/jp/components/list.mdx        |  2 +
 .../content/jp/components/maps/map-api.mdx    |  2 +
 .../src/content/jp/components/mask.mdx        |  2 +
 .../jp/components/material-icons-extended.mdx |  2 +
 .../content/jp/components/menus/toolbar.mdx   |  2 +
 .../content/jp/components/month-picker.mdx    |  2 +
 .../jp/components/multi-column-combobox.mdx   |  2 +
 .../src/content/jp/components/navbar.mdx      |  2 +
 .../src/content/jp/components/navdrawer.mdx   |  2 +
 .../src/content/jp/components/nuget-feed.mdx  |  2 +
 .../jp/components/overlay-position.mdx        |  2 +
 .../content/jp/components/overlay-scroll.mdx  |  2 +
 .../content/jp/components/overlay-styling.mdx |  2 +
 .../src/content/jp/components/overlay.mdx     |  2 +
 .../src/content/jp/components/paginator.mdx   |  2 +
 .../src/content/jp/components/pie-chart.mdx   |  2 +
 .../pivotgrid/pivot-grid-custom.mdx           |  2 +
 .../pivotgrid/pivot-grid-features.mdx         |  2 +
 .../jp/components/pivotgrid/pivot-grid.mdx    |  2 +
 .../jp/components/query-builder-model.mdx     |  2 +
 .../content/jp/components/query-builder.mdx   |  2 +
 .../content/jp/components/radial-gauge.mdx    |  2 +
 .../content/jp/components/radio-button.mdx    |  2 +
 .../src/content/jp/components/rating.mdx      |  2 +
 .../src/content/jp/components/ripple.mdx      |  2 +
 .../src/content/jp/components/select.mdx      |  2 +
 .../content/jp/components/simple-combo.mdx    |  2 +
 .../jp/components/slider/slider-ticks.mdx     |  2 +
 .../content/jp/components/slider/slider.mdx   |  2 +
 .../src/content/jp/components/snackbar.mdx    |  2 +
 .../src/content/jp/components/sparkline.mdx   |  2 +
 .../src/content/jp/components/splitter.mdx    |  2 +
 .../jp/components/spreadsheet-activation.mdx  |  2 +
 .../components/spreadsheet-chart-adapter.mdx  |  2 +
 .../jp/components/spreadsheet-clipboard.mdx   |  2 +
 .../jp/components/spreadsheet-commands.mdx    |  2 +
 .../spreadsheet-conditional-formatting.mdx    |  2 +
 .../jp/components/spreadsheet-configuring.mdx |  2 +
 .../spreadsheet-data-validation.mdx           |  2 +
 .../jp/components/spreadsheet-hyperlinks.mdx  |  2 +
 .../jp/components/spreadsheet-overview.mdx    |  2 +
 .../src/content/jp/components/stepper.mdx     |  2 +
 .../src/content/jp/components/style-guide.mdx |  2 +
 .../src/content/jp/components/switch.mdx      |  2 +
 .../src/content/jp/components/tabbar.mdx      |  2 +
 .../src/content/jp/components/tabs.mdx        |  2 +
 .../content/jp/components/texthighlight.mdx   |  2 +
 .../src/content/jp/components/themes.mdx      |  2 +
 .../jp/components/themes/elevations.mdx       |  2 +
 .../content/jp/components/themes/index.mdx    |  2 +
 .../themes/misc/angular-material-theming.mdx  |  2 +
 .../themes/misc/bootstrap-theming.mdx         |  2 +
 .../themes/misc/printing-styles.mdx           |  2 +
 .../themes/misc/tailwind-classes.mdx          |  2 +
 .../content/jp/components/themes/palettes.mdx |  2 +
 .../jp/components/themes/roundness.mdx        |  2 +
 .../jp/components/themes/sass/animations.mdx  |  2 +
 .../themes/sass/component-themes.mdx          |  2 +
 .../components/themes/sass/configuration.mdx  |  2 +
 .../jp/components/themes/sass/elevations.mdx  |  2 +
 .../components/themes/sass/global-themes.mdx  |  2 +
 .../jp/components/themes/sass/index.mdx       |  2 +
 .../jp/components/themes/sass/palettes.mdx    |  2 +
 .../themes/sass/presets/bootstrap.mdx         |  2 +
 .../components/themes/sass/presets/fluent.mdx |  2 +
 .../components/themes/sass/presets/indigo.mdx |  2 +
 .../themes/sass/presets/material.mdx          |  2 +
 .../jp/components/themes/sass/roundness.mdx   |  2 +
 .../jp/components/themes/sass/schemas.mdx     |  2 +
 .../jp/components/themes/sass/typography.mdx  |  2 +
 .../content/jp/components/themes/spacing.mdx  |  2 +
 .../jp/components/themes/typography.mdx       |  2 +
 .../content/jp/components/tile-manager.mdx    |  2 +
 .../src/content/jp/components/time-picker.mdx |  2 +
 .../src/content/jp/components/toast.mdx       |  2 +
 .../src/content/jp/components/toggle.mdx      |  2 +
 .../src/content/jp/components/tooltip.mdx     |  2 +
 .../jp/components/transaction-classes.mdx     |  2 +
 .../jp/components/transaction-how-to-use.mdx  |  2 +
 .../src/content/jp/components/transaction.mdx |  2 +
 .../src/content/jp/components/tree.mdx        |  2 +
 .../jp/components/treegrid/groupby.mdx        |  2 +
 .../jp/components/treegrid/load-on-demand.mdx |  2 +
 .../jp/components/treegrid/tree-grid.mdx      |  2 +
 .../jp/components/zoomslider-overview.mdx     |  2 +
 .../jp/grids_templates/advanced-filtering.mdx |  4 ++
 .../jp/grids_templates/batch-editing.mdx      |  2 +
 .../jp/grids_templates/cascading-combos.mdx   |  2 +
 .../jp/grids_templates/cell-editing.mdx       |  6 +++
 .../jp/grids_templates/cell-merging.mdx       |  2 +
 .../jp/grids_templates/cell-selection.mdx     |  6 +++
 .../clipboard-interactions.mdx                |  4 ++
 .../collapsible-column-groups.mdx             |  4 ++
 .../jp/grids_templates/column-hiding.mdx      |  6 +++
 .../jp/grids_templates/column-moving.mdx      |  6 +++
 .../jp/grids_templates/column-pinning.mdx     |  6 +++
 .../jp/grids_templates/column-resizing.mdx    |  6 +++
 .../jp/grids_templates/column-selection.mdx   |  6 +++
 .../jp/grids_templates/column-types.mdx       |  6 +++
 .../conditional-cell-styling.mdx              |  6 +++
 .../jp/grids_templates/display-density.mdx    |  6 +++
 .../content/jp/grids_templates/editing.mdx    |  6 +++
 .../grids_templates/excel-style-filtering.mdx |  4 ++
 .../jp/grids_templates/export-excel.mdx       |  8 +++
 .../content/jp/grids_templates/filtering.mdx  |  6 +++
 .../grids_templates/keyboard-navigation.mdx   |  6 +++
 .../content/jp/grids_templates/live-data.mdx  |  4 ++
 .../grids_templates/multi-column-headers.mdx  |  6 +++
 .../jp/grids_templates/multi-row-layout.mdx   |  2 +
 .../src/content/jp/grids_templates/paging.mdx |  4 ++
 .../remote-data-operations.mdx                |  6 +++
 .../jp/grids_templates/row-actions.mdx        |  2 +
 .../content/jp/grids_templates/row-adding.mdx |  4 ++
 .../content/jp/grids_templates/row-drag.mdx   |  6 +++
 .../jp/grids_templates/row-editing.mdx        |  4 ++
 .../jp/grids_templates/row-pinning.mdx        |  6 +++
 .../jp/grids_templates/row-selection.mdx      |  6 +++
 .../src/content/jp/grids_templates/search.mdx |  6 +++
 .../content/jp/grids_templates/selection.mdx  |  6 +++
 .../src/content/jp/grids_templates/sizing.mdx |  8 +++
 .../content/jp/grids_templates/sorting.mdx    |  6 +++
 .../jp/grids_templates/state-persistence.mdx  |  8 +++
 .../content/jp/grids_templates/summaries.mdx  |  6 +++
 .../content/jp/grids_templates/toolbar.mdx    |  4 ++
 .../content/jp/grids_templates/validation.mdx |  2 +
 .../jp/grids_templates/virtualization.mdx     |  6 +++
 docs/angular/src/content/jp/index.mdx         |  2 +
 .../ai/ai-assisted-development-overview.mdx   |  2 +
 .../src/content/en/components/ai/cli-mcp.mdx  |  2 +
 .../en/components/ai/maker-framework.mdx      |  2 +
 .../src/content/en/components/ai/skills.mdx   |  2 +
 .../content/en/components/ai/theming-mcp.mdx  |  2 +
 ...ion-of-formulas-to-speed-up-processing.mdx |  2 +
 ...rite-excel-files-to-reduce-server-load.mdx |  4 +-
 .../content/en/components/bullet-graph.mdx    |  2 +
 .../components/changelog/igniteui-charts.mdx  |  2 +
 .../en/components/changelog/igniteui-core.mdx |  2 +
 .../changelog/igniteui-dashboards.mdx         |  2 +
 .../changelog/igniteui-data-grids.mdx         |  2 +
 .../changelog/igniteui-datasources.mdx        |  2 +
 .../en/components/changelog/igniteui-dc3.mdx  |  2 +
 .../changelog/igniteui-dockmanager.mdx        |  2 +
 .../components/changelog/igniteui-excel.mdx   |  2 +
 .../components/changelog/igniteui-gauges.mdx  |  2 +
 .../components/changelog/igniteui-grids.mdx   |  2 +
 .../components/changelog/igniteui-inputs.mdx  |  2 +
 .../components/changelog/igniteui-layouts.mdx |  2 +
 .../en/components/changelog/igniteui-maps.mdx |  2 +
 .../components/changelog/igniteui-react.mdx   |  2 +
 .../igniteui-spreadsheet-chart-adapter.mdx    |  2 +
 .../changelog/igniteui-spreadsheet.mdx        |  2 +
 .../changelog/igniteui-webcomponents.mdx      |  2 +
 .../en/components/charts/chart-api.mdx        |  2 +
 .../en/components/charts/chart-features.mdx   |  2 +
 .../en/components/charts/chart-overview.mdx   |  2 +
 .../charts/features/chart-animations.mdx      |  4 +-
 .../charts/features/chart-annotations.mdx     |  2 +
 .../charts/features/chart-axis-gridlines.mdx  |  2 +
 .../charts/features/chart-axis-layouts.mdx    |  2 +
 .../charts/features/chart-axis-options.mdx    |  2 +
 .../charts/features/chart-axis-types.mdx      |  2 +
 .../features/chart-data-aggregations.mdx      |  2 +
 .../features/chart-data-annotations.mdx       |  2 +
 .../charts/features/chart-data-filtering.mdx  |  2 +
 .../charts/features/chart-data-legend.mdx     |  2 +
 .../charts/features/chart-data-selection.mdx  |  2 +
 .../charts/features/chart-data-tooltip.mdx    |  2 +
 .../features/chart-highlight-filter.mdx       |  2 +
 .../charts/features/chart-highlighting.mdx    |  2 +
 .../charts/features/chart-markers.mdx         |  2 +
 .../charts/features/chart-navigation.mdx      |  2 +
 .../charts/features/chart-overlays.mdx        |  2 +
 .../charts/features/chart-performance.mdx     |  2 +
 .../charts/features/chart-synchronization.mdx |  2 +
 .../charts/features/chart-titles.mdx          |  2 +
 .../charts/features/chart-tooltips.mdx        |  2 +
 .../charts/features/chart-trendlines.mdx      |  2 +
 .../features/chart-user-annotations.mdx       |  2 +
 .../en/components/charts/types/area-chart.mdx |  2 +
 .../en/components/charts/types/bar-chart.mdx  |  2 +
 .../components/charts/types/bubble-chart.mdx  |  2 +
 .../components/charts/types/column-chart.mdx  |  2 +
 .../charts/types/composite-chart.mdx          |  2 +
 .../charts/types/data-pie-chart.mdx           |  2 +
 .../components/charts/types/donut-chart.mdx   |  2 +
 .../components/charts/types/gantt-chart.mdx   |  2 +
 .../en/components/charts/types/line-chart.mdx |  2 +
 .../components/charts/types/network-chart.mdx |  2 +
 .../en/components/charts/types/pie-chart.mdx  |  2 +
 .../components/charts/types/point-chart.mdx   |  2 +
 .../components/charts/types/polar-chart.mdx   |  2 +
 .../components/charts/types/pyramid-chart.mdx |  2 +
 .../components/charts/types/radial-chart.mdx  |  2 +
 .../components/charts/types/scatter-chart.mdx |  2 +
 .../components/charts/types/shape-chart.mdx   |  2 +
 .../charts/types/sparkline-chart.mdx          |  2 +
 .../components/charts/types/spline-chart.mdx  |  2 +
 .../components/charts/types/stacked-chart.mdx |  2 +
 .../en/components/charts/types/step-chart.mdx |  2 +
 .../components/charts/types/stock-chart.mdx   |  2 +
 .../components/charts/types/treemap-chart.mdx |  2 +
 ...tomize-marker-display-in-blazor-charts.mdx |  2 +
 .../content/en/components/dashboard-tile.mdx  |  2 +
 .../components/excel-library-using-cells.mdx  |  2 +
 .../components/excel-library-using-tables.mdx |  2 +
 .../excel-library-using-workbooks.mdx         |  2 +
 .../excel-library-using-worksheets.mdx        |  2 +
 .../excel-library-working-with-charts.mdx     |  2 +
 .../excel-library-working-with-grids.mdx      |  2 +
 .../excel-library-working-with-sparklines.mdx |  2 +
 .../content/en/components/excel-library.mdx   |  2 +
 .../content/en/components/excel-utility.mdx   |  2 +
 .../general-changelog-dv-blazor.mdx           |  2 +
 .../components/general-changelog-dv-react.mdx |  2 +
 .../en/components/general-changelog-dv-wc.mdx |  2 +
 .../en/components/general-changelog-dv.mdx    |  2 +
 .../en/components/general-cli-overview.mdx    |  2 +
 .../general-getting-started-blazor-client.mdx |  2 +
 .../general-getting-started-blazor-maui.mdx   |  2 +
 ...general-getting-started-blazor-web-app.mdx |  2 +
 .../general-getting-started-oss.mdx           |  2 +
 .../en/components/general-getting-started.mdx |  2 +
 .../en/components/general-how-to-mcp-e2e.mdx  |  2 +
 .../components/general-installing-blazor.mdx  |  2 +
 .../en/components/general-licensing.mdx       |  2 +
 .../en/components/general-nuget-feed.mdx      |  2 +
 .../general-open-source-vs-premium.mdx        |  2 +
 .../general-step-by-step-guide-using-cli.mdx  |  2 +
 .../components/geo-map-binding-data-csv.mdx   |  2 +
 .../geo-map-binding-data-json-points.mdx      |  2 +
 .../components/geo-map-binding-data-model.mdx |  2 +
 .../geo-map-binding-data-overview.mdx         |  2 +
 .../geo-map-binding-multiple-shapes.mdx       |  2 +
 .../geo-map-binding-multiple-sources.mdx      |  2 +
 .../components/geo-map-binding-shp-file.mdx   |  2 +
 .../geo-map-display-azure-imagery.mdx         |  2 +
 .../geo-map-display-bing-imagery.mdx          |  2 +
 .../geo-map-display-esri-imagery.mdx          |  2 +
 .../geo-map-display-heat-imagery.mdx          |  2 +
 .../geo-map-display-imagery-types.mdx         |  2 +
 .../geo-map-display-osm-imagery.mdx           |  2 +
 .../en/components/geo-map-navigation.mdx      |  2 +
 .../en/components/geo-map-resources-esri.mdx  |  2 +
 ...eo-map-resources-shape-styling-utility.mdx |  2 +
 .../geo-map-resources-world-connections.mdx   |  2 +
 .../geo-map-resources-world-locations.mdx     |  2 +
 .../geo-map-resources-world-util.mdx          |  2 +
 .../geo-map-shape-files-reference.mdx         |  2 +
 .../en/components/geo-map-shape-styling.mdx   |  2 +
 .../geo-map-type-scatter-area-series.mdx      |  2 +
 .../geo-map-type-scatter-bubble-series.mdx    |  2 +
 .../geo-map-type-scatter-contour-series.mdx   |  2 +
 .../geo-map-type-scatter-density-series.mdx   |  2 +
 .../geo-map-type-scatter-symbol-series.mdx    |  2 +
 .../en/components/geo-map-type-series.mdx     |  2 +
 .../geo-map-type-shape-polygon-series.mdx     |  2 +
 .../geo-map-type-shape-polyline-series.mdx    |  2 +
 .../src/content/en/components/geo-map.mdx     |  2 +
 .../en/components/grid-lite/binding.mdx       |  2 +
 .../en/components/grid-lite/cell-template.mdx |  2 +
 .../grid-lite/column-configuration.mdx        |  2 +
 .../en/components/grid-lite/filtering.mdx     |  2 +
 .../components/grid-lite/header-template.mdx  |  2 +
 .../en/components/grid-lite/overview.mdx      |  2 +
 .../en/components/grid-lite/sorting.mdx       |  2 +
 .../en/components/grid-lite/theming.mdx       |  2 +
 .../grids/_shared/advanced-filtering.mdx      |  2 +
 .../grids/_shared/batch-editing.mdx           |  2 +
 .../grids/_shared/cascading-combos.mdx        |  2 +
 .../components/grids/_shared/cell-editing.mdx |  2 +
 .../components/grids/_shared/cell-merging.mdx |  2 +
 .../grids/_shared/cell-selection.mdx          |  2 +
 .../grids/_shared/clipboard-interactions.mdx  |  2 +
 .../_shared/collapsible-column-groups.mdx     |  2 +
 .../grids/_shared/column-hiding.mdx           |  2 +
 .../grids/_shared/column-moving.mdx           |  2 +
 .../grids/_shared/column-pinning.mdx          |  2 +
 .../grids/_shared/column-resizing.mdx         |  2 +
 .../grids/_shared/column-selection.mdx        |  2 +
 .../components/grids/_shared/column-types.mdx |  2 +
 .../_shared/conditional-cell-styling.mdx      |  2 +
 .../en/components/grids/_shared/editing.mdx   |  2 +
 .../grids/_shared/excel-style-filtering.mdx   |  2 +
 .../components/grids/_shared/export-excel.mdx |  2 +
 .../en/components/grids/_shared/filtering.mdx |  2 +
 .../grids/_shared/keyboard-navigation.mdx     |  2 +
 .../en/components/grids/_shared/live-data.mdx |  2 +
 .../grids/_shared/multi-column-headers.mdx    |  2 +
 .../grids/_shared/multi-row-layout.mdx        |  2 +
 .../en/components/grids/_shared/paging.mdx    |  2 +
 .../grids/_shared/remote-data-operations.mdx  |  2 +
 .../components/grids/_shared/row-actions.mdx  |  2 +
 .../components/grids/_shared/row-adding.mdx   |  2 +
 .../en/components/grids/_shared/row-drag.mdx  |  2 +
 .../components/grids/_shared/row-editing.mdx  |  2 +
 .../components/grids/_shared/row-pinning.mdx  |  2 +
 .../grids/_shared/row-selection.mdx           |  2 +
 .../en/components/grids/_shared/search.mdx    |  2 +
 .../en/components/grids/_shared/selection.mdx |  2 +
 .../en/components/grids/_shared/size.mdx      |  2 +
 .../en/components/grids/_shared/sizing.mdx    |  2 +
 .../en/components/grids/_shared/sorting.mdx   |  2 +
 .../grids/_shared/state-persistence.mdx       |  2 +
 .../en/components/grids/_shared/summaries.mdx |  2 +
 .../en/components/grids/_shared/toolbar.mdx   |  2 +
 .../components/grids/_shared/validation.mdx   |  2 +
 .../grids/_shared/virtualization.mdx          |  2 +
 .../content/en/components/grids/data-grid.mdx |  2 +
 .../en/components/grids/grid/groupby.mdx      |  2 +
 .../en/components/grids/grid/icons.mdx        |  2 +
 .../components/grids/grid/master-detail.mdx   |  2 +
 .../en/components/grids/grid/paste-excel.mdx  |  2 +
 .../grids/grid/selection-based-aggregates.mdx |  2 +
 .../en/components/grids/grid/theming-grid.mdx |  2 +
 .../en/components/grids/grids-header.mdx      |  2 +
 .../src/content/en/components/grids/grids.mdx |  2 +
 .../hierarchical-grid/load-on-demand.mdx      |  2 +
 .../grids/hierarchical-grid/overview.mdx      |  2 +
 .../grids/hierarchical-grid/theming-grid.mdx  |  2 +
 .../src/content/en/components/grids/list.mdx  |  2 +
 .../components/grids/pivot-grid/features.mdx  |  2 +
 .../components/grids/pivot-grid/overview.mdx  |  2 +
 .../grids/pivot-grid/remote-operations.mdx    |  2 +
 .../content/en/components/grids/theming.mdx   |  2 +
 .../grids/tree-grid/load-on-demand.mdx        |  2 +
 .../components/grids/tree-grid/overview.mdx   |  2 +
 .../grids/tree-grid/theming-grid.mdx          |  2 +
 .../src/content/en/components/grids/tree.mdx  |  2 +
 .../content/en/components/inputs/badge.mdx    |  2 +
 .../en/components/inputs/button-group.mdx     |  2 +
 .../content/en/components/inputs/button.mdx   |  2 +
 .../content/en/components/inputs/checkbox.mdx |  2 +
 .../src/content/en/components/inputs/chip.mdx |  2 +
 .../components/inputs/circular-progress.mdx   |  2 +
 .../en/components/inputs/color-editor.mdx     |  2 +
 .../en/components/inputs/combo/features.mdx   |  2 +
 .../en/components/inputs/combo/overview.mdx   |  2 +
 .../inputs/combo/single-selection.mdx         |  2 +
 .../en/components/inputs/combo/templates.mdx  |  2 +
 .../en/components/inputs/date-time-input.mdx  |  2 +
 .../content/en/components/inputs/dropdown.mdx |  2 +
 .../en/components/inputs/file-input.mdx       |  2 +
 .../en/components/inputs/highlight.mdx        |  2 +
 .../en/components/inputs/icon-button.mdx      |  2 +
 .../content/en/components/inputs/input.mdx    |  2 +
 .../en/components/inputs/linear-progress.mdx  |  2 +
 .../en/components/inputs/mask-input.mdx       |  2 +
 .../en/components/inputs/query-builder.mdx    |  2 +
 .../content/en/components/inputs/radio.mdx    |  2 +
 .../content/en/components/inputs/rating.mdx   |  2 +
 .../content/en/components/inputs/ripple.mdx   |  2 +
 .../content/en/components/inputs/select.mdx   |  2 +
 .../content/en/components/inputs/slider.mdx   |  4 +-
 .../content/en/components/inputs/switch.mdx   |  2 +
 .../en/components/inputs/text-area.mdx        |  2 +
 .../content/en/components/inputs/tooltip.mdx  |  2 +
 .../accessibility-compliance.mdx              |  2 +
 .../en/components/interactivity/chat.mdx      |  2 +
 .../en/components/layouts/accordion.mdx       |  2 +
 .../content/en/components/layouts/avatar.mdx  |  2 +
 .../content/en/components/layouts/card.mdx    |  2 +
 .../en/components/layouts/carousel.mdx        |  2 +
 .../content/en/components/layouts/divider.mdx |  2 +
 .../layouts/dock-manager-customization.mdx    |  2 +
 .../layouts/dock-manager-electron.mdx         |  2 +
 .../layouts/dock-manager-embedding-frames.mdx |  2 +
 .../layouts/dock-manager-updating-panes.mdx   |  2 +
 .../en/components/layouts/dock-manager.mdx    |  4 +-
 .../en/components/layouts/expansion-panel.mdx |  2 +
 .../content/en/components/layouts/icon.mdx    |  2 +
 .../en/components/layouts/splitter.mdx        |  2 +
 .../content/en/components/layouts/stepper.mdx |  2 +
 .../content/en/components/layouts/tabs.mdx    |  2 +
 .../en/components/layouts/tile-manager.mdx    |  2 +
 .../content/en/components/linear-gauge.mdx    |  2 +
 .../content/en/components/localization.mdx    |  2 +
 .../content/en/components/maps/map-api.mdx    |  2 +
 .../content/en/components/menus/navbar.mdx    |  2 +
 .../en/components/menus/navigation-drawer.mdx |  2 +
 .../content/en/components/menus/toolbar.mdx   |  2 +
 .../content/en/components/nextjs-usage.mdx    |  2 +
 .../en/components/notifications/banner.mdx    |  2 +
 .../en/components/notifications/dialog.mdx    |  2 +
 .../en/components/notifications/snackbar.mdx  |  2 +
 .../en/components/notifications/toast.mdx     |  2 +
 .../content/en/components/radial-gauge.mdx    |  2 +
 .../en/components/scheduling/calendar.mdx     |  2 +
 .../en/components/scheduling/date-picker.mdx  |  2 +
 .../scheduling/date-range-picker.mdx          |  2 +
 .../en/components/spreadsheet-activation.mdx  |  2 +
 .../components/spreadsheet-chart-adapter.mdx  |  2 +
 .../en/components/spreadsheet-clipboard.mdx   |  2 +
 .../en/components/spreadsheet-commands.mdx    |  2 +
 .../spreadsheet-conditional-formatting.mdx    |  2 +
 .../en/components/spreadsheet-configuring.mdx |  2 +
 .../spreadsheet-data-validation.mdx           |  2 +
 .../en/components/spreadsheet-hyperlinks.mdx  |  2 +
 .../en/components/spreadsheet-overview.mdx    |  2 +
 .../en/components/themes/configuration.mdx    |  2 +
 .../en/components/themes/elevations.mdx       |  2 +
 .../content/en/components/themes/overview.mdx |  2 +
 .../content/en/components/themes/palettes.mdx |  2 +
 .../content/en/components/themes/styles.mdx   |  2 +
 .../content/en/components/themes/tailwind.mdx |  2 +
 .../en/components/themes/typography.mdx       |  2 +
 .../content/en/components/update-guide.mdx    |  2 +
 .../en/components/zoomslider-overview.mdx     |  2 +
 .../ai/ai-assisted-development-overview.mdx   |  2 +
 .../src/content/jp/components/ai/cli-mcp.mdx  |  2 +
 .../src/content/jp/components/ai/skills.mdx   |  2 +
 .../content/jp/components/ai/theming-mcp.mdx  |  2 +
 ...ion-of-formulas-to-speed-up-processing.mdx |  2 +
 ...rite-excel-files-to-reduce-server-load.mdx |  2 +
 .../content/jp/components/bullet-graph.mdx    |  2 +
 .../jp/components/charts/chart-api.mdx        |  2 +
 .../jp/components/charts/chart-features.mdx   |  2 +
 .../jp/components/charts/chart-overview.mdx   |  2 +
 .../charts/features/chart-animations.mdx      |  2 +
 .../charts/features/chart-annotations.mdx     |  2 +
 .../charts/features/chart-axis-gridlines.mdx  |  2 +
 .../charts/features/chart-axis-layouts.mdx    |  2 +
 .../charts/features/chart-axis-options.mdx    |  2 +
 .../charts/features/chart-axis-types.mdx      |  2 +
 .../features/chart-data-aggregations.mdx      |  2 +
 .../features/chart-data-annotations.mdx       |  2 +
 .../charts/features/chart-data-filtering.mdx  |  2 +
 .../charts/features/chart-data-legend.mdx     |  2 +
 .../charts/features/chart-data-selection.mdx  |  2 +
 .../charts/features/chart-data-tooltip.mdx    |  2 +
 .../features/chart-highlight-filter.mdx       |  2 +
 .../charts/features/chart-highlighting.mdx    |  2 +
 .../charts/features/chart-markers.mdx         |  2 +
 .../charts/features/chart-navigation.mdx      |  2 +
 .../charts/features/chart-overlays.mdx        |  2 +
 .../charts/features/chart-performance.mdx     |  2 +
 .../charts/features/chart-synchronization.mdx |  2 +
 .../charts/features/chart-titles.mdx          |  2 +
 .../charts/features/chart-tooltips.mdx        |  2 +
 .../charts/features/chart-trendlines.mdx      |  2 +
 .../features/chart-user-annotations.mdx       |  2 +
 .../jp/components/charts/types/area-chart.mdx |  2 +
 .../jp/components/charts/types/bar-chart.mdx  |  2 +
 .../components/charts/types/bubble-chart.mdx  |  2 +
 .../components/charts/types/column-chart.mdx  |  2 +
 .../charts/types/composite-chart.mdx          |  2 +
 .../charts/types/data-pie-chart.mdx           |  2 +
 .../components/charts/types/donut-chart.mdx   |  2 +
 .../components/charts/types/gantt-chart.mdx   |  2 +
 .../jp/components/charts/types/line-chart.mdx |  2 +
 .../components/charts/types/network-chart.mdx |  2 +
 .../jp/components/charts/types/pie-chart.mdx  |  2 +
 .../components/charts/types/point-chart.mdx   |  2 +
 .../components/charts/types/polar-chart.mdx   |  2 +
 .../components/charts/types/pyramid-chart.mdx |  2 +
 .../components/charts/types/radial-chart.mdx  |  2 +
 .../components/charts/types/scatter-chart.mdx |  2 +
 .../components/charts/types/shape-chart.mdx   |  2 +
 .../charts/types/sparkline-chart.mdx          |  2 +
 .../components/charts/types/spline-chart.mdx  |  2 +
 .../components/charts/types/stacked-chart.mdx |  2 +
 .../jp/components/charts/types/step-chart.mdx |  2 +
 .../components/charts/types/stock-chart.mdx   |  2 +
 .../components/charts/types/treemap-chart.mdx |  2 +
 ...tomize-marker-display-in-blazor-charts.mdx |  2 +
 .../content/jp/components/dashboard-tile.mdx  |  2 +
 .../components/excel-library-using-cells.mdx  |  2 +
 .../components/excel-library-using-tables.mdx |  2 +
 .../excel-library-using-workbooks.mdx         |  2 +
 .../excel-library-using-worksheets.mdx        |  2 +
 .../excel-library-working-with-charts.mdx     |  2 +
 .../excel-library-working-with-grids.mdx      |  2 +
 .../excel-library-working-with-sparklines.mdx |  2 +
 .../content/jp/components/excel-library.mdx   |  2 +
 .../content/jp/components/excel-utility.mdx   |  2 +
 .../general-changelog-dv-blazor.mdx           |  2 +
 .../components/general-changelog-dv-react.mdx |  2 +
 .../jp/components/general-changelog-dv-wc.mdx |  2 +
 .../jp/components/general-changelog-dv.mdx    |  2 +
 .../jp/components/general-cli-overview.mdx    |  2 +
 .../general-getting-started-blazor-client.mdx |  2 +
 .../general-getting-started-blazor-maui.mdx   |  2 +
 ...general-getting-started-blazor-web-app.mdx |  2 +
 .../general-getting-started-oss.mdx           |  2 +
 .../jp/components/general-getting-started.mdx |  2 +
 .../jp/components/general-how-to-mcp-e2e.mdx  |  2 +
 .../components/general-installing-blazor.mdx  |  2 +
 .../jp/components/general-licensing.mdx       |  2 +
 .../jp/components/general-nuget-feed.mdx      |  2 +
 .../general-open-source-vs-premium.mdx        |  2 +
 .../components/geo-map-binding-data-csv.mdx   |  2 +
 .../geo-map-binding-data-json-points.mdx      |  2 +
 .../components/geo-map-binding-data-model.mdx |  2 +
 .../geo-map-binding-data-overview.mdx         |  2 +
 .../geo-map-binding-multiple-shapes.mdx       |  2 +
 .../geo-map-binding-multiple-sources.mdx      |  2 +
 .../components/geo-map-binding-shp-file.mdx   |  2 +
 .../geo-map-display-azure-imagery.mdx         |  2 +
 .../geo-map-display-bing-imagery.mdx          |  2 +
 .../geo-map-display-esri-imagery.mdx          |  2 +
 .../geo-map-display-heat-imagery.mdx          |  2 +
 .../geo-map-display-imagery-types.mdx         |  2 +
 .../geo-map-display-osm-imagery.mdx           |  2 +
 .../jp/components/geo-map-navigation.mdx      |  2 +
 .../jp/components/geo-map-resources-esri.mdx  |  2 +
 ...eo-map-resources-shape-styling-utility.mdx |  2 +
 .../geo-map-resources-world-connections.mdx   |  2 +
 .../geo-map-resources-world-locations.mdx     |  2 +
 .../geo-map-resources-world-util.mdx          |  2 +
 .../geo-map-shape-files-reference.mdx         |  2 +
 .../jp/components/geo-map-shape-styling.mdx   |  2 +
 .../geo-map-type-scatter-area-series.mdx      |  2 +
 .../geo-map-type-scatter-bubble-series.mdx    |  2 +
 .../geo-map-type-scatter-contour-series.mdx   |  2 +
 .../geo-map-type-scatter-density-series.mdx   |  2 +
 .../geo-map-type-scatter-symbol-series.mdx    |  2 +
 .../jp/components/geo-map-type-series.mdx     |  2 +
 .../geo-map-type-shape-polygon-series.mdx     |  2 +
 .../geo-map-type-shape-polyline-series.mdx    |  2 +
 .../src/content/jp/components/geo-map.mdx     |  2 +
 .../jp/components/grid-lite/binding.mdx       |  2 +
 .../jp/components/grid-lite/cell-template.mdx |  2 +
 .../grid-lite/column-configuration.mdx        |  2 +
 .../jp/components/grid-lite/filtering.mdx     |  2 +
 .../components/grid-lite/header-template.mdx  |  2 +
 .../jp/components/grid-lite/overview.mdx      |  2 +
 .../jp/components/grid-lite/sorting.mdx       |  2 +
 .../jp/components/grid-lite/theming.mdx       |  2 +
 .../grids/_shared/advanced-filtering.mdx      |  2 +
 .../grids/_shared/batch-editing.mdx           |  2 +
 .../grids/_shared/cascading-combos.mdx        |  2 +
 .../components/grids/_shared/cell-editing.mdx |  2 +
 .../components/grids/_shared/cell-merging.mdx |  2 +
 .../grids/_shared/cell-selection.mdx          |  2 +
 .../grids/_shared/clipboard-interactions.mdx  |  2 +
 .../_shared/collapsible-column-groups.mdx     |  2 +
 .../grids/_shared/column-hiding.mdx           |  2 +
 .../grids/_shared/column-moving.mdx           |  2 +
 .../grids/_shared/column-pinning.mdx          |  2 +
 .../grids/_shared/column-resizing.mdx         |  2 +
 .../grids/_shared/column-selection.mdx        |  2 +
 .../components/grids/_shared/column-types.mdx |  2 +
 .../_shared/conditional-cell-styling.mdx      |  2 +
 .../jp/components/grids/_shared/editing.mdx   |  2 +
 .../grids/_shared/excel-style-filtering.mdx   |  2 +
 .../components/grids/_shared/export-excel.mdx |  2 +
 .../jp/components/grids/_shared/filtering.mdx |  2 +
 .../grids/_shared/keyboard-navigation.mdx     |  2 +
 .../jp/components/grids/_shared/live-data.mdx |  2 +
 .../grids/_shared/multi-column-headers.mdx    |  2 +
 .../grids/_shared/multi-row-layout.mdx        |  2 +
 .../jp/components/grids/_shared/paging.mdx    |  2 +
 .../grids/_shared/remote-data-operations.mdx  |  2 +
 .../components/grids/_shared/row-actions.mdx  |  2 +
 .../components/grids/_shared/row-adding.mdx   |  2 +
 .../jp/components/grids/_shared/row-drag.mdx  |  2 +
 .../components/grids/_shared/row-editing.mdx  |  2 +
 .../components/grids/_shared/row-pinning.mdx  |  2 +
 .../grids/_shared/row-selection.mdx           |  2 +
 .../jp/components/grids/_shared/search.mdx    |  2 +
 .../jp/components/grids/_shared/selection.mdx |  2 +
 .../jp/components/grids/_shared/size.mdx      |  2 +
 .../jp/components/grids/_shared/sizing.mdx    |  2 +
 .../jp/components/grids/_shared/sorting.mdx   |  2 +
 .../grids/_shared/state-persistence.mdx       |  2 +
 .../jp/components/grids/_shared/summaries.mdx |  2 +
 .../jp/components/grids/_shared/toolbar.mdx   |  2 +
 .../components/grids/_shared/validation.mdx   |  2 +
 .../grids/_shared/virtualization.mdx          |  2 +
 .../content/jp/components/grids/data-grid.mdx |  2 +
 .../jp/components/grids/grid/groupby.mdx      |  2 +
 .../jp/components/grids/grid/icons.mdx        |  2 +
 .../components/grids/grid/master-detail.mdx   |  2 +
 .../jp/components/grids/grid/paste-excel.mdx  |  2 +
 .../grids/grid/selection-based-aggregates.mdx |  2 +
 .../jp/components/grids/grids-header.mdx      |  2 +
 .../src/content/jp/components/grids/grids.mdx |  2 +
 .../hierarchical-grid/load-on-demand.mdx      |  2 +
 .../grids/hierarchical-grid/overview.mdx      |  2 +
 .../src/content/jp/components/grids/list.mdx  |  2 +
 .../components/grids/pivot-grid/features.mdx  |  2 +
 .../components/grids/pivot-grid/overview.mdx  |  2 +
 .../grids/pivot-grid/remote-operations.mdx    |  2 +
 .../jp/components/grids/theming-grid.mdx      |  2 +
 .../content/jp/components/grids/theming.mdx   |  2 +
 .../grids/tree-grid/load-on-demand.mdx        |  2 +
 .../components/grids/tree-grid/overview.mdx   |  2 +
 .../src/content/jp/components/grids/tree.mdx  |  2 +
 .../content/jp/components/inputs/badge.mdx    |  2 +
 .../jp/components/inputs/button-group.mdx     |  2 +
 .../content/jp/components/inputs/button.mdx   |  2 +
 .../content/jp/components/inputs/checkbox.mdx |  2 +
 .../src/content/jp/components/inputs/chip.mdx |  2 +
 .../components/inputs/circular-progress.mdx   |  2 +
 .../jp/components/inputs/color-editor.mdx     |  2 +
 .../jp/components/inputs/combo/features.mdx   |  2 +
 .../jp/components/inputs/combo/overview.mdx   |  2 +
 .../inputs/combo/single-selection.mdx         |  2 +
 .../jp/components/inputs/combo/templates.mdx  |  2 +
 .../jp/components/inputs/date-time-input.mdx  |  2 +
 .../content/jp/components/inputs/dropdown.mdx |  2 +
 .../jp/components/inputs/file-input.mdx       |  2 +
 .../jp/components/inputs/highlight.mdx        |  2 +
 .../jp/components/inputs/icon-button.mdx      |  2 +
 .../content/jp/components/inputs/input.mdx    |  2 +
 .../jp/components/inputs/linear-progress.mdx  |  2 +
 .../jp/components/inputs/mask-input.mdx       |  2 +
 .../jp/components/inputs/query-builder.mdx    |  2 +
 .../content/jp/components/inputs/radio.mdx    |  2 +
 .../content/jp/components/inputs/rating.mdx   |  2 +
 .../content/jp/components/inputs/ripple.mdx   |  2 +
 .../content/jp/components/inputs/select.mdx   |  2 +
 .../content/jp/components/inputs/slider.mdx   |  2 +
 .../content/jp/components/inputs/switch.mdx   |  2 +
 .../jp/components/inputs/text-area.mdx        |  2 +
 .../content/jp/components/inputs/tooltip.mdx  |  2 +
 .../accessibility-compliance.mdx              |  2 +
 .../jp/components/interactivity/chat.mdx      |  2 +
 .../jp/components/layouts/accordion.mdx       |  2 +
 .../content/jp/components/layouts/avatar.mdx  |  2 +
 .../content/jp/components/layouts/card.mdx    |  2 +
 .../jp/components/layouts/carousel.mdx        |  2 +
 .../content/jp/components/layouts/divider.mdx |  2 +
 .../layouts/dock-manager-customization.mdx    |  2 +
 .../layouts/dock-manager-electron.mdx         |  2 +
 .../layouts/dock-manager-embedding-frames.mdx |  2 +
 .../layouts/dock-manager-updating-panes.mdx   |  2 +
 .../jp/components/layouts/dock-manager.mdx    |  2 +
 .../jp/components/layouts/expansion-panel.mdx |  2 +
 .../content/jp/components/layouts/icon.mdx    |  2 +
 .../jp/components/layouts/splitter.mdx        |  2 +
 .../content/jp/components/layouts/stepper.mdx |  2 +
 .../content/jp/components/layouts/tabs.mdx    |  2 +
 .../jp/components/layouts/tile-manager.mdx    |  2 +
 .../content/jp/components/linear-gauge.mdx    |  2 +
 .../content/jp/components/maps/map-api.mdx    |  2 +
 .../content/jp/components/menus/navbar.mdx    |  2 +
 .../jp/components/menus/navigation-drawer.mdx |  2 +
 .../content/jp/components/menus/toolbar.mdx   |  2 +
 .../content/jp/components/nextjs-usage.mdx    |  2 +
 .../jp/components/notifications/banner.mdx    |  2 +
 .../jp/components/notifications/dialog.mdx    |  2 +
 .../jp/components/notifications/snackbar.mdx  |  2 +
 .../jp/components/notifications/toast.mdx     |  2 +
 .../content/jp/components/radial-gauge.mdx    |  2 +
 .../jp/components/scheduling/calendar.mdx     |  2 +
 .../jp/components/scheduling/date-picker.mdx  |  2 +
 .../scheduling/date-range-picker.mdx          |  2 +
 .../jp/components/spreadsheet-activation.mdx  |  2 +
 .../components/spreadsheet-chart-adapter.mdx  |  2 +
 .../jp/components/spreadsheet-clipboard.mdx   |  2 +
 .../jp/components/spreadsheet-commands.mdx    |  2 +
 .../spreadsheet-conditional-formatting.mdx    |  2 +
 .../jp/components/spreadsheet-configuring.mdx |  2 +
 .../spreadsheet-data-validation.mdx           |  2 +
 .../jp/components/spreadsheet-hyperlinks.mdx  |  2 +
 .../jp/components/spreadsheet-overview.mdx    |  2 +
 .../jp/components/themes/configuration.mdx    |  2 +
 .../jp/components/themes/elevations.mdx       |  2 +
 .../content/jp/components/themes/overview.mdx |  2 +
 .../content/jp/components/themes/palettes.mdx |  2 +
 .../content/jp/components/themes/styles.mdx   |  2 +
 .../content/jp/components/themes/tailwind.mdx |  2 +
 .../jp/components/themes/typography.mdx       |  2 +
 .../content/jp/components/update-guide.mdx    |  2 +
 .../jp/components/zoomslider-overview.mdx     |  2 +
 migration.md                                  | 13 +++++
 package.json                                  |  3 +-
 src/llms.ts                                   | 12 ++++-
 1180 files changed, 2776 insertions(+), 25 deletions(-)

diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md
index e6aed90770..350120f89d 100644
--- a/.github/CONTRIBUTING.md
+++ b/.github/CONTRIBUTING.md
@@ -2,17 +2,18 @@
  ### 1. [Repository overview](#repository-overview)
  ### 2. [Writing an article](#writing-an-article)
  ### 3. [Topic structure](#topic-structure)
- ### 4. [Writing a Styling section for article](#styling-section)
- ### 5. [Workflow](#workflow)
- ### 6. [Environment variables and template tokens](#environment-variables)
- ### 7. [Sample / Code View Configuration](#code-view-configuration)
- ### 8. [PlatformBlock usage](#platform-block)
- ### 9. [ApiLink usage](#api-link)
- ### 10. [Checking MDX API Links](#checking-api-links)
- ### 11. [ApiLink registry workflow](#api-link-registry-workflow)
- ### 12. [Creating shared help topics](#creating-shared-help-topics)
- ### 13. [Updating of Data Visualization related topics](#updating-of-data-visualization-related-topics)
- ### 14. [Adding of images](#adding-of-images-in-the-topic)
+ ### 4. [LLM metadata](#llm-metadata)
+ ### 5. [Writing a Styling section for article](#styling-section)
+ ### 6. [Workflow](#workflow)
+ ### 7. [Environment variables and template tokens](#environment-variables)
+ ### 8. [Sample / Code View Configuration](#code-view-configuration)
+ ### 9. [PlatformBlock usage](#platform-block)
+ ### 10. [ApiLink usage](#api-link)
+ ### 11. [Checking MDX API Links](#checking-api-links)
+ ### 12. [ApiLink registry workflow](#api-link-registry-workflow)
+ ### 13. [Creating shared help topics](#creating-shared-help-topics)
+ ### 14. [Updating of Data Visualization related topics](#updating-of-data-visualization-related-topics)
+ ### 15. [Adding of images](#adding-of-images-in-the-topic)
 
 # <a name='#repository-overview'>Repository overview</a>
 
@@ -99,6 +100,35 @@ The purpose of this section is to present what the structure of the topic should
 Minor titles related to the main titles can be used with `<h3>`(`###`) or `<h4>` (`####`).
 Note: when `<h4>` (`####`) is used the title won't appear on the submenu on the right.
 
+# <a name='#llm-metadata'>LLM metadata</a>
+
+Every English and Japanese topic frontmatter block must include an `llms.description`. The build uses this value for the page entry in `llms.txt`, where a model must decide which page to open without reading the full topic.
+
+```yaml
+description: Learn how to configure sorting in the Angular Grid.
+keywords: angular grid, sorting, multi-column sorting
+llms:
+  description: Configure single- and multi-column Grid sorting, sorting expressions, custom strategies, and runtime sort state in Ignite UI for Angular.
+```
+
+Keep `description` and `keywords` focused on reader-facing SEO. Write `llms.description` as a compact content summary that names the component or feature and the concrete tasks, concepts, or APIs covered by the page.
+
+- Use one meaningful sentence, between 40 and 300 characters for English or 20 and 300 characters for Japanese.
+- Describe the page's distinguishing content. Do not merely restate its title.
+- Prefer specific capabilities such as configuration, events, methods, data operations, styling, or troubleshooting.
+- Do not use calls to action such as "Try it now" or "Check out examples and demos".
+- Do not include HTML, Markdown links, or generic openings such as "This topic" and "In this example".
+- Shared xplat descriptions may use build tokens such as `{Platform}`, `{ProductName}`, and `{ComponentTitle}`.
+- When a file contains multiple conditional frontmatter blocks, add the metadata to every block.
+
+Run the read-only metadata validator before opening a pull request:
+
+```bash
+npm run check:llms-metadata
+```
+
+The validator checks English and Japanese author-owned sources for missing or empty values, length, mojibake, language mismatch, marketing boilerplate, markup, and common malformed text. It does not generate descriptions or replace editorial review for semantic accuracy.
+
 # <a name='#styling-section'>Writing a Styling section for article</a>
 
 The main purpose of the Styling section is to provide simple examples on how to style most common parts of the UI (let's say styling for alternate rows in the grid), copy/paste the code in any sample and see it working. In order to write content that fulfills the purpose, follow the steps below:
@@ -169,6 +199,7 @@ Example status workflows:
 4. Code views are working as well
 5. Each hyperlink is working properly.
 6. Table of content is correct.
+7. `npm run check:llms-metadata` passes and the `llms.description` accurately distinguishes the topic.
 
 > Note: Testing a PR from Angular Samples (when new sample is added) with combination of PR related to topic update (or when new topic is added).
 Open both repositories and perform `npm start`. This will start both projects and you will see the embed sample in your topic under `localhost`.
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index 61670d2bae..b7ad13ed59 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -18,6 +18,7 @@ Closes #
  - [ ] check if sample is working and fully visible in the topic
  - [ ] check if sample is working and fully visible in the StackBlitz
  - [ ] check if code blocks match the code in StackBlitz demo
+ - [ ] add or update meaningful `llms.description` metadata and run `npm run check:llms-metadata`
 
 
 <br />
diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml
index 41ecffdcc6..28440c7d98 100644
--- a/.github/workflows/lint.yml
+++ b/.github/workflows/lint.yml
@@ -11,8 +11,22 @@ on:
       - 'docs/**/*.md'
       - '.markdownlint.json'
       - 'cspell.json'
+      - 'scripts/check-llms-metadata.mjs'
+      - 'package.json'
 
 jobs:
+  llms-metadata:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+
+      - name: Validate llms.txt metadata
+        run: npm run check:llms-metadata
+
   markdown-lint:
     runs-on: ubuntu-latest
     steps:
diff --git a/DOCFX-SYNC.md b/DOCFX-SYNC.md
index b2d3980c0e..6db9796ee8 100644
--- a/DOCFX-SYNC.md
+++ b/DOCFX-SYNC.md
@@ -20,6 +20,7 @@ Common regressions introduced by the upstream sync:
 | `<!-- schema: -->` | Remove entirely |
 | `suffix={false}` missing on non-Component classes | Restore from master |
 | `prefixed={false}` missing on interface/enum/type types | Restore from master |
+| Missing or overwritten `llms.description` | Add or preserve a specific summary for the generated `llms.txt` index |
 
 ---
 
@@ -87,6 +88,14 @@ Check all files (not just changed ones):
 node scripts/check-mdx-quality.mjs --all
 ```
 
+Validate English and Japanese LLM metadata after importing or resolving files:
+
+```bash
+npm run check:llms-metadata
+```
+
+This check does not modify content. Fix each reported source frontmatter block manually and preserve existing `llms.description` values when resolving sync conflicts.
+
 ### 4. Fix raw angularApiUrl links
 
 For each file reported with raw `{environment:angularApiUrl}` links:
@@ -153,6 +162,8 @@ Angular docs use `<ApiLink>` **without** a `pkg=` prop for most types (defaults
 
 Japanese content mirrors English structure under `docs/angular/src/content/jp/`. Apply the same fixes. The text is Japanese but the `<ApiLink>` components are identical to EN — use the EN file as the reference for what components should exist.
 
+Japanese `llms.description` values must be written in Japanese. They should summarize the actual page content rather than translate English marketing boilerplate.
+
 ---
 
 ## Checking against the skill rules
diff --git a/README.md b/README.md
index a29aac5371..dbdf81da9d 100644
--- a/README.md
+++ b/README.md
@@ -84,6 +84,16 @@ These scripts also check for ambiguous `ApiLink` references. If a symbol exists
 
 Fix ambiguous links by adding a specific `pkg` or `kind` prop. If the correct target differs by platform, wrap platform-specific links in `PlatformBlock`.
 
+## Checking LLM Metadata
+
+English and Japanese topics use `llms.description` to provide concise page summaries in the generated `llms.txt` indexes. Validate all author-owned source topics with:
+
+```bash
+npm run check:llms-metadata
+```
+
+The check is read-only and reports the source file and line for missing or malformed metadata. See [.github/CONTRIBUTING.md](.github/CONTRIBUTING.md#llm-metadata) for the writing rules and [migration.md](migration.md#4-frontmatter) for migration guidance.
+
 ## Content Locations
 
 - Angular content lives under `docs/angular/src/content/<locale>/`.
diff --git a/docs/angular/src/content/en/components/accordion.mdx b/docs/angular/src/content/en/components/accordion.mdx
index 44ab5f6772..e8972ed4d0 100644
--- a/docs/angular/src/content/en/components/accordion.mdx
+++ b/docs/angular/src/content/en/components/accordion.mdx
@@ -3,6 +3,8 @@ title: Angular Accordion Component – Fully-featured collapsible panels - Infra
 description: Angular Accordion is used to build vertical expandable panels in accordion menu. Check how to do it with Ignite UI for Angular accordion component. 
 keywords: angular accordion, angular accordion component, angular accordion example, ignite ui for angular, angular UI components, infragistics
 license: MIT
+llms:
+  description: "The Angular Accordion is a GUI component for building vertical expandable panels with clickable headers and associated content sections, displayed in a single container."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/action-strip.mdx b/docs/angular/src/content/en/components/action-strip.mdx
index 7b4caadeb1..dd0b39f1ae 100644
--- a/docs/angular/src/content/en/components/action-strip.mdx
+++ b/docs/angular/src/content/en/components/action-strip.mdx
@@ -3,6 +3,8 @@ title: Angular Action Strip Component – Ignite UI for Angular | Infragistics |
 description: The Action Strip represents a template area for one or more actions. The Action Strip requires to be inside a relative container, as it is going to overlay it.
 keywords: Angular Action Strip component, Angular Action Strip directive, Angular Action Strip control, Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Angular UI Components
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Action Strip component provides an overlay area containing one or more actions allowing additional UI and functionality to be shown on top of a specific target container upon user interaction e.g. hover."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/ai/ai-assisted-development-overview.mdx b/docs/angular/src/content/en/components/ai/ai-assisted-development-overview.mdx
index e31ab2b743..21cc36c62a 100644
--- a/docs/angular/src/content/en/components/ai/ai-assisted-development-overview.mdx
+++ b/docs/angular/src/content/en/components/ai/ai-assisted-development-overview.mdx
@@ -6,6 +6,8 @@ license: MIT
 canonicalLink: "/components/ai-assisted-development-overview"
 mentionedTypes: []
 last_updated: "2026-05-03"
+llms:
+  description: "Ignite UI for Angular provides a complete AI toolchain - Agent Skills, the Ignite UI CLI MCP server, the Ignite UI Theming MCP server and the MAKER MCP server - that grounds AI coding assistants in correct component APIs, import paths, and design tokens."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/ai/cli-mcp.mdx b/docs/angular/src/content/en/components/ai/cli-mcp.mdx
index 419983b0fa..7c04c13a30 100644
--- a/docs/angular/src/content/en/components/ai/cli-mcp.mdx
+++ b/docs/angular/src/content/en/components/ai/cli-mcp.mdx
@@ -6,6 +6,8 @@ license: MIT
 canonicalLink: "/components/ai/cli-mcp"
 mentionedTypes: []
 last_updated: "2026-04-24"
+llms:
+  description: "The Ignite UI CLI MCP is a Model Context Protocol (MCP) server that enables AI assistants to scaffold projects, modify existing apps, create and update components, and answer documentation questions for Ignite UI for Angular applications."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/ai/maker-framework.mdx b/docs/angular/src/content/en/components/ai/maker-framework.mdx
index 8661cf69f4..bd5342be94 100644
--- a/docs/angular/src/content/en/components/ai/maker-framework.mdx
+++ b/docs/angular/src/content/en/components/ai/maker-framework.mdx
@@ -5,6 +5,8 @@ keywords: Angular, Ignite UI for Angular, Infragistics, MAKER, multi-agent, AI o
 license: MIT
 canonicalLink: "/components/ai/maker-framework"
 mentionedTypes: []
+llms:
+  description: "The MAKER Framework (@igniteui/maker-mcp) is a multi-agent AI orchestration MCP server from Infragistics that decomposes complex tasks into validated, executable step plans using a consensus-based voting algorithm across multiple AI agents."
 ---
 
 {/*cspell:words MAKER batchSize*/}
diff --git a/docs/angular/src/content/en/components/ai/skills.mdx b/docs/angular/src/content/en/components/ai/skills.mdx
index 3a95886d6c..32aff83992 100644
--- a/docs/angular/src/content/en/components/ai/skills.mdx
+++ b/docs/angular/src/content/en/components/ai/skills.mdx
@@ -3,6 +3,8 @@ title: Agent Skills | AI Skills | AI-Assisted Development | Ignite UI for Angula
 description: Learn how to use Agent Skills to supercharge AI-assisted development with Ignite UI for Angular components, grids, data operations, and theming.
 keywords: Ignite UI for Angular, agent skills, ai assisted development, github copilot, cursor, windsurf, claude, gemini cli, junie
 last_updated: "2026-04-24"
+llms:
+  description: "Ignite UI for Angular ships with Agent Skills - structured knowledge files that teach AI coding assistants (GitHub Copilot, Cursor, Windsurf, Claude, Gemini CLI, JetBrains Junie, etc.) how to work with Ignite UI for Angular."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/ai/theming-mcp.mdx b/docs/angular/src/content/en/components/ai/theming-mcp.mdx
index a187ea6508..7af334cc39 100644
--- a/docs/angular/src/content/en/components/ai/theming-mcp.mdx
+++ b/docs/angular/src/content/en/components/ai/theming-mcp.mdx
@@ -2,6 +2,8 @@
 title: Angular Theming MCP | Infragistics
 description: Use the Ignite UI Theming MCP server to generate Ignite UI for Angular palettes, themes, typography, and design token overrides through your AI assistant.
 keywords: Ignite UI for Angular controls, Angular widgets, web widgets, UI widgets, Components Suite, Artificial Intelligence, AI, MCP, Model Context Protocol, Theming, Custom Themes, Palettes, Typography, Elevations
+llms:
+  description: "The Ignite UI Theming MCP is a Model Context Protocol (MCP) server that enables AI assistants to generate production-ready theming code for Ignite UI applications."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/angular-reactive-form-validation.mdx b/docs/angular/src/content/en/components/angular-reactive-form-validation.mdx
index d0e7cc3059..749ac30399 100644
--- a/docs/angular/src/content/en/components/angular-reactive-form-validation.mdx
+++ b/docs/angular/src/content/en/components/angular-reactive-form-validation.mdx
@@ -2,6 +2,8 @@
 title: Angular reactive form validation – Ignite UI for Angular
 description: Angular form validation is a process of verifying if inputs entered by a user into a web-form are correct. Check how to do it with Ignite UI for Angular reactive forms.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Combo components, Angular Reactive Forms, Angular Forms
+llms:
+  description: "Reactive forms in Angular provide a direct access to the underlying form object model, offering an immutable and explicit approach to handling form inputs."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/autocomplete.mdx b/docs/angular/src/content/en/components/autocomplete.mdx
index 52b06590c2..0a4812c6a6 100644
--- a/docs/angular/src/content/en/components/autocomplete.mdx
+++ b/docs/angular/src/content/en/components/autocomplete.mdx
@@ -3,6 +3,8 @@ title: Angular Autocomplete Component – Ignite UI for Angular - MIT license
 description: The Angular Autocomplete directive offers a way to enhance a text input by showing a panel of suggested options provided by the developer. Try it now.
 keywords: Angular Autocomplete component, Angular Autocomplete directive, Angular Autocomplete control, Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Angular UI Components, Native Angular Components Library
 license: MIT
+llms:
+  description: "Angular Autocomplete is a search box directive that enables users to easily find, filter and select an item from a list of suggestions while they type."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/avatar.mdx b/docs/angular/src/content/en/components/avatar.mdx
index 046e32b8c0..684b49295d 100644
--- a/docs/angular/src/content/en/components/avatar.mdx
+++ b/docs/angular/src/content/en/components/avatar.mdx
@@ -3,6 +3,8 @@ title: Angular Avatar Component – Ignite UI for Angular | Infragistics | MIT l
 description: Ignite UI for Angular Avatar control enables users to add images, material icons or initials within any application for instances such as a profile button.
 keywords: Angular Avatar component, Angular Avatar control, Ignite UI for Angular, Angular UI components
 license: MIT
+llms:
+  description: "Angular Avatar component helps adding initials, images, or material icons to your application."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/badge.mdx b/docs/angular/src/content/en/components/badge.mdx
index 3fd3b53906..037ff5c5ba 100644
--- a/docs/angular/src/content/en/components/badge.mdx
+++ b/docs/angular/src/content/en/components/badge.mdx
@@ -3,6 +3,8 @@ title: Angular Badge Component – Ignite UI for Angular | Infragistics | MIT li
 description: Display an active count or icon in a predefined style to decorate other components anywhere in an application with Ignite UI for Angular Badge control.
 keywords: Angular Badge component, Angular Badge control, Ignite UI for Angular, Angular UI Components
 license: MIT 
+llms:
+  description: "Angular Badge is a component used in conjunction with avatars, navigation menus, or other components in an application when a visual notification is needed."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/banner.mdx b/docs/angular/src/content/en/components/banner.mdx
index 7ca75f5d91..bc22c8b2e0 100644
--- a/docs/angular/src/content/en/components/banner.mdx
+++ b/docs/angular/src/content/en/components/banner.mdx
@@ -3,6 +3,8 @@ title: Angular Banner Component – Ignite UI for Angular | Infragistics | MIT l
 description: Easily integrate a short, non-intrusive message (along with optional actions) using Ignite UI for Angular Banner component.
 keywords: Angular Banner component, Angular Banner control, Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Angular UI Components
 license: MIT
+llms:
+  description: "Angular Banner Component provides a way to easily display a prominent message to your application's users in a way that is less transient than a snackbar and less obtrusive than a dialog."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/bullet-graph.mdx b/docs/angular/src/content/en/components/bullet-graph.mdx
index 9896a0cc00..260824b749 100644
--- a/docs/angular/src/content/en/components/bullet-graph.mdx
+++ b/docs/angular/src/content/en/components/bullet-graph.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Bullet Graph, animation, labels, needle, scales, ranges, tick
 license: commercial
 mentionedTypes: ["BulletGraph"]
 namespace: Infragistics.Controls.Gauges
+llms:
+  description: "The Angular bullet graph component allows for a linear and concise view of measures compared against a scale."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/button-group.mdx b/docs/angular/src/content/en/components/button-group.mdx
index b4b150a7c1..10e8c3eea4 100644
--- a/docs/angular/src/content/en/components/button-group.mdx
+++ b/docs/angular/src/content/en/components/button-group.mdx
@@ -3,6 +3,8 @@ title: Angular Button Group Component – Ignite UI for Angular | Infragistics |
 description: Provides button group functionality to developers and also allows horizontal/vertical alignment, single/multiple selection with toggling.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Button Group components, Angular Button Group controls, Angular Buttons components, Angular Buttons controls
 license: MIT
+llms:
+  description: "Angular Button Group component is used to organize buttons into styled button groups with horizontal/vertical alignment, single/multiple selection and toggling."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/button.mdx b/docs/angular/src/content/en/components/button.mdx
index 56b10567e5..3e27a70f33 100644
--- a/docs/angular/src/content/en/components/button.mdx
+++ b/docs/angular/src/content/en/components/button.mdx
@@ -3,6 +3,8 @@ title: Angular Button Component - Ignite UI for Angular - MIT license
 description: Enhance standard buttons with built-in text, images and more features using Ignite UI for Angular Button component. Try it now.
 keywords: Angular Button component, Angular Button control, Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Angular UI Components,
 license: MIT
+llms:
+  description: "Angular Button directive is used for creating and adding actionable buttons to a web page/application."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/calendar.mdx b/docs/angular/src/content/en/components/calendar.mdx
index 8ecad72e16..d7ff32d4c9 100644
--- a/docs/angular/src/content/en/components/calendar.mdx
+++ b/docs/angular/src/content/en/components/calendar.mdx
@@ -3,6 +3,8 @@ title: Angular Calendar Component – Ignite UI for Angular | MIT license
 description: With Angular Calendar Component, users can create intuitive calendars for applications to display date information using three different selection modes. Try it Now
 keywords: angular calendar, angular calendar component, angular UI components, angular UI library, ignite ui for angular
 license: MIT
+llms:
+  description: "Angular Calendar is a UI component used for displaying dates and days in an app."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/card.mdx b/docs/angular/src/content/en/components/card.mdx
index 2e54784f0d..10a0beb6fa 100644
--- a/docs/angular/src/content/en/components/card.mdx
+++ b/docs/angular/src/content/en/components/card.mdx
@@ -3,6 +3,8 @@ title: Angular Card Component – Ignite UI for Angular - MIT license
 description: With Angular Card component you can present users with dashboards and engaging text, images, icons or buttons as an entry point for detailed information. Try it now.
 keywords: Angular Card component, Angular Card control, Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Angular UI Components, Native Angular Components Library
 license: MIT
+llms:
+  description: "Angular Card represents a flexible container that has different elements like title text, descriptions, image styles, call to action buttons, links and others."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/carousel.mdx b/docs/angular/src/content/en/components/carousel.mdx
index b56c252ec6..79c170f0f5 100644
--- a/docs/angular/src/content/en/components/carousel.mdx
+++ b/docs/angular/src/content/en/components/carousel.mdx
@@ -3,6 +3,8 @@ title: Angular Carousel Component – Ignite UI for Angular - MIT license
 description: Use Ignite UI for Angular Carousel component to navigate through a collection of slides, cards or page-based interfaces with endless programmatic features. Try it now
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Carousel component, Angular Carousel control
 license: MIT
+llms:
+  description: "Ignite UI for Angular Carousel is a responsive, lightweight component that provides the most flexible way to create slideshow-like web experience for users who navigate back and forth through a collection of images with text slides, links, and other html elements."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/charts/chart-api.mdx b/docs/angular/src/content/en/components/charts/chart-api.mdx
index fb694797a0..2f69498328 100644
--- a/docs/angular/src/content/en/components/charts/chart-api.mdx
+++ b/docs/angular/src/content/en/components/charts/chart-api.mdx
@@ -5,6 +5,8 @@ _keywords: Angular charts, chart API, API, Ignite UI for Angular, Infragistics
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular charts provide simple and easy to use APIs to plot your data in CategoryChart, FinancialChart, DataChart, DataPieChart, DoughnutChart, PieChart, and Sparkline UI elements."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/charts/chart-features.mdx b/docs/angular/src/content/en/components/charts/chart-features.mdx
index 59fcf82941..5b3fb1a799 100644
--- a/docs/angular/src/content/en/components/charts/chart-features.mdx
+++ b/docs/angular/src/content/en/components/charts/chart-features.mdx
@@ -4,6 +4,8 @@ description: Infragistics' Angular Chart Features
 keywords: "Angular Charts, Features, Infragistics"
 license: commercial
 mentionedTypes: ["FinancialChart", "CategoryChart", "DataChart"]
+llms:
+  description: "The Ignite UI for Angular Charts allow you to display many different features to portray the full data story to be told with your chart."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/chart-overview.mdx b/docs/angular/src/content/en/components/charts/chart-overview.mdx
index 52087e58d2..90b8471a59 100644
--- a/docs/angular/src/content/en/components/charts/chart-overview.mdx
+++ b/docs/angular/src/content/en/components/charts/chart-overview.mdx
@@ -4,6 +4,8 @@ description: "Ignite UI for Angular Charts & Graphs is an extensive library of d
 keywords: "Angular Charts, Chart, Infragistics"
 license: commercial
 mentionedTypes: ["DomainChart", "FinancialChart", "CategoryChart", "DataChart", "CategoryChartType"]
+llms:
+  description: "Ignite UI for Angular Charts & Graphs is an extensive library of data visualizations that enable stunning, interactive charts and dashboards for your web and mobile apps."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/charts/features/chart-animations.mdx b/docs/angular/src/content/en/components/charts/features/chart-animations.mdx
index f8c0fcd918..e9031e60db 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-animations.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-animations.mdx
@@ -5,13 +5,15 @@ _keywords: Angular Charts, Animations, Infragistics
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Animations allow you to ease-in the series as it loads a new data source."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
 # Angular Chart Animations
 
-Animations allows you to ease-in the series as it loads a new data source. The available animation differs depending on the type of series involved. For example, the column series animates by rising from the x-axis, a line series animates by drawing from the origin of y-axis.
+Animations allow you to ease-in the series as it loads a new data source. The available animation differs depending on the type of series involved. For example, the column series animates by rising from the x-axis, a line series animates by drawing from the origin of y-axis.
 
 Animations are disabled in the Ignite UI for Angular Charts, but they can be enabled by setting the <ApiLink type="CategoryChart" member="isTransitionInEnabled" label="IsTransitionInEnabled" /> property to true. From there, you can set the <ApiLink type="CategoryChart" member="transitionInDuration" label="TransitionInDuration" /> property to determine how long your animation should take to complete and the <ApiLink type="CategoryChart" member="transitionInMode" label="TransitionInMode" /> to determine the type of animation that takes place.
 
diff --git a/docs/angular/src/content/en/components/charts/features/chart-annotations.mdx b/docs/angular/src/content/en/components/charts/features/chart-annotations.mdx
index 847e2e8814..a56e9d66e3 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-annotations.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-annotations.mdx
@@ -5,6 +5,8 @@ _keywords: Angular Charts, Annotations, Infragistics
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Angular chart's hover interactions and annotations are implemented through hover interaction layers, which are series that are added to the series collection."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/features/chart-axis-gridlines.mdx b/docs/angular/src/content/en/components/charts/features/chart-axis-gridlines.mdx
index 58110ee38c..bb610320c2 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-axis-gridlines.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-axis-gridlines.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Axis, Gridlines, Infragistics"
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "XYChart", "DomainChart", "DataChart", "NumericXAxis", "NumericYAxis", "NumericAxisBase" ]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "All Ignite UI for Angular charts include built-in capability to modify appearance of axis lines as well as frequency of major/minor gridlines and tickmarks that are rendered on the X-Axis and Y-Axis."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/charts/features/chart-axis-layouts.mdx b/docs/angular/src/content/en/components/charts/features/chart-axis-layouts.mdx
index 0ea924fcbd..edc68e7cf1 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-axis-layouts.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-axis-layouts.mdx
@@ -4,6 +4,8 @@ description: Infragistics' Angular Axis Layouts
 keywords: "Angular Axis, Layouts, Location, Position, Share, Multiple, Crossing, Infragistics"
 license: commercial
 mentionedTypes: [ "DomainChart", "CategoryChart", "XYChart", "DomainChart", "DataChart", "Axis", "AxisLabelSettings", "ScatterSplineSeries", "TimeXAxis" ]
+llms:
+  description: "All Ignite UI for Angular charts include options to configure many axis layout options such as location as well as having the ability to share axis between series or have multiple axes in the same chart."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/charts/features/chart-axis-options.mdx b/docs/angular/src/content/en/components/charts/features/chart-axis-options.mdx
index f3b44b93cd..61246ace20 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-axis-options.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-axis-options.mdx
@@ -5,6 +5,8 @@ _keywords: Angular Axis, Options, Title, Labels, Gap, Overlap, Range, Scale, Mod
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "In all Ignite UI for Angular charts, the axes provide properties for visual configurations such as titles, labels, and ranges."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/features/chart-axis-types.mdx b/docs/angular/src/content/en/components/charts/features/chart-axis-types.mdx
index b46a85262d..3291d16b8c 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-axis-types.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-axis-types.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Axis, Options, Title, Labels, Gap, Overlap, Range, Scale, Mod
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "FinancialChart", "FinancialChartYAxisMode", "FinancialChartXAxisMode", "NumericYAxis", "CategoryXAxis"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular Category Chart uses only one CategoryXAxis and one NumericYAxis type."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 
diff --git a/docs/angular/src/content/en/components/charts/features/chart-data-aggregations.mdx b/docs/angular/src/content/en/components/charts/features/chart-data-aggregations.mdx
index 6963437950..cef58ac824 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-data-aggregations.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-data-aggregations.mdx
@@ -5,6 +5,8 @@ _keywords: Angular Charts, Markers, Infragistics
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "In the Ignite UI for Angular CategoryChart control Data Aggregations feature allows you to group data in the chart by unique values on the XAxis and then sort those groups."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/features/chart-data-annotations.mdx b/docs/angular/src/content/en/components/charts/features/chart-data-annotations.mdx
index a949cdcec8..9d8b84723c 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-data-annotations.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-data-annotations.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Charts, Data Annotations, Infragistics"
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "CrosshairLayer", "FinalValueLayer", "CalloutLayer"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "In the Angular chart, the data annotation layers allow you to annotate data plotted in Data Chart with sloped lines, vertical/horizontal lines (aka axis slices), vertical/horizontal strips (targeting specific axis), rectangles, and even parallelograms (aka bands)."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/charts/features/chart-data-filtering.mdx b/docs/angular/src/content/en/components/charts/features/chart-data-filtering.mdx
index b660e63565..e5a15e5b42 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-data-filtering.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-data-filtering.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Charts, Filtering, Infragistics"
 license: commercial
 mentionedTypes: ["CategoryChart"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Data Filtering allows you to query large data in order to analyze and plot small subset of data entries via filter expressions, all without having to manually modify the datasource bound to the chart."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/features/chart-data-legend.mdx b/docs/angular/src/content/en/components/charts/features/chart-data-legend.mdx
index a809ea560d..523ed35c62 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-data-legend.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-data-legend.mdx
@@ -5,6 +5,8 @@ keywords: "Angular charts, chart legend, legend, legend types, Ignite UI for Ang
 license: commercial
 mentionedTypes: ["CategoryChart", "DataLegend", "Series", "DataLegendSummaryType", "DataAbbreviationMode" ]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "In Ignite UI for Angular, the DataLegend is highly-customizable version of the Legend, that shows values of series and provides many configuration properties for filtering series rows and values columns, styling and formatting values."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/charts/features/chart-data-selection.mdx b/docs/angular/src/content/en/components/charts/features/chart-data-selection.mdx
index 3ef07bf9bd..96c94961ce 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-data-selection.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-data-selection.mdx
@@ -6,6 +6,8 @@ license: commercial
 _language: en
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular selection feature in Angular Data Chart allows users to interactively select, highlight, outline and vice-versa deselect single or multiple series within a chart."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 
diff --git a/docs/angular/src/content/en/components/charts/features/chart-data-tooltip.mdx b/docs/angular/src/content/en/components/charts/features/chart-data-tooltip.mdx
index 857f4df5bb..8a662e92e0 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-data-tooltip.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-data-tooltip.mdx
@@ -5,6 +5,8 @@ _keywords: Angular charts, chart legend, legend, legend types, Ignite UI for Ang
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "In Ignite UI for Angular, the DataToolTip displays values and titles of series as well as legend badges of series in a tooltip."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/charts/features/chart-highlight-filter.mdx b/docs/angular/src/content/en/components/charts/features/chart-highlight-filter.mdx
index b5f0ae80b5..5983438455 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-highlight-filter.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-highlight-filter.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Charts, Highlighting, Filtering, Infragistics"
 license: commercial
 mentionedTypes: ["CategoryChart", "DataChart", "Series", "HighlightedValuesDisplayMode"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular Chart components support a data highlighting overlay that can enhance the visualization of the series plotted in those charts by allowing you to view a subset of the data plotted."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 
diff --git a/docs/angular/src/content/en/components/charts/features/chart-highlighting.mdx b/docs/angular/src/content/en/components/charts/features/chart-highlighting.mdx
index ac8e7de22c..7a958cf493 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-highlighting.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-highlighting.mdx
@@ -5,6 +5,8 @@ _keywords: Angular Charts, Highlighting, Infragistics
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "All Angular Charts support a variety of highlighting options."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/features/chart-legends.mdx b/docs/angular/src/content/en/components/charts/features/chart-legends.mdx
index a56fd222c8..87c2110ff0 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-legends.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-legends.mdx
@@ -3,6 +3,8 @@ title: Angular Chart Legends | Data Visualization Tools | Infragistics
 description: Use Infragistics Ignite UI for Angular chart with legends in horizontal or vertical orientation!
 mentionedTypes: ["XamDataChart", "Legend"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Use Infragistics Ignite UI for Angular chart with legends in horizontal or vertical orientation!"
 ---
 
 # Angular Chart Legends
diff --git a/docs/angular/src/content/en/components/charts/features/chart-markers.mdx b/docs/angular/src/content/en/components/charts/features/chart-markers.mdx
index 1cd9daec0c..ecdfb86912 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-markers.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-markers.mdx
@@ -1,10 +1,12 @@
 ---
 title: Angular Chart Markers | Data Visualization | Infragistics
 _description: Infragistics' Angular Chart Markers
-_keywords: Angular Charts, Markers, Infragistics
+_keywords: Angular Charts, Markers, Marker Size, Infragistics
 _license: commercial
-
+mentionedTypes: ["CategoryChart", "CategoryChartType", "MarkerType", "MarkerSeries", "ScatterLineSeries", "ScatterSplineSeries", "ScatterSeries", "LineSeries", "SplineSeries", "MarkerAutomaticBehavior", "SeriesViewer"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "In Ignite UI for Angular, markers are visual elements that display the values of data points in the chart's plot area."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
@@ -22,6 +24,38 @@ The colors of the markers are also managed by setting the <ApiLink type="Categor
 
 <Sample src="/charts/category-chart/marker-options" height={500} alt="Angular Configuration Options Example" />
 
+## Angular Chart Marker Size
+
+You can control the exact device-independent pixel dimensions of data point markers by setting the `MarkerSize` property on any series that supports markers. This gives you precise control over how large markers appear on screen, regardless of the marker template or style being used.
+
+By default, marker sizing is determined by the series marker template. When you set `MarkerSize` to a specific numeric value, all markers in that series render at that exact device-independent pixel width and height. Setting `MarkerSize` back to `NaN` restores the default template-driven sizing.
+
+The `MarkerSize` property is available on all series types that derive from `MarkerSeries`, including `LineSeries`, `SplineSeries`, `AreaSeries`, `ColumnSeries`, `ScatterSeries`, `ScatterLineSeries`, `ScatterSplineSeries`, and polar/radial series types.
+
+The following code examples show how to set `MarkerSize` to 30 device-independent pixels on a `ScatterLineSeries` in the `XamDataChart` control:
+
+To reset markers to their default template-driven size, set `MarkerSize` to `NaN` (or remove the attribute in markup):
+
+The following sample demonstrates `MarkerSize` on scatter series with an interactive editor:
+
+<Sample src="/charts/data-chart/scatter-marker-options" height={500} alt="Angular Chart Marker Size Example" />
+
+<DocsAside type="note">
+For `BubbleSeries`, the `MarkerSize` property does not override the bubble radius, which is controlled by the radius data column and the `RadiusScale`. Bubble sizes remain entirely driven by the data and scale configuration.
+</DocsAside>
+
+<div class="divider--half"></div>
+
+## Angular Chart Checkmark Marker Type
+
+The Ignite UI for Angular charts include a `Checkmark` option in the `MarkerType` enum. This marker renders a V-shaped checkmark icon inside a circle on data points in your chart.
+
+You can apply the `Checkmark` marker type to an individual series by setting its `MarkerType` property to `MarkerType.Checkmark`. To use the checkmark shape for all series in the chart simultaneously, set the chart's `MarkerAutomaticBehavior` property to `MarkerAutomaticBehavior.Checkmark`.
+
+The `SeriesViewer.CheckmarkMarkerTemplate` property defines the marker template used for series with a checkmark marker type, and can be used to customize its appearance across the chart.
+
+<div class="divider--half"></div>
+
 ## Angular Chart Marker Templates
 
 In addition to marker properties, you can implement your own marker by setting a function to the  <ApiLink type="CategoryChart" member="markerTemplate" label="MarkerTemplate" /> property of a series rendered in the <ApiLink type="CategoryChart" /> control as it is demonstrated in example below.
diff --git a/docs/angular/src/content/en/components/charts/features/chart-navigation.mdx b/docs/angular/src/content/en/components/charts/features/chart-navigation.mdx
index 6aa4dbb33e..481daf8abf 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-navigation.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-navigation.mdx
@@ -5,6 +5,8 @@ _keywords: Angular charts, data chart, navigation, Ignite UI for Angular, Infrag
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular charts allows for interactive panning and zooming via the mouse, keyboard and touch."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/charts/features/chart-overlays.mdx b/docs/angular/src/content/en/components/charts/features/chart-overlays.mdx
index df633f3f0b..fd39a72dd1 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-overlays.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-overlays.mdx
@@ -5,6 +5,8 @@ _keywords: Angular charts, data chart, value overlay, Ignite UI for Angular, Inf
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Angular DataChart allows for placement of horizontal or vertical lines at a single numeric value that you define through usage of the ValueOverlay."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/features/chart-performance.mdx b/docs/angular/src/content/en/components/charts/features/chart-performance.mdx
index 1e0ae7e7de..bd5e9a1258 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-performance.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-performance.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Charts, Performance, Infragistics"
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "FinancialChart", "DataChart", "FinancialChartVolumeType", "FinancialChartZoomSliderType"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Angular charts are optimized for high performance of rendering millions of data points and updating them every few milliseconds."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
@@ -95,7 +97,7 @@ The following table lists chart types in order from the fastest performance to s
 | Pie Charts       | - [Pie Chart](../types/pie-chart.md) <br /> - [Donut Chart](../types/donut-chart.md) <br /> - [Radial Pie Chart](../types/radial-chart.md#angular-radial-pie-chart) |
 | Line Charts      | - [Category Line Chart](../types/line-chart.md#angular-line-chart-example) <br /> - [Category Spline Chart](../types/spline-chart.md#angular-spline-chart-example) <br /> - [Step Line Chart](../types/step-chart.md#angular-step-line-chart) <br /> - [Radial Line Chart](../types/radial-chart.md#angular-radial-line-chart) <br /> - [Polar Line Chart](../types/polar-chart.md#angular-polar-line-chart) <br /> - [Scatter Line Chart](../types/scatter-chart.md#angular-scatter-line-chart) <br /> - [Scatter Polyline Chart](../types/shape-chart.md#angular-scatter-polyline-chart) (\*)  <br /> - [Scatter Contour Chart](../types/scatter-chart.md#angular-scatter-contour-chart) <br /> - [Stacked Line Chart](../types/stacked-chart.md#angular-stacked-line-chart) <br /> - [Stacked 100% Line Chart](../types/stacked-chart.md#angular-stacked-100-line-chart) <br /> |
 | Area Charts      | - [Category Area Chart](../types/area-chart.md#angular-area-chart-example) <br /> - [Step Area Chart](../types/step-chart.md#angular-step-area-chart) <br /> - [Range Area Chart](../types/area-chart.md#angular-range-area-chart) <br /> - [Radial Area Chart](../types/radial-chart.md#angular-radial-area-chart) <br /> - [Polar Area Chart](../types/polar-chart.md#angular-polar-area-chart) <br /> - [Scatter Polygon Chart](../types/shape-chart.md#angular-scatter-polygon-chart) (\*) <br /> - [Scatter Area Chart](../types/scatter-chart.md#angular-scatter-area-chart) <br /> - [Stacked Area Chart](../types/stacked-chart.md#angular-stacked-area-chart) <br /> - [Stacked 100% Area Chart](../types/stacked-chart.md#angular-stacked-100-area-chart) <br /> |
-| Column Charts    | - [Column Chart](../types/column-chart.md#angular-column-chart-example) <br /> - [Bar Chart](../types/bar-chart.md#angular-bar-chart-example) <br /> - [Waterfall Chart](../types/column-chart.md#angular-waterfall-chart) <br /> - [Range Column Chart](../types/column-chart.md#angular-range-column-chart) <br /> - [Radial Column Chart](../types/radial-chart.md#angular-radial-column-chart) <br /> - [Stacked Column Chart](../types/stacked-chart.md#angular-stacked-column-chart) <br /> - [Stacked Bar Chart](../types/stacked-chart.md#angular-stacked-bar-chart) <br /> - [Stacked 100% Column Chart](../types/stacked-chart.md#angular-stacked-100-column-chart) <br /> - [Stacked 100% Bar Chart](../types/stacked-chart.md#angular-stacked-100-bar-chart) |
+| Column Charts    | - [Column Chart](../types/column-chart.md#angular-column-chart-example) <br /> - [Bar Chart](../types/bar-chart.md#angular-bar-chart-example) <br /> - [Waterfall Chart](../types/column-chart.md#angular-waterfall-chart) <br /> - [Range Column Chart](../types/column-chart.md#angular-range-column-chart) <br /> - [Range Bar Chart](../types/bar-chart.md#angular-range-bar-chart) <br /> - [Radial Column Chart](../types/radial-chart.md#angular-radial-column-chart) <br /> - [Stacked Column Chart](../types/stacked-chart.md#angular-stacked-column-chart) <br /> - [Stacked Bar Chart](../types/stacked-chart.md#angular-stacked-bar-chart) <br /> - [Stacked 100% Column Chart](../types/stacked-chart.md#angular-stacked-100-column-chart) <br /> - [Stacked 100% Bar Chart](../types/stacked-chart.md#angular-stacked-100-bar-chart) |
 | Spline Charts    | - [Category Spline Chart](../types/spline-chart.md#angular-spline-chart-example) <br /> - [Polar Spline Chart](../types/polar-chart.md#angular-polar-spline-chart) <br /> - [Scatter Spline Chart](../types/scatter-chart.md#angular-scatter-spline-chart) <br /> - [Stacked Spline Chart](../types/stacked-chart.md#angular-stacked-spline-chart) <br /> - [Stacked 100% Spline Chart](../types/stacked-chart.md#angular-stacked-100-spline-chart) <br /> |
 | Point Charts     | - [Category Point Chart](../types/point-chart.md) <br /> - [Scatter HD Chart](../types/scatter-chart.md#angular-scatter-high-density-chart)  <br /> - [Scatter Marker Chart](../types/scatter-chart.md#angular-scatter-marker-chart) <br /> - [Scatter Bubble Chart](../types/bubble-chart.md) <br /> - [Polar Marker Chart](../types/polar-chart.md#angular-polar-marker-chart) <br /> |
 | Financial Charts | - [Stock Chart in Line Mode](../types/stock-chart.md) <br /> - [Stock Chart in Column Mode](../types/stock-chart.md) <br /> - [Stock Chart in Bar Mode](../types/stock-chart.md) <br /> - [Stock Chart in Candle Mode](../types/stock-chart.md) <br /> - [Stock Chart with Overlays](../types/stock-chart.md) <br /> - [Stock Chart with Zoom Pane](../types/stock-chart.md) <br /> - [Stock Chart with Volume Pane](../types/stock-chart.md#volume-pane) <br /> - [Stock Chart with Indicator Pane](../types/stock-chart.md#indicator-pane) <br /> |
diff --git a/docs/angular/src/content/en/components/charts/features/chart-synchronization.mdx b/docs/angular/src/content/en/components/charts/features/chart-synchronization.mdx
index 4e0e51ef94..0537850207 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-synchronization.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-synchronization.mdx
@@ -5,6 +5,8 @@ keywords: "Angular charts, data chart, synchronization, Ignite UI for Angular, I
 license: commercial
 mentionedTypes: ["DataChart"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular data chart allows for synchronization with respect to the coordination of zooming, panning, and crosshair events between multiple charts."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/features/chart-titles.mdx b/docs/angular/src/content/en/components/charts/features/chart-titles.mdx
index 9a03e21067..e355901af9 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-titles.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-titles.mdx
@@ -5,6 +5,8 @@ keywords: "Angular charts, chart titles, titles, Ignite UI for Angular, Infragis
 license: commercial
 mentionedTypes: ["CategoryChart"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The title and subtitle feature of the chart control allows you to add information to the top section of the Angular charts."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/features/chart-tooltips.mdx b/docs/angular/src/content/en/components/charts/features/chart-tooltips.mdx
index 5331d3d2c8..56df252eaf 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-tooltips.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-tooltips.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Charts, Tooltips, Infragistics"
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "ToolTipType"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "In Angular charts, tooltips provide details about bound data and they are rendered in popups when the end-user hovers over data points."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/features/chart-trendlines.mdx b/docs/angular/src/content/en/components/charts/features/chart-trendlines.mdx
index 7e07445f60..b76d1c1cd5 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-trendlines.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-trendlines.mdx
@@ -5,6 +5,8 @@ _keywords: Angular Charts, Trendlines, Infragistics
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "In Ignite UI for Angular charts, trendlines help in identifying a trend or finding patterns in data."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/features/chart-user-annotations.mdx b/docs/angular/src/content/en/components/charts/features/chart-user-annotations.mdx
index 5d23171db1..6c38276e41 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-user-annotations.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-user-annotations.mdx
@@ -4,6 +4,8 @@ description: Infragistics' Angular Chart User Annotations
 keywords: "Angular Charts, User Annotations, Infragistics"
 mentionedTypes: ["DataChart", "UserAnnotationLayer", "UserStripAnnotation", "UserSliceAnnotation", "UserPointAnnotation", "Toolbar", "UserAnnotationInformation", "SeriesViewer"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "In Ignite UI for Angular, you can annotate the DataChart with slice, strip, and point annotations at runtime using the user annotations feature."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/charts/types/area-chart.mdx b/docs/angular/src/content/en/components/charts/types/area-chart.mdx
index a3aeebd02a..0e93c46710 100644
--- a/docs/angular/src/content/en/components/charts/types/area-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/area-chart.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Charts, Area Chart, Infragistics"
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "DataChart", "CategoryChartType"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular Area Chart renders as a collection of points connected by straight line segments with the area below the line filled in."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/types/bar-chart.mdx b/docs/angular/src/content/en/components/charts/types/bar-chart.mdx
index d8b8af11c9..4c27e9e614 100644
--- a/docs/angular/src/content/en/components/charts/types/bar-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/bar-chart.mdx
@@ -3,8 +3,10 @@ title: "Angular Bar Chart and Graph | Ignite UI for Angular"
 description: "Angular Bar Chart is among the most common category chart types used to quickly compare frequency, count, total, or average of data in different categories. Try for FREE."
 keywords: "Angular Charts, Bar Chart, Bar Graph, Horizontal Chart, Infragistics"
 license: commercial
-mentionedTypes: ["DataChart", "BarSeries", "StackedBarSeries", "Stacked100BarSeries", "Series"]
+mentionedTypes: ["DataChart", "BarSeries", "StackedBarSeries", "Stacked100BarSeries", "RangeBarSeries", "Series"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular Bar Chart, Bar Graph, or Horizontal Bar Chart, is among the most common category chart types used to quickly compare frequency, count, total, or average of data in different categories with data encoded by horizontal bars with equal heights but different."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
@@ -95,6 +97,20 @@ You can create this type of chart in the <ApiLink type="DataChart" /> control by
 
 <Sample src="/charts/data-chart/stacked-100-bar-chart" height={600} alt="Angular Stacked 100 Bar Chart" />
 
+<div class="divider--half"></div>
+
+## Angular Range Bar Chart
+
+The Angular Range Bar Chart belongs to a group of range charts and is rendered using horizontal rectangles that can appear in the middle of the plot area of the chart, rather than stretching from the left like the traditional [Category Bar Chart](bar-chart.md#angular-bar-chart-example). This type of series emphasizes the amount of change between low values and high values in the same data point over a period of time or compares multiple items.
+
+Range values are represented on the X-Axis and categories are displayed on the Y-Axis. Because each bar visualizes both a low value and a high value, this chart is useful for scenarios such as showing daily temperature ranges, minimum and maximum prices, or any bounded measurements where a single value is not sufficient.
+
+The Range Bar Chart is identical to the [Range Column Chart](column-chart.md#angular-range-column-chart) in all aspects except that the ranges are represented as a set of horizontal bars rather than vertical columns.
+
+You can create this type of chart in the <ApiLink pkg="charts" type="DataChart" /> control by binding your data to a <ApiLink pkg="charts" type="RangeBarSeries" />. The series reads low and high values from `LowMemberPath` and `HighMemberPath`, and it typically uses a `NumericXAxis` with a `CategoryYAxis`, as shown in the example below:
+
+<Sample src="/charts/data-chart/range-bar-chart" height={600} alt="Angular Range Bar Chart" />
+
 ## Additional Resources
 
 You can find more information about related chart types in these topics:
@@ -111,4 +127,5 @@ You can find more information about related chart types in these topics:
 <ApiLink type="CalloutLayer" />
 <ApiLink type="StackedBarSeries" />
 <ApiLink type="Stacked100BarSeries" />
+<ApiLink type="RangeBarSeries" />
 <ApiLink type="BarSeries" member="dataSource" label="DataSource" />
diff --git a/docs/angular/src/content/en/components/charts/types/bubble-chart.mdx b/docs/angular/src/content/en/components/charts/types/bubble-chart.mdx
index 20a867bd77..facd71c7d6 100644
--- a/docs/angular/src/content/en/components/charts/types/bubble-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/bubble-chart.mdx
@@ -5,6 +5,8 @@ _keywords: Angular Charts, Bubble Chart, Infragistics
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular Bubble Chart is a type of Scatter Chart that show markers with variable scaling to represent the relationship among items in several distinct series of data or to plot data items using x and y coordinates."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/types/column-chart.mdx b/docs/angular/src/content/en/components/charts/types/column-chart.mdx
index 60ec6fb529..e2f7adde03 100644
--- a/docs/angular/src/content/en/components/charts/types/column-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/column-chart.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Charts, Column Chart, Column Graph, Vertical Bar Chart, Infra
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "DataChart", "ColumnSeries", "WaterfallSeries", "StackedColumnSeries", "Stacked100ColumnSeries", "RangeColumnSeries", "RadialColumnSeries", "CategoryChartType", "Series"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular Column Char, Column Graph, or Vertical Bar Chart is among the most common category chart types used to quickly compare frequency, count, total, or average of data in different categories with data encoded by columns with equal widths but different heights."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/types/composite-chart.mdx b/docs/angular/src/content/en/components/charts/types/composite-chart.mdx
index b333114812..0fbc505053 100644
--- a/docs/angular/src/content/en/components/charts/types/composite-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/composite-chart.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Charts, Composite Chart, Combo Chart, Infragistics"
 license: commercial
 mentionedTypes: ["DataChart", "Series"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular Composite Chart, also called a Combo Chart, is visualization that combines different types of chart types in the same plot area."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/types/data-pie-chart.mdx b/docs/angular/src/content/en/components/charts/types/data-pie-chart.mdx
index b9acaf7f47..6afa824448 100644
--- a/docs/angular/src/content/en/components/charts/types/data-pie-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/data-pie-chart.mdx
@@ -5,6 +5,8 @@ _keywords: Angular charts, pie chart, Ignite UI for Angular, Infragistics, data
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular Data Pie Chart is a part-to-whole chart that shows how categories (parts) of a data set add up to a total (whole) value."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/charts/types/donut-chart.mdx b/docs/angular/src/content/en/components/charts/types/donut-chart.mdx
index 708ec3e29c..8d6c112930 100644
--- a/docs/angular/src/content/en/components/charts/types/donut-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/donut-chart.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Charts, Donut Chart, Donut Chart, Infragistics"
 license: commercial
 mentionedTypes: ["DoughnutChart", "DoughnutChart"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular Donut Chart is similar to the Pie Chart, proportionally illustrating the occurrences of a variable."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/types/line-chart.mdx b/docs/angular/src/content/en/components/charts/types/line-chart.mdx
index 5cde3f417a..bd476886bc 100644
--- a/docs/angular/src/content/en/components/charts/types/line-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/line-chart.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Charts, Line Chart, Line Graph, Infragistics"
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "DataChart", "Legend", "PolarLineSeries", "RadialLineSeries", "StackedLineSeries", "Stacked100LineSeries", "Series", "CategoryChartType"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular Line Chart or Line Graph is a type of category charts that show the continuous data values represented by points connected by straight line segments of one or more quantities over a period of time."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/types/pie-chart.mdx b/docs/angular/src/content/en/components/charts/types/pie-chart.mdx
index e6109b99ca..dccf3fc514 100644
--- a/docs/angular/src/content/en/components/charts/types/pie-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/pie-chart.mdx
@@ -5,6 +5,8 @@ keywords: "Angular charts, pie chart, Ignite UI for Angular, Infragistics, data
 license: commercial
 mentionedTypes: ["PieChart", "DataChart"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular Pie Chart, or Pie Graph, is a part-to-whole chart that shows how categories (parts) of a data set add up to a total (whole) value."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/types/point-chart.mdx b/docs/angular/src/content/en/components/charts/types/point-chart.mdx
index cef9b2660c..26e1c5c785 100644
--- a/docs/angular/src/content/en/components/charts/types/point-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/point-chart.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Charts, Point Chart, Infragistics"
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "CategoryChartType", "Legend", "Series"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular Point Chart renders a collection of points."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/types/polar-chart.mdx b/docs/angular/src/content/en/components/charts/types/polar-chart.mdx
index 3f9aa005de..155f88f268 100644
--- a/docs/angular/src/content/en/components/charts/types/polar-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/polar-chart.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Charts, Polar Chart, Infragistics"
 license: commercial
 mentionedTypes: ["DataChart", "PolarAreaSeries", "Series"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular Polar Chart uses the polar coordinate system (angle, radius) instead of the Cartesian coordinate system (x, y) to plot data in chart."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/types/radial-chart.mdx b/docs/angular/src/content/en/components/charts/types/radial-chart.mdx
index 5d57c840e5..5e99244336 100644
--- a/docs/angular/src/content/en/components/charts/types/radial-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/radial-chart.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Charts, Radial Chart, Infragistics"
 license: commercial
 mentionedTypes: ["DataChart", "RadialLineSeries", "Series"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular Radial Chart takes data and render it as collection of data points wrapped around a circle (rather than stretching along a horizontal line)."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/types/scatter-chart.mdx b/docs/angular/src/content/en/components/charts/types/scatter-chart.mdx
index 3aa513dd0a..e9f7844ab6 100644
--- a/docs/angular/src/content/en/components/charts/types/scatter-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/scatter-chart.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Charts, Scatter Chart, Infragistics"
 license: commercial
 mentionedTypes: ["DataChart", "ScatterSeries", "ScatterLineSeries", "ScatterSplineSeries", "HighDensityScatterSeries", "ScatterAreaSeries", "ScatterContourSeries", "Series"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular Scatter Chart belongs to a group of charts that show the relationship among items in distinct series of data or to plot data items using numeric x and y coordinates."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/types/shape-chart.mdx b/docs/angular/src/content/en/components/charts/types/shape-chart.mdx
index 749e188859..de7c887bcd 100644
--- a/docs/angular/src/content/en/components/charts/types/shape-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/shape-chart.mdx
@@ -5,6 +5,8 @@ _keywords: Angular Charts, Shape Chart, Infragistics
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular Shape Charts are a group of charts that take array of shapes (array or arrays of X/Y points) and render them as collection of polygons or polylines in Cartesian (x, y) coordinate system."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/types/sparkline-chart.mdx b/docs/angular/src/content/en/components/charts/types/sparkline-chart.mdx
index 319f29ca34..50fbf282f8 100644
--- a/docs/angular/src/content/en/components/charts/types/sparkline-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/sparkline-chart.mdx
@@ -5,6 +5,8 @@ keywords: Sparkline, Ignite UI for Angular, Infragistics, WinLoss, Area, Column
 license: commercial
 mentionedTypes: ["Sparkline", "SparklineDisplayType", "TrendLineType"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular Sparkline is a lightweight charting control."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/types/spline-chart.mdx b/docs/angular/src/content/en/components/charts/types/spline-chart.mdx
index 85ad7ed3d9..79f2829382 100644
--- a/docs/angular/src/content/en/components/charts/types/spline-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/spline-chart.mdx
@@ -4,6 +4,8 @@ description: Infragistics' Angular Spline Chart
 keywords: "Angular Charts, Spline Chart, Infragistics"
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "DataChart", "SplineSeries", "StackedSplineSeries", "Stacked100SplineSeries", "Series", "CategoryChartType"]
+llms:
+  description: "The Ignite UI for Angular Spline Chart belongs to a group of Category Charts that render as a collection of points connected by smooth curves of spline."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/types/stacked-chart.mdx b/docs/angular/src/content/en/components/charts/types/stacked-chart.mdx
index a6701a39ab..3beca2f72c 100644
--- a/docs/angular/src/content/en/components/charts/types/stacked-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/stacked-chart.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Charts, Stacked Chart, Stacked 100% Chart, Infragistics"
 license: commercial
 mentionedTypes: ["DataChart", "StackedAreaSeries", "Stacked100AreaSeries", "StackedBarSeries", "Stacked100BarSeries", "StackedColumnSeries", "Stacked100ColumnSeries", "StackedLineSeries", "Stacked100LineSeries", "StackedSplineSeries", "Stacked100SplineSeries", "StackedSplineAreaSeries", "Stacked100SplineAreaSeries", "Series"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular Stacked Chart belongs to a special group of charts that render multiple values of data items as stacked area/polygons, bars, columns, lines, or splines."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/types/step-chart.mdx b/docs/angular/src/content/en/components/charts/types/step-chart.mdx
index 4d1d33531f..d32ea9e5ce 100644
--- a/docs/angular/src/content/en/components/charts/types/step-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/step-chart.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Charts, Step Chart, Step Area Chart, Step Line Chart, Infragi
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "CategoryChartType", "Series", "CategoryChartType"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular Step Chart belongs to a group of category charts that render as a collection of points connected by continuous vertical and horizontal lines."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/types/stock-chart.mdx b/docs/angular/src/content/en/components/charts/types/stock-chart.mdx
index e101178db7..860595225f 100644
--- a/docs/angular/src/content/en/components/charts/types/stock-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/stock-chart.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Charts, Stock Chart, Financial Chart, Candlestick Chart, OHLC
 license: commercial
 mentionedTypes: ["DomainChart", "FinancialChart", "FinancialChartType", "IndicatorTypes", "ZoomSliderType", "Series"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular Stock Chart, sometimes referred to as Angular Financial Chart or Candlestick Chart, is a composite visualization that renders stock ticker data, or price data in an interactive time-series display."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/charts/types/treemap-chart.mdx b/docs/angular/src/content/en/components/charts/types/treemap-chart.mdx
index 8513183b8d..7984b950bf 100644
--- a/docs/angular/src/content/en/components/charts/types/treemap-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/treemap-chart.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Tree Map, Treemap, layout, orientation, Ignite UI for Angular
 license: commercial
 mentionedTypes: ["Treemap", "TreemapOrientation", "TreemapLayoutType", "TreemapHighlightingMode", "TreemapHighlightedValueDisplayMode"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The Ignite UI for Angular Treemap chart displays hierarchical (tree-structured) data as a set of nested nodes."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/chat.mdx b/docs/angular/src/content/en/components/chat.mdx
index 378312e4b8..57163ea35f 100644
--- a/docs/angular/src/content/en/components/chat.mdx
+++ b/docs/angular/src/content/en/components/chat.mdx
@@ -4,6 +4,8 @@ description: With the Ignite UI for Angular Chat component, you can build intera
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Chat components, Angular Chat controls
 license: MIT
 mentionedTypes: ["Chat"]  
+llms:
+  description: "The Chat component provides a complete solution for building conversational interfaces in your applications."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/checkbox.mdx b/docs/angular/src/content/en/components/checkbox.mdx
index 0ab9dba1e7..0f0660d65e 100644
--- a/docs/angular/src/content/en/components/checkbox.mdx
+++ b/docs/angular/src/content/en/components/checkbox.mdx
@@ -3,6 +3,8 @@ title: Angular Checkbox Component – Ignite UI for Angular - MIT license
 description: Ignite UI for Angular Checkbox component is a selection control that allows users to make a binary choice for a certain condition. Try it Now
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Checkbox components, Angular Checkbox controls
 license: MIT
+llms:
+  description: "Angular Checkbox is an extension of the standard HTML input type checkbox, providing similar functionality, only enhanced with things like animations and Material Design styling."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/chip.mdx b/docs/angular/src/content/en/components/chip.mdx
index 7fc4c9e099..c23e2dd8aa 100644
--- a/docs/angular/src/content/en/components/chip.mdx
+++ b/docs/angular/src/content/en/components/chip.mdx
@@ -3,6 +3,8 @@ title: Angular Chip Component – Ignite UI for Angular | Infragistics | MIT lic
 description: The Ignite UI for Angular Chip component provide compact elements that represent an input, attribute, or action.
 keywords: Angular Chip, Angular Chip Component, Angular Chip Area, Angular Chip Area Component, Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular UI Components
 license: MIT
+llms:
+  description: "The Angular Chip component is a visual element that displays information in an oval container."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/circular-progress.mdx b/docs/angular/src/content/en/components/circular-progress.mdx
index 72fa5904c5..a685fbbce8 100644
--- a/docs/angular/src/content/en/components/circular-progress.mdx
+++ b/docs/angular/src/content/en/components/circular-progress.mdx
@@ -3,6 +3,8 @@ title: Angular Circular Progress Component – Ignite UI for Angular | Infragist
 description: Ignite UI for Angular Circular Progress Indicator component allows developers to display progress in a circle with endless customization options.
 keywords: Angular Circular Progress component, Angular Circular Progress control, Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Angular UI Components
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Circular Progress Indicator component provides a visual indicator of an application’s process as it changes."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/combo-features.mdx b/docs/angular/src/content/en/components/combo-features.mdx
index 519df94e40..a1d9570546 100644
--- a/docs/angular/src/content/en/components/combo-features.mdx
+++ b/docs/angular/src/content/en/components/combo-features.mdx
@@ -3,6 +3,8 @@ title: ComboBox Features - MIT license
 description: Combo control exposes several of features including data and value binding, custom values, filtering, grouping, etc.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Combo components, Angular Features, Angular Combo Features, Angular Combo Data Binding, Angular Combo Value Binding, Angular Combo Data Filtering, Angular Combo Grouping, Angular Combo Custom Values
 license: MIT
+llms:
+  description: "The Ignite UI for Angular ComboBox control exposes several features including data and value binding, custom values, filtering, grouping, etc."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/combo-remote.mdx b/docs/angular/src/content/en/components/combo-remote.mdx
index 6707680e07..401d31c32e 100644
--- a/docs/angular/src/content/en/components/combo-remote.mdx
+++ b/docs/angular/src/content/en/components/combo-remote.mdx
@@ -3,6 +3,8 @@ title: ComboBox Remote Binding - MIT license
 description: The igx-combo exposes API that allows to bind a combo to a remote service and retrieve data on demand.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Combo components, Angular Combo controls, Angular Combo Remote Binding
 license: MIT
+llms:
+  description: "The Ignite UI for Angular ComboBox Component exposes an API that allows binding a combobox to a remote service and retrieving data on demand."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/combo-templates.mdx b/docs/angular/src/content/en/components/combo-templates.mdx
index 016a4bb6c5..6bbf09f852 100644
--- a/docs/angular/src/content/en/components/combo-templates.mdx
+++ b/docs/angular/src/content/en/components/combo-templates.mdx
@@ -3,6 +3,8 @@ title: ComboBox Templates - MIT license
 description: Custom templates for different areas of the igx-combo component can be defined, including items, header, footer, empty list and adding button.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Combo components, Angular Templates, Angular Combo Templates
 license: MIT
+llms:
+  description: "The Ignite UI for Angular ComboBox Component allows defining custom templates for different areas such as header, footer, items, empty list and adding button."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/combo.mdx b/docs/angular/src/content/en/components/combo.mdx
index 8fa67e799c..9130ceb900 100644
--- a/docs/angular/src/content/en/components/combo.mdx
+++ b/docs/angular/src/content/en/components/combo.mdx
@@ -3,6 +3,8 @@ title: Angular Combobox Component | Data binding combobox | Infragistics | MIT l
 description: The Ignite UI for Angular ComboBox provides a powerful input, combining features of the basic HTML input, select, filtering and custom drop-down lists. Try it for FREE
 keywords: angular combobox, angular combo component, angular combobox component, Angular UI Components, ignite ui for angular, infragistics
 license: MIT
+llms:
+  description: "The Angular ComboBox component represents a drop-down list that provides editable functionalities, allowing users to choose multiple options from a predefined list."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/dashboard-tile.mdx b/docs/angular/src/content/en/components/dashboard-tile.mdx
index 47439fe09b..e850627a1f 100644
--- a/docs/angular/src/content/en/components/dashboard-tile.mdx
+++ b/docs/angular/src/content/en/components/dashboard-tile.mdx
@@ -4,6 +4,8 @@ description: See how you can easily get started with Angular Dashboard Tile Comp
 keywords: "Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Dashboard components, Angular Dashboard Tile controls"
 license: commercial
 mentionedTypes: ["Toolbar", "CategoryChart", "DataChart", "RadialGauge", "LinearGauge", "GeographicMap"]
+llms:
+  description: "The Angular Dashboard Tile is a automatic data visualization component which determines via analysis of a DataSource collection/array or single data point what would be the most appropriate visualization to display."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/date-picker.mdx b/docs/angular/src/content/en/components/date-picker.mdx
index ed7b820549..59d5db533d 100644
--- a/docs/angular/src/content/en/components/date-picker.mdx
+++ b/docs/angular/src/content/en/components/date-picker.mdx
@@ -3,6 +3,8 @@ title: Angular Datepicker Component – Ignite UI for Angular - MIT license
 description: Learn how to use a functionality to select a date from a calendar to your web application with Angular Datepicker Component by Ignite UI. Try it now. 
 keywords: angular datepicker, angular datepicker component, angular UI components, angular component, ignite ui for angular
 license: MIT
+llms:
+  description: "Angular Date Picker is a feature rich component used for entering a date through manual text input or choosing date values from a calendar dialog that pops up."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/date-range-picker.mdx b/docs/angular/src/content/en/components/date-range-picker.mdx
index 2a78822f0e..1b2d76725e 100644
--- a/docs/angular/src/content/en/components/date-range-picker.mdx
+++ b/docs/angular/src/content/en/components/date-range-picker.mdx
@@ -3,6 +3,8 @@ title: Angular Date Range Picker Component | Ignite UI for Angular | MIT license
 description: The Angular Date Range Picker component allows you to choose a date range by defining its start and end date. You can select a range from a calendar UI. Try it now. 
 keywords: Angular Date Range Picker, Date Range Picker, Date Picker, Angular Date Range Picker Component, Angular UI Components, Angular component
 license: MIT
+llms:
+  description: "The Angular Date Range Picker is a lightweight component that includes a text input and a calendar pop-up, allowing users to easily select start and end dates."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/date-time-editor.mdx b/docs/angular/src/content/en/components/date-time-editor.mdx
index e081fb3b91..877b6d7446 100644
--- a/docs/angular/src/content/en/components/date-time-editor.mdx
+++ b/docs/angular/src/content/en/components/date-time-editor.mdx
@@ -3,6 +3,8 @@ title: Angular Date Time Editor Component | Ignite UI for Angular | MIT license
 description: The Ignite UI for Angular Date Time Editor Directive allows the user to handle date and time using a Date Object.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Native Angular Components, Angular Date Time Editor Directive, Angular Date Time Directive control, Date Time Editor, Angular Date Time Directive
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Date Time Editor Directive allows the user to set and edit the date and time in a chosen input element."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/dialog.mdx b/docs/angular/src/content/en/components/dialog.mdx
index c4e3351fbb..e473219b19 100644
--- a/docs/angular/src/content/en/components/dialog.mdx
+++ b/docs/angular/src/content/en/components/dialog.mdx
@@ -3,6 +3,8 @@ title: Angular Dialog Window Component - MIT license
 description: Whether building informative dialogs or data manipulation windows, Ignite UI for Angular Dialog Window component can manage information shown in real-time for fast capability.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Angular UI Components, Native Angular Components Library, Angular Dialog Window component, Angular Dialog Window control, Angular Dialog Component
 license: MIT
+llms:
+  description: "Use the Ignite UI for Angular Dialog Window component to display messages or present forms for users to fill out."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/display-density.mdx b/docs/angular/src/content/en/components/display-density.mdx
index deab45c071..3487d67fac 100644
--- a/docs/angular/src/content/en/components/display-density.mdx
+++ b/docs/angular/src/content/en/components/display-density.mdx
@@ -2,6 +2,8 @@
 title: Size | Ignite UI for Angular 
 description: The Ignite UI for Angular provides a way of setting size property on application or component level. 
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Components, Native Angular Controls, Native Angular Components Library, size
+llms:
+  description: "Size configuration can significantly improve the visual representation of large amounts of data."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/divider.mdx b/docs/angular/src/content/en/components/divider.mdx
index e9c081933a..b5a8f103cb 100644
--- a/docs/angular/src/content/en/components/divider.mdx
+++ b/docs/angular/src/content/en/components/divider.mdx
@@ -3,6 +3,8 @@ title: Angular Divider Component - MIT license
 description: Ignite UI for Angular Divider component enables users to separate content both horizontally and vertically.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Angular UI Components, Native Angular Components Library, Angular Divider component, Angular Divider directive, Angular Divider control
 license: MIT
+llms:
+  description: "The divider component enables users to separate content both horizontally and vertically."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/dock-manager.mdx b/docs/angular/src/content/en/components/dock-manager.mdx
index 91baae544a..01457d2cd6 100644
--- a/docs/angular/src/content/en/components/dock-manager.mdx
+++ b/docs/angular/src/content/en/components/dock-manager.mdx
@@ -3,6 +3,8 @@ title: Manage Angular Page Layout | Dock Manager | Ignite UI | Infragistics
 description: Learn how the Dock Manager lets you customize the layout of your Angular application via panes that can be pinned, resized, moved, and hidden.
 keywords: manage angular page layout, Ignite UI for Angular, Infragistics
 license: commercial
+llms:
+  description: "The Ignite UI Dock Manager component provides means to manage the layout of your application through panes, allowing your end-users to customize it further by pinning, resizing, moving and hiding panes."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/drag-drop.mdx b/docs/angular/src/content/en/components/drag-drop.mdx
index 064b6714bb..9e39a34bba 100644
--- a/docs/angular/src/content/en/components/drag-drop.mdx
+++ b/docs/angular/src/content/en/components/drag-drop.mdx
@@ -3,6 +3,8 @@ title: Angular Drag and Drop | IgniteUI for Angular | Infragistics | MIT license
 description: Learn how to use Angular drag and drop directives to perform dragging of elements around the page.
 keywords: Angular Drag and Drop, Angular Drag and Drop Directives, Angular UI components, Ignite UI for Angular, Infragistics
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Drag and Drop directives enable dragging of elements around the page."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/drop-down-hierarchical-selection.mdx b/docs/angular/src/content/en/components/drop-down-hierarchical-selection.mdx
index 300d199418..b9d010639d 100644
--- a/docs/angular/src/content/en/components/drop-down-hierarchical-selection.mdx
+++ b/docs/angular/src/content/en/components/drop-down-hierarchical-selection.mdx
@@ -3,6 +3,8 @@ title: Multi-select Hierarchical Drop Down- Ignite UI for Angular - MIT license
 description: Learn how to create a multi-select tree-style hierarchical drop-down with Ignite UI.
 keywords: Multi-select drop-down, hierarchical selection, ignite ui for angular, infragistics
 license: MIT
+llms:
+  description: "For the drop-down list we will use the DropDown as well as the ToggleActionDirective to open/close the drop-down."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/drop-down-virtual.mdx b/docs/angular/src/content/en/components/drop-down-virtual.mdx
index 02695cfff0..093eba6242 100644
--- a/docs/angular/src/content/en/components/drop-down-virtual.mdx
+++ b/docs/angular/src/content/en/components/drop-down-virtual.mdx
@@ -3,6 +3,8 @@ title: Angular Drop Down Component – Ignite UI for Angular | Infragistics | MI
 description: Use Ignite UI for Angular Virtualized Drop Down to display a very large list of items which supports a single item selection.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Drop Down components, Angular Drop Down controls, Angular Control Large Item List, Angular Control Singe Selection
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Drop Down component can fully integrate with the IgxForOf directive in order to display a very large list of items for its selection."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/drop-down.mdx b/docs/angular/src/content/en/components/drop-down.mdx
index c223ddfe9d..c42a2f5547 100644
--- a/docs/angular/src/content/en/components/drop-down.mdx
+++ b/docs/angular/src/content/en/components/drop-down.mdx
@@ -3,6 +3,8 @@ title: Angular Drop Down Component –  Ignite UI For Angular - MIT license
 description: Add interactivity and see styling options to a scrollable list of items in your app. Get started using the Drop Down Component in Ignite UI for Angular now.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Angular UI Components, Native Angular Components Library, Angular Drop Down component, Angular Drop Down control
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Drop Down is a component, which displays a toggleable list of predefined values and allows users to easily select a single option item with a click."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/excel-library-using-cells.mdx b/docs/angular/src/content/en/components/excel-library-using-cells.mdx
index 3b20985110..bb81632ad2 100644
--- a/docs/angular/src/content/en/components/excel-library-using-cells.mdx
+++ b/docs/angular/src/content/en/components/excel-library-using-cells.mdx
@@ -4,6 +4,8 @@ description: Learn how to perform operations on Infragistics' Angular excel libr
 keywords: Excel library,  cell operations, Ignite UI for Angular, Infragistics
 license: commercial
 mentionedTypes: ["Workbook", "Worksheet", "WorksheetCell", "WorkbookStyleCollection", "IWorksheetCellFormat", "WorkbookColorInfo", "DisplayOptions"]
+llms:
+  description: "The WorksheetCell objects in an Excel worksheet is the object that holds your actual data values for the worksheet."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/excel-library-using-tables.mdx b/docs/angular/src/content/en/components/excel-library-using-tables.mdx
index 434ea7282c..e3b6cfa6a4 100644
--- a/docs/angular/src/content/en/components/excel-library-using-tables.mdx
+++ b/docs/angular/src/content/en/components/excel-library-using-tables.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular excel library's table functionality to fo
 keywords: Excel library, tables, Ignite UI for Angular, Infragistics
 license: commercial
 mentionedTypes: ["Workbook", "WorksheetTable", "Worksheet", "SortSettings"]
+llms:
+  description: "The Infragistics Angular Excel Engine's WorksheetTable functionality allows you to format your data in rows and columns The data in a worksheet table can be managed independently from the data in the other rows and columns in a Worksheet."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/excel-library-using-workbooks.mdx b/docs/angular/src/content/en/components/excel-library-using-workbooks.mdx
index 6765590a9d..7a8afab925 100644
--- a/docs/angular/src/content/en/components/excel-library-using-workbooks.mdx
+++ b/docs/angular/src/content/en/components/excel-library-using-workbooks.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular excel library to create workbooks and wor
 keywords: Excel library, workbooks, Ignite UI for Angular, Infragistics
 license: commercial
 mentionedTypes: ["Workbook"]
+llms:
+  description: "The Infragistics Angular Excel Engine enables you to save data to and load data from Microsoft® Excel®."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/excel-library-using-worksheets.mdx b/docs/angular/src/content/en/components/excel-library-using-worksheets.mdx
index 0e5d943c2d..7a04563887 100644
--- a/docs/angular/src/content/en/components/excel-library-using-worksheets.mdx
+++ b/docs/angular/src/content/en/components/excel-library-using-worksheets.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular excel library to input data by working wi
 keywords: Excel library, worksheet, Ignite UI for Angular, Infragistics
 license: commercial
 mentionedTypes: ["Workbook", "Worksheet", "WorksheetCell", "DisplayOptions", "WorksheetFilterSettings", "IWorksheetCellFormat"]
+llms:
+  description: "The Infragistics Angular Excel Engine's Worksheet is where your data is kept."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/excel-library-working-with-charts.mdx b/docs/angular/src/content/en/components/excel-library-working-with-charts.mdx
index 4015b5c976..991ba02713 100644
--- a/docs/angular/src/content/en/components/excel-library-working-with-charts.mdx
+++ b/docs/angular/src/content/en/components/excel-library-working-with-charts.mdx
@@ -4,6 +4,8 @@ _description: Use the Infragistics' Angular excel library's chart feature to add
 _keywords: Excel library, charts,  Ignite UI for Angular, Infragistics
 _license: commercial
 
+llms:
+  description: "The Infragistics Angular Excel Engine's WorksheetChart functionality allows you to add visual charting representations of data trends across regions of cells in a worksheet."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/excel-library-working-with-grids.mdx b/docs/angular/src/content/en/components/excel-library-working-with-grids.mdx
index d380c126b1..94380946e2 100644
--- a/docs/angular/src/content/en/components/excel-library-working-with-grids.mdx
+++ b/docs/angular/src/content/en/components/excel-library-working-with-grids.mdx
@@ -4,6 +4,8 @@ description: Use the Excel Library to work with spreadsheet data using Microsoft
 keywords: Excel library, Ignite UI for Angular, Infragistics
 license: commercial
 mentionedTypes: ["Workbook"]
+llms:
+  description: "Explains how to transfer worksheet data into a Angular grid and export grid data to an Excel workbook using the Ignite UI for Angular Excel Library."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/excel-library-working-with-sparklines.mdx b/docs/angular/src/content/en/components/excel-library-working-with-sparklines.mdx
index 0054dfc3f4..4b05bddb99 100644
--- a/docs/angular/src/content/en/components/excel-library-working-with-sparklines.mdx
+++ b/docs/angular/src/content/en/components/excel-library-working-with-sparklines.mdx
@@ -4,6 +4,8 @@ description: Use sparkline charts in Infragistics' Angular excel library to visu
 keywords: Excel library, sparkline chart, Ignite UI for Angular, Infragistics
 license: commercial
 mentionedTypes: ["Workbook"]
+llms:
+  description: "The Infragistics Angular Excel Library has support for adding sparklines to an Excel Worksheet."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/excel-library.mdx b/docs/angular/src/content/en/components/excel-library.mdx
index 3931895333..30cee05413 100644
--- a/docs/angular/src/content/en/components/excel-library.mdx
+++ b/docs/angular/src/content/en/components/excel-library.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular excel library to work with spreadsheet da
 keywords: Excel library, Ignite UI for Angular, Infragistics, workbook
 license: commercial
 mentionedTypes: ["Workbook", "Worksheet", "Cell", "Formula"]
+llms:
+  description: "The Infragistics Angular Excel Library allows you to work with spreadsheet data using familiar Microsoft® Excel® spreadsheet objects like Workbook, Worksheet, Cell, Formula and many more."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/excel-utility.mdx b/docs/angular/src/content/en/components/excel-utility.mdx
index d75be94fd5..4ddbc09512 100644
--- a/docs/angular/src/content/en/components/excel-utility.mdx
+++ b/docs/angular/src/content/en/components/excel-utility.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular excel library to work with spreadsheet da
 keywords: excel library, Ignite UI for Angular, Infragistics, saving files, loading files, WorkbookFormat
 license: commercial
 mentionedTypes: ["Workbook", "WorkbookFormat", "WorkbookSaveOptions"]
+llms:
+  description: "Describes the ExcelUtility helper used to load, save, and convert workbook data with the Ignite UI for Angular Excel Library."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/expansion-panel.mdx b/docs/angular/src/content/en/components/expansion-panel.mdx
index a26426a68e..87c61acac8 100644
--- a/docs/angular/src/content/en/components/expansion-panel.mdx
+++ b/docs/angular/src/content/en/components/expansion-panel.mdx
@@ -3,6 +3,8 @@ title: Angular Expansion Panel – Ignite UI for Angular - MIT license
 description: Use our Angular expansion panel which provides an easily configurable expandable component with two states - collapsed and expanded. Try it now.
 keywords: angular expansion panel, angular expansion panel component, angular UI components, igniteui for angular, infragistics
 license: MIT
+llms:
+  description: "Ignite UI for Angular provides developers with one of the most useful and easy-to-use layout components - Expansion Panel."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/exporter-csv.mdx b/docs/angular/src/content/en/components/exporter-csv.mdx
index d8ad1d292d..f4048a424e 100644
--- a/docs/angular/src/content/en/components/exporter-csv.mdx
+++ b/docs/angular/src/content/en/components/exporter-csv.mdx
@@ -3,6 +3,8 @@ title: Export to CSV/TSV Component - Native Angular | Ignite UI for Angular
 description: Users can export their data for editing or offline presentation can do so in CSV or TSV format with the Export to CSV/TSV Ignite UI for Angular component.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Grid, Angular Data Grid, Angular Grid Control, Angular Grid Component, CSV Export, TSV Export
 license: commercial
+llms:
+  description: "The IgniteUI CSV Exporter service can export data in a Character Separated Values format from both raw data (array) or from an IgxGrid, IgxHierarchicalGrid and IgxTreeGrid."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/exporter-excel.mdx b/docs/angular/src/content/en/components/exporter-excel.mdx
index 4bc025389f..5d8926595e 100644
--- a/docs/angular/src/content/en/components/exporter-excel.mdx
+++ b/docs/angular/src/content/en/components/exporter-excel.mdx
@@ -3,6 +3,8 @@ title: Export to Excel Component - Native Angular | Ignite UI for Angular
 description: Users can export their data for editing or offline presentation can do so in Excel format with the Export to Excel Ignite UI for Angular component.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Controls, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Grid, Angular Data Grid, Angular Grid Control, Angular Grid Component, Excel Export, Angular Excel Component, Angular Export Excel
 license: commercial
+llms:
+  description: "The Ignite UI for Angular Excel Exporter service can export data in Microsoft® Excel® format from raw data (array) or from the IgxGrid, IgxTreeGrid and IgxHierarchicalGrid components."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/exporter-pdf.mdx b/docs/angular/src/content/en/components/exporter-pdf.mdx
index 8b975ab781..1bbe428c04 100644
--- a/docs/angular/src/content/en/components/exporter-pdf.mdx
+++ b/docs/angular/src/content/en/components/exporter-pdf.mdx
@@ -3,6 +3,8 @@ title: Export to PDF Component - Native Angular | Ignite UI for Angular
 description: Users can export their data for offline presentation can do so in PDF format with the Export to PDF Ignite UI for Angular component.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Controls, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Grid, Angular Data Grid, Angular Grid Control, Angular Grid Component, PDF Export, Angular PDF Component, Angular Export PDF
 license: commercial
+llms:
+  description: "The Ignite UI for Angular PDF Exporter service provides powerful functionality to export data in PDF format from various sources, including raw data arrays and advanced grid components such as IgxGrid, IgxTreeGrid, IgxHierarchicalGrid, and IgxPivotGrid."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/for-of.mdx b/docs/angular/src/content/en/components/for-of.mdx
index 7e24e3b6b8..7c193487df 100644
--- a/docs/angular/src/content/en/components/for-of.mdx
+++ b/docs/angular/src/content/en/components/for-of.mdx
@@ -3,6 +3,8 @@ title: Angular Virtual For Directive - MIT license
 description: Ignite UI for Angular now exposes a virtual igxFor directive similar to ngFor, which virtualizes DOM object rendering by visualizing only the visible chunks of the data in the DOM.
 keywords: Angular Virtual ForOf Directive, Native Angular Components Suite, Angular UI Components, Native Angular Components Library, Virtualization, Performance, Virtual directive, Angular Virtual For
 license: MIT
+llms:
+  description: "The Ignite UI for Angular igxForOf directive is an alternative to ngForOf for templating large amounts of data."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/general-breaking-changes-dv.mdx b/docs/angular/src/content/en/components/general-breaking-changes-dv.mdx
index 4d80319b95..75a59c07fb 100644
--- a/docs/angular/src/content/en/components/general-breaking-changes-dv.mdx
+++ b/docs/angular/src/content/en/components/general-breaking-changes-dv.mdx
@@ -2,6 +2,8 @@
 title: Angular Breaking Changes | Ignite UI for Angular | Infragistics
 description: Learn about breaking changes in the Ignite UI for Angular and how to update your code to latest API.
 keywords: Breaking Changes,  Ignite UI for Angular, Infragistics
+llms:
+  description: "Summarizes breaking API changes in Ignite UI for Angular data visualization packages and the code updates required when upgrading."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/general-changelog-dv.mdx b/docs/angular/src/content/en/components/general-changelog-dv.mdx
index 4c6b5b1386..cbb68a5ee1 100644
--- a/docs/angular/src/content/en/components/general-changelog-dv.mdx
+++ b/docs/angular/src/content/en/components/general-changelog-dv.mdx
@@ -4,6 +4,8 @@ description: Learn about new features in the Ignite UI for Angular.
 keywords: Changelog, What's New,  Ignite UI for Angular, Infragistics
 mentionedTypes: ["SeriesViewer", "XYChart", "DomainChart", "DataChart", "Toolbar", "GeographicMap", "DatePicker", "DataPieChart", "MultiColumnComboBox", "CategoryChart", "CrosshairLayer", "FinalValueLayer", "CalloutLayer", "DataLegend", "RadialGauge", "RadialChart", "Toolbar"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Release history for Ignite UI for Angular data visualization components, covering new features, fixes, and breaking changes."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
@@ -30,6 +32,13 @@ For changes specific to igniteui-angular components, please see CHANGELOG.MD.
 
 ## **21.0.1 (March 2026)**
 
+### Enhancements
+
+#### igniteui-angular-charts
+
+- Added `Checkmark` option to the `MarkerType` enum. Use `MarkerType.Checkmark` on a series to display a V-shaped checkmark icon inside a circle. The new `MarkerAutomaticBehavior.Checkmark` enum value allows applying the checkmark shape to all series in the chart, and the `SeriesViewer.CheckmarkMarkerTemplate` property can be used to customize its template.
+- Added `MarkerSize` support on marker-enabled chart series to control marker dimensions in device-independent pixels and reset to template-based sizing with `NaN`.
+
 ### Bug Fixes
 
 | Bug Number | Control | Description |
@@ -42,6 +51,12 @@ For changes specific to igniteui-angular components, please see CHANGELOG.MD.
 | 41419 | Excel | Saving a VBA Signed Excel file does not keep a signature/certificate. |
 | 41594 | IgxDataChart | AssigningCategoryStyle args.GetItems is null or not working to update items in the fragment series. |
 
+### Enhancements
+
+### igniteui-angular-charts
+
+- Added `RangeBarSeries` support for horizontal range rendering in `IgxDataChart`.
+
 ## **21.0.0 (January 2026)**
 
 ### Enhancements
diff --git a/docs/angular/src/content/en/components/general-cli-overview.mdx b/docs/angular/src/content/en/components/general-cli-overview.mdx
index 643255c674..f12f703adc 100644
--- a/docs/angular/src/content/en/components/general-cli-overview.mdx
+++ b/docs/angular/src/content/en/components/general-cli-overview.mdx
@@ -2,6 +2,8 @@
 title: Angular CLI | Data Visualization Tools and Tables | Infragistics
 description: The Ignite UI for Angular toolset has a Angular CLI to help you boost productivity and get your project started quickly. Create a Ignite UI for Angular application now!
 keywords: Angular cli, command line interface, Ignite UI for Angular, Infragistics
+llms:
+  description: "Our CLI tools provide project templates pre-configured for the Ignite UI for Angular toolset that help you get your next application off the ground in record time."
 ---
 
 # Ignite UI CLI for Angular
diff --git a/docs/angular/src/content/en/components/general-whats-new-dv.mdx b/docs/angular/src/content/en/components/general-whats-new-dv.mdx
index 1900717d07..ae5fc7dfd8 100644
--- a/docs/angular/src/content/en/components/general-whats-new-dv.mdx
+++ b/docs/angular/src/content/en/components/general-whats-new-dv.mdx
@@ -2,6 +2,8 @@
 title: Angular What's New | Ignite UI for Angular | Infragistics
 description: Learn about new features in the Ignite UI for Angular.
 keywords: What's New,  Ignite UI for Angular, Infragistics
+llms:
+  description: "This release introduces several new and improved visual design and configuration options for all of the chart components. e.g."
 ---
 
 import { Image } from 'astro:assets';
diff --git a/docs/angular/src/content/en/components/general/angular-grid-overview-guide.mdx b/docs/angular/src/content/en/components/general/angular-grid-overview-guide.mdx
index edae1d7334..5a69159791 100644
--- a/docs/angular/src/content/en/components/general/angular-grid-overview-guide.mdx
+++ b/docs/angular/src/content/en/components/general/angular-grid-overview-guide.mdx
@@ -3,6 +3,8 @@ title: A Complete Guide to Angular Grid and Angular App Development
 description: Modern data grids & charts can be complex and include a range of functionalities. Learn about Angular Grids & Angular App Development with our complete guide!
 keywords: angular, angular app development, infragistics
 license: commercial 
+llms:
+  description: "Get to know the Angular Data Grid and how to use it by checking out this informative section part of our Grid Overview topic."
 ---
 
 import { Image } from 'astro:assets';
diff --git a/docs/angular/src/content/en/components/general/cli-overview.mdx b/docs/angular/src/content/en/components/general/cli-overview.mdx
index c3278324a2..7a8996ffa9 100644
--- a/docs/angular/src/content/en/components/general/cli-overview.mdx
+++ b/docs/angular/src/content/en/components/general/cli-overview.mdx
@@ -3,6 +3,8 @@ title: Angular Schematics & Ignite UI CLI | Ignite UI for Angular | Infragistics
 description: The Ignite UI CLI and Ignite UI for Angular Schematics collection scaffold Angular projects and component views pre-configured for Ignite UI for Angular. Includes MCP server for AI assistant integration.
 keywords: ignite ui for angular, angular schematics, ignite ui cli, scaffolding, infragistics
 last_updated: "2025-04-06"
+llms:
+  description: "The Ignite UI CLI and the Ignite UI for Angular Schematics collection are two complementary scaffolding tools for generating Angular projects and component views pre-configured for Ignite UI for Angular."
 ---
 
 # Angular Schematics & Ignite UI CLI
diff --git a/docs/angular/src/content/en/components/general/cli/auth-template.mdx b/docs/angular/src/content/en/components/general/cli/auth-template.mdx
index 720b3fa748..e46edfe445 100644
--- a/docs/angular/src/content/en/components/general/cli/auth-template.mdx
+++ b/docs/angular/src/content/en/components/general/cli/auth-template.mdx
@@ -2,6 +2,8 @@
 title: Authentication Project Template | Ignite UI for Angular | Infragistics
 description: Check out the Ignite UI for Angular Authentication Project Template guide.
 keywords: igniteui for angular | angular schematics | templates | infragistics 
+llms:
+  description: "When creating an Ignite UI for Angular project with Angular Schematics or Ignite UI CLI, authentication is available as an add-on option when you select a supported navigation template."
 ---
 
 import { Image } from 'astro:assets';
diff --git a/docs/angular/src/content/en/components/general/cli/component-templates.mdx b/docs/angular/src/content/en/components/general/cli/component-templates.mdx
index 65efe5ca2c..50a575d390 100644
--- a/docs/angular/src/content/en/components/general/cli/component-templates.mdx
+++ b/docs/angular/src/content/en/components/general/cli/component-templates.mdx
@@ -3,6 +3,8 @@ title: Component and Scenario CLI Templates | Ignite UI for Angular | Infragisti
 description: Reference list of all Ignite UI for Angular component and scenario templates available via Ignite UI CLI and Angular Schematics, with commands and live demo links.
 keywords: igniteui for angular, angular schematics, templates, infragistics
 last_updated: "2025-04-08"
+llms:
+  description: "Component templates are pre-configured Angular component scaffolds that the Ignite UI CLI (ig add) and Ignite UI Angular Schematics (ng g @igniteui/angular-schematics:c) generate into an existing Angular project."
 ---
 
 # Component Templates
diff --git a/docs/angular/src/content/en/components/general/cli/getting-started-with-angular-schematics.mdx b/docs/angular/src/content/en/components/general/cli/getting-started-with-angular-schematics.mdx
index a35ea5f552..4f39e9166c 100644
--- a/docs/angular/src/content/en/components/general/cli/getting-started-with-angular-schematics.mdx
+++ b/docs/angular/src/content/en/components/general/cli/getting-started-with-angular-schematics.mdx
@@ -3,6 +3,8 @@ title: Getting Started with Ignite UI for Angular Schematics | Ignite UI for Ang
 description: Install the Ignite UI for Angular Schematics collection and use it to scaffold Angular projects, add component views, and run a development server within the native Angular CLI workflow.
 keywords: ignite ui for angular, angular schematics, angular cli, scaffolding, getting started, infragistics
 last_updated: "2026-04-21"
+llms:
+  description: "The Ignite UI for Angular Schematics collection is a set of Angular CLI schematics for scaffolding Angular projects and component views pre-configured for Ignite UI for Angular."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/general/cli/getting-started-with-cli.mdx b/docs/angular/src/content/en/components/general/cli/getting-started-with-cli.mdx
index 85b4cddccb..d9ddc45c84 100644
--- a/docs/angular/src/content/en/components/general/cli/getting-started-with-cli.mdx
+++ b/docs/angular/src/content/en/components/general/cli/getting-started-with-cli.mdx
@@ -3,6 +3,8 @@ title: Getting Started with Ignite UI CLI | Ignite UI for Angular | Infragistics
 description: Install the Ignite UI CLI globally and use it to scaffold Angular projects, add component views, run a development server, and connect an MCP server to your AI coding assistant.
 keywords: ignite ui cli, ignite ui for angular, angular scaffolding, getting started, infragistics
 last_updated: "2026-04-21"
+llms:
+  description: "The Ignite UI CLI is a standalone global command-line tool for scaffolding Angular, React, and jQuery projects pre-configured for Ignite UI components."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/general/cli/step-by-step-guide-using-angular-schematics.mdx b/docs/angular/src/content/en/components/general/cli/step-by-step-guide-using-angular-schematics.mdx
index e21d421b21..6a3f45a260 100644
--- a/docs/angular/src/content/en/components/general/cli/step-by-step-guide-using-angular-schematics.mdx
+++ b/docs/angular/src/content/en/components/general/cli/step-by-step-guide-using-angular-schematics.mdx
@@ -3,6 +3,8 @@ title: Step-by-Step Guide Using Ignite UI for Angular Schematics | Ignite UI for
 description: Step-by-step guide to creating and scaffolding Angular projects using the Ignite UI for Angular Schematics collection. Covers project type selection, template choice, theming, and adding component views.
 keywords: ignite ui for angular, angular schematics, step-by-step, scaffolding, infragistics
 last_updated: "2025-04-06"
+llms:
+  description: "The Ignite UI for Angular Schematics step-by-step mode is an interactive wizard built into the @igniteui/angular-schematics collection."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/general/cli/step-by-step-guide-using-cli.mdx b/docs/angular/src/content/en/components/general/cli/step-by-step-guide-using-cli.mdx
index a5ae94c87a..9efa51a700 100644
--- a/docs/angular/src/content/en/components/general/cli/step-by-step-guide-using-cli.mdx
+++ b/docs/angular/src/content/en/components/general/cli/step-by-step-guide-using-cli.mdx
@@ -3,6 +3,8 @@ title: Step-by-Step Guide Using Ignite UI CLI | Ignite UI for Angular | Infragis
 description: Walk through the Ignite UI CLI interactive wizard to create a new Angular project, choose a template and theme, and add Ignite UI for Angular component views.
 keywords: ignite ui cli, ignite ui for angular, angular scaffolding, step-by-step, infragistics
 last_updated: "2025-04-08"
+llms:
+  description: "The Ignite UI CLI step-by-step mode is an interactive wizard that guides you through project creation, template selection, theming, and component view addition for Ignite UI CLI-based Angular projects."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/general/code-splitting-and-multiple-entry-points.mdx b/docs/angular/src/content/en/components/general/code-splitting-and-multiple-entry-points.mdx
index c9ab980a0e..97ed0bc0e3 100644
--- a/docs/angular/src/content/en/components/general/code-splitting-and-multiple-entry-points.mdx
+++ b/docs/angular/src/content/en/components/general/code-splitting-and-multiple-entry-points.mdx
@@ -2,6 +2,8 @@
 title: Code Splitting and Multiple Entry Points | Ignite UI for Angular | Infragistics
 description: Learn how to optimize your Angular application bundle size using Ignite UI for Angular's multiple entry points for better tree-shaking and code splitting.
 keywords: ignite ui for angular, code splitting, entry points, tree-shaking, lazy loading, bundle optimization
+llms:
+  description: "Starting with version 21.0.0, Ignite UI for Angular supports multiple entry points, enabling better tree-shaking, code splitting, and lazy loading of components."
 ---
 
 # Code Splitting and Multiple Entry Points
diff --git a/docs/angular/src/content/en/components/general/data-analysis.mdx b/docs/angular/src/content/en/components/general/data-analysis.mdx
index ab56169560..bb1c094e61 100644
--- a/docs/angular/src/content/en/components/general/data-analysis.mdx
+++ b/docs/angular/src/content/en/components/general/data-analysis.mdx
@@ -2,6 +2,8 @@
 title: Data analysis capabilities | Angular Universal | Ignite UI for Angular | Infragistics
 description: How to use chart integration functionality with Ignite UI for Angular and provide the data analysis means to achieve better business objectives.
 keywords: data analysis, ignite ui for angular, infragistics
+llms:
+  description: "Data analysis is the process of examining, transforming, and arranging data in a specific way to generate useful information based on it."
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/general/getting-started.mdx b/docs/angular/src/content/en/components/general/getting-started.mdx
index e570d8a22d..429e5e3c2e 100644
--- a/docs/angular/src/content/en/components/general/getting-started.mdx
+++ b/docs/angular/src/content/en/components/general/getting-started.mdx
@@ -3,6 +3,8 @@ title: Getting Started | Ignite UI for Angular | Infragistics
 description: Install Ignite UI for Angular and render your first component in under 5 minutes. Covers Ignite UI CLI scaffolding, Angular Schematics, ng add setup, manual standalone usage, and AI-assisted development tooling.
 keywords: ignite ui for angular, getting started, angular components, install, setup, igniteui-angular, infragistics
 last_updated: "2025-04-06"
+llms:
+  description: "Ignite UI for Angular is a library of 100+ enterprise UI components - including data grids, charts, editors, navigation controls, and layout containers - distributed as the igniteui-angular npm package by Infragistics."
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/general/how-to/general-how-to-mcp-e2e.mdx b/docs/angular/src/content/en/components/general/how-to/general-how-to-mcp-e2e.mdx
index 90563d95d9..8c15dbc025 100644
--- a/docs/angular/src/content/en/components/general/how-to/general-how-to-mcp-e2e.mdx
+++ b/docs/angular/src/content/en/components/general/how-to/general-how-to-mcp-e2e.mdx
@@ -2,6 +2,8 @@
 title: Build an App End-to-End with Ignite UI CLI MCP and Ignite UI Theming MCP - Ignite UI for Angular
 description: Follow an end-to-end Ignite UI for Angular workflow with Ignite UI CLI MCP and Ignite UI Theming MCP start CLI-first, connect both MCP servers, create or extend the app through chat, ask documentation questions, and apply a custom theme.
 keywords: Angular, Ignite UI for Angular, Infragistics, Ignite UI CLI MCP, Ignite UI Theming MCP, MCP, Model Context Protocol, AI, workflow, theming, prompt
+llms:
+  description: "Ignite UI CLI MCP and Ignite UI Theming MCP work together to let an AI assistant scaffold, extend, and theme an Ignite UI for Angular application through chat prompts."
 ---
 
 # Build an App End-to-End with Ignite UI CLI MCP and Ignite UI Theming MCP
diff --git a/docs/angular/src/content/en/components/general/how-to/how-to-customize-theme.mdx b/docs/angular/src/content/en/components/general/how-to/how-to-customize-theme.mdx
index eeeb062ad3..5d78b92f71 100644
--- a/docs/angular/src/content/en/components/general/how-to/how-to-customize-theme.mdx
+++ b/docs/angular/src/content/en/components/general/how-to/how-to-customize-theme.mdx
@@ -2,6 +2,8 @@
 title: Customizing Ignite UI Theming - Angular | Ignite UI for Angular
 description: The Ignite UI for Angular Theming engine allows for full application theming customization and styles size optimization.
 keywords: Ignite UI for Angular, Customizing Ignite UI Theming, Optimizing Ignite UI Theming, Angular Theming Engine, Angular Theming
+llms:
+  description: "This article will walk you through the details of customizing Ignite UI for Angular application theming and optimizing the size of the produced stylesheet."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/general/how-to/how-to-perform-crud.mdx b/docs/angular/src/content/en/components/general/how-to/how-to-perform-crud.mdx
index bc29681867..5ccb198852 100644
--- a/docs/angular/src/content/en/components/general/how-to/how-to-perform-crud.mdx
+++ b/docs/angular/src/content/en/components/general/how-to/how-to-perform-crud.mdx
@@ -1,6 +1,8 @@
 ---
 title: How to enable CRUD operations in Angular.
 description: What is Angular Crud? How to Build a CRUD service in Angular and use it to perform CRUD operations with the Grid data? Learn more here.
+llms:
+  description: "CRUD is an acronym in computer programming that stands for the CREATE, READ, UPDATE, DELETE operations that can be performed against a data collection."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/general/how-to/how-to-use-standalone-components.mdx b/docs/angular/src/content/en/components/general/how-to/how-to-use-standalone-components.mdx
index f0656ad864..b1f46c55f9 100644
--- a/docs/angular/src/content/en/components/general/how-to/how-to-use-standalone-components.mdx
+++ b/docs/angular/src/content/en/components/general/how-to/how-to-use-standalone-components.mdx
@@ -2,6 +2,8 @@
 title: How to Use Standalone Components - Angular | Ignite UI for Angular
 description: How to use Ignite UI for Angular components as standalone components, and as dependencies in your other standalone components.
 keywords: Ignite UI for Angular, Standalone Components, Angular 16, Angular Modules
+llms:
+  description: "Angular 14 introduced the concept of standalone components which allows for a simplified way of building applications by reducing the need for using NgModules."
 ---
 
 # Using Standalone Components with Ignite UI for Angular
diff --git a/docs/angular/src/content/en/components/general/how-to/signal-r-service-live-data.mdx b/docs/angular/src/content/en/components/general/how-to/signal-r-service-live-data.mdx
index 1be629dcc3..2fce06cc0f 100644
--- a/docs/angular/src/content/en/components/general/how-to/signal-r-service-live-data.mdx
+++ b/docs/angular/src/content/en/components/general/how-to/signal-r-service-live-data.mdx
@@ -2,6 +2,8 @@
 title: How to create ASP.NET Core SignalR service for live-data streaming.
 description: Modern data grid & dock manager are used for application creation along with ASP.NET Core SignalR.
 keywords: angular, signalr, .net core, infragistics
+llms:
+  description: "In this topic, we’ll see how to create applications for both streaming and receiving data with ASP.NET Core SignalR."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/general/ignite-ui-licensing.mdx b/docs/angular/src/content/en/components/general/ignite-ui-licensing.mdx
index 1de547835b..241d2abb67 100644
--- a/docs/angular/src/content/en/components/general/ignite-ui-licensing.mdx
+++ b/docs/angular/src/content/en/components/general/ignite-ui-licensing.mdx
@@ -2,6 +2,8 @@
 title: Ignite UI Licensing
 description: Information on using the Licensed Ignite UI npm package
 keywords: npm package license, ignite ui license feed, licensing
+llms:
+  description: "Ignite UI for Angular is offered under a dual-license model, which allows for both commercial and permissive open-source use, depending on the components, modules, directives, and services being used."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/general/localization.mdx b/docs/angular/src/content/en/components/general/localization.mdx
index 116e50b186..5c009b2d7e 100644
--- a/docs/angular/src/content/en/components/general/localization.mdx
+++ b/docs/angular/src/content/en/components/general/localization.mdx
@@ -2,6 +2,8 @@
 title: Localization (i18n) - Native Angular | Ignite UI for Angular
 description: The Ignite UI for Angular Localization mechanism provides the ability to change/localize strings in the components.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Native Angular Components
+llms:
+  description: "As of 21.1.0 this is the recommended way of applying localization to the Ignite UI for Angular components."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/general/open-source-vs-premium.mdx b/docs/angular/src/content/en/components/general/open-source-vs-premium.mdx
index 526d8f91ad..dbb3f2cd38 100644
--- a/docs/angular/src/content/en/components/general/open-source-vs-premium.mdx
+++ b/docs/angular/src/content/en/components/general/open-source-vs-premium.mdx
@@ -2,6 +2,8 @@
 title: Open Source vs Premium | Ignite UI for Angular | Infragistics
 description: Ignite UI for Angular is a complete set of native Angular UI components, which allow you to build fast, feature-rich and Material designed applications!
 keywords: ignite ui for angular, getting started, angular components
+llms:
+  description: "Ignite UI for Angular offers two distinct paths for building modern, data-driven applications: Open-Source Components and Premium Components."
 ---
 
 import Badge from 'igniteui-astro-components/components/mdx/Badge.astro';
diff --git a/docs/angular/src/content/en/components/general/ssr-rendering.mdx b/docs/angular/src/content/en/components/general/ssr-rendering.mdx
index 80d0a45eec..99a94b38ca 100644
--- a/docs/angular/src/content/en/components/general/ssr-rendering.mdx
+++ b/docs/angular/src/content/en/components/general/ssr-rendering.mdx
@@ -2,6 +2,8 @@
 title: Server-side rendering | Angular SSR | Ignite UI for Angular | Infragistics
 description: How to use Angular Server-side rendering with Ignite UI for Angular.
 keywords: Ignite UI for Angular, Angular SSR, Server-side rendering
+llms:
+  description: "All Angular applications run in the client's browser and often this may result in a negative performance hit on the Largest Contentful Paint (LCP) i.e. when a browser first renders the largest content of a page."
 ---
 
 # Server-side Rendering with Angular SSR
diff --git a/docs/angular/src/content/en/components/general/update-guide.mdx b/docs/angular/src/content/en/components/general/update-guide.mdx
index 00f915f818..6d7a979458 100644
--- a/docs/angular/src/content/en/components/general/update-guide.mdx
+++ b/docs/angular/src/content/en/components/general/update-guide.mdx
@@ -2,6 +2,8 @@
 title: Update Guide | Ignite UI for Angular | Infragistics
 description: Check out this article on updating how to update to a newer version of the Ignite UI for Angular library.
 keywords: ignite ui for angular, update, npm package, material components
+llms:
+  description: "In the Ignite UI for Angular versioning the first number always matches the major version of Angular the code supports and the second is dedicated for major version releases."
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/general/wpf-to-angular-guide/angular-events.mdx b/docs/angular/src/content/en/components/general/wpf-to-angular-guide/angular-events.mdx
index 9c0f9e1ef5..445c48a16a 100644
--- a/docs/angular/src/content/en/components/general/wpf-to-angular-guide/angular-events.mdx
+++ b/docs/angular/src/content/en/components/general/wpf-to-angular-guide/angular-events.mdx
@@ -2,6 +2,8 @@
 title: Handling Angular Events | Event Binding | WPF to Angular Guide | Infragistics
 description: Learn about Angular event binding and how to create your own Angular custom events. See how Angular uses DOM events to do this and handles user inputs.
 keywords: handling angular events, ignite ui for angular, infragistics
+llms:
+  description: "The Angular events are emitted as a response to user interactions."
 ---
 
 # Handling Angular Events
diff --git a/docs/angular/src/content/en/components/general/wpf-to-angular-guide/angular-pipes.mdx b/docs/angular/src/content/en/components/general/wpf-to-angular-guide/angular-pipes.mdx
index 85ef9064c8..61b5df1649 100644
--- a/docs/angular/src/content/en/components/general/wpf-to-angular-guide/angular-pipes.mdx
+++ b/docs/angular/src/content/en/components/general/wpf-to-angular-guide/angular-pipes.mdx
@@ -2,6 +2,8 @@
 title: Transform Data with Angular Pipes | WPF to Angular Guide | Infragistics
 description: Learn how Angular pipes can transform data from one value to another like wpf converters. Angular provides predefined pipes for common data transformations.
 keywords: transform data with angular pipes, ignite ui for angular, infragistics
+llms:
+  description: "You can use the Angular pipes to transform data from one value to another."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/general/wpf-to-angular-guide/create-first-angular-app.mdx b/docs/angular/src/content/en/components/general/wpf-to-angular-guide/create-first-angular-app.mdx
index 3f80c56a87..1c3a9ad15a 100644
--- a/docs/angular/src/content/en/components/general/wpf-to-angular-guide/create-first-angular-app.mdx
+++ b/docs/angular/src/content/en/components/general/wpf-to-angular-guide/create-first-angular-app.mdx
@@ -2,6 +2,8 @@
 title: Create Your First Angular Application | WPF to Angular Guide | Infragistics
 description: Learn how to create your first Angular 9 application when you migrate from WPF to Angular. Read about the prerequisites, your first project & structure.
 keywords: create angular application, ignite ui for angular, infragistics
+llms:
+  description: "Learn how to start creating an Angular application when you migrate from WPF to Angular."
 ---
 
 import { Image } from 'astro:assets';
diff --git a/docs/angular/src/content/en/components/general/wpf-to-angular-guide/create-ui-with-components.mdx b/docs/angular/src/content/en/components/general/wpf-to-angular-guide/create-ui-with-components.mdx
index 745a9c3e93..0b5822b746 100644
--- a/docs/angular/src/content/en/components/general/wpf-to-angular-guide/create-ui-with-components.mdx
+++ b/docs/angular/src/content/en/components/general/wpf-to-angular-guide/create-ui-with-components.mdx
@@ -2,6 +2,8 @@
 title: Create a User Interface with Angular Components | WPF to Angular Guide | Infragistics
 description: Learn how to create a user interface in an Angular application with an Angular component. See how similar WPF components translate in Angular.
 keywords: create user interface with an angular component, ignite ui for angular, infragistics
+llms:
+  description: "When it comes to creating user interface in an Angular application you can use an Angular component to facilitate the process."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/general/wpf-to-angular-guide/layout.mdx b/docs/angular/src/content/en/components/general/wpf-to-angular-guide/layout.mdx
index 2fdfdaa991..69fd74851e 100644
--- a/docs/angular/src/content/en/components/general/wpf-to-angular-guide/layout.mdx
+++ b/docs/angular/src/content/en/components/general/wpf-to-angular-guide/layout.mdx
@@ -2,6 +2,8 @@
 title: Angular Page Layout Elements | WPF to Angular Guide | Infragistics
 description: Learn how to customize the page layout of your Angular application with our in-depth tutorial of using CSS features like Flexbox & Grid. 
 keywords: angular page layout elements, ignite ui for angular, infragistics
+llms:
+  description: "In WPF, in order to layout the elements in your application, you need to put them inside a Panel."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/general/wpf-to-angular-guide/one-way-binding.mdx b/docs/angular/src/content/en/components/general/wpf-to-angular-guide/one-way-binding.mdx
index 451abcc618..3bf0546327 100644
--- a/docs/angular/src/content/en/components/general/wpf-to-angular-guide/one-way-binding.mdx
+++ b/docs/angular/src/content/en/components/general/wpf-to-angular-guide/one-way-binding.mdx
@@ -2,6 +2,8 @@
 title: One-Way Data Binding in Angular | WPF to Angular Guide | Infragistics
 description: Learn about one-way data binding in Angular & how it's used to show information to the end user while staying synchronized with changes to the underlying data.
 keywords: one-way data binding in angular, ignite ui for angular, infragistics
+llms:
+  description: "One-way data binding in Angular (i.e. unidirectional binding) is a way to bind data from the component to the view (DOM) or vice versa - from view to the component."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/general/wpf-to-angular-guide/structural-directives.mdx b/docs/angular/src/content/en/components/general/wpf-to-angular-guide/structural-directives.mdx
index b692eae050..ccd9b6171d 100644
--- a/docs/angular/src/content/en/components/general/wpf-to-angular-guide/structural-directives.mdx
+++ b/docs/angular/src/content/en/components/general/wpf-to-angular-guide/structural-directives.mdx
@@ -2,6 +2,8 @@
 title: Angular Structural Directives | ngIf, ngswitch | WPF to Angular Guide | Infragistics
 description: Learn how to use structural directives in Angular 9 like ngIf, ngswitch & ngFor to add and remove elements to your view in your Angular application
 keywords: angular structural directives, ignite ui for angular, infragistics
+llms:
+  description: "When it comes to control the appearance of the visual tree elements’ appearance in WPF, the most common way is to use binding and visibility converter, which requires some extra logic and static resources."
 ---
 
 # Angular Structural Directives
diff --git a/docs/angular/src/content/en/components/general/wpf-to-angular-guide/two-way-binding.mdx b/docs/angular/src/content/en/components/general/wpf-to-angular-guide/two-way-binding.mdx
index 2f4afba30b..3fe371fa3e 100644
--- a/docs/angular/src/content/en/components/general/wpf-to-angular-guide/two-way-binding.mdx
+++ b/docs/angular/src/content/en/components/general/wpf-to-angular-guide/two-way-binding.mdx
@@ -2,6 +2,8 @@
 title: Two-Way Data Binding in Angular with ngModel | WPF to Angular Guide | Infragistics
 description: Learn how two-way data binding in Angular is used to display information to the end user and allows them to make changes to the underlying data using the UI. 
 keywords: two-way data binding in Angular, ignite ui for angular, infragistics
+llms:
+  description: "The two-way data binding in Angular enables data to flow from the component to the view and the other way round."
 ---
 
 # What is two-way data binding in Angular
diff --git a/docs/angular/src/content/en/components/general/wpf-to-angular-guide/wpf-to-angular-guide.mdx b/docs/angular/src/content/en/components/general/wpf-to-angular-guide/wpf-to-angular-guide.mdx
index 5eb410d2f4..d19a6db416 100644
--- a/docs/angular/src/content/en/components/general/wpf-to-angular-guide/wpf-to-angular-guide.mdx
+++ b/docs/angular/src/content/en/components/general/wpf-to-angular-guide/wpf-to-angular-guide.mdx
@@ -2,6 +2,8 @@
 title: WPF to Angular Tutorial & Guide for Developers | Desktop to Web | Infragistics
 description: Read our WPF to Angular tutorial that guides developers on making a smooth transition from a desktop to web framework. Learn more about Angular today!
 keywords: wpf to angular tutorial, igniteui for angular, infragistics
+llms:
+  description: "WPF to Angular tutorial is the first step that you should take in order to make a smooth transition from a desktop to web framework transition."
 ---
 
 import { Image } from 'astro:assets';
diff --git a/docs/angular/src/content/en/components/geo-map-binding-data-csv.mdx b/docs/angular/src/content/en/components/geo-map-binding-data-csv.mdx
index 88065cd552..6b774064ad 100644
--- a/docs/angular/src/content/en/components/geo-map-binding-data-csv.mdx
+++ b/docs/angular/src/content/en/components/geo-map-binding-data-csv.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, plot data, Ignite UI for Angular, Infragistics, data bin
 license: commercial
 mentionedTypes: ["GeographicMap", "GeographicHighDensityScatterSeries"]
 namespace: Infragistics.Controls.Maps
+llms:
+  description: "With the Ignite UI for Angular map component, you can plot geographic data loaded from various file types."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/geo-map-binding-data-json-points.mdx b/docs/angular/src/content/en/components/geo-map-binding-data-json-points.mdx
index 7eb7a86fe2..86553627de 100644
--- a/docs/angular/src/content/en/components/geo-map-binding-data-json-points.mdx
+++ b/docs/angular/src/content/en/components/geo-map-binding-data-json-points.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, JSON files, Ignite UI for Angular, Infragistics, data bi
 license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
 namespace: Infragistics.Controls.Maps
+llms:
+  description: "With the Ignite UI for Angular map, you can plot geographic data loaded from various file types."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/geo-map-binding-data-model.mdx b/docs/angular/src/content/en/components/geo-map-binding-data-model.mdx
index 50f49a6aa9..0fcfebf96a 100644
--- a/docs/angular/src/content/en/components/geo-map-binding-data-model.mdx
+++ b/docs/angular/src/content/en/components/geo-map-binding-data-model.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, binding data models, Ignite UI for Angular, Infragistics
 license: commercial
 mentionedTypes: ["GeographicMap", "GeographicScatterAreaSeries", "GeographicHighDensityScatterSeries", "GeographicProportionalSymbolSeries", "GeographicScatterAreaSeries", "GeographicContourLineSeries", "GeographicShapeSeries", "GeographicPolylineSeries", "Series", "GeographicShapeSeriesBase"]
 namespace: Infragistics.Controls.Maps
+llms:
+  description: "The Ignite UI for Angular map component is designed to display geo-spatial data from shape files and/or geographic locations from data models on geographic imagery maps."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/geo-map-binding-data-overview.mdx b/docs/angular/src/content/en/components/geo-map-binding-data-overview.mdx
index aa028be59c..3d33ccfe95 100644
--- a/docs/angular/src/content/en/components/geo-map-binding-data-overview.mdx
+++ b/docs/angular/src/content/en/components/geo-map-binding-data-overview.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, geo-spatial data, Ignite UI for Angular, Infragistics, d
 license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
 namespace: Infragistics.Controls.Maps
+llms:
+  description: "The Ignite UI for Angular map component is designed to display geo-spatial data from shape files and/or geographic locations from data models on geographic imagery maps."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/geo-map-binding-multiple-shapes.mdx b/docs/angular/src/content/en/components/geo-map-binding-multiple-shapes.mdx
index 9dd9d363d0..ba1072d51f 100644
--- a/docs/angular/src/content/en/components/geo-map-binding-multiple-shapes.mdx
+++ b/docs/angular/src/content/en/components/geo-map-binding-multiple-shapes.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, shape files, Ignite UI for Angular, Infragistics, data b
 license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileRecord", "Series", "GeographicShapeSeriesBase"]
 namespace: Infragistics.Controls.Maps
+llms:
+  description: "In the Ignite UI for Angular map, you can add multiple geographic series objects to overlay a few shapefiles with geo-spacial data."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/geo-map-binding-multiple-sources.mdx b/docs/angular/src/content/en/components/geo-map-binding-multiple-sources.mdx
index 3b18d0b184..713f914177 100644
--- a/docs/angular/src/content/en/components/geo-map-binding-multiple-sources.mdx
+++ b/docs/angular/src/content/en/components/geo-map-binding-multiple-sources.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular JavaScript map to add multiple geographic
 keywords: "Angular map, geographic series, Ignite UI for Angular, Infragistics, data binding"
 license: commercial
 mentionedTypes: ["GeographicMap", "SeriesViewer", "Series", "GeographicShapeSeriesBase"]
+llms:
+  description: "In the Ignite UI for Angular map, you can add multiple geographic series objects to overlay custom data sources with geo-spacial data."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/geo-map-binding-shp-file.mdx b/docs/angular/src/content/en/components/geo-map-binding-shp-file.mdx
index 6ea68e0cfe..633320ad7e 100644
--- a/docs/angular/src/content/en/components/geo-map-binding-shp-file.mdx
+++ b/docs/angular/src/content/en/components/geo-map-binding-shp-file.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular JavaScript map to load geo-spatial data f
 keywords: "Angular map, shapefiles, Ignite UI for Angular, Infragistics, data binding"
 license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileRecord", "Series", "GeographicShapeSeriesBase"]
+llms:
+  description: "The Ignite UI for Angular map component, the ShapefileRecord class loads geo-spatial data (points/locations, polylines, polygons) from shape files and converts it to a collection of IgxShapefileRecord objects."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/geo-map-display-azure-imagery.mdx b/docs/angular/src/content/en/components/geo-map-display-azure-imagery.mdx
index 4fa0195cd4..c02d553971 100644
--- a/docs/angular/src/content/en/components/geo-map-display-azure-imagery.mdx
+++ b/docs/angular/src/content/en/components/geo-map-display-azure-imagery.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular to display imagery from Microsoft Azure M
 keywords: "Angular map, azure maps, Ignite UI for Angular, Infragistics, imagery tile source, map background"
 license: commercial
 mentionedTypes: ["GeographicMap", "AzureMapsImagery", "GeographicTileSeries"]
+llms:
+  description: "The Angular AzureMapsImagery is geographic imagery mapping service provided by Microsoft®."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/geo-map-display-bing-imagery.mdx b/docs/angular/src/content/en/components/geo-map-display-bing-imagery.mdx
index 5f03c0ba19..7bfbaa6da2 100644
--- a/docs/angular/src/content/en/components/geo-map-display-bing-imagery.mdx
+++ b/docs/angular/src/content/en/components/geo-map-display-bing-imagery.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular to display imagery from Microsoft Bing Ma
 keywords: "Angular map, bing maps, Ignite UI for Angular, Infragistics, imagery tile source, map background"
 license: commercial
 mentionedTypes: ["GeographicMap", "BingMapsMapImagery"]
+llms:
+  description: "NOTE: As of June 30, 2025 all Microsoft Bing Maps for Enterprise Basic (Free) accounts will be retired."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/geo-map-display-esri-imagery.mdx b/docs/angular/src/content/en/components/geo-map-display-esri-imagery.mdx
index e831f94a68..a0be86f795 100644
--- a/docs/angular/src/content/en/components/geo-map-display-esri-imagery.mdx
+++ b/docs/angular/src/content/en/components/geo-map-display-esri-imagery.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular to display imagery from ESRI maps. View I
 keywords: "Angular map, ESRI, Ignite UI for Angular, Infragistics, imagery tile source, map background"
 license: commercial
 mentionedTypes: ["GeographicMap"]
+llms:
+  description: "The ArcGISOnlineMapImagery is a free geographic imagery mapping service created by Esri company."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/geo-map-display-heat-imagery.mdx b/docs/angular/src/content/en/components/geo-map-display-heat-imagery.mdx
index a6fe591fe2..421c09c472 100644
--- a/docs/angular/src/content/en/components/geo-map-display-heat-imagery.mdx
+++ b/docs/angular/src/content/en/components/geo-map-display-heat-imagery.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular JavaScript map to display heat map imager
 keywords: "Angular map, heat map imagery, Ignite UI for Angular, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileRecord", "HeatTileGenerator", "GeographicTileSeries"]
+llms:
+  description: "The Ignite UI for Angular map control has the ability to show heat-map imagery through the use of the ShapefileRecord that are generated by a ShapefileRecord by loading geo-spatial data by loading shape files to a tile series."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/geo-map-display-imagery-types.mdx b/docs/angular/src/content/en/components/geo-map-display-imagery-types.mdx
index 2e0ef4982e..9fc042994b 100644
--- a/docs/angular/src/content/en/components/geo-map-display-imagery-types.mdx
+++ b/docs/angular/src/content/en/components/geo-map-display-imagery-types.mdx
@@ -4,6 +4,8 @@ description: The Map allows you to display data that contains geographic locatio
 keywords: "Angular map, Geographic Imagery, tiles, Ignite UI for Angular, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap"]
+llms:
+  description: "Angular Geographic imagery is a detailed representation of the world from a top view perspective."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/geo-map-display-osm-imagery.mdx b/docs/angular/src/content/en/components/geo-map-display-osm-imagery.mdx
index da203a0e8f..700691b8e1 100644
--- a/docs/angular/src/content/en/components/geo-map-display-osm-imagery.mdx
+++ b/docs/angular/src/content/en/components/geo-map-display-osm-imagery.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular to display imagery from OSM maps. View Ig
 keywords: "Angular map, OSM, Ignite UI for Angular, Infragistics, imagery tile source, map background"
 license: commercial
 mentionedTypes: ["GeographicMap"]
+llms:
+  description: "The Angular OpenStreetMapImagery is a free geographic imagery mapping service created collaboratively by OpenStreetMap© contributors from around the world."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/geo-map-navigation.mdx b/docs/angular/src/content/en/components/geo-map-navigation.mdx
index afaee623cd..f62b0fe6bd 100644
--- a/docs/angular/src/content/en/components/geo-map-navigation.mdx
+++ b/docs/angular/src/content/en/components/geo-map-navigation.mdx
@@ -4,6 +4,8 @@ _description: Navigate Infragistics' Angular map by panning right and left and z
 _keywords: Angular map, navigation, Ignite UI for Angular, Infragistics
 _license: commercial
 
+llms:
+  description: "Navigation in the GeographicMap control is enabled by default and it allows zooming and panning of the map content."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/geo-map-resources-esri.mdx b/docs/angular/src/content/en/components/geo-map-resources-esri.mdx
index 1f430e6d95..8560d434ef 100644
--- a/docs/angular/src/content/en/components/geo-map-resources-esri.mdx
+++ b/docs/angular/src/content/en/components/geo-map-resources-esri.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular to display imagery from ESRI maps. View I
 keywords: "Angular map, ESRI, Ignite UI for Angular, Infragistics, imagery tile source, map background"
 license: commercial
 mentionedTypes: ["GeographicMap"]
+llms:
+  description: "The resource topic provides implementation of an utility that helps with using ArcGISOnlineMapImagery provided by Esri Maps in GeographicMap."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/geo-map-resources-shape-styling-utility.mdx b/docs/angular/src/content/en/components/geo-map-resources-shape-styling-utility.mdx
index 055ec2765a..5c630aba3f 100644
--- a/docs/angular/src/content/en/components/geo-map-resources-shape-styling-utility.mdx
+++ b/docs/angular/src/content/en/components/geo-map-resources-shape-styling-utility.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular JavaScript map to load geo-spatial data f
 keywords: "Angular map, shape styling, conditional formatting, Ignite UI for Angular, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap"]
+llms:
+  description: "The resource topic provides implementation of an utility that helps with styling UI elements of GeographicShapeSeries in Angular GeographicMap component."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/geo-map-resources-world-connections.mdx b/docs/angular/src/content/en/components/geo-map-resources-world-connections.mdx
index 238dba2612..de987398d0 100644
--- a/docs/angular/src/content/en/components/geo-map-resources-world-connections.mdx
+++ b/docs/angular/src/content/en/components/geo-map-resources-world-connections.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular JavaScript map data utility to generate l
 keywords: "Angular map, map data, Ignite UI for Angular, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap"]
+llms:
+  description: "The resource topic provides implementation of data utility for generating locations of airports, flight paths, and geographic gridlines."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/geo-map-resources-world-locations.mdx b/docs/angular/src/content/en/components/geo-map-resources-world-locations.mdx
index 2c1e5f963e..2957669ae3 100644
--- a/docs/angular/src/content/en/components/geo-map-resources-world-locations.mdx
+++ b/docs/angular/src/content/en/components/geo-map-resources-world-locations.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular JavaScript map data utility to generate g
 keywords: "Angular map, map data, Ignite UI for Angular, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap"]
+llms:
+  description: "The resource topic provides implementation of data utility for generating geographic locations of cities and capitals of countries."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/geo-map-resources-world-util.mdx b/docs/angular/src/content/en/components/geo-map-resources-world-util.mdx
index 160e1f6fdf..aed24edb02 100644
--- a/docs/angular/src/content/en/components/geo-map-resources-world-util.mdx
+++ b/docs/angular/src/content/en/components/geo-map-resources-world-util.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular JavaScript map data utility to generate g
 keywords: "Angular map, map data, Ignite UI for Angular, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap"]
+llms:
+  description: "The resource topic provides implementation of utility that helps with generating Angular geographic data."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/geo-map-shape-files-reference.mdx b/docs/angular/src/content/en/components/geo-map-shape-files-reference.mdx
index 1f54d5660b..4150b4f710 100644
--- a/docs/angular/src/content/en/components/geo-map-shape-files-reference.mdx
+++ b/docs/angular/src/content/en/components/geo-map-shape-files-reference.mdx
@@ -4,6 +4,8 @@ description: Learn about shape files format to use with Infragistics' Angular ma
 keywords: "Angular map, shape files, Ignite UI for Angular, Infragistics, shape editing"
 license: commercial
 mentionedTypes: ["GeographicMap", "GeographicShapeSeriesBase", "Series"]
+llms:
+  description: "Before plotting geo-spatial data in the control, one should get familiar with the following resources which provide general information about maps and geo-spatial data."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/geo-map-shape-styling.mdx b/docs/angular/src/content/en/components/geo-map-shape-styling.mdx
index cb3efdcef1..ccc715ca62 100644
--- a/docs/angular/src/content/en/components/geo-map-shape-styling.mdx
+++ b/docs/angular/src/content/en/components/geo-map-shape-styling.mdx
@@ -4,6 +4,8 @@ description: Learn how to apply custom styling to Infragistics' Angular map's sh
 keywords: "Angular map, custom styling, Ignite UI for Angular, Infragistics, conditional formatting, shape styling"
 license: commercial
 mentionedTypes: ["GeographicMap", "GeographicShapeSeries", "Series"]
+llms:
+  description: "Explains how to apply data-driven conditional styling to geographic shape series in the Ignite UI for Angular Map."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/geo-map-type-scatter-area-series.mdx b/docs/angular/src/content/en/components/geo-map-type-scatter-area-series.mdx
index a5c12dfc80..fe172f0b70 100644
--- a/docs/angular/src/content/en/components/geo-map-type-scatter-area-series.mdx
+++ b/docs/angular/src/content/en/components/geo-map-type-scatter-area-series.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics Angular map's scatter area series to draw a colore
 keywords: "Angular map, scatter area series, Ignite UI for Angular, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap","GeographicScatterAreaSeries","CustomPaletteColorScale", "Series"]
+llms:
+  description: "In Angular map component, you can use the GeographicScatterAreaSeries to draw a colored surface, in a geographic context, based on a triangulation of longitude and latitude data with a numeric value assigned to each point."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/geo-map-type-scatter-bubble-series.mdx b/docs/angular/src/content/en/components/geo-map-type-scatter-bubble-series.mdx
index 4427d3a1ca..769bd0aae9 100644
--- a/docs/angular/src/content/en/components/geo-map-type-scatter-bubble-series.mdx
+++ b/docs/angular/src/content/en/components/geo-map-type-scatter-bubble-series.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics Angular map's scatter proportional series to plot
 keywords: "Angular map, scatter proportional series, Ignite UI for Angular, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
+llms:
+  description: "In Angular map component, you can use the GeographicProportionalSymbolSeries to plot bubbles or proportional markers at the geographic locations specified by the data in your application."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/geo-map-type-scatter-contour-series.mdx b/docs/angular/src/content/en/components/geo-map-type-scatter-contour-series.mdx
index f8f36006dc..73bc1d2bca 100644
--- a/docs/angular/src/content/en/components/geo-map-type-scatter-contour-series.mdx
+++ b/docs/angular/src/content/en/components/geo-map-type-scatter-contour-series.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics Angular map's scatter contour series to draw color
 keywords: "Angular map, scatter contour series, Ignite UI for Angular, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap","GeographicContourLineSeries","CustomPaletteColorScale", "Series"]
+llms:
+  description: "In Angular map component, you can use the GeographicContourLineSeries to draw colored contour lines, in a geographic context, based on a triangulation of longitude and latitude data with a numeric value assigned to each point."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/geo-map-type-scatter-density-series.mdx b/docs/angular/src/content/en/components/geo-map-type-scatter-density-series.mdx
index 4594542cc0..6fe5ce39e3 100644
--- a/docs/angular/src/content/en/components/geo-map-type-scatter-density-series.mdx
+++ b/docs/angular/src/content/en/components/geo-map-type-scatter-density-series.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics Angular map's scatter high density series to bind
 keywords: "Angular map, scatter high density series, Ignite UI for Angular, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
+llms:
+  description: "In Angular map component, you can use the GeographicHighDensityScatterSeries to bind and show scatter data ranging from hundreds to millions of data points requiring exceedingly little loading time."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/geo-map-type-scatter-symbol-series.mdx b/docs/angular/src/content/en/components/geo-map-type-scatter-symbol-series.mdx
index 00a5663a3d..409826e8c6 100644
--- a/docs/angular/src/content/en/components/geo-map-type-scatter-symbol-series.mdx
+++ b/docs/angular/src/content/en/components/geo-map-type-scatter-symbol-series.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics Angular map's scatter symbol series to display geo
 keywords: "Angular map, scatter symbol series, Ignite UI for Angular, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileRecord", "Series"]
+llms:
+  description: "In Angular map component, you can use the GeographicSymbolSeries to display geo-spatial data using points or markers in a geographic context."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/geo-map-type-series.mdx b/docs/angular/src/content/en/components/geo-map-type-series.mdx
index 17714f744e..77547d71cc 100644
--- a/docs/angular/src/content/en/components/geo-map-type-series.mdx
+++ b/docs/angular/src/content/en/components/geo-map-type-series.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics Angular map's series to display geo-spatial data a
 keywords: "Angular map, geographic series, Ignite UI for Angular, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
+llms:
+  description: "In the Ignite UI for Angular Map component, geographic series are visual elements of the map that display geo-spatial data as points (e.g. locations of cities), polylines (e.g. road connections), or polygons (shape of countries) in a geographic context."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/geo-map-type-shape-polygon-series.mdx b/docs/angular/src/content/en/components/geo-map-type-shape-polygon-series.mdx
index f4c5a95038..328a6a793b 100644
--- a/docs/angular/src/content/en/components/geo-map-type-shape-polygon-series.mdx
+++ b/docs/angular/src/content/en/components/geo-map-type-shape-polygon-series.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics Angular map's shape polygon series to render shape
 keywords: "Angular map, shape polygon series, Ignite UI for Angular, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileRecord", "Series", "GeographicShapeSeriesBase"]
+llms:
+  description: "In Angular map component, you can use the GeographicShapeSeries to display geo-spatial data using shape polygons in a geographic context."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/geo-map-type-shape-polyline-series.mdx b/docs/angular/src/content/en/components/geo-map-type-shape-polyline-series.mdx
index f8f4b6b83d..c2019a2252 100644
--- a/docs/angular/src/content/en/components/geo-map-type-shape-polyline-series.mdx
+++ b/docs/angular/src/content/en/components/geo-map-type-shape-polyline-series.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics Angular map's shape polyline series to render road
 keywords: "Angular map, Ignite UI for Angular, shape polyline series, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileRecord", "Series", "GeographicShapeSeriesBase"]
+llms:
+  description: "In Angular map component, you can use the GeographicPolylineSeries to display geo-spatial data using polylines in a geographic context."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/geo-map.mdx b/docs/angular/src/content/en/components/geo-map.mdx
index 6b0f5ef20a..c7f32e0e4b 100644
--- a/docs/angular/src/content/en/components/geo-map.mdx
+++ b/docs/angular/src/content/en/components/geo-map.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular JavaScript map to display data that conta
 keywords: "Angular map, geographic map, imagery tiles, Ignite UI for Angular, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
+llms:
+  description: "The Ignite UI for Angular map component allows you to display data that contains geographic locations from view models or geo-spatial data loaded from shape files on geographic imagery maps."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/grid-lite/binding.mdx b/docs/angular/src/content/en/components/grid-lite/binding.mdx
index 838675ebae..876036c2b5 100644
--- a/docs/angular/src/content/en/components/grid-lite/binding.mdx
+++ b/docs/angular/src/content/en/components/grid-lite/binding.mdx
@@ -5,6 +5,8 @@ keywords: data binding, Infragistics
 license: MIT
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
+llms:
+  description: "The Grid Lite accepts an array of plain objects as a data source."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
@@ -14,7 +16,7 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
 # Angular Grid Lite Data Binding
 
-The Grid Lite accepts and array of plain objects as a data source. Each grid row is the rendered representation of a data record in the array with row cells being controlled by the column configuration.
+The Grid Lite accepts an array of plain objects as a data source. Each grid row is the rendered representation of a data record in the array with row cells being controlled by the column configuration.
 
 When applying data transformations, such as sorting and filtering, the grid does not modify the original data reference. That is to say, data transformations will not be reflected in the original source. The grid does not track changes to the objects inside the data array, so direct modification of the data objects will not be reflected.
 
diff --git a/docs/angular/src/content/en/components/grid-lite/cell-template.mdx b/docs/angular/src/content/en/components/grid-lite/cell-template.mdx
index b2f50d14fd..4d5f8aee7e 100644
--- a/docs/angular/src/content/en/components/grid-lite/cell-template.mdx
+++ b/docs/angular/src/content/en/components/grid-lite/cell-template.mdx
@@ -5,6 +5,8 @@ keywords: cell template, Infragistics
 license: MIT
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
+llms:
+  description: "By default, the grid uses the field of the column to render the value as a string inside the cell."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/grid-lite/column-configuration.mdx b/docs/angular/src/content/en/components/grid-lite/column-configuration.mdx
index 7a31868048..84638c305b 100644
--- a/docs/angular/src/content/en/components/grid-lite/column-configuration.mdx
+++ b/docs/angular/src/content/en/components/grid-lite/column-configuration.mdx
@@ -5,6 +5,8 @@ keywords: column configuration, {Platform}, {ComponentKeywords}, {ProductName},
 license: MIT
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
+llms:
+  description: "Columns are defined declaratively using column child components within the grid."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/grid-lite/filtering.mdx b/docs/angular/src/content/en/components/grid-lite/filtering.mdx
index cc8f3a841a..f7d97b0cf9 100644
--- a/docs/angular/src/content/en/components/grid-lite/filtering.mdx
+++ b/docs/angular/src/content/en/components/grid-lite/filtering.mdx
@@ -5,6 +5,8 @@ keywords: filtering, {Platform}, {ComponentKeywords}, {ProductName}, Infragistic
 license: MIT
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
+llms:
+  description: "The Grid Lite supports filtering operations on its data source."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/grid-lite/header-template.mdx b/docs/angular/src/content/en/components/grid-lite/header-template.mdx
index 2047bf5d6f..694a362bd6 100644
--- a/docs/angular/src/content/en/components/grid-lite/header-template.mdx
+++ b/docs/angular/src/content/en/components/grid-lite/header-template.mdx
@@ -5,6 +5,8 @@ keywords: header template, {Platform}, {ComponentKeywords}, {ProductName}, Infra
 license: MIT
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
+llms:
+  description: "Similar to the cell templates, column headers can also be customized to better fit the desired use case."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/grid-lite/overview.mdx b/docs/angular/src/content/en/components/grid-lite/overview.mdx
index c78a2a6338..f5c05ebc07 100644
--- a/docs/angular/src/content/en/components/grid-lite/overview.mdx
+++ b/docs/angular/src/content/en/components/grid-lite/overview.mdx
@@ -5,6 +5,8 @@ keywords: overview, {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 license: MIT
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
+llms:
+  description: "The Ignite UI for Angular Grid Lite is a lightweight, high-performance Angular data grid that’s free to use, open-source, and built for modern Angular applications."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/grid-lite/sorting.mdx b/docs/angular/src/content/en/components/grid-lite/sorting.mdx
index 17104944b2..e2f64b3f22 100644
--- a/docs/angular/src/content/en/components/grid-lite/sorting.mdx
+++ b/docs/angular/src/content/en/components/grid-lite/sorting.mdx
@@ -5,6 +5,8 @@ keywords: sorting, {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 license: MIT
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
+llms:
+  description: "The Grid Lite supports sorting operations on its data source."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/grid-lite/theming.mdx b/docs/angular/src/content/en/components/grid-lite/theming.mdx
index 2edc4e5c6e..de7892cfa2 100644
--- a/docs/angular/src/content/en/components/grid-lite/theming.mdx
+++ b/docs/angular/src/content/en/components/grid-lite/theming.mdx
@@ -5,6 +5,8 @@ keywords: styling, theming, {Platform}, {ComponentKeywords}, {ProductName}, Infr
 license: MIT
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
+llms:
+  description: "The Grid Lite comes with four distinct themes - Bootstrap, Material, Fluent and Indigo."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/grid/grid.mdx b/docs/angular/src/content/en/components/grid/grid.mdx
index 4c223af43a..1c6ff6cbba 100644
--- a/docs/angular/src/content/en/components/grid/grid.mdx
+++ b/docs/angular/src/content/en/components/grid/grid.mdx
@@ -3,6 +3,8 @@ title: Angular Data Grid | Build Fast Angular Tables | Infragistics
 description: Create super fast, responsive Angular data grids and tables with Ignite UI for Angular. Supports  editing, filtering, data binding and many more. Try it now!
 keywords: angular data grid, angular grid component, angular data grid component, angular table component, angular data table component, angular table, angular UI components, ignite ui for angular
 license: commercial
+llms:
+  description: "The Angular Data Grid is a component for displaying data in a tabular format."
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/grid/groupby.mdx b/docs/angular/src/content/en/components/grid/groupby.mdx
index e583bc1afc..9a994871ac 100644
--- a/docs/angular/src/content/en/components/grid/groupby.mdx
+++ b/docs/angular/src/content/en/components/grid/groupby.mdx
@@ -3,6 +3,8 @@ title: Angular Grid Group By | Group by multiple fields | Infragistics
 description: Configure angular group by that allows visualizing of data records in Angular table, visualize the grouped data in separate and convenient column group.
 keywords: angular group by, igniteui for angular, infragistics
 license: commercial
+llms:
+  description: "A Group By behavior in an Ignite UI for Angular Table or UI Grid creates grouped data rows based on the column values."
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/grid/master-detail.mdx b/docs/angular/src/content/en/components/grid/master-detail.mdx
index e2ea0db205..7126c35d86 100644
--- a/docs/angular/src/content/en/components/grid/master-detail.mdx
+++ b/docs/angular/src/content/en/components/grid/master-detail.mdx
@@ -3,6 +3,8 @@ title: Angular Master-Detail Grid - Ignite UI for Angular
 description: Define expandable detail view template for data in rows with Ignite UI Angular Grid. Useful for displaying master-detail style data in a hierarchical structure.
 keywords: master detail, igniteui for angular, infragistics
 license: commercial
+llms:
+  description: "The igxGrid component supports specifying a detail template that displays additional details for a particular row by expanding/collapsing its content."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/grid/paste-excel.mdx b/docs/angular/src/content/en/components/grid/paste-excel.mdx
index f8e6604cdf..0bfa1e18f1 100644
--- a/docs/angular/src/content/en/components/grid/paste-excel.mdx
+++ b/docs/angular/src/content/en/components/grid/paste-excel.mdx
@@ -3,6 +3,8 @@ title: Angular Excel Like Grid - Paste Form Excel - Infragistics 
 description: Configure the Angular Grid to paste data from excel, by using rich and performant API with less code, and use the rich API do export selected grid data easily.
 keywords: export selected, igniteui for angular, infragistics
 license: commercial
+llms:
+  description: "The Ignite UI for Angular Grid can read Excel data that is copied to the clipboard."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/grid/selection-based-aggregates.mdx b/docs/angular/src/content/en/components/grid/selection-based-aggregates.mdx
index b7cd3e2f44..a99de32f0c 100644
--- a/docs/angular/src/content/en/components/grid/selection-based-aggregates.mdx
+++ b/docs/angular/src/content/en/components/grid/selection-based-aggregates.mdx
@@ -3,6 +3,8 @@ title: Angular Grid Selection-Based Data Aggregation- Ignite UI for Angular
 description: Learn how to aggregate selected data in a grid with Ignite UI. Get instant content aggregations in the virtualized data and rich API for your next project.
 keywords: Data aggregation, selection, ignite ui for angular, infragistics
 license: commercial
+llms:
+  description: "With the sample, illustrated beyond, you may see how multiple selection is being used, alongside with custom summary functions, to display aggregates based on the selected values in the grid footer."
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/grids-and-lists.mdx b/docs/angular/src/content/en/components/grids-and-lists.mdx
index 51d6bc5c45..7618ee456a 100644
--- a/docs/angular/src/content/en/components/grids-and-lists.mdx
+++ b/docs/angular/src/content/en/components/grids-and-lists.mdx
@@ -3,6 +3,8 @@ title: Angular Grids & Tables | Fastest Angular UI Grid | Infragistics
 description: Looking for fast angular grids and tables? Ignite UI for Angular provides a complete library of Angular-native, Material-based UI data grids and tables. Find more.
 keywords: angular data grid, infragistics, infragistics.com
 license: commercial
+llms:
+  description: "Ignite UI for Angular provides a complete library of Angular-native, Material-based UI components, including the world’s fastest virtualized Angular data grid."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/hierarchicalgrid/hierarchical-grid.mdx b/docs/angular/src/content/en/components/hierarchicalgrid/hierarchical-grid.mdx
index 5ba2f98fc1..a212c5a13f 100644
--- a/docs/angular/src/content/en/components/hierarchicalgrid/hierarchical-grid.mdx
+++ b/docs/angular/src/content/en/components/hierarchicalgrid/hierarchical-grid.mdx
@@ -3,6 +3,8 @@ title: Angular Hierarchical Data Grid | Material Table | Ignite UI for Angular |
 description: Learn how to use Ignite UI for Angular data grid, based on Angular Table and create a touch-responsive angular component with variety of angular events.
 keywords: angular hierarchical data grid, angular hierarchical table, angular hierarchical data grid component, angular hierarchical table component, angular UI components, igniteui for angular, infragistics
 license: commercial
+llms:
+  description: "The Ignite UI for Angular Hierarchical Data Grid is used to display and manipulate hierarchical tabular data."
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/hierarchicalgrid/load-on-demand.mdx b/docs/angular/src/content/en/components/hierarchicalgrid/load-on-demand.mdx
index 6bf74d1e65..1d9f109ae5 100644
--- a/docs/angular/src/content/en/components/hierarchicalgrid/load-on-demand.mdx
+++ b/docs/angular/src/content/en/components/hierarchicalgrid/load-on-demand.mdx
@@ -3,6 +3,8 @@ title: Hierarchical Grid load on demand - Native Angular | Ignite UI for Angular
 description: The Ignite UI for Angular Hierarchical Grid provides the necessary tools to load data on demand for each child grid that is expanded. That way the volume of data would be greatly reduced and can be retrieved only when the user needs it.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Hierarchical Grid component, Angular Hierarchical Data Table component, Angular Hierarchical Grid control, Angular Hierarchical Data Table control, Angular High Performance Hierarchical Grid, Angular High Performance Hierarchical Data Table, Hierarchical Grid, Hierarchical Data Table
 license: commercial
+llms:
+  description: "The Ignite UI for Angular HierarchicalGrid allows fast rendering by requesting the minimum amount of data to be retrieved from the server so that the user can see the result in view and interact with the visible data as quickly as possible."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/icon-button.mdx b/docs/angular/src/content/en/components/icon-button.mdx
index eb07e762eb..0c9e574c31 100644
--- a/docs/angular/src/content/en/components/icon-button.mdx
+++ b/docs/angular/src/content/en/components/icon-button.mdx
@@ -3,6 +3,8 @@ title: Angular Icon Button Component – Ignite UI for Angular - MIT license
 description: Enhance standard icons with button functionalities. Try it now.
 keywords: Angular Icon Button component, Angular Icon Button control, Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Angular UI Components,
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Icon Button directive is intended to turn any icon into a fully functional button."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/icon-service.mdx b/docs/angular/src/content/en/components/icon-service.mdx
index 05352c094e..9d0ddd05ae 100644
--- a/docs/angular/src/content/en/components/icon-service.mdx
+++ b/docs/angular/src/content/en/components/icon-service.mdx
@@ -3,6 +3,8 @@ title: Angular Icon Service – Ignite UI for Angular | Infragistics | MIT licen
 description: Developers can unify and use various icon and font sets interchangeably with custom colors and more with Ignite UI for Angular Icon Service. 
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Icon components, Angular Icon controls, Angular Icon service
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Icon Service allows developers to add new icons from various sources to their UIs."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/icon.mdx b/docs/angular/src/content/en/components/icon.mdx
index 7a17941286..48d5c73469 100644
--- a/docs/angular/src/content/en/components/icon.mdx
+++ b/docs/angular/src/content/en/components/icon.mdx
@@ -3,6 +3,8 @@ title: Angular Icon Component – Ignite UI for Angular | Infragistics | MIT lic
 description: Developers can unify and use various icon and font sets interchangeably with custom colors and more with Ignite UI for Angular Icon component.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Icon components, Angular Icon controls
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Icon component unifies icon/font families so developers can use them interchangeably and add material icons to markup."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/input-group.mdx b/docs/angular/src/content/en/components/input-group.mdx
index e97437a7b1..40c762fc33 100644
--- a/docs/angular/src/content/en/components/input-group.mdx
+++ b/docs/angular/src/content/en/components/input-group.mdx
@@ -3,6 +3,8 @@ title: Angular Input Group Component | Ignite UI for Angular | MIT license
 description: The Input Group component in Ignite UI for Angular allows for easy-to-use and aesthetic forms, simplicity with inputting data, and provides mitigation for handling validation and errors.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Angular UI Components, Native Angular Components Library, Native Angular Components, Angular Label component, Angular Label control, Angular Input component, Angular Input control, Input component, Input control, Label component, Label control, Angular Input Group component, Angular Input Group control, Angular Input directive, Angular Label directive, Angular Forms, Angular Reactive Forms, Angular Form Validation
 license: MIT
+llms:
+  description: "The IgxInputGroupComponent allows the user to enhance input elements like input, select, textarea, etc."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/inputs/color-editor.mdx b/docs/angular/src/content/en/components/inputs/color-editor.mdx
index ba781c6c08..2861dc753e 100644
--- a/docs/angular/src/content/en/components/inputs/color-editor.mdx
+++ b/docs/angular/src/content/en/components/inputs/color-editor.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Color Editor, Ignite UI for Angular, Infragistics"
 license: commercial
 mentionedTypes: ["ColorEditor"]
 namespace: Infragistics.Controls
+llms:
+  description: "The Ignite UI for Angular Color Editor is a lightweight color picker component."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import Badge from 'igniteui-astro-components/components/mdx/Badge.astro';
diff --git a/docs/angular/src/content/en/components/interactivity/accessibility-compliance.mdx b/docs/angular/src/content/en/components/interactivity/accessibility-compliance.mdx
index 54ef0f330e..484dc8f2e1 100644
--- a/docs/angular/src/content/en/components/interactivity/accessibility-compliance.mdx
+++ b/docs/angular/src/content/en/components/interactivity/accessibility-compliance.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Accessibility Support and Compliance - Sectio
 keywords: accessibility, Angular, ignite ui for Angular, infragistics
 license: MIT
 mentionedTypes: []
+llms:
+  description: "As the leading global provider of UI and UX tools for developers, our Angular team at Infragistics is committed to providing components and tools that make it easier for you to create the best possible user experience."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 
diff --git a/docs/angular/src/content/en/components/interactivity/right-to-left-support.mdx b/docs/angular/src/content/en/components/interactivity/right-to-left-support.mdx
index 2c9502ce40..415ef3ed5e 100644
--- a/docs/angular/src/content/en/components/interactivity/right-to-left-support.mdx
+++ b/docs/angular/src/content/en/components/interactivity/right-to-left-support.mdx
@@ -2,6 +2,8 @@
 title: Ignite UI for Angular Frameworks and features  | Ignite UI for Angular | Infragistics
 description: Learn how to configure ARIA Accessibility and Directionality of your application with Ignite UI for Angular
 keywords: aria support, a11y, ignite ui for angular, infragistics
+llms:
+  description: "Most of the components in the framework have full right-to-left (RTL) support by default."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/label-input.mdx b/docs/angular/src/content/en/components/label-input.mdx
index 343150d207..0fa3fee950 100644
--- a/docs/angular/src/content/en/components/label-input.mdx
+++ b/docs/angular/src/content/en/components/label-input.mdx
@@ -3,6 +3,8 @@ title: Angular Label and Input Directives - MIT license
 description: With Ignite UI for Angular Label and Input directives, developers can decorate and style single-line or multi-line input elements, add additional CSS styles and integrate with other controls.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Angular UI Components, Native Angular Components Library, Angular Label component, Angular Label control, Angular Input component, Angular Input control, Input component, Input control, Label component, Label control, Angular Input directive, Angular Label directive, Angular Forms, Angular Reactive Forms, Angular Form Validation
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Input and Label directives are used to decorate and style single-line or multi-line input elements in an igx-input-group component."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/layout.mdx b/docs/angular/src/content/en/components/layout.mdx
index e37f561f75..5d8e376d5d 100644
--- a/docs/angular/src/content/en/components/layout.mdx
+++ b/docs/angular/src/content/en/components/layout.mdx
@@ -1,6 +1,8 @@
 ---
 title: Angular Layout Manager Directives - MIT license 
 description: Only Ignite UI for Angular Layout Manager directive provides various styles of responsive and fluid user interfaces.
+llms:
+  description: "The Ignite UI for Angular Layout Directives allow developers to specify a layout direction for any children of the container it is applied to."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/linear-gauge.mdx b/docs/angular/src/content/en/components/linear-gauge.mdx
index 931e094849..837a9533c0 100644
--- a/docs/angular/src/content/en/components/linear-gauge.mdx
+++ b/docs/angular/src/content/en/components/linear-gauge.mdx
@@ -5,6 +5,8 @@ keywords: linear gauge, Ignite UI for Angular, Infragistics, animation, labels,
 license: commercial
 mentionedTypes: ["LinearGauge"]
 namespace: Infragistics.Controls.Gauges
+llms:
+  description: "The Ignite UI for Angular linear gauge component allows for visualizing data in the form of a linear gauge."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/linear-progress.mdx b/docs/angular/src/content/en/components/linear-progress.mdx
index cd912d0cf4..6f599cab1c 100644
--- a/docs/angular/src/content/en/components/linear-progress.mdx
+++ b/docs/angular/src/content/en/components/linear-progress.mdx
@@ -3,6 +3,8 @@ title: Angular Linear Progress Component - MIT license
 description: Display a progress bar and customize its appearance with endless color and striping options with Ignite UI for Angular Linear Progress Bar component.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Angular UI Components, Native Angular Components Library, Angular Linear Progress component, Angular Linear Progress control
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Linear Progress Bar Indicator component provides a visual indicator of an application’s process as it changes."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/list.mdx b/docs/angular/src/content/en/components/list.mdx
index 8c7c901302..9a1d342a9b 100644
--- a/docs/angular/src/content/en/components/list.mdx
+++ b/docs/angular/src/content/en/components/list.mdx
@@ -3,6 +3,8 @@ title: Angular List View | Angular List Example | Infragistics | MIT license
 description: The Ignite UI for Angular List component displays rows of items and supports one or more header items as well as search and filtering of list items. Try it for FREE
 keywords: angular list, ignite ui for angular, angular list component, angular list view, angular list view component, angular ui components
 license: MIT
+llms:
+  description: "The Ignite UI for Angular List component displays rows of items and supports one or more header items as well as search and filtering of list items."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/maps/map-api.mdx b/docs/angular/src/content/en/components/maps/map-api.mdx
index 99c6d29b71..9e4efe18b5 100644
--- a/docs/angular/src/content/en/components/maps/map-api.mdx
+++ b/docs/angular/src/content/en/components/maps/map-api.mdx
@@ -5,6 +5,8 @@ keywords: "Angular maps, geographic, map API, API, Ignite UI for Angular,"
 license: commercial
 mentionedTypes: ["GeographicMap", "Series", "SeriesViewer", "GeographicSymbolSeries", "GeographicProportionalSymbolSeries", "GeographicShapeSeries", "GeographicHighDensityScatterSeries", "GeographicScatterAreaSeries", "GeographicContourLineSeries", "GeographicShapeSeriesBase"]
 namespace: Infragistics.Controls.Maps
+llms:
+  description: "- Zoomable - ZoomToGeographic - WorldRect - WindowRect - WindowScale - GetGeographicFromZoom - GetGeographicPoint - GetPixelPoint"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/mask.mdx b/docs/angular/src/content/en/components/mask.mdx
index 90ba0dae07..5afc5e26c2 100644
--- a/docs/angular/src/content/en/components/mask.mdx
+++ b/docs/angular/src/content/en/components/mask.mdx
@@ -3,6 +3,8 @@ title: Angular Mask Directive Component | Ignite UI for Angular | MIT license
 description: With the Mask Directive in Ignite UI for Angular, the developer can control user input and format the visible value based on configurable mask rules, providing different input options and ease in use and configuration.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components, Native Angular Components Suite, Angular UI Components, Native Angular Components Library, Angular mask directive, Mask, Directive, Mask Editor, Angular Mask Editor
 license: MIT
+llms:
+  description: "By applying the igxMask directive on a text input field, the developer can control user input and format the visible value, based on configurable mask rules."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/material-icons-extended.mdx b/docs/angular/src/content/en/components/material-icons-extended.mdx
index e4154565cb..4458eeef11 100644
--- a/docs/angular/src/content/en/components/material-icons-extended.mdx
+++ b/docs/angular/src/content/en/components/material-icons-extended.mdx
@@ -3,6 +3,8 @@ title: Material Icons Extended - Superset of material icons | MIT license
 description: Ignite UI for Angular extends the material icons set to provide the designers and developers a wide range of icons to choose from. 
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Icon components, Angular Icon controls, Material icons extended
 license: MIT
+llms:
+  description: "The Ignite UI Material Icons Extended is a subset of icons that extends the material icon set by Google."
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/menus/toolbar.mdx b/docs/angular/src/content/en/components/menus/toolbar.mdx
index 37be012210..b582cad466 100644
--- a/docs/angular/src/content/en/components/menus/toolbar.mdx
+++ b/docs/angular/src/content/en/components/menus/toolbar.mdx
@@ -4,6 +4,8 @@ description: See how you can easily get started with Angular Toolbar Component.
 keywords: "Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Toolbar components, Angular Toolbar controls"
 license: commercial
 mentionedTypes: ["Toolbar", "ToolAction", "DomainChart", "CategoryChart", "DataChart", "TrendLineType"]
+llms:
+  description: "The Angular Toolbar component is a companion container for UI operations to be used primarily with our charting components."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/month-picker.mdx b/docs/angular/src/content/en/components/month-picker.mdx
index cf82fd0c78..3934fcf8e8 100644
--- a/docs/angular/src/content/en/components/month-picker.mdx
+++ b/docs/angular/src/content/en/components/month-picker.mdx
@@ -3,6 +3,8 @@ title: Angular Month Picker Component – Ignite UI for Angular - MIT license
 description:  The Ignite UI for Angular Month Picker component provides an easy and intuitive way to select a specific month and year using a month-year calendar view. Try it now.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Month Picker components, Angular Month Picker controls
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Month Picker component provides an easy and intuitive way to select a specific month and year using a month-year calendar view."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/multi-column-combobox.mdx b/docs/angular/src/content/en/components/multi-column-combobox.mdx
index c60f4b1db9..034f6ff090 100644
--- a/docs/angular/src/content/en/components/multi-column-combobox.mdx
+++ b/docs/angular/src/content/en/components/multi-column-combobox.mdx
@@ -4,6 +4,8 @@ description: Infragistics' Angular combo component helps you select the best cha
 keywords: Angular combo, drop down, Ignite UI for Angular, Infragistics
 license: MIT
 mentionedTypes: []
+llms:
+  description: "The Multi-Column Combo Box automatically generates columns for properties on the data object."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/navbar.mdx b/docs/angular/src/content/en/components/navbar.mdx
index eb89991ce3..411dac304a 100644
--- a/docs/angular/src/content/en/components/navbar.mdx
+++ b/docs/angular/src/content/en/components/navbar.mdx
@@ -3,6 +3,8 @@ title: Angular Navbar Component – Ignite UI for Angular | Infragistics | MIT l
 description: Ignite UI for Angular Navbar control provides optimal UI experience with seamless integration to allow users to move within an application smoothly.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Angular UI Components, Native Angular Components Library, Angular NavBar component, Angular Navbar control, Angular Navigation Bar, Angular Navigation Bar component
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Navbar is an application header component that informs the user of their current position in an app, and helps them move back (much like the “back” button in a browser)."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/navdrawer.mdx b/docs/angular/src/content/en/components/navdrawer.mdx
index 93c524a03e..79a9e412f0 100644
--- a/docs/angular/src/content/en/components/navdrawer.mdx
+++ b/docs/angular/src/content/en/components/navdrawer.mdx
@@ -3,6 +3,8 @@ title: Angular Navigation Drawer Component – Ignite UI for Angular | Infragist
 description: Implement a user-friendly slide in/out navigation container with complete programmatic control with Ignite UI for Angular Navigation Drawer component.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Navigation Drawer component, Angular Navigation Drawer control
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Navigation Drawer component is a side navigation container."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/nuget-feed.mdx b/docs/angular/src/content/en/components/nuget-feed.mdx
index f2a4ec97fc..b44b39e90d 100644
--- a/docs/angular/src/content/en/components/nuget-feed.mdx
+++ b/docs/angular/src/content/en/components/nuget-feed.mdx
@@ -3,6 +3,8 @@ title: Infragistics NuGet Feed
 description: Infragistics NuGet Feed for Angular components.
 keywords: Angular, NuGet, Feed, Infragistics
 mentionedTypes: []
+llms:
+  description: "Infragistics provides a private NuGet feed for licensed users to consume and add licensed Ignite UI for Blazor NuGet packages to their applications via the NuGet Package Manager."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/overlay-position.mdx b/docs/angular/src/content/en/components/overlay-position.mdx
index f6d7fdf9e5..0325d89fa3 100644
--- a/docs/angular/src/content/en/components/overlay-position.mdx
+++ b/docs/angular/src/content/en/components/overlay-position.mdx
@@ -2,6 +2,8 @@
 title: Angular Overlay Service - Positioning Strategies - MIT license 
 description: Explanation and example about the Overlay Service's IPositionStrategy interface and the classes that implement it.
 license: MIT
+llms:
+  description: "Position strategies determine where the content is displayed in the provided IgxOverlayService."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/overlay-scroll.mdx b/docs/angular/src/content/en/components/overlay-scroll.mdx
index e7102f3cc0..8710651350 100644
--- a/docs/angular/src/content/en/components/overlay-scroll.mdx
+++ b/docs/angular/src/content/en/components/overlay-scroll.mdx
@@ -2,6 +2,8 @@
 title: Angular Overlay Service - Scroll Strategies - MIT license 
 description: Explanation and example about the Overlay Service's IScrollStrategy interface and the classes that implement it.
 license: MIT
+llms:
+  description: "The scroll strategy determines how the scrolling is handled in the provided IgxOverlayService."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/overlay-styling.mdx b/docs/angular/src/content/en/components/overlay-styling.mdx
index 0f509dc0ff..e598be8079 100644
--- a/docs/angular/src/content/en/components/overlay-styling.mdx
+++ b/docs/angular/src/content/en/components/overlay-styling.mdx
@@ -3,6 +3,8 @@ title: Angular Overlay Styling | MIT license
 description: A detailed walkthrough that explains how to properly apply and scope styles to elements that are displayed using the IgniteUI for Angular Overlay Service.
 keywords: Ignite UI for Angular, Angular Overlay Service, Angular UI controls, Overlay Service, View Encapsulation Example, Sass scoped styles in Angular, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library
 license: MIT
+llms:
+  description: "IgxOverlayService is used to display content above the page content."
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/overlay.mdx b/docs/angular/src/content/en/components/overlay.mdx
index dea3978b3f..213de1ad32 100644
--- a/docs/angular/src/content/en/components/overlay.mdx
+++ b/docs/angular/src/content/en/components/overlay.mdx
@@ -3,6 +3,8 @@ title: Angular Overlay Service – Ignite UI for Angular | Infragistics | MIT li
 description: Provides a service which enables developers to position content above all other component/html content of the page. Comes with a robust API allowing for precise configuration of the service.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Overlay Service component
 license: MIT
+llms:
+  description: "The overlay service provides an easy and quick way to dynamically render content in the foreground of an app."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/paginator.mdx b/docs/angular/src/content/en/components/paginator.mdx
index 98c9fd69c2..68dcf3b8ec 100644
--- a/docs/angular/src/content/en/components/paginator.mdx
+++ b/docs/angular/src/content/en/components/paginator.mdx
@@ -3,6 +3,8 @@ title: Angular Paginator Example – Ignite UI for Angular - MIT license
 description: Configure Angular pagination and create custom pages in the Angular table, or other iterable UI collection, by Ignite UI, get data for the requested pages with variety of angular events.
 keywords: angular paginator, angular paginator component, angular ui components, igniteui for angular, infragistics
 license: MIT
+llms:
+  description: "Pagination in Angular is an optimization technique when working with huge data sets."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/pie-chart.mdx b/docs/angular/src/content/en/components/pie-chart.mdx
index 1fb640a5a5..d95a4dc46a 100644
--- a/docs/angular/src/content/en/components/pie-chart.mdx
+++ b/docs/angular/src/content/en/components/pie-chart.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular pie chart to create a colorful pie chart
 keywords: Angular charts, pie chart, Ignite UI for Angular, Infragistics, data binding, slice selection, slice explosion, animation
 license: commercial
 mentionedTypes: ['XamPieChart','SliceSelectionMode','PieSliceOthersContext']
+llms:
+  description: "The Ignite UI for Angular pie chart component is a specialized component that renders a pie chart, consisting of a circular area divided into sections."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/pivotGrid/pivot-grid-custom.mdx b/docs/angular/src/content/en/components/pivotGrid/pivot-grid-custom.mdx
index 8f27c56817..04c53ca4b6 100644
--- a/docs/angular/src/content/en/components/pivotGrid/pivot-grid-custom.mdx
+++ b/docs/angular/src/content/en/components/pivotGrid/pivot-grid-custom.mdx
@@ -3,6 +3,8 @@ title: Angular Pivot Grid Custom Remote | Pivot Tables | Infragistics
 description: Create fast, responsive Angular pivot grids and tables with Ignite UI for Angular. Perform complex data analysis via pivot data.
 keywords: angular pivot grid, Angular pivot table, ignite ui for angular, pivot grid customization, pivot grid remote, pivot remote
 license: commercial
+llms:
+  description: "In scenarios where the pivot data is already grouped and aggregated from a remote service and there's no need for further processing on the client, the pivot grid can be configured to use a custom empty strategy that will skip data processing on the client and allow it to."
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/pivotGrid/pivot-grid-features.mdx b/docs/angular/src/content/en/components/pivotGrid/pivot-grid-features.mdx
index ead9eb1b35..e66f836fc4 100644
--- a/docs/angular/src/content/en/components/pivotGrid/pivot-grid-features.mdx
+++ b/docs/angular/src/content/en/components/pivotGrid/pivot-grid-features.mdx
@@ -3,6 +3,8 @@ title: Angular Pivot Grid Features | Pivot Tables | Infragistics
 description: Create fast, responsive Angular pivot grids and tables with Ignite UI for Angular. Perform complex data analysis via pivot data.
 keywords: angular pivot grid, Angular pivot table, ignite ui for angular, pivot grid features, pivot features
 license: commercial
+llms:
+  description: "The pivot and flat grid component classes inherit from a common base and thus share some functionality and features."
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/pivotGrid/pivot-grid.mdx b/docs/angular/src/content/en/components/pivotGrid/pivot-grid.mdx
index 5239abc7b7..364cd14a2c 100644
--- a/docs/angular/src/content/en/components/pivotGrid/pivot-grid.mdx
+++ b/docs/angular/src/content/en/components/pivotGrid/pivot-grid.mdx
@@ -3,6 +3,8 @@ title: Angular Pivot Grid & Table – Ignite UI for Angular
 description: Create fast, responsive Angular pivot grids and tables with Ignite UI for Angular. Perform complex analysis and apply data sorting, grouping, or filtering.
 keywords: angular pivot grid, angular pivot grid component, angular pivot table, angular pivot table component, angular pivot data table, Angular pivot table, angular ui components, ignite ui for angular
 license: commercial
+llms:
+  description: "Ignite UI for Angular Pivot Grid is one of our best Angular Components, representing a table of grouped values and aggregates that lets you organize and summarize data in a tabular form."
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/query-builder-model.mdx b/docs/angular/src/content/en/components/query-builder-model.mdx
index 3cae018312..6071b23d9c 100644
--- a/docs/angular/src/content/en/components/query-builder-model.mdx
+++ b/docs/angular/src/content/en/components/query-builder-model.mdx
@@ -3,6 +3,8 @@ title: Using the Query Builder Model
 description: Angular Query Builder provides a serializable/deserializable JSON format model, making it easy to build SQL queries. Try it now.
 keywords: Angular Query Builder component, Angular Query Builder control, Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Angular UI Components, Native Angular Components Library
 license: commercial
+llms:
+  description: "Angular Query Builder provides a serializable/deserializable JSON format model, making it easy to build SQL queries."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/query-builder.mdx b/docs/angular/src/content/en/components/query-builder.mdx
index 7ded61f47f..f2f9be2f1b 100644
--- a/docs/angular/src/content/en/components/query-builder.mdx
+++ b/docs/angular/src/content/en/components/query-builder.mdx
@@ -3,6 +3,8 @@ title: Angular Query Builder Component - Ignite UI for Angular
 description: Angular Query Builder allows users to build complex custom queries in angular apps with a great UI experience. Try it Now.
 keywords: Angular Query Builder component, Angular Query Builder control, Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Angular UI Components, Native Angular Components Library
 license: commercial
+llms:
+  description: "Angular Query Builder is part of our Angular Components and it provides a rich UI that allows developers to build complex data filtering queries for a specified data set."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/radial-gauge.mdx b/docs/angular/src/content/en/components/radial-gauge.mdx
index 0b2ad78053..27cd51afad 100644
--- a/docs/angular/src/content/en/components/radial-gauge.mdx
+++ b/docs/angular/src/content/en/components/radial-gauge.mdx
@@ -5,6 +5,8 @@ keywords: Radial Gauge, Ignite UI for Angular, Infragistics, animation, labels,
 license: commercial
 mentionedTypes: ["RadialGauge", "RadialGaugeRange"]
 namespace: Infragistics.Controls.Gauges
+llms:
+  description: "The Angular radial gauge component provides a number of visual elements, like a needle, tick marks, ranges, and labels, in order to create a predefined shape and scale."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/radio-button.mdx b/docs/angular/src/content/en/components/radio-button.mdx
index 56f7fdbb90..ec4aea6890 100644
--- a/docs/angular/src/content/en/components/radio-button.mdx
+++ b/docs/angular/src/content/en/components/radio-button.mdx
@@ -3,6 +3,8 @@ title: Angular Radio and Radio Group – Ignite UI for Angular | Infragistics |
 description: With Ignite UI for Angular Radio Button and Radio Group controls, developers can seamlessly present lists of options for users to select for better UI in template-driven and reactive forms.
 keywords: Angular Radio Group component, Angular Radio Group control, Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Angular UI Components, Native Angular Components Library
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Radio Button component allows the user to select a single option from an available set of options that are listed side by side."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/rating.mdx b/docs/angular/src/content/en/components/rating.mdx
index aba5baa1eb..da8b18aff3 100644
--- a/docs/angular/src/content/en/components/rating.mdx
+++ b/docs/angular/src/content/en/components/rating.mdx
@@ -3,6 +3,8 @@ title: Angular Star Rating Component – Ignite UI for Angular - MIT license
 description: With Angular Star Rating Component, users can view and provide feedback quickly. You can use the rating component in any angular app and angular forms. Try it Now
 keywords: Angular Rating component, Angular Rating control, Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Angular UI Components, Native Angular Components Library
 license: MIT
+llms:
+  description: "Rating in Angular represents a widget enabling users to quickly provide feedback and evaluate a product or a service on a web page by using a star rating system."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/ripple.mdx b/docs/angular/src/content/en/components/ripple.mdx
index 7cc539951a..e480f36a6e 100644
--- a/docs/angular/src/content/en/components/ripple.mdx
+++ b/docs/angular/src/content/en/components/ripple.mdx
@@ -3,6 +3,8 @@ title: Angular Ripple Directive – Ignite UI for Angular | Infragistics | MIT l
 description: With Ignite UI for Angular Ripple directive, developers can define an area which received a ripple animation effect for powerful UI enhancement.
 keywords: Angular Ripple component, Angular Ripple Directive, Angular Ripple control, Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Angular UI Components, Native Angular Components Library
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Ripple component creates an animation in response to a touch or a mouse click."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/select.mdx b/docs/angular/src/content/en/components/select.mdx
index b2e37a058e..7cc72afcf2 100644
--- a/docs/angular/src/content/en/components/select.mdx
+++ b/docs/angular/src/content/en/components/select.mdx
@@ -3,6 +3,8 @@ title: Angular Select Component - Ignite UI for Angular - MIT license
 description: Learn how to configure Angular Select Component. Angular Select provides an input with Angular dropdown list, allowing single item selection of the Angular Combobox. Try it now.
 keywords:  angular select, angular select component, angular forms, angular form select component, angular ui components, igniteui for angular, infragistics
 license: MIT
+llms:
+  description: "Angular Select is a form component used for selecting a single value from a list of predefined values."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/simple-combo.mdx b/docs/angular/src/content/en/components/simple-combo.mdx
index 7f1475f626..7c56763c52 100644
--- a/docs/angular/src/content/en/components/simple-combo.mdx
+++ b/docs/angular/src/content/en/components/simple-combo.mdx
@@ -3,6 +3,8 @@ title: Single Select ComboBox Component - MIT license
 description: The Ignite UI for Angular Simple ComboBox provides a powerful input, combining features of the basic HTML input, select, filtering and custom drop-down lists. Try it for FREE
 keywords: angular single selection combobox, angular combobox component, angular single selection combobox component, angular combo, angular ui components, ignite ui for angular, infragistics
 license: MIT
+llms:
+  description: "The Angular Single Select ComboBox component is a modification of ComboBox component that allows single selection."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/slider/slider-ticks.mdx b/docs/angular/src/content/en/components/slider/slider-ticks.mdx
index b2a81356c9..eea11a2cdd 100644
--- a/docs/angular/src/content/en/components/slider/slider-ticks.mdx
+++ b/docs/angular/src/content/en/components/slider/slider-ticks.mdx
@@ -3,6 +3,8 @@ title: Tick Marks | Thumb Track |  Ignite UI for Angular | Infragistics | MIT li
 description: Learn how to configure the Ignite UI for Angular slider tick marks, and improve your data visualization by using angular slider step with convenient thumb track
 keywords: tick marks, igniteui for angular, infragistics
 license: MIT
+llms:
+  description: "- Slider - IgxSliderComponent Styles - IRangeSliderValue - SliderType"
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/slider/slider.mdx b/docs/angular/src/content/en/components/slider/slider.mdx
index 1f683950b9..da5bc4ea0c 100644
--- a/docs/angular/src/content/en/components/slider/slider.mdx
+++ b/docs/angular/src/content/en/components/slider/slider.mdx
@@ -3,6 +3,8 @@ title: Angular Slider |  Ignite UI for Angular | Infragistics | MIT license
 description: Learn how to configure a selection in a given range by using the thumb track with Angular Slider part of Ignite UI for Angular. Choose between singe and range slider types
 keywords: angular slider, angular slider component, angular range slider component, angular range input component, angular ui components, igniteui for angular, infragistics
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Slider is a form component which allows selection in a given range by moving a thumb along a track."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/snackbar.mdx b/docs/angular/src/content/en/components/snackbar.mdx
index fa047bf5c7..68cdf1fa5b 100644
--- a/docs/angular/src/content/en/components/snackbar.mdx
+++ b/docs/angular/src/content/en/components/snackbar.mdx
@@ -3,6 +3,8 @@ title: Angular Snackbar Component - MIT license
 description: Easily integrate a brief, single-line message within your mobile and desktop applications with Ignite UI for Angular Snackbar component.
 keywords: Angular Snackbar component, Angular Snackbar control, Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Angular UI Components, Native Angular Components Library
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Snackbar component provides feedback about an operation with a single-line message, which can include an action."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/sparkline.mdx b/docs/angular/src/content/en/components/sparkline.mdx
index 0cb702531d..ad39932f43 100644
--- a/docs/angular/src/content/en/components/sparkline.mdx
+++ b/docs/angular/src/content/en/components/sparkline.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular sparkline chart control to render in a sm
 keywords: Sparkline, Ignite UI for Angular, Infragistics, WinLoss, Area, Column
 license: commercial
 mentionedTypes: ['XamSparkline', 'SparklineDisplayType', 'TrendLineType']
+llms:
+  description: "The Ignite UI for Angular sparkline component is a lightweight charting control."
 ---
 
 # Angular Sparkline Overview
diff --git a/docs/angular/src/content/en/components/splitter.mdx b/docs/angular/src/content/en/components/splitter.mdx
index 4ba4cd53d7..c1b0dc6210 100644
--- a/docs/angular/src/content/en/components/splitter.mdx
+++ b/docs/angular/src/content/en/components/splitter.mdx
@@ -3,6 +3,8 @@ title: Angular Splitter Component | Split Panes |  Ignite UI for Angular | Infra
 description: Use the Angular Splitter component to create a simple split layout splitting the view horizontally or vertically into multiple collapsible split panes.
 keywords: angular splitter, angular splitter component, angular split view component, angular ui components, igniteui for angular, infragistics
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Splitter component provides the ability to create layouts, split into multiple vertically or horizontally arranged panes that may be resized, expanded and collapsed."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/spreadsheet-activation.mdx b/docs/angular/src/content/en/components/spreadsheet-activation.mdx
index 75f9fe444d..aded5eb984 100644
--- a/docs/angular/src/content/en/components/spreadsheet-activation.mdx
+++ b/docs/angular/src/content/en/components/spreadsheet-activation.mdx
@@ -4,6 +4,8 @@ _description: Learn how to use the activation feature of the  Angular spreadshee
 _keywords: Excel Spreadsheet, activation, Ignite UI for Angular, Infragistics
 _license: commercial
 
+llms:
+  description: "The Angular Spreadsheet component exposes properties that allow you to determine the currently active cell, pane, and worksheet in the control."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/spreadsheet-chart-adapter.mdx b/docs/angular/src/content/en/components/spreadsheet-chart-adapter.mdx
index 8b2277ae91..38e78b0494 100644
--- a/docs/angular/src/content/en/components/spreadsheet-chart-adapter.mdx
+++ b/docs/angular/src/content/en/components/spreadsheet-chart-adapter.mdx
@@ -4,6 +4,8 @@ description: Display charts such as column, line and area, in the Infragistics'
 keywords: Excel Spreadsheet, chart adapter, Ignite UI for Angular, Infragistics
 license: commercial
 mentionedTypes: ["Spreadsheet", "Worksheet", "WorksheetShapeCollection", "WorksheetChart"]
+llms:
+  description: "The Angular Spreadsheet component allows displaying charts in your Spreadsheet."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/spreadsheet-clipboard.mdx b/docs/angular/src/content/en/components/spreadsheet-clipboard.mdx
index f814c0c4d9..e58f1046ff 100644
--- a/docs/angular/src/content/en/components/spreadsheet-clipboard.mdx
+++ b/docs/angular/src/content/en/components/spreadsheet-clipboard.mdx
@@ -4,6 +4,8 @@ description: Use clipboard operations such as copy, cut and paste within Infragi
 keywords: Spreadsheet, clipboard operations, Ignite UI for Angular, Infragistics
 license: commercial
 mentionedTypes: ["Spreadsheet", "SpreadsheetAction", "SpreadsheetCommandType", "Command"]
+llms:
+  description: "Explains how to copy, cut, and paste cells in the Angular Spreadsheet by using its clipboard commands and API."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/spreadsheet-commands.mdx b/docs/angular/src/content/en/components/spreadsheet-commands.mdx
index 000127f4f8..8f0779587e 100644
--- a/docs/angular/src/content/en/components/spreadsheet-commands.mdx
+++ b/docs/angular/src/content/en/components/spreadsheet-commands.mdx
@@ -4,6 +4,8 @@ description: Perform commands to activate different features of Infragistics' An
 keywords: Spreadsheet, commands, Ignite UI for Angular, Infragistics
 license: commercial
 mentionedTypes: ["Spreadsheet", "SpreadsheetAction"]
+llms:
+  description: "The Angular Spreadsheet component allows you to perform commands for activating different features of the spreadsheet."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/spreadsheet-conditional-formatting.mdx b/docs/angular/src/content/en/components/spreadsheet-conditional-formatting.mdx
index 24b4cb0692..e461d98f60 100644
--- a/docs/angular/src/content/en/components/spreadsheet-conditional-formatting.mdx
+++ b/docs/angular/src/content/en/components/spreadsheet-conditional-formatting.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular spreadsheet control to conditionally form
 keywords: Spreadsheet, conditional formatting, Ignite UI for Angular, Infragistics, Worksheet
 license: commercial
 mentionedTypes: ["Spreadsheet", "ConditionalFormatCollection", "WorksheetCell", "Worksheet", "IWorksheetCellFormat"]
+llms:
+  description: "The Angular Spreadsheet component allows you to conditionally format the cells of a worksheet."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/spreadsheet-configuring.mdx b/docs/angular/src/content/en/components/spreadsheet-configuring.mdx
index f8a0524a19..0c0896866a 100644
--- a/docs/angular/src/content/en/components/spreadsheet-configuring.mdx
+++ b/docs/angular/src/content/en/components/spreadsheet-configuring.mdx
@@ -4,6 +4,8 @@ description: Learn how configuring your Angular spreadsheets with Ignite UI for
 keywords: Excel Spreadsheet,  Ignite UI for Angular, Infragistics
 license: commercial
 mentionedTypes: ["Spreadsheet"]
+llms:
+  description: "The Angular Spreadsheet component allows the user to configure many different aspects of the control."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/spreadsheet-data-validation.mdx b/docs/angular/src/content/en/components/spreadsheet-data-validation.mdx
index 027d1eeb54..0e56a0f5ac 100644
--- a/docs/angular/src/content/en/components/spreadsheet-data-validation.mdx
+++ b/docs/angular/src/content/en/components/spreadsheet-data-validation.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular spreadsheet control to setup built-in dat
 keywords: Excel Spreadsheet, data validation, Ignite UI for Angular, Infragistics
 license: commercial
 mentionedTypes: ["Spreadsheet"]
+llms:
+  description: "When setting up the data validation rules you will need to import the rules you want to use."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/spreadsheet-hyperlinks.mdx b/docs/angular/src/content/en/components/spreadsheet-hyperlinks.mdx
index 33889b2897..857f87478c 100644
--- a/docs/angular/src/content/en/components/spreadsheet-hyperlinks.mdx
+++ b/docs/angular/src/content/en/components/spreadsheet-hyperlinks.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular spreadsheet control to display hyperlinks
 keywords: Excel Spreadsheet, hyperlinks, Ignite UI for Angular, Infragistics
 license: commercial
 mentionedTypes: ["Spreadsheet"]
+llms:
+  description: "The Angular Spreadsheet component allows display of pre-existing hyperlinks in your Excel workbook as well as insertion of new ones that can link to websites, file directories, and even other worksheets in the workbook."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/spreadsheet-overview.mdx b/docs/angular/src/content/en/components/spreadsheet-overview.mdx
index dc16da5c1a..ba4c03230c 100644
--- a/docs/angular/src/content/en/components/spreadsheet-overview.mdx
+++ b/docs/angular/src/content/en/components/spreadsheet-overview.mdx
@@ -4,6 +4,8 @@ description: Get flexible layouts, easy customization options & convenient Excel
 keywords: Excel Spreadsheet, Ignite UI for Angular, Infragistics
 license: commercial
 mentionedTypes: ["Spreadsheet"]
+llms:
+  description: "The Angular Spreadsheet (Excel viewer) component is lightweight, feature-rich and supplied with all the necessary options for operating, visualizing, and editing all types of spreadsheet data – scientific, business, financial, and more."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/stepper.mdx b/docs/angular/src/content/en/components/stepper.mdx
index 69468dcc44..fcf545fd85 100644
--- a/docs/angular/src/content/en/components/stepper.mdx
+++ b/docs/angular/src/content/en/components/stepper.mdx
@@ -3,6 +3,8 @@ title: Angular Stepper Component – Ignite UI for Angular - MIT license
 description: Use the Angular Stepper component to visualize content as a process and show its progress by dividing the content into logical steps. Learn how to do it.
 keywords: Angular Stepper component, Angular Wizard Component, Angular Stepper Control, Angular Wizard Control, Angular UI Components, Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Infragistics
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Stepper is a highly customizable component that visualizes content as a process and shows its progress by dividing the content into successive steps."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/style-guide.mdx b/docs/angular/src/content/en/components/style-guide.mdx
index 3e32b9ce8b..c39c5e40fc 100644
--- a/docs/angular/src/content/en/components/style-guide.mdx
+++ b/docs/angular/src/content/en/components/style-guide.mdx
@@ -1,5 +1,7 @@
 ---
 title: "Style guide"
+llms:
+  description: "Defines the colors, typography, headings, links, code formatting, and other visual conventions used by the Ignite UI for Angular documentation."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/switch.mdx b/docs/angular/src/content/en/components/switch.mdx
index 89f1fd742b..5e03e8f9e3 100644
--- a/docs/angular/src/content/en/components/switch.mdx
+++ b/docs/angular/src/content/en/components/switch.mdx
@@ -3,6 +3,8 @@ title: Angular Switch Component – Ignite UI for Angular | Infragistics | MIT l
 description: Ignite UI for Angular Switch component enables developers to use binary on/off or true/false data input functions within their applications.
 keywords: Angular Switch component, Angular Switch control, Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Angular UI Components, Native Angular Components Library
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Switch component is a binary choice selection component that behaves similarly to the switch component in iOS."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/tabbar.mdx b/docs/angular/src/content/en/components/tabbar.mdx
index af5ae9e73c..aeada36ef0 100644
--- a/docs/angular/src/content/en/components/tabbar.mdx
+++ b/docs/angular/src/content/en/components/tabbar.mdx
@@ -3,6 +3,8 @@ title: Angular Bottom Navigation Component – Ignite UI for Angular | Infragist
 description: Display tabs for any occasion and implement a completely tabbed user interface. These UI controls manage every aspect of your tabs’ appearance and behavior.
 keywords: Angular Bottom Nav component, Angular Bottom Navigation control, Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Angular UI Components, Native Angular Components Library
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Bottom Navigation component enables the user to navigate among a number of content panels displayed in a single view."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/tabs.mdx b/docs/angular/src/content/en/components/tabs.mdx
index 11fca7b7bd..0dadddd258 100644
--- a/docs/angular/src/content/en/components/tabs.mdx
+++ b/docs/angular/src/content/en/components/tabs.mdx
@@ -3,6 +3,8 @@ title: Angular Tabs Component | Ignite UI for Angular | MIT license
 description: The Ignite UI for Angular Tabs component places tabs at the top and allows for scrolling when there are multiple tab items on the screen. Try it now.
 keywords: Angular Tabs component, Angular Tabs control, Angular Tabs, Angular Tabbar Component, Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Components, Angular UI Components, Native Angular Components Library
 license: MIT
+llms:
+  description: "Ignite UI for Angular Tabs is a full-featured user interface component that has the primary purpose to organize and group related content in a single tabbed view, thus saving space and making content more comprehensible."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/texthighlight.mdx b/docs/angular/src/content/en/components/texthighlight.mdx
index b76c980216..2a30025bfe 100644
--- a/docs/angular/src/content/en/components/texthighlight.mdx
+++ b/docs/angular/src/content/en/components/texthighlight.mdx
@@ -3,6 +3,8 @@ title: Angular Text Highlight Directive | Ignite UI for Angular | MIT license
 description: The Ignite UI for Angular TextHighlight directive can be used to highlight parts of text and have an active highlight on one of them.
 keywords: Angular TextHighlight Directive, Angular Text Highlight Directive, IgxTextHighlight Directive, Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Components, Angular UI Components, Native Angular Components Library
 license: MIT
+llms:
+  description: "The TextHighlightDirective and IgxTextHighlightService in Ignite UI for Angular are used to highlight parts of a text, providing options for case sensitive searches and to highlight only exact matches."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/themes.mdx b/docs/angular/src/content/en/components/themes.mdx
index 37c1edd206..da4dccf952 100644
--- a/docs/angular/src/content/en/components/themes.mdx
+++ b/docs/angular/src/content/en/components/themes.mdx
@@ -3,6 +3,8 @@ title: Theming Component - Native Angular | Ignite UI for Angular | MIT license
 description: The Ignite UI for Angular Theming component was developed through SASS with a low-difficulty API that offers restyling of one component, multiple components, or the entire suite.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Native Angular Components, Angular Theming Component, Angular Theming
 license: MIT
+llms:
+  description: "With only a few lines of code, users can easily change the theming for their components."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/themes/elevations.mdx b/docs/angular/src/content/en/components/themes/elevations.mdx
index 7c7887bf1f..2260ed7b76 100644
--- a/docs/angular/src/content/en/components/themes/elevations.mdx
+++ b/docs/angular/src/content/en/components/themes/elevations.mdx
@@ -2,6 +2,8 @@
 title: Elevations (Shadows)
 description:
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library
+llms:
+  description: "Elevations are used to establish and maintain functional boundaries between Document Object Model trees to enable better functional encapsulation."
 ---
 
 # Elevations
diff --git a/docs/angular/src/content/en/components/themes/index.mdx b/docs/angular/src/content/en/components/themes/index.mdx
index c2be8a0ee3..39a4a5dadb 100644
--- a/docs/angular/src/content/en/components/themes/index.mdx
+++ b/docs/angular/src/content/en/components/themes/index.mdx
@@ -2,6 +2,8 @@
 title: Theming Engine - Angular | Ignite UI for Angular
 description: The Ignite UI for Angular Theming engine was developed through SASS with a low-difficulty API that offers restyling of one component, multiple components, or the entire application.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Native Angular Components, Angular Theming Engine, Angular Theming
+llms:
+  description: "Ignite UI for Angular allows you to modify the styles of all component themes using CSS variables."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/themes/misc/angular-material-theming.mdx b/docs/angular/src/content/en/components/themes/misc/angular-material-theming.mdx
index 4df7a56b2b..57a288b46d 100644
--- a/docs/angular/src/content/en/components/themes/misc/angular-material-theming.mdx
+++ b/docs/angular/src/content/en/components/themes/misc/angular-material-theming.mdx
@@ -2,6 +2,8 @@
 title: Angular Material Theming
 description: The Ignite UI for Angular theming engine makes it easy to be used together with external components imported from other theming libraries like the Angular Material library.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, theming, Angular Material, Material components
+llms:
+  description: "The Ignite UI for Angular theming engine makes it easy to be used together with external components imported from other theming libraries like the Angular Material library."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/themes/misc/bootstrap-theming.mdx b/docs/angular/src/content/en/components/themes/misc/bootstrap-theming.mdx
index 8ea2850742..fae2bd04eb 100644
--- a/docs/angular/src/content/en/components/themes/misc/bootstrap-theming.mdx
+++ b/docs/angular/src/content/en/components/themes/misc/bootstrap-theming.mdx
@@ -2,6 +2,8 @@
 title: Bootstrap Theming
 description:
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, theming, bootstrap
+llms:
+  description: "The Ignite UI for Angular theming engine provides an opportunity to be used in conjunction with other component libraries such as the popular NG Bootstrap based on Bootstrap’s markup and CSS."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/themes/misc/printing-styles.mdx b/docs/angular/src/content/en/components/themes/misc/printing-styles.mdx
index 1bc8901174..6f831f6f0e 100644
--- a/docs/angular/src/content/en/components/themes/misc/printing-styles.mdx
+++ b/docs/angular/src/content/en/components/themes/misc/printing-styles.mdx
@@ -2,6 +2,8 @@
 title: Print Layout
 description:
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, printing styles, @media print 
+llms:
+  description: "The Ignite UI for Angular theming engine provides some default printing styles, which make sure that our components have at least the bare minimum to look the same on paper as they appear on the web page."
 ---
 
 # Printing styles
diff --git a/docs/angular/src/content/en/components/themes/misc/tailwind-classes.mdx b/docs/angular/src/content/en/components/themes/misc/tailwind-classes.mdx
index 03cd2390d8..045cfeb64c 100644
--- a/docs/angular/src/content/en/components/themes/misc/tailwind-classes.mdx
+++ b/docs/angular/src/content/en/components/themes/misc/tailwind-classes.mdx
@@ -2,6 +2,8 @@
 title: Tailwind Integration for Ignite UI
 description: Learn how to integrate Tailwind CSS with custom utility classes from the Ignite UI for Angular theming engine. This guide walks you through the setup and demonstrates how to use design tokens for colors, typography, and shadows in a utility-first approach.
 keywords: Ignite UI for Angular, Tailwind CSS, Angular styling, Angular theming, custom CSS, utility classes, theming engine, typography, shadows, colors
+llms:
+  description: "Ignite UI for Angular offers full theming customization through CSS variables and a powerful Sass engine."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/themes/palettes.mdx b/docs/angular/src/content/en/components/themes/palettes.mdx
index 085c348bca..2349cbc1ac 100644
--- a/docs/angular/src/content/en/components/themes/palettes.mdx
+++ b/docs/angular/src/content/en/components/themes/palettes.mdx
@@ -2,6 +2,8 @@
 title: Palettes
 description:
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library
+llms:
+  description: "Ignite UI for Angular exposes CSS variables that allow you to update the colors in your application in a consistent way."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/themes/roundness.mdx b/docs/angular/src/content/en/components/themes/roundness.mdx
index 342a99e702..b0ef36f9cc 100644
--- a/docs/angular/src/content/en/components/themes/roundness.mdx
+++ b/docs/angular/src/content/en/components/themes/roundness.mdx
@@ -2,6 +2,8 @@
 title: Roundness
 description: Ignite UI for Angular allow you to change the shape of components by changing their border-radius.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library 
+llms:
+  description: "Ignite UI for Angular allows you to customize the shape of components by adjusting their roundness using a value between 0 and 1."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/themes/sass/animations.mdx b/docs/angular/src/content/en/components/themes/sass/animations.mdx
index f43678d750..1d37068256 100644
--- a/docs/angular/src/content/en/components/themes/sass/animations.mdx
+++ b/docs/angular/src/content/en/components/themes/sass/animations.mdx
@@ -2,6 +2,8 @@
 title: Animations
 description: Ignite UI for Angular includes over 100+ pre-built animations specially designed for a better user experience.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, animations
+llms:
+  description: "Ignite UI for Angular includes over 100+ pre-built animations specially designed for a better user experience."
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/themes/sass/component-themes.mdx b/docs/angular/src/content/en/components/themes/sass/component-themes.mdx
index 84363f7615..797e81178b 100644
--- a/docs/angular/src/content/en/components/themes/sass/component-themes.mdx
+++ b/docs/angular/src/content/en/components/themes/sass/component-themes.mdx
@@ -2,6 +2,8 @@
 title: Component Themes
 description: The Ignite UI for Angular Theming component is developed in SASS with a low-difficulty API that offers restyling of one component, multiple components, or the entire suite.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Native Angular Components, Angular Theming Component, Angular Theming
+llms:
+  description: "Component themes allow you to change the styles of specific component instances by overriding the globally defined theme."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/themes/sass/configuration.mdx b/docs/angular/src/content/en/components/themes/sass/configuration.mdx
index 8bf51472d7..97709cbbf2 100644
--- a/docs/angular/src/content/en/components/themes/sass/configuration.mdx
+++ b/docs/angular/src/content/en/components/themes/sass/configuration.mdx
@@ -2,6 +2,8 @@
 title: Theming Library Configuration
 description: The Ignite UI for Angular Theming provides several global variables that let you configure how the theming engine works.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Native Angular Components, Angular Theming Component, Angular Theming
+llms:
+  description: "The Ignite UI for Angular theming library exposes several input arguments variables that let you configure how the theming engine works."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/themes/sass/elevations.mdx b/docs/angular/src/content/en/components/themes/sass/elevations.mdx
index 3b9fc54233..8541b76f64 100644
--- a/docs/angular/src/content/en/components/themes/sass/elevations.mdx
+++ b/docs/angular/src/content/en/components/themes/sass/elevations.mdx
@@ -2,6 +2,8 @@
 title: Elevations/Shadows
 description:
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library
+llms:
+  description: "Elevations are used to establish and maintain functional boundaries between Document Object Model trees to enable better functional encapsulation."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/themes/sass/global-themes.mdx b/docs/angular/src/content/en/components/themes/sass/global-themes.mdx
index 528e9eaee7..25ff382aa3 100644
--- a/docs/angular/src/content/en/components/themes/sass/global-themes.mdx
+++ b/docs/angular/src/content/en/components/themes/sass/global-themes.mdx
@@ -2,6 +2,8 @@
 title: Global Themes
 description: The Ignite UI for Angular Theming component is developed in SASS with a low-difficulty API that offers restyling of one component, multiple components, or the entire suite.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Native Angular Components, Angular Theming Component, Angular Theming
+llms:
+  description: "The global theme allows you to quickly generate a theme that uses your custom color palette, schema, and elevations."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/themes/sass/index.mdx b/docs/angular/src/content/en/components/themes/sass/index.mdx
index cf31fce60f..91b3d7863d 100644
--- a/docs/angular/src/content/en/components/themes/sass/index.mdx
+++ b/docs/angular/src/content/en/components/themes/sass/index.mdx
@@ -2,6 +2,8 @@
 title: Theming with Sass
 description: The Ignite UI for Angular Theming is built with Sass and exposes a rich set of API functions and mixins that make restyling components or the entire application easier.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Native Angular Components, Angular Theming Component, Angular Theming
+llms:
+  description: "Ignite UI for Angular doesn't shy away from exposing its Sass theming API so you can take full control of the styling in your application."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/themes/sass/palettes.mdx b/docs/angular/src/content/en/components/themes/sass/palettes.mdx
index 4fe5d27b8e..626f3a9965 100644
--- a/docs/angular/src/content/en/components/themes/sass/palettes.mdx
+++ b/docs/angular/src/content/en/components/themes/sass/palettes.mdx
@@ -2,6 +2,8 @@
 title: Palettes
 description:
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library 
+llms:
+  description: "The Ignite UI for Angular theming engine provides several powerful functions and mixins for generating and retrieving colors."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/themes/sass/presets/bootstrap.mdx b/docs/angular/src/content/en/components/themes/sass/presets/bootstrap.mdx
index 8b2153b39d..0bec18859e 100644
--- a/docs/angular/src/content/en/components/themes/sass/presets/bootstrap.mdx
+++ b/docs/angular/src/content/en/components/themes/sass/presets/bootstrap.mdx
@@ -1,5 +1,7 @@
 ---
 title: "Switching from Material to Bootstrap Theme"
+llms:
+  description: "Since version 9.0 our components include a new theme inspired by Bootstrap 4 and ng-bootstrap."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/themes/sass/presets/fluent.mdx b/docs/angular/src/content/en/components/themes/sass/presets/fluent.mdx
index e4782831a6..5db369095f 100644
--- a/docs/angular/src/content/en/components/themes/sass/presets/fluent.mdx
+++ b/docs/angular/src/content/en/components/themes/sass/presets/fluent.mdx
@@ -1,5 +1,7 @@
 ---
 title: "Switching from Material to Fluent Theme"
+llms:
+  description: "Since version 8.2 our components include a new theme inspired by the Microsoft Fluent Design System"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/themes/sass/presets/indigo.mdx b/docs/angular/src/content/en/components/themes/sass/presets/indigo.mdx
index 79a17566a5..baf8dc4cce 100644
--- a/docs/angular/src/content/en/components/themes/sass/presets/indigo.mdx
+++ b/docs/angular/src/content/en/components/themes/sass/presets/indigo.mdx
@@ -1,5 +1,7 @@
 ---
 title: "Switching from Material to Indigo Theme"
+llms:
+  description: "Since version 10.1 our components include a new theme inspired by our own design language."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/themes/sass/presets/material.mdx b/docs/angular/src/content/en/components/themes/sass/presets/material.mdx
index c0b75c2281..a85d9d7931 100644
--- a/docs/angular/src/content/en/components/themes/sass/presets/material.mdx
+++ b/docs/angular/src/content/en/components/themes/sass/presets/material.mdx
@@ -1,5 +1,7 @@
 ---
 title: "Default Theme"
+llms:
+  description: "The light version of the Material theme is the default theme in Ignite UI for Angular."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/themes/sass/roundness.mdx b/docs/angular/src/content/en/components/themes/sass/roundness.mdx
index 45606fbe57..3d6e0f122a 100644
--- a/docs/angular/src/content/en/components/themes/sass/roundness.mdx
+++ b/docs/angular/src/content/en/components/themes/sass/roundness.mdx
@@ -2,6 +2,8 @@
 title: Roundness Sass
 description: Ignite UI for Angular allow you to change the shape of components by changing their border-radius.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library 
+llms:
+  description: "Ignite UI for Angular allows you to change the shape of components by setting their roundness to a value between 0 and 1."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/themes/sass/schemas.mdx b/docs/angular/src/content/en/components/themes/sass/schemas.mdx
index 272e4f50b1..2dbd5a51e9 100644
--- a/docs/angular/src/content/en/components/themes/sass/schemas.mdx
+++ b/docs/angular/src/content/en/components/themes/sass/schemas.mdx
@@ -2,6 +2,8 @@
 title: Schemas
 description: Ignite UI for Angular theming schemas allow you to create recipes for component themes.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library 
+llms:
+  description: "Schemas are a simple, declarative way to list all properties a component theme uses."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/themes/sass/typography.mdx b/docs/angular/src/content/en/components/themes/sass/typography.mdx
index b8bc9a25bd..e1b9ac96a8 100644
--- a/docs/angular/src/content/en/components/themes/sass/typography.mdx
+++ b/docs/angular/src/content/en/components/themes/sass/typography.mdx
@@ -3,6 +3,8 @@ title: Typography
 description:
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library
 _extraFont: https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700
+llms:
+  description: "The Ignite UI for Angular Typography Sass module allows you to modify the typography for all components in your application, specific typographic scale, or specific components."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/themes/spacing.mdx b/docs/angular/src/content/en/components/themes/spacing.mdx
index b3bdf1be72..c5a7815698 100644
--- a/docs/angular/src/content/en/components/themes/spacing.mdx
+++ b/docs/angular/src/content/en/components/themes/spacing.mdx
@@ -2,6 +2,8 @@
 title: Spacing | Ignite UI for Angular 
 description: The Ignite UI for Angular provides a way of adjusting paddings and margins with ease on application or component level. 
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Components, Native Angular Controls, Native Angular Components Library, spacing, padding, margin
+llms:
+  description: "Spacing configuration can significantly improve the visual representation of large amounts of data."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/themes/typography.mdx b/docs/angular/src/content/en/components/themes/typography.mdx
index 0da450f726..59a5523863 100644
--- a/docs/angular/src/content/en/components/themes/typography.mdx
+++ b/docs/angular/src/content/en/components/themes/typography.mdx
@@ -3,6 +3,8 @@ title: Typography
 description:
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library
 _extraFont: https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700
+llms:
+  description: "The typography in Ignite UI for Angular is modeled after the Material Type System."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/tile-manager.mdx b/docs/angular/src/content/en/components/tile-manager.mdx
index 73915dd06f..3884719d61 100644
--- a/docs/angular/src/content/en/components/tile-manager.mdx
+++ b/docs/angular/src/content/en/components/tile-manager.mdx
@@ -3,6 +3,8 @@ title: Manage Angular Page Layout | Tile Manager | Ignite UI | Infragistics | MI
 description: The Ignite UI for Angular Tile Manager component enables the display of content in individual tiles.
 keywords: manage angular page layout, Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Native Angular Components, Angular Tile Manager, Infragistics, Tile , Angular Tile Manager component, Angular Tile Manager control
 license: MIT
+llms:
+  description: "The Tile Manager component enables the display of content in individual tiles."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/time-picker.mdx b/docs/angular/src/content/en/components/time-picker.mdx
index 947c48f9c0..a82978a3ee 100644
--- a/docs/angular/src/content/en/components/time-picker.mdx
+++ b/docs/angular/src/content/en/components/time-picker.mdx
@@ -3,6 +3,8 @@ title: Angular Time Picker Component | Ignite UI for Angular | MIT license
 description: The Ignite UI for Angular Time Picker component allows the user to select time from a dialog with spinners which is then mirrored in the input field. Try it now
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Native Angular Components, Angular Time Picker component, Angular Time Picker control, Time Picker, Angular Time Picker
 license: MIT
+llms:
+  description: "The time picker component allows users to input or select time portions of a Date object from a dropdown or dialog with spinners, which is then mirrored in the input field."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/toast.mdx b/docs/angular/src/content/en/components/toast.mdx
index 3e7ab44af4..07b1d8d59c 100644
--- a/docs/angular/src/content/en/components/toast.mdx
+++ b/docs/angular/src/content/en/components/toast.mdx
@@ -3,6 +3,8 @@ title: Angular Toast Component – Ignite UI for Angular | Infragistics | MIT li
 description: With Ignite UI for Angular Toast component, users can provide quick, non-interactive messages to end users within their application.
 keywords: Angular Toast component, Angular Toast control, Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Angular UI Components, Native Angular Components Library
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Toast component provides information and warning messages that are auto-hiding, non-interactive and cannot be dismissed by the user."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/toggle.mdx b/docs/angular/src/content/en/components/toggle.mdx
index 619f53173a..3cfb5656db 100644
--- a/docs/angular/src/content/en/components/toggle.mdx
+++ b/docs/angular/src/content/en/components/toggle.mdx
@@ -3,6 +3,8 @@ title: Angular Toggle Component | Ignite UI for Angular | MIT license
 description: The Ignite UI for Angular Toggle directive allows the users to open, to interact with, to apply animations, and to close a toggle container. 
 keywords: Angular Toggle directive, Angular Toggle control, Angular Toggle Component, Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Angular UI Components, Native Angular Components Library, Native Angular Components
 license: MIT
+llms:
+  description: "The Ignite UI for Angular Toggle directive allows the users to make a container in the DOM toggleable through user interaction."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/tooltip.mdx b/docs/angular/src/content/en/components/tooltip.mdx
index 08ce8816bf..51fdaea73c 100644
--- a/docs/angular/src/content/en/components/tooltip.mdx
+++ b/docs/angular/src/content/en/components/tooltip.mdx
@@ -3,6 +3,8 @@ title: Angular Tooltip Component | Ignite UI for Angular | MIT license
 description: The Ignite UI for Angular Tooltip and Tooltip Target directives feature the ability to create a tooltip and attach it to an element.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Tooltip directives, Angular Tooltip controls, Angular Tooltip, tooltip, tooltip target
 license: MIT
+llms:
+  description: "The igxTooltip and the igxTooltipTarget directives provide us with the ability to create a fully customizable tooltip and attach it to any element on our page."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/transaction-classes.mdx b/docs/angular/src/content/en/components/transaction-classes.mdx
index ecb07ee70e..b1acb036d7 100644
--- a/docs/angular/src/content/en/components/transaction-classes.mdx
+++ b/docs/angular/src/content/en/components/transaction-classes.mdx
@@ -2,6 +2,8 @@
 title: Angular Batch Editing | Transaction Service | Ignite UI for Angular | Infragistics
 description: Learn about the hierarchy of the Transaction Service class, that allows implementing batch editing when executing Angular CRUD operations on your components.
 keywords: batch editing, igniteui for angular, infragistics
+llms:
+  description: "The Transaction is the main building block of the Transaction service."
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/transaction-how-to-use.mdx b/docs/angular/src/content/en/components/transaction-how-to-use.mdx
index 40b7362832..3b28d34bc1 100644
--- a/docs/angular/src/content/en/components/transaction-how-to-use.mdx
+++ b/docs/angular/src/content/en/components/transaction-how-to-use.mdx
@@ -2,6 +2,8 @@
 title: Angular Batch Editing | Angular Crud | Ignite UI for Angular | Infragistics
 description: How to configure batch editing for Ignite UI Angular components and execute CRUD operations on them, using Transaction service.
 keywords: batch editing, igniteui for angular, infragistics
+llms:
+  description: "You may get advantage of the Transaction Service when using any component that needs to preserve the state of its data source and to commit many transactions at once."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/transaction.mdx b/docs/angular/src/content/en/components/transaction.mdx
index 0bebacb1e5..6887d9ffaa 100644
--- a/docs/angular/src/content/en/components/transaction.mdx
+++ b/docs/angular/src/content/en/components/transaction.mdx
@@ -2,6 +2,8 @@
 title: Angular Batch Editing | Angular Crud | Ignite UI for Angular | Infragistics
 description: Start using Ignite UI Angular transaction service to easily implement batch editing and perform Angular CRUD operations on your components.
 keywords: batch editing, igniteui for angular, infragistics
+llms:
+  description: "The Transaction Service is an injectable middleware (through Angular's DI) that a component may use to accumulate changes without immediately affecting the underlying data."
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/tree.mdx b/docs/angular/src/content/en/components/tree.mdx
index 3df407ad9f..1714244267 100644
--- a/docs/angular/src/content/en/components/tree.mdx
+++ b/docs/angular/src/content/en/components/tree.mdx
@@ -3,6 +3,8 @@ title: Angular Tree Component - Ignite UI for Angular | MIT license
 description: With Ignite UI for Angular Tree component, you can display hierarchical data in a tree-view structure, customize nodes easily and load data on demand. Try for FREE
 keywords: angular tree, angular tree component, angular tree view, angular tree view component, angular ui components, ignite ui for angular, UI controls, infragistics
 license: MIT
+llms:
+  description: "The Angular Tree Component allows users to represent hierarchical data in a tree-view structure with parent-child relationships, as well as to define static tree-view structure without a corresponding data model."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/treegrid/groupby.mdx b/docs/angular/src/content/en/components/treegrid/groupby.mdx
index 67ad10de43..ee35127216 100644
--- a/docs/angular/src/content/en/components/treegrid/groupby.mdx
+++ b/docs/angular/src/content/en/components/treegrid/groupby.mdx
@@ -3,6 +3,8 @@ title: Angular Tree Grid Group By | Group by multiple fields | Infragistics
 description: Configure angular group by that allows visualizing of data records in Angular table, visualize the grouped data in separate and convenient column group.
 keywords: angular group by, igniteui for angular, infragistics
 license: commercial
+llms:
+  description: "If you have non-hierarchical data and you want to group by one or more columns and populate the parent rows with aggregated values, you could use the TreeGrid along with treeGridGrouping pipe and the UI component with selector igx-tree-grid-group-by-area."
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/treegrid/load-on-demand.mdx b/docs/angular/src/content/en/components/treegrid/load-on-demand.mdx
index 69c583ae79..4e41fc310f 100644
--- a/docs/angular/src/content/en/components/treegrid/load-on-demand.mdx
+++ b/docs/angular/src/content/en/components/treegrid/load-on-demand.mdx
@@ -3,6 +3,8 @@ title: Tree Grid load on demand - Native Angular | Ignite UI for Angular
 description: The Ignite UI for Angular Tree Grid provides the necessary tools to load child data on demand when a parent row is expanded. That way the volume of data would be greatly reduced and can be retrieved only when the user needs it.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular Tree Grid component, Angular Tree Table component, Angular Tree Grid control, Angular Tree Table control, Angular High Performance Tree Grid, Angular High Performance Tree Table, Tree Grid, Tree Table
 license: commercial
+llms:
+  description: "The Ignite UI for Angular TreeGrid can be rendered in such way that it requires the minimal amount of data to get from the server so the user could see it as quickly as possible."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/treegrid/tree-grid.mdx b/docs/angular/src/content/en/components/treegrid/tree-grid.mdx
index 1710719917..4c8df40fc3 100644
--- a/docs/angular/src/content/en/components/treegrid/tree-grid.mdx
+++ b/docs/angular/src/content/en/components/treegrid/tree-grid.mdx
@@ -3,6 +3,8 @@ title: Angular Tree Grid | Fastest Angular Tree Table | Infragistics
 description: The Ignite UI for Angular Tree Grid is used to display and manipulate hierarchical or flat data with ease. Quickly bind your data with very little coding. Try it for FREE
 keywords: angular tree grid, angular tree table, angular tree grid component, angular tree table component, angular ui components, igniteui for angular, infragistics
 license: commercial
+llms:
+  description: "The Ignite UI for Angular Tree Grid is used to display and manipulate hierarchical or flat self-referencing data."
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/components/zoomslider-overview.mdx b/docs/angular/src/content/en/components/zoomslider-overview.mdx
index a0aa739c15..314e72de18 100644
--- a/docs/angular/src/content/en/components/zoomslider-overview.mdx
+++ b/docs/angular/src/content/en/components/zoomslider-overview.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' Angular zoom slider control to easily display a s
 keywords: zoom slider, Ignite UI for Angular, Infragistics, data chart
 license: commercial
 mentionedTypes: ["ZoomSlider", "DataChart"]
+llms:
+  description: "The Angular ZoomSlider control provides zooming functionality to range-enabled controls."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/grids_templates/advanced-filtering.mdx b/docs/angular/src/content/en/grids_templates/advanced-filtering.mdx
index c3ddb06596..5e2c1753ef 100644
--- a/docs/angular/src/content/en/grids_templates/advanced-filtering.mdx
+++ b/docs/angular/src/content/en/grids_templates/advanced-filtering.mdx
@@ -5,6 +5,8 @@ title: Advanced Filtering in Angular Data Grid - Ignite UI for Angular
 description: Learn how to configure advanced filter of data with the Angular table. The grid advanced filtering is more convenient and engaging than ever.
 keywords: advanced filter, igniteui for angular, infragistics
 license: commercial
+llms:
+  description: "The Advanced filtering provides a dialog which allows the creation of groups with filtering conditions across all columns for any Angular table like the {ComponentTitle}."
 ---
 
 
@@ -18,6 +20,8 @@ description: Learn how to configure advanced filter of data with the Angular tab
 keywords: advanced filter, igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/advanced-filtering
+llms:
+  description: "The Advanced filtering provides a dialog which allows the creation of groups with filtering conditions across all columns for any Angular table like the {ComponentTitle}."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/batch-editing.mdx b/docs/angular/src/content/en/grids_templates/batch-editing.mdx
index 5ec14a6efe..65594ea01c 100644
--- a/docs/angular/src/content/en/grids_templates/batch-editing.mdx
+++ b/docs/angular/src/content/en/grids_templates/batch-editing.mdx
@@ -3,6 +3,8 @@ title: Batch Editing and Transactions in Angular {ComponentTitle} Grid - Infragi
 description: Perform data manipulation without affecting the underlying data with {ComponentTitle} Batch Editing and Angular CRUD, using Angular Data Grid. See demos & examples!
 keywords: angular crud, ignite ui for angular, infragistics
 license: commercial
+llms:
+  description: "The Batch Editing feature of the {ComponentName} is based on the TransactionService."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/grids_templates/cascading-combos.mdx b/docs/angular/src/content/en/grids_templates/cascading-combos.mdx
index 8bb744e157..7a702b99bc 100644
--- a/docs/angular/src/content/en/grids_templates/cascading-combos.mdx
+++ b/docs/angular/src/content/en/grids_templates/cascading-combos.mdx
@@ -3,6 +3,8 @@ title: Cascading combos in Angular {ComponentTitle} Grid - Infragistics
 description: Grid with Cascading Combos. See the sample here.
 keywords: angular cascading combos with grid, ignite ui for angular, infragistics
 license: commercial
+llms:
+  description: "The Grid's Editing functionality provides with the opportunity to use Cascading Combos."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/en/grids_templates/cell-editing.mdx b/docs/angular/src/content/en/grids_templates/cell-editing.mdx
index afe096b77b..9a9d319688 100644
--- a/docs/angular/src/content/en/grids_templates/cell-editing.mdx
+++ b/docs/angular/src/content/en/grids_templates/cell-editing.mdx
@@ -5,6 +5,8 @@ title: Cell Editing in Angular Data Grid - Ignite UI for Angular
 description: The Grid is using in-cell editing. It has a default cell editing template, but it also lets you define your own custom templates for update-data action. Try it now!
 keywords: data manipulation, ignite ui for angular, infragistics, excel editing
 license: commercial
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} component provides powerful data manipulation capabilities and powerful API for Angular CRUD operations."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: The Grid is using in-cell editing. It has a default cell editing te
 keywords: data manipulation, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/cell-editing
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} component provides powerful data manipulation capabilities and powerful API for Angular CRUD operations."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: The Grid is using in-cell editing. It has a default cell editing te
 keywords: data manipulation, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/cell-editing
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} component provides powerful data manipulation capabilities and powerful API for Angular CRUD operations."
 ---
 
 </ComponentBlock>
@@ -37,7 +43,7 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
 # Angular {ComponentTitle} Cell Editing
 
-Ignite UI for Angular {ComponentTitle} component provides a great data manipulation capabilities and powerful API for Angular CRUD operations. By default the {ComponentTitle} is using **in cell** editing and different editors will be shown based on the column data type, thanks to the **default cell editing template**. In addition, you can define your own custom templates for update-data actions and to override the default behavior for committing and discarding any changes.
+Ignite UI for Angular {ComponentTitle} component provides powerful data manipulation capabilities and powerful API for Angular CRUD operations. By default the {ComponentTitle} is using **in cell** editing and different editors will be shown based on the column data type, thanks to the **default cell editing template**. In addition, you can define your own custom templates for update-data actions and to override the default behavior for committing and discarding any changes.
 
 ## Angular {ComponentTitle} cell editing and edit templates Example
 
diff --git a/docs/angular/src/content/en/grids_templates/cell-merging.mdx b/docs/angular/src/content/en/grids_templates/cell-merging.mdx
index e999645f1d..0cb7b3f5d9 100644
--- a/docs/angular/src/content/en/grids_templates/cell-merging.mdx
+++ b/docs/angular/src/content/en/grids_templates/cell-merging.mdx
@@ -3,6 +3,8 @@ title: Angular Grid Cell Merging - Ignite UI for Angular
 description: Position and size columns in a more powerful way, using the multi-row layout functionality in the Ignite UI for Angular Data Grid. Check out examples and demos!
 keywords: angular cell merging, cell merging, ignite ui for angular
 license: commercial
+llms:
+  description: "The Ignite UI for Angular {ComponentTitle} provides a Cell Merging feature that combines two or more adjacent cells with the same value into a single, larger cell."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/grids_templates/cell-selection.mdx b/docs/angular/src/content/en/grids_templates/cell-selection.mdx
index b968bbd0c8..75bf44fdcf 100644
--- a/docs/angular/src/content/en/grids_templates/cell-selection.mdx
+++ b/docs/angular/src/content/en/grids_templates/cell-selection.mdx
@@ -5,6 +5,8 @@ title: Angular Grid Cell Selection - Ignite UI for Angular
 description: Check how easy it is to use cell data selection using variety of events, rich API or mouse interactions. The Grid supports 3 modes for cell selection. Try it now!
 keywords: data select, igniteui for angular, infragistics
 license: commercial
+llms:
+  description: "The selection feature enables rich data select capabilities in the Material UI based {ComponentTitle}."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Check how easy it is to use cell data selection using variety of ev
 keywords: data select, igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/cell-selection
+llms:
+  description: "The selection feature enables rich data select capabilities in the Material UI based {ComponentTitle}."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: Check how easy it is to use cell data selection using variety of ev
 keywords: data select, igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/cell-selection
+llms:
+  description: "The selection feature enables rich data select capabilities in the Material UI based {ComponentTitle}."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/clipboard-interactions.mdx b/docs/angular/src/content/en/grids_templates/clipboard-interactions.mdx
index af91bd65c0..1afbb9a3bb 100644
--- a/docs/angular/src/content/en/grids_templates/clipboard-interactions.mdx
+++ b/docs/angular/src/content/en/grids_templates/clipboard-interactions.mdx
@@ -5,6 +5,8 @@ title: Angular Grid Clipboard Interactions - Ignite UI for Angular
 description: The Angular Data Grid Clipboard functionality provides fast, easy and customizable way to copy, paste and export data to Excel or other programs. Try it now!
 keywords: copy data, igniteui for angular, infragistics
 license: commercial
+llms:
+  description: "Copy to clipboard operations are now available in the {ComponentTitle}."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: The Angular TreeGrid Clipboard functionality provides fast, easy an
 keywords: copy data, igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/clipboard-interactions
+llms:
+  description: "Copy to clipboard operations are now available in the {ComponentTitle}."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/collapsible-column-groups.mdx b/docs/angular/src/content/en/grids_templates/collapsible-column-groups.mdx
index b88a80ae37..12b189cdf3 100644
--- a/docs/angular/src/content/en/grids_templates/collapsible-column-groups.mdx
+++ b/docs/angular/src/content/en/grids_templates/collapsible-column-groups.mdx
@@ -5,6 +5,8 @@ title: Collapsible Column Groups in Angular Data Grid - Infragistics
 description: Take advantage of the capability to show\hide smaller and concise set of data with the use of collapsible column groups in our Angular Data Grid. Try it now!
 keywords: collapsible column headers, ignite ui for angular, infragistics
 license: commercial
+llms:
+  description: "Multi-column headers allow you to have multiple levels of nested columns and column groups."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Take advantage of the capability to show\hide smaller and concise s
 keywords: collapsible column headers, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/collapsible-column-groups
+llms:
+  description: "Multi-column headers allow you to have multiple levels of nested columns and column groups."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/column-hiding.mdx b/docs/angular/src/content/en/grids_templates/column-hiding.mdx
index 171bc06d88..8e18e9127b 100644
--- a/docs/angular/src/content/en/grids_templates/column-hiding.mdx
+++ b/docs/angular/src/content/en/grids_templates/column-hiding.mdx
@@ -5,6 +5,8 @@ title: Column Hiding in Angular Data Grid - Ignite UI for Angular
 description: Learn how to use the Column Hiding feature that allows users to change the visible state of the columns directly through the UI of the Ignite Material UI table.
 keywords: column hiding, ignite ui for angular, infragistics
 license: commercial
+llms:
+  description: "The Ignite UI for Angular {ComponentTitle} provides a ColumnActions component with a ColumnHidingDirective which allows users to perform column hiding directly through the user interface or by using the Angular component."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Learn how to use the Column Hiding feature that allows users to cha
 keywords: column hiding, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/column-hiding
+llms:
+  description: "The Ignite UI for Angular {ComponentTitle} provides a ColumnActions component with a ColumnHidingDirective which allows users to perform column hiding directly through the user interface or by using the Angular component."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: Learn how to use the Column Hiding feature that allows users to cha
 keywords: column hiding, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/column-hiding
+llms:
+  description: "The Ignite UI for Angular {ComponentTitle} provides a ColumnActions component with a ColumnHidingDirective which allows users to perform column hiding directly through the user interface or by using the Angular component."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/column-moving.mdx b/docs/angular/src/content/en/grids_templates/column-moving.mdx
index 5c43cd2cab..110a43efc1 100644
--- a/docs/angular/src/content/en/grids_templates/column-moving.mdx
+++ b/docs/angular/src/content/en/grids_templates/column-moving.mdx
@@ -5,6 +5,8 @@ title: Column Reordering & Moving in Angular Data Grid - Infragistics
 description: Set custom column order & enable columns reordering via drag/drop mouse or touch gestures, or by using the Angular Column Moving API. Try Ignite UI for Angular!
 keywords: column order, igniteui for angular, infragistics
 license: commercial
+llms:
+  description: "The {ComponentTitle} component in Ignite UI for Angular provides the Column Moving feature to allow columns reordering via standard drag/drop mouse or touch gestures, or by using the Column Moving API."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Set custom column order & enable columns reordering via drag/drop m
 keywords: column order, igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/column-moving
+llms:
+  description: "The {ComponentTitle} component in Ignite UI for Angular provides the Column Moving feature to allow columns reordering via standard drag/drop mouse or touch gestures, or by using the Column Moving API."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: Set custom column order & enable columns reordering via drag/drop m
 keywords: column order, igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/column-moving
+llms:
+  description: "The {ComponentTitle} component in Ignite UI for Angular provides the Column Moving feature to allow columns reordering via standard drag/drop mouse or touch gestures, or by using the Column Moving API."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/column-pinning.mdx b/docs/angular/src/content/en/grids_templates/column-pinning.mdx
index 4695a9623d..d55888cb97 100644
--- a/docs/angular/src/content/en/grids_templates/column-pinning.mdx
+++ b/docs/angular/src/content/en/grids_templates/column-pinning.mdx
@@ -5,6 +5,8 @@ title: Angular Grid Column Pinning - Ignite UI for Angular
 description: Want to use the Pinning feature of the Ignite UI for Angular when you develop your next app? Easily lock column or change column order with rich API.
 keywords: lock column, ignite ui for angular, infragistics
 license: commercial
+llms:
+  description: "A column or multiple columns can be pinned to the left or right side of the Angular UI Grid."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Want to use the Pinning feature of the Ignite UI for Angular when y
 keywords: lock column, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/column-pinning
+llms:
+  description: "A column or multiple columns can be pinned to the left or right side of the Angular UI Grid."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: Want to use the Pinning feature of the Ignite UI for Angular when y
 keywords: lock column, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/column-pinning
+llms:
+  description: "A column or multiple columns can be pinned to the left or right side of the Angular UI Grid."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/column-resizing.mdx b/docs/angular/src/content/en/grids_templates/column-resizing.mdx
index 897c1d5c93..32a2721cec 100644
--- a/docs/angular/src/content/en/grids_templates/column-resizing.mdx
+++ b/docs/angular/src/content/en/grids_templates/column-resizing.mdx
@@ -5,6 +5,8 @@ title: Angular Grid Column Resizing - Ignite UI for Angular
 description: Start using Angular Grid Column Resizing in order to change the grid column width in an instant. Angular drag resizing has never been so easy. Try for free!
 keywords: grid column resizing, igniteui for angular, infragistics
 license: commercial
+llms:
+  description: "With deferred grid column resizing, the user will see a temporary resize indicator while the Angular drag resizing operation is in effect."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Start using Angular Tree Grid Column Resizing in order to change th
 keywords: grid column resizing, igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/column-resizing
+llms:
+  description: "With deferred grid column resizing, the user will see a temporary resize indicator while the Angular drag resizing operation is in effect."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: Start using Angular Hierarchical Grid Column Resizing in order to c
 keywords: grid column resizing, igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/column-resizing
+llms:
+  description: "With deferred grid column resizing, the user will see a temporary resize indicator while the Angular drag resizing operation is in effect."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/column-selection.mdx b/docs/angular/src/content/en/grids_templates/column-selection.mdx
index a6e48d16cc..c9e385b45c 100644
--- a/docs/angular/src/content/en/grids_templates/column-selection.mdx
+++ b/docs/angular/src/content/en/grids_templates/column-selection.mdx
@@ -5,6 +5,8 @@ title: Angular Grid Column Selection - Ignite UI for Angular
 description: Learn how to configure column selection with Ignite UI for Angular Data grid. This makes grid interactions much easier and faster than ever.
 keywords: column selection, igniteui for angular, infragistics
 license: commercial
+llms:
+  description: "The Column selection feature provides an easy way to select an entire column with a single click."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Learn how to configure column selection with Ignite UI for Angular
 keywords: column selection, igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/column-selection
+llms:
+  description: "The Column selection feature provides an easy way to select an entire column with a single click."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: Learn how to configure column selection with Ignite UI for Angular
 keywords: column selection, igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/column-selection
+llms:
+  description: "The Column selection feature provides an easy way to select an entire column with a single click."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/column-types.mdx b/docs/angular/src/content/en/grids_templates/column-types.mdx
index 9f936153ef..7e18c0e7ed 100644
--- a/docs/angular/src/content/en/grids_templates/column-types.mdx
+++ b/docs/angular/src/content/en/grids_templates/column-types.mdx
@@ -5,6 +5,8 @@ title: Column Data Types in Angular - Ignite UI for Angular
 _description: Handle cell and editing templates in Angular by choosing from several predefined column data types - number, string, date, boolean, currency and percent column.
 _keywords: column data type, ignite ui for angular, infragistics
 _license: commercial
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} provides a default handling of number, string, date, boolean, currency and percent column data types, based on which the appearance of the default and editing templates will be present."
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ title: Column Data Types in Angular - Ignite UI for Angular
 description: Handle cell and editing templates in Angular by choosing from several predefined column data types - number, string, date, boolean, currency and percent column.
 keywords: column data type, ignite ui for angular, infragistics
 license: commercial
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} provides a default handling of number, string, date, boolean, currency and percent column data types, based on which the appearance of the default and editing templates will be present."
 ---
 
 </ComponentBlock>
@@ -25,6 +29,8 @@ title: Column Data Types in Angular - Ignite UI for Angular
 description: SHandle cell and editing templates in Angular by choosing from several predefined column data types - number, string, date, boolean, currency and percent column.
 keywords: column data type, ignite ui for angular, infragistics
 license: commercial
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} provides a default handling of number, string, date, boolean, currency and percent column data types, based on which the appearance of the default and editing templates will be present."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/conditional-cell-styling.mdx b/docs/angular/src/content/en/grids_templates/conditional-cell-styling.mdx
index a0726308a4..301fb453f8 100644
--- a/docs/angular/src/content/en/grids_templates/conditional-cell-styling.mdx
+++ b/docs/angular/src/content/en/grids_templates/conditional-cell-styling.mdx
@@ -5,6 +5,8 @@ title: Conditional Cell Styling in Angular Data Grid - Ignite UI for Angular
 description: Let users identify different cells quickly. Define a variety of cell styles. Use the conditional cell styling in Angular Data grid to make cells stand out.
 keywords: conditional styling, ignite ui for angular, infragistics
 license: commercial
+llms:
+  description: "If you need to provide any custom styling in the {ComponentName} component, you can do it on either row or cell level."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Let users identify different cells quickly. Define a variety of cel
 keywords: conditional styling, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/conditional-cell-styling
+llms:
+  description: "If you need to provide any custom styling in the {ComponentName} component, you can do it on either row or cell level."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: Let users identify different cells quickly. Define a variety of cel
 keywords: conditional styling, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/conditional-cell-styling
+llms:
+  description: "If you need to provide any custom styling in the {ComponentName} component, you can do it on either row or cell level."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/display-density.mdx b/docs/angular/src/content/en/grids_templates/display-density.mdx
index 4e03c55c7e..cc424e66dd 100644
--- a/docs/angular/src/content/en/grids_templates/display-density.mdx
+++ b/docs/angular/src/content/en/grids_templates/display-density.mdx
@@ -5,6 +5,8 @@ title:  Angular Grid Size - Ignite UI for Angular
 description: Learn how to apply size capabilities to the Data grid component. You can use a set of compact view options in the Ignite UI for Angular.
 keywords: material density, size, igniteui for angular, infragistics
 license: commercial
+llms:
+  description: "{ComponentName} design is based on Material Design Guidelines."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Learn how to apply size capabilities to the Tree grid component. Yo
 keywords: material density, size igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/display-density
+llms:
+  description: "{ComponentName} design is based on Material Design Guidelines."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: Learn how to apply size capabilities to the Hierarchical grid compo
 keywords: material density, size, igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/display-density
+llms:
+  description: "{ComponentName} design is based on Material Design Guidelines."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/editing.mdx b/docs/angular/src/content/en/grids_templates/editing.mdx
index 336443e805..331d1c813a 100644
--- a/docs/angular/src/content/en/grids_templates/editing.mdx
+++ b/docs/angular/src/content/en/grids_templates/editing.mdx
@@ -5,6 +5,8 @@ title: Angular Grid Editing - Ignite UI for Angular
 description: Get a powerful public API and an easy way to perform data manipulations like creating, updating, or deleting records. See the Angular data grid editing options!
 keywords: data manipulation, ignite ui for angular, infragistics
 license: commercial
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} component provides an easy way to perform data manipulation operations like creating, updating, and deleting records."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Get a powerful public API and an easy way to perform data manipulat
 keywords: data manipulation, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/editing
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} component provides an easy way to perform data manipulation operations like creating, updating, and deleting records."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: Get a powerful public API and an easy way to perform data manipulat
 keywords: data manipulation, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/editing
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} component provides an easy way to perform data manipulation operations like creating, updating, and deleting records."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/excel-style-filtering.mdx b/docs/angular/src/content/en/grids_templates/excel-style-filtering.mdx
index d2944dd96a..f8c4e7ac82 100644
--- a/docs/angular/src/content/en/grids_templates/excel-style-filtering.mdx
+++ b/docs/angular/src/content/en/grids_templates/excel-style-filtering.mdx
@@ -5,6 +5,8 @@ title: Excel Style Filtering in Angular Data Grid- Ignite UI for Angular
 description: Learn how to configure Excel filtering in Angular Data Grid. You can enable/disable various options and customize the Excel style filter menu the way you want.
 keywords: excel like filter, igniteui for angular, infragistics
 license: commercial
+llms:
+  description: "The grid Excel filtering provides an Excel like filtering UI for any Angular table like the {ComponentTitle}."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Learn how to configure Excel filtering in Angular {ComponentTitle}.
 keywords: excel like filter, igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/excel-style-filtering
+llms:
+  description: "The grid Excel filtering provides an Excel like filtering UI for any Angular table like the {ComponentTitle}."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/export-excel.mdx b/docs/angular/src/content/en/grids_templates/export-excel.mdx
index 86544ba8dd..2ace4d1943 100644
--- a/docs/angular/src/content/en/grids_templates/export-excel.mdx
+++ b/docs/angular/src/content/en/grids_templates/export-excel.mdx
@@ -5,6 +5,8 @@ title: Angular Grid Export to Excel and PDF - Ignite UI for Angular
 description: With Ignite UI Excel and PDF Exporters you can make client exports more convenient & simpler. These formats allow features like filtering, sorting, etc
 keywords: data export, ignite ui for angular, infragistics
 license: commercial
+llms:
+  description: "Whether your audience needs a spreadsheet for deeper analysis or a polished PDF they can share right away, the Ignite UI exporters help you deliver the right file from the {ComponentName} in seconds."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: With Ignite UI Excel and PDF Exporters you can make client exports
 keywords: data export, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/export-excel
+llms:
+  description: "Whether your audience needs a spreadsheet for deeper analysis or a polished PDF they can share right away, the Ignite UI exporters help you deliver the right file from the {ComponentName} in seconds."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: With Ignite UI Excel and PDF Exporters you can make client exports
 keywords: data export, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/export-excel
+llms:
+  description: "Whether your audience needs a spreadsheet for deeper analysis or a polished PDF they can share right away, the Ignite UI exporters help you deliver the right file from the {ComponentName} in seconds."
 ---
 
 </ComponentBlock>
@@ -38,6 +44,8 @@ description: With Ignite UI Excel and PDF Exporters you can make client exports
 keywords: data export, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/export-excel
+llms:
+  description: "Whether your audience needs a spreadsheet for deeper analysis or a polished PDF they can share right away, the Ignite UI exporters help you deliver the right file from the {ComponentName} in seconds."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/filtering.mdx b/docs/angular/src/content/en/grids_templates/filtering.mdx
index d9b6332db8..f9d1495b42 100644
--- a/docs/angular/src/content/en/grids_templates/filtering.mdx
+++ b/docs/angular/src/content/en/grids_templates/filtering.mdx
@@ -5,6 +5,8 @@ title: Angular Grid Filter - Ignite UI for Angular
 description: Start using angular filter to return specific data with Ignite UI for Angular. Check the advanced filtering options, including data-type Excel-style filtering.
 keywords: angular filter, ignite ui for angular, infragistics
 license: commercial
+llms:
+  description: "IgniteUI for Angular {ComponentTitle} component provides three different filtering types - Quick filtering, Excel style filtering and Advanced filtering which enable you to display only the records that meet specified criteria."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Start using angular filter to return specific data with Ignite UI f
 keywords: angular filter, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/filtering
+llms:
+  description: "IgniteUI for Angular {ComponentTitle} component provides three different filtering types - Quick filtering, Excel style filtering and Advanced filtering which enable you to display only the records that meet specified criteria."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: Start using angular filter to return specific data with Ignite UI f
 keywords: angular filter, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/filtering
+llms:
+  description: "IgniteUI for Angular {ComponentTitle} component provides three different filtering types - Quick filtering, Excel style filtering and Advanced filtering which enable you to display only the records that meet specified criteria."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/keyboard-navigation.mdx b/docs/angular/src/content/en/grids_templates/keyboard-navigation.mdx
index 24db3e26fc..6e31661c82 100644
--- a/docs/angular/src/content/en/grids_templates/keyboard-navigation.mdx
+++ b/docs/angular/src/content/en/grids_templates/keyboard-navigation.mdx
@@ -5,6 +5,8 @@ title: Angular Grid Keyboard Navigation - Ignite UI for Angular
 description: Learn how to use Grid Keyboard Navigation with Ignite UI for Angular. With Keyboard interaction, users can quickly navigate between cells, rows, and columns.
 keywords: keyboard navigation, ignite ui for angular, infragistics
 license: commercial
+llms:
+  description: "Keyboard navigation in the {ComponentName} provides a rich variety of keyboard interactions for the user."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Learn how to use Tree Grid Keyboard Navigation with Ignite UI for A
 keywords: keyboard navigation, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/keyboard-navigation
+llms:
+  description: "Keyboard navigation in the {ComponentName} provides a rich variety of keyboard interactions for the user."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: Learn how to use Hierarchical Grid Keyboard Navigation with Ignite
 keywords: keyboard navigation, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/keyboard-navigation
+llms:
+  description: "Keyboard navigation in the {ComponentName} provides a rich variety of keyboard interactions for the user."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/live-data.mdx b/docs/angular/src/content/en/grids_templates/live-data.mdx
index e0a6e92716..c7bc5c7a7a 100644
--- a/docs/angular/src/content/en/grids_templates/live-data.mdx
+++ b/docs/angular/src/content/en/grids_templates/live-data.mdx
@@ -5,6 +5,8 @@ title: Live Data Updates in Angular Data Grid - Ignite UI for Angular
 description: Check out how the Ignite UI for Angular Data Grid can handle thousands of updates per second, while staying responsive for user interactions.
 keywords: angular data grid, angular grid updates, angular live data
 license: commercial
+llms:
+  description: "The {ComponentTitle} component is able to handle thousands of updates per second, while staying responsive for user interactions."
 ---
 
 </ComponentBlock>
@@ -17,6 +19,8 @@ description: Check out how the Ignite UI for Angular Tree Grid can handle thousa
 keywords: angular data grid, angular grid updates, angular live data
 license: commercial
 _canonicalLink: grid/live-data
+llms:
+  description: "The {ComponentTitle} component is able to handle thousands of updates per second, while staying responsive for user interactions."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/multi-column-headers.mdx b/docs/angular/src/content/en/grids_templates/multi-column-headers.mdx
index 84aefc751e..00398d1f72 100644
--- a/docs/angular/src/content/en/grids_templates/multi-column-headers.mdx
+++ b/docs/angular/src/content/en/grids_templates/multi-column-headers.mdx
@@ -5,6 +5,8 @@ title: Angular Multi-column Headers - Ignite UI for Angular
 description: Start grouping column headers by placing them under a common hierarchical header with the help of Ignite UI for Angular grid and combine them into multi headers.
 keywords: column headers, ignite ui for angular, infragistics
 license: commercial
+llms:
+  description: "{ComponentApiType} supports multi-column headers which allows you to group columns by placing them under a common multi headers."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: SStart grouping column headers by placing them under a common hiera
 keywords: column headers, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/multi-column-headers
+llms:
+  description: "{ComponentApiType} supports multi-column headers which allows you to group columns by placing them under a common multi headers."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: Start grouping column headers by placing them under a common hierar
 keywords: column headers, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/multi-column-headers
+llms:
+  description: "{ComponentApiType} supports multi-column headers which allows you to group columns by placing them under a common multi headers."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/multi-row-layout.mdx b/docs/angular/src/content/en/grids_templates/multi-row-layout.mdx
index 1f3b9c4270..9a0b153b7c 100644
--- a/docs/angular/src/content/en/grids_templates/multi-row-layout.mdx
+++ b/docs/angular/src/content/en/grids_templates/multi-row-layout.mdx
@@ -3,6 +3,8 @@ title: Angular Grid Multi-row Layout - Ignite UI for Angular
 description: Position and size columns in a more powerful way, using the multi-row layout functionality in the Ignite UI for Angular Data Grid. Check out examples and demos!
 keywords: angular multi-row layout, material row layout, ignite ui for angular
 license: commercial
+llms:
+  description: "Multi-row Layout extends the rendering capabilities of the igxGridComponent."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/grids_templates/paging.mdx b/docs/angular/src/content/en/grids_templates/paging.mdx
index f35a3ab570..f6844117f8 100644
--- a/docs/angular/src/content/en/grids_templates/paging.mdx
+++ b/docs/angular/src/content/en/grids_templates/paging.mdx
@@ -5,6 +5,8 @@ title: Angular Grid Paging | Angular Pagination Table | Infragistics
 description: Configure Angular pagination and create custom pages in the Angular table by Ignite UI, get data for the requested pages with variety of angular events.
 keywords: angular pagination, igniteui for angular, infragistics
 license: commercial
+llms:
+  description: "Pagination is used to split a large set of data into a sequence of pages that have similar content."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Configure Angular pagination and create custom pages in the Angular
 keywords: angular pagination, igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/paging
+llms:
+  description: "Pagination is used to split a large set of data into a sequence of pages that have similar content."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/remote-data-operations.mdx b/docs/angular/src/content/en/grids_templates/remote-data-operations.mdx
index 0edef65d5e..d44cc45fe1 100644
--- a/docs/angular/src/content/en/grids_templates/remote-data-operations.mdx
+++ b/docs/angular/src/content/en/grids_templates/remote-data-operations.mdx
@@ -5,6 +5,8 @@ title: Angular Grid Remote Data Operations - Ignite UI for Angular
 description: Start using Angular remote data operations like remote filtering, remote sorting, and remote scrolling to load data from a server with Ignite UI for Angular.
 keywords: angular remote data operations, ignite ui for angular, infragistics
 license: commercial
+llms:
+  description: "The Ignite UI for Angular {ComponentTitle} supports remote data operations such as remote virtualization, remote sorting, remote filtering and others."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Start using Angular remote data operations like remote filtering, r
 keywords: angular remote data operations, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/remote-data-operations
+llms:
+  description: "The Ignite UI for Angular {ComponentTitle} supports remote data operations such as remote virtualization, remote sorting, remote filtering and others."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: Start using Angular remote data operations like remote filtering, r
 keywords: angular remote data operations, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/remote-data-operations
+llms:
+  description: "The Ignite UI for Angular {ComponentTitle} supports remote data operations such as remote virtualization, remote sorting, remote filtering and others."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/row-actions.mdx b/docs/angular/src/content/en/grids_templates/row-actions.mdx
index 92afca971d..44d385e818 100644
--- a/docs/angular/src/content/en/grids_templates/row-actions.mdx
+++ b/docs/angular/src/content/en/grids_templates/row-actions.mdx
@@ -3,6 +3,8 @@ title:  Row actions in Angular Data Grid - Ignite UI for Angular
 description: The grid component in Ignite UI for Angular provides the ability to use ActionStrip and utilize CRUD for row/cell components and row pinning.
 keywords: Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library, Angular ActionStrip components, Angular ActionStrip directives, Angular ActionStrip controls
 license: commercial
+llms:
+  description: "The grid component in Ignite UI for Angular provides the ability to use ActionStrip and utilize CRUD for row/cell components and row pinning."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/grids_templates/row-adding.mdx b/docs/angular/src/content/en/grids_templates/row-adding.mdx
index 535376000a..1ad22eae94 100644
--- a/docs/angular/src/content/en/grids_templates/row-adding.mdx
+++ b/docs/angular/src/content/en/grids_templates/row-adding.mdx
@@ -5,6 +5,8 @@ title: Adding Rows in Angular Data Grid - Ignite UI for Angular
 description: Learn how to use and customize the built-in row adding functionality with Ignite UI for Angular. CRUD capabilities and Intuitive grid row adding. See examples!
 keywords: row adding, igniteui for angular, infragistics
 license: commercial
+llms:
+  description: "The {ComponentTitle} provides a convenient way to perform data manipulations through inline row adding and a powerful API for Angular CRUD operations."
 ---
 
 </ComponentBlock>
@@ -17,6 +19,8 @@ description: Learn how to use and customize the built-in row adding functionalit
 keywords: row adding, igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/row-adding
+llms:
+  description: "The {ComponentTitle} provides a convenient way to perform data manipulations through inline row adding and a powerful API for Angular CRUD operations."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/row-drag.mdx b/docs/angular/src/content/en/grids_templates/row-drag.mdx
index bb0bfa6298..3876651591 100644
--- a/docs/angular/src/content/en/grids_templates/row-drag.mdx
+++ b/docs/angular/src/content/en/grids_templates/row-drag.mdx
@@ -5,6 +5,8 @@ title: Row Dragging in Angular Data Grid - Ignite UI for Angular
 description: Row dragging in Angular Data Grid is used to quickly rearrange rows by dragging them with the mouse. See how to configure row dragging in your project.
 keywords: angular drag component, material component, ignite ui for angular, infragistics
 license: commercial
+llms:
+  description: "In Ignite UI for Angular {ComponentTitle}, RowDrag is initialized on the root {ComponentSelector} component and is configurable via the rowDraggable input."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Row dragging in Angular Tree Grid is used to quickly rearrange rows
 keywords: angular drag component, material component, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/row-drag
+llms:
+  description: "In Ignite UI for Angular {ComponentTitle}, RowDrag is initialized on the root {ComponentSelector} component and is configurable via the rowDraggable input."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: Row dragging in Angular Hierarchical Grid is used to quickly rearra
 keywords: angular drag component, material component, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/row-drag
+llms:
+  description: "In Ignite UI for Angular {ComponentTitle}, RowDrag is initialized on the root {ComponentSelector} component and is configurable via the rowDraggable input."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/row-editing.mdx b/docs/angular/src/content/en/grids_templates/row-editing.mdx
index 6e876ffc68..75bd6219b7 100644
--- a/docs/angular/src/content/en/grids_templates/row-editing.mdx
+++ b/docs/angular/src/content/en/grids_templates/row-editing.mdx
@@ -5,6 +5,8 @@ title: Editing Rows in Angular Data Grid - Ignite UI for Angular
 description: Want to enable row editing in Angular Data Grid? Need a powerful API for CRUD operations? Try our Ignite UI for Angular Data Grid rows editing component!
 keywords: row editing, igniteui for angular, infragistics
 license: commercial
+llms:
+  description: "The {ComponentTitle} provides a convenient way to perform data manipulations through inline editing and a powerful API for Angular CRUD operations."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Want to enable row editing in Angular {ComponentTitle}? Need a powe
 keywords: row editing, igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/row-editing
+llms:
+  description: "The {ComponentTitle} provides a convenient way to perform data manipulations through inline editing and a powerful API for Angular CRUD operations."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/row-pinning.mdx b/docs/angular/src/content/en/grids_templates/row-pinning.mdx
index f41f6d7511..1f96562b2a 100644
--- a/docs/angular/src/content/en/grids_templates/row-pinning.mdx
+++ b/docs/angular/src/content/en/grids_templates/row-pinning.mdx
@@ -5,6 +5,8 @@ title: Row Pinning in Angular Data Grid - Ignite UI for Angular
 description: Use the Angular Row pinning feature to lock rows with a rich and easy to use API. Let users pin rows in a particular order or duplicate them in a special area.
 keywords: lock row, ignite ui for angular, infragistics
 license: commercial
+llms:
+  description: "One or multiple rows can be pinned to the top or bottom of the Angular UI Grid."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Use the Angular Row pinning feature to lock rows with a rich and ea
 keywords: lock row, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/row-pinning
+llms:
+  description: "One or multiple rows can be pinned to the top or bottom of the Angular UI Grid."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: Use the Angular Row pinning feature to lock rows with a rich and ea
 keywords: lock row, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/row-pinning
+llms:
+  description: "One or multiple rows can be pinned to the top or bottom of the Angular UI Grid."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/row-selection.mdx b/docs/angular/src/content/en/grids_templates/row-selection.mdx
index 83f459bf3f..60e5506224 100644
--- a/docs/angular/src/content/en/grids_templates/row-selection.mdx
+++ b/docs/angular/src/content/en/grids_templates/row-selection.mdx
@@ -5,6 +5,8 @@ title: Angular Grid Select Row - Ignite UI for Angular
 description: Enable row selection to improve UX and let users manage single or multiple rows. See how easy it is to configure Row data select with Ignite UI.
 keywords: data select, igniteui for angular, infragistics
 license: commercial
+llms:
+  description: "With row selection in Ignite UI for Angular, there is row selector column that precedes all other columns within the row."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Enable row selection to improve UX and let users manage single or m
 keywords: data select, igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/row-selection
+llms:
+  description: "With row selection in Ignite UI for Angular, there is row selector column that precedes all other columns within the row."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: Enable row selection to improve UX and let users manage single or m
 keywords: data select, igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/row-selection
+llms:
+  description: "With row selection in Ignite UI for Angular, there is row selector column that precedes all other columns within the row."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/search.mdx b/docs/angular/src/content/en/grids_templates/search.mdx
index f364edcaa1..c8d0152539 100644
--- a/docs/angular/src/content/en/grids_templates/search.mdx
+++ b/docs/angular/src/content/en/grids_templates/search.mdx
@@ -5,6 +5,8 @@ title: Angular Grid Search Filter - Ignite UI for Angular
 description: Perform fast grid search with Ignite UI for Angular Data grid. It allows instant content search in the virtualized data of the Grid, while delivering better UX.
 keywords: Content search, ignite ui for angular, infragistics
 license: commercial
+llms:
+  description: "Angular {ComponentTitle} search enables the process of finding values in the collection of data."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Perform fast grid search with Ignite UI for Angular Tree grid. It a
 keywords: Content search, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/search
+llms:
+  description: "Angular {ComponentTitle} search enables the process of finding values in the collection of data."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: Perform fast grid search with Ignite UI for Angular Hierarchical gr
 keywords: Content search, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/search
+llms:
+  description: "Angular {ComponentTitle} search enables the process of finding values in the collection of data."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/selection.mdx b/docs/angular/src/content/en/grids_templates/selection.mdx
index b98bdfabfc..56327a419b 100644
--- a/docs/angular/src/content/en/grids_templates/selection.mdx
+++ b/docs/angular/src/content/en/grids_templates/selection.mdx
@@ -5,6 +5,8 @@ title: Angular Grid Selection - Ignite UI for Angular
 description: See how easy it is to select data in Ignite UI for Angular grid using variety of events, rich API or with simple mouse interactions like single select.
 keywords: data select, igniteui for angular, infragistics
 license: commercial
+llms:
+  description: "With Ignite UI for Angular {ComponentTitle} you can easily select data by using variety of events, rich API or with simple mouse interactions like single select."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: See how easy it is to select data in Ignite UI for Angular grid usi
 keywords: data select, igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/selection
+llms:
+  description: "With Ignite UI for Angular {ComponentTitle} you can easily select data by using variety of events, rich API or with simple mouse interactions like single select."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: See how easy it is to select data in Ignite UI for Angular grid usi
 keywords: data select, igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/selection
+llms:
+  description: "With Ignite UI for Angular {ComponentTitle} you can easily select data by using variety of events, rich API or with simple mouse interactions like single select."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/sizing.mdx b/docs/angular/src/content/en/grids_templates/sizing.mdx
index 1f8fa6b2e7..69e82e5f70 100644
--- a/docs/angular/src/content/en/grids_templates/sizing.mdx
+++ b/docs/angular/src/content/en/grids_templates/sizing.mdx
@@ -5,6 +5,8 @@ title: Angular Grid Sizing - Ignite UI for Angular
 description: Understand how the Angular grid sizing works and learn how to use the width and height in order to accommodate the different scenarios that users can have.
 keywords: angular grid sizing, igniteui for angular, infragistics
 license: commercial
+llms:
+  description: "There are many different ways to size the {ComponentApiType} in order to accommodate a lot of scenarios that the users can have."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Understand how the Angular grid sizing works and learn how to use t
 keywords: angular grid sizing, igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/sizing
+llms:
+  description: "There are many different ways to size the {ComponentApiType} in order to accommodate a lot of scenarios that the users can have."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: Understand how the Angular grid sizing works and learn how to use t
 keywords:  angular grid sizing, igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/sizing
+llms:
+  description: "There are many different ways to size the {ComponentApiType} in order to accommodate a lot of scenarios that the users can have."
 ---
 
 </ComponentBlock>
@@ -314,6 +320,8 @@ The difference is that for the child grid, when `height` is set to percentages,
 
 <Image src={hgridHeightPercentagesV2} alt="Child Grid Height in Percentages" style="width: 80%" />
 
+llms:
+  description: "There are many different ways to size the {ComponentApiType} in order to accommodate a lot of scenarios that the users can have."
 ---
 </ComponentBlock>
 
diff --git a/docs/angular/src/content/en/grids_templates/sorting.mdx b/docs/angular/src/content/en/grids_templates/sorting.mdx
index 3010a984e6..d3ed40b9a0 100644
--- a/docs/angular/src/content/en/grids_templates/sorting.mdx
+++ b/docs/angular/src/content/en/grids_templates/sorting.mdx
@@ -5,6 +5,8 @@ title: Angular Grid Sorting - Ignite UI for Angular
 description: Get started with the Angular sorting feature of Ignite for Angular UI grid! Configure a mix of sortable columns & change the display order of data records.
 keywords: angular sort, ignite ui for angular, infragistics
 license: commercial
+llms:
+  description: "In Ignite UI for Angular {ComponentTitle}, data sorting is enabled on a per-column level, meaning that the {ComponentSelector} can have a mix of sortable and non-sortable columns."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Get started with the Angular sorting feature of Ignite for Angular
 keywords: angular sort, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/sorting
+llms:
+  description: "In Ignite UI for Angular {ComponentTitle}, data sorting is enabled on a per-column level, meaning that the {ComponentSelector} can have a mix of sortable and non-sortable columns."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: Get started with the Angular sorting feature of Ignite for Angular
 keywords: angular sort, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/sorting
+llms:
+  description: "In Ignite UI for Angular {ComponentTitle}, data sorting is enabled on a per-column level, meaning that the {ComponentSelector} can have a mix of sortable and non-sortable columns."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/state-persistence.mdx b/docs/angular/src/content/en/grids_templates/state-persistence.mdx
index 7302b5104b..ed9a252869 100644
--- a/docs/angular/src/content/en/grids_templates/state-persistence.mdx
+++ b/docs/angular/src/content/en/grids_templates/state-persistence.mdx
@@ -5,6 +5,8 @@ title: Angular Grid State Persistence - Ignite UI for Angular
 description: Easily save and restore the grid state, using our comprehensive Ignite UI toolset for Angular. Learn how to restore columns, explore usage, and see demos!
 keywords: state persistence, ignite ui for angular, infragistics
 license: commercial
+llms:
+  description: "The igxGridState directive allows developers to easily save and restore the grid state."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Easily save and restore the grid state, using our comprehensive Ign
 keywords: state persistence, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/state-persistence
+llms:
+  description: "The igxGridState directive allows developers to easily save and restore the grid state."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: Easily save and restore the grid state, using our comprehensive Ign
 keywords: state persistence, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/state-persistence
+llms:
+  description: "The igxGridState directive allows developers to easily save and restore the grid state."
 ---
 
 </ComponentBlock>
@@ -39,6 +45,8 @@ description: Easily save and restore the grid state, using our comprehensive Ign
 keywords: state persistence, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/state-persistence
+llms:
+  description: "The igxGridState directive allows developers to easily save and restore the grid state."
 ---
 
 </ComponentBlock>
@@ -49,7 +57,7 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
 # Angular {ComponentTitle} State Persistence
 
-Тhe igxGridState directive allows developers to easily save and restore the grid state. When the <ApiLink type="GridStateDirective" /> directive is applied on the grid, it exposes the <ApiLink type="GridStateDirective" member="getState" label="getState" /> and <ApiLink type="GridStateDirective" member="setState" label="setState" /> methods that developers can use to achieve state persistence in any scenario.
+The igxGridState directive allows developers to easily save and restore the grid state. When the <ApiLink type="GridStateDirective" /> directive is applied on the grid, it exposes the <ApiLink type="GridStateDirective" member="getState" label="getState" /> and <ApiLink type="GridStateDirective" member="setState" label="setState" /> methods that developers can use to achieve state persistence in any scenario.
 
 ## Supported Features
 
diff --git a/docs/angular/src/content/en/grids_templates/summaries.mdx b/docs/angular/src/content/en/grids_templates/summaries.mdx
index be5ead4284..0ff484e307 100644
--- a/docs/angular/src/content/en/grids_templates/summaries.mdx
+++ b/docs/angular/src/content/en/grids_templates/summaries.mdx
@@ -5,6 +5,8 @@ title: Angular Grid Summaries - Ignite UI for Angular
 description: Configure Angular grid summaries in the group footer of the column and use the option to set custom angular template in the Ignite UI for Angular table
 keywords: angular grid summaries, igniteui for angular, infragistics
 license: commercial
+llms:
+  description: "The Angular UI grid in Ignite UI for Angular has a summaries feature that functions on a per-column level as group footer."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Configure Angular grid summaries in the group footer of the column
 keywords: angular grid summaries, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/summaries
+llms:
+  description: "The Angular UI grid in Ignite UI for Angular has a summaries feature that functions on a per-column level as group footer."
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ description: Configure Angular grid summaries in the group footer of the column
 keywords: angular grid summaries, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/summaries
+llms:
+  description: "The Angular UI grid in Ignite UI for Angular has a summaries feature that functions on a per-column level as group footer."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/toolbar.mdx b/docs/angular/src/content/en/grids_templates/toolbar.mdx
index 99ac6d7bd8..9be2a56671 100644
--- a/docs/angular/src/content/en/grids_templates/toolbar.mdx
+++ b/docs/angular/src/content/en/grids_templates/toolbar.mdx
@@ -5,6 +5,8 @@ title: Angular Grid Toolbar - Ignite UI for Angular
 description: Use Angular Data Grid Toolbar for essential UI operations. Hosts different UI controls for the Grid’s features - column hiding, pinning, excel exporting, etc.
 keywords: angular toolbar, igniteui for angular, infragistics
 license: commercial
+llms:
+  description: "The {ComponentTitle} in Ignite UI for Angular provides a GridToolbar which is essentially a container for UI operations."
 ---
 
 </ComponentBlock>
@@ -17,6 +19,8 @@ description: Use Angular {ComponentTitle} Toolbar for essential UI operations. H
 keywords: angular toolbar, igniteui for angular, infragistics
 license: commercial
 _canonicalLink: grid/toolbar
+llms:
+  description: "The {ComponentTitle} in Ignite UI for Angular provides a GridToolbar which is essentially a container for UI operations."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/validation.mdx b/docs/angular/src/content/en/grids_templates/validation.mdx
index a556f055e7..cc1d8bb790 100644
--- a/docs/angular/src/content/en/grids_templates/validation.mdx
+++ b/docs/angular/src/content/en/grids_templates/validation.mdx
@@ -3,6 +3,8 @@ title: Editing and Validation in Angular {ComponentTitle} - Infragistics
 description: Validate the input of the users in grid and notify them if it's valid or not while using Angular {ComponentTitle}. See demos & examples!
 keywords: angular validation, ignite ui for angular, infragistics
 license: commercial
+llms:
+  description: "The {ComponentTitle}'s editing exposes a built-in validation mechanism of user input when editing cells/rows."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/grids_templates/virtualization.mdx b/docs/angular/src/content/en/grids_templates/virtualization.mdx
index 281b5b8b48..684f217d31 100644
--- a/docs/angular/src/content/en/grids_templates/virtualization.mdx
+++ b/docs/angular/src/content/en/grids_templates/virtualization.mdx
@@ -5,6 +5,8 @@ title: Angular Grid Virtualization and Performance - Ignite UI for Angular
 _description: The Ignite UI for Angular Virtualization directive is the core mechanic behind the speed & performance of the grid when handling large data sets. Try for free!
 _keywords: angular data grid, grid performance, data table virtualization, ignite ui for angular
 _license: commercial
+llms:
+  description: "In Ignite UI for Angular, the {ComponentApiType} control now utilizes the igxForOf directive and virtualizes its content both vertically and horizontally."
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ _description: The Ignite UI for Angular Virtualization directive is the core mec
 _keywords: angular data grid, grid performance, data table virtualization, ignite ui for angular
 _license: commercial
 _canonicalLink: grid/virtualization
+llms:
+  description: "In Ignite UI for Angular, the {ComponentApiType} control now utilizes the igxForOf directive and virtualizes its content both vertically and horizontally."
 ---
 </ComponentBlock>
 <ComponentBlock for="HierarchicalGrid">
@@ -26,6 +30,8 @@ _description: The Ignite UI for Angular Virtualization directive is the core mec
 _keywords: angular data grid, grid performance, data table virtualization, ignite ui for angular
 _license: commercial
 _canonicalLink: grid/virtualization
+llms:
+  description: "In Ignite UI for Angular, the {ComponentApiType} control now utilizes the igxForOf directive and virtualizes its content both vertically and horizontally."
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/index.mdx b/docs/angular/src/content/en/index.mdx
index dc0f70ad53..a003a67236 100644
--- a/docs/angular/src/content/en/index.mdx
+++ b/docs/angular/src/content/en/index.mdx
@@ -1,3 +1,5 @@
 ---
 title: Ignite UI for Angular
+llms:
+  description: "Provides guides, examples, and feature documentation for building applications with Ignite UI for Angular components."
 ---
diff --git a/docs/angular/src/content/jp/components/accordion.mdx b/docs/angular/src/content/jp/components/accordion.mdx
index 33589fa2e1..a3383961de 100644
--- a/docs/angular/src/content/jp/components/accordion.mdx
+++ b/docs/angular/src/content/jp/components/accordion.mdx
@@ -4,6 +4,8 @@ description: Angular Accordion は、アコーディオン メニューで垂直
 keywords: angular accordion, angular accordion コンポーネント, angular アコーディオン, angular アコーディオン コンポーネント, angular アコーディオンの例, ignite ui for angular, angular UI コンポーネント, infragistics, インフラジスティックス
 license: MIT
 _language: ja
+llms:
+  description: "Angular Accordion は、単一のコンテナーに表示されるクリック可能なヘッダーと関連するコンテンツ セクションを含む垂直方向に展開可能なパネルを構築するための GUI コンポーネントです。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/action-strip.mdx b/docs/angular/src/content/jp/components/action-strip.mdx
index 3ad61cce4d..f3b498026f 100644
--- a/docs/angular/src/content/jp/components/action-strip.mdx
+++ b/docs/angular/src/content/jp/components/action-strip.mdx
@@ -4,6 +4,8 @@ description: アクション ストリップは、1 つ以上のアクション
 keywords: Angular Action Strip コンポーネント, Angular Action Strip ディレクティブ, Angular Action Strip コントロール, Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, Angular UI コンポーネント
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Action Strip コンポーネントは、ホバーなどのユーザー操作の際に特定のターゲット コンテナーの上に追加の UI および機能を表示できる 1 つ以上のアクションを含むオーバーレイ領域を提供します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/ai/ai-assisted-development-overview.mdx b/docs/angular/src/content/jp/components/ai/ai-assisted-development-overview.mdx
index 71561d0c0a..eb60ef3518 100644
--- a/docs/angular/src/content/jp/components/ai/ai-assisted-development-overview.mdx
+++ b/docs/angular/src/content/jp/components/ai/ai-assisted-development-overview.mdx
@@ -6,6 +6,8 @@ license: MIT
 _canonicalLink: "{environment:dvUrl}/components/ai-assisted-development-overview"
 mentionedTypes: []
 last_updated: "2026-04-21"
+llms:
+  description: "Ignite UI for Angular、React、Web Components は、3 つのパーツで構成される AI ツールチェーン (エージェント スキル、Ignite UI CLI MCP サーバー、Ignite UI Theming MCP サーバー) を提供します。"
 ---
 
 # Ignite UI を使った AI 支援開発
diff --git a/docs/angular/src/content/jp/components/ai/cli-mcp.mdx b/docs/angular/src/content/jp/components/ai/cli-mcp.mdx
index 9430fb64cc..5f7cc6b800 100644
--- a/docs/angular/src/content/jp/components/ai/cli-mcp.mdx
+++ b/docs/angular/src/content/jp/components/ai/cli-mcp.mdx
@@ -6,6 +6,8 @@ license: MIT
 _canonicalLink: "{environment:dvUrl}/components/ai/cli-mcp"
 mentionedTypes: []
 last_updated: "2026-04-21"
+llms:
+  description: "Ignite UI CLI MCP は、AI アシスタントが Ignite UI for Angular アプリケーションのプロジェクトのスキャフォールディング、既存アプリの変更、コンポーネントの作成と更新、ドキュメントの質問に回答できるようにする Model Context Protocol (MCP) サーバーです。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 
diff --git a/docs/angular/src/content/jp/components/ai/maker-framework.mdx b/docs/angular/src/content/jp/components/ai/maker-framework.mdx
index 7c42a0aa70..5e707c4df4 100644
--- a/docs/angular/src/content/jp/components/ai/maker-framework.mdx
+++ b/docs/angular/src/content/jp/components/ai/maker-framework.mdx
@@ -6,6 +6,8 @@ _language: ja
 license: MIT
 canonicalLink: "/components/ai/maker-framework"
 mentionedTypes: []
+llms:
+  description: "MAKER Framework (@igniteui/maker-mcp) は、Infragistics が提供するマルチエージェント AI オーケストレーション MCP サーバーです。"
 ---
 
 {/*cspell:words MAKER batchSize*/}
diff --git a/docs/angular/src/content/jp/components/ai/skills.mdx b/docs/angular/src/content/jp/components/ai/skills.mdx
index aacafd49f1..fe5c7b8dc9 100644
--- a/docs/angular/src/content/jp/components/ai/skills.mdx
+++ b/docs/angular/src/content/jp/components/ai/skills.mdx
@@ -3,6 +3,8 @@ title: エージェント スキル | AI スキル | AI 支援開発 | Ignite UI
 description: エージェント スキルを使用して、Ignite UI for Angular コンポーネント、グリッド、データ操作、テーマ設定を使った AI 支援開発を強化する方法について説明します。
 keywords: Ignite UI for Angular, エージェント スキル, AI 支援開発, github copilot, cursor, windsurf, claude, gemini cli, junie
 _language: ja
+llms:
+  description: "Ignite UI for Angular には エージェント スキル が付属しています。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 
diff --git a/docs/angular/src/content/jp/components/ai/theming-mcp.mdx b/docs/angular/src/content/jp/components/ai/theming-mcp.mdx
index 3d075f9b6d..37785d10cb 100644
--- a/docs/angular/src/content/jp/components/ai/theming-mcp.mdx
+++ b/docs/angular/src/content/jp/components/ai/theming-mcp.mdx
@@ -3,6 +3,8 @@ title: Angular Theming MCP | Infragistics
 description: Ignite UI for Angular には Ignite UI Theming MCP サーバーが付属しており、Angular アプリケーション用のカスタム テーマ、パレット、タイポグラフィ、エレベーションを作成できます。MCP サーバーを使用してブランドおよび設計要件に合わせたカスタム テーマを生成および適用する方法について説明します。
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, コンポーネント スイート, 人工知能, AI, MCP, Model Context Protocol, テーマ設定, カスタム テーマ, パレット, タイポグラフィ, エレベーション
 _language: ja
+llms:
+  description: "Ignite UI Theming MCP は、AI アシスタントが Ignite UI アプリケーション用の本番対応のテーマ コードを生成できるようにする Model Context Protocol (MCP) サーバーです。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 
diff --git a/docs/angular/src/content/jp/components/angular-reactive-form-validation.mdx b/docs/angular/src/content/jp/components/angular-reactive-form-validation.mdx
index a58c75f316..16e77d56a5 100644
--- a/docs/angular/src/content/jp/components/angular-reactive-form-validation.mdx
+++ b/docs/angular/src/content/jp/components/angular-reactive-form-validation.mdx
@@ -4,6 +4,8 @@ description: Angular フォームの検証は、ユーザーが Web フォーム
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular Combo コンポーネント,  Angular リアクティブ フォーム, Angular フォーム
 license: MIT
 _language: ja
+llms:
+  description: "Angular のリアクティブ フォームは、基になるフォーム オブジェクト モデルへの直接アクセスを提供し、フォーム入力を処理するための不変で明示的なアプローチを提供します。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/autocomplete.mdx b/docs/angular/src/content/jp/components/autocomplete.mdx
index 8430625e75..e769bf547b 100644
--- a/docs/angular/src/content/jp/components/autocomplete.mdx
+++ b/docs/angular/src/content/jp/components/autocomplete.mdx
@@ -4,6 +4,8 @@ description: Angular Autocomplete ディレクティブは、候補オプショ
 keywords: Angular Autocomplete コンポーネント, Angular Autocomplete ディレクティブ, Angular Autocomplete コントロール, Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, Angular UI コンポーネント, ネイティブ Angular コンポーネント ライブラリ
 license: MIT
 _language: ja
+llms:
+  description: "Angular Autocomplete は、入力中に候補のリストから項目を簡単に検索、フィルタリング、および選択できるようにする検索ボックス ディレクティブです。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/avatar.mdx b/docs/angular/src/content/jp/components/avatar.mdx
index 584ee9abad..657dc2bfe9 100644
--- a/docs/angular/src/content/jp/components/avatar.mdx
+++ b/docs/angular/src/content/jp/components/avatar.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular の Avatar コントロールは、プロフ
 keywords: Angular Avatar コンポーネント, Angular Avatar コントロール, Ignite UI for Angular, Angular UI コンポーネント
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular の Avatar コントロールは、プロファイル ボタンなどのアプリケーションのインスタンスに画像、マテリアル アイコン、またはイニシャルを追加できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/badge.mdx b/docs/angular/src/content/jp/components/badge.mdx
index 3cd03145ec..059d5c1c45 100644
--- a/docs/angular/src/content/jp/components/badge.mdx
+++ b/docs/angular/src/content/jp/components/badge.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular の Badge コントロールは、アプリ
 keywords: Angular Badge コンポーネント, Angular Badge コントロール, Ignite UI for Angular, Angular UI コンポーネント
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular の Badge コントロールは、アプリケーションでその他のコンポーネントを装飾するために定義済みスタイルでアクティブ カウントまたはアイコンを表示します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/banner.mdx b/docs/angular/src/content/jp/components/banner.mdx
index e776b6ffb4..0da6e6c9d0 100644
--- a/docs/angular/src/content/jp/components/banner.mdx
+++ b/docs/angular/src/content/jp/components/banner.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Banner コンポーネントは、簡単に
 keywords: Angular Banner コンポーネント, Angular Banner コントロール, Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, Angular UI コンポーネント
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Banner コンポーネントは、簡単に非侵入型メッセージをオプション操作と統合できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/bullet-graph.mdx b/docs/angular/src/content/jp/components/bullet-graph.mdx
index 9fc036c3a4..77e7b319c1 100644
--- a/docs/angular/src/content/jp/components/bullet-graph.mdx
+++ b/docs/angular/src/content/jp/components/bullet-graph.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["BulletGraph"]
 namespace: Infragistics.Controls.Gauges
 _language: ja
+llms:
+  description: "ブレット グラフ コンポーネントは、きれいなデータ表現を作成するための多数の機能をサポートします。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/button-group.mdx b/docs/angular/src/content/jp/components/button-group.mdx
index d24bf87f54..826078991a 100644
--- a/docs/angular/src/content/jp/components/button-group.mdx
+++ b/docs/angular/src/content/jp/components/button-group.mdx
@@ -4,6 +4,8 @@ description: ボタン グループの機能、さらに水平/垂直の配置
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スィート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ,  Angular ボタン グループ コンポーネント, Angular Button Group コントロール, Angular Button コンポーネント, Angular Button コントロール
 license: MIT
 _language: ja
+llms:
+  description: "ボタン グループの機能、さらに水平/垂直の配置、単一/複数の選択、および切り替え機能を提供します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/button.mdx b/docs/angular/src/content/jp/components/button.mdx
index ff8d9adef6..7c6cc6aecd 100644
--- a/docs/angular/src/content/jp/components/button.mdx
+++ b/docs/angular/src/content/jp/components/button.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Button コンポーネントで規格のボ
 keywords: Angular Button コンポーネント, Angular Button コントロール, Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, Angular UI コンポーネント
 license: MIT
 _language: ja
+llms:
+  description: "Angular Button ディレクティブは、アクション可能なボタンを作成して Web ページ/アプリケーションに追加するために使用されます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/calendar.mdx b/docs/angular/src/content/jp/components/calendar.mdx
index c7616328e7..191fba4ed6 100644
--- a/docs/angular/src/content/jp/components/calendar.mdx
+++ b/docs/angular/src/content/jp/components/calendar.mdx
@@ -4,6 +4,8 @@ description: Angular Calendar コンポーネントを使用すると、ユー
 keywords: angular calendar, angular calendar コンポーネント, angular UI コンポーネント, angular UI ライブラリ, ignite ui for angular
 license: MIT
 _language: ja
+llms:
+  description: "Angular Calendar は、アプリで日付と曜日を表示するために使用される UI コンポーネントです。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/card.mdx b/docs/angular/src/content/jp/components/card.mdx
index c8cb519194..2815760b34 100644
--- a/docs/angular/src/content/jp/components/card.mdx
+++ b/docs/angular/src/content/jp/components/card.mdx
@@ -4,6 +4,8 @@ description: Angular Card コンポーネントを使用して、詳細情報の
 keywords: Angular Card コンポーネント, Angular Card コントロール, Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, Angular UI コンポーネント, ネイティブ Angular コンポーネント ライブラリ
 license: MIT
 _language: ja
+llms:
+  description: "Angular Card は、タイトル テキスト、説明、画像スタイル、CTA (行動喚起) ボタン、リンクなどのさまざまな要素を持つ柔軟なコンテナーを表します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/carousel.mdx b/docs/angular/src/content/jp/components/carousel.mdx
index 9d51ef9bd1..a5a251f3be 100644
--- a/docs/angular/src/content/jp/components/carousel.mdx
+++ b/docs/angular/src/content/jp/components/carousel.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Carousel コンポーネントを使用する
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スィート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular Carousel コンポーネント, Angular Carousel コントロール
 license: MIT
 _language: ja
+llms:
+  description: "Angular Carousel コンポーネントを使用すると、アニメーション、スライド トランジション、およびカスタマイズを使用できるため、インターフェイスを簡単に微調整して Angular カスタム カルーセルを構築できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/charts/chart-api.mdx b/docs/angular/src/content/jp/components/charts/chart-api.mdx
index 8d50ca21de..ab32d10e8e 100644
--- a/docs/angular/src/content/jp/components/charts/chart-api.mdx
+++ b/docs/angular/src/content/jp/components/charts/chart-api.mdx
@@ -10,6 +10,8 @@ _description: Use Infragistics Ignite UI for Angular chart provides useful API t
 _keywords: Angular charts, chart API, API, Ignite UI for Angular, Infragistics
 _license: commercial
 
+llms:
+  description: "Ignite UI for Angular チャートは、CategoryChart、FinancialChart、DataChart、DataPieChart、DoughnutChart、PieChart、および Sparkline UI 要素でデータをプロットするためのシンプルで使いやすい API を提供します。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/charts/chart-features.mdx b/docs/angular/src/content/jp/components/charts/chart-features.mdx
index 9964d772e7..138dc60164 100644
--- a/docs/angular/src/content/jp/components/charts/chart-features.mdx
+++ b/docs/angular/src/content/jp/components/charts/chart-features.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Charts, Features, Infragistics, Angular チャート, 機能,
 license: commercial
 mentionedTypes: ["FinancialChart", "CategoryChart", "DataChart"]
 _language: ja
+llms:
+  description: "Ignite UI for Angular チャートを使用すると、さまざまな機能を表示して、チャートで伝えられる完全なデータ ストーリーを表現できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/chart-overview.mdx b/docs/angular/src/content/jp/components/charts/chart-overview.mdx
index e514a09992..fe75e8da2a 100644
--- a/docs/angular/src/content/jp/components/charts/chart-overview.mdx
+++ b/docs/angular/src/content/jp/components/charts/chart-overview.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Charts, Chart, Infragistics, Angular チャート, チャー
 license: commercial
 mentionedTypes: ["DomainChart", "FinancialChart", "CategoryChart", "DataChart", "CategoryChartType"]
 _language: ja
+llms:
+  description: "Ignite UI for Angular チャートおよびグラフは、データ視覚化の広範なライブラリであり、Web アプリやモバイル アプリの魅力的でインタラクティブなチャートやダッシュボードを実現します。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-animations.mdx b/docs/angular/src/content/jp/components/charts/features/chart-animations.mdx
index 7e603acf12..f30062a0cb 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-animations.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-animations.mdx
@@ -10,6 +10,8 @@ _description: Infragistics' Angular Chart Animations
 _keywords: Angular Charts, Animations, Infragistics
 _license: commercial
 
+llms:
+  description: "アニメーションを使用すると、新しいデータ ソースを読み込むときにシリーズをイーズインできます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-annotations.mdx b/docs/angular/src/content/jp/components/charts/features/chart-annotations.mdx
index 9549fee084..bfa99106fc 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-annotations.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-annotations.mdx
@@ -10,6 +10,8 @@ _description: Infragistics' Angular Chart Annotations
 _keywords: Angular Charts, Annotations, Infragistics
 _license: commercial
 
+llms:
+  description: "Angular チャートのホバー操作と注釈は、シリーズ コレクションに追加されるシリーズであるホバー操作レイヤーを介して実装されます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-axis-gridlines.mdx b/docs/angular/src/content/jp/components/charts/features/chart-axis-gridlines.mdx
index 69d488b4a3..24e1608519 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-axis-gridlines.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-axis-gridlines.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "XYChart", "DomainChart", "DataChart", "NumericXAxis", "NumericYAxis", "NumericAxisBase" ]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "すべての Ignite UI for Angular チャートには、軸線の外観、X 軸と Y 軸に描画される主/副グリッド線および目盛りの頻度を変更するための組み込み機能が含まれています。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-axis-layouts.mdx b/docs/angular/src/content/jp/components/charts/features/chart-axis-layouts.mdx
index 37885093d9..30e0bae0cb 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-axis-layouts.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-axis-layouts.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Axis, Layouts, Location, Position, Share, Multiple, Crossing,
 license: commercial
 mentionedTypes: [ "DomainChart", "CategoryChart", "XYChart", "DomainChart", "DataChart", "Axis", "AxisLabelSettings", "ScatterSplineSeries", "TimeXAxis" ]
 _language: ja
+llms:
+  description: "すべての Ignite UI for Angular チャートには、位置などの多くの軸レイアウト オプションを構成するオプションが含まれているほか、シリーズ間で軸を共有したり、同じチャートに複数の軸を含めることができます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-axis-options.mdx b/docs/angular/src/content/jp/components/charts/features/chart-axis-options.mdx
index 84cebe3e7b..9247bdfd40 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-axis-options.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-axis-options.mdx
@@ -10,6 +10,8 @@ _description: Infragistics' Angular Axis Options
 _keywords: Angular Axis, Options, Title, Labels, Gap, Overlap, Range, Scale, Mode, Infragistics
 _license: commercial
 
+llms:
+  description: "すべての Ignite UI for Angular チャートで、軸はタイトル、ラベル、範囲などの視覚的構成のプロパティを提供します。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-axis-types.mdx b/docs/angular/src/content/jp/components/charts/features/chart-axis-types.mdx
index 733faa8249..9b780af9fb 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-axis-types.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-axis-types.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "FinancialChart", "FinancialChartYAxisMode", "FinancialChartXAxisMode", "NumericYAxis", "CategoryXAxis"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Ignite UI for Angular カテゴリ チャートは、CategoryXAxis および NumericYAxis タイプを 1 つだけ使用します。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-data-aggregations.mdx b/docs/angular/src/content/jp/components/charts/features/chart-data-aggregations.mdx
index 2bec822d12..b65fe52c49 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-data-aggregations.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-data-aggregations.mdx
@@ -10,6 +10,8 @@ _description: Infragistics' Angular Data Aggregations
 _keywords: Angular Charts, Markers, Infragistics
 _license: commercial
 
+llms:
+  description: "Ignite UI for Angular CategoryChart コントロールのデータ集計機能を使用すると、チャート内のデータを XAxis の一意の値でグループ化し、それらのグループをソートすることができます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-data-annotations.mdx b/docs/angular/src/content/jp/components/charts/features/chart-data-annotations.mdx
index 65ca1b6c86..b4de6395ac 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-data-annotations.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-data-annotations.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "CrosshairLayer", "FinalValueLayer", "CalloutLayer"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Angular チャートでは、データ注釈レイヤーを使用して、データ チャートにプロットされたデータに、傾斜線、垂直/水平線 (軸スライス)、垂直/水平ストリップ (特定の軸をターゲットとする)、四角形、さらには平行四辺形 (バンド) で注釈を付けることができます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-data-filtering.mdx b/docs/angular/src/content/jp/components/charts/features/chart-data-filtering.mdx
index d4c4c1a31b..aa1c8b89d2 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-data-filtering.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-data-filtering.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["CategoryChart"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "データ フィルタリングを使用すると、チャートにバインド表示されたデータ ソースを手動で変更することなく、大規模なデータをクエリし、フィルター式を使用してデータ エントリの小さなサブセットを分析およびプロットすることができます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-data-legend.mdx b/docs/angular/src/content/jp/components/charts/features/chart-data-legend.mdx
index 7034b0618d..6913319d69 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-data-legend.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-data-legend.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["CategoryChart", "DataLegend", "Series", "DataLegendSummaryType", "DataAbbreviationMode" ]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Ignite UI for Angular では、DataLegend は Legend の高度にカスタマイズ可能なバージョンであり、シリーズの値を表示するほか、シリーズの行や値の列のフィルタリング、値のスタイルと書式設定を行うための多くの構成プロパティを提供します。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-data-selection.mdx b/docs/angular/src/content/jp/components/charts/features/chart-data-selection.mdx
index 8d72c95a4e..7a6f14e393 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-data-selection.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-data-selection.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DataChart", "Legend", "CategoryChart", "FinancialChart", "DataLegend", "DataToolTipLayer"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Angular データ チャートの Ignite UI for Angular 選択機能を使用すると、ユーザーはチャート内の単一または複数のシリーズを対話的に選択、ハイライト表示、アウトライン表示したり、その逆の選択を解除したりできます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-data-tooltip.mdx b/docs/angular/src/content/jp/components/charts/features/chart-data-tooltip.mdx
index 2332a4d0fe..ce2c5b63f4 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-data-tooltip.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-data-tooltip.mdx
@@ -10,6 +10,8 @@ _description: Use Infragistics Ignite UI for Angular chart with the data tooltip
 _keywords: Angular charts, chart legend, legend, legend types, Ignite UI for Angular, Infragistics
 _license: commercial
 
+llms:
+  description: "Ignite UI for Angular では、DataToolTip は、シリーズの値とタイトル、およびシリーズの凡例バッジをツールチップに表示します。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-highlight-filter.mdx b/docs/angular/src/content/jp/components/charts/features/chart-highlight-filter.mdx
index ab0f3e1aca..2ed2f4063d 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-highlight-filter.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-highlight-filter.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["CategoryChart", "DataChart", "Series", "HighlightedValuesDisplayMode"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Ignite UI for Angular チャート コンポーネントは、プロットされたデータのサブセットを表示できるようにすることで、これらのチャートにプロットされた系列の視覚化を強化できるデータハイライト表示オーバーレイをサポートしています。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-highlighting.mdx b/docs/angular/src/content/jp/components/charts/features/chart-highlighting.mdx
index 9830ead42a..818c185211 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-highlighting.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-highlighting.mdx
@@ -10,6 +10,8 @@ _description: Infragistics' Angular Chart Highlighting
 _keywords: Angular Charts, Highlighting, Infragistics
 _license: commercial
 
+llms:
+  description: "すべての Angular チャートは、さまざまなハイライト表示オプションをサポートしています。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-legends.mdx b/docs/angular/src/content/jp/components/charts/features/chart-legends.mdx
index 14b0d340bd..c7bc2f5f25 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-legends.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-legends.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["XamDataChart", "Legend"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "水平方向または垂直方向の凡例を含むインフラジスティックスの Ignite UI for Angular チャートをお試しください!"
 ---
 
 # Angular チャート凡例
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-markers.mdx b/docs/angular/src/content/jp/components/charts/features/chart-markers.mdx
index 3145256c59..ec07682208 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-markers.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-markers.mdx
@@ -10,6 +10,8 @@ _description: Infragistics' Angular Chart Markers
 _keywords: Angular Charts, Markers, Infragistics
 _license: commercial
 
+llms:
+  description: "Ignite UI for Angular マーカーは、カテゴリ チャートのプロット領域にデータ ポイントの値を表示する視覚要素です。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-navigation.mdx b/docs/angular/src/content/jp/components/charts/features/chart-navigation.mdx
index d5f64392b9..d2b14ca833 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-navigation.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-navigation.mdx
@@ -10,6 +10,8 @@ _keywords: Angular charts, data chart, navigation, Ignite UI for Angular, Infrag
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Ignite UI for Angular チャートを使用すると、マウス、キーボード、およびタッチを介してインタラクティブなパンやズームが可能になります。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-overlays.mdx b/docs/angular/src/content/jp/components/charts/features/chart-overlays.mdx
index c7505c5bdd..a8159c2778 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-overlays.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-overlays.mdx
@@ -10,6 +10,8 @@ _description: Use Infragistics Ignite UI for Angular chart control's value overl
 _keywords: Angular charts, data chart, value overlay, Ignite UI for Angular, Infragistics
 _license: commercial
 
+llms:
+  description: "Angular DataChart を使用すると、ValueOverlay を使用して定義した単一の数値で水平線または垂直線を配置できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-performance.mdx b/docs/angular/src/content/jp/components/charts/features/chart-performance.mdx
index 4060798496..29b6f78967 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-performance.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-performance.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "FinancialChart", "DataChart", "FinancialChartVolumeType", "FinancialChartZoomSliderType"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Angular チャートは、数百万のデータ ポイントを描画し、それらを数ミリ秒ごとに更新する高性能のために最適化されています。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-synchronization.mdx b/docs/angular/src/content/jp/components/charts/features/chart-synchronization.mdx
index f4ccf8b58d..75f2353079 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-synchronization.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-synchronization.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DataChart"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "$ ProductName$ データ チャートを使用すると、複数のチャート間のズーム、パン、および十字線イベントの調整に関して同期をとることができます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-titles.mdx b/docs/angular/src/content/jp/components/charts/features/chart-titles.mdx
index d1b57aefe4..cc3ebe9b73 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-titles.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-titles.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["CategoryChart"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "チャート コントロールのタイトルとサブタイトル機能を使用すると、Angular チャートの上部セクションに情報を追加できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-tooltips.mdx b/docs/angular/src/content/jp/components/charts/features/chart-tooltips.mdx
index 073545f0ed..e9e1a6da3a 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-tooltips.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-tooltips.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "ToolTipType"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Angular チャートでは、ツールチップはバインドされたデータに関する詳細を提供し、エンドユーザーがデータ ポイントにカーソルを合わせるとポップアップで表示されます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-trendlines.mdx b/docs/angular/src/content/jp/components/charts/features/chart-trendlines.mdx
index 863dd014c7..dcfce99c89 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-trendlines.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-trendlines.mdx
@@ -10,6 +10,8 @@ _description: Infragistics' Angular Chart Trendlines
 _keywords: Angular Charts, Trendlines, Infragistics
 _license: commercial
 
+llms:
+  description: "Ignite UI for Angular チャートでは、トレンドラインはトレンドの識別やデータ内のパターンの検索に役立ちます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-user-annotations.mdx b/docs/angular/src/content/jp/components/charts/features/chart-user-annotations.mdx
index af9d14e5b2..4f892b7240 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-user-annotations.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-user-annotations.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Charts, User Annotations, Infragistics, Angular チャート,
 mentionedTypes: ["DataChart", "UserAnnotationLayer", "UserStripAnnotation", "UserSliceAnnotation", "UserPointAnnotation", "Toolbar", "UserAnnotationInformation", "SeriesViewer"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Ignite UI for Angular では、ユーザー注釈機能を使用して、実行時に DataChart にスライス注釈、ストリップ注釈、ポイント注釈を追加できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/area-chart.mdx b/docs/angular/src/content/jp/components/charts/types/area-chart.mdx
index 7131b8b8d0..f88dfc5f5a 100644
--- a/docs/angular/src/content/jp/components/charts/types/area-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/area-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "DataChart", "CategoryChartType"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Ignite UI for Angular エリア チャートは、線の下の領域が塗りつぶされた直線セグメントで接続されたポイントのコレクションを使用して描画されます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/bar-chart.mdx b/docs/angular/src/content/jp/components/charts/types/bar-chart.mdx
index 8fa3c5ef65..fa6fe28815 100644
--- a/docs/angular/src/content/jp/components/charts/types/bar-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/bar-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DataChart", "BarSeries", "StackedBarSeries", "Stacked100BarSeries", "Series"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Ignite UI for Angular 棒チャート、棒グラフ、または水平棒チャートは、さまざまなカテゴリのデータの頻度、カウント、合計、または平均を、同じ高さで長さが異なる水平棒でエンコードされたデータとすばやく比較するために使用される最も一般的なカテゴリ チャート タイプの 1 つです。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/bubble-chart.mdx b/docs/angular/src/content/jp/components/charts/types/bubble-chart.mdx
index 0d9bd3cf19..6d37eb593a 100644
--- a/docs/angular/src/content/jp/components/charts/types/bubble-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/bubble-chart.mdx
@@ -10,6 +10,8 @@ _description: Infragistics' Angular Bubble Chart
 _keywords: Angular Charts, Bubble Chart, Infragistics
 _license: commercial
 
+llms:
+  description: "Ignite UI for Angular バブル チャートは散布図の一種で、可変スケーリングのマーカーを表示して、いくつかの異なる一連のデータ内の項目間の関係を表したり、x 座標と y 座標を使用してデータ項目をプロットしたりします。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/column-chart.mdx b/docs/angular/src/content/jp/components/charts/types/column-chart.mdx
index ffd8698d13..4a8188d88b 100644
--- a/docs/angular/src/content/jp/components/charts/types/column-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/column-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "DataChart", "ColumnSeries", "WaterfallSeries", "StackedColumnSeries", "Stacked100ColumnSeries", "RangeColumnSeries", "RadialColumnSeries", "CategoryChartType", "Series"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Ignite UI for Angular 縦棒チャート、縦棒グラフ、または垂直棒チャートは、さまざまなカテゴリのデータの頻度、カウント、合計、または平均を、幅は同じで高さが異なる縦棒でエンコードされたデータによってすばやく比較するために使用される最も一般的なカテゴリ チャート タイプの 1 つです。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/composite-chart.mdx b/docs/angular/src/content/jp/components/charts/types/composite-chart.mdx
index 2ade197ee8..7ec5e550ab 100644
--- a/docs/angular/src/content/jp/components/charts/types/composite-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/composite-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DataChart", "Series"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Ignite UI for Angular 複合チャートまたはコンボ チャートは、同じプロット領域でさまざまなチャート タイプを組み合わせた視覚化です。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/data-pie-chart.mdx b/docs/angular/src/content/jp/components/charts/types/data-pie-chart.mdx
index 3801e6aecc..f83bc917a4 100644
--- a/docs/angular/src/content/jp/components/charts/types/data-pie-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/data-pie-chart.mdx
@@ -10,6 +10,8 @@ _description: The Ignite UI for Angular data pie chart is a specialized UI contr
 _keywords: Angular charts, pie chart, Ignite UI for Angular, Infragistics, data binding, slice selection, animation, highlighting, legend
 _license: commercial
 
+llms:
+  description: "Ignite UI for Angular データ円チャートは、データ セットのカテゴリ (部分) がどのように合計 (全体) 値に構成されるかを示す部分対全体のチャートです。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/donut-chart.mdx b/docs/angular/src/content/jp/components/charts/types/donut-chart.mdx
index 431606a99f..899964a67e 100644
--- a/docs/angular/src/content/jp/components/charts/types/donut-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/donut-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DoughnutChart", "DoughnutChart"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "The Ignite UI for Angular ドーナツ チャートは円チャートと同様、変数の発生を比例的に表示します。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/line-chart.mdx b/docs/angular/src/content/jp/components/charts/types/line-chart.mdx
index bc812421bb..bbecac736e 100644
--- a/docs/angular/src/content/jp/components/charts/types/line-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/line-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "DataChart", "Legend", "PolarLineSeries", "RadialLineSeries", "StackedLineSeries", "Stacked100LineSeries", "Series", "CategoryChartType"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Ignite UI for Angular 折れ線チャート (または折れ線グラフ) は、カテゴリ チャートの一種で、一定期間にわたる 1 つ以上の数量の直線セグメントで接続されたポイントで表される連続データ値を示します。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/pie-chart.mdx b/docs/angular/src/content/jp/components/charts/types/pie-chart.mdx
index a3b6be5d12..a46cb6e404 100644
--- a/docs/angular/src/content/jp/components/charts/types/pie-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/pie-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["PieChart", "DataChart"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Ignite UI for Angular 円チャート (円グラフ) は、データセットのカテゴリ (部分) が合計 (全体) 値になる方法を示す部分対全体チャートです。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/point-chart.mdx b/docs/angular/src/content/jp/components/charts/types/point-chart.mdx
index 428e3d2bfd..a9b226c4d5 100644
--- a/docs/angular/src/content/jp/components/charts/types/point-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/point-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "CategoryChartType", "Legend", "Series"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Ignite UI for Angular ポイント チャートは、ポイントのコレクションを描画します。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/polar-chart.mdx b/docs/angular/src/content/jp/components/charts/types/polar-chart.mdx
index ae3a89c05c..de4136f02c 100644
--- a/docs/angular/src/content/jp/components/charts/types/polar-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/polar-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DataChart", "PolarAreaSeries", "Series"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Ignite UI for Angular 極座標チャートは、デカルト (x、y) 座標系の代わりに極座標 (角度、半径) 座標系を使用してチャートにデータをプロットします。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/radial-chart.mdx b/docs/angular/src/content/jp/components/charts/types/radial-chart.mdx
index 4a7f019d38..fff1fbfd36 100644
--- a/docs/angular/src/content/jp/components/charts/types/radial-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/radial-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DataChart", "RadialLineSeries", "Series"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Ignite UI for Angular ラジアル チャートは、データを取得し、円の周囲でラップされるデータ ポイントのコレクションとしてデータを描画するチャートのグループです (水平方向の線に沿って拡大するのではなく)。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/scatter-chart.mdx b/docs/angular/src/content/jp/components/charts/types/scatter-chart.mdx
index cf5d3b9c67..a014b3be24 100644
--- a/docs/angular/src/content/jp/components/charts/types/scatter-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/scatter-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DataChart", "ScatterSeries", "ScatterLineSeries", "ScatterSplineSeries", "HighDensityScatterSeries", "ScatterAreaSeries", "ScatterContourSeries", "Series"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Ignite UI for Angular 散布図は、異なる一連のデータ内の項目間の関係を示したり、数値の x 座標と y 座標を使用してデータ項目をプロットしたりするチャートのグループに属しています。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/shape-chart.mdx b/docs/angular/src/content/jp/components/charts/types/shape-chart.mdx
index 1256905daf..252de6e25a 100644
--- a/docs/angular/src/content/jp/components/charts/types/shape-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/shape-chart.mdx
@@ -10,6 +10,8 @@ _description: Infragistics' Angular Shape Chart
 _keywords: Angular Charts, Shape Chart, Infragistics
 _license: commercial
 
+llms:
+  description: "Ignite UI for Angular シェープ チャートは、一連の形状 (1 つまたは複数の X/Y 座標の配列) をとり、それらをデカルト (x、y) 座標系のポリゴンまたはポリラインのコレクションとして描画するチャートのグループです。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/sparkline-chart.mdx b/docs/angular/src/content/jp/components/charts/types/sparkline-chart.mdx
index 3447b0621a..15187020e2 100644
--- a/docs/angular/src/content/jp/components/charts/types/sparkline-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/sparkline-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["Sparkline", "SparklineDisplayType", "TrendLineType"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Ignite UI for Angular スパークラインは、軽量なチャート コントロールです。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/spline-chart.mdx b/docs/angular/src/content/jp/components/charts/types/spline-chart.mdx
index a56f55b2e8..1342881e87 100644
--- a/docs/angular/src/content/jp/components/charts/types/spline-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/spline-chart.mdx
@@ -5,6 +5,8 @@ keywords: "Angular Charts, Spline Chart, Infragistics, Angular チャート, ス
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "DataChart", "SplineSeries", "StackedSplineSeries", "Stacked100SplineSeries", "Series", "CategoryChartType"]
 _language: ja
+llms:
+  description: "Ignite UI for Angular スプライン チャートは、スプラインのスムーズなカーブに接続された点のコレクションとして描画されるカテゴリ チャートのグループに属しています。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/stacked-chart.mdx b/docs/angular/src/content/jp/components/charts/types/stacked-chart.mdx
index 72f1a9646f..a8e7ef7ed1 100644
--- a/docs/angular/src/content/jp/components/charts/types/stacked-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/stacked-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DataChart", "StackedAreaSeries", "Stacked100AreaSeries", "StackedBarSeries", "Stacked100BarSeries", "StackedColumnSeries", "Stacked100ColumnSeries", "StackedLineSeries", "Stacked100LineSeries", "StackedSplineSeries", "Stacked100SplineSeries", "StackedSplineAreaSeries", "Stacked100SplineAreaSeries", "Series"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Ignite UI for Angular 積層型チャートは、データ項目の複数の値を積層エリア/ポリゴン、棒、縦棒、折れ線、またはスプラインとして描画するチャートの特別なグループに属しています。。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/step-chart.mdx b/docs/angular/src/content/jp/components/charts/types/step-chart.mdx
index b994da37ca..a67daeb85d 100644
--- a/docs/angular/src/content/jp/components/charts/types/step-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/step-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "CategoryChartType", "Series", "CategoryChartType"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Ignite UI for Angular ステップ チャートは連続する垂直線と水平線で接続されたポイントのコレクションとして描画されるカテゴリ チャートのグループに属しています。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/stock-chart.mdx b/docs/angular/src/content/jp/components/charts/types/stock-chart.mdx
index f9ae27af9e..29c3bcf640 100644
--- a/docs/angular/src/content/jp/components/charts/types/stock-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/stock-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DomainChart", "FinancialChart", "FinancialChartType", "IndicatorTypes", "ZoomSliderType", "Series", "FinancialChartType"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Ignite UI for Angular 株価チャート (Angular ファイナンシャル チャートまたはローソク足チャートと呼ばれることもあります) は、インタラクティブな時系列表示で株価ティッカー データまたは価格データを描画する複合視覚化です。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/treemap-chart.mdx b/docs/angular/src/content/jp/components/charts/types/treemap-chart.mdx
index f58cf1370a..03e3f94552 100644
--- a/docs/angular/src/content/jp/components/charts/types/treemap-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/treemap-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["Treemap", "TreemapOrientation", "TreemapLayoutType", "TreemapHighlightingMode", "TreemapHighlightedValueDisplayMode"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Ignite UI for Angular ツリーマップ チャートは、ネストされた一連のノードとして階層 (ツリー構造) データを表示します。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/chat.mdx b/docs/angular/src/content/jp/components/chat.mdx
index 786407eae8..b804089d38 100644
--- a/docs/angular/src/content/jp/components/chat.mdx
+++ b/docs/angular/src/content/jp/components/chat.mdx
@@ -5,6 +5,8 @@ keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェッ
 mentionedTypes: ["Chat"]  
 _language: ja
 license: MIT
+llms:
+  description: "Chat コンポーネントは、アプリケーションで会話型インターフェースを構築するための完全なソリューションを提供します。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/checkbox.mdx b/docs/angular/src/content/jp/components/checkbox.mdx
index 2f54204300..4b07b507d7 100644
--- a/docs/angular/src/content/jp/components/checkbox.mdx
+++ b/docs/angular/src/content/jp/components/checkbox.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Checkbox コンポーネントは、特定の
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スィート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular Checkbox コンポーネント, Angular Checkbox コントロール
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Checkbox コンポーネントは、特定の条件のバイナリ選択を可能にする選択コントロールです。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/chip.mdx b/docs/angular/src/content/jp/components/chip.mdx
index 7aead585d9..d74dc94f4e 100644
--- a/docs/angular/src/content/jp/components/chip.mdx
+++ b/docs/angular/src/content/jp/components/chip.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Chip コンポーネントは入力、属性
 keywords: Angular Chip, Angular Chip コンポーネント, Angular Chip Area, Angular Chip Area, Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular UI コンポーネント
 license: MIT
 _language: ja
+llms:
+  description: "Angular Chip コンポーネントは、楕円形のコンテナーに情報を表示する視覚的要素です。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/circular-progress.mdx b/docs/angular/src/content/jp/components/circular-progress.mdx
index 2fc3dd71ec..e10882d274 100644
--- a/docs/angular/src/content/jp/components/circular-progress.mdx
+++ b/docs/angular/src/content/jp/components/circular-progress.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Circular Progress インジケーター コ
 keywords: Angular Circular Progress コンポーネント, Angular Circular Progress コントロール, Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, Angular UI コンポーネント
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Circular Progress インジケーター コンポーネントは、丸形で進行状況を表示し、カスタマイズできるコンポーネントです。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/combo-features.mdx b/docs/angular/src/content/jp/components/combo-features.mdx
index d01abe65a2..597e3ee539 100644
--- a/docs/angular/src/content/jp/components/combo-features.mdx
+++ b/docs/angular/src/content/jp/components/combo-features.mdx
@@ -4,6 +4,8 @@ description: Combo コントロールは、データと値のバインディン
 keywords: Ignite UI for Angular, UI コントロール, Angular widgets, web ウィジェット, UI ウィジェット, Angular, Native Angular コンポーネント スイート, Native Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular Combo コンポーネント, Angular 機能, Angular Combo 機能, Angular Combo データ バインディング, Angular Combo 値バインディング, Angular Combo データ フィルタリング, Angular Combo グループ化, Angular Combo カスタム値
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular ComboBox コントロールは、データと値のバインディング、カスタム値、フィルタリング、グループ化など複数の機能を公開します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/combo-remote.mdx b/docs/angular/src/content/jp/components/combo-remote.mdx
index a301c8d710..1ad73fa790 100644
--- a/docs/angular/src/content/jp/components/combo-remote.mdx
+++ b/docs/angular/src/content/jp/components/combo-remote.mdx
@@ -4,6 +4,8 @@ description: igx-combo は、コンボをリモートサービスにバインド
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular Combo コンポーネント, Angular Combo コントロール, Angular Combo リモート バインディング
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular ComboBox コンポーネントは、コンボボックスをリモート サービスにバインドし、要求に応じてデータを取得できる API を公開します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/combo-templates.mdx b/docs/angular/src/content/jp/components/combo-templates.mdx
index 2d65c2e353..cb3fbc0b83 100644
--- a/docs/angular/src/content/jp/components/combo-templates.mdx
+++ b/docs/angular/src/content/jp/components/combo-templates.mdx
@@ -4,6 +4,8 @@ description: igx-combo コンポーネントの異なる領域 (項目、ヘッ
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular Combo コンポーネント,  Angular テンプレート, Angular Combo テンプレート
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular ComboBox コンポーネントでは、ヘッダー、フッター、項目、空のリスト、追加ボタンなどのさまざまな領域にカスタム テンプレートを定義できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/combo.mdx b/docs/angular/src/content/jp/components/combo.mdx
index 7f7f49c22a..703e357dcf 100644
--- a/docs/angular/src/content/jp/components/combo.mdx
+++ b/docs/angular/src/content/jp/components/combo.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular ComboBox は、基本的な HTML 入力、選
 keywords: angular combobox, angular combo コンポーネント, angular combobox コンポーネント, Angular UI コンポーネント, ignite ui for angular, インフラジスティックス
 license: MIT
 _language: ja
+llms:
+  description: "Angular ComboBox コンポーネントは、編集可能な機能を提供するドロップダウン リストを表し、ユーザーが事前定義されたリストからオプションを選択できるようにします。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/dashboard-tile.mdx b/docs/angular/src/content/jp/components/dashboard-tile.mdx
index 9d48e15bba..1ea5763611 100644
--- a/docs/angular/src/content/jp/components/dashboard-tile.mdx
+++ b/docs/angular/src/content/jp/components/dashboard-tile.mdx
@@ -5,6 +5,8 @@ keywords: "Ignite UI for Angular, UI controls, Angular widgets, web widgets, UI
 mentionedTypes: ["Toolbar", "CategoryChart", "DataChart", "RadialGauge", "LinearGauge", "GeographicMap"]
 license: commercial
 _language: ja
+llms:
+  description: "Angular Dashboard Tile は、データ ソース コレクション/配列または単一のデータ ポイントを分析して、表示する最も適切な視覚化を決定する自動データ視覚化コンポーネントです。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/date-picker.mdx b/docs/angular/src/content/jp/components/date-picker.mdx
index 5109100d3e..ffabaf8957 100644
--- a/docs/angular/src/content/jp/components/date-picker.mdx
+++ b/docs/angular/src/content/jp/components/date-picker.mdx
@@ -4,6 +4,8 @@ description: Ignite UI の Angular Date Picker コントロールのを使用し
 keywords: angular date picker, angular date picker コンポーネント, angular UI コンポーネント, ignite ui for angular
 license: MIT
 _language: ja
+llms:
+  description: "Angular Date Picker は、手動でテキストを入力して日付を入力するか、ポップアップするカレンダー ダイアログから日付値を選択するために使用される機能豊富なコンポーネントです。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/date-range-picker.mdx b/docs/angular/src/content/jp/components/date-range-picker.mdx
index 646d4c87ac..e2957603b4 100644
--- a/docs/angular/src/content/jp/components/date-range-picker.mdx
+++ b/docs/angular/src/content/jp/components/date-range-picker.mdx
@@ -4,6 +4,8 @@ description: Angular Date Range Picker コンポーネントを使用すると
 keywords: Angular Date Range Picker, Date Range Picker, Date Picker, Angular Date Range Picker コンポーネント, Angular UI コンポーネント, Angular コンポーネント
 license: MIT
 _language: ja
+llms:
+  description: "Angular Date Range Picker は、テキスト入力とカレンダー ポップアップを含む軽量なコンポーネントで、ユーザーが開始日と終了日を簡単に選択できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/date-time-editor.mdx b/docs/angular/src/content/jp/components/date-time-editor.mdx
index 78215e32b8..67e6b1e667 100644
--- a/docs/angular/src/content/jp/components/date-time-editor.mdx
+++ b/docs/angular/src/content/jp/components/date-time-editor.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Date Time Editor ディレクティブでは
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, ネイティブ Angular コンポーネント, Angular Date Time Editor ディレクティブAngular Date Time ディレクティブ コントロール, Date Time Editor, Angular Date Time ディレクティブ
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Date Time Editor ディレクティブでは、Date オブジェクトによって日付と時刻を処理できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/dialog.mdx b/docs/angular/src/content/jp/components/dialog.mdx
index 0d073916cd..8878f5d12a 100644
--- a/docs/angular/src/content/jp/components/dialog.mdx
+++ b/docs/angular/src/content/jp/components/dialog.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Dialog Window コンポーネントを使用
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, Angular UI コンポーネント, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular Dialog Window コンポーネント, Angular Dialog Window コントロール, Angular Dialog コンポーネント
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Dialog Window コンポーネントを使用すると、情報ダイアログまたはデータ変換ウィンドウを作成し、リアルタイムで情報を表示して管理できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/display-density.mdx b/docs/angular/src/content/jp/components/display-density.mdx
index 4cab67ecb4..ea64279149 100644
--- a/docs/angular/src/content/jp/components/display-density.mdx
+++ b/docs/angular/src/content/jp/components/display-density.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular は、アプリケーションまたはコン
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular Components, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, サイズ
 license: MIT
 _language: ja
+llms:
+  description: "size 設定の表示は、大規模データセットのビジュアル表示を大きく改善します。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/divider.mdx b/docs/angular/src/content/jp/components/divider.mdx
index f503a434b8..d42fc59b1b 100644
--- a/docs/angular/src/content/jp/components/divider.mdx
+++ b/docs/angular/src/content/jp/components/divider.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Divider コンポーネントは、コンテ
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, Angular UI コンポーネント, ネイティブ Angular コンポーネント ライブラリ, Angular Divider コンポーネント, Angular Divider ディレクティブ, Angular Divider コントロール
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Divider コンポーネントは、コンテンツを水平と垂直の両方向に分割できます。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/dock-manager.mdx b/docs/angular/src/content/jp/components/dock-manager.mdx
index efecebfe4d..711fdbc4a2 100644
--- a/docs/angular/src/content/jp/components/dock-manager.mdx
+++ b/docs/angular/src/content/jp/components/dock-manager.mdx
@@ -4,6 +4,8 @@ description: ピン固定、サイズ変更、移動、非表示が可能なペ
 keywords: manage angular page layout, Ignite UI for Angular, Infragistics, Angular ページ レイアウトの管理, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI Dock Manager コンポーネントは、ペインでアプリケーションのレイアウトを管理する方法を提供します。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/drag-drop.mdx b/docs/angular/src/content/jp/components/drag-drop.mdx
index b178421683..17e412ea07 100644
--- a/docs/angular/src/content/jp/components/drag-drop.mdx
+++ b/docs/angular/src/content/jp/components/drag-drop.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Drag and Drop ディレクティブを使用
 keywords: Angular Drag and Drop, Angular Drag and Drop ディレクティブ, Angular UI コントロール, Ignite UI for Angular, インフラジスティックス
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Drag and Drop ディレクティブを使用してページの要素のドラッグ実行する方法を紹介します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/drop-down-hierarchical-selection.mdx b/docs/angular/src/content/jp/components/drop-down-hierarchical-selection.mdx
index f4376567f0..f955afb94e 100644
--- a/docs/angular/src/content/jp/components/drop-down-hierarchical-selection.mdx
+++ b/docs/angular/src/content/jp/components/drop-down-hierarchical-selection.mdx
@@ -4,6 +4,8 @@ description: Ignite UI を使用して複数選択ツリー スタイルの階
 keywords: 複数選択ドロップダウン, 階層選択, ignite ui for angular, infragistics, インフラジスティックス
 license: MIT
 _language: ja
+llms:
+  description: "次のサンプルは、ユーザーがツリー スタイルの階層ドロップダウン リストから 1 つまたは複数のオプションを選択できるようにする複数選択の階層ドロップダウンを作成する方法を示しています。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/drop-down-virtual.mdx b/docs/angular/src/content/jp/components/drop-down-virtual.mdx
index a85c346a7b..b500013189 100644
--- a/docs/angular/src/content/jp/components/drop-down-virtual.mdx
+++ b/docs/angular/src/content/jp/components/drop-down-virtual.mdx
@@ -4,6 +4,8 @@ description: Angular 仮想化 Drop Down の Ignite UI を使用して、単一
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular Drop Down コンポーネント, Angular Drop Down コントロール, Angular コントロール Large Item List, Angular コントロール Singe Selection
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Drop Down コンポーネントは、選択可能な項目リストを表示するために、IgxForOf ディレクティブの使用方法を完全に統合できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/drop-down.mdx b/docs/angular/src/content/jp/components/drop-down.mdx
index 2ce47bdf95..746d90fa53 100644
--- a/docs/angular/src/content/jp/components/drop-down.mdx
+++ b/docs/angular/src/content/jp/components/drop-down.mdx
@@ -4,6 +4,8 @@ description: インタラクティブ機能を追加し、アプリ内の項目
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, Angular UI コンポーネント, ネイティブ Angular コンポーネント ライブラリ, Angular Drop Down コンポーネント, Angular Drop Down コントロール
 license: MIT
 _language: ja
+llms:
+  description: "インタラクティブ機能を追加し、アプリ内の項目のスクロール可能なリストにスタイル設定オプションを表示します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/excel-library-using-cells.mdx b/docs/angular/src/content/jp/components/excel-library-using-cells.mdx
index 9c70591c56..3e2d50a248 100644
--- a/docs/angular/src/content/jp/components/excel-library-using-cells.mdx
+++ b/docs/angular/src/content/jp/components/excel-library-using-cells.mdx
@@ -5,6 +5,8 @@ keywords: Excel library,  cell operations, Ignite UI for Angular, Infragistics,
 license: commercial
 mentionedTypes: ["Workbook", "Worksheet", "WorksheetCell", "WorkbookStyleCollection", "IWorksheetCellFormat", "WorkbookColorInfo", "DisplayOptions"]
 _language: ja
+llms:
+  description: "Excel ワークシートの WorksheetCell オブジェクトは、ワークシートの実際のデータ値を保持するオブジェクトです。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/excel-library-using-tables.mdx b/docs/angular/src/content/jp/components/excel-library-using-tables.mdx
index 09e02c3eaf..338e577eb3 100644
--- a/docs/angular/src/content/jp/components/excel-library-using-tables.mdx
+++ b/docs/angular/src/content/jp/components/excel-library-using-tables.mdx
@@ -5,6 +5,8 @@ keywords: Excel library, tables, Ignite UI for Angular, Infragistics, Excel ラ
 license: commercial
 mentionedTypes: ["Workbook", "WorksheetTable", "Worksheet", "SortSettings"]
 _language: ja
+llms:
+  description: "Infragistics Angular Excel Engine の WorksheetTable 機能は、行列のデータを書式設定できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/excel-library-using-workbooks.mdx b/docs/angular/src/content/jp/components/excel-library-using-workbooks.mdx
index e085685153..a68190bf84 100644
--- a/docs/angular/src/content/jp/components/excel-library-using-workbooks.mdx
+++ b/docs/angular/src/content/jp/components/excel-library-using-workbooks.mdx
@@ -5,6 +5,8 @@ keywords: Excel library, workbooks, Ignite UI for Angular, Infragistics, Excel 
 license: commercial
 mentionedTypes: ["Workbook"]
 _language: ja
+llms:
+  description: "Infragistics Angular Excel Engine は、データを Microsoft® Excel® に保存、また Microsoft® Excel® からの読み込みを可能にします。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/excel-library-using-worksheets.mdx b/docs/angular/src/content/jp/components/excel-library-using-worksheets.mdx
index d2b639c68c..1287445df9 100644
--- a/docs/angular/src/content/jp/components/excel-library-using-worksheets.mdx
+++ b/docs/angular/src/content/jp/components/excel-library-using-worksheets.mdx
@@ -5,6 +5,8 @@ keywords: Excel library, worksheet, Ignite UI for Angular, Infragistics, Excel 
 license: commercial
 mentionedTypes: ["Workbook", "Worksheet", "WorksheetCell", "DisplayOptions", "WorksheetFilterSettings", "IWorksheetCellFormat"]
 _language: ja
+llms:
+  description: "Angular Excel Engine の Worksheet にデータが保存されます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/excel-library-working-with-charts.mdx b/docs/angular/src/content/jp/components/excel-library-working-with-charts.mdx
index b734950108..974c95dfd4 100644
--- a/docs/angular/src/content/jp/components/excel-library-working-with-charts.mdx
+++ b/docs/angular/src/content/jp/components/excel-library-working-with-charts.mdx
@@ -9,6 +9,8 @@ _description: Use the Infragistics' Angular excel library's chart feature to add
 _keywords: Excel library, charts,  Ignite UI for Angular, Infragistics
 _license: commercial
 
+llms:
+  description: "Infragistics Angular Excel Engine の WorksheetChart 機能は、ワークシートのセル領域全体のデータ トレンドをチャートで表示します。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/excel-library-working-with-grids.mdx b/docs/angular/src/content/jp/components/excel-library-working-with-grids.mdx
index edf2494d06..88f0fbb002 100644
--- a/docs/angular/src/content/jp/components/excel-library-working-with-grids.mdx
+++ b/docs/angular/src/content/jp/components/excel-library-working-with-grids.mdx
@@ -5,6 +5,8 @@ keywords: Excel library, Ignite UI for Angular, Infragistics, Excel ライブラ
 license: commercial
 mentionedTypes: ["Workbook"]
 _language: ja
+llms:
+  description: "Excel ライブラリは、Microsoft Excel 機能を使用したスプレッドシート データで作業が可能になります。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/excel-library-working-with-sparklines.mdx b/docs/angular/src/content/jp/components/excel-library-working-with-sparklines.mdx
index b5fd2d0274..7a128ce212 100644
--- a/docs/angular/src/content/jp/components/excel-library-working-with-sparklines.mdx
+++ b/docs/angular/src/content/jp/components/excel-library-working-with-sparklines.mdx
@@ -5,6 +5,8 @@ keywords: Excel library, sparkline chart, Ignite UI for Angular, Infragistics, E
 license: commercial
 mentionedTypes: ["Workbook"]
 _language: ja
+llms:
+  description: "Infragistics Angular Excel Library は、Excel ワークシートにスパークラインを追加する機能があります。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/excel-library.mdx b/docs/angular/src/content/jp/components/excel-library.mdx
index 0c65267030..1291ff4c81 100644
--- a/docs/angular/src/content/jp/components/excel-library.mdx
+++ b/docs/angular/src/content/jp/components/excel-library.mdx
@@ -5,6 +5,8 @@ keywords: Excel library, Ignite UI for Angular, Infragistics, workbook, Excel 
 license: commercial
 mentionedTypes: ["Workbook", "Worksheet", "Cell", "Formula"]
 _language: ja
+llms:
+  description: "Infragistics Angular Excel ライブラリは、Workbook、Worksheet、Cell、Formula などの人気の Microsoft® Excel® スプレッドシート オブジェクトを使用してスプレッドシート データで作業をすることができます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/excel-utility.mdx b/docs/angular/src/content/jp/components/excel-utility.mdx
index aa7e74e401..bb6b0ba285 100644
--- a/docs/angular/src/content/jp/components/excel-utility.mdx
+++ b/docs/angular/src/content/jp/components/excel-utility.mdx
@@ -5,6 +5,8 @@ keywords: excel library, Ignite UI for Angular, Infragistics, saving files, load
 license: commercial
 mentionedTypes: ["Workbook", "WorkbookFormat", "WorkbookSaveOptions"]
 _language: ja
+llms:
+  description: "Excel ライブラリには、Microsoft Excel ファイルの読み込みや保存が可能なユーティリティ関数があります。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/expansion-panel.mdx b/docs/angular/src/content/jp/components/expansion-panel.mdx
index 57b0c8fff1..562d3b54ae 100644
--- a/docs/angular/src/content/jp/components/expansion-panel.mdx
+++ b/docs/angular/src/content/jp/components/expansion-panel.mdx
@@ -4,6 +4,8 @@ description: Angular 展開パネルは、縮小と展開の 2 つの状態を
 keywords: angular expansion panel, angular expansion panel コンポーネント, angular UI コンポーネント, igniteui for angular, インフラジスティックス
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular は、最も便利で使いやすいレイアウト コンポーネントの 1 つである Angular Expansion Panel を提供します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/exporter-csv.mdx b/docs/angular/src/content/jp/components/exporter-csv.mdx
index 15f8a8d68b..78361e36b0 100644
--- a/docs/angular/src/content/jp/components/exporter-csv.mdx
+++ b/docs/angular/src/content/jp/components/exporter-csv.mdx
@@ -4,6 +4,8 @@ description: ユーザーが編集またはオフライン プレゼンテーシ
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント, ネイティブ Angular コンポーネント スィート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular Grid, Angular Data Grid, Angular Grid コントロール, Angular Grid コンポーネント, CSV エクスポート, TSV エクスポート
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI CSV Exporter サービスは、文字分割値 (CSV) 形式で生データ (配列) または IgxGrid からデータをエクスポートします。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/exporter-excel.mdx b/docs/angular/src/content/jp/components/exporter-excel.mdx
index b7b346b17b..327fe12fbb 100644
--- a/docs/angular/src/content/jp/components/exporter-excel.mdx
+++ b/docs/angular/src/content/jp/components/exporter-excel.mdx
@@ -4,6 +4,8 @@ description: ユーザーは編集やオフライン プレゼンテーション
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント スィート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular Grid, Angular Data Grid, Angular Grid コントロール, Angular Grid コンポーネント, Excel エクスポート, Angular Excel コンポーネント, Angular エクスポート Excel
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular Excel Exporter サービスは、Microsoft® Excel® 形式で生データ (配列) または IgxGrid、IgxTreeGrid および IgxHierarchicalGrid コンポーネントのデータをエクスポートできます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/exporter-pdf.mdx b/docs/angular/src/content/jp/components/exporter-pdf.mdx
index 25cd719e60..171c4cc77c 100644
--- a/docs/angular/src/content/jp/components/exporter-pdf.mdx
+++ b/docs/angular/src/content/jp/components/exporter-pdf.mdx
@@ -4,6 +4,8 @@ description: ユーザーがオフライン プレゼンテーションのため
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular Grid, Angular Data Grid, Angular Grid コントロール, Angular Grid コンポーネント, PDF  エクスポート, Angular PDF コンポーネント, Angular エクスポート PDF
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular PDF Exporter サービスは、生データ配列や IgxGrid、IgxTreeGrid、IgxHierarchicalGrid、IgxPivotGrid などの高度な Grid コンポーネントを含むさまざまなソースからデータを PDF 形式でエクスポートする強力な機能を提供します。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/for-of.mdx b/docs/angular/src/content/jp/components/for-of.mdx
index 30c185c4c5..88d65e667a 100644
--- a/docs/angular/src/content/jp/components/for-of.mdx
+++ b/docs/angular/src/content/jp/components/for-of.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular は ngFor と同様の仮想 igxFor ディレ
 keywords: Angular Virtual ForOf ディレクティブ, ネイティブ Angular コンポーネント スイート, Angular UI コンポーネント, ネイティブ Angular コンポーネント ライブラリ, 仮想化, パフォーマンス, 仮想ディレクティブ, Angular 仮想 For
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular は ngFor と同様の仮想 igxFor ディレクティブを公開します。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/general-breaking-changes-dv.mdx b/docs/angular/src/content/jp/components/general-breaking-changes-dv.mdx
index 15cc497485..da6e1dce09 100644
--- a/docs/angular/src/content/jp/components/general-breaking-changes-dv.mdx
+++ b/docs/angular/src/content/jp/components/general-breaking-changes-dv.mdx
@@ -3,6 +3,8 @@ title: Angular 重大な変更 | Ignite UI for Angular | インフラジステ
 description: Ignite UI for Angular の重大な変更とコードを最新の API に更新する方法について説明します。
 keywords: Breaking Changes, Ignite UI for Angular, Infragistics, 重大な変更, インフラジスティックス
 _language: ja
+llms:
+  description: "このトピックでは、Ignite UI for Angular の重大な変更に関する情報と、古いコードを最新の API に更新する方法について説明します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/general-changelog-dv.mdx b/docs/angular/src/content/jp/components/general-changelog-dv.mdx
index 74d7832f06..f916aa4a29 100644
--- a/docs/angular/src/content/jp/components/general-changelog-dv.mdx
+++ b/docs/angular/src/content/jp/components/general-changelog-dv.mdx
@@ -5,6 +5,8 @@ keywords: Changelog, What's New, Ignite UI for Angular, Infragistics, 変更ロ
 mentionedTypes: ["SeriesViewer", "XYChart", "DomainChart", "DataChart", "Toolbar", "GeographicMap", "DatePicker", "DataPieChart", "MultiColumnComboBox", "CategoryChart", "CrosshairLayer", "FinalValueLayer", "CalloutLayer", "DataLegend", "RadialGauge", "RadialChart", "Toolbar"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "このトピックでは、igniteui-angular パッケージに含まれていないコンポーネントの変更についてのみ説明します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/general-cli-overview.mdx b/docs/angular/src/content/jp/components/general-cli-overview.mdx
index ed2a51e9ec..b0590ba4cb 100644
--- a/docs/angular/src/content/jp/components/general-cli-overview.mdx
+++ b/docs/angular/src/content/jp/components/general-cli-overview.mdx
@@ -3,6 +3,8 @@ title: Angular CLI | データ可視化ツールおよびテーブル | イン
 description: Ignite UI for Angular ツールセットには Angular CLI があり、生産性を高め、プロジェクトをすばやく開始できます。今すぐ Ignite UI for Angular アプリケーションを作成してください!
 keywords: Angular cli, command line interface, Ignite UI for Angular, Infragistics, コマンド ライン インターフェイス, インフラジスティックス
 _language: ja
+llms:
+  description: "CLI ツールでは、Ignite UI for Angular の定義済みのプロジェクト テンプレートが含まれ、アプリ開発を効率的に行うことができます。"
 ---
 
 # Angular Ignite UI CLI
diff --git a/docs/angular/src/content/jp/components/general-whats-new-dv.mdx b/docs/angular/src/content/jp/components/general-whats-new-dv.mdx
index f5f6464338..7bd832a3e6 100644
--- a/docs/angular/src/content/jp/components/general-whats-new-dv.mdx
+++ b/docs/angular/src/content/jp/components/general-whats-new-dv.mdx
@@ -3,6 +3,8 @@ title: Angular の新機能 | Ignite UI for Angular | インフラジスティ
 description: Ignite UI for Angular の新機能についての説明。
 keywords: 新機能, Ignite UI for Angular, インフラジスティックス
 _language: ja
+llms:
+  description: "このトピックでは、Ignite UI for Angular の重大な変更と古いコードを最新の API に更新する方法について説明します。"
 ---
 
 import { Image } from 'astro:assets';
diff --git a/docs/angular/src/content/jp/components/general/angular-grid-overview-guide.mdx b/docs/angular/src/content/jp/components/general/angular-grid-overview-guide.mdx
index 451b330fba..48ccce548c 100644
--- a/docs/angular/src/content/jp/components/general/angular-grid-overview-guide.mdx
+++ b/docs/angular/src/content/jp/components/general/angular-grid-overview-guide.mdx
@@ -4,6 +4,8 @@ description: 最新のデータ グリッドとチャートは複雑で、さま
 keywords: angular, angular アプリケーション開発, infragistics
 license: commercial 
 _language: ja
+llms:
+  description: "Angular Data Grid とその使用方法については、このセクション (グリッドの概要トピック) をご覧ください。"
 ---
 
 import { Image } from 'astro:assets';
diff --git a/docs/angular/src/content/jp/components/general/cli-overview.mdx b/docs/angular/src/content/jp/components/general/cli-overview.mdx
index dbd74430a5..fedafa20a8 100644
--- a/docs/angular/src/content/jp/components/general/cli-overview.mdx
+++ b/docs/angular/src/content/jp/components/general/cli-overview.mdx
@@ -3,6 +3,8 @@ title: Angular Schematics | Angular CLI | Ignite UI for Angular | インフラ
 description: Angular Schematics & Ignite UI CLI は Ignite UI for Angular コンポーネントでプロジェクトを作成して変更できるためのヘルプを提供します。
 keywords: igniteui for angular, angular schematics, cli, infragistics, インフラジスティックス 
 _language: ja
+llms:
+  description: "CLI ツールでは、Ignite UI for Angular の定義済みのプロジェクト テンプレートが含まれ、アプリ開発を効率的に行うことができます。"
 ---
 
 # Angular Schematics & Ignite UI CLI
diff --git a/docs/angular/src/content/jp/components/general/cli/auth-template.mdx b/docs/angular/src/content/jp/components/general/cli/auth-template.mdx
index bb04bc700f..9f3077e207 100644
--- a/docs/angular/src/content/jp/components/general/cli/auth-template.mdx
+++ b/docs/angular/src/content/jp/components/general/cli/auth-template.mdx
@@ -3,6 +3,8 @@ title: 認証プロジェクト テンプレート | Ignite UI for Angular | イ
 description: Angular 認証プロジェクト テンプレート ガイド
 keywords: igniteui for angular, angular schematics, テンプレート, インフラジスティックス
 _language: ja
+llms:
+  description: "Angular Schematics または Ignite UI CLI を使用して Angular プロジェクトを作成する場合、認証はナビゲーション テンプレートを選択した後にアドオン オプションとして利用できます。"
 ---
 
 import { Image } from 'astro:assets';
diff --git a/docs/angular/src/content/jp/components/general/cli/component-templates.mdx b/docs/angular/src/content/jp/components/general/cli/component-templates.mdx
index 89da048f94..442568f1cb 100644
--- a/docs/angular/src/content/jp/components/general/cli/component-templates.mdx
+++ b/docs/angular/src/content/jp/components/general/cli/component-templates.mdx
@@ -3,6 +3,8 @@ title: コンポーネントおよびシナリオ CLI テンプレート | Ignit
 description: Ignite UI for Angular フレームワークで利用可能なすべての CLI テンプレート一覧をご覧ください。
 keywords: igniteui for angular, angular schematics, テンプレート, インフラジスティックス
 _language: ja
+llms:
+  description: "以下の表に、Ignite UI Angular Schematics また は Ignite UI CL Iコマンドを使用して生成できる Ignite UI Angular コンポーネントのリストを示します。"
 ---
 
 # コンポーネント テンプレート
diff --git a/docs/angular/src/content/jp/components/general/cli/getting-started-with-angular-schematics.mdx b/docs/angular/src/content/jp/components/general/cli/getting-started-with-angular-schematics.mdx
index 3ab3e07c40..9bb1b4e9bd 100644
--- a/docs/angular/src/content/jp/components/general/cli/getting-started-with-angular-schematics.mdx
+++ b/docs/angular/src/content/jp/components/general/cli/getting-started-with-angular-schematics.mdx
@@ -4,6 +4,8 @@ description: ステップ バイ ステップ モードには、Ignite UI CLI 
 keywords: angular cli, ignite ui for angular, infragistics
 _language: ja
 last_updated: "2026-04-21"
+llms:
+  description: "Ignite UI for Angular Schematics コレクションは、Ignite UI for Angular 用に事前設定された Angular プロジェクトとコンポーネント ビューをスキャフォールドするための Angular CLI schematics セットです。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 
diff --git a/docs/angular/src/content/jp/components/general/cli/getting-started-with-cli.mdx b/docs/angular/src/content/jp/components/general/cli/getting-started-with-cli.mdx
index c0f129da75..c19724c76a 100644
--- a/docs/angular/src/content/jp/components/general/cli/getting-started-with-cli.mdx
+++ b/docs/angular/src/content/jp/components/general/cli/getting-started-with-cli.mdx
@@ -4,6 +4,8 @@ description: ステップ バイ ステップ モードには、Ignite UI CLI 
 keywords: angular cli, ignite ui for angular, infragistics
 _language: ja
 last_updated: "2026-04-21"
+llms:
+  description: "Ignite UI CLI はスタンドアロンのグローバル コマンドライン ツールで、Ignite UI コンポーネント用に事前設定された Angular、React、jQuery プロジェクトをスキャフォールドします。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/general/cli/step-by-step-guide-using-angular-schematics.mdx b/docs/angular/src/content/jp/components/general/cli/step-by-step-guide-using-angular-schematics.mdx
index 66364ce1fa..55bc07b613 100644
--- a/docs/angular/src/content/jp/components/general/cli/step-by-step-guide-using-angular-schematics.mdx
+++ b/docs/angular/src/content/jp/components/general/cli/step-by-step-guide-using-angular-schematics.mdx
@@ -3,6 +3,8 @@ title: Ignite UI for Angular Schematics を使用したステップ バイ ス
 description: ステップ バイ ステップ モードには、Ignite UI CLI オプションによるガイドが含まれます。
 keywords: angular cli, ignite ui for angular, infragistics
 _language: ja
+llms:
+  description: "利用可能なオプションでガイドを取得する場合、ステップバイステップ モードを初期化して新しいアプリケーションの作成およびセットアップ、同様に Ignite UI Angular Schematics で以前作成したプロジェクトを更新できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/general/cli/step-by-step-guide-using-cli.mdx b/docs/angular/src/content/jp/components/general/cli/step-by-step-guide-using-cli.mdx
index 1cc90a4e08..7b8b44118d 100644
--- a/docs/angular/src/content/jp/components/general/cli/step-by-step-guide-using-cli.mdx
+++ b/docs/angular/src/content/jp/components/general/cli/step-by-step-guide-using-cli.mdx
@@ -3,6 +3,8 @@ title: Ignite UI CLI を使用したステップ バイ ステップ ガイド|
 description: ステップ バイ ステップ モードには、Ignite UI CLI オプションによるガイドが含まれます。
 keywords: angular cli, ignite ui for angular, infragistics
 _language: ja
+llms:
+  description: "利用可能なオプションでガイドを取得する場合、ステップバイステップ モードを初期化して新しいアプリケーションの作成およびセットアップ、同様に Ignite UI CLI で以前作成したプロジェクトを更新できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/general/code-splitting-and-multiple-entry-points.mdx b/docs/angular/src/content/jp/components/general/code-splitting-and-multiple-entry-points.mdx
index 67b1955c46..0417314c5c 100644
--- a/docs/angular/src/content/jp/components/general/code-splitting-and-multiple-entry-points.mdx
+++ b/docs/angular/src/content/jp/components/general/code-splitting-and-multiple-entry-points.mdx
@@ -3,6 +3,8 @@ title: コード分割とマルチ エントリのポイント | Ignite UI for A
 description: Ignite UI for Angular のマルチエントリ ポイントを使用して、ツリー シェイキングとコード分割を改善し、Angular アプリケーション の バンドル サイズを最適化する方法を説明します。
 keywords: ignite ui for angular, コード分割, エントリ ポイント、ツリー シェイキング, 遅延読み込み, バンドル最適化
 _language: ja
+llms:
+  description: "バージョン 21.0.0 以降、Ignite UI for Angular はマルチ エントリ ポイントをサポートし、コンポーネントのより優れたツリー シェイキング、コード分割、および遅延読み込みを可能にします。"
 ---
 
 # コード分割とマルチ エントリのポイント
diff --git a/docs/angular/src/content/jp/components/general/data-analysis.mdx b/docs/angular/src/content/jp/components/general/data-analysis.mdx
index 9af8665e45..8b2afd4fcb 100644
--- a/docs/angular/src/content/jp/components/general/data-analysis.mdx
+++ b/docs/angular/src/content/jp/components/general/data-analysis.mdx
@@ -3,6 +3,8 @@ title: データ分析機能 | Angular Universal | Ignite UI for Angular | イ
 description: Ignite UI for Angular でチャート統合の機能を使用して最適なビジネス目標を達成するためのデータ分析手段を提供する方法。
 keywords: data analysis, ignite ui for angular, infragistics, データ分析, インフラジスティックス
 _language: ja
+llms:
+  description: "データ分析とは、特定の方法でデータを検査、変換、および整理し、それに基づいて役立つ情報を生成するプロセスです。"
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/general/getting-started.mdx b/docs/angular/src/content/jp/components/general/getting-started.mdx
index 195f94cf67..613833bc19 100644
--- a/docs/angular/src/content/jp/components/general/getting-started.mdx
+++ b/docs/angular/src/content/jp/components/general/getting-started.mdx
@@ -3,6 +3,8 @@ title: 作業の開始 | Ignite UI for Angular | インフラジスティック
 description: Ignite UI for Angular はネイティブ Angular UI コンポーネントのセットです。機能豊かなマテリアル デザイン アプリケーションをすばやくビルドできます。 
 keywords: ignite ui for angular, 作業の開始, angular コンポーネント
 _language: ja
+llms:
+  description: "Ignite UI for Angular は、マテリアルベース UI ウィジェット、コンポーネント & Figma UI キットでインフラジスティックス Angular のディレクティブをサポートします。"
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/general/how-to/general-how-to-mcp-e2e.mdx b/docs/angular/src/content/jp/components/general/how-to/general-how-to-mcp-e2e.mdx
index a2bc090e61..5a8e5d7d46 100644
--- a/docs/angular/src/content/jp/components/general/how-to/general-how-to-mcp-e2e.mdx
+++ b/docs/angular/src/content/jp/components/general/how-to/general-how-to-mcp-e2e.mdx
@@ -3,6 +3,8 @@ title: Ignite UI CLI MCP と Ignite UI Theming MCP を使用したエンド ツ
 description: Ignite UI CLI MCP と Ignite UI Theming MCP を使用した Ignite UI for Angular のエンド ツー エンド ワークフローを紹介します。CLI ファーストで開始し、両方の MCP サーバーを接続して、チャットでアプリを作成または拡張し、ドキュメントに関する質問を行い、カスタム テーマを適用します。
 keywords: Angular, Ignite UI for Angular, Infragistics, Ignite UI CLI MCP, Ignite UI Theming MCP, MCP, Model Context Protocol, AI, ワークフロー, テーマ設定, プロンプト
 _language: ja
+llms:
+  description: "Ignite UI CLI MCP と Ignite UI Theming MCP を組み合わせることで、AI アシスタントがチャット プロンプトを通じて Ignite UI for Angular アプリケーションのスキャフォールド、拡張、テーマ設定を行えるようになります。"
 ---
 
 # Ignite UI CLI MCP と Ignite UI Theming MCP を使用したエンド ツー エンドのアプリ構築
diff --git a/docs/angular/src/content/jp/components/general/how-to/how-to-customize-theme.mdx b/docs/angular/src/content/jp/components/general/how-to/how-to-customize-theme.mdx
index f8e3f33913..fa172fce4e 100644
--- a/docs/angular/src/content/jp/components/general/how-to/how-to-customize-theme.mdx
+++ b/docs/angular/src/content/jp/components/general/how-to/how-to-customize-theme.mdx
@@ -3,6 +3,8 @@ title: Ignite UI テーマのカスタマイズ - Angular | Ignite UI for Angula
 description: Ignite UI for Angular テーマ エンジンを使用すると、アプリケーションのテーマを完全にカスタマイズし、スタイル サイズを最適化できます。
 keywords: Ignite UI for Angular、Ignite UI テーマのカスタマイズ、Ignite UI テーマの最適化、Angular テーマ エンジン、Angular テーマ
 _language: ja
+llms:
+  description: "この記事では、Ignite UI for Angular アプリケーション テーマのカスタマイズと、生成されたスタイルシートのサイズの最適化について詳しく説明します。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/general/how-to/how-to-perform-crud.mdx b/docs/angular/src/content/jp/components/general/how-to/how-to-perform-crud.mdx
index d1eb0bb756..d98c4442da 100644
--- a/docs/angular/src/content/jp/components/general/how-to/how-to-perform-crud.mdx
+++ b/docs/angular/src/content/jp/components/general/how-to/how-to-perform-crud.mdx
@@ -3,6 +3,8 @@ title: Angular で CRUD 操作を有効にする方法
 description: Angular で CRUD サービスを構築し、それを使用してグリッド データで CRUD 操作を実行する方法を紹介します。
 keywords: angular, crud, crud 操作, インフラジスティックス, crud チュートリアル
 _language: ja
+llms:
+  description: "CRUD は、データ コレクションに対して実行できる CREATE、READ、UPDATE、DELETE 操作を表すコンピューター プログラミングの頭字語です。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/general/how-to/how-to-use-standalone-components.mdx b/docs/angular/src/content/jp/components/general/how-to/how-to-use-standalone-components.mdx
index 52555ecd42..c6f86ac2d7 100644
--- a/docs/angular/src/content/jp/components/general/how-to/how-to-use-standalone-components.mdx
+++ b/docs/angular/src/content/jp/components/general/how-to/how-to-use-standalone-components.mdx
@@ -3,6 +3,8 @@ title: スタンドアロン コンポーネントの使用方法 - Angular | Ig
 description: Ignite UI for Angular コンポーネントをスタンドアロン コンポーネントとして、または他のスタンドアロン コンポーネントの依存関係として使用する方法について説明します。
 keywords: Ignite UI for Angular, スタンドアロン コンポーネント, Angular 16, Angular モジュール
 _language: ja
+llms:
+  description: "Angular 14 ではスタンドアロン コンポーネントの概念が導入されました。"
 ---
 
 # Ignite UI for Angular での Standalone (スタンドアロン) コンポーネントの使用
diff --git a/docs/angular/src/content/jp/components/general/how-to/signal-r-service-live-data.mdx b/docs/angular/src/content/jp/components/general/how-to/signal-r-service-live-data.mdx
index 049ce3c69f..021d28f657 100644
--- a/docs/angular/src/content/jp/components/general/how-to/signal-r-service-live-data.mdx
+++ b/docs/angular/src/content/jp/components/general/how-to/signal-r-service-live-data.mdx
@@ -3,6 +3,8 @@ title: ライブ データ ストリーミング用の ASP.NET Core SignalR サ
 description: 最新のデータ グリッドとドック マネージャーは、ASP.NET Core SignalR とともにアプリケーションの作成に使用されます。
 keywords: angular, signalr, .net core, infragistics, インフラジスティックス
 _language: ja
+llms:
+  description: "このトピックでは、ASP.NET Core SignalR を使用してデータのストリーミングと受信の両方に対応するアプリケーションを作成する方法を説明します。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/general/ignite-ui-licensing.mdx b/docs/angular/src/content/jp/components/general/ignite-ui-licensing.mdx
index 697c531d62..eb487dc2fa 100644
--- a/docs/angular/src/content/jp/components/general/ignite-ui-licensing.mdx
+++ b/docs/angular/src/content/jp/components/general/ignite-ui-licensing.mdx
@@ -3,6 +3,8 @@ title: Ignite UI のライセンス
 description: Ignite UI npm ライセンス パッケージの使用に関する情報
 keywords: npm package license, ignite ui license feed, licensing, npm パッケージ ライセンス, ignite ui ライセンス フィード, ライセンス
 _language: ja
+llms:
+  description: "Ignite UI for Angular はデュアルライセンス モデルで提供され、使用するコンポーネント、モジュール、ディレクティブ、サービスに応じて商用ライセンスまたはオープン ソース ライセンスが適用されます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/general/localization.mdx b/docs/angular/src/content/jp/components/general/localization.mdx
index 3ec4fcb45a..568d354019 100644
--- a/docs/angular/src/content/jp/components/general/localization.mdx
+++ b/docs/angular/src/content/jp/components/general/localization.mdx
@@ -3,6 +3,8 @@ title: ローカライズ (i18n) - ネイティブ Angular | Ignite UI for Angul
 description: Ignite UI for Angular ローカライズ メカニズムはコンポーネントの文字列をローカライズ/変更する機能をサポートします。
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ、ネイティブ Angular コンポーネント
 _language: ja
+llms:
+  description: "21.1.0 以降、これが Ignite UI for Angular コンポーネントにローカライズを適用する推奨方法です。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/general/open-source-vs-premium.mdx b/docs/angular/src/content/jp/components/general/open-source-vs-premium.mdx
index 75953e4dcb..64a70fd6fb 100644
--- a/docs/angular/src/content/jp/components/general/open-source-vs-premium.mdx
+++ b/docs/angular/src/content/jp/components/general/open-source-vs-premium.mdx
@@ -3,6 +3,8 @@ title: オープン ソース vs プレミアム | Ignite UI for Angular | イ
 description: Ignite UI for Angular は、高速で機能が豊富なネイティブ Angular UI コンポーネントと、マテリアル デザインに基づく UI コントロールからなる完全なライブラリです。
 keywords: ignite ui for angular, はじめに, angular コンポーネント
 _language: ja
+llms:
+  description: "Ignite UI for Angular では、モダンなデータドリブン アプリケーションを構築するために、オープン ソース コンポーネントとプレミアム コンポーネントという 2 つのパスを提供しています。"
 ---
 
 import Badge from 'igniteui-astro-components/components/mdx/Badge.astro';
diff --git a/docs/angular/src/content/jp/components/general/ssr-rendering.mdx b/docs/angular/src/content/jp/components/general/ssr-rendering.mdx
index 5e09746af5..958d294fca 100644
--- a/docs/angular/src/content/jp/components/general/ssr-rendering.mdx
+++ b/docs/angular/src/content/jp/components/general/ssr-rendering.mdx
@@ -3,6 +3,8 @@ title: サーバー サイド レンダリング | Angular SSR | Ignite UI for A
 description: Ignite UI for Angular で Angular サーバー サイド レンダリングを使用する方法。
 keywords: Ignite UI for Angular, Angular SSR, サーバー サイド レンダリング
 _language: ja
+llms:
+  description: "このトピックは、サーバー サイド レンダリングについて、および Ignite UI for Angular アプリケーションでそれを構成する方法を説明します。"
 ---
 
 # Angular SSR のサーバー サイド レンダリング
diff --git a/docs/angular/src/content/jp/components/general/update-guide.mdx b/docs/angular/src/content/jp/components/general/update-guide.mdx
index 5f2c462c5d..a813b921d4 100644
--- a/docs/angular/src/content/jp/components/general/update-guide.mdx
+++ b/docs/angular/src/content/jp/components/general/update-guide.mdx
@@ -3,6 +3,8 @@ title: アップデート ガイド | Ignite UI for Angular | インフラジス
 description: 新しいバージョンの Ignite UI for Angular ライブラリにアップデートする方法については、この記事を参照してください。
 keywords: ignite ui for angular, アップデート, npm パッケージ, マテリアル コンポーネント
 _language: ja
+llms:
+  description: "Ignite UI for Angular バージョニングは、最初の数字がコードでサポートされる Angular のメジャー バージョンで、2 番目の数字はメジャー バージョン リリースの数字です。"
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/angular-events.mdx b/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/angular-events.mdx
index a34a1b2ab2..6858835ee5 100644
--- a/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/angular-events.mdx
+++ b/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/angular-events.mdx
@@ -3,6 +3,8 @@ title: Angular イベントの処理 | イベントのバインディング | WP
 description: Angular イベント バインディングと、独自の Angular カスタム イベントを作成する方法について説明します。Angular が DOM イベントを使用してこれを行う方法と、ユーザー入力を処理する方法について説明します。
 keywords: angular イベントの処理, ignite ui for angular, インフラジスティックス
 _language: ja
+llms:
+  description: "Angular イベントは、ユーザー インタラクションへの応答として発行されます。"
 ---
 
 # Angular イベントの処理
diff --git a/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/angular-pipes.mdx b/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/angular-pipes.mdx
index 045a08c0c0..8b06470977 100644
--- a/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/angular-pipes.mdx
+++ b/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/angular-pipes.mdx
@@ -3,6 +3,8 @@ title: Angular パイプを使用したデータの変換 | WPF vs Angular 比
 description: WPF コンバーターのように、Angular パイプがデータをある値から別の値に変換する方法について説明します。Angular は、一般的なデータ変換用に事前定義されたパイプを提供します。
 keywords: Angular パイプを使用したデータの変換, ignite ui for angular, インフラジスティックス
 _language: ja
+llms:
+  description: "WPF コンバーターに類似した、Angular パイプを使用してデータを変換する方法を学びます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/create-first-angular-app.mdx b/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/create-first-angular-app.mdx
index c280e08e23..20ad879085 100644
--- a/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/create-first-angular-app.mdx
+++ b/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/create-first-angular-app.mdx
@@ -3,6 +3,8 @@ title: はじめての Angular アプリを作成 | WPF vs Angular 比較ガイ
 description: WPF から Angular へ移行時にはじめての Angular 9 アプリケーションを作成する方法について説明します。前提条件、最初のプロジェクトと構造を紹介します。
 keywords: angular アプリケーションの作成, ignite ui for angular, インフラジスティックス
 _language: ja
+llms:
+  description: "Angular アプリケーションの作成を開始するには、Node.js と npm パッケージ マネージャーをインストールする必要があります。"
 ---
 
 import { Image } from 'astro:assets';
diff --git a/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/create-ui-with-components.mdx b/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/create-ui-with-components.mdx
index 8f693f5f08..e9fd24f5bd 100644
--- a/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/create-ui-with-components.mdx
+++ b/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/create-ui-with-components.mdx
@@ -3,6 +3,8 @@ title: Angular コンポーネントを使用したユーザー インターフ
 description: Angular コンポーネントを使用して Angular アプリケーションでユーザー インターフェイスを作成する方法について説明します。同様の WPF コンポーネントが Angular でどのように変換されるかを確認できます。
 keywords: angular コンポーネントを使用したユーザー インターフェイスの作成, ignite ui for angular, インフラジスティックス
 _language: ja
+llms:
+  description: "Angular アプリケーションでユーザー インターフェイスを作成する場合、Angular コンポーネントを使用して処理を効率化できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/layout.mdx b/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/layout.mdx
index 0007742539..4f32326bb9 100644
--- a/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/layout.mdx
+++ b/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/layout.mdx
@@ -3,6 +3,8 @@ title: Angular ページのレイアウト要素 | WPF vs Angular 比較ガイ
 description: Flexbox や Grid などの CSS 機能を使用する詳細なチュートリアルで、Angular アプリケーションのページ レイアウトをカスタマイズする方法について説明します。 
 keywords: angular ページのレイアウト要素, ignite ui for angular, インフラジスティックス
 _language: ja
+llms:
+  description: "WPF では、アプリケーション内で要素をレイアウトするには、要素を Panel 内に配置する必要があります。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/one-way-binding.mdx b/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/one-way-binding.mdx
index 7f906c039b..e6f4c02f00 100644
--- a/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/one-way-binding.mdx
+++ b/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/one-way-binding.mdx
@@ -3,6 +3,8 @@ title: Angular の一方向データ バインディング | WPF vs Angular 比
 description: Angular の一方向データ バインディングと、基になるデータの変更との同期を維持しながらエンド ユーザーに情報を表示するためにそれがどのように使用されるかについて説明します。
 keywords: データ バインディング, ignite ui for angular, インフラジスティックス
 _language: ja
+llms:
+  description: "Angular の一方向データ バインディングは、コンポーネントからビュー (DOM) に、またはその逆に、ビューからコンポーネントにデータをバインドする方法です。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/structural-directives.mdx b/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/structural-directives.mdx
index a4b0ccf451..6ad5f3482c 100644
--- a/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/structural-directives.mdx
+++ b/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/structural-directives.mdx
@@ -3,6 +3,8 @@ title: Angular 構造ディレクティブ | ngIf, ngswitch | WPF vs Angular 比
 description: ngIf、ngswitch、ngFor などの Angular 9 の構造ディレクティブを使用して、Angular アプリケーションのビューに要素を追加および削除する方法について説明します。
 keywords: angular 構造ディレクティブ, ignite ui for angular, インフラジスティックス
 _language: ja
+llms:
+  description: "WPF でのビジュアル ツリー要素の外観を制御する場合、最も一般的な方法は、バインディングと可視コンバーターを使用することです。"
 ---
 
 # Angular 構造ディレクティブ
diff --git a/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/two-way-binding.mdx b/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/two-way-binding.mdx
index f69e1dc3c6..88f8d8aaa3 100644
--- a/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/two-way-binding.mdx
+++ b/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/two-way-binding.mdx
@@ -3,6 +3,8 @@ title: ngModel を使用した双方向のデータ バインディング | WPF
 description: Angular の双方向データ バインディングを使用してエンド ユーザーに情報を表示し、エンド ユーザーが UI を使用して基になるデータを変更できるようにする方法について説明します。
 keywords: data binding, ignite ui for angular, インフラジスティックス
 _language: ja
+llms:
+  description: "Angular の双方向データ バインディングにより、データはコンポーネントからビューに、またその逆に流れることができます。"
 ---
 
 # Angular の双方向データ バインディングの概要
diff --git a/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/wpf-to-angular-guide.mdx b/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/wpf-to-angular-guide.mdx
index 4dbf487fd0..acc80a88a7 100644
--- a/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/wpf-to-angular-guide.mdx
+++ b/docs/angular/src/content/jp/components/general/wpf-to-angular-guide/wpf-to-angular-guide.mdx
@@ -3,6 +3,8 @@ title: WPF から Angular へのチュートリアルと開発者向けガイド
 description: 開発者がデスクトップから Web フレームワークにスムーズに移行できるようにガイドする WPF から Angular へのチュートリアルをお読みください。今すぐ Angular について学びましょう！
 keywords: wpf から angular へのチュートリアル, igniteui for angular, インフラジスティックス
 _language: ja
+llms:
+  description: "このチュートリアルは、デスクトップから Web フレームワークへのスムーズな移行を行うための最初のステップです。"
 ---
 
 import { Image } from 'astro:assets';
diff --git a/docs/angular/src/content/jp/components/geo-map-binding-data-csv.mdx b/docs/angular/src/content/jp/components/geo-map-binding-data-csv.mdx
index 98d5b8efaf..83ab8f7b74 100644
--- a/docs/angular/src/content/jp/components/geo-map-binding-data-csv.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-binding-data-csv.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["GeographicMap", "GeographicHighDensityScatterSeries"]
 namespace: Infragistics.Controls.Maps
 _language: ja
+llms:
+  description: "Ignite UI for Angular Map コンポーネントを使用すると、さまざまな種類のファイルからロードされた地理データをプロットできます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/geo-map-binding-data-json-points.mdx b/docs/angular/src/content/jp/components/geo-map-binding-data-json-points.mdx
index 1d805a27f9..073a1480d8 100644
--- a/docs/angular/src/content/jp/components/geo-map-binding-data-json-points.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-binding-data-json-points.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
 namespace: Infragistics.Controls.Maps
 _language: ja
+llms:
+  description: "Ignite UI for Angular Map マップは、さまざまな種類のファイルからロードされた地理データをプロットできます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/geo-map-binding-data-model.mdx b/docs/angular/src/content/jp/components/geo-map-binding-data-model.mdx
index c2cb26a7a9..7032e16bbb 100644
--- a/docs/angular/src/content/jp/components/geo-map-binding-data-model.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-binding-data-model.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["GeographicMap", "GeographicScatterAreaSeries", "GeographicHighDensityScatterSeries", "GeographicProportionalSymbolSeries", "GeographicScatterAreaSeries", "GeographicContourLineSeries", "GeographicShapeSeries", "GeographicPolylineSeries", "Series", "GeographicShapeSeriesBase"]
 namespace: Infragistics.Controls.Maps
 _language: ja
+llms:
+  description: "Ignite UI for Angular マップ コンポーネントは、シェイプ ファイルからの地理空間データやデータ モデルからの地理的位置を地理的画像マップに表示するように設計されています。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/geo-map-binding-data-overview.mdx b/docs/angular/src/content/jp/components/geo-map-binding-data-overview.mdx
index 47e85b159e..0928d2841c 100644
--- a/docs/angular/src/content/jp/components/geo-map-binding-data-overview.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-binding-data-overview.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
 namespace: Infragistics.Controls.Maps
 _language: ja
+llms:
+  description: "Ignite UI for Angular マップ コンポーネントは、シェイプ ファイルからの地理空間データやデータ モデルからの地理的位置を地理的画像マップに表示するように設計されています。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/geo-map-binding-multiple-shapes.mdx b/docs/angular/src/content/jp/components/geo-map-binding-multiple-shapes.mdx
index e7a1f3be5c..4f06b1457f 100644
--- a/docs/angular/src/content/jp/components/geo-map-binding-multiple-shapes.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-binding-multiple-shapes.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileConverter", "Series", "GeographicShapeSeriesBase"]
 namespace: Infragistics.Controls.Maps
 _language: ja
+llms:
+  description: "Ignite UI for Angular マップでは、複数の地理的シリーズオブジェクトを追加して、複数のシェープファイルを地理空間データでオーバーレイすることができます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/geo-map-binding-multiple-sources.mdx b/docs/angular/src/content/jp/components/geo-map-binding-multiple-sources.mdx
index 5208bff397..14274f227d 100644
--- a/docs/angular/src/content/jp/components/geo-map-binding-multiple-sources.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-binding-multiple-sources.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, geographic series, Ignite UI for Angular, Infragistics,
 license: commercial
 mentionedTypes: ["GeographicMap", "SeriesViewer", "Series", "GeographicShapeSeriesBase"]
 _language: ja
+llms:
+  description: "Ignite UI for Angular マップでは、カスタム データ ソースを地理空間データとオーバーレイするために複数の地理的シリーズ オブジェクトを追加できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/geo-map-binding-shp-file.mdx b/docs/angular/src/content/jp/components/geo-map-binding-shp-file.mdx
index 5131154637..3555583e39 100644
--- a/docs/angular/src/content/jp/components/geo-map-binding-shp-file.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-binding-shp-file.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, shapefiles, Ignite UI for Angular, Infragistics, data bi
 license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileConverter", "Series", "GeographicShapeSeriesBase"]
 _language: ja
+llms:
+  description: "Ignite UI for Angular Map コンポーネントの ShapefileRecord クラスは、形状ファイルから地理空間データ (ポイント/位置、ポリライン、ポリゴン) を読み込み、それを ShapefileRecord オブジェクトのコレクションに変換します。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/geo-map-display-azure-imagery.mdx b/docs/angular/src/content/jp/components/geo-map-display-azure-imagery.mdx
index 6de0ba44bf..7cedd59c40 100644
--- a/docs/angular/src/content/jp/components/geo-map-display-azure-imagery.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-display-azure-imagery.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, azure maps, Ignite UI for Angular, Infragistics, imagery
 license: commercial
 mentionedTypes: ["GeographicMap", "AzureMapsImagery", "GeographicTileSeries"]
 _language: ja
+llms:
+  description: "Angular AzureMapsImagery は、Microsoft® が提供する地理的画像マッピング サービスです。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/geo-map-display-bing-imagery.mdx b/docs/angular/src/content/jp/components/geo-map-display-bing-imagery.mdx
index 9ceb76c037..bd5d121c6d 100644
--- a/docs/angular/src/content/jp/components/geo-map-display-bing-imagery.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-display-bing-imagery.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, bing maps, Ignite UI for Angular, Infragistics, imagery
 license: commercial
 mentionedTypes: ["GeographicMap", "BingMapsMapImagery"]
 _language: ja
+llms:
+  description: "注: 2025 年 6 月 30 日をもって、すべての Microsoft Bing Maps for Enterprise Basic (無料) アカウントはすべて廃止されます。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/geo-map-display-esri-imagery.mdx b/docs/angular/src/content/jp/components/geo-map-display-esri-imagery.mdx
index edaca90d4b..d0161917c0 100644
--- a/docs/angular/src/content/jp/components/geo-map-display-esri-imagery.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-display-esri-imagery.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, ESRI, Ignite UI for Angular, Infragistics, imagery tile
 license: commercial
 mentionedTypes: ["GeographicMap"]
 _language: ja
+llms:
+  description: "ArcGISOnlineMapImagery は、Esri によって作成された無料の地理的画像マッピング サービスです。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/geo-map-display-heat-imagery.mdx b/docs/angular/src/content/jp/components/geo-map-display-heat-imagery.mdx
index f71a1e7842..bfbda16da2 100644
--- a/docs/angular/src/content/jp/components/geo-map-display-heat-imagery.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-display-heat-imagery.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, heat map imagery, Ignite UI for Angular, Infragistics, A
 license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileConverter", "HeatTileGenerator", "GeographicTileSeries"]
 _language: ja
+llms:
+  description: "Ignite UI for Angular マップ コントロールには、Shape ファイルをタイル シリーズにロードして地理空間データをロードすることにより、ShapefileRecord によって生成される ShapeFileRecord を使用して、ヒートマップ画像を表示する機能があります。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/geo-map-display-imagery-types.mdx b/docs/angular/src/content/jp/components/geo-map-display-imagery-types.mdx
index 09242085ff..00ea286ca2 100644
--- a/docs/angular/src/content/jp/components/geo-map-display-imagery-types.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-display-imagery-types.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, Geographic Imagery, tiles, Ignite UI for Angular, Infrag
 license: commercial
 mentionedTypes: ["GeographicMap"]
 _language: ja
+llms:
+  description: "Angular 地理的画像は、上空から見た世界の詳細な表現です。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/geo-map-display-osm-imagery.mdx b/docs/angular/src/content/jp/components/geo-map-display-osm-imagery.mdx
index 5d6387329c..d6d485c508 100644
--- a/docs/angular/src/content/jp/components/geo-map-display-osm-imagery.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-display-osm-imagery.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, OSM, Ignite UI for Angular, Infragistics, imagery tile s
 license: commercial
 mentionedTypes: ["GeographicMap"]
 _language: ja
+llms:
+  description: "Angular OpenStreetMapImagery は、世界中の OpenStreetMap© のコントリビューターが共同で作成した無料の地理的画像マッピングサービスです。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/geo-map-navigation.mdx b/docs/angular/src/content/jp/components/geo-map-navigation.mdx
index f66f82126e..f069fbf4af 100644
--- a/docs/angular/src/content/jp/components/geo-map-navigation.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-navigation.mdx
@@ -9,6 +9,8 @@ _description: Navigate Infragistics' Angular map by panning right and left and z
 _keywords: Angular map, navigation, Ignite UI for Angular, Infragistics
 _license: commercial
 
+llms:
+  description: "GeographicMap コントロールのナビゲーションは、既定では有効にされており、マップ コンテンツのズームとパンが可能です。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/geo-map-resources-esri.mdx b/docs/angular/src/content/jp/components/geo-map-resources-esri.mdx
index 352aed583c..f96ce9c5ff 100644
--- a/docs/angular/src/content/jp/components/geo-map-resources-esri.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-resources-esri.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, ESRI, Ignite UI for Angular, Infragistics, imagery tile
 license: commercial
 mentionedTypes: ["GeographicMap"]
 _language: ja
+llms:
+  description: "リソース トピックは、Esri Maps が GeographicMap で提供する ArcGISOnlineMapImagery の使用に役立つユーティリティの実装を提供します。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/geo-map-resources-shape-styling-utility.mdx b/docs/angular/src/content/jp/components/geo-map-resources-shape-styling-utility.mdx
index 6ba4726868..b8732a3c11 100644
--- a/docs/angular/src/content/jp/components/geo-map-resources-shape-styling-utility.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-resources-shape-styling-utility.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, shape styling, conditional formatting, Ignite UI for Ang
 license: commercial
 mentionedTypes: ["GeographicMap"]
 _language: ja
+llms:
+  description: "リソース トピックは、Angular GeographicMap コンポーネントで GeographicShapeSeries の UI 要素のスタイリングに役立つユーティリティの実装を提供します。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/geo-map-resources-world-connections.mdx b/docs/angular/src/content/jp/components/geo-map-resources-world-connections.mdx
index 46608484cd..2d80657a43 100644
--- a/docs/angular/src/content/jp/components/geo-map-resources-world-connections.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-resources-world-connections.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, map data, Ignite UI for Angular, Infragistics, Angular 
 license: commercial
 mentionedTypes: ["GeographicMap"]
 _language: ja
+llms:
+  description: "リソース トピックは、空港の位置、飛行経路、および地理的なグリッド線を生成するためのデータユーティリティの実装を提供します。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/geo-map-resources-world-locations.mdx b/docs/angular/src/content/jp/components/geo-map-resources-world-locations.mdx
index 76d35e919a..bc649c24e4 100644
--- a/docs/angular/src/content/jp/components/geo-map-resources-world-locations.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-resources-world-locations.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, map data, Ignite UI for Angular, Infragistics, Angular 
 license: commercial
 mentionedTypes: ["GeographicMap"]
 _language: ja
+llms:
+  description: "インフラジスティックスの Angular JavaScript マップ データ ユーティリティを使用して、都市の地理的位置と国の首都を生成します。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/geo-map-resources-world-util.mdx b/docs/angular/src/content/jp/components/geo-map-resources-world-util.mdx
index 0a83638956..8c48795df5 100644
--- a/docs/angular/src/content/jp/components/geo-map-resources-world-util.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-resources-world-util.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, map data, Ignite UI for Angular, Infragistics, Angular 
 license: commercial
 mentionedTypes: ["GeographicMap"]
 _language: ja
+llms:
+  description: "インフラジスティックスの Angular JavaScript マップ データ ユーティリティを使用して、地理的データを生成します。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/geo-map-shape-files-reference.mdx b/docs/angular/src/content/jp/components/geo-map-shape-files-reference.mdx
index 68921fc3c6..fd011874d7 100644
--- a/docs/angular/src/content/jp/components/geo-map-shape-files-reference.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-shape-files-reference.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, shape files, Ignite UI for Angular, Infragistics, shape
 license: commercial
 mentionedTypes: ["GeographicMap", "GeographicShapeSeriesBase", "Series"]
 _language: ja
+llms:
+  description: "このトピックでは、マップおよび関連する地理的素材についてのリソースおよびシェープ ファイルの情報を提供します。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/geo-map-shape-styling.mdx b/docs/angular/src/content/jp/components/geo-map-shape-styling.mdx
index 79e5334e3c..0bde22a43d 100644
--- a/docs/angular/src/content/jp/components/geo-map-shape-styling.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-shape-styling.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, custom styling, Ignite UI for Angular, Infragistics, con
 license: commercial
 mentionedTypes: ["GeographicMap", "GeographicShapeSeries", "Series"]
 _language: ja
+llms:
+  description: "このトピックでは、Angular GeographicMap で GeographicShapeSeries にカスタム スタイリングを適用する方法を説明します。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/geo-map-type-scatter-area-series.mdx b/docs/angular/src/content/jp/components/geo-map-type-scatter-area-series.mdx
index 62596643db..ab88681ed5 100644
--- a/docs/angular/src/content/jp/components/geo-map-type-scatter-area-series.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-type-scatter-area-series.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, scatter area series, Ignite UI for Angular, Infragistics
 license: commercial
 mentionedTypes: ["GeographicMap","GeographicScatterAreaSeries","CustomPaletteColorScale", "Series"]
 _language: ja
+llms:
+  description: "Angular マップ コンポーネントでは、GeographicScatterAreaSeries を使用して、各ポイントに割り当てられた数値を持つ経度と緯度のデータの三角形分割に基づいて、地理的背景で色付きの表面を描画できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/geo-map-type-scatter-bubble-series.mdx b/docs/angular/src/content/jp/components/geo-map-type-scatter-bubble-series.mdx
index 0668a9efff..d5413e1734 100644
--- a/docs/angular/src/content/jp/components/geo-map-type-scatter-bubble-series.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-type-scatter-bubble-series.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, scatter proportional series, Ignite UI for Angular, Infr
 license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
 _language: ja
+llms:
+  description: "Angular マップ コンポーネントでは、GeographicProportionalSymbolSeries を使用して、アプリケーションのデータで指定された地理的位置にバブルまたは相対マーカーをプロットできます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/geo-map-type-scatter-contour-series.mdx b/docs/angular/src/content/jp/components/geo-map-type-scatter-contour-series.mdx
index b68029e41c..c0b2cd9228 100644
--- a/docs/angular/src/content/jp/components/geo-map-type-scatter-contour-series.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-type-scatter-contour-series.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, scatter contour series, Ignite UI for Angular, Infragist
 license: commercial
 mentionedTypes: ["GeographicMap","GeographicContourLineSeries","CustomPaletteColorScale", "Series"]
 _language: ja
+llms:
+  description: "Angular マップ コンポーネントでは、GeographicContourLineSeries を使用して、各点に数値が割り当てられた経度および緯度データの三角測量に基づいて、地理的なコンテキストで色付きの等高線を描画できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/geo-map-type-scatter-density-series.mdx b/docs/angular/src/content/jp/components/geo-map-type-scatter-density-series.mdx
index 6bf020cc04..ff3f261c3d 100644
--- a/docs/angular/src/content/jp/components/geo-map-type-scatter-density-series.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-type-scatter-density-series.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, scatter high density series, Ignite UI for Angular, Infr
 license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
 _language: ja
+llms:
+  description: "Angular マップ コンポーネントでは、GeographicHighDensityScatterSeries を使用して、非常に少ないロード時間で、数百から数百万のデータ ポイントを持つ散布図データをバインドして表示できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/geo-map-type-scatter-symbol-series.mdx b/docs/angular/src/content/jp/components/geo-map-type-scatter-symbol-series.mdx
index 0934f25855..ae4c0cfdf0 100644
--- a/docs/angular/src/content/jp/components/geo-map-type-scatter-symbol-series.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-type-scatter-symbol-series.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, scatter symbol series, Ignite UI for Angular, Infragisti
 license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileConverter", "Series"]
 _language: ja
+llms:
+  description: "Angular マップ コンポーネントでは、GeographicSymbolSeries を使用して、地理的コンテキストでポイントまたはマーカーを使用して地理空間データを表示できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/geo-map-type-series.mdx b/docs/angular/src/content/jp/components/geo-map-type-series.mdx
index fc8b271628..70432b9e79 100644
--- a/docs/angular/src/content/jp/components/geo-map-type-series.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-type-series.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, geographic series, Ignite UI for Angular, Infragistics,
 license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
 _language: ja
+llms:
+  description: "Ignite UI for Angular マップ コンポーネントでは、地理的シリーズは、地理的なデータをポイント (都市の位置など)、ポリライン (道路の接続など)、またはポリゴン (国の形状) として地理的コンテキストで表示する地図の視覚的要素です。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/geo-map-type-shape-polygon-series.mdx b/docs/angular/src/content/jp/components/geo-map-type-shape-polygon-series.mdx
index aa86aa6e88..1ff43480bd 100644
--- a/docs/angular/src/content/jp/components/geo-map-type-shape-polygon-series.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-type-shape-polygon-series.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, shape polygon series, Ignite UI for Angular, Infragistic
 license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileConverter", "Series", "GeographicShapeSeriesBase"]
 _language: ja
+llms:
+  description: "Angular マップ コンポーネントでは、GeographicShapeSeries を使用して、地理的コンテキストで形状ポリゴンを使用して地理空間データを表示できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/geo-map-type-shape-polyline-series.mdx b/docs/angular/src/content/jp/components/geo-map-type-shape-polyline-series.mdx
index cdea83015b..d00e6288c1 100644
--- a/docs/angular/src/content/jp/components/geo-map-type-shape-polyline-series.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-type-shape-polyline-series.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, Ignite UI for Angular, shape polyline series, Infragisti
 license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileConverter", "Series", "GeographicShapeSeriesBase"]
 _language: ja
+llms:
+  description: "Angular マップ コンポーネントでは、GeographicPolylineSeries を使用して、地理的コンテキストでポリラインを使用して地理空間データを表示できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/geo-map.mdx b/docs/angular/src/content/jp/components/geo-map.mdx
index f7c12fab30..951d47a03b 100644
--- a/docs/angular/src/content/jp/components/geo-map.mdx
+++ b/docs/angular/src/content/jp/components/geo-map.mdx
@@ -5,6 +5,8 @@ keywords: "Angular map, geographic map, imagery tiles, Ignite UI for Angular, In
 license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
 _language: ja
+llms:
+  description: "Ignite UI for Angular Map コンポーネントを使用すると、ビューモデルからの地理的位置を含むデータ、またはシェープ ファイルからロードされた地理空間データを地理的画像マップに表示できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/grid-lite/binding.mdx b/docs/angular/src/content/jp/components/grid-lite/binding.mdx
index c5f0c7711a..0708946d7b 100644
--- a/docs/angular/src/content/jp/components/grid-lite/binding.mdx
+++ b/docs/angular/src/content/jp/components/grid-lite/binding.mdx
@@ -6,6 +6,8 @@ license: MIT
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "Grid Lite は、データ ソースとしてプレーン オブジェクトの配列を受け入れます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/grid-lite/cell-template.mdx b/docs/angular/src/content/jp/components/grid-lite/cell-template.mdx
index 8275b34ccb..e10f811b58 100644
--- a/docs/angular/src/content/jp/components/grid-lite/cell-template.mdx
+++ b/docs/angular/src/content/jp/components/grid-lite/cell-template.mdx
@@ -6,6 +6,8 @@ license: MIT
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "デフォルトでは、グリッドは列のフィールドを使用してセル内の値を文字列としてレンダリングします。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/grid-lite/column-configuration.mdx b/docs/angular/src/content/jp/components/grid-lite/column-configuration.mdx
index ea0313fd05..13126cf6ae 100644
--- a/docs/angular/src/content/jp/components/grid-lite/column-configuration.mdx
+++ b/docs/angular/src/content/jp/components/grid-lite/column-configuration.mdx
@@ -6,6 +6,8 @@ license: MIT
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "列は、グリッド内の列子コンポーネントを使用して宣言的に定義されます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/grid-lite/filtering.mdx b/docs/angular/src/content/jp/components/grid-lite/filtering.mdx
index 17031f636c..48623dc2a3 100644
--- a/docs/angular/src/content/jp/components/grid-lite/filtering.mdx
+++ b/docs/angular/src/content/jp/components/grid-lite/filtering.mdx
@@ -6,6 +6,8 @@ license: MIT
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "Grid Lite は、データ ソースでのフィルター操作をサポートします。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/grid-lite/header-template.mdx b/docs/angular/src/content/jp/components/grid-lite/header-template.mdx
index c70b0574cd..5e008233ea 100644
--- a/docs/angular/src/content/jp/components/grid-lite/header-template.mdx
+++ b/docs/angular/src/content/jp/components/grid-lite/header-template.mdx
@@ -6,6 +6,8 @@ license: MIT
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "セル テンプレートと同様に、列ヘッダーも目的のユース ケースに合わせてカスタマイズできます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/grid-lite/overview.mdx b/docs/angular/src/content/jp/components/grid-lite/overview.mdx
index d6579df361..37d7055ca6 100644
--- a/docs/angular/src/content/jp/components/grid-lite/overview.mdx
+++ b/docs/angular/src/content/jp/components/grid-lite/overview.mdx
@@ -6,6 +6,8 @@ license: MIT
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "Ignite UI for Angular Grid Lite は、軽量で高パフォーマンスな Angular データ グリッドであり、無料で使用でき、オープン ソースで、最新の Angular アプリケーション向けに構築されています。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/grid-lite/sorting.mdx b/docs/angular/src/content/jp/components/grid-lite/sorting.mdx
index ffc2e27762..c9edaa6eed 100644
--- a/docs/angular/src/content/jp/components/grid-lite/sorting.mdx
+++ b/docs/angular/src/content/jp/components/grid-lite/sorting.mdx
@@ -6,6 +6,8 @@ license: MIT
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "Grid Lite はデータ ソースに対してソート操作をサポートします。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/grid-lite/theming.mdx b/docs/angular/src/content/jp/components/grid-lite/theming.mdx
index a1a6b531ef..cf91394a3a 100644
--- a/docs/angular/src/content/jp/components/grid-lite/theming.mdx
+++ b/docs/angular/src/content/jp/components/grid-lite/theming.mdx
@@ -6,6 +6,8 @@ license: MIT
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "Grid Lite には、Bootstrap、Material、Fluent、Indigo の 4 つのテーマが用意されています。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/grid/grid.mdx b/docs/angular/src/content/jp/components/grid/grid.mdx
index cc7bffe6bc..8e7194bf5e 100644
--- a/docs/angular/src/content/jp/components/grid/grid.mdx
+++ b/docs/angular/src/content/jp/components/grid/grid.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular で超高速でレスポンシブな Angular
 keywords: angular data grid, angular grid コンポーネント, angular data grid コンポーネント, angular table コンポーネント, angular data table コンポーネント, angular table, angular UI コンポーネント, ignite ui for angular
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular で超高速でレスポンシブな Angular データ グリッドとテーブルを作成します。"
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/grid/groupby.mdx b/docs/angular/src/content/jp/components/grid/groupby.mdx
index 30ba6bb92a..e305f4861f 100644
--- a/docs/angular/src/content/jp/components/grid/groupby.mdx
+++ b/docs/angular/src/content/jp/components/grid/groupby.mdx
@@ -4,6 +4,8 @@ description: Angular グループを設定して Angular テーブルにデー
 keywords: angular group by, igniteui for angular, インフラジスティックス・ジャパン株式会社
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular Table または UI Grid の Group By 動作は、列の値に基づいてグループ化されたデータ行を作成します。"
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/grid/master-detail.mdx b/docs/angular/src/content/jp/components/grid/master-detail.mdx
index c47ea58ee4..0976724f10 100644
--- a/docs/angular/src/content/jp/components/grid/master-detail.mdx
+++ b/docs/angular/src/content/jp/components/grid/master-detail.mdx
@@ -4,6 +4,8 @@ description: Ignite UI Angular Grid を使用して行データの展開可能
 keywords: マスターと詳細, igniteui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "igxGrid コンポーネントは、コンテンツを展開/縮小することで特定の行の追加の詳細を表示する detail テンプレートの指定をサポートします。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/grid/paste-excel.mdx b/docs/angular/src/content/jp/components/grid/paste-excel.mdx
index 74ff0755a2..17aad1d36e 100644
--- a/docs/angular/src/content/jp/components/grid/paste-excel.mdx
+++ b/docs/angular/src/content/jp/components/grid/paste-excel.mdx
@@ -4,6 +4,8 @@ description: API を使用して最小限のコードで Excel からのデー
 keywords: export selected, igniteui for angular, infragistics
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular Grid は、クリップボードにコピーした Excel データを読み込むことができます。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/grid/selection-based-aggregates.mdx b/docs/angular/src/content/jp/components/grid/selection-based-aggregates.mdx
index ad2c329e98..1bbfd7251a 100644
--- a/docs/angular/src/content/jp/components/grid/selection-based-aggregates.mdx
+++ b/docs/angular/src/content/jp/components/grid/selection-based-aggregates.mdx
@@ -3,6 +3,8 @@ title: Angular Grid の選択ベースのデータ集計 - Ignite UI for Angular
 description: Ignite UI を使用して選択したデータをグリッドに集計する方法を説明します。次のプロジェクトのために仮想化データと豊富な API でコンテンツを即時に集計します。
 keywords: データ集計, 選択, ignite ui for angular, インフラジスティックス
 license: commercial
+llms:
+  description: "以下のサンプルでは、グリッドのフッターで選択した値に基づいて、カスタム集計関数と共に集計を表示する際の複数選択の動作を確認できます。"
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/grids-and-lists.mdx b/docs/angular/src/content/jp/components/grids-and-lists.mdx
index fe3c2433a8..2e1cf2250b 100644
--- a/docs/angular/src/content/jp/components/grids-and-lists.mdx
+++ b/docs/angular/src/content/jp/components/grids-and-lists.mdx
@@ -4,6 +4,8 @@ description: 高速な Angular グリッドとテーブルをお探しですか?
 keywords: angular data grid, インフラジスティックス, jp.infragistics.com
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular は、世界最速の仮想化された Angular データ グリッドを含む、Angular ネイティブのマテリアル ベースの UI コンポーネントの完全なライブラリを提供します。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/hierarchicalgrid/hierarchical-grid.mdx b/docs/angular/src/content/jp/components/hierarchicalgrid/hierarchical-grid.mdx
index 60dd63c101..375a2e7244 100644
--- a/docs/angular/src/content/jp/components/hierarchicalgrid/hierarchical-grid.mdx
+++ b/docs/angular/src/content/jp/components/hierarchicalgrid/hierarchical-grid.mdx
@@ -4,6 +4,8 @@ description: Angular Table に基づいて Ignite UI for Angular データグリ
 keywords: angular hierarchical data grid, angular hierarchical table, angular hierarchical data grid コンポーネント, angular hierarchical table コンポーネント, angular UI コンポーネント, igniteui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular Hierarchical Data Grid は、階層表形式データの表示と操作に使用されます。"
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/hierarchicalgrid/load-on-demand.mdx b/docs/angular/src/content/jp/components/hierarchicalgrid/load-on-demand.mdx
index 579ca30370..9604d242e0 100644
--- a/docs/angular/src/content/jp/components/hierarchicalgrid/load-on-demand.mdx
+++ b/docs/angular/src/content/jp/components/hierarchicalgrid/load-on-demand.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Hierarchical Grid は、展開された各子
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, Native Angular コンポーネント スイート, Native Angular コントロール, Native Angular コンポーネントs Library, Angular Hierarchical Grid コンポーネント, Angular Hierarchical Data Table コンポーネント, Angular Hierarchical Grid コントロール, Angular Hierarchical Data Table コントロール, Angular 高パフォーマンスe Hierarchical Grid, Angular 高パフォーマンス Hierarchical Data Table, Hierarchical Grid, Hierarchical Data Table
 license: commercial
 _language: ja
+llms:
+  description: "HierarchicalGrid は、要求するサーバーからのデータを最低限にすることによりすばやく描画できます。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/icon-button.mdx b/docs/angular/src/content/jp/components/icon-button.mdx
index 985a0ed050..3958409354 100644
--- a/docs/angular/src/content/jp/components/icon-button.mdx
+++ b/docs/angular/src/content/jp/components/icon-button.mdx
@@ -4,6 +4,8 @@ description: 標準のアイコンをボタン機能で向上します。今す
 keywords: Angular Icon Button コンポーネント, Angular Icon Button コントロール, Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, Angular UI コンポーネント
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Icon Button ディレクティブを任意のアイコン要素に適用して高機能なボタンを構成できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/icon-service.mdx b/docs/angular/src/content/jp/components/icon-service.mdx
index ac2cb890b2..b64502acab 100644
--- a/docs/angular/src/content/jp/components/icon-service.mdx
+++ b/docs/angular/src/content/jp/components/icon-service.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Icon Service を使用して、様々なア
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular Icon コンポーネント, Angular Icon コントロール, Angular Icon サービス
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Icon Service を使用して、様々なアイコンおよびフォント セットを統合して交互に使用し、カスタム色を定義できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/icon.mdx b/docs/angular/src/content/jp/components/icon.mdx
index ae304f15fe..d4e656480a 100644
--- a/docs/angular/src/content/jp/components/icon.mdx
+++ b/docs/angular/src/content/jp/components/icon.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Icon コンポーネントを使用して、
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スィート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular Icon コンポーネント, Angular Icon コントロール
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Icon コンポーネントを使用して、様々なアイコンおよびフォント セットを統合して交互に使用し、カスタム色を定義できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/input-group.mdx b/docs/angular/src/content/jp/components/input-group.mdx
index f4212948e0..22cdacfd35 100644
--- a/docs/angular/src/content/jp/components/input-group.mdx
+++ b/docs/angular/src/content/jp/components/input-group.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Input Group は、データ入力のための
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, Angular UI コンポーネント, ネイティブ Angular コンポーネント ライブラリ, ネイティブ Angular コンポーネント, Angular Label コンポーネント, Angular Label コントロール, Angular Input Group コンポーネント, Angular Input Group コントロール, Angular Input コンポーネント, Angular Input コントロール, Input コンポーネント, Input コントロール, Label コンポーネント, Label コントロール, Angular Input ディレクティブ, Angular Label ディレクティブ, Angular Forms, Angular Reactive Forms, Angular フォームの検証
 license: MIT
 _language: ja
+llms:
+  description: "IgxInputGroupComponent は、ユーザーが input、select、textarea などの入力要素を拡張することを可能にします。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/inputs/color-editor.mdx b/docs/angular/src/content/jp/components/inputs/color-editor.mdx
index 251eca9a9f..3b0cf04ae2 100644
--- a/docs/angular/src/content/jp/components/inputs/color-editor.mdx
+++ b/docs/angular/src/content/jp/components/inputs/color-editor.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["ColorEditor"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "Ignite UI for Angular Color Editor は軽量のカラー ピッカー コンポーネントです。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import Badge from 'igniteui-astro-components/components/mdx/Badge.astro';
diff --git a/docs/angular/src/content/jp/components/interactivity/accessibility-compliance.mdx b/docs/angular/src/content/jp/components/interactivity/accessibility-compliance.mdx
index c4a6299ced..79a49bdaae 100644
--- a/docs/angular/src/content/jp/components/interactivity/accessibility-compliance.mdx
+++ b/docs/angular/src/content/jp/components/interactivity/accessibility-compliance.mdx
@@ -5,6 +5,8 @@ keywords: accessibility, Angular, ignite ui for Angular, infragistics, アクセ
 license: MIT
 mentionedTypes: []
 _language: ja
+llms:
+  description: "開発者向けの UI および UX ツールのグローバル プロバイダーとして、Infragistics の Angular チームは、可能な限り最高のユーザー エクスペリエンスを簡単に作成できるコンポーネントとツールを提供します。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 
diff --git a/docs/angular/src/content/jp/components/interactivity/right-to-left-support.mdx b/docs/angular/src/content/jp/components/interactivity/right-to-left-support.mdx
index 78999fd2dc..d4fc864c53 100644
--- a/docs/angular/src/content/jp/components/interactivity/right-to-left-support.mdx
+++ b/docs/angular/src/content/jp/components/interactivity/right-to-left-support.mdx
@@ -3,6 +3,8 @@ title: Ignite UI for Angular フレームワーク & 機能 | Ignite UI for Angu
 description: Ignite UI for Angular によって ARIA アクセシビリティと文字表記の方向を設定する方法を説明します。
 keywords: aria support, aria サポート, a11y, ignite ui for angular, infragistics, インフラジスティックス
 license: MIT
+llms:
+  description: "フレームワークのほとんどのコンポーネントで、新しい RTL テーマを介した右から左 (RTL) がサポートされます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/label-input.mdx b/docs/angular/src/content/jp/components/label-input.mdx
index 89e53881bf..241a3cc291 100644
--- a/docs/angular/src/content/jp/components/label-input.mdx
+++ b/docs/angular/src/content/jp/components/label-input.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Label および Input ディレクティブ
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, Angular UI コンポーネント, ネイティブ Angular コンポーネント ライブラリ, Angular Label コンポーネント, Angular Label コントロール, Angular Input コンポーネント, Angular Input コントロール, Input コンポーネント, Input コントロール, Label コンポーネント, Label コントロール, Angular Input ディレクティブ, Angular Label ディレクティブ, Angular Forms, Angular Reactive Forms, Angular フォームの検証
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Input および Label ディレクティブを使用すると、igx-input-group コンポーネント内の単一行または複数行の入力要素を装飾およびスタイル設定できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/layout.mdx b/docs/angular/src/content/jp/components/layout.mdx
index 5d279cabc1..e3e25aa1be 100644
--- a/docs/angular/src/content/jp/components/layout.mdx
+++ b/docs/angular/src/content/jp/components/layout.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Layout Manager ディレクティブはさま
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スィート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular Layout Manager コンポーネント, Angular Layout Manager コントロール
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Layout Manager ディレクティブはさまざまなレスポンシブで移動可能なユーザー インターフェイス スタイルを提供します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/linear-gauge.mdx b/docs/angular/src/content/jp/components/linear-gauge.mdx
index 6832ed21c2..2ff7bc9568 100644
--- a/docs/angular/src/content/jp/components/linear-gauge.mdx
+++ b/docs/angular/src/content/jp/components/linear-gauge.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["LinearGauge"]
 namespace: Infragistics.Controls.Gauges
 _language: ja
+llms:
+  description: "Ignite UI for Angular リニア ゲージ コンポーネントを使用すると、リニア ゲージの形式でデータを視覚化できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/linear-progress.mdx b/docs/angular/src/content/jp/components/linear-progress.mdx
index 23a71c6d83..90d41830f5 100644
--- a/docs/angular/src/content/jp/components/linear-progress.mdx
+++ b/docs/angular/src/content/jp/components/linear-progress.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Linear Progress Bar コンポーネントを
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, Angular UI コンポーネント, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular Linear Progress コンポーネント, Angular Linear Progress コントロール
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Linear Progress Bar コンポーネントを使用すると、プログレス バーを表示し、色またはストライプなどの外観をカスタマイズします。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/list.mdx b/docs/angular/src/content/jp/components/list.mdx
index 8e9069ec51..7814c00a46 100644
--- a/docs/angular/src/content/jp/components/list.mdx
+++ b/docs/angular/src/content/jp/components/list.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular List コンポーネントは、アイテム
 keywords: angular list, ignite ui for angular, angular list コンポーネント, angular list view, angular list view コンポーネント, angular ui コンポーネント
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular List コンポーネントは項目の行を表示し、ヘッダー項目を 1 つ以上、さらにリスト項目の検索およびフィルタリングをサポートします。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/maps/map-api.mdx b/docs/angular/src/content/jp/components/maps/map-api.mdx
index 9ce8a6f258..f9f661a2de 100644
--- a/docs/angular/src/content/jp/components/maps/map-api.mdx
+++ b/docs/angular/src/content/jp/components/maps/map-api.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["GeographicMap", "Series", "SeriesViewer", "GeographicSymbolSeries", "GeographicProportionalSymbolSeries", "GeographicShapeSeries", "GeographicHighDensityScatterSeries", "GeographicScatterAreaSeries", "GeographicContourLineSeries", "GeographicShapeSeriesBase"]
 namespace: Infragistics.Controls.Maps
 _language: ja
+llms:
+  description: "インフラジスティックスの Ignite UI for Angular マップは、マップ ビジュアルを構成およびスタイル設定するための便利な API を提供します。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/mask.mdx b/docs/angular/src/content/jp/components/mask.mdx
index ada4e12c3b..5fd0ea28e0 100644
--- a/docs/angular/src/content/jp/components/mask.mdx
+++ b/docs/angular/src/content/jp/components/mask.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Mask ディレクティブを使用すると
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント, Angular, ネイティブ Angular コンポーネント スィート, Angular UI コンポーネント, ネイティブ Angular コンポーネント ライブラリ, Angular Mask ディレクティブ, マスク, ディレクティブ, マスク エディター, Angular Mask エディター
 license: MIT
 _language: ja
+llms:
+  description: "テキスト入力フィールドに igxMask ディレクティブを適用し、構成可能なマスク ルールに基づいてユーザー入力を制御して表示される値を書式設定できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/material-icons-extended.mdx b/docs/angular/src/content/jp/components/material-icons-extended.mdx
index f8b4a3bbe1..19ee17ec5b 100644
--- a/docs/angular/src/content/jp/components/material-icons-extended.mdx
+++ b/docs/angular/src/content/jp/components/material-icons-extended.mdx
@@ -3,6 +3,8 @@ title: 拡張されたマテリアル アイコン | MITライセンス
 description: Ignite UI for Angular は、マテリアル アイコン セットを拡張して、デザイナーや開発者に幅広いアイコンを提供しています。 
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール、ネイティブ Angular コンポーネント ライブラリ, Angular Icon コンポーネント, Angular Icon コントロール, 拡張されたマテリアル アイコン
 license: MIT
+llms:
+  description: "Ignite UI for Angular は、マテリアル アイコン セットを拡張して、デザイナーや開発者に幅広いアイコンを提供しています。"
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/menus/toolbar.mdx b/docs/angular/src/content/jp/components/menus/toolbar.mdx
index 0c1b0b7208..834a1df00a 100644
--- a/docs/angular/src/content/jp/components/menus/toolbar.mdx
+++ b/docs/angular/src/content/jp/components/menus/toolbar.mdx
@@ -5,6 +5,8 @@ keywords: "Ignite UI for Angular, UI コントロール, Angular ウィジェッ
 license: commercial
 mentionedTypes: ["Toolbar", "ToolAction", "DomainChart", "CategoryChart", "DataChart", "TrendLineType"]
 _language: ja
+llms:
+  description: "Angular ツールバー コンポーネントは、主にチャート コンポーネントで使用される UI 操作のコンパニオン コンテナーです。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/month-picker.mdx b/docs/angular/src/content/jp/components/month-picker.mdx
index e6ec8b6eab..622caea581 100644
--- a/docs/angular/src/content/jp/components/month-picker.mdx
+++ b/docs/angular/src/content/jp/components/month-picker.mdx
@@ -4,6 +4,8 @@ description: Angular Month Picker コンポーネントは、カレンダー ビ
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular Month Picker コンポーネント, Angular Month Picker コントロール
 license: MIT
 _language: ja
+llms:
+  description: "Angular Month Picker コンポーネントは、カレンダー ビューで年や月を簡単で直感的な選択できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/multi-column-combobox.mdx b/docs/angular/src/content/jp/components/multi-column-combobox.mdx
index 839ad09e64..b98089678d 100644
--- a/docs/angular/src/content/jp/components/multi-column-combobox.mdx
+++ b/docs/angular/src/content/jp/components/multi-column-combobox.mdx
@@ -5,6 +5,8 @@ keywords: Angular combo, drop down, Ignite UI for Angular, Infragistics, Angular
 license: MIT
 mentionedTypes: []
 _language: ja
+llms:
+  description: "複数列コンボ ボックスは、データ オブジェクトのプロパティ列を自動的に生成します。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/navbar.mdx b/docs/angular/src/content/jp/components/navbar.mdx
index 4d08d5f07a..ce616a2021 100644
--- a/docs/angular/src/content/jp/components/navbar.mdx
+++ b/docs/angular/src/content/jp/components/navbar.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Navbar コントロールはアプリケー
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, Angular UI コンポーネント, ネイティブ Angular コンポーネント ライブラリ, Angular Navbar コンポーネント, Angular Navbar コントロール, Angular Navigation Bar, Angular Navigation Bar コンポーネント
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Navbar は、アプリケーション内の現在位置をユーザーに通知し、ブラウザーの [戻る] ボタンのように戻る機能を提供するアプリケーション ヘッダー コンポーネントです。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/navdrawer.mdx b/docs/angular/src/content/jp/components/navdrawer.mdx
index bb6ae9d5e0..2c1bfa47db 100644
--- a/docs/angular/src/content/jp/components/navdrawer.mdx
+++ b/docs/angular/src/content/jp/components/navdrawer.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Navigation Drawer コンポーネントは、
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スィート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular Navigation Drawer コンポーネント, Angular Navigation Drawer コントロール
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Navigation Drawer コンポーネントは、コードでスライド イン/アウト ナビゲーション コンテナーの実装が可能です。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/nuget-feed.mdx b/docs/angular/src/content/jp/components/nuget-feed.mdx
index 8368bc48a9..1f7d1b82bd 100644
--- a/docs/angular/src/content/jp/components/nuget-feed.mdx
+++ b/docs/angular/src/content/jp/components/nuget-feed.mdx
@@ -5,6 +5,8 @@ keywords: Angular, NuGet, Feed, Infragistics, NuGet, フィード, インフラ
 license: MIT
 mentionedTypes: []
 _language: ja
+llms:
+  description: "Infragistics は製品版を使用するユーザーにプライベート NuGet フィードを提供し、製品版の Ignite UI for Blazor NuGet パッケージを NuGet パッケージ マネージャーを介して追加します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/overlay-position.mdx b/docs/angular/src/content/jp/components/overlay-position.mdx
index 4fe12fcb11..823533f797 100644
--- a/docs/angular/src/content/jp/components/overlay-position.mdx
+++ b/docs/angular/src/content/jp/components/overlay-position.mdx
@@ -3,6 +3,8 @@ title: オーバーレイ サービス - 配置ストラテジ - MITライセン
 description: オーバーレイ サービスの IPositionStrategy インターフェイスとそれを実装するクラスに関する説明と例の紹介。
 license: MIT
 _language: ja
+llms:
+  description: "配置ストラテジは、提供された IgxOverlayService でコンポーネントを表示する場所を決定します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/overlay-scroll.mdx b/docs/angular/src/content/jp/components/overlay-scroll.mdx
index ab18d7e3e9..0212526191 100644
--- a/docs/angular/src/content/jp/components/overlay-scroll.mdx
+++ b/docs/angular/src/content/jp/components/overlay-scroll.mdx
@@ -3,6 +3,8 @@ title: Overlay サービス - スクロール ストラテジ - MITライセン
 description: オーバレイ サービスの IScrollStrategy インターフェイスと実装するクラスについての説明とその例です。
 license: MIT
 _language: ja
+llms:
+  description: "スクロール方法は指定された IgxOverlayService でスクロールを処理する方法を決定します。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/overlay-styling.mdx b/docs/angular/src/content/jp/components/overlay-styling.mdx
index b632cb7be1..3fa3f5f770 100644
--- a/docs/angular/src/content/jp/components/overlay-styling.mdx
+++ b/docs/angular/src/content/jp/components/overlay-styling.mdx
@@ -4,6 +4,8 @@ description: IgniteUI for Angular Overlay Service は、表示される要素に
 keywords: Ignite UI for Angular, Angular Overlay Service, Angular UI controls, Overlay Service, View Encapsulation Example, Sass scoped styles in Angular, web widgets, UI widgets, Angular, Native Angular Components Suite, Native Angular Controls, Native Angular Components Library
 license: MIT
 _language: ja
+llms:
+  description: "IgxOverlayService は、ページ コンテンツの上にコンテンツを表示するために使用されます。"
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/overlay.mdx b/docs/angular/src/content/jp/components/overlay.mdx
index bc45f908ec..8f5f04a40c 100644
--- a/docs/angular/src/content/jp/components/overlay.mdx
+++ b/docs/angular/src/content/jp/components/overlay.mdx
@@ -4,6 +4,8 @@ description: ページのその他すべてのコンポーネント/HTML コン
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular オーバーレイ サービス コンポーネント
 license: MIT
 _language: ja
+llms:
+  description: "オーバーレイ サービスはアプリケーションの前景にコンテンツを動的な描画をサポートします。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/paginator.mdx b/docs/angular/src/content/jp/components/paginator.mdx
index 6921b90f3d..1cb8b1a03e 100644
--- a/docs/angular/src/content/jp/components/paginator.mdx
+++ b/docs/angular/src/content/jp/components/paginator.mdx
@@ -4,6 +4,8 @@ description: Angular ページネーションを設定し、Ignite UI を使用
 keywords: angular paginator, angular paginator コンポーネント, angular ui コンポーネント, igniteui for angular, インフラジスティックス
 license: MIT
 _language: ja
+llms:
+  description: "Angular のページネーションは、巨大なデータ セットを操作する場合の最適化手法です。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/pie-chart.mdx b/docs/angular/src/content/jp/components/pie-chart.mdx
index 58d9eaf4de..a83bb5bbc9 100644
--- a/docs/angular/src/content/jp/components/pie-chart.mdx
+++ b/docs/angular/src/content/jp/components/pie-chart.mdx
@@ -5,6 +5,8 @@ keywords: Angular charts, pie chart, Ignite UI for Angular, Infragistics, data b
 license: commercial
 mentionedTypes: ['XamPieChart','SliceSelectionMode','PieSliceOthersContext']
 _language: ja
+llms:
+  description: "Ignite UI for Angular 円チャート コンポネントは、セクションに分割された円形の領域で構成される、円チャートを表示するためのコンポーネントです。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/pivotgrid/pivot-grid-custom.mdx b/docs/angular/src/content/jp/components/pivotgrid/pivot-grid-custom.mdx
index 712ce6b52c..1dd09d3513 100644
--- a/docs/angular/src/content/jp/components/pivotgrid/pivot-grid-custom.mdx
+++ b/docs/angular/src/content/jp/components/pivotgrid/pivot-grid-custom.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular を使用して、高速で応答性の高い
 keywords: angular ピボット グリッド, Angular ピボット テーブル, ignite ui for angular, ピボット グリッドのカスタマイズ, ピボット グリッド リモート, ピボット リモート
 license: commercial
 _language: ja
+llms:
+  description: "ピボット データがすでにリモート サービスからグループ化および集計されており、クライアントでさらに処理する必要がないシナリオでは、クライアントでのデータ処理をスキップし、データをそのまま直接表示できるようにするカスタムの空のストラテジを使用するように構成できます。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/pivotgrid/pivot-grid-features.mdx b/docs/angular/src/content/jp/components/pivotgrid/pivot-grid-features.mdx
index 4fcdc03ce8..8917f1c1ac 100644
--- a/docs/angular/src/content/jp/components/pivotgrid/pivot-grid-features.mdx
+++ b/docs/angular/src/content/jp/components/pivotgrid/pivot-grid-features.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular を使用して、高速で応答性の高い
 keywords: angular ピボット グリッド, Angular ピボット テーブル, ignite ui for angular, ピボット グリッド機能, ピボット機能
 license: commercial
 _language: ja
+llms:
+  description: "ピボットおよびフラット グリッド コンポーネント クラスは、共通ベースを継承しているため、いくつかの機能を共有しています。"
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/pivotgrid/pivot-grid.mdx b/docs/angular/src/content/jp/components/pivotgrid/pivot-grid.mdx
index 5a7d72aecd..17c4355254 100644
--- a/docs/angular/src/content/jp/components/pivotgrid/pivot-grid.mdx
+++ b/docs/angular/src/content/jp/components/pivotgrid/pivot-grid.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular を使用して、高速で応答性の高い
 keywords: angular pivot grid, angular pivot grid コンポーネント, angular pivot table, angular pivot table コンポーネント, angular pivot data table, Angular pivot table, angular ui コンポーネント, ignite ui for angular
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular Pivot Grid は、当社の最高の Angular コンポーネントの 1 つであり、グループ化された値と集計のテーブルを表す UI コンポーネントであり、データを表形式で整理して要約することができます。"
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/query-builder-model.mdx b/docs/angular/src/content/jp/components/query-builder-model.mdx
index fc97bfb887..62a06061bc 100644
--- a/docs/angular/src/content/jp/components/query-builder-model.mdx
+++ b/docs/angular/src/content/jp/components/query-builder-model.mdx
@@ -4,6 +4,8 @@ description: Angular Query Builder は、シリアル化/逆シリアル化可
 keywords: Angular Query Builder コンポーネント, Angular Query Builder コントロール, Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, Angular UI コンポーネント, ネイティブAngular コンポーネント ライブラリ
 license: commercial
 _language: ja
+llms:
+  description: "Angular Query Builder は、シリアル化/逆シリアル化可能な JSON 形式モデルを提供し、SQL クエリを簡単に構築できるようにします。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/query-builder.mdx b/docs/angular/src/content/jp/components/query-builder.mdx
index 33fc2249b1..e339f8336a 100644
--- a/docs/angular/src/content/jp/components/query-builder.mdx
+++ b/docs/angular/src/content/jp/components/query-builder.mdx
@@ -4,6 +4,8 @@ description: Angular Query Builder (クエリ ビルダー) を使用すると
 keywords: Angular Query Builder コンポーネント, Angular Query Builder コントロール, Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, Angular UI コンポーネント, ネイティブ Angular コンポーネント ライブラリ
 license: commercial
 _language: ja
+llms:
+  description: "Angular Query Builder は、Angular コンポーネントの一部であり、開発者が指定されたデータ セットに対して複雑なデータ フィルタリング クエリを作成できる機能豊富な UI を提供します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/radial-gauge.mdx b/docs/angular/src/content/jp/components/radial-gauge.mdx
index 7613eb40bc..3a8fa03580 100644
--- a/docs/angular/src/content/jp/components/radial-gauge.mdx
+++ b/docs/angular/src/content/jp/components/radial-gauge.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["RadialGauge", "RadialGaugeRange"]
 namespace: Infragistics.Controls.Gauges
 _language: ja
+llms:
+  description: "Angular Radial Gauge コンポーネントは、針、目盛り、範囲、ラベルなどの視覚要素をサポートし、定義済みの図形やスケールを表示できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/radio-button.mdx b/docs/angular/src/content/jp/components/radio-button.mdx
index c808b0f274..4d7ff089ee 100644
--- a/docs/angular/src/content/jp/components/radio-button.mdx
+++ b/docs/angular/src/content/jp/components/radio-button.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Radio Button コントロールおよび Radi
 keywords: Angular Radio Group コンポーネント, Angular Radio Group コントロール, Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, Angular UI コンポーネント, ネイティブ Angular コンポーネント ライブラリ
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Radio Button コントロールおよび Radio Group コントロールは、テンプレート主導およびリアクティブ フォームで選択可能なオプションのリストを表示します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/rating.mdx b/docs/angular/src/content/jp/components/rating.mdx
index 8674baa03c..1ccc6da4c2 100644
--- a/docs/angular/src/content/jp/components/rating.mdx
+++ b/docs/angular/src/content/jp/components/rating.mdx
@@ -4,6 +4,8 @@ description: Angular 星評価コンポーネントを使用すると、ユー
 keywords: Angular Rating コンポーネント, Angular Rating コントロール, Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, Angular UI コンポーネント, ネイティブ Angular コンポーネント ライブラリ
 license: MIT
 _language: ja
+llms:
+  description: "Angular の評価は、星評価システムを使用して、ユーザーが Web ページ上でフィードバックを迅速に提供し、製品またはサービスを評価できるようにするウィジェットを表します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/ripple.mdx b/docs/angular/src/content/jp/components/ripple.mdx
index 661e96c7b5..1ff17b5ad6 100644
--- a/docs/angular/src/content/jp/components/ripple.mdx
+++ b/docs/angular/src/content/jp/components/ripple.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Ripple ディレクティブは、リップ
 keywords: Angular Ripple コンポーネント, Angular Ripple ディレクティブ, Angular Ripple コントロール, Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, Angular UI コンポーネント, ネイティブ Angular コンポーネント ライブラリ
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Ripple ディレクティブは、リップル アニメーション エフェクトが適用されている領域を定義できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/select.mdx b/docs/angular/src/content/jp/components/select.mdx
index ae5e859f3b..74e5e958a2 100644
--- a/docs/angular/src/content/jp/components/select.mdx
+++ b/docs/angular/src/content/jp/components/select.mdx
@@ -4,6 +4,8 @@ description: Angular Select コンポーネントを構成する方法につい
 keywords: angular select, angular select コンポーネント, angular フォーム, angular フォーム select コンポーネント, angular ui コンポーネント, igniteui for angular, インフラジスティックス
 license: MIT
 _language: ja
+llms:
+  description: "Angular Select は、事前定義された値のリストから 1 つの値を選択するために使用されるフォーム コンポーネントです。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/simple-combo.mdx b/docs/angular/src/content/jp/components/simple-combo.mdx
index bf65c3726a..0511208c37 100644
--- a/docs/angular/src/content/jp/components/simple-combo.mdx
+++ b/docs/angular/src/content/jp/components/simple-combo.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular ComboBox は、基本的な HTML 入力、選
 keywords: angular 単一選択 combobox, angular combobox コンポーネント, angular 単一選択 combobox コンポーネント, angular combo, angular ui コンポーネント, ignite ui for angular, インフラジスティックス
 license: MIT
 _language: ja
+llms:
+  description: "Angular Single Select ComboBox コンポーネントは、単一の選択を可能にする ComboBox コンポーネントの変更です。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/slider/slider-ticks.mdx b/docs/angular/src/content/jp/components/slider/slider-ticks.mdx
index 1ca7aaa5de..5e406590dc 100644
--- a/docs/angular/src/content/jp/components/slider/slider-ticks.mdx
+++ b/docs/angular/src/content/jp/components/slider/slider-ticks.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Slider 目盛りを設定する方法を紹
 keywords: 目盛り, igniteui for angular, インフラジスティックス
 license: MIT
 _language: ja
+llms:
+  description: "- Slider - IgxSliderComponent スタイル - IRangeSliderValue - SliderType"
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/slider/slider.mdx b/docs/angular/src/content/jp/components/slider/slider.mdx
index 7f64421e7c..50dc77221c 100644
--- a/docs/angular/src/content/jp/components/slider/slider.mdx
+++ b/docs/angular/src/content/jp/components/slider/slider.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular の Angular Slider でつまみラックを
 keywords: angular slider, angular sliderコンポーネント, angular range slider コンポーネント, angular range input コンポーネント, angular ui コンポーネント, igniteui for angular, インフラジスティックス
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular の Angular Slider でつまみラックを使用して、特定の範囲で選択を構成する方法を紹介します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/snackbar.mdx b/docs/angular/src/content/jp/components/snackbar.mdx
index 394fb56956..7a3398295c 100644
--- a/docs/angular/src/content/jp/components/snackbar.mdx
+++ b/docs/angular/src/content/jp/components/snackbar.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Snackbar を使用すると、単一行メッ
 keywords: Angular Snackbar コンポーネント, Angular Snackbar コントロール, Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, Angular UI コンポーネント, ネイティブ Angular コンポーネント ライブラリ
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Snackbar を使用すると、単一行メッセージをモバイルおよびデスクトップ アプリケーションに含みます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/sparkline.mdx b/docs/angular/src/content/jp/components/sparkline.mdx
index 3a4948db3a..026eaf961a 100644
--- a/docs/angular/src/content/jp/components/sparkline.mdx
+++ b/docs/angular/src/content/jp/components/sparkline.mdx
@@ -5,6 +5,8 @@ keywords: Sparkline, Ignite UI for Angular, Infragistics, WinLoss, Area, Column,
 license: MIT
 mentionedTypes: ['XamSparkline', 'SparklineDisplayType', 'TrendLineType']
 _language: ja
+llms:
+  description: "Ignite UI for Angular スパークライン コンポーネントは、軽量なチャート コントロールです。"
 ---
 
 # Angular スパークラインの概要
diff --git a/docs/angular/src/content/jp/components/splitter.mdx b/docs/angular/src/content/jp/components/splitter.mdx
index 7d68cc77f7..9962b4cfff 100644
--- a/docs/angular/src/content/jp/components/splitter.mdx
+++ b/docs/angular/src/content/jp/components/splitter.mdx
@@ -3,6 +3,8 @@ title: Angular スプリッター | 分割されたペイン |  Ignite UI for An
 description: Angular Splitter コンポーネントを使用して、ビューを水平または垂直に複数の縮小可能なスプリット ペインに分割する単純な分割レイアウトを作成します。
 keywords: angular splitter, angular splitterコンポーネント, angular 分割ビュー コンポーネント, angular ui コンポーネント, igniteui for angular, インフラジスティックス
 license: MIT
+llms:
+  description: "Ignite UI for Angular Splitter コンポーネントはレイアウトを作成し、サイズ変更、展開、縮小が可能な複数の垂直方向または水平方向に配置されたペインに分割できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/spreadsheet-activation.mdx b/docs/angular/src/content/jp/components/spreadsheet-activation.mdx
index 96908dba32..b36da0f0f1 100644
--- a/docs/angular/src/content/jp/components/spreadsheet-activation.mdx
+++ b/docs/angular/src/content/jp/components/spreadsheet-activation.mdx
@@ -9,6 +9,8 @@ _description: Learn how to use the activation feature of the  Angular spreadshee
 _keywords: Excel Spreadsheet, activation, Ignite UI for Angular, Infragistics
 _license: commercial
 
+llms:
+  description: "Angular Spreadsheet コンポーネントは、コントロールで現在アクティブなセル、ペイン、およびワークシートを決定できるプロパティを公開します。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/spreadsheet-chart-adapter.mdx b/docs/angular/src/content/jp/components/spreadsheet-chart-adapter.mdx
index 6a1a23c01f..38a52b450d 100644
--- a/docs/angular/src/content/jp/components/spreadsheet-chart-adapter.mdx
+++ b/docs/angular/src/content/jp/components/spreadsheet-chart-adapter.mdx
@@ -5,6 +5,8 @@ keywords: Excel Spreadsheet, chart adapter, Ignite UI for Angular, Infragistics,
 license: commercial
 mentionedTypes: ["Spreadsheet", "Worksheet", "WorksheetShapeCollection", "WorksheetChart"]
 _language: ja
+llms:
+  description: "ChartAdapter を使用すると、スプレッドシートにチャートを表示できます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/spreadsheet-clipboard.mdx b/docs/angular/src/content/jp/components/spreadsheet-clipboard.mdx
index c2dd7a55d2..ac2e650770 100644
--- a/docs/angular/src/content/jp/components/spreadsheet-clipboard.mdx
+++ b/docs/angular/src/content/jp/components/spreadsheet-clipboard.mdx
@@ -5,6 +5,8 @@ keywords: Spreadsheet, clipboard operations, Ignite UI for Angular, Infragistics
 license: commercial
 mentionedTypes: ["Spreadsheet", "SpreadsheetAction", "SpreadsheetCommandType", "Command"]
 _language: ja
+llms:
+  description: "次のコード スニペットは、Angular Spreadsheet コントロールでクリップボードに関連するコマンドを実行する方法を示しています。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/spreadsheet-commands.mdx b/docs/angular/src/content/jp/components/spreadsheet-commands.mdx
index 1aa52a546c..ef3ecdf91d 100644
--- a/docs/angular/src/content/jp/components/spreadsheet-commands.mdx
+++ b/docs/angular/src/content/jp/components/spreadsheet-commands.mdx
@@ -5,6 +5,8 @@ keywords: Spreadsheet, commands, Ignite UI for Angular, Infragistics, スプレ
 license: commercial
 mentionedTypes: ["Spreadsheet", "SpreadsheetAction"]
 _language: ja
+llms:
+  description: "Angular Spreadsheet コンポーネントは、スプレッドシートのさまざまな機能をアクティブにするためのコマンドを実行できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/spreadsheet-conditional-formatting.mdx b/docs/angular/src/content/jp/components/spreadsheet-conditional-formatting.mdx
index 08c19a82ee..c872a07a30 100644
--- a/docs/angular/src/content/jp/components/spreadsheet-conditional-formatting.mdx
+++ b/docs/angular/src/content/jp/components/spreadsheet-conditional-formatting.mdx
@@ -5,6 +5,8 @@ keywords: Spreadsheet, conditional formatting, Ignite UI for Angular, Infragisti
 license: commercial
 mentionedTypes: ["Spreadsheet", "ConditionalFormatCollection", "WorksheetCell", "Worksheet", "IWorksheetCellFormat"]
 _language: ja
+llms:
+  description: "Angular Spreadsheet コンポーネントは、ワークシートのセルに条件付き書式を設定できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/spreadsheet-configuring.mdx b/docs/angular/src/content/jp/components/spreadsheet-configuring.mdx
index d0876ed9c5..033f44c579 100644
--- a/docs/angular/src/content/jp/components/spreadsheet-configuring.mdx
+++ b/docs/angular/src/content/jp/components/spreadsheet-configuring.mdx
@@ -5,6 +5,8 @@ keywords: Excel Spreadsheet, Ignite UI for Angular, Infragistics, Excel スプ
 license: commercial
 mentionedTypes: ["Spreadsheet"]
 _language: ja
+llms:
+  description: "Angular Spreadsheet コンポネントは、セルの編集、グリッド線とヘッダーの表示、保護、ズーム レベル、および Excel ワークシートに関連するその他のさまざまなプロパティなど、コントロールのさまざまな側面を設定できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/spreadsheet-data-validation.mdx b/docs/angular/src/content/jp/components/spreadsheet-data-validation.mdx
index df444a4ac3..d56910ba30 100644
--- a/docs/angular/src/content/jp/components/spreadsheet-data-validation.mdx
+++ b/docs/angular/src/content/jp/components/spreadsheet-data-validation.mdx
@@ -5,6 +5,8 @@ keywords: Excel Spreadsheet, data validation, Ignite UI for Angular, Infragistic
 license: commercial
 _language: ja
 mentionedTypes: ["Spreadsheet"]
+llms:
+  description: "このトピックでは、一括データ検証規則を構成および設定する方法について説明します。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/spreadsheet-hyperlinks.mdx b/docs/angular/src/content/jp/components/spreadsheet-hyperlinks.mdx
index c2dd3bc39c..fe523b84c9 100644
--- a/docs/angular/src/content/jp/components/spreadsheet-hyperlinks.mdx
+++ b/docs/angular/src/content/jp/components/spreadsheet-hyperlinks.mdx
@@ -5,6 +5,8 @@ keywords: Excel Spreadsheet, hyperlinks, Ignite UI for Angular, Infragistics, Ex
 license: commercial
 mentionedTypes: ["Spreadsheet"]
 _language: ja
+llms:
+  description: "Angular Spreadsheet コンポーネントは、Excel ワークブックに既存のハイパーリンクを表示、Web サイト、ファイル ディレクトリ、およびワークブック内の他のワークシートにリンクできる新しいハイパーリンクを挿入できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/spreadsheet-overview.mdx b/docs/angular/src/content/jp/components/spreadsheet-overview.mdx
index 49ea889c8f..272539753b 100644
--- a/docs/angular/src/content/jp/components/spreadsheet-overview.mdx
+++ b/docs/angular/src/content/jp/components/spreadsheet-overview.mdx
@@ -5,6 +5,8 @@ license: commercial
 keywords: Excel Spreadsheet, Ignite UI for Angular, Infragistics, Excel スプレッドシート, インフラジスティックス
 _language: ja
 mentionedTypes: ["Spreadsheet"]
+llms:
+  description: "Angular Spreadsheet (Excel ビューア) コンポーネントは軽量で機能が豊富で、科学、ビジネス、財務など、あらゆる種類のスプレッドシート データを操作、視覚化、編集するために必要なすべてのオプションが用意されています。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/stepper.mdx b/docs/angular/src/content/jp/components/stepper.mdx
index 5dcb604a19..958b2d713b 100644
--- a/docs/angular/src/content/jp/components/stepper.mdx
+++ b/docs/angular/src/content/jp/components/stepper.mdx
@@ -4,6 +4,8 @@ description: Angular Stepper コンポーネントを使用してコンテンツ
 keywords: Angular Stepper コンポーネント, Angular ウィザード コンポーネント, Angular Stepper コントロール, Angular ウィザード コントロール, Angular UI コンポーネント, Ignite UI for Angular, UI コンポーネント, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, インフラジスティックス
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Stepper は高度にカスタマイズ可能なコンポーネントで、必要なプロセスを可視化し、進行状況を各ステップで表示します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/style-guide.mdx b/docs/angular/src/content/jp/components/style-guide.mdx
index 3a7c6eb74a..ae109d09f8 100644
--- a/docs/angular/src/content/jp/components/style-guide.mdx
+++ b/docs/angular/src/content/jp/components/style-guide.mdx
@@ -1,6 +1,8 @@
 ---
 title: スタイル ガイド
 _language: ja
+llms:
+  description: "Ignite UI for Angular ドキュメントで使用するカラー、タイポグラフィ、見出し、リンク、コードなどの視覚スタイルをまとめたガイドです。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/switch.mdx b/docs/angular/src/content/jp/components/switch.mdx
index f61bbcdcbf..cd513c2f40 100644
--- a/docs/angular/src/content/jp/components/switch.mdx
+++ b/docs/angular/src/content/jp/components/switch.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Switch コンポーネントはアプリケ
 keywords: Angular Switch コンポーネント, Angular Switch コントロール, Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, Angular UI コンポーネント, ネイティブ Angular コンポーネント ライブラリ
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Switch コンポーネントはアプリケーションにバイナリ有効/無効または true/false のデータ入力関数を追加します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/tabbar.mdx b/docs/angular/src/content/jp/components/tabbar.mdx
index ea13ad81e4..9312436196 100644
--- a/docs/angular/src/content/jp/components/tabbar.mdx
+++ b/docs/angular/src/content/jp/components/tabbar.mdx
@@ -4,6 +4,8 @@ description: タブ付きのユーザー インターフェイスでタブを表
 keywords: Angular Bottom Nav コンポーネント, Angular Bottom Navigation コントロール, Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, Angular UI コンポーネント, ネイティブ Angular コンポーネント ライブラリ
 license: MIT
 _language: ja
+llms:
+  description: "Angular Bottom Navigation コンポーネントでタブ項目を構成し、選択状態、スタイル、ナビゲーション動作を管理する方法を説明します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/tabs.mdx b/docs/angular/src/content/jp/components/tabs.mdx
index 06bbd09878..6bcffaed20 100644
--- a/docs/angular/src/content/jp/components/tabs.mdx
+++ b/docs/angular/src/content/jp/components/tabs.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Tabs コンポーネントはタブを上側
 keywords: Angular Tabs コンポーネント, Angular Tabs コントロール, Angular Tabs, Angular Tabbar コンポーネント, Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コンポーネント, Angular UI コンポーネント, ネイティブ Angular コンポーネント ライブラリ
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Tabs は、関連するコンテンツを 1 つのタブ付きビューで整理およびグループ化することを主な目的とするフル機能のユーザー インターフェース コンポーネントです。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/texthighlight.mdx b/docs/angular/src/content/jp/components/texthighlight.mdx
index 9616522539..d0d9131314 100644
--- a/docs/angular/src/content/jp/components/texthighlight.mdx
+++ b/docs/angular/src/content/jp/components/texthighlight.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular TextHighlight ディレクティブは、テ
 keywords: Angular TextHighlight ディレクティブ, Angular Text Highlight ディレクティブ, IgxTextHighlight ディレクティブ, Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コンポーネント, Angular UI コンポーネント, ネイティブ Angular コンポーネント ライブラリ
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular の TextHighlightDirective および IgxTextHighlightService は、テキストの強調表示、大文字と小文字の区別のオプション、完全一致のみの強調表示をサポートします。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/themes.mdx b/docs/angular/src/content/jp/components/themes.mdx
index 7f0be8e9b3..6d827abc23 100644
--- a/docs/angular/src/content/jp/components/themes.mdx
+++ b/docs/angular/src/content/jp/components/themes.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular テーマ コンポーネントは SASS に
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スィート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, ネイティブ Angular コンポーネント, Angular Theming コンポーネント, Angular Theming
 license: MIT
 _language: ja
+llms:
+  description: "コードの少数行で、コンポーネントのテーマを簡単に変更できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/themes/elevations.mdx b/docs/angular/src/content/jp/components/themes/elevations.mdx
index 6cc5add271..68e6200869 100644
--- a/docs/angular/src/content/jp/components/themes/elevations.mdx
+++ b/docs/angular/src/content/jp/components/themes/elevations.mdx
@@ -3,6 +3,8 @@ title: エレベーション (シャドウ)
 description:
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ
 _language: ja
+llms:
+  description: "エレベーションは、Document Object Model ツリーの間に境界線を描画し、機能のカプセル化を向上します。"
 ---
 
 # エレベーション
diff --git a/docs/angular/src/content/jp/components/themes/index.mdx b/docs/angular/src/content/jp/components/themes/index.mdx
index e59805e16c..2abafb9569 100644
--- a/docs/angular/src/content/jp/components/themes/index.mdx
+++ b/docs/angular/src/content/jp/components/themes/index.mdx
@@ -3,6 +3,8 @@ title: Theming Engine - ネイティブ Angular | Ignite UI for Angular
 description: Ignite UI for Angular テーマ エンジンは SASS によって開発されます。API は簡単で、単一のコンポーネント、複数のコンポーネント、またはアプリケーション全体のスタイル変更を適用できます。
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, ネイティブ Angular コンポーネント, Angular テーマ エンジン, Angular Theming
 _language: ja
+llms:
+  description: "Ignite UI for Angular を使用すると、CSS 変数を使用してすべてのコンポーネント テーマのスタイルを変更できます。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/themes/misc/angular-material-theming.mdx b/docs/angular/src/content/jp/components/themes/misc/angular-material-theming.mdx
index 47b9ad7181..3f0a1eeddf 100644
--- a/docs/angular/src/content/jp/components/themes/misc/angular-material-theming.mdx
+++ b/docs/angular/src/content/jp/components/themes/misc/angular-material-theming.mdx
@@ -3,6 +3,8 @@ title: Angular Material のテーマ
 description: Ignite UI for Angular テーマ エンジンを使用すると、Angular Material ライブラリなどの他のテーマ ライブラリからインポートされた外部コンポーネントと一緒に簡単に使用できます。
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, テーマ, Angular Material, Material コンポーネント
 _language: ja
+llms:
+  description: "Ignite UI for Angular テーマ エンジンを使用すると、Angular Material ライブラリなどの他のテーマ ライブラリからインポートされた外部コンポーネントと一緒に簡単に使用できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/themes/misc/bootstrap-theming.mdx b/docs/angular/src/content/jp/components/themes/misc/bootstrap-theming.mdx
index c587037fc3..2ae5a29973 100644
--- a/docs/angular/src/content/jp/components/themes/misc/bootstrap-theming.mdx
+++ b/docs/angular/src/content/jp/components/themes/misc/bootstrap-theming.mdx
@@ -3,6 +3,8 @@ title: Bootstrap のテーマ
 description:
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ、テーマ 
 _language: ja
+llms:
+  description: "Ignite UI for Angular テーマ エンジンは、Bootstrap のマークアップと CSS に基づいた人気のある NG Bootstrap などの他のコンポーネント ライブラリと組み合わせて使用できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/themes/misc/printing-styles.mdx b/docs/angular/src/content/jp/components/themes/misc/printing-styles.mdx
index 0acf016fa8..de0079de63 100644
--- a/docs/angular/src/content/jp/components/themes/misc/printing-styles.mdx
+++ b/docs/angular/src/content/jp/components/themes/misc/printing-styles.mdx
@@ -3,6 +3,8 @@ title: 印刷レイアウト
 description:
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ、印刷スタイル、@media 印刷 
 _language: ja
+llms:
+  description: "keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ、印刷スタイル、@media 印刷"
 ---
 
 # 印刷スタイル
diff --git a/docs/angular/src/content/jp/components/themes/misc/tailwind-classes.mdx b/docs/angular/src/content/jp/components/themes/misc/tailwind-classes.mdx
index a07c14f5e0..8ddc0dc025 100644
--- a/docs/angular/src/content/jp/components/themes/misc/tailwind-classes.mdx
+++ b/docs/angular/src/content/jp/components/themes/misc/tailwind-classes.mdx
@@ -3,6 +3,8 @@ title: Ignite UI の Tailwind 統合
 description: Ignite UI for Angular のテーマ エンジンのカスタム ユーティリティ クラスと Tailwind CSS を統合する方法について説明します。このガイドでは、セットアップの手順を説明し、ユーティリティ ファーストのアプローチでカラー、タイポグラフィ、シャドウのデザイン トークンを使用する方法について説明します。
 keywords: Ignite UI for Angular, Tailwind CSS, Angular スタイル、Angular テーマ設定, カスタム CSS, ユーティリティ クラス, テーマ設定エンジン, タイポグラフィ, シャドウ, カラー
 _language: ja
+llms:
+  description: "Ignite UI for Angular のテーマ エンジンのカスタム ユーティリティ クラスと Tailwind CSS を統合する方法について説明します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/themes/palettes.mdx b/docs/angular/src/content/jp/components/themes/palettes.mdx
index 3e51b3ff58..378e7bde91 100644
--- a/docs/angular/src/content/jp/components/themes/palettes.mdx
+++ b/docs/angular/src/content/jp/components/themes/palettes.mdx
@@ -3,6 +3,8 @@ title: パレット
 description:
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ
 _language: ja
+llms:
+  description: "keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/themes/roundness.mdx b/docs/angular/src/content/jp/components/themes/roundness.mdx
index 1e70bf9574..e303972bad 100644
--- a/docs/angular/src/content/jp/components/themes/roundness.mdx
+++ b/docs/angular/src/content/jp/components/themes/roundness.mdx
@@ -3,6 +3,8 @@ title: 丸み
 description: Ignite UI for Angular は、border-radius を変更してコンポーネントの形を変更できます。
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ
 _language: ja
+llms:
+  description: "Ignite UI for Angular では、丸みを 0 から 1 の間の値で調整することで、コンポーネントの形状をカスタマイズできます。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/themes/sass/animations.mdx b/docs/angular/src/content/jp/components/themes/sass/animations.mdx
index 2eaebf50e7..36a77948f0 100644
--- a/docs/angular/src/content/jp/components/themes/sass/animations.mdx
+++ b/docs/angular/src/content/jp/components/themes/sass/animations.mdx
@@ -3,6 +3,8 @@ title: アニメーション
 description: Ignite UI for Angular には、ユーザー エクスペリエンスを向上させるために特別に設計された 100 以上のビルド済みアニメーションが含まれています。
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, アニメーション
 _language: ja
+llms:
+  description: "Ignite UI for Angular には、ユーザー エクスペリエンスを向上させるために特別に設計された 100 以上のビルド済みアニメーションが含まれています。"
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/themes/sass/component-themes.mdx b/docs/angular/src/content/jp/components/themes/sass/component-themes.mdx
index 34ebb05da9..bddf6fd209 100644
--- a/docs/angular/src/content/jp/components/themes/sass/component-themes.mdx
+++ b/docs/angular/src/content/jp/components/themes/sass/component-themes.mdx
@@ -3,6 +3,8 @@ title: コンポーネント テーマ
 description: Ignite UI for Angular テーマ コンポーネントは SASS で開発されます。使用が簡単な API は単一のコンポーネント、複数のコンポーネント、またはスイート全体のスタイル変更を適用できます。
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, ネイティブ Angular コンポーネント, Angular Theming コンポーネント, Angular テーマ
 _language: ja
+llms:
+  description: "Ignite UI for Angular テーマ コンポーネントは SASS で開発されます。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/themes/sass/configuration.mdx b/docs/angular/src/content/jp/components/themes/sass/configuration.mdx
index 5f0a22ba13..18248d449c 100644
--- a/docs/angular/src/content/jp/components/themes/sass/configuration.mdx
+++ b/docs/angular/src/content/jp/components/themes/sass/configuration.mdx
@@ -3,6 +3,8 @@ title: テーマ ライブラリの構成
 description: Ignite UI for Angular テーマは、テーマ エンジンの動作を構成できるいくつかのグローバル変数を提供します。
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, ネイティブ Angular コンポーネント, Angular Theming コンポーネント, Angular Theming
 _language: ja
+llms:
+  description: "Ignite UI for Angular テーマは、テーマ エンジンの動作を構成できるいくつかのグローバル変数を提供します。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/themes/sass/elevations.mdx b/docs/angular/src/content/jp/components/themes/sass/elevations.mdx
index 684165747b..eab61ed09d 100644
--- a/docs/angular/src/content/jp/components/themes/sass/elevations.mdx
+++ b/docs/angular/src/content/jp/components/themes/sass/elevations.mdx
@@ -3,6 +3,8 @@ title: エレベーション/シャドウ
 description:
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ
 _language: ja
+llms:
+  description: "keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/themes/sass/global-themes.mdx b/docs/angular/src/content/jp/components/themes/sass/global-themes.mdx
index a1f8833b6f..f18e836f3d 100644
--- a/docs/angular/src/content/jp/components/themes/sass/global-themes.mdx
+++ b/docs/angular/src/content/jp/components/themes/sass/global-themes.mdx
@@ -3,6 +3,8 @@ title: グローバル テーマ
 description: Ignite UI for Angular テーマ コンポーネントは SASS で開発されます。使用が簡単な API は単一のコンポーネント、複数のコンポーネント、またはスイート全体のスタイル変更を適用できます。
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, ネイティブ Angular コンポーネント, Angular テーマ コンポーネント, Angular テーマ
 _language: ja
+llms:
+  description: "Ignite UI for Angular テーマ コンポーネントは SASS で開発されます。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/themes/sass/index.mdx b/docs/angular/src/content/jp/components/themes/sass/index.mdx
index 766f9fd341..48f530acd9 100644
--- a/docs/angular/src/content/jp/components/themes/sass/index.mdx
+++ b/docs/angular/src/content/jp/components/themes/sass/index.mdx
@@ -3,6 +3,8 @@ title: Sass を使用したテーマ
 description: The Ignite UI for Angular テーマは Sass で構築されており、コンポーネントやアプリケーション全体のスタイル変更を簡単にする API 関数とミックスインの豊富なセットを公開しています。
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, ネイティブ Angular コンポーネント, Angular テーマ コンポーネント, Angular テーマ
 _language: ja
+llms:
+  description: "The Ignite UI for Angular テーマは Sass で構築されており、コンポーネントやアプリケーション全体のスタイル変更を簡単にする API 関数とミックスインの豊富なセットを公開しています。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/themes/sass/palettes.mdx b/docs/angular/src/content/jp/components/themes/sass/palettes.mdx
index 25f982982f..2d7e1f9b6b 100644
--- a/docs/angular/src/content/jp/components/themes/sass/palettes.mdx
+++ b/docs/angular/src/content/jp/components/themes/sass/palettes.mdx
@@ -3,6 +3,8 @@ title: パレット
 description:
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ
 _language: ja
+llms:
+  description: "keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/themes/sass/presets/bootstrap.mdx b/docs/angular/src/content/jp/components/themes/sass/presets/bootstrap.mdx
index a4aa929876..7c59d11c94 100644
--- a/docs/angular/src/content/jp/components/themes/sass/presets/bootstrap.mdx
+++ b/docs/angular/src/content/jp/components/themes/sass/presets/bootstrap.mdx
@@ -1,5 +1,7 @@
 ---
 title: "Material から Bootstrap テーマへの切り替え"
+llms:
+  description: "バージョン 9.0 以降、コンポーネントには Bootstrap 4 および ng-bootstrap に基づいて構築された新しいテーマが含まれます。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/themes/sass/presets/fluent.mdx b/docs/angular/src/content/jp/components/themes/sass/presets/fluent.mdx
index 4650dc448b..b31d294e12 100644
--- a/docs/angular/src/content/jp/components/themes/sass/presets/fluent.mdx
+++ b/docs/angular/src/content/jp/components/themes/sass/presets/fluent.mdx
@@ -1,5 +1,7 @@
 ---
 title: "Material から Fluent テーマへの切り替え"
+llms:
+  description: "バージョン 8.2 以降、インフラジスティックスのコンポーネントでは、Microsoft Fluent デザイン システム に基づいて構築された新しいテーマが含まれます。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/themes/sass/presets/indigo.mdx b/docs/angular/src/content/jp/components/themes/sass/presets/indigo.mdx
index 7b776851b8..75d1f78734 100644
--- a/docs/angular/src/content/jp/components/themes/sass/presets/indigo.mdx
+++ b/docs/angular/src/content/jp/components/themes/sass/presets/indigo.mdx
@@ -1,5 +1,7 @@
 ---
 title: "Material から Indigo テーマへの切り替え"
+llms:
+  description: "バージョン 10.1 以降、インフラジスティックスのコンポーネントでは、独自のデザイン言語に基づいて構築された新しいテーマが含まれます。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/themes/sass/presets/material.mdx b/docs/angular/src/content/jp/components/themes/sass/presets/material.mdx
index 54038273eb..51cd9d51db 100644
--- a/docs/angular/src/content/jp/components/themes/sass/presets/material.mdx
+++ b/docs/angular/src/content/jp/components/themes/sass/presets/material.mdx
@@ -1,5 +1,7 @@
 ---
 title: "デフォルトのテーマ"
+llms:
+  description: "Material テーマの light バージョンは、Ignite UI for Angular のデフォルト テーマです。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/themes/sass/roundness.mdx b/docs/angular/src/content/jp/components/themes/sass/roundness.mdx
index 14bfa233c3..d25a55d328 100644
--- a/docs/angular/src/content/jp/components/themes/sass/roundness.mdx
+++ b/docs/angular/src/content/jp/components/themes/sass/roundness.mdx
@@ -3,6 +3,8 @@ title: 丸み Sass
 description: Ignite UI for Angular は、border-radius を変更してコンポーネントの形を変更できます。
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ 
 _language: ja
+llms:
+  description: "Ignite UI for Angular は、border-radius を変更してコンポーネントの形を変更できます。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/themes/sass/schemas.mdx b/docs/angular/src/content/jp/components/themes/sass/schemas.mdx
index 8e8c6e4f7e..3831214c2f 100644
--- a/docs/angular/src/content/jp/components/themes/sass/schemas.mdx
+++ b/docs/angular/src/content/jp/components/themes/sass/schemas.mdx
@@ -3,6 +3,8 @@ title: スキーマ
 description: Ignite UI for Angular テーマ化するスキーマを使用して、コンポーネント テーマのレシピを作成できます。
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ 
 _language: ja
+llms:
+  description: "Ignite UI for Angular テーマ化するスキーマを使用して、コンポーネント テーマのレシピを作成できます。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/themes/sass/typography.mdx b/docs/angular/src/content/jp/components/themes/sass/typography.mdx
index e570461330..c2d978243c 100644
--- a/docs/angular/src/content/jp/components/themes/sass/typography.mdx
+++ b/docs/angular/src/content/jp/components/themes/sass/typography.mdx
@@ -4,6 +4,8 @@ description:
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ
 _extraFont: https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700
 _language: ja 
+llms:
+  description: "keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/themes/spacing.mdx b/docs/angular/src/content/jp/components/themes/spacing.mdx
index 427bc87b89..ac8c8bb610 100644
--- a/docs/angular/src/content/jp/components/themes/spacing.mdx
+++ b/docs/angular/src/content/jp/components/themes/spacing.mdx
@@ -3,6 +3,8 @@ title: スペーシング | Ignite UI for Angular
 description: Ignite UI for Angular は、アプリケーション レベルまたはコンポーネント レベルでパディングとマージンを簡単に調整する方法を提供します。
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コンポーネント, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, スペーシング, パディング, マージン
 _language: ja
+llms:
+  description: "スペーシングの設定は、大量のデータを視覚的に表現する際に大きく役立ちます。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/jp/components/themes/typography.mdx b/docs/angular/src/content/jp/components/themes/typography.mdx
index 3f40723f4e..fb938ed04e 100644
--- a/docs/angular/src/content/jp/components/themes/typography.mdx
+++ b/docs/angular/src/content/jp/components/themes/typography.mdx
@@ -4,6 +4,8 @@ description:
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ
 _extraFont: https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700
 _language: ja
+llms:
+  description: "Ignite UI for Angular のタイポグラフィは、マテリアル タイプ システム (英語)をモデルにしています。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/tile-manager.mdx b/docs/angular/src/content/jp/components/tile-manager.mdx
index 457d4a8b15..c0a9158415 100644
--- a/docs/angular/src/content/jp/components/tile-manager.mdx
+++ b/docs/angular/src/content/jp/components/tile-manager.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Tile Manager コンポーネントを使用
 keywords: Angular ページ レイアウトの管理, Ignite UI for Angular, UI コントロール, Angular ウィジェット, Web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, ネイティブ Angular コンポーネント, Angular タイル マネージャー, インフラジスティックス, タイル, Angular タイル マネージャー コンポーネント, Angular タイル マネージャー コントロール
 license: MIT
 _language: ja
+llms:
+  description: "Tile Manager コンポーネントを使用すると、コンテンツを個々のタイルに表示できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/time-picker.mdx b/docs/angular/src/content/jp/components/time-picker.mdx
index c31a304061..1294dafc52 100644
--- a/docs/angular/src/content/jp/components/time-picker.mdx
+++ b/docs/angular/src/content/jp/components/time-picker.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Time Picker コンポーネントを使用す
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スィート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, ネイティブ Angular コンポーネント, Angular Time Picker コンポーネント, Angular Time Picker コントロール、Time Picker, Angular Time Picker
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Time Picker コンポーネントを使用すると、スピン ボタンがあるダイアログから時間を選択し、入力フィールドに値が設定されます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/toast.mdx b/docs/angular/src/content/jp/components/toast.mdx
index b2386df5c7..aec380af92 100644
--- a/docs/angular/src/content/jp/components/toast.mdx
+++ b/docs/angular/src/content/jp/components/toast.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Toast コンポーネントは、アプリケ
 keywords: Angular Toast コンポーネント, Angular Toast コントロール, Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, Angular UI コンポーネント, ネイティブ Angular コンポーネント ライブラリ
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Toast コンポーネントは、アプリケーションで非対話型メッセージをユーザーに表示できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/toggle.mdx b/docs/angular/src/content/jp/components/toggle.mdx
index 8de291a344..785d95b703 100644
--- a/docs/angular/src/content/jp/components/toggle.mdx
+++ b/docs/angular/src/content/jp/components/toggle.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Toggle ディレクティブを使用する
 keywords: Angular Toggle ディレクティブ, Angular Toggle コントロール, Angular Toggle コンポーネント, Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, Angular UI コンポーネント, ネイティブ Angular コンポーネント ライブラリ
 license: MIT
 _language: ja
+llms:
+  description: "Ignite UI for Angular Toggle ディレクティブを使用すると、トグル コンテナーを開く、操作、アニメーションに適用、および閉じることができます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/tooltip.mdx b/docs/angular/src/content/jp/components/tooltip.mdx
index 5c042e54b4..74202ba15f 100644
--- a/docs/angular/src/content/jp/components/tooltip.mdx
+++ b/docs/angular/src/content/jp/components/tooltip.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Tooltip and Tooltip Target ディクティブ
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular ツールチップ ディレクティブ, Angular ツールチップ コントロール, Angular ツールチップ, ツールチップ ターゲット
 license: MIT
 _language: ja
+llms:
+  description: "igxTooltip と igxTooltipTarget ディレクティブは、完全なカスタマイズが可能なツールチップをサポートし、ページのあらゆる要素にアタッチできます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/transaction-classes.mdx b/docs/angular/src/content/jp/components/transaction-classes.mdx
index 86727aa958..7795aaef2b 100644
--- a/docs/angular/src/content/jp/components/transaction-classes.mdx
+++ b/docs/angular/src/content/jp/components/transaction-classes.mdx
@@ -3,6 +3,8 @@ title: 一括編集 | トランザクション サービス | Ignite UI for Angu
 description: コンポーネントで Angular CRUD 操作を実行するときに一括編集を実装できるトランザクション サービスクラスの階層について学びます。
 keywords: batch editing, igniteui for angular, infragistics, 一括編集,
 _language: ja
+llms:
+  description: "トランザクションは、トランザクション サービス の主要な構成要素です。"
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/transaction-how-to-use.mdx b/docs/angular/src/content/jp/components/transaction-how-to-use.mdx
index 4dfbf4ab2b..dc795d8cfe 100644
--- a/docs/angular/src/content/jp/components/transaction-how-to-use.mdx
+++ b/docs/angular/src/content/jp/components/transaction-how-to-use.mdx
@@ -3,6 +3,8 @@ title: 一括編集 | Angular Crud | Ignite UI for Angular | インフラジス
 description: トランザクション サービスを使用して、Ignite UI Angular コンポーネントの一括編集を構成し、それらに対して CRUD 操作を実行する方法。
 keywords:  batch editing, igniteui for angular, infragistics, 一括編集,
 _language: ja
+llms:
+  description: "データソースの状態を保持し、一度に多くのトランザクションをコミットする必要があるコンポーネントを使用する場合、Transaction Service を利用できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/transaction.mdx b/docs/angular/src/content/jp/components/transaction.mdx
index fcf6509c88..724940af98 100644
--- a/docs/angular/src/content/jp/components/transaction.mdx
+++ b/docs/angular/src/content/jp/components/transaction.mdx
@@ -3,6 +3,8 @@ title: 一括編集 | Angular Crud | Ignite UI for Angular | インフラジス
 description: Ignite UI Angular トランザクション サービスを使用して、一括編集を簡単に実装し、コンポーネントで Angular CRUD 操作を実行します。
 keywords: batch editing, igniteui for angular, infragistics, 一括編集,
 _language: ja
+llms:
+  description: "トランザクション サービス は、基になるデータに影響せずに変更を蓄積するためにコンポーネントが使用できる組み込み可能なミドルウェアです (Angular DI により)。"
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/tree.mdx b/docs/angular/src/content/jp/components/tree.mdx
index 1e20e70fb0..2f82e75c02 100644
--- a/docs/angular/src/content/jp/components/tree.mdx
+++ b/docs/angular/src/content/jp/components/tree.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Tree コンポーネントを使用すると
 keywords: angular tree, angular tree コンポーネント, angular tree view, angular tree view コンポーネント, angular ui コンポーネント, ignite ui for angular, UI コントロール, インフラジスティックス
 license: MIT
 _language: ja
+llms:
+  description: "Angular Tree コンポーネントを使用すると、ユーザーは親子関係を持つツリービュー構造で階層データを表現したり、対応するデータ モデルなしで静的なツリービュー構造を定義したりできます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/treegrid/groupby.mdx b/docs/angular/src/content/jp/components/treegrid/groupby.mdx
index 6183a51bf1..2b806e78a9 100644
--- a/docs/angular/src/content/jp/components/treegrid/groupby.mdx
+++ b/docs/angular/src/content/jp/components/treegrid/groupby.mdx
@@ -4,6 +4,8 @@ description: Angular グループを設定して Angular テーブルにデー
 keywords: angular group by, igniteui for angular, infragistics, angular グループ化, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "階層以外のデータ列を グループ化し、集計値で親行を生成する場合、TreeGrid を treeGridGrouping パイプと一緒に使用し、UI コンポーネントをセレクター igx-tree-grid-group-by-area と一緒に使用できます。"
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/treegrid/load-on-demand.mdx b/docs/angular/src/content/jp/components/treegrid/load-on-demand.mdx
index 56b6eb68f5..53d3d9aece 100644
--- a/docs/angular/src/content/jp/components/treegrid/load-on-demand.mdx
+++ b/docs/angular/src/content/jp/components/treegrid/load-on-demand.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Tree Grid は、親行が展開されたと
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular Tree Grid コンポーネント, Angular Tree Table コンポーネント, Angular Tree Grid コントロール, Angular Tree Table コントロール, Angular 高パフォーマンス Tree Grid, Angular 高パフォーマンス Tree Table, Tree Grid, Tree Table
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular TreeGrid は、サーバーから最小限のデータのみ取得してレンダリングされるため、ユーザーにすばやくデータを表示できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/treegrid/tree-grid.mdx b/docs/angular/src/content/jp/components/treegrid/tree-grid.mdx
index cb1b1f1274..dd62977349 100644
--- a/docs/angular/src/content/jp/components/treegrid/tree-grid.mdx
+++ b/docs/angular/src/content/jp/components/treegrid/tree-grid.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular のツリー グリッドは、階層デー
 keywords: angular tree grid, angular tree table, angular tree grid コンポーネント, angular tree table コンポーネント, angular UI コンポーネント, igniteui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular Tree Grid は、階層データまたはフラットな自己参照データを表示および操作できます。"
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/zoomslider-overview.mdx b/docs/angular/src/content/jp/components/zoomslider-overview.mdx
index f1ada65fbc..8e4b74cf80 100644
--- a/docs/angular/src/content/jp/components/zoomslider-overview.mdx
+++ b/docs/angular/src/content/jp/components/zoomslider-overview.mdx
@@ -5,6 +5,8 @@ keywords: zoom slider, Ignite UI for Angular, Infragistics, data chart, ズー
 license: commercial
 mentionedTypes: ["ZoomSlider", "DataChart"]
 _language: ja
+llms:
+  description: "Angular ZoomSlider コントロールは、範囲対応コントロールにズーム機能を提供します。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/grids_templates/advanced-filtering.mdx b/docs/angular/src/content/jp/grids_templates/advanced-filtering.mdx
index 657aa20b23..eede79644b 100644
--- a/docs/angular/src/content/jp/grids_templates/advanced-filtering.mdx
+++ b/docs/angular/src/content/jp/grids_templates/advanced-filtering.mdx
@@ -5,6 +5,8 @@ description: Angular テーブルを使用してデータの高度なフィル
 keywords: 高度なフィルター, igniteui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "高度なフィルタリングは、{ComponentTitle} のような任意の Angular テーブルの全列に及ぶフィルタリング条件を持つグループを作成できるダイアログを提供します。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: Angular テーブルを使用してデータの高度なフィル
 keywords: 高度なフィルター, igniteui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "高度なフィルタリングは、{ComponentTitle} のような任意の Angular テーブルの全列に及ぶフィルタリング条件を持つグループを作成できるダイアログを提供します。"
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/jp/grids_templates/batch-editing.mdx b/docs/angular/src/content/jp/grids_templates/batch-editing.mdx
index ca90be06a8..651b3a2e2e 100644
--- a/docs/angular/src/content/jp/grids_templates/batch-editing.mdx
+++ b/docs/angular/src/content/jp/grids_templates/batch-editing.mdx
@@ -4,6 +4,8 @@ description: Angular {ComponentTitle} Grid を使用した Angular CRUD を使
 keywords: angular crud, ignite ui for angular, infragistics
 license: commercial
 _language: ja
+llms:
+  description: "HierarchicalTransactionService を {ComponentName} と一緒に使用し、アイランドごとに個別のトランザクション ログを蓄積するには、代わりにサービス ファクトリを提供する必要があります。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/grids_templates/cascading-combos.mdx b/docs/angular/src/content/jp/grids_templates/cascading-combos.mdx
index 5304a09c96..1a724074e4 100644
--- a/docs/angular/src/content/jp/grids_templates/cascading-combos.mdx
+++ b/docs/angular/src/content/jp/grids_templates/cascading-combos.mdx
@@ -4,6 +4,8 @@ description: カスケード コンボを使用した Grid  について説明
 keywords: angular grid でのカスケード コンボ, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "グリッドの編集機能は、カスケード コンボを使用する機会を提供します。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/grids_templates/cell-editing.mdx b/docs/angular/src/content/jp/grids_templates/cell-editing.mdx
index 6ee74ad53a..56da03e431 100644
--- a/docs/angular/src/content/jp/grids_templates/cell-editing.mdx
+++ b/docs/angular/src/content/jp/grids_templates/cell-editing.mdx
@@ -5,6 +5,8 @@ description: Grid はセル内編集を使用しています。デフォルト
 keywords: データ操作, ignite ui for angular, excel editing, excel 編集, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} コンポーネントは、Angular CRUD 操作のための優れたデータ操作機能と強力な API を提供します。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: Grid はセル内編集を使用しています。デフォルト
 keywords: データ操作, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} コンポーネントは、Angular CRUD 操作のための優れたデータ操作機能と強力な API を提供します。"
 ---
 </ComponentBlock>
 <ComponentBlock for="HierarchicalGrid">
@@ -24,6 +28,8 @@ description: Grid はセル内編集を使用しています。デフォルト
 keywords: データ操作, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} コンポーネントは、Angular CRUD 操作のための優れたデータ操作機能と強力な API を提供します。"
 ---
 </ComponentBlock>
 
diff --git a/docs/angular/src/content/jp/grids_templates/cell-merging.mdx b/docs/angular/src/content/jp/grids_templates/cell-merging.mdx
index 9aea8a73ca..96532806a6 100644
--- a/docs/angular/src/content/jp/grids_templates/cell-merging.mdx
+++ b/docs/angular/src/content/jp/grids_templates/cell-merging.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Data Grid の複数行レイアウト機能
 keywords: angular cell merging, cell merging, ignite ui for angular, セルの結合, セルの結合
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular の {ComponentTitle} には、同じ値を持つ隣接セルを 1 つの大きなセルに結合するセル結合機能があります。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/grids_templates/cell-selection.mdx b/docs/angular/src/content/jp/grids_templates/cell-selection.mdx
index 98e5d6b928..9e8bc57570 100644
--- a/docs/angular/src/content/jp/grids_templates/cell-selection.mdx
+++ b/docs/angular/src/content/jp/grids_templates/cell-selection.mdx
@@ -5,6 +5,8 @@ description: さまざまなイベント、豊富な API、またはマウス操
 keywords: データ選択, igniteui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "選択機能により、{ComponentTitle} ベースのマテリアル UI で豊富なデータ選択機能が有効になります。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: さまざまなイベント、豊富な API、またはマウス操
 keywords: データ選択, igniteui for angular, infragistics
 license: commercial
 _language: ja
+llms:
+  description: "選択機能により、{ComponentTitle} ベースのマテリアル UI で豊富なデータ選択機能が有効になります。"
 ---
 
 </ComponentBlock>
@@ -25,6 +29,8 @@ description: さまざまなイベント、豊富な API、またはマウス操
 keywords: データ選択, igniteui for angular, infragistics
 license: commercial
 _language: ja
+llms:
+  description: "選択機能により、{ComponentTitle} ベースのマテリアル UI で豊富なデータ選択機能が有効になります。"
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/jp/grids_templates/clipboard-interactions.mdx b/docs/angular/src/content/jp/grids_templates/clipboard-interactions.mdx
index 7ea29c53e2..654e450559 100644
--- a/docs/angular/src/content/jp/grids_templates/clipboard-interactions.mdx
+++ b/docs/angular/src/content/jp/grids_templates/clipboard-interactions.mdx
@@ -5,6 +5,8 @@ description: Angular Data Grid のクリップボード機能は、データを
 keywords: copy data, igniteui for angular, infragistics, データのコピー
 license: commercial
 _language: ja
+llms:
+  description: "クリップボードへのコピー操作が {ComponentTitle} で可能になりました。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: Angular Tree Grid のクリップボード機能は、データを
 keywords: copy data, igniteui for angular, infragistics, データのコピー
 license: commercial
 _language: ja
+llms:
+  description: "クリップボードへのコピー操作が {ComponentTitle} で可能になりました。"
 ---
 </ComponentBlock>
 
diff --git a/docs/angular/src/content/jp/grids_templates/collapsible-column-groups.mdx b/docs/angular/src/content/jp/grids_templates/collapsible-column-groups.mdx
index 9345529a4e..9f9d3c1680 100644
--- a/docs/angular/src/content/jp/grids_templates/collapsible-column-groups.mdx
+++ b/docs/angular/src/content/jp/grids_templates/collapsible-column-groups.mdx
@@ -5,6 +5,8 @@ description: Angular Data Grid の縮小可能な列グループを使用して
 keywords: 列ヘッダーの縮小, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "複数列ヘッダーを使用すると、複数レベルのネストされた列と列グループを使用できるため、各列グループを縮小可能としてマークできます。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: Angular {ComponentTitle} の縮小可能な列グループを使用
 keywords: 列ヘッダーの縮小, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "複数列ヘッダーを使用すると、複数レベルのネストされた列と列グループを使用できるため、各列グループを縮小可能としてマークできます。"
 ---
 </ComponentBlock>
 
diff --git a/docs/angular/src/content/jp/grids_templates/column-hiding.mdx b/docs/angular/src/content/jp/grids_templates/column-hiding.mdx
index b3fe80946b..651ea912c3 100644
--- a/docs/angular/src/content/jp/grids_templates/column-hiding.mdx
+++ b/docs/angular/src/content/jp/grids_templates/column-hiding.mdx
@@ -5,6 +5,8 @@ description: ユーザーが Ignite Material UI テーブルの UI で列の表
 keywords: column hiding, ignite ui for angular, infragistics, 列非表示
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} は、ColumnHidingDirective のある ColumnActions を提供し、ユーザーがユーザー インターフェイスを介して、または Angular コンポーネントを使用して列の非表示を実行できるようにします。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: ユーザーが Ignite Material UI テーブルの UI で列の表
 keywords: column hiding, ignite ui for angular, infragistics, 列非表示
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} は、ColumnHidingDirective のある ColumnActions を提供し、ユーザーがユーザー インターフェイスを介して、または Angular コンポーネントを使用して列の非表示を実行できるようにします。"
 ---
 
 </ComponentBlock>
@@ -25,6 +29,8 @@ description: ユーザーが Ignite Material UI テーブルの UI で列の表
 keywords: column hiding, ignite ui for angular, infragistics, 列非表示
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} は、ColumnHidingDirective のある ColumnActions を提供し、ユーザーがユーザー インターフェイスを介して、または Angular コンポーネントを使用して列の非表示を実行できるようにします。"
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/jp/grids_templates/column-moving.mdx b/docs/angular/src/content/jp/grids_templates/column-moving.mdx
index 7bf915de2f..d656b17ca1 100644
--- a/docs/angular/src/content/jp/grids_templates/column-moving.mdx
+++ b/docs/angular/src/content/jp/grids_templates/column-moving.mdx
@@ -5,6 +5,8 @@ description: カスタム列順序を設定し、マウスのドラッグ/ドロ
 keywords: column order, igniteui for angular, infragistics, 列順序
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular の {ComponentTitle} のコンポーネントは、標準ドラッグ/ドロップのマウス/タッチによるジェスチャ、または列移動 API を使用した順序変更のための列移動機能を提供します。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: カスタム列順序を設定し、マウスのドラッグ/ドロ
 keywords: column order, igniteui for angular, infragistics, 列順序, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular の {ComponentTitle} のコンポーネントは、標準ドラッグ/ドロップのマウス/タッチによるジェスチャ、または列移動 API を使用した順序変更のための列移動機能を提供します。"
 ---
 
 </ComponentBlock>
@@ -25,6 +29,8 @@ description: カスタム列順序を設定し、マウスのドラッグ/ドロ
 keywords: column order, igniteui for angular, infragistics, 列順序, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular の {ComponentTitle} のコンポーネントは、標準ドラッグ/ドロップのマウス/タッチによるジェスチャ、または列移動 API を使用した順序変更のための列移動機能を提供します。"
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/jp/grids_templates/column-pinning.mdx b/docs/angular/src/content/jp/grids_templates/column-pinning.mdx
index 90b0e8f89e..e63e0d61a7 100644
--- a/docs/angular/src/content/jp/grids_templates/column-pinning.mdx
+++ b/docs/angular/src/content/jp/grids_templates/column-pinning.mdx
@@ -5,6 +5,8 @@ description: アプリの開発時に Ignite UI for Angular のピン固定機
 keywords: lock column, ignite ui for angular, infragistics
 license: commercial
 _language: ja
+llms:
+  description: "単一または複数の列を Angular UI グリッドの左端にピン固定できます。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: アプリの開発時に Ignite UI for Angular のピン固定機
 keywords: lock column, ignite ui for angular, infragistics
 license: commercial
 _language: ja
+llms:
+  description: "単一または複数の列を Angular UI グリッドの左端にピン固定できます。"
 ---
 
 </ComponentBlock>
@@ -25,6 +29,8 @@ description: アプリの開発時に Ignite UI for Angular のピン固定機
 keywords: lock column, ignite ui for angular, infragistics
 license: commercial
 _language: ja
+llms:
+  description: "単一または複数の列を Angular UI グリッドの左端にピン固定できます。"
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/jp/grids_templates/column-resizing.mdx b/docs/angular/src/content/jp/grids_templates/column-resizing.mdx
index bef3b34fb4..7048b9f44c 100644
--- a/docs/angular/src/content/jp/grids_templates/column-resizing.mdx
+++ b/docs/angular/src/content/jp/grids_templates/column-resizing.mdx
@@ -5,6 +5,8 @@ description: Angular Grid の列サイズ変更を使用して、グリッド列
 keywords: grid 列サイズ変更, igniteui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "グリッド列のサイズ変更遅延では、Angular ドラッグ操作の実行中にサイズ変更インジケーターが一時的に表示されます。"
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ keywords: grid 列サイズ変更, igniteui for angular, インフラジステ
 _canonicalLink: grid/column-resizing
 license: commercial
 _language: ja
+llms:
+  description: "グリッド列のサイズ変更遅延では、Angular ドラッグ操作の実行中にサイズ変更インジケーターが一時的に表示されます。"
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ keywords: grid 列サイズ変更, igniteui for angular, インフラジステ
 _canonicalLink: grid/column-resizing
 license: commercial
 _language: ja
+llms:
+  description: "グリッド列のサイズ変更遅延では、Angular ドラッグ操作の実行中にサイズ変更インジケーターが一時的に表示されます。"
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/jp/grids_templates/column-selection.mdx b/docs/angular/src/content/jp/grids_templates/column-selection.mdx
index f7b2420f64..be6655e2e0 100644
--- a/docs/angular/src/content/jp/grids_templates/column-selection.mdx
+++ b/docs/angular/src/content/jp/grids_templates/column-selection.mdx
@@ -5,6 +5,8 @@ description: Ignite UI for Angular Data Grid で列選択を構成する方法
 keywords: column selection, igniteui for angular, 列選択, infragistics, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "列選択機能は、シングルク リックで列全体を選択する簡単な方法を提供します。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: Ignite UI for Angular Tree Grid で列選択を構成する方法
 keywords: column selection, igniteui for angular, 列選択, infragistics, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "列選択機能は、シングルク リックで列全体を選択する簡単な方法を提供します。"
 ---
 
 </ComponentBlock>
@@ -25,6 +29,8 @@ description: Ignite UI for Angular Hierarchical Grid で列選択を構成する
 keywords: column selection, igniteui for angular, 列選択, infragistics, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "列選択機能は、シングルク リックで列全体を選択する簡単な方法を提供します。"
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/jp/grids_templates/column-types.mdx b/docs/angular/src/content/jp/grids_templates/column-types.mdx
index 8371fd1b88..af1da05033 100644
--- a/docs/angular/src/content/jp/grids_templates/column-types.mdx
+++ b/docs/angular/src/content/jp/grids_templates/column-types.mdx
@@ -5,6 +5,8 @@ description: いくつかの定義済みの列データ型 (number、string、da
 keywords: 列データ型, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} は、デフォルトおよび編集テンプレートの外観に基づいて、number (数値)、string (文字列)、date (日付)、boolean (ブール値)、currency (通貨) および percent (パーセント) 列のデータ型のデフォルト処理を提供します。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: いくつかの定義済みの列データ型 (number、string、da
 keywords: 列データ型, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} は、デフォルトおよび編集テンプレートの外観に基づいて、number (数値)、string (文字列)、date (日付)、boolean (ブール値)、currency (通貨) および percent (パーセント) 列のデータ型のデフォルト処理を提供します。"
 ---
 </ComponentBlock>
 <ComponentBlock for="HierarchicalGrid">
@@ -24,6 +28,8 @@ description: いくつかの定義済みの列データ型 (number、string、da
 keywords: 列データ型, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} は、デフォルトおよび編集テンプレートの外観に基づいて、number (数値)、string (文字列)、date (日付)、boolean (ブール値)、currency (通貨) および percent (パーセント) 列のデータ型のデフォルト処理を提供します。"
 ---
 </ComponentBlock>
 
diff --git a/docs/angular/src/content/jp/grids_templates/conditional-cell-styling.mdx b/docs/angular/src/content/jp/grids_templates/conditional-cell-styling.mdx
index f68d5f1399..4645455830 100644
--- a/docs/angular/src/content/jp/grids_templates/conditional-cell-styling.mdx
+++ b/docs/angular/src/content/jp/grids_templates/conditional-cell-styling.mdx
@@ -5,6 +5,8 @@ description: ユーザーが異なるセルをすばやく識別できるよう
 keywords: 条件付きのスタイル設定, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "{ComponentName} コンポーネントでカスタム スタイルを提供する必要がある場合は、行レベルまたはセル レベルで行うことができます。"
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ keywords: 条件付きのスタイル設定, ignite ui for angular, インフラ
 license: commercial
 _canonicalLink: grid/conditional-cell-styling
 _language: ja
+llms:
+  description: "{ComponentName} コンポーネントでカスタム スタイルを提供する必要がある場合は、行レベルまたはセル レベルで行うことができます。"
 ---
 </ComponentBlock>
 <ComponentBlock for="HierarchicalGrid">
@@ -26,6 +30,8 @@ keywords: 条件付きのスタイル設定, ignite ui for angular, インフラ
 license: commercial
 _canonicalLink: grid/conditional-cell-styling
 _language: ja
+llms:
+  description: "{ComponentName} コンポーネントでカスタム スタイルを提供する必要がある場合は、行レベルまたはセル レベルで行うことができます。"
 ---
 </ComponentBlock>
 
diff --git a/docs/angular/src/content/jp/grids_templates/display-density.mdx b/docs/angular/src/content/jp/grids_templates/display-density.mdx
index 131f2a18da..f84abf98c0 100644
--- a/docs/angular/src/content/jp/grids_templates/display-density.mdx
+++ b/docs/angular/src/content/jp/grids_templates/display-density.mdx
@@ -5,6 +5,8 @@ description: Data Grid コンポーネントにサイズ機能を適用する方
 keywords: material density, size, igniteui for angular, infragistics, マテリアル密度
 license: commercial
 _language: ja
+llms:
+  description: "{ComponentName} デザインはマテリアル デザイン ガイドラインに基づきます。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: Tree Grid コンポーネントにサイズ機能を適用する方
 keywords: material density, size, igniteui for angular, infragistics, マテリアル密度
 license: commercial
 _language: ja
+llms:
+  description: "{ComponentName} デザインはマテリアル デザイン ガイドラインに基づきます。"
 ---
 </ComponentBlock>
 <ComponentBlock for="HierarchicalGrid">
@@ -24,6 +28,8 @@ description: Hierarchical Grid コンポーネントにサイズ機能を適用
 keywords: material density, size, igniteui for angular, infragistics, マテリアル密度
 license: commercial
 _language: ja
+llms:
+  description: "{ComponentName} デザインはマテリアル デザイン ガイドラインに基づきます。"
 ---
 </ComponentBlock>
 
diff --git a/docs/angular/src/content/jp/grids_templates/editing.mdx b/docs/angular/src/content/jp/grids_templates/editing.mdx
index ab4af48726..d165cb9309 100644
--- a/docs/angular/src/content/jp/grids_templates/editing.mdx
+++ b/docs/angular/src/content/jp/grids_templates/editing.mdx
@@ -5,6 +5,8 @@ description: 強力なパブリック API を使用し、レコードの作成
 keywords: データ操作, ignite ui for angular, インフラジスティックス・ジャパン株式会社
 _language: ja
 license: commercial
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} コンポーネントは、レコードの作成、更新、削除などのデータ操作を簡単に実行できます。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: 強力なパブリック API を使用し、レコードの作成
 keywords: データ操作, ignite ui for angular, インフラジスティックス・ジャパン株式会社
 _language: ja
 license: commercial
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} コンポーネントは、レコードの作成、更新、削除などのデータ操作を簡単に実行できます。"
 ---
 </ComponentBlock>
 <ComponentBlock for="HierarchicalGrid">
@@ -24,6 +28,8 @@ description: 強力なパブリック API を使用し、レコードの作成
 keywords: データ操作, ignite ui for angular, インフラジスティックス・ジャパン株式会社
 _language: ja
 license: commercial
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} コンポーネントは、レコードの作成、更新、削除などのデータ操作を簡単に実行できます。"
 ---
 </ComponentBlock>
 
diff --git a/docs/angular/src/content/jp/grids_templates/excel-style-filtering.mdx b/docs/angular/src/content/jp/grids_templates/excel-style-filtering.mdx
index ecc919457d..9225bb9e4e 100644
--- a/docs/angular/src/content/jp/grids_templates/excel-style-filtering.mdx
+++ b/docs/angular/src/content/jp/grids_templates/excel-style-filtering.mdx
@@ -5,6 +5,8 @@ description: Angular Data Grid で Excel フィルタリングを構成する方
 keywords: Excel のようなフィルター, igniteui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "グリッド Excel フィルタリングは、{ComponentTitle} などの Angular テーブルに対して Excel のようなフィルタリング UI を提供します。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: Angular {ComponentTitle} で Excel フィルタリングを構成
 keywords: Excel のようなフィルター, igniteui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "グリッド Excel フィルタリングは、{ComponentTitle} などの Angular テーブルに対して Excel のようなフィルタリング UI を提供します。"
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/jp/grids_templates/export-excel.mdx b/docs/angular/src/content/jp/grids_templates/export-excel.mdx
index 7478568b5c..38156f0e95 100644
--- a/docs/angular/src/content/jp/grids_templates/export-excel.mdx
+++ b/docs/angular/src/content/jp/grids_templates/export-excel.mdx
@@ -5,6 +5,8 @@ description: Ignite UI Excel および PDF Exporter を使用すると、クラ
 keywords: データ エクスポート, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "ユーザーがより深い分析のためのスプレッドシートを必要とする場合でも、すぐに共有できる洗練された PDF を必要とする場合でも、Ignite UI Exporter は {ComponentName} から数秒で適切なファイルを提供するのに役立ちます。"
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ keywords: データ エクスポート, ignite ui for angular, インフラジ
 _canonicalLink: grid/export-excel
 license: commercial
 _language: ja
+llms:
+  description: "ユーザーがより深い分析のためのスプレッドシートを必要とする場合でも、すぐに共有できる洗練された PDF を必要とする場合でも、Ignite UI Exporter は {ComponentName} から数秒で適切なファイルを提供するのに役立ちます。"
 ---
 </ComponentBlock>
 <ComponentBlock for="HierarchicalGrid">
@@ -26,6 +30,8 @@ keywords: データ エクスポート, ignite ui for angular, インフラジ
 _canonicalLink: grid/export-excel
 license: commercial
 _language: ja
+llms:
+  description: "ユーザーがより深い分析のためのスプレッドシートを必要とする場合でも、すぐに共有できる洗練された PDF を必要とする場合でも、Ignite UI Exporter は {ComponentName} から数秒で適切なファイルを提供するのに役立ちます。"
 ---
 </ComponentBlock>
 <ComponentBlock for="PivotGrid">
@@ -36,6 +42,8 @@ keywords: データ エクスポート, ignite ui for angular, インフラジ
 _canonicalLink: grid/export-excel
 license: commercial
 _language: ja
+llms:
+  description: "ユーザーがより深い分析のためのスプレッドシートを必要とする場合でも、すぐに共有できる洗練された PDF を必要とする場合でも、Ignite UI Exporter は {ComponentName} から数秒で適切なファイルを提供するのに役立ちます。"
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/jp/grids_templates/filtering.mdx b/docs/angular/src/content/jp/grids_templates/filtering.mdx
index 2c589fa2bb..23a7a59a2e 100644
--- a/docs/angular/src/content/jp/grids_templates/filtering.mdx
+++ b/docs/angular/src/content/jp/grids_templates/filtering.mdx
@@ -5,6 +5,8 @@ description: Angular フィルターを使用して、Ignite UI for Angular で
 keywords: angular フィルター, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "IgniteUI for Angular {ComponentTitle} コンポーネントは、クイック フィルタリング、Excel スタイル フィルタリング、および高度なフィルタリングの 3 つの異なるフィルタリング タイプを提供します。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: Angular フィルターを使用して、Ignite UI for Angular で
 keywords: angular フィルター, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "IgniteUI for Angular {ComponentTitle} コンポーネントは、クイック フィルタリング、Excel スタイル フィルタリング、および高度なフィルタリングの 3 つの異なるフィルタリング タイプを提供します。"
 ---
 
 </ComponentBlock>
@@ -25,6 +29,8 @@ description: Angular フィルターを使用して、Ignite UI for Angular で
 keywords: angular フィルター, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "IgniteUI for Angular {ComponentTitle} コンポーネントは、クイック フィルタリング、Excel スタイル フィルタリング、および高度なフィルタリングの 3 つの異なるフィルタリング タイプを提供します。"
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/jp/grids_templates/keyboard-navigation.mdx b/docs/angular/src/content/jp/grids_templates/keyboard-navigation.mdx
index 2ac9b5a88d..5d5a238b4e 100644
--- a/docs/angular/src/content/jp/grids_templates/keyboard-navigation.mdx
+++ b/docs/angular/src/content/jp/grids_templates/keyboard-navigation.mdx
@@ -5,6 +5,8 @@ description: Ignite UI for Angular で Grid キーボード ナビゲーショ
 keywords: keyboard navigation, ignite ui for angular, infragistics, キーボード ナビゲーション, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "{ComponentName} のキーボード ナビゲーションは、さまざまなキーボード操作をユーザーに提供します。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: Ignite UI for Angular で Tree Grid キーボード ナビゲーシ
 keywords: keyboard navigation, ignite ui for angular, infragistics, キーボード ナビゲーション, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "{ComponentName} のキーボード ナビゲーションは、さまざまなキーボード操作をユーザーに提供します。"
 ---
 </ComponentBlock>
 <ComponentBlock for="HierarchicalGrid">
@@ -24,6 +28,8 @@ description: Ignite UI for Angular で Hierarchical Grid キーボード ナビ
 keywords: keyboard navigation, ignite ui for angular, infragistics, キーボード ナビゲーション, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "{ComponentName} のキーボード ナビゲーションは、さまざまなキーボード操作をユーザーに提供します。"
 ---
 </ComponentBlock>
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/grids_templates/live-data.mdx b/docs/angular/src/content/jp/grids_templates/live-data.mdx
index a06b897461..ca0aac79eb 100644
--- a/docs/angular/src/content/jp/grids_templates/live-data.mdx
+++ b/docs/angular/src/content/jp/grids_templates/live-data.mdx
@@ -5,6 +5,8 @@ description: Ignite UI for Angular Data Grid が、ユーザーの操作に応
 keywords: angular データ グリッド, angular グリッド更新, angular ライブ データ
 license: commercial
 _language: ja
+llms:
+  description: "{ComponentTitle} コンポーネントは、ユーザーの操作に応答し続けている間、1 秒あたり数千の更新を処理できます。"
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ description: Ignite UI for Angular Tree Grid が、ユーザーの操作に応
 keywords: angular データ グリッド, angular グリッド更新, angular ライブ データ
 license: commercial
 _language: ja
+llms:
+  description: "{ComponentTitle} コンポーネントは、ユーザーの操作に応答し続けている間、1 秒あたり数千の更新を処理できます。"
 ---
 </ComponentBlock>
 
diff --git a/docs/angular/src/content/jp/grids_templates/multi-column-headers.mdx b/docs/angular/src/content/jp/grids_templates/multi-column-headers.mdx
index 5b60e61938..5e55249446 100644
--- a/docs/angular/src/content/jp/grids_templates/multi-column-headers.mdx
+++ b/docs/angular/src/content/jp/grids_templates/multi-column-headers.mdx
@@ -5,6 +5,8 @@ description: Ignite UI for Angular グリッドを使用して列ヘッダーを
 keywords: column headers, ignite ui for angular, infragistics
 license: commercial
 _language: ja
+llms:
+  description: "{ComponentApiType} は、共通の列ヘッダー下で行のグループ化が可能な複数列ヘッダーをサポートします。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: SIgnite UI for Angular グリッドを使用して列ヘッダー
 keywords: column headers, ignite ui for angular, infragistics
 license: commercial
 _language: ja
+llms:
+  description: "{ComponentApiType} は、共通の列ヘッダー下で行のグループ化が可能な複数列ヘッダーをサポートします。"
 ---
 
 </ComponentBlock>
@@ -25,6 +29,8 @@ description: Ignite UI for Angular グリッドを使用して列ヘッダーを
 keywords: 列ヘッダー, ignite ui for angular, infragistics
 license: commercial
 _language: ja
+llms:
+  description: "{ComponentApiType} は、共通の列ヘッダー下で行のグループ化が可能な複数列ヘッダーをサポートします。"
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/jp/grids_templates/multi-row-layout.mdx b/docs/angular/src/content/jp/grids_templates/multi-row-layout.mdx
index 40ef430373..d59c0f38f2 100644
--- a/docs/angular/src/content/jp/grids_templates/multi-row-layout.mdx
+++ b/docs/angular/src/content/jp/grids_templates/multi-row-layout.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular Data Grid の複数行レイアウト機能
 keywords: angular 複数行レイアウト, マテリアル行レイアウト, ignite ui for angular
 license: commercial
 _language: ja	
+llms:
+  description: "複数行レイアウトは、igxGridComponent のレンダリング機能を拡張します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/grids_templates/paging.mdx b/docs/angular/src/content/jp/grids_templates/paging.mdx
index f1247f0cd6..ef23d76de8 100644
--- a/docs/angular/src/content/jp/grids_templates/paging.mdx
+++ b/docs/angular/src/content/jp/grids_templates/paging.mdx
@@ -5,6 +5,8 @@ description: Angular ページネーションを構成して Ignite UI の Angul
 keywords: angular ページネーション, igniteui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "ページネーションは、大量のデータセットを類似したコンテンツを持つ一連のページに分割するために使用されます。"
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ keywords: angular ページネーション, igniteui for angular, インフラ
 license: commercial
 _canonicalLink: grid/paging
 _language: ja
+llms:
+  description: "ページネーションは、大量のデータセットを類似したコンテンツを持つ一連のページに分割するために使用されます。"
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/jp/grids_templates/remote-data-operations.mdx b/docs/angular/src/content/jp/grids_templates/remote-data-operations.mdx
index 093d4c0fcc..cc1f31339a 100644
--- a/docs/angular/src/content/jp/grids_templates/remote-data-operations.mdx
+++ b/docs/angular/src/content/jp/grids_templates/remote-data-operations.mdx
@@ -5,6 +5,8 @@ description: リモート フィルタリング、リモートソート、リモ
 keywords: angular リモート データ操作, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} は、リモート仮想化、リモート ソート、リモート フィルタリングなどのリモート データ操作をサポートします。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: リモート フィルタリング、リモートソート、リモ
 keywords: angular リモート データ操作, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} は、リモート仮想化、リモート ソート、リモート フィルタリングなどのリモート データ操作をサポートします。"
 ---
 </ComponentBlock>
 <ComponentBlock for="HierarchicalGrid">
@@ -24,6 +28,8 @@ description: リモート フィルタリング、リモートソート、リモ
 keywords: angular リモート データ操作, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} は、リモート仮想化、リモート ソート、リモート フィルタリングなどのリモート データ操作をサポートします。"
 ---
 </ComponentBlock>
 
diff --git a/docs/angular/src/content/jp/grids_templates/row-actions.mdx b/docs/angular/src/content/jp/grids_templates/row-actions.mdx
index cf0465c76d..2c952188ec 100644
--- a/docs/angular/src/content/jp/grids_templates/row-actions.mdx
+++ b/docs/angular/src/content/jp/grids_templates/row-actions.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for Angular のグリッド コンポーネントは、Ac
 keywords: Ignite UI for Angular, UI コントロール, Angular ウィジェット, web ウィジェット, UI ウィジェット, Angular, ネイティブ Angular コンポーネント スイート, ネイティブ Angular コントロール, ネイティブ Angular コンポーネント ライブラリ, Angular ActionStrip コンポーネント, Angular ActionStrip ディレクティブ, Angular ActionStrip コントロール
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular の {ComponentTitle} で Action Strip を使用し、行やセルの編集、削除、ピン固定などの操作を提供する方法を説明します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/grids_templates/row-adding.mdx b/docs/angular/src/content/jp/grids_templates/row-adding.mdx
index ba0536857a..9b5767d411 100644
--- a/docs/angular/src/content/jp/grids_templates/row-adding.mdx
+++ b/docs/angular/src/content/jp/grids_templates/row-adding.mdx
@@ -5,6 +5,8 @@ description: Ignite UI for Angular の組み込み行追加機能の使用方法
 keywords: row adding, 行追加, igniteui for angular, infragistics, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "{ComponentTitle} コンポーネントはインライン行追加や Angular CRUD 操作のための強力な API を通して便利なデータ操作方法を提供します。"
 ---
 
 </ComponentBlock>
@@ -17,6 +19,8 @@ keywords: row adding, 行追加, igniteui for angular, infragistics, インフ
 license: commercial
 _language: ja
 _canonicalLink: grid/row-adding
+llms:
+  description: "{ComponentTitle} コンポーネントはインライン行追加や Angular CRUD 操作のための強力な API を通して便利なデータ操作方法を提供します。"
 ---
 </ComponentBlock>
 
diff --git a/docs/angular/src/content/jp/grids_templates/row-drag.mdx b/docs/angular/src/content/jp/grids_templates/row-drag.mdx
index 9c2e561225..3350841d40 100644
--- a/docs/angular/src/content/jp/grids_templates/row-drag.mdx
+++ b/docs/angular/src/content/jp/grids_templates/row-drag.mdx
@@ -5,6 +5,8 @@ description: Angular Data Grid の行ドラッグは、マウスで行をすば
 keywords: angular ドラッグ コンポーネント, マテリアル コンポーネント, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} では、RowDrag がルート {ComponentSelector} コンポーネントで初期化されて、rowDraggable 入力で設定できます。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: Angular Tree Grid の行ドラッグは、マウスで行をすば
 keywords: angular ドラッグ コンポーネント, マテリアル コンポーネント, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} では、RowDrag がルート {ComponentSelector} コンポーネントで初期化されて、rowDraggable 入力で設定できます。"
 ---
 
 </ComponentBlock>
@@ -25,6 +29,8 @@ description: Angular Hierarchical Grid の行ドラッグは、マウスで行
 keywords: angular ドラッグ コンポーネント, マテリアル コンポーネント, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} では、RowDrag がルート {ComponentSelector} コンポーネントで初期化されて、rowDraggable 入力で設定できます。"
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/jp/grids_templates/row-editing.mdx b/docs/angular/src/content/jp/grids_templates/row-editing.mdx
index bb6dd1a81d..e53a3f0777 100644
--- a/docs/angular/src/content/jp/grids_templates/row-editing.mdx
+++ b/docs/angular/src/content/jp/grids_templates/row-editing.mdx
@@ -5,6 +5,8 @@ description: Angular Data Grid で行編集を有効にし、CRUD 操作のた
 keywords: row editing, igniteui for angular, インフラジスティックス・ジャパン株式会社
 license: commercial
 _language: ja
+llms:
+  description: "{ComponentTitle} コンポーネントは、Angular CRUD 操作のためのデータ操作と強力な API を提供します。"
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ keywords: row editing, igniteui for angular, インフラジスティックス
 license: commercial
 _language: ja
 _canonicalLink: grid/row-editing
+llms:
+  description: "{ComponentTitle} コンポーネントは、Angular CRUD 操作のためのデータ操作と強力な API を提供します。"
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/jp/grids_templates/row-pinning.mdx b/docs/angular/src/content/jp/grids_templates/row-pinning.mdx
index 048da1cc12..85765c5b19 100644
--- a/docs/angular/src/content/jp/grids_templates/row-pinning.mdx
+++ b/docs/angular/src/content/jp/grids_templates/row-pinning.mdx
@@ -5,6 +5,8 @@ description: Angular の行ピン固定機能を使用して、豊富で使い
 keywords: lock row, ignite ui for angular, infragistics, 行のロック, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "単一または複数の行を Angular UI グリッドの上側または下側にピン固定できます。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: Angular の行ピン固定機能を使用して、豊富で使い
 keywords: lock row, ignite ui for angular, infragistics, 行のロック, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "単一または複数の行を Angular UI グリッドの上側または下側にピン固定できます。"
 ---
 
 </ComponentBlock>
@@ -25,6 +29,8 @@ description: Angular の行ピン固定機能を使用して、豊富で使い
 keywords: lock row, ignite ui for angular, infragistics, 行のロック, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "単一または複数の行を Angular UI グリッドの上側または下側にピン固定できます。"
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/jp/grids_templates/row-selection.mdx b/docs/angular/src/content/jp/grids_templates/row-selection.mdx
index 7e23baceaf..61e1c6014a 100644
--- a/docs/angular/src/content/jp/grids_templates/row-selection.mdx
+++ b/docs/angular/src/content/jp/grids_templates/row-selection.mdx
@@ -5,6 +5,8 @@ description: 行選択を有効にして UX を改善し、ユーザーが単一
 keywords: データ選択, igniteui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular の行選択では、行内の他のすべての列に先行する行セレクター列があります。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: 行選択を有効にして UX を改善し、ユーザーが単一
 keywords: データ選択, igniteui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular の行選択では、行内の他のすべての列に先行する行セレクター列があります。"
 ---
 </ComponentBlock>
 <ComponentBlock for="HierarchicalGrid">
@@ -24,6 +28,8 @@ description: 行選択を有効にして UX を改善し、ユーザーが単一
 keywords: データ選択, igniteui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular の行選択では、行内の他のすべての列に先行する行セレクター列があります。"
 ---
 </ComponentBlock>
 
diff --git a/docs/angular/src/content/jp/grids_templates/search.mdx b/docs/angular/src/content/jp/grids_templates/search.mdx
index 8ddb48ec68..179ecbe144 100644
--- a/docs/angular/src/content/jp/grids_templates/search.mdx
+++ b/docs/angular/src/content/jp/grids_templates/search.mdx
@@ -5,6 +5,8 @@ description: Ignite UI for Angular Data Grid で高速グリッド検索を実
 keywords: コンテンツ検索, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Angular {ComponentTitle} 検索により、データのコレクション内の値を見つけるプロセスが可能になります。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: Ignite UI for Angular Tree Grid で高速グリッド検索を実
 keywords: コンテンツ検索, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Angular {ComponentTitle} 検索により、データのコレクション内の値を見つけるプロセスが可能になります。"
 ---
 </ComponentBlock>
 <ComponentBlock for="HierarchicalGrid">
@@ -24,6 +28,8 @@ description: Ignite UI for Angular Hierarchical Grid で高速グリッド検索
 keywords: コンテンツ検索, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Angular {ComponentTitle} 検索により、データのコレクション内の値を見つけるプロセスが可能になります。"
 ---
 </ComponentBlock>
 
diff --git a/docs/angular/src/content/jp/grids_templates/selection.mdx b/docs/angular/src/content/jp/grids_templates/selection.mdx
index c8058835a2..fbdef420cc 100644
--- a/docs/angular/src/content/jp/grids_templates/selection.mdx
+++ b/docs/angular/src/content/jp/grids_templates/selection.mdx
@@ -5,6 +5,8 @@ description: Ignite UI for Angular グリッドでデータを選択は、さま
 keywords: data select, igniteui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} を使用して、さまざまなイベント、豊富な API、または単一選択などのシンプルなマウス操作でデータを簡単に選択できます。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: Ignite UI for Angular グリッドでデータを選択は、さま
 keywords: data select, igniteui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} を使用して、さまざまなイベント、豊富な API、または単一選択などのシンプルなマウス操作でデータを簡単に選択できます。"
 ---
 </ComponentBlock>
 <ComponentBlock for="HierarchicalGrid">
@@ -24,6 +28,8 @@ description: Ignite UI for Angular グリッドでデータを選択は、さま
 keywords: data select, igniteui for angular, インフラジスティックス
 license: commercial
 
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} を使用して、さまざまなイベント、豊富な API、または単一選択などのシンプルなマウス操作でデータを簡単に選択できます。"
 ---
 </ComponentBlock>
 
diff --git a/docs/angular/src/content/jp/grids_templates/sizing.mdx b/docs/angular/src/content/jp/grids_templates/sizing.mdx
index 877f28b20b..0882fc8db2 100644
--- a/docs/angular/src/content/jp/grids_templates/sizing.mdx
+++ b/docs/angular/src/content/jp/grids_templates/sizing.mdx
@@ -5,6 +5,8 @@ description: Angular グリッドのサイズ設定がどのように機能す
 keywords: angular grid sizing, igniteui for angular, infragistics, グリッド, サイズ変更,
 license: commercial
 _language: ja
+llms:
+  description: "{ComponentApiType} はサイズ変更する方法が多数あり、ユーザーのさまざまな状況に対応できます。"
 ---
 </ComponentBlock>
 <ComponentBlock for="TreeGrid">
@@ -14,6 +16,8 @@ description: Angular グリッドのサイズ設定がどのように機能す
 keywords: angular grid sizing, igniteui for angular, infragistics, グリッド, サイズ変更,
 license: commercial
 _language: ja
+llms:
+  description: "{ComponentApiType} はサイズ変更する方法が多数あり、ユーザーのさまざまな状況に対応できます。"
 ---
 </ComponentBlock>
 <ComponentBlock for="HierarchicalGrid">
@@ -23,6 +27,8 @@ description: Angular グリッドのサイズ設定がどのように機能す
 keywords: angular grid sizing, igniteui for angular, infragistics, グリッド, サイズ変更,
 license: commercial
 _language: ja
+llms:
+  description: "{ComponentApiType} はサイズ変更する方法が多数あり、ユーザーのさまざまな状況に対応できます。"
 ---
 </ComponentBlock>
 
@@ -310,6 +316,8 @@ import hgridHeightPercentagesV2 from '../../images/grid_sizing/hgrid-height-perc
 
 <Image src={hgridHeightPercentagesV2} style="width: 80%" alt="" />
 
+llms:
+  description: "{ComponentApiType} はサイズ変更する方法が多数あり、ユーザーのさまざまな状況に対応できます。"
 ---
 </ComponentBlock>
 
diff --git a/docs/angular/src/content/jp/grids_templates/sorting.mdx b/docs/angular/src/content/jp/grids_templates/sorting.mdx
index a03d0610d6..6306436dc4 100644
--- a/docs/angular/src/content/jp/grids_templates/sorting.mdx
+++ b/docs/angular/src/content/jp/grids_templates/sorting.mdx
@@ -5,6 +5,8 @@ description: Ignite for Angular UI グリッドの Angular ソート機能を使
 keywords: angular sort, ignite ui for angular, infragistics
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} では、列レベルでのデータ ソートが可能です。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: Ignite for Angular UI グリッドの Angular ソート機能を使
 keywords: angular sort, ignite ui for angular, infragistics
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} では、列レベルでのデータ ソートが可能です。"
 ---
 
 </ComponentBlock>
@@ -25,6 +29,8 @@ description: Ignite for Angular UI グリッドの Angular ソート機能を使
 keywords: angular sort, ignite ui for angular, infragistics
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular {ComponentTitle} では、列レベルでのデータ ソートが可能です。"
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/jp/grids_templates/state-persistence.mdx b/docs/angular/src/content/jp/grids_templates/state-persistence.mdx
index 14d67c9984..84fa24be0b 100644
--- a/docs/angular/src/content/jp/grids_templates/state-persistence.mdx
+++ b/docs/angular/src/content/jp/grids_templates/state-persistence.mdx
@@ -5,6 +5,8 @@ description: 包括的な Ignite UI for Angular のツールセットを使用
 keywords: 状態保持, ignite ui for angular, infragistics, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "igxGridState ディレクティブによって開発者がグリッドの状態を簡単に保存および復元できます。"
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ keywords: 状態保持, ignite ui for angular, infragistics, インフラジス
 license: commercial
 _canonicalLink: grid/state-persistence
 _language: ja
+llms:
+  description: "igxGridState ディレクティブによって開発者がグリッドの状態を簡単に保存および復元できます。"
 ---
 </ComponentBlock>
 <ComponentBlock for="HierarchicalGrid">
@@ -26,6 +30,8 @@ keywords: 状態保持, ignite ui for angular, infragistics, インフラジス
 license: commercial
 _canonicalLink: grid/state-persistence
 _language: ja
+llms:
+  description: "igxGridState ディレクティブによって開発者がグリッドの状態を簡単に保存および復元できます。"
 ---
 </ComponentBlock>
 
@@ -37,6 +43,8 @@ keywords: 状態保持, ignite ui for angular, インフラジスティックス
 license: commercial
 _canonicalLink: grid/state-persistence
 _language: ja
+llms:
+  description: "igxGridState ディレクティブによって開発者がグリッドの状態を簡単に保存および復元できます。"
 ---
 </ComponentBlock>
 
diff --git a/docs/angular/src/content/jp/grids_templates/summaries.mdx b/docs/angular/src/content/jp/grids_templates/summaries.mdx
index f26d4ec192..9ee440b560 100644
--- a/docs/angular/src/content/jp/grids_templates/summaries.mdx
+++ b/docs/angular/src/content/jp/grids_templates/summaries.mdx
@@ -5,6 +5,8 @@ description: 列のグループ フッターで Angular Grid 集計を構成し
 keywords: angular grid 集計, ignite ui for angular, infragistics
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular の Angular UI グリッドには、グループ フッターとして列レベルで集計できる機能があります。"
 ---
 
 </ComponentBlock>
@@ -16,6 +18,8 @@ keywords: angular grid 集計, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/summaries
 _language: ja
+llms:
+  description: "Ignite UI for Angular の Angular UI グリッドには、グループ フッターとして列レベルで集計できる機能があります。"
 ---
 
 </ComponentBlock>
@@ -27,6 +31,8 @@ keywords: angular grid 集計, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/summaries
 _language: ja
+llms:
+  description: "Ignite UI for Angular の Angular UI グリッドには、グループ フッターとして列レベルで集計できる機能があります。"
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/jp/grids_templates/toolbar.mdx b/docs/angular/src/content/jp/grids_templates/toolbar.mdx
index e2755f451b..9a3dafc6c2 100644
--- a/docs/angular/src/content/jp/grids_templates/toolbar.mdx
+++ b/docs/angular/src/content/jp/grids_templates/toolbar.mdx
@@ -5,6 +5,8 @@ description: 重要な UI 操作には Angular Data Grid Toolbar を使用しま
 keywords: angular ツールバー, igniteui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular の {ComponentTitle} は、UI 操作のコンテナーとなる GridToolbar 機能をサポートします。"
 ---
 
 </ComponentBlock>
@@ -17,6 +19,8 @@ keywords: angular ツールバー, igniteui for angular, インフラジステ
 license: commercial
 _language: ja
 _canonicalLink: grid/toolbar
+llms:
+  description: "Ignite UI for Angular の {ComponentTitle} は、UI 操作のコンテナーとなる GridToolbar 機能をサポートします。"
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/jp/grids_templates/validation.mdx b/docs/angular/src/content/jp/grids_templates/validation.mdx
index 8e50958e46..ad0546a026 100644
--- a/docs/angular/src/content/jp/grids_templates/validation.mdx
+++ b/docs/angular/src/content/jp/grids_templates/validation.mdx
@@ -4,6 +4,8 @@ description: グリッドでユーザーの入力を検証し、Angular {Compone
 keywords: angular 検証, ignite ui for angular, インフラジスティックス
 license: commercial
 _language: ja
+llms:
+  description: "{ComponentTitle} の編集は、セル/行の編集時のユーザー入力の組み込み検証メカニズムを公開します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/grids_templates/virtualization.mdx b/docs/angular/src/content/jp/grids_templates/virtualization.mdx
index b7fa836859..b9b14e6b0d 100644
--- a/docs/angular/src/content/jp/grids_templates/virtualization.mdx
+++ b/docs/angular/src/content/jp/grids_templates/virtualization.mdx
@@ -5,6 +5,8 @@ description: Ignite UI for Angular の仮想化ディレクティブは、大規
 keywords: angular データ グリッド, グリッド パフォーマンス, テータ テーブル仮想化, ignite ui for angular
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular の {ComponentApiType} コントロールは、igxForOf ディレクティブを使用し、水平および垂直方向にコンテンツを仮想化します。"
 ---
 
 </ComponentBlock>
@@ -15,6 +17,8 @@ description: Ignite UI for Angular の仮想化ディレクティブは、大規
 keywords: angular データ グリッド, グリッド パフォーマンス, テータ テーブル仮想化, ignite ui for angular
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular の {ComponentApiType} コントロールは、igxForOf ディレクティブを使用し、水平および垂直方向にコンテンツを仮想化します。"
 ---
 </ComponentBlock>
 <ComponentBlock for="HierarchicalGrid">
@@ -24,6 +28,8 @@ description: Ignite UI for Angular の仮想化ディレクティブは、大規
 keywords: angular データ グリッド, グリッド パフォーマンス, テータ テーブル仮想化, ignite ui for angular
 license: commercial
 _language: ja
+llms:
+  description: "Ignite UI for Angular の {ComponentApiType} コントロールは、igxForOf ディレクティブを使用し、水平および垂直方向にコンテンツを仮想化します。"
 ---
 </ComponentBlock>
 
diff --git a/docs/angular/src/content/jp/index.mdx b/docs/angular/src/content/jp/index.mdx
index ceb0797940..a92dce8ce3 100644
--- a/docs/angular/src/content/jp/index.mdx
+++ b/docs/angular/src/content/jp/index.mdx
@@ -1,4 +1,6 @@
 ---
 title: Ignite UI for Angular
 _language: jp
+llms:
+  description: "Ignite UI for Angularについて説明します。"
 ---
diff --git a/docs/xplat/src/content/en/components/ai/ai-assisted-development-overview.mdx b/docs/xplat/src/content/en/components/ai/ai-assisted-development-overview.mdx
index f0edaa4bf2..2172ab9f88 100644
--- a/docs/xplat/src/content/en/components/ai/ai-assisted-development-overview.mdx
+++ b/docs/xplat/src/content/en/components/ai/ai-assisted-development-overview.mdx
@@ -6,6 +6,8 @@ license: MIT
 _canonicalLink: "{environment:dvUrl}/components/ai-assisted-development-overview"
 last_updated: "2026-05-03"
 mentionedTypes: []
+llms:
+  description: "{ProductName} provides a complete AI toolchain - Agent Skills, the Ignite UI CLI MCP server, the Ignite UI Theming MCP server and the MAKER MCP server - that grounds AI coding assistants in correct component APIs, import paths, and design tokens."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/ai/cli-mcp.mdx b/docs/xplat/src/content/en/components/ai/cli-mcp.mdx
index 4a1e1d190f..020989cc86 100644
--- a/docs/xplat/src/content/en/components/ai/cli-mcp.mdx
+++ b/docs/xplat/src/content/en/components/ai/cli-mcp.mdx
@@ -6,6 +6,8 @@ license: MIT
 _canonicalLink: "{environment:dvUrl}/components/ai/cli-mcp"
 last_updated: "2026-04-24"
 mentionedTypes: []
+llms:
+  description: "The Ignite UI CLI MCP is a Model Context Protocol (MCP) server that enables AI assistants to scaffold projects, modify existing apps, create and update components, and answer documentation questions for {ProductName} applications."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/ai/maker-framework.mdx b/docs/xplat/src/content/en/components/ai/maker-framework.mdx
index 039e251216..d23d68da74 100644
--- a/docs/xplat/src/content/en/components/ai/maker-framework.mdx
+++ b/docs/xplat/src/content/en/components/ai/maker-framework.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform}, {ProductName}, Infragistics, MAKER, multi-agent, AI orche
 license: MIT
 _canonicalLink: "{environment:dvUrl}/components/ai/maker-framework"
 mentionedTypes: []
+llms:
+  description: "The MAKER Framework (@igniteui/maker-mcp) is a multi-agent AI orchestration MCP server from Infragistics that decomposes complex tasks into validated, executable step plans using a consensus-based voting algorithm across multiple AI agents."
 ---
 
 # MAKER Framework
diff --git a/docs/xplat/src/content/en/components/ai/skills.mdx b/docs/xplat/src/content/en/components/ai/skills.mdx
index db192a9843..79a1bda569 100644
--- a/docs/xplat/src/content/en/components/ai/skills.mdx
+++ b/docs/xplat/src/content/en/components/ai/skills.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, agent skills, ai assisted development, github copilot,
 license: MIT
 mentionedTypes: []
 last_updated: "2026-04-24"
+llms:
+  description: "{ProductName} ships with Agent Skills - structured knowledge files that teach AI coding assistants (GitHub Copilot, Cursor, Windsurf, Claude, Gemini CLI, JetBrains Junie, etc.) how to work with {ProductName}."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/ai/theming-mcp.mdx b/docs/xplat/src/content/en/components/ai/theming-mcp.mdx
index c1fac8b940..702b39c230 100644
--- a/docs/xplat/src/content/en/components/ai/theming-mcp.mdx
+++ b/docs/xplat/src/content/en/components/ai/theming-mcp.mdx
@@ -4,6 +4,8 @@ description: "Use the Ignite UI Theming MCP server to generate {ProductName} pal
 keywords: "{ProductName} controls, {Platform} widgets, web widgets, UI widgets, Components Suite, Artificial Intelligence, AI, MCP, Model Context Protocol, Theming, Custom Themes, Palettes, Typography, Elevations"
 license: MIT
 mentionedTypes: []
+llms:
+  description: "The Ignite UI Theming MCP is a Model Context Protocol (MCP) server that enables AI assistants to generate production-ready theming code for Ignite UI applications."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/blazor-excel-library-temporarily-stop-automatic-calculation-of-formulas-to-speed-up-processing.mdx b/docs/xplat/src/content/en/components/blazor-excel-library-temporarily-stop-automatic-calculation-of-formulas-to-speed-up-processing.mdx
index cfa02d459c..d2d6a2b422 100644
--- a/docs/xplat/src/content/en/components/blazor-excel-library-temporarily-stop-automatic-calculation-of-formulas-to-speed-up-processing.mdx
+++ b/docs/xplat/src/content/en/components/blazor-excel-library-temporarily-stop-automatic-calculation-of-formulas-to-speed-up-processing.mdx
@@ -4,6 +4,8 @@ description: Infragistics Blazor Excel Library – Temporarily Stop Automatic Ca
 keywords: "{Platform} excel library, calculation, speed up processing, {ProductName}, Infragistics"
 license: commercial
 mentionedTypes: []
+llms:
+  description: "When reading an Excel sheet using a certain document processing library, referencing or rewriting the value of a cell can take a considerable amount of time, especially if the Excel sheet contains a large number of cells with formulas."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 
diff --git a/docs/xplat/src/content/en/components/blazor-webassembly-how-to-read-and-write-excel-files-to-reduce-server-load.mdx b/docs/xplat/src/content/en/components/blazor-webassembly-how-to-read-and-write-excel-files-to-reduce-server-load.mdx
index 8534aeefdc..d8acd3e776 100644
--- a/docs/xplat/src/content/en/components/blazor-webassembly-how-to-read-and-write-excel-files-to-reduce-server-load.mdx
+++ b/docs/xplat/src/content/en/components/blazor-webassembly-how-to-read-and-write-excel-files-to-reduce-server-load.mdx
@@ -4,6 +4,8 @@ description: Infragistics Blazor Webassembly - How to read & write excel files t
 keywords: Blazor Webassembly, excel library, read and write excel files, {ProductName}, Infragistics
 license: commercial
 mentionedTypes: []
+llms:
+  description: "Explains how a Blazor WebAssembly application can read and write Excel files locally with the Infragistics Excel Library to reduce server processing."
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
@@ -187,7 +189,7 @@ In terms of Blazor WebAssembly applications where .NET code is processed in an i
 
 ### Tips and Tricks #1 - Pause the automatic calculation of formulas
 
-Тhe Infragistics Blazor Excel library lets you pause the automatic calculation of formulas in order to improve the processing speed when browsing or rewriting cells in an Excel file on a Blazor WebAssembly application. For more information, please refer to [this documentation topic](blazor-excel-library-temporarily-stop-automatic-calculation-of-formulas-to-speed-up-processing.md).
+The Infragistics Blazor Excel library lets you pause the automatic calculation of formulas in order to improve the processing speed when browsing or rewriting cells in an Excel file on a Blazor WebAssembly application. For more information, please refer to [this documentation topic](blazor-excel-library-temporarily-stop-automatic-calculation-of-formulas-to-speed-up-processing.md).
 
 ### Tips and Tricks #2 - Use Ahead-Of-Time (AOT) compilation
 
diff --git a/docs/xplat/src/content/en/components/bullet-graph.mdx b/docs/xplat/src/content/en/components/bullet-graph.mdx
index 3f982e25d1..ea471b2004 100644
--- a/docs/xplat/src/content/en/components/bullet-graph.mdx
+++ b/docs/xplat/src/content/en/components/bullet-graph.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Bullet Graph, animation, labels, needle, scales, ranges, t
 license: commercial
 mentionedTypes: ["BulletGraph"]
 namespace: Infragistics.Controls.Gauges
+llms:
+  description: "The {Platform} bullet graph component allows for a linear and concise view of measures compared against a scale."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-charts.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-charts.mdx
index d5e8ae742c..3cf19b6069 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-charts.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-charts.mdx
@@ -4,6 +4,8 @@ _description: Learn about new features in the {ProductName}.
 _keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Release history for the igniteui-charts package in {ProductName}, covering new features, fixes, and breaking changes."
 ---
 # {ProductName} Changelog
 
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-core.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-core.mdx
index d5e8ae742c..3ef60148b3 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-core.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-core.mdx
@@ -4,6 +4,8 @@ _description: Learn about new features in the {ProductName}.
 _keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Release history for the igniteui-core package in {ProductName}, covering new features, fixes, and breaking changes."
 ---
 # {ProductName} Changelog
 
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-dashboards.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-dashboards.mdx
index d5e8ae742c..95d808861d 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-dashboards.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-dashboards.mdx
@@ -4,6 +4,8 @@ _description: Learn about new features in the {ProductName}.
 _keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Release history for the igniteui-dashboards package in {ProductName}, covering new features, fixes, and breaking changes."
 ---
 # {ProductName} Changelog
 
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-data-grids.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-data-grids.mdx
index d5e8ae742c..4743fe1a75 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-data-grids.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-data-grids.mdx
@@ -4,6 +4,8 @@ _description: Learn about new features in the {ProductName}.
 _keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Release history for the igniteui-data-grids package in {ProductName}, covering new features, fixes, and breaking changes."
 ---
 # {ProductName} Changelog
 
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-datasources.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-datasources.mdx
index d5e8ae742c..7753b2cf22 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-datasources.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-datasources.mdx
@@ -4,6 +4,8 @@ _description: Learn about new features in the {ProductName}.
 _keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Release history for the igniteui-datasources package in {ProductName}, covering new features, fixes, and breaking changes."
 ---
 # {ProductName} Changelog
 
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-dc3.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-dc3.mdx
index d5e8ae742c..317460d63b 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-dc3.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-dc3.mdx
@@ -4,6 +4,8 @@ _description: Learn about new features in the {ProductName}.
 _keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Release history for the igniteui-dc3 package in {ProductName}, covering new features, fixes, and breaking changes."
 ---
 # {ProductName} Changelog
 
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-dockmanager.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-dockmanager.mdx
index d5e8ae742c..35e9e382a7 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-dockmanager.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-dockmanager.mdx
@@ -4,6 +4,8 @@ _description: Learn about new features in the {ProductName}.
 _keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Release history for the igniteui-dockmanager package in {ProductName}, covering new features, fixes, and breaking changes."
 ---
 # {ProductName} Changelog
 
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-excel.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-excel.mdx
index d5e8ae742c..6fa15bd6dc 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-excel.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-excel.mdx
@@ -4,6 +4,8 @@ _description: Learn about new features in the {ProductName}.
 _keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Release history for the igniteui-excel package in {ProductName}, covering new features, fixes, and breaking changes."
 ---
 # {ProductName} Changelog
 
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-gauges.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-gauges.mdx
index d5e8ae742c..009496f2ce 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-gauges.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-gauges.mdx
@@ -4,6 +4,8 @@ _description: Learn about new features in the {ProductName}.
 _keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Release history for the igniteui-gauges package in {ProductName}, covering new features, fixes, and breaking changes."
 ---
 # {ProductName} Changelog
 
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-grids.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-grids.mdx
index d5e8ae742c..bd61941a94 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-grids.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-grids.mdx
@@ -4,6 +4,8 @@ _description: Learn about new features in the {ProductName}.
 _keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Release history for the igniteui-grids package in {ProductName}, covering new features, fixes, and breaking changes."
 ---
 # {ProductName} Changelog
 
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-inputs.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-inputs.mdx
index d5e8ae742c..c1adf87e2b 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-inputs.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-inputs.mdx
@@ -4,6 +4,8 @@ _description: Learn about new features in the {ProductName}.
 _keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Release history for the igniteui-inputs package in {ProductName}, covering new features, fixes, and breaking changes."
 ---
 # {ProductName} Changelog
 
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-layouts.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-layouts.mdx
index d5e8ae742c..fe3a47671e 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-layouts.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-layouts.mdx
@@ -4,6 +4,8 @@ _description: Learn about new features in the {ProductName}.
 _keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Release history for the igniteui-layouts package in {ProductName}, covering new features, fixes, and breaking changes."
 ---
 # {ProductName} Changelog
 
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-maps.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-maps.mdx
index d5e8ae742c..cda34305a2 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-maps.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-maps.mdx
@@ -4,6 +4,8 @@ _description: Learn about new features in the {ProductName}.
 _keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Release history for the igniteui-maps package in {ProductName}, covering new features, fixes, and breaking changes."
 ---
 # {ProductName} Changelog
 
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-react.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-react.mdx
index d5e8ae742c..f2262fcb57 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-react.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-react.mdx
@@ -4,6 +4,8 @@ _description: Learn about new features in the {ProductName}.
 _keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Release history for the igniteui-react package in {ProductName}, covering new features, fixes, and breaking changes."
 ---
 # {ProductName} Changelog
 
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-spreadsheet-chart-adapter.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-spreadsheet-chart-adapter.mdx
index d5e8ae742c..45aee97dd0 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-spreadsheet-chart-adapter.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-spreadsheet-chart-adapter.mdx
@@ -4,6 +4,8 @@ _description: Learn about new features in the {ProductName}.
 _keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Release history for the igniteui-spreadsheet-chart-adapter package in {ProductName}, covering new features, fixes, and breaking changes."
 ---
 # {ProductName} Changelog
 
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-spreadsheet.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-spreadsheet.mdx
index d5e8ae742c..0a6eb29b6a 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-spreadsheet.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-spreadsheet.mdx
@@ -4,6 +4,8 @@ _description: Learn about new features in the {ProductName}.
 _keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Release history for the igniteui-spreadsheet package in {ProductName}, covering new features, fixes, and breaking changes."
 ---
 # {ProductName} Changelog
 
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-webcomponents.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-webcomponents.mdx
index d5e8ae742c..0343456bff 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-webcomponents.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-webcomponents.mdx
@@ -4,6 +4,8 @@ _description: Learn about new features in the {ProductName}.
 _keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Release history for the igniteui-webcomponents package in {ProductName}, covering new features, fixes, and breaking changes."
 ---
 # {ProductName} Changelog
 
diff --git a/docs/xplat/src/content/en/components/charts/chart-api.mdx b/docs/xplat/src/content/en/components/charts/chart-api.mdx
index 000cfbbd87..0616d2341a 100644
--- a/docs/xplat/src/content/en/components/charts/chart-api.mdx
+++ b/docs/xplat/src/content/en/components/charts/chart-api.mdx
@@ -5,6 +5,8 @@ _keywords: {Platform} charts, chart API, API, {ProductName}, Infragistics
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} charts provide simple and easy to use APIs to plot your data in CategoryChart, FinancialChart, DataChart, DataPieChart, DoughnutChart, PieChart, and Sparkline UI elements."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/xplat/src/content/en/components/charts/chart-features.mdx b/docs/xplat/src/content/en/components/charts/chart-features.mdx
index 37609f2313..19a1cfc55f 100644
--- a/docs/xplat/src/content/en/components/charts/chart-features.mdx
+++ b/docs/xplat/src/content/en/components/charts/chart-features.mdx
@@ -4,6 +4,8 @@ description: Infragistics' {Platform} Chart Features
 keywords: "{Platform} Charts, Features, Infragistics"
 license: commercial
 mentionedTypes: ["FinancialChart", "CategoryChart", "DataChart"]
+llms:
+  description: "The {ProductName} Charts allow you to display many different features to portray the full data story to be told with your chart."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/chart-overview.mdx b/docs/xplat/src/content/en/components/charts/chart-overview.mdx
index 2da1dfa7f1..b287c92a9c 100644
--- a/docs/xplat/src/content/en/components/charts/chart-overview.mdx
+++ b/docs/xplat/src/content/en/components/charts/chart-overview.mdx
@@ -4,6 +4,8 @@ description: "{ProductName} Charts & Graphs is an extensive library of data visu
 keywords: "{Platform} Charts, Chart, Infragistics"
 license: commercial
 mentionedTypes: ["DomainChart", "FinancialChart", "CategoryChart", "DataChart", "CategoryChartType"]
+llms:
+  description: "{ProductName} Charts & Graphs is an extensive library of data visualizations that enable stunning, interactive charts and dashboards for your web and mobile apps."
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-animations.mdx b/docs/xplat/src/content/en/components/charts/features/chart-animations.mdx
index 3af45c9122..346008333a 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-animations.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-animations.mdx
@@ -5,6 +5,8 @@ _keywords: {Platform} Charts, Animations, Infragistics
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Animations allow you to ease-in the series as it loads a new data source."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
@@ -12,7 +14,7 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
 # {Platform} Chart Animations
 
-Animations allows you to ease-in the series as it loads a new data source. The available animation differs depending on the type of series involved. For example, the column series animates by rising from the x-axis, a line series animates by drawing from the origin of y-axis.
+Animations allow you to ease-in the series as it loads a new data source. The available animation differs depending on the type of series involved. For example, the column series animates by rising from the x-axis, a line series animates by drawing from the origin of y-axis.
 
 Animations are disabled in the {ProductName} Charts, but they can be enabled by setting the <ApiLink type="CategoryChart" member="isTransitionInEnabled" label="IsTransitionInEnabled" /> property to true. From there, you can set the <ApiLink type="CategoryChart" member="transitionInDuration" label="TransitionInDuration" /> property to determine how long your animation should take to complete and the <ApiLink type="CategoryChart" member="transitionInMode" label="TransitionInMode" /> to determine the type of animation that takes place.
 
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-annotations.mdx b/docs/xplat/src/content/en/components/charts/features/chart-annotations.mdx
index bac404a9eb..5fd78c7431 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-annotations.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-annotations.mdx
@@ -5,6 +5,8 @@ _keywords: {Platform} Charts, Annotations, Infragistics
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {Platform} chart's hover interactions and annotations are implemented through hover interaction layers, which are series that are added to the series collection."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-axis-gridlines.mdx b/docs/xplat/src/content/en/components/charts/features/chart-axis-gridlines.mdx
index 202de79a77..9b59b83008 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-axis-gridlines.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-axis-gridlines.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Axis, Gridlines, Infragistics"
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "XYChart", "DomainChart", "DataChart", "NumericXAxis", "NumericYAxis", "NumericAxisBase" ]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "All {ProductName} charts include built-in capability to modify appearance of axis lines as well as frequency of major/minor gridlines and tickmarks that are rendered on the X-Axis and Y-Axis."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-axis-layouts.mdx b/docs/xplat/src/content/en/components/charts/features/chart-axis-layouts.mdx
index 42fb681281..114c24eeee 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-axis-layouts.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-axis-layouts.mdx
@@ -4,6 +4,8 @@ description: Infragistics' {Platform} Axis Layouts
 keywords: "{Platform} Axis, Layouts, Location, Position, Share, Multiple, Crossing, Infragistics"
 license: commercial
 mentionedTypes: [ "DomainChart", "CategoryChart", "XYChart", "DomainChart", "DataChart", "Axis", "AxisLabelSettings", "ScatterSplineSeries", "TimeXAxis" ]
+llms:
+  description: "All {ProductName} charts include options to configure many axis layout options such as location as well as having the ability to share axis between series or have multiple axes in the same chart."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-axis-options.mdx b/docs/xplat/src/content/en/components/charts/features/chart-axis-options.mdx
index d198f3da81..58ddd03e3f 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-axis-options.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-axis-options.mdx
@@ -5,6 +5,8 @@ _keywords: {Platform} Axis, Options, Title, Labels, Gap, Overlap, Range, Scale,
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "In all {ProductName} charts, the axes provide properties for visual configurations such as titles, labels, and ranges."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-axis-types.mdx b/docs/xplat/src/content/en/components/charts/features/chart-axis-types.mdx
index d519596d14..81537cff3e 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-axis-types.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-axis-types.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Axis, Options, Title, Labels, Gap, Overlap, Range, Scale,
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "FinancialChart", "FinancialChartYAxisMode", "FinancialChartXAxisMode", "NumericYAxis", "CategoryXAxis"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Category Chart uses only one CategoryXAxis and one NumericYAxis type."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-data-aggregations.mdx b/docs/xplat/src/content/en/components/charts/features/chart-data-aggregations.mdx
index a9a245503a..e93e8e13d5 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-data-aggregations.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-data-aggregations.mdx
@@ -5,6 +5,8 @@ _keywords: {Platform} Charts, Markers, Infragistics
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "In the {ProductName} CategoryChart control Data Aggregations feature allows you to group data in the chart by unique values on the XAxis and then sort those groups."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-data-annotations.mdx b/docs/xplat/src/content/en/components/charts/features/chart-data-annotations.mdx
index 410b907294..d95ecd6acd 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-data-annotations.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-data-annotations.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Data Annotations, Infragistics"
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "CrosshairLayer", "FinalValueLayer", "CalloutLayer"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "In the {Platform} chart, the data annotation layers allow you to annotate data plotted in Data Chart with sloped lines, vertical/horizontal lines (aka axis slices), vertical/horizontal strips (targeting specific axis), rectangles, and even parallelograms (aka bands)."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-data-filtering.mdx b/docs/xplat/src/content/en/components/charts/features/chart-data-filtering.mdx
index 8ee7635336..0ae0b3ad59 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-data-filtering.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-data-filtering.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Filtering, Infragistics"
 license: commercial
 mentionedTypes: ["CategoryChart"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Data Filtering allows you to query large data in order to analyze and plot small subset of data entries via filter expressions, all without having to manually modify the datasource bound to the chart."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-data-legend.mdx b/docs/xplat/src/content/en/components/charts/features/chart-data-legend.mdx
index deaa08e08b..a88b0b0c24 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-data-legend.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-data-legend.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} charts, chart legend, legend, legend types, {ProductName},
 license: commercial
 mentionedTypes: ["CategoryChart", "DataLegend", "Series", "DataLegendSummaryType", "DataAbbreviationMode" ]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "In {ProductName}, the DataLegend is highly-customizable version of the Legend, that shows values of series and provides many configuration properties for filtering series rows and values columns, styling and formatting values."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-data-selection.mdx b/docs/xplat/src/content/en/components/charts/features/chart-data-selection.mdx
index 3ce60e27a7..3f6845716b 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-data-selection.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-data-selection.mdx
@@ -6,6 +6,8 @@ license: commercial
 _language: en
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} selection feature in {Platform} Data Chart allows users to interactively select, highlight, outline and vice-versa deselect single or multiple series within a chart."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-data-tooltip.mdx b/docs/xplat/src/content/en/components/charts/features/chart-data-tooltip.mdx
index 684a6bdae5..374b4e76e5 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-data-tooltip.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-data-tooltip.mdx
@@ -5,6 +5,8 @@ _keywords: {Platform} charts, chart legend, legend, legend types, {ProductName},
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "In {ProductName}, the DataToolTip displays values and titles of series as well as legend badges of series in a tooltip."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-highlight-filter.mdx b/docs/xplat/src/content/en/components/charts/features/chart-highlight-filter.mdx
index 0421ce8015..5ff796b6c1 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-highlight-filter.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-highlight-filter.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Highlighting, Filtering, Infragistics"
 license: commercial
 mentionedTypes: ["CategoryChart", "DataChart", "Series", "HighlightedValuesDisplayMode"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Chart components support a data highlighting overlay that can enhance the visualization of the series plotted in those charts by allowing you to view a subset of the data plotted."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-highlighting.mdx b/docs/xplat/src/content/en/components/charts/features/chart-highlighting.mdx
index 351dc1f7bd..982c5cd802 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-highlighting.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-highlighting.mdx
@@ -5,6 +5,8 @@ _keywords: {Platform} Charts, Highlighting, Infragistics
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "All {Platform} Charts support a variety of highlighting options."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-markers.mdx b/docs/xplat/src/content/en/components/charts/features/chart-markers.mdx
index c5e5d65da3..b5642e1a3a 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-markers.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-markers.mdx
@@ -5,6 +5,8 @@ _keywords: {Platform} Charts, Markers, Marker Size, Infragistics
 _license: commercial
 mentionedTypes: ["CategoryChart", "CategoryChartType", "MarkerType", "MarkerSeries", "ScatterLineSeries", "ScatterSplineSeries", "ScatterSeries", "LineSeries", "SplineSeries", "MarkerAutomaticBehavior", "SeriesViewer"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "In {ProductName}, markers are visual elements that display the values of data points in the chart's plot area."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-navigation.mdx b/docs/xplat/src/content/en/components/charts/features/chart-navigation.mdx
index 69c8605212..ecee0ed0cb 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-navigation.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-navigation.mdx
@@ -5,6 +5,8 @@ _keywords: {Platform} charts, data chart, navigation, {ProductName}, Infragistic
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} charts allows for interactive panning and zooming via the mouse, keyboard and touch."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-overlays.mdx b/docs/xplat/src/content/en/components/charts/features/chart-overlays.mdx
index cdbd1dbce9..baca09de2f 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-overlays.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-overlays.mdx
@@ -5,6 +5,8 @@ _keywords: {Platform} charts, data chart, value overlay, {ProductName}, Infragis
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {Platform} DataChart allows for placement of horizontal or vertical lines at a single numeric value that you define through usage of the ValueOverlay."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-performance.mdx b/docs/xplat/src/content/en/components/charts/features/chart-performance.mdx
index 038a830cde..6c9abe7c4f 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-performance.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-performance.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Performance, Infragistics"
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "FinancialChart", "DataChart", "FinancialChartVolumeType", "FinancialChartZoomSliderType"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "{Platform} charts are optimized for high performance of rendering millions of data points and updating them every few milliseconds."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-synchronization.mdx b/docs/xplat/src/content/en/components/charts/features/chart-synchronization.mdx
index cb2a929afe..a79f282cef 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-synchronization.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-synchronization.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} charts, data chart, synchronization, {ProductName}, Infrag
 license: commercial
 mentionedTypes: ["DataChart"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} data chart allows for synchronization with respect to the coordination of zooming, panning, and crosshair events between multiple charts."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-titles.mdx b/docs/xplat/src/content/en/components/charts/features/chart-titles.mdx
index 383186ede6..7a5ae61c20 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-titles.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-titles.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} charts, chart titles, titles, {ProductName}, Infragistics"
 license: commercial
 mentionedTypes: ["CategoryChart"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The title and subtitle feature of the chart control allows you to add information to the top section of the {Platform} charts."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-tooltips.mdx b/docs/xplat/src/content/en/components/charts/features/chart-tooltips.mdx
index 89b3cb6a0e..a2449d4ba4 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-tooltips.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-tooltips.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Tooltips, Infragistics"
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "ToolTipType"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "In {Platform} charts, tooltips provide details about bound data and they are rendered in popups when the end-user hovers over data points."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-trendlines.mdx b/docs/xplat/src/content/en/components/charts/features/chart-trendlines.mdx
index 3e6498677b..47ee54394a 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-trendlines.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-trendlines.mdx
@@ -5,6 +5,8 @@ _keywords: {Platform} Charts, Trendlines, Infragistics
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "In {ProductName} charts, trendlines help in identifying a trend or finding patterns in data."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-user-annotations.mdx b/docs/xplat/src/content/en/components/charts/features/chart-user-annotations.mdx
index 3785ceecc3..1d32941288 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-user-annotations.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-user-annotations.mdx
@@ -4,6 +4,8 @@ description: Infragistics' {Platform} Chart User Annotations
 keywords: "{Platform} Charts, User Annotations, Infragistics"
 mentionedTypes: ["DataChart", "UserAnnotationLayer", "UserStripAnnotation", "UserSliceAnnotation", "UserPointAnnotation", "Toolbar", "UserAnnotationInformation", "SeriesViewer"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "In {ProductName}, you can annotate the DataChart with slice, strip, and point annotations at runtime using the user annotations feature."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/area-chart.mdx b/docs/xplat/src/content/en/components/charts/types/area-chart.mdx
index 426368aa17..e79ce5b1df 100644
--- a/docs/xplat/src/content/en/components/charts/types/area-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/area-chart.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Area Chart, Infragistics"
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "DataChart", "CategoryChartType"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Area Chart renders as a collection of points connected by straight line segments with the area below the line filled in."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/bar-chart.mdx b/docs/xplat/src/content/en/components/charts/types/bar-chart.mdx
index 1a563dc10d..664a694737 100644
--- a/docs/xplat/src/content/en/components/charts/types/bar-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/bar-chart.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Bar Chart, Bar Graph, Horizontal Chart, Infragisti
 license: commercial
 mentionedTypes: ["DataChart", "BarSeries", "StackedBarSeries", "Stacked100BarSeries", "RangeBarSeries", "Series"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Bar Chart, Bar Graph, or Horizontal Bar Chart, is among the most common category chart types used to quickly compare frequency, count, total, or average of data in different categories with data encoded by horizontal bars with equal heights but different."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/bubble-chart.mdx b/docs/xplat/src/content/en/components/charts/types/bubble-chart.mdx
index 058bb888e9..a1b7323694 100644
--- a/docs/xplat/src/content/en/components/charts/types/bubble-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/bubble-chart.mdx
@@ -5,6 +5,8 @@ _keywords: {Platform} Charts, Bubble Chart, Infragistics
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Bubble Chart is a type of Scatter Chart that show markers with variable scaling to represent the relationship among items in several distinct series of data or to plot data items using x and y coordinates."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/column-chart.mdx b/docs/xplat/src/content/en/components/charts/types/column-chart.mdx
index 75a3bbff86..ff00b5b6f0 100644
--- a/docs/xplat/src/content/en/components/charts/types/column-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/column-chart.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Column Chart, Column Graph, Vertical Bar Chart, In
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "DataChart", "ColumnSeries", "WaterfallSeries", "StackedColumnSeries", "Stacked100ColumnSeries", "RangeColumnSeries", "RadialColumnSeries", "CategoryChartType", "Series"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Column Char, Column Graph, or Vertical Bar Chart is among the most common category chart types used to quickly compare frequency, count, total, or average of data in different categories with data encoded by columns with equal widths but different heights."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/composite-chart.mdx b/docs/xplat/src/content/en/components/charts/types/composite-chart.mdx
index baef18c4b8..72a6660950 100644
--- a/docs/xplat/src/content/en/components/charts/types/composite-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/composite-chart.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Composite Chart, Combo Chart, Infragistics"
 license: commercial
 mentionedTypes: ["DataChart", "Series"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Composite Chart, also called a Combo Chart, is visualization that combines different types of chart types in the same plot area."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/data-pie-chart.mdx b/docs/xplat/src/content/en/components/charts/types/data-pie-chart.mdx
index fe2f9860fe..34dc280931 100644
--- a/docs/xplat/src/content/en/components/charts/types/data-pie-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/data-pie-chart.mdx
@@ -5,6 +5,8 @@ _keywords: {Platform} charts, pie chart, {ProductName}, Infragistics, data bindi
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Data Pie Chart is a part-to-whole chart that shows how categories (parts) of a data set add up to a total (whole) value."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/donut-chart.mdx b/docs/xplat/src/content/en/components/charts/types/donut-chart.mdx
index 39cf89664c..feeb80b561 100644
--- a/docs/xplat/src/content/en/components/charts/types/donut-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/donut-chart.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Donut Chart, Donut Chart, Infragistics"
 license: commercial
 mentionedTypes: ["DoughnutChart", "DoughnutChart"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Donut Chart is similar to the Pie Chart, proportionally illustrating the occurrences of a variable."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/gantt-chart.mdx b/docs/xplat/src/content/en/components/charts/types/gantt-chart.mdx
index b44b56ee27..c2deee5457 100644
--- a/docs/xplat/src/content/en/components/charts/types/gantt-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/gantt-chart.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Gantt Chart, Infragistics"
 license: commercial
 mentionedTypes: ["DataChart", "Series"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Gantt Chart is a type of bar chart, that visualizes various categories into time series."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/line-chart.mdx b/docs/xplat/src/content/en/components/charts/types/line-chart.mdx
index 5f57828345..491e6cb49b 100644
--- a/docs/xplat/src/content/en/components/charts/types/line-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/line-chart.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Line Chart, Line Graph, Infragistics"
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "DataChart", "Legend", "PolarLineSeries", "RadialLineSeries", "StackedLineSeries", "Stacked100LineSeries", "Series", "CategoryChartType"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Line Chart or Line Graph is a type of category charts that show the continuous data values represented by points connected by straight line segments of one or more quantities over a period of time."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/network-chart.mdx b/docs/xplat/src/content/en/components/charts/types/network-chart.mdx
index d1eabd0cfe..10d2873e64 100644
--- a/docs/xplat/src/content/en/components/charts/types/network-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/network-chart.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Network Chart, Network Graph, Network Polar Chart,
 license: commercial
 mentionedTypes: ["DataChart", "Series"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Network Chart, also called Network Graph or Polyline Chart, visualizes complex relationships between a large amount of elements."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/pie-chart.mdx b/docs/xplat/src/content/en/components/charts/types/pie-chart.mdx
index 79e0589a30..48d8cad1d5 100644
--- a/docs/xplat/src/content/en/components/charts/types/pie-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/pie-chart.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} charts, pie chart, {ProductName}, Infragistics, data bindi
 license: commercial
 mentionedTypes: ["PieChart", "DataChart"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Pie Chart, or Pie Graph, is a part-to-whole chart that shows how categories (parts) of a data set add up to a total (whole) value."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/point-chart.mdx b/docs/xplat/src/content/en/components/charts/types/point-chart.mdx
index acdc4d19cf..a404611946 100644
--- a/docs/xplat/src/content/en/components/charts/types/point-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/point-chart.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Point Chart, Infragistics"
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "CategoryChartType", "Legend", "Series"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Point Chart renders a collection of points."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/polar-chart.mdx b/docs/xplat/src/content/en/components/charts/types/polar-chart.mdx
index 77c0d70220..c5b10bf0d2 100644
--- a/docs/xplat/src/content/en/components/charts/types/polar-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/polar-chart.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Polar Chart, Infragistics"
 license: commercial
 mentionedTypes: ["DataChart", "PolarAreaSeries", "Series"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Polar Chart uses the polar coordinate system (angle, radius) instead of the Cartesian coordinate system (x, y) to plot data in chart."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/pyramid-chart.mdx b/docs/xplat/src/content/en/components/charts/types/pyramid-chart.mdx
index f09c319989..cc6d335940 100644
--- a/docs/xplat/src/content/en/components/charts/types/pyramid-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/pyramid-chart.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Pyramid Chart, Population Pyramid, Infragistics"
 license: commercial
 mentionedTypes: ["DataChart", "Series"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Pyramid Chart, also called an age pyramid or population pyramid, is a graphical illustration that shows distribution of various age groups in a population, which forms the shape of a pyramid when the population is growing."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/radial-chart.mdx b/docs/xplat/src/content/en/components/charts/types/radial-chart.mdx
index 38acc54b41..7fbcd0e57d 100644
--- a/docs/xplat/src/content/en/components/charts/types/radial-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/radial-chart.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Radial Chart, Infragistics"
 license: commercial
 mentionedTypes: ["DataChart", "RadialLineSeries", "Series"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Radial Chart takes data and render it as collection of data points wrapped around a circle (rather than stretching along a horizontal line)."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/scatter-chart.mdx b/docs/xplat/src/content/en/components/charts/types/scatter-chart.mdx
index f9343edcd9..949adfcc6e 100644
--- a/docs/xplat/src/content/en/components/charts/types/scatter-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/scatter-chart.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Scatter Chart, Infragistics"
 license: commercial
 mentionedTypes: ["DataChart", "ScatterSeries", "ScatterLineSeries", "ScatterSplineSeries", "HighDensityScatterSeries", "ScatterAreaSeries", "ScatterContourSeries", "Series"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Scatter Chart belongs to a group of charts that show the relationship among items in distinct series of data or to plot data items using numeric x and y coordinates."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/shape-chart.mdx b/docs/xplat/src/content/en/components/charts/types/shape-chart.mdx
index f8ab99f746..a385866e74 100644
--- a/docs/xplat/src/content/en/components/charts/types/shape-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/shape-chart.mdx
@@ -5,6 +5,8 @@ _keywords: {Platform} Charts, Shape Chart, Infragistics
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Shape Charts are a group of charts that take array of shapes (array or arrays of X/Y points) and render them as collection of polygons or polylines in Cartesian (x, y) coordinate system."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/sparkline-chart.mdx b/docs/xplat/src/content/en/components/charts/types/sparkline-chart.mdx
index 3a3c973c92..697188be03 100644
--- a/docs/xplat/src/content/en/components/charts/types/sparkline-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/sparkline-chart.mdx
@@ -5,6 +5,8 @@ keywords: Sparkline, {ProductName}, Infragistics, WinLoss, Area, Column
 license: commercial
 mentionedTypes: ["Sparkline", "SparklineDisplayType", "TrendLineType"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Sparkline is a lightweight charting control."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/spline-chart.mdx b/docs/xplat/src/content/en/components/charts/types/spline-chart.mdx
index f3337476c4..15ed863eb5 100644
--- a/docs/xplat/src/content/en/components/charts/types/spline-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/spline-chart.mdx
@@ -4,6 +4,8 @@ description: Infragistics' {Platform} Spline Chart
 keywords: "{Platform} Charts, Spline Chart, Infragistics"
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "DataChart", "SplineSeries", "StackedSplineSeries", "Stacked100SplineSeries", "Series", "CategoryChartType"]
+llms:
+  description: "The {ProductName} Spline Chart belongs to a group of Category Charts that render as a collection of points connected by smooth curves of spline."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/stacked-chart.mdx b/docs/xplat/src/content/en/components/charts/types/stacked-chart.mdx
index f730c77b25..9c70413de6 100644
--- a/docs/xplat/src/content/en/components/charts/types/stacked-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/stacked-chart.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Stacked Chart, Stacked 100% Chart, Infragistics"
 license: commercial
 mentionedTypes: ["DataChart", "StackedAreaSeries", "Stacked100AreaSeries", "StackedBarSeries", "Stacked100BarSeries", "StackedColumnSeries", "Stacked100ColumnSeries", "StackedLineSeries", "Stacked100LineSeries", "StackedSplineSeries", "Stacked100SplineSeries", "StackedSplineAreaSeries", "Stacked100SplineAreaSeries", "Series"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Stacked Chart belongs to a special group of charts that render multiple values of data items as stacked area/polygons, bars, columns, lines, or splines."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/step-chart.mdx b/docs/xplat/src/content/en/components/charts/types/step-chart.mdx
index 8dc0d58b53..ea510e007a 100644
--- a/docs/xplat/src/content/en/components/charts/types/step-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/step-chart.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Step Chart, Step Area Chart, Step Line Chart, Infr
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "CategoryChartType", "Series", "CategoryChartType"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Step Chart belongs to a group of category charts that render as a collection of points connected by continuous vertical and horizontal lines."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/stock-chart.mdx b/docs/xplat/src/content/en/components/charts/types/stock-chart.mdx
index 9fd810720d..496b0c1997 100644
--- a/docs/xplat/src/content/en/components/charts/types/stock-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/stock-chart.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Stock Chart, Financial Chart, Candlestick Chart, O
 license: commercial
 mentionedTypes: ["DomainChart", "FinancialChart", "FinancialChartType", "IndicatorTypes", "ZoomSliderType", "Series"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Stock Chart, sometimes referred to as {Platform} Financial Chart or Candlestick Chart, is a composite visualization that renders stock ticker data, or price data in an interactive time-series display."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/charts/types/treemap-chart.mdx b/docs/xplat/src/content/en/components/charts/types/treemap-chart.mdx
index c0c261a33f..994f5ff77a 100644
--- a/docs/xplat/src/content/en/components/charts/types/treemap-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/treemap-chart.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Tree Map, Treemap, layout, orientation, {ProductName}, Inf
 license: commercial
 mentionedTypes: ["Treemap", "TreemapOrientation", "TreemapLayoutType", "TreemapHighlightingMode", "TreemapHighlightedValueDisplayMode"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "The {ProductName} Treemap chart displays hierarchical (tree-structured) data as a set of nested nodes."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/customize-marker-display-in-blazor-charts.mdx b/docs/xplat/src/content/en/components/customize-marker-display-in-blazor-charts.mdx
index cc5447614e..0e8a3561ff 100644
--- a/docs/xplat/src/content/en/components/customize-marker-display-in-blazor-charts.mdx
+++ b/docs/xplat/src/content/en/components/customize-marker-display-in-blazor-charts.mdx
@@ -3,6 +3,8 @@ title: Customize Marker Display | Blazor Charts | Infragistics
 description: Infragistics Blazor Charts - How to customize marker display in blazor charts
 keywords: Blazor charts, marker display, $ProductName$, Infragistics
 mentionedTypes: []
+llms:
+  description: "In this quick how-to article, we will explain how to use the marker display customization function with Ignite UI for Blazor to display a scatter plot with markers of different sizes and fill colors depending on the properties of the bound items."
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/dashboard-tile.mdx b/docs/xplat/src/content/en/components/dashboard-tile.mdx
index 10d60f0e22..8dac3d0987 100644
--- a/docs/xplat/src/content/en/components/dashboard-tile.mdx
+++ b/docs/xplat/src/content/en/components/dashboard-tile.mdx
@@ -4,6 +4,8 @@ description: See how you can easily get started with {Platform} Dashboard Tile C
 keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} Dashboard components, {Platform} Dashboard Tile controls"
 license: commercial
 mentionedTypes: ["Toolbar", "CategoryChart", "DataChart", "RadialGauge", "LinearGauge", "GeographicMap"]
+llms:
+  description: "The {Platform} Dashboard Tile is a automatic data visualization component which determines via analysis of a DataSource collection/array or single data point what would be the most appropriate visualization to display."
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/excel-library-using-cells.mdx b/docs/xplat/src/content/en/components/excel-library-using-cells.mdx
index ad77814eaf..b65d1d5aea 100644
--- a/docs/xplat/src/content/en/components/excel-library-using-cells.mdx
+++ b/docs/xplat/src/content/en/components/excel-library-using-cells.mdx
@@ -4,6 +4,8 @@ description: Learn how to perform operations on Infragistics' {Platform} excel l
 keywords: Excel library,  cell operations, {ProductName}, Infragistics
 license: commercial
 mentionedTypes: ["Workbook", "Worksheet", "WorksheetCell", "WorkbookStyleCollection", "IWorksheetCellFormat", "WorkbookColorInfo", "DisplayOptions"]
+llms:
+  description: "The WorksheetCell objects in an Excel worksheet is the object that holds your actual data values for the worksheet."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/excel-library-using-tables.mdx b/docs/xplat/src/content/en/components/excel-library-using-tables.mdx
index e8946370e9..80f4d7d345 100644
--- a/docs/xplat/src/content/en/components/excel-library-using-tables.mdx
+++ b/docs/xplat/src/content/en/components/excel-library-using-tables.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} excel library's table functionality to
 keywords: Excel library, tables, {ProductName}, Infragistics
 license: commercial
 mentionedTypes: ["Workbook", "WorksheetTable", "Worksheet", "SortSettings"]
+llms:
+  description: "The Infragistics {Platform} Excel Engine's WorksheetTable functionality allows you to format your data in rows and columns The data in a worksheet table can be managed independently from the data in the other rows and columns in a Worksheet."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/excel-library-using-workbooks.mdx b/docs/xplat/src/content/en/components/excel-library-using-workbooks.mdx
index 7083ccd617..01ff9dd6b8 100644
--- a/docs/xplat/src/content/en/components/excel-library-using-workbooks.mdx
+++ b/docs/xplat/src/content/en/components/excel-library-using-workbooks.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} excel library to create workbooks and
 keywords: Excel library, workbooks, {ProductName}, Infragistics
 license: commercial
 mentionedTypes: ["Workbook"]
+llms:
+  description: "The Infragistics {Platform} Excel Engine enables you to save data to and load data from Microsoft® Excel®."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/excel-library-using-worksheets.mdx b/docs/xplat/src/content/en/components/excel-library-using-worksheets.mdx
index dbeb8bedbd..c1504cee32 100644
--- a/docs/xplat/src/content/en/components/excel-library-using-worksheets.mdx
+++ b/docs/xplat/src/content/en/components/excel-library-using-worksheets.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} excel library to input data by working
 keywords: Excel library, worksheet, {ProductName}, Infragistics
 license: commercial
 mentionedTypes: ["Workbook", "Worksheet", "WorksheetCell", "DisplayOptions", "WorksheetFilterSettings", "IWorksheetCellFormat"]
+llms:
+  description: "The Infragistics {Platform} Excel Engine's Worksheet is where your data is kept."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/excel-library-working-with-charts.mdx b/docs/xplat/src/content/en/components/excel-library-working-with-charts.mdx
index 9000efc3ba..15599b58bf 100644
--- a/docs/xplat/src/content/en/components/excel-library-working-with-charts.mdx
+++ b/docs/xplat/src/content/en/components/excel-library-working-with-charts.mdx
@@ -4,6 +4,8 @@ _description: Use the Infragistics' {Platform} excel library's chart feature to
 _keywords: Excel library, charts,  {ProductName}, Infragistics
 _license: commercial
 
+llms:
+  description: "The Infragistics {Platform} Excel Engine's WorksheetChart functionality allows you to add visual charting representations of data trends across regions of cells in a worksheet."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/excel-library-working-with-grids.mdx b/docs/xplat/src/content/en/components/excel-library-working-with-grids.mdx
index ed19251d75..590baa7475 100644
--- a/docs/xplat/src/content/en/components/excel-library-working-with-grids.mdx
+++ b/docs/xplat/src/content/en/components/excel-library-working-with-grids.mdx
@@ -4,6 +4,8 @@ description: Use the Excel Library to work with spreadsheet data using Microsoft
 keywords: Excel library, {ProductName}, Infragistics
 license: commercial
 mentionedTypes: ["Workbook"]
+llms:
+  description: "Explains how to transfer worksheet data into a {Platform} grid and export grid data to an Excel workbook using the {ProductName} Excel Library."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/excel-library-working-with-sparklines.mdx b/docs/xplat/src/content/en/components/excel-library-working-with-sparklines.mdx
index f2c7632d3d..ddcabd88cd 100644
--- a/docs/xplat/src/content/en/components/excel-library-working-with-sparklines.mdx
+++ b/docs/xplat/src/content/en/components/excel-library-working-with-sparklines.mdx
@@ -4,6 +4,8 @@ description: Use sparkline charts in Infragistics' {Platform} excel library to v
 keywords: Excel library, sparkline chart, {ProductName}, Infragistics
 license: commercial
 mentionedTypes: ["Workbook"]
+llms:
+  description: "The Infragistics {Platform} Excel Library has support for adding sparklines to an Excel Worksheet."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/excel-library.mdx b/docs/xplat/src/content/en/components/excel-library.mdx
index b4c79c63bd..97b38bc415 100644
--- a/docs/xplat/src/content/en/components/excel-library.mdx
+++ b/docs/xplat/src/content/en/components/excel-library.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} excel library to work with spreadsheet
 keywords: Excel library, {ProductName}, Infragistics, workbook
 license: commercial
 mentionedTypes: ["Workbook", "Worksheet", "Cell", "Formula"]
+llms:
+  description: "The Infragistics {Platform} Excel Library allows you to work with spreadsheet data using familiar Microsoft® Excel® spreadsheet objects like Workbook, Worksheet, Cell, Formula and many more."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/excel-utility.mdx b/docs/xplat/src/content/en/components/excel-utility.mdx
index 0aeaa34549..145ba6be4c 100644
--- a/docs/xplat/src/content/en/components/excel-utility.mdx
+++ b/docs/xplat/src/content/en/components/excel-utility.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} excel library to work with spreadsheet
 keywords: excel library, {ProductName}, Infragistics, saving files, loading files, WorkbookFormat
 license: commercial
 mentionedTypes: ["Workbook", "WorkbookFormat", "WorkbookSaveOptions"]
+llms:
+  description: "Describes the ExcelUtility helper used to load, save, and convert workbook data with the {ProductName} Excel Library."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/general-changelog-dv-blazor.mdx b/docs/xplat/src/content/en/components/general-changelog-dv-blazor.mdx
index 34b95c8698..1c559fe2d7 100644
--- a/docs/xplat/src/content/en/components/general-changelog-dv-blazor.mdx
+++ b/docs/xplat/src/content/en/components/general-changelog-dv-blazor.mdx
@@ -5,6 +5,8 @@ keywords: Changelog, What's New,  {ProductName}, Infragistics
 mentionedTypes: ["SeriesViewer", "XYChart", "DomainChart", "DataChart", "Toolbar", "GeographicMap", "DatePicker", "MultiColumnComboBox", "CategoryChart", "CrosshairLayer", "FinalValueLayer", "CalloutLayer", "DataLegend", "Infragistics.Controls.Grid", "Infragistics.Controls.GridSelectionMode", "Infragistics.Controls.DataGridCellEventArgs", "Infragistics.Controls.GridBaseDirective", "MaskInput", "Shape", "RoundShape", "RadialGauge, LinearGauge, BulletGraph, Treemap", "RadialChart", "Toolbar"]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Release history for {ProductName} data visualization components, covering new features, fixes, and breaking changes."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/en/components/general-changelog-dv-react.mdx b/docs/xplat/src/content/en/components/general-changelog-dv-react.mdx
index 8fda297e5b..72012bfee5 100644
--- a/docs/xplat/src/content/en/components/general-changelog-dv-react.mdx
+++ b/docs/xplat/src/content/en/components/general-changelog-dv-react.mdx
@@ -4,6 +4,8 @@ description: Learn about new features in the {ProductName}.
 keywords: Changelog, What's New,  {ProductName}, Infragistics
 mentionedTypes: ["SeriesViewer", "XYChart", "DomainChart", "DataChart", "Toolbar", "GeographicMap", "DatePicker", "MultiColumnComboBox", "CategoryChart", "CrosshairLayer", "FinalValueLayer", "CalloutLayer", "DataLegend", "Grid", "GridSelectionMode", DataGridCellEventArgs, DataGridSelectionMode, DataSourceSummaryOperand, "RadialGauge", "RadialChart", "Toolbar"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Release history for {ProductName} data visualization components, covering new features, fixes, and breaking changes."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/en/components/general-changelog-dv-wc.mdx b/docs/xplat/src/content/en/components/general-changelog-dv-wc.mdx
index 9bdca77f3d..f274ae1d3d 100644
--- a/docs/xplat/src/content/en/components/general-changelog-dv-wc.mdx
+++ b/docs/xplat/src/content/en/components/general-changelog-dv-wc.mdx
@@ -4,6 +4,8 @@ description: Learn about new features in the {ProductName}.
 keywords: Changelog, What's New,  {ProductName}, Infragistics
 mentionedTypes: ["SeriesViewer", "XYChart", "DomainChart", "DataChart", "Toolbar", "GeographicMap", "DatePicker", "MultiColumnComboBox", "CategoryChart", "CrosshairLayer", "FinalValueLayer", "CalloutLayer", "DataLegend", "Infragistics.Controls.Grid", "Infragistics.Controls.GridSelectionMode", "RadialGauge", "RadialChart", "Toolbar"]
 namespace: Infragistics.Controls
+llms:
+  description: "Release history for {ProductName} data visualization components, covering new features, fixes, and breaking changes."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/en/components/general-changelog-dv.mdx b/docs/xplat/src/content/en/components/general-changelog-dv.mdx
index a450820fde..3c7c39fde0 100644
--- a/docs/xplat/src/content/en/components/general-changelog-dv.mdx
+++ b/docs/xplat/src/content/en/components/general-changelog-dv.mdx
@@ -4,6 +4,8 @@ description: Learn about new features in the {ProductName}.
 keywords: Changelog, What's New,  {ProductName}, Infragistics
 mentionedTypes: ["SeriesViewer", "XYChart", "DomainChart", "DataChart", "Toolbar", "GeographicMap", "DatePicker", "DataPieChart", "MultiColumnComboBox", "CategoryChart", "CrosshairLayer", "FinalValueLayer", "CalloutLayer", "DataLegend", "RadialGauge", "RadialChart", "Toolbar"]
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "Release history for {ProductName} data visualization components, covering new features, fixes, and breaking changes."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/en/components/general-cli-overview.mdx b/docs/xplat/src/content/en/components/general-cli-overview.mdx
index 1025f5d413..fedf6d4f3e 100644
--- a/docs/xplat/src/content/en/components/general-cli-overview.mdx
+++ b/docs/xplat/src/content/en/components/general-cli-overview.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} cli, command line interface, {ProductName}, Infragistics"
 mentionedTypes: []
 license: MIT
 last_updated: "2026-04-21"
+llms:
+  description: "The Ignite UI CLI (igniteui-cli) is a standalone global command-line tool for creating and scaffolding {Platform} applications with {ProductName}."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/general-getting-started-blazor-client.mdx b/docs/xplat/src/content/en/components/general-getting-started-blazor-client.mdx
index 476b499340..92304d55fc 100644
--- a/docs/xplat/src/content/en/components/general-getting-started-blazor-client.mdx
+++ b/docs/xplat/src/content/en/components/general-getting-started-blazor-client.mdx
@@ -3,6 +3,8 @@ title: Getting Started | {ProductName} | Infragistics
 description: Use Infragistics' {Platform} components to create apps and improve data visualization with the world’s fastest, virtualized, real-time {Platform} data grid and streaming financial and business and financial charts.
 keywords: "{ProductName}, Infragistics, Getting Started"
 mentionedTypes: []
+llms:
+  description: "The steps below describe how to create a new Blazor WebAssembly project."
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/general-getting-started-blazor-maui.mdx b/docs/xplat/src/content/en/components/general-getting-started-blazor-maui.mdx
index 6beef161aa..9a819d3ae7 100644
--- a/docs/xplat/src/content/en/components/general-getting-started-blazor-maui.mdx
+++ b/docs/xplat/src/content/en/components/general-getting-started-blazor-maui.mdx
@@ -3,6 +3,8 @@ title: Build a Blazor Hybrid App with .NET MAUI - Ignite UI for Blazor
 description: This article provides a step-step instruction on how to create a blazor hybrid app with .Net Maui using Ignite UI for Blazor. Try it Now!
 keywords: "{ProductName}, Infragistics, Getting Started"
 mentionedTypes: []
+llms:
+  description: "Blazor hybrid is something between Blazor Server and Blazor Web Assembly."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/en/components/general-getting-started-blazor-web-app.mdx b/docs/xplat/src/content/en/components/general-getting-started-blazor-web-app.mdx
index edf7c7f724..8b4857dce6 100644
--- a/docs/xplat/src/content/en/components/general-getting-started-blazor-web-app.mdx
+++ b/docs/xplat/src/content/en/components/general-getting-started-blazor-web-app.mdx
@@ -3,6 +3,8 @@ title: Getting Started | {ProductName} | Infragistics
 description: Use Infragistics' {Platform} components to create apps and improve data visualization with the world’s fastest, virtualized, real-time {Platform} data grid and streaming financial and business and financial charts.
 keywords: "{ProductName}, Infragistics, Getting Started"
 mentionedTypes: []
+llms:
+  description: "The steps below describe how to create a new Blazor Web App project."
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/general-getting-started-oss.mdx b/docs/xplat/src/content/en/components/general-getting-started-oss.mdx
index 7ae1a21a52..af1e34316c 100644
--- a/docs/xplat/src/content/en/components/general-getting-started-oss.mdx
+++ b/docs/xplat/src/content/en/components/general-getting-started-oss.mdx
@@ -3,6 +3,8 @@ title: Getting Started | {ProductName} Open-Source Libraries | Infragistics
 description: Use Infragistics' Open-Source {Platform} components to create apps with lightweight, MIT licensed components including Grid Lite. Try now.
 keywords: "{ProductName}, Infragistics, Getting Started, Open-Source, MIT License"
 mentionedTypes: []
+llms:
+  description: "{ProductName} offers open-source UI components under the MIT license."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/general-getting-started.mdx b/docs/xplat/src/content/en/components/general-getting-started.mdx
index da6390ac4b..b3eb0d601b 100644
--- a/docs/xplat/src/content/en/components/general-getting-started.mdx
+++ b/docs/xplat/src/content/en/components/general-getting-started.mdx
@@ -4,6 +4,8 @@ description: "Install {ProductName} and render your first component. Covers CLI
 keywords: "{ProductName}, Infragistics, Getting Started"
 last_updated: "2025-04-06"
 mentionedTypes: []
+llms:
+  description: "{ProductName} is a complete set of UI widgets, components, and Figma UI kits for {Platform} by Infragistics."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/en/components/general-how-to-mcp-e2e.mdx b/docs/xplat/src/content/en/components/general-how-to-mcp-e2e.mdx
index 03509b4135..46608cb89b 100644
--- a/docs/xplat/src/content/en/components/general-how-to-mcp-e2e.mdx
+++ b/docs/xplat/src/content/en/components/general-how-to-mcp-e2e.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform}, {ProductName}, Infragistics, Ignite UI CLI MCP, Ignite UI
 license: MIT
 _canonicalLink: "{environment:dvUrl}/components/general-how-to-mcp-e2e"
 mentionedTypes: []
+llms:
+  description: "Ignite UI CLI MCP and Ignite UI Theming MCP work together to let an AI assistant scaffold, extend, and theme an {ProductName} application through chat prompts."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 
diff --git a/docs/xplat/src/content/en/components/general-installing-blazor.mdx b/docs/xplat/src/content/en/components/general-installing-blazor.mdx
index 765d53ca22..5571147233 100644
--- a/docs/xplat/src/content/en/components/general-installing-blazor.mdx
+++ b/docs/xplat/src/content/en/components/general-installing-blazor.mdx
@@ -3,6 +3,8 @@ title: Installing Ignite UI for Blazor
 description: How to install {Platform} using nuget packages.
 keywords: "{Platform}, NuGet, Feed, Infragistics, Install"
 mentionedTypes: []
+llms:
+  description: "Ignite UI for Blazor is delivered via NuGet packages."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/en/components/general-licensing.mdx b/docs/xplat/src/content/en/components/general-licensing.mdx
index 8b6294c701..7f0a499219 100644
--- a/docs/xplat/src/content/en/components/general-licensing.mdx
+++ b/docs/xplat/src/content/en/components/general-licensing.mdx
@@ -3,6 +3,8 @@ title: "{Platform} Licensing | Dock Manager | {ProductName} | Infragistics"
 description: Learn how to use Infragistics' {ProductName} licensed npm feed.
 keywords: npm package license, {ProductName} license feed,  licensing
 mentionedTypes: []
+llms:
+  description: "{ProductName} comprises packages available under either an MIT or a commercial license."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/en/components/general-nuget-feed.mdx b/docs/xplat/src/content/en/components/general-nuget-feed.mdx
index f012b266ff..dcdc272185 100644
--- a/docs/xplat/src/content/en/components/general-nuget-feed.mdx
+++ b/docs/xplat/src/content/en/components/general-nuget-feed.mdx
@@ -3,6 +3,8 @@ title: Infragistics NuGet Feed
 description: Infragistics NuGet Feed for {Platform} components.
 keywords: "{Platform}, NuGet, Feed, Infragistics"
 mentionedTypes: []
+llms:
+  description: "Infragistics provides a private NuGet feed for licensed users to consume and add licensed Ignite UI for Blazor NuGet packages to their applications via the NuGet Package Manager."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/en/components/general-open-source-vs-premium.mdx b/docs/xplat/src/content/en/components/general-open-source-vs-premium.mdx
index 2377aceebf..668d22b4cb 100644
--- a/docs/xplat/src/content/en/components/general-open-source-vs-premium.mdx
+++ b/docs/xplat/src/content/en/components/general-open-source-vs-premium.mdx
@@ -2,6 +2,8 @@
 title: Open Source vs Premium | {ProductName} | Infragistics
 description: Ignite UI for Angular is a complete set of native Angular UI components, which allow you to build fast, feature-rich and Material designed applications!
 keywords: "{ProductName}, getting started, angular components"
+llms:
+  description: "{ProductName} offers two distinct paths for building modern, data-driven applications: Open-Source Components and Premium Components."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Badge from 'igniteui-astro-components/components/mdx/Badge.astro';
diff --git a/docs/xplat/src/content/en/components/general-step-by-step-guide-using-cli.mdx b/docs/xplat/src/content/en/components/general-step-by-step-guide-using-cli.mdx
index 1b24d1f79d..eb0376e355 100644
--- a/docs/xplat/src/content/en/components/general-step-by-step-guide-using-cli.mdx
+++ b/docs/xplat/src/content/en/components/general-step-by-step-guide-using-cli.mdx
@@ -4,6 +4,8 @@ description: "Walk through the Ignite UI CLI interactive wizard to create a new
 keywords: "{Platform} cli, ignite ui cli, {ProductName}, scaffolding, step-by-step, Infragistics"
 mentionedTypes: []
 last_updated: "2025-04-08"
+llms:
+  description: "The Ignite UI CLI step-by-step mode is an interactive wizard that guides you through project creation, template selection, theming, and component view addition for {ProductName} projects."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-binding-data-csv.mdx b/docs/xplat/src/content/en/components/geo-map-binding-data-csv.mdx
index d315a6f202..dc995ed63e 100644
--- a/docs/xplat/src/content/en/components/geo-map-binding-data-csv.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-binding-data-csv.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, plot data, {ProductName}, Infragistics, data binding"
 license: commercial
 mentionedTypes: ["GeographicMap", "GeographicHighDensityScatterSeries"]
 namespace: Infragistics.Controls.Maps
+llms:
+  description: "With the {ProductName} map component, you can plot geographic data loaded from various file types."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-binding-data-json-points.mdx b/docs/xplat/src/content/en/components/geo-map-binding-data-json-points.mdx
index 9a4e4bfd19..b046684533 100644
--- a/docs/xplat/src/content/en/components/geo-map-binding-data-json-points.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-binding-data-json-points.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, JSON files, {ProductName}, Infragistics, data binding
 license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
 namespace: Infragistics.Controls.Maps
+llms:
+  description: "With the {ProductName} map, you can plot geographic data loaded from various file types."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-binding-data-model.mdx b/docs/xplat/src/content/en/components/geo-map-binding-data-model.mdx
index 9321aa7c7c..6141eff371 100644
--- a/docs/xplat/src/content/en/components/geo-map-binding-data-model.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-binding-data-model.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, binding data models, {ProductName}, Infragistics, dat
 license: commercial
 mentionedTypes: ["GeographicMap", "GeographicScatterAreaSeries", "GeographicHighDensityScatterSeries", "GeographicProportionalSymbolSeries", "GeographicScatterAreaSeries", "GeographicContourLineSeries", "GeographicShapeSeries", "GeographicPolylineSeries", "Series", "GeographicShapeSeriesBase"]
 namespace: Infragistics.Controls.Maps
+llms:
+  description: "The {ProductName} map component is designed to display geo-spatial data from shape files and/or geographic locations from data models on geographic imagery maps."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-binding-data-overview.mdx b/docs/xplat/src/content/en/components/geo-map-binding-data-overview.mdx
index 63d6704cd7..2bd506477b 100644
--- a/docs/xplat/src/content/en/components/geo-map-binding-data-overview.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-binding-data-overview.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, geo-spatial data, {ProductName}, Infragistics, data b
 license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
 namespace: Infragistics.Controls.Maps
+llms:
+  description: "The {ProductName} map component is designed to display geo-spatial data from shape files and/or geographic locations from data models on geographic imagery maps."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/xplat/src/content/en/components/geo-map-binding-multiple-shapes.mdx b/docs/xplat/src/content/en/components/geo-map-binding-multiple-shapes.mdx
index 8f29a9fe99..ece53a03d4 100644
--- a/docs/xplat/src/content/en/components/geo-map-binding-multiple-shapes.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-binding-multiple-shapes.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, shape files, {ProductName}, Infragistics, data bindin
 license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileRecord", "Series", "GeographicShapeSeriesBase"]
 namespace: Infragistics.Controls.Maps
+llms:
+  description: "In the {ProductName} map, you can add multiple geographic series objects to overlay a few shapefiles with geo-spacial data."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-binding-multiple-sources.mdx b/docs/xplat/src/content/en/components/geo-map-binding-multiple-sources.mdx
index 0abe96d051..5537806c1a 100644
--- a/docs/xplat/src/content/en/components/geo-map-binding-multiple-sources.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-binding-multiple-sources.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} JavaScript map to add multiple geograp
 keywords: "{Platform} map, geographic series, {ProductName}, Infragistics, data binding"
 license: commercial
 mentionedTypes: ["GeographicMap", "SeriesViewer", "Series", "GeographicShapeSeriesBase"]
+llms:
+  description: "In the {ProductName} map, you can add multiple geographic series objects to overlay custom data sources with geo-spacial data."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-binding-shp-file.mdx b/docs/xplat/src/content/en/components/geo-map-binding-shp-file.mdx
index ed8e15acab..012d43f03b 100644
--- a/docs/xplat/src/content/en/components/geo-map-binding-shp-file.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-binding-shp-file.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} JavaScript map to load geo-spatial dat
 keywords: "{Platform} map, shapefiles, {ProductName}, Infragistics, data binding"
 license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileRecord", "Series", "GeographicShapeSeriesBase"]
+llms:
+  description: "The {ProductName} map component, the ShapefileRecord class loads geo-spatial data (points/locations, polylines, polygons) from shape files and converts it to a collection of IgxShapefileRecord objects."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-display-azure-imagery.mdx b/docs/xplat/src/content/en/components/geo-map-display-azure-imagery.mdx
index 73e4329cb1..d7dcd51c0f 100644
--- a/docs/xplat/src/content/en/components/geo-map-display-azure-imagery.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-display-azure-imagery.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} to display imagery from Microsoft Azur
 keywords: "{Platform} map, azure maps, {ProductName}, Infragistics, imagery tile source, map background"
 license: commercial
 mentionedTypes: ["GeographicMap", "AzureMapsImagery", "GeographicTileSeries"]
+llms:
+  description: "The {Platform} AzureMapsImagery is geographic imagery mapping service provided by Microsoft®."
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-display-bing-imagery.mdx b/docs/xplat/src/content/en/components/geo-map-display-bing-imagery.mdx
index d9026dd109..14d7f183f1 100644
--- a/docs/xplat/src/content/en/components/geo-map-display-bing-imagery.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-display-bing-imagery.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} to display imagery from Microsoft Bing
 keywords: "{Platform} map, bing maps, {ProductName}, Infragistics, imagery tile source, map background"
 license: commercial
 mentionedTypes: ["GeographicMap", "BingMapsMapImagery"]
+llms:
+  description: "NOTE: As of June 30, 2025 all Microsoft Bing Maps for Enterprise Basic (Free) accounts will be retired."
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-display-esri-imagery.mdx b/docs/xplat/src/content/en/components/geo-map-display-esri-imagery.mdx
index 556d75db76..718db4fd68 100644
--- a/docs/xplat/src/content/en/components/geo-map-display-esri-imagery.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-display-esri-imagery.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} to display imagery from ESRI maps. Vie
 keywords: "{Platform} map, ESRI, {ProductName}, Infragistics, imagery tile source, map background"
 license: commercial
 mentionedTypes: ["GeographicMap"]
+llms:
+  description: "The ArcGISOnlineMapImagery is a free geographic imagery mapping service created by Esri company."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-display-heat-imagery.mdx b/docs/xplat/src/content/en/components/geo-map-display-heat-imagery.mdx
index bbfc1f18ca..398e888089 100644
--- a/docs/xplat/src/content/en/components/geo-map-display-heat-imagery.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-display-heat-imagery.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} JavaScript map to display heat map ima
 keywords: "{Platform} map, heat map imagery, {ProductName}, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileRecord", "HeatTileGenerator", "GeographicTileSeries"]
+llms:
+  description: "The {ProductName} map control has the ability to show heat-map imagery through the use of the ShapefileRecord that are generated by a ShapefileRecord by loading geo-spatial data by loading shape files to a tile series."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-display-imagery-types.mdx b/docs/xplat/src/content/en/components/geo-map-display-imagery-types.mdx
index b1dab4f6cf..afaa6b4aa2 100644
--- a/docs/xplat/src/content/en/components/geo-map-display-imagery-types.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-display-imagery-types.mdx
@@ -4,6 +4,8 @@ description: The Map allows you to display data that contains geographic locatio
 keywords: "{Platform} map, Geographic Imagery, tiles, {ProductName}, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap"]
+llms:
+  description: "{Platform} Geographic imagery is a detailed representation of the world from a top view perspective."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/xplat/src/content/en/components/geo-map-display-osm-imagery.mdx b/docs/xplat/src/content/en/components/geo-map-display-osm-imagery.mdx
index 6b431c2a00..8006acfc80 100644
--- a/docs/xplat/src/content/en/components/geo-map-display-osm-imagery.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-display-osm-imagery.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} to display imagery from OSM maps. View
 keywords: "{Platform} map, OSM, {ProductName}, Infragistics, imagery tile source, map background"
 license: commercial
 mentionedTypes: ["GeographicMap"]
+llms:
+  description: "The {Platform} OpenStreetMapImagery is a free geographic imagery mapping service created collaboratively by OpenStreetMap© contributors from around the world."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-navigation.mdx b/docs/xplat/src/content/en/components/geo-map-navigation.mdx
index 482571f493..78efc7664c 100644
--- a/docs/xplat/src/content/en/components/geo-map-navigation.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-navigation.mdx
@@ -4,6 +4,8 @@ _description: Navigate Infragistics' {Platform} map by panning right and left an
 _keywords: {Platform} map, navigation, {ProductName}, Infragistics
 _license: commercial
 
+llms:
+  description: "Navigation in the GeographicMap control is enabled by default and it allows zooming and panning of the map content."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-resources-esri.mdx b/docs/xplat/src/content/en/components/geo-map-resources-esri.mdx
index 943384ccea..222a4de677 100644
--- a/docs/xplat/src/content/en/components/geo-map-resources-esri.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-resources-esri.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} to display imagery from ESRI maps. Vie
 keywords: "{Platform} map, ESRI, {ProductName}, Infragistics, imagery tile source, map background"
 license: commercial
 mentionedTypes: ["GeographicMap"]
+llms:
+  description: "The resource topic provides implementation of an utility that helps with using ArcGISOnlineMapImagery provided by Esri Maps in GeographicMap."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-resources-shape-styling-utility.mdx b/docs/xplat/src/content/en/components/geo-map-resources-shape-styling-utility.mdx
index 6ddba8c837..66b842e2ab 100644
--- a/docs/xplat/src/content/en/components/geo-map-resources-shape-styling-utility.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-resources-shape-styling-utility.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} JavaScript map to load geo-spatial dat
 keywords: "{Platform} map, shape styling, conditional formatting, {ProductName}, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap"]
+llms:
+  description: "The resource topic provides implementation of an utility that helps with styling UI elements of GeographicShapeSeries in {Platform} GeographicMap component."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-resources-world-connections.mdx b/docs/xplat/src/content/en/components/geo-map-resources-world-connections.mdx
index a4666be9f8..ee90c25377 100644
--- a/docs/xplat/src/content/en/components/geo-map-resources-world-connections.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-resources-world-connections.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} JavaScript map data utility to generat
 keywords: "{Platform} map, map data, {ProductName}, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap"]
+llms:
+  description: "The resource topic provides implementation of data utility for generating locations of airports, flight paths, and geographic gridlines."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-resources-world-locations.mdx b/docs/xplat/src/content/en/components/geo-map-resources-world-locations.mdx
index b568477d3c..945b98e3e2 100644
--- a/docs/xplat/src/content/en/components/geo-map-resources-world-locations.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-resources-world-locations.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} JavaScript map data utility to generat
 keywords: "{Platform} map, map data, {ProductName}, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap"]
+llms:
+  description: "The resource topic provides implementation of data utility for generating geographic locations of cities and capitals of countries."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-resources-world-util.mdx b/docs/xplat/src/content/en/components/geo-map-resources-world-util.mdx
index aeb8f20411..ac529b8106 100644
--- a/docs/xplat/src/content/en/components/geo-map-resources-world-util.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-resources-world-util.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} JavaScript map data utility to generat
 keywords: "{Platform} map, map data, {ProductName}, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap"]
+llms:
+  description: "The resource topic provides implementation of utility that helps with generating {Platform} geographic data."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-shape-files-reference.mdx b/docs/xplat/src/content/en/components/geo-map-shape-files-reference.mdx
index 58623fe271..35b7e6ceff 100644
--- a/docs/xplat/src/content/en/components/geo-map-shape-files-reference.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-shape-files-reference.mdx
@@ -4,6 +4,8 @@ description: Learn about shape files format to use with Infragistics' {Platform}
 keywords: "{Platform} map, shape files, {ProductName}, Infragistics, shape editing"
 license: commercial
 mentionedTypes: ["GeographicMap", "GeographicShapeSeriesBase", "Series"]
+llms:
+  description: "Before plotting geo-spatial data in the control, one should get familiar with the following resources which provide general information about maps and geo-spatial data."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/xplat/src/content/en/components/geo-map-shape-styling.mdx b/docs/xplat/src/content/en/components/geo-map-shape-styling.mdx
index 731fbef69b..89be4c9d81 100644
--- a/docs/xplat/src/content/en/components/geo-map-shape-styling.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-shape-styling.mdx
@@ -4,6 +4,8 @@ description: Learn how to apply custom styling to Infragistics' {Platform} map's
 keywords: "{Platform} map, custom styling, {ProductName}, Infragistics, conditional formatting, shape styling"
 license: commercial
 mentionedTypes: ["GeographicMap", "GeographicShapeSeries", "Series"]
+llms:
+  description: "Explains how to apply data-driven conditional styling to geographic shape series in the {ProductName} Map."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-type-scatter-area-series.mdx b/docs/xplat/src/content/en/components/geo-map-type-scatter-area-series.mdx
index 234eb436d6..3f53c91cf1 100644
--- a/docs/xplat/src/content/en/components/geo-map-type-scatter-area-series.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-type-scatter-area-series.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics {Platform} map's scatter area series to draw a col
 keywords: "{Platform} map, scatter area series, {ProductName}, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap","GeographicScatterAreaSeries","CustomPaletteColorScale", "Series"]
+llms:
+  description: "In {Platform} map component, you can use the GeographicScatterAreaSeries to draw a colored surface, in a geographic context, based on a triangulation of longitude and latitude data with a numeric value assigned to each point."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-type-scatter-bubble-series.mdx b/docs/xplat/src/content/en/components/geo-map-type-scatter-bubble-series.mdx
index e0da0bc273..1056cb876f 100644
--- a/docs/xplat/src/content/en/components/geo-map-type-scatter-bubble-series.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-type-scatter-bubble-series.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics {Platform} map's scatter proportional series to pl
 keywords: "{Platform} map, scatter proportional series, {ProductName}, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
+llms:
+  description: "In {Platform} map component, you can use the GeographicProportionalSymbolSeries to plot bubbles or proportional markers at the geographic locations specified by the data in your application."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-type-scatter-contour-series.mdx b/docs/xplat/src/content/en/components/geo-map-type-scatter-contour-series.mdx
index 7d62e19094..e7c8603917 100644
--- a/docs/xplat/src/content/en/components/geo-map-type-scatter-contour-series.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-type-scatter-contour-series.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics {Platform} map's scatter contour series to draw co
 keywords: "{Platform} map, scatter contour series, {ProductName}, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap","GeographicContourLineSeries","CustomPaletteColorScale", "Series"]
+llms:
+  description: "In {Platform} map component, you can use the GeographicContourLineSeries to draw colored contour lines, in a geographic context, based on a triangulation of longitude and latitude data with a numeric value assigned to each point."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-type-scatter-density-series.mdx b/docs/xplat/src/content/en/components/geo-map-type-scatter-density-series.mdx
index 03837ba035..8fe25b9255 100644
--- a/docs/xplat/src/content/en/components/geo-map-type-scatter-density-series.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-type-scatter-density-series.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics {Platform} map's scatter high density series to bi
 keywords: "{Platform} map, scatter high density series, {ProductName}, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
+llms:
+  description: "In {Platform} map component, you can use the GeographicHighDensityScatterSeries to bind and show scatter data ranging from hundreds to millions of data points requiring exceedingly little loading time."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-type-scatter-symbol-series.mdx b/docs/xplat/src/content/en/components/geo-map-type-scatter-symbol-series.mdx
index 88e1b04597..4883bd6ed6 100644
--- a/docs/xplat/src/content/en/components/geo-map-type-scatter-symbol-series.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-type-scatter-symbol-series.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics {Platform} map's scatter symbol series to display
 keywords: "{Platform} map, scatter symbol series, {ProductName}, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileRecord", "Series"]
+llms:
+  description: "In {Platform} map component, you can use the GeographicSymbolSeries to display geo-spatial data using points or markers in a geographic context."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-type-series.mdx b/docs/xplat/src/content/en/components/geo-map-type-series.mdx
index 606aab1dc6..03c7c97509 100644
--- a/docs/xplat/src/content/en/components/geo-map-type-series.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-type-series.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics {Platform} map's series to display geo-spatial dat
 keywords: "{Platform} map, geographic series, {ProductName}, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
+llms:
+  description: "In the {ProductName} Map component, geographic series are visual elements of the map that display geo-spatial data as points (e.g. locations of cities), polylines (e.g. road connections), or polygons (shape of countries) in a geographic context."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/xplat/src/content/en/components/geo-map-type-shape-polygon-series.mdx b/docs/xplat/src/content/en/components/geo-map-type-shape-polygon-series.mdx
index 309d950ed2..17c805c4d3 100644
--- a/docs/xplat/src/content/en/components/geo-map-type-shape-polygon-series.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-type-shape-polygon-series.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics {Platform} map's shape polygon series to render sh
 keywords: "{Platform} map, shape polygon series, {ProductName}, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileRecord", "Series", "GeographicShapeSeriesBase"]
+llms:
+  description: "In {Platform} map component, you can use the GeographicShapeSeries to display geo-spatial data using shape polygons in a geographic context."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-type-shape-polyline-series.mdx b/docs/xplat/src/content/en/components/geo-map-type-shape-polyline-series.mdx
index 0df268ee8e..73ef0e5c59 100644
--- a/docs/xplat/src/content/en/components/geo-map-type-shape-polyline-series.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-type-shape-polyline-series.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics {Platform} map's shape polyline series to render r
 keywords: "{Platform} map, {ProductName}, shape polyline series, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileRecord", "Series", "GeographicShapeSeriesBase"]
+llms:
+  description: "In {Platform} map component, you can use the GeographicPolylineSeries to display geo-spatial data using polylines in a geographic context."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map.mdx b/docs/xplat/src/content/en/components/geo-map.mdx
index c30681360e..e2081beaa8 100644
--- a/docs/xplat/src/content/en/components/geo-map.mdx
+++ b/docs/xplat/src/content/en/components/geo-map.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} JavaScript map to display data that co
 keywords: "{Platform} map, geographic map, imagery tiles, {ProductName}, Infragistics"
 license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
+llms:
+  description: "The {ProductName} map component allows you to display data that contains geographic locations from view models or geo-spatial data loaded from shape files on geographic imagery maps."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grid-lite/binding.mdx b/docs/xplat/src/content/en/components/grid-lite/binding.mdx
index 74ced3fc20..fed5a941bd 100644
--- a/docs/xplat/src/content/en/components/grid-lite/binding.mdx
+++ b/docs/xplat/src/content/en/components/grid-lite/binding.mdx
@@ -5,6 +5,8 @@ keywords: data binding, {Platform}, {ComponentKeywords}, {ProductName}, Infragis
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 license: MIT
+llms:
+  description: "The {GridLiteTitle} accepts an array of plain objects as a data source."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/grid-lite/cell-template.mdx b/docs/xplat/src/content/en/components/grid-lite/cell-template.mdx
index 2637a63e91..10e9654f39 100644
--- a/docs/xplat/src/content/en/components/grid-lite/cell-template.mdx
+++ b/docs/xplat/src/content/en/components/grid-lite/cell-template.mdx
@@ -5,6 +5,8 @@ keywords: cell template, {Platform}, {ComponentKeywords}, {ProductName}, Infragi
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 license: MIT
+llms:
+  description: "By default, the grid uses the field of the column to render the value as a string inside the cell."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/grid-lite/column-configuration.mdx b/docs/xplat/src/content/en/components/grid-lite/column-configuration.mdx
index 342b3f1e28..9b34bd393f 100644
--- a/docs/xplat/src/content/en/components/grid-lite/column-configuration.mdx
+++ b/docs/xplat/src/content/en/components/grid-lite/column-configuration.mdx
@@ -5,6 +5,8 @@ keywords: column configuration, {Platform}, {ComponentKeywords}, {ProductName},
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 license: MIT
+llms:
+  description: "Columns are defined declaratively using column child components within the grid."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/grid-lite/filtering.mdx b/docs/xplat/src/content/en/components/grid-lite/filtering.mdx
index f4ef8b2fe4..4c951138ec 100644
--- a/docs/xplat/src/content/en/components/grid-lite/filtering.mdx
+++ b/docs/xplat/src/content/en/components/grid-lite/filtering.mdx
@@ -5,6 +5,8 @@ keywords: filtering, {Platform}, {ComponentKeywords}, {ProductName}, Infragistic
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 license: MIT
+llms:
+  description: "The {GridLiteTitle} supports filtering operations on its data source."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grid-lite/header-template.mdx b/docs/xplat/src/content/en/components/grid-lite/header-template.mdx
index 227a99e291..d279cd42a6 100644
--- a/docs/xplat/src/content/en/components/grid-lite/header-template.mdx
+++ b/docs/xplat/src/content/en/components/grid-lite/header-template.mdx
@@ -5,6 +5,8 @@ keywords: header template, {Platform}, {ComponentKeywords}, {ProductName}, Infra
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 license: MIT
+llms:
+  description: "Similar to the cell templates, column headers can also be customized to better fit the desired use case."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/grid-lite/overview.mdx b/docs/xplat/src/content/en/components/grid-lite/overview.mdx
index eecf5363ac..d68ff73a09 100644
--- a/docs/xplat/src/content/en/components/grid-lite/overview.mdx
+++ b/docs/xplat/src/content/en/components/grid-lite/overview.mdx
@@ -5,6 +5,8 @@ keywords: overview, {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 license: MIT
+llms:
+  description: "The {ProductName} {GridLiteTitle} is a lightweight, high-performance {Platform} data grid that’s free to use, open-source, and built for modern {Platform} applications."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grid-lite/sorting.mdx b/docs/xplat/src/content/en/components/grid-lite/sorting.mdx
index fedfe11b80..b8b27c5199 100644
--- a/docs/xplat/src/content/en/components/grid-lite/sorting.mdx
+++ b/docs/xplat/src/content/en/components/grid-lite/sorting.mdx
@@ -5,6 +5,8 @@ keywords: sorting, {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 license: MIT
+llms:
+  description: "The {GridLiteTitle} supports sorting operations on its data source."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/grid-lite/theming.mdx b/docs/xplat/src/content/en/components/grid-lite/theming.mdx
index 9c88285dca..3a6f3d5260 100644
--- a/docs/xplat/src/content/en/components/grid-lite/theming.mdx
+++ b/docs/xplat/src/content/en/components/grid-lite/theming.mdx
@@ -5,6 +5,8 @@ keywords: styling, theming, {Platform}, {ComponentKeywords}, {ProductName}, Infr
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 license: MIT
+llms:
+  description: "The {GridLiteTitle} comes with four distinct themes - Bootstrap, Material, Fluent and Indigo."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/advanced-filtering.mdx b/docs/xplat/src/content/en/components/grids/_shared/advanced-filtering.mdx
index fc81d25fcf..019fc3d68e 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/advanced-filtering.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/advanced-filtering.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridAdvancedFiltering}"
+llms:
+  description: "The {ProductName} Advanced Filtering in {Platform} {ComponentTitle} allows you to manipulate data by providing you with a dialog where you can create different groups with filtering conditions across all columns in the {ComponentName}."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/batch-editing.mdx b/docs/xplat/src/content/en/components/grids/_shared/batch-editing.mdx
index 8d29305730..9a7a5d6672 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/batch-editing.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/batch-editing.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+llms:
+  description: "The Batch Editing feature of the {ComponentName} is based on the TransactionService."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/cascading-combos.mdx b/docs/xplat/src/content/en/components/grids/_shared/cascading-combos.mdx
index 80f519ed4b..aac60a6830 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/cascading-combos.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/cascading-combos.mdx
@@ -6,6 +6,8 @@ license: commercial
 _language: en
 sharedComponents: ["Grid"]
 namespace: Infragistics.Controls
+llms:
+  description: "The {ComponentTitle}'s Editing functionality provides with the opportunity to use Cascading Combobox components."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/cell-editing.mdx b/docs/xplat/src/content/en/components/grids/_shared/cell-editing.mdx
index 99280eb4ab..3d6b6595df 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/cell-editing.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/cell-editing.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridCellEditing}"
+llms:
+  description: "The {ProductName} Cell Editing in {Platform} {ComponentTitle} provides a great data manipulation capability of the content of individual cells within the {Platform} {ComponentTitle} component and comes with powerful API for React CRUD operations."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/cell-merging.mdx b/docs/xplat/src/content/en/components/grids/_shared/cell-merging.mdx
index 3101791b44..aef9091c15 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/cell-merging.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/cell-merging.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridCellMerging}"
+llms:
+  description: "The Ignite UI for {Platform} {ComponentTitle} provides a Cell Merging feature that combines two or more adjacent cells with the same value into a single, larger cell."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/cell-selection.mdx b/docs/xplat/src/content/en/components/grids/_shared/cell-selection.mdx
index 0ed4b77448..d58f0a14b4 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/cell-selection.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/cell-selection.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridCellSelection}"
+llms:
+  description: "The {ProductName} Cell Selection in {Platform} {ComponentTitle} enables rich data select capabilities and offers powerful API in the {ComponentName} component."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/clipboard-interactions.mdx b/docs/xplat/src/content/en/components/grids/_shared/clipboard-interactions.mdx
index 3f9974d0d7..20c5c6f20d 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/clipboard-interactions.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/clipboard-interactions.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "PivotGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridClipboardInteractions}"
+llms:
+  description: "Copy to clipboard operations are now available in the {ComponentName}."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/collapsible-column-groups.mdx b/docs/xplat/src/content/en/components/grids/_shared/collapsible-column-groups.mdx
index e63dfb25e9..0a620def69 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/collapsible-column-groups.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/collapsible-column-groups.mdx
@@ -7,6 +7,8 @@ mentionedTypes: ["ColumnGroup"]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridCollapsibleColumnGroups}"
+llms:
+  description: "The {ProductName} Collapsible Column Groups feature in {Platform} {ComponentTitle} allows you to organize and manage multiple levels of nested columns and column groups in the {ComponentName} by grouping them together and providing the option to collapse or expand these groups."
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/column-hiding.mdx b/docs/xplat/src/content/en/components/grids/_shared/column-hiding.mdx
index bfef12531c..21d0a48a3d 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/column-hiding.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/column-hiding.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridColumnHiding}"
+llms:
+  description: "{ProductName} {ComponentName} provides a ColumnActionsComponent with a ColumnHidingDirective which allows users to perform column hiding directly through the user interface or by using the {Platform} component."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/column-moving.mdx b/docs/xplat/src/content/en/components/grids/_shared/column-moving.mdx
index 57777e0b12..288c67194e 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/column-moving.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/column-moving.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridColumnMoving}"
+llms:
+  description: "The {Platform} {ComponentTitle} Column Moving feature in {ProductName} allows quick and easy column reordering."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/column-pinning.mdx b/docs/xplat/src/content/en/components/grids/_shared/column-pinning.mdx
index 33162f715f..3d19f0a5f0 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/column-pinning.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/column-pinning.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridColumnPinning}"
+llms:
+  description: "The {ProductName} Column Pinning feature in {Platform} {ComponentTitle} enables developers to lock specific columns in a desired order, ensuring visibility all the time even when users scroll horizontally through the {ComponentName}."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/column-resizing.mdx b/docs/xplat/src/content/en/components/grids/_shared/column-resizing.mdx
index 5b58839ed8..7041ff4740 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/column-resizing.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/column-resizing.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridColumnResizing}"
+llms:
+  description: "The {ProductName} Column Resizing feature in {Platform} {ComponentTitle} allows users to easily adjust the width of the columns of the {ComponentName}."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/column-selection.mdx b/docs/xplat/src/content/en/components/grids/_shared/column-selection.mdx
index 95dc1cc821..0e23ff591f 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/column-selection.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/column-selection.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridColumnSelection}"
+llms:
+  description: "The {Platform} {ComponentTitle} Column Selection feature in {ProductName} offers a simplified and Excel-like way to select and highlight an entire column with a single click."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/column-types.mdx b/docs/xplat/src/content/en/components/grids/_shared/column-types.mdx
index bf39e46c50..37009de2fe 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/column-types.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/column-types.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridColumnTypes}"
+llms:
+  description: "The {Platform} {ComponentTitle} provides a default handling of number, string, date, boolean, currency and percent column data types, based on which the appearance of the default and editing templates will be present."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/conditional-cell-styling.mdx b/docs/xplat/src/content/en/components/grids/_shared/conditional-cell-styling.mdx
index 8f083f58f2..221dad341f 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/conditional-cell-styling.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/conditional-cell-styling.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridConditionalCellStyling}"
+llms:
+  description: "The {ProductName} Conditional Styling feature in {Platform} {ComponentTitle} allows custom styling on a row or cell level."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/editing.mdx b/docs/xplat/src/content/en/components/grids/_shared/editing.mdx
index e3466e55c7..ddb91e3cf8 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/editing.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/editing.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridEditing}"
+llms:
+  description: "The {ProductName} Cell Editing feature in {Platform} {ComponentTitle} provides an easy way to perform data manipulation operations like creating, updating, and deleting records."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/excel-style-filtering.mdx b/docs/xplat/src/content/en/components/grids/_shared/excel-style-filtering.mdx
index cd6dee57ce..25ffc126f1 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/excel-style-filtering.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/excel-style-filtering.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "PivotGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+llms:
+  description: "The {Platform} {ComponentTitle} exposes an Excel-style filtering feature that provides an Excel-like filtering UI."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/export-excel.mdx b/docs/xplat/src/content/en/components/grids/_shared/export-excel.mdx
index 2ddfb8fcf0..4c67e4d922 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/export-excel.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/export-excel.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridExportExcel}"
+llms:
+  description: "The {ProductName} {ComponentTitle} provides data export functionality through the Grid Toolbar Exporter component."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/filtering.mdx b/docs/xplat/src/content/en/components/grids/_shared/filtering.mdx
index 2491e53495..6a02df6096 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/filtering.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/filtering.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridFiltering}"
+llms:
+  description: "The {ProductName} Filtering in {Platform} {ComponentTitle} is a feature that allows for selectively displaying or hiding data based on specific criteria or conditions."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/keyboard-navigation.mdx b/docs/xplat/src/content/en/components/grids/_shared/keyboard-navigation.mdx
index 056038013b..c393bd17fd 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/keyboard-navigation.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/keyboard-navigation.mdx
@@ -5,6 +5,8 @@ keywords: keyboard navigation, {ProductName}, infragistics
 license: commercial
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+llms:
+  description: "The {ProductName} Keyboard Navigation feature in {Platform} {ComponentTitle} provides a rich variety of keyboard interactions for the user."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/live-data.mdx b/docs/xplat/src/content/en/components/grids/_shared/live-data.mdx
index 001e679fbc..58ab6ce502 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/live-data.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/live-data.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} {ComponentKeywords} updates, {Platform} live data, infragi
 license: commercial
 sharedComponents: ["Grid", "TreeGrid"]
 namespace: Infragistics.Controls
+llms:
+  description: "The {ProductName} Live Data Updates feature in {Platform} {ComponentTitle} is used for enabling real-time or near-real-time updates of data displayed within the grid."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/multi-column-headers.mdx b/docs/xplat/src/content/en/components/grids/_shared/multi-column-headers.mdx
index 29c1dec51c..0b115badf3 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/multi-column-headers.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/multi-column-headers.mdx
@@ -6,6 +6,8 @@ license: commercial
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridMultiColumnHeaders}"
+llms:
+  description: "The {ProductName} Multi-Column Headers feature in {Platform} {ComponentTitle} allows you to group columns by placing them under a common multi-header."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/multi-row-layout.mdx b/docs/xplat/src/content/en/components/grids/_shared/multi-row-layout.mdx
index 2c0bfae33c..c9cd617828 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/multi-row-layout.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/multi-row-layout.mdx
@@ -5,6 +5,8 @@ keywords: Multi-Row Layout, {Platform}, {ComponentKeywords}, {ProductName}, Infr
 license: commercial
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+llms:
+  description: "The Multi-row Layout in the {ProductName} extends the rendering capabilities of the {Platform} {ComponentTitle}."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/paging.mdx b/docs/xplat/src/content/en/components/grids/_shared/paging.mdx
index ed928ed2d0..af39bbfb55 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/paging.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/paging.mdx
@@ -6,6 +6,8 @@ keywords: Paging, {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 license: commercial
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridPaging}"
+llms:
+  description: "The {ProductName} Pagination feature in {Platform} {ComponentTitle} is used to split a large set of data into a sequence of pages that have similar content."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/remote-data-operations.mdx b/docs/xplat/src/content/en/components/grids/_shared/remote-data-operations.mdx
index b3b6930b86..344e4c570a 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/remote-data-operations.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/remote-data-operations.mdx
@@ -5,6 +5,8 @@ keywords: Remote Data, Paging, {Platform}, {ComponentKeywords}, {ProductName}, I
 license: commercial
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+llms:
+  description: "The {ProductName} Remote Data Operations feature in {Platform} {ComponentTitle} supports operations such as remote virtualization, remote sorting, remote filtering and others."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/row-actions.mdx b/docs/xplat/src/content/en/components/grids/_shared/row-actions.mdx
index 4a8b42da70..c9f49c0087 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/row-actions.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/row-actions.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridRowActions}"
+llms:
+  description: "The {ProductName} Row Actions feature in {Platform} {ComponentTitle} enables developers to use an ActionStrip and utilize CRUD for row/cell components and row pinning."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/row-adding.mdx b/docs/xplat/src/content/en/components/grids/_shared/row-adding.mdx
index 1e595dab2f..1c8675a725 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/row-adding.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/row-adding.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridRowAdding}"
+llms:
+  description: "The {ProductName} Row Adding feature in {Platform} {ComponentTitle} enables users to input and submit new data records without navigating to a separate form or page."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/row-drag.mdx b/docs/xplat/src/content/en/components/grids/_shared/row-drag.mdx
index 616114444e..29008b8420 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/row-drag.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/row-drag.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridRowDrag}"
+llms:
+  description: "The {ProductName} Row Dragging feature in {Platform} {ComponentTitle} is easily configurable and is used for rearranging rows within the grid by dragging and dropping them to a new position using the mouse."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/row-editing.mdx b/docs/xplat/src/content/en/components/grids/_shared/row-editing.mdx
index 337b695676..98f3f1568a 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/row-editing.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/row-editing.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "PivotGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridRowEditing}"
+llms:
+  description: "The {ProductName} Row Editing feature in {Platform} {ComponentTitle} allows editing data directly within the {ComponentName}."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/row-pinning.mdx b/docs/xplat/src/content/en/components/grids/_shared/row-pinning.mdx
index 15de6f1447..7c228ea52f 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/row-pinning.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/row-pinning.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridRowPinning}"
+llms:
+  description: "The {ProductName} Row Pinning feature in {Platform} {ComponentTitle} allows you to pin one or multiple rows to the top or bottom of grid."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/row-selection.mdx b/docs/xplat/src/content/en/components/grids/_shared/row-selection.mdx
index 0e4f37d431..af3a2f0e7a 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/row-selection.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/row-selection.mdx
@@ -7,6 +7,8 @@ mentionedTypes: ["GridBaseDirective", "RowSelectorTemplateDetails", "HeadSelecto
 sharedComponents: ["Grid", "TreeGrid", "PivotGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridRowSelection}"
+llms:
+  description: "The {ProductName} Row Selection feature in {Platform} {ComponentTitle} allows users to interactively select, highlight, or deselect a single or multiple rows of data."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/search.mdx b/docs/xplat/src/content/en/components/grids/_shared/search.mdx
index 030acfbd4e..f4a384e0f3 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/search.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/search.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid"]
 namespace: Infragistics.Controls
+llms:
+  description: "The {ProductName} Search Filter feature in {Platform} {ComponentTitle} enables the process of finding values in the collection of data."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/selection.mdx b/docs/xplat/src/content/en/components/grids/_shared/selection.mdx
index 037609c969..b8ea606144 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/selection.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/selection.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "PivotGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridSelection}"
+llms:
+  description: "With the {ProductName} Select feature in {Platform} {ComponentTitle} you can easily interact with and manipulate data using simple mouse interactions."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/size.mdx b/docs/xplat/src/content/en/components/grids/_shared/size.mdx
index bf9486c70f..ebb0852293 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/size.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/size.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridSize}"
+llms:
+  description: "The {ProductName} Size feature in {Platform} {ComponentTitle} allows users to control the spacing and layout of data within the {ComponentName}."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/sizing.mdx b/docs/xplat/src/content/en/components/grids/_shared/sizing.mdx
index faf4b7d0e3..272436fe40 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/sizing.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/sizing.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+llms:
+  description: "The {ProductName} Sizing feature in {Platform} {ComponentTitle} is an important aspect of creating responsive and user-friendly grid interfaces."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/sorting.mdx b/docs/xplat/src/content/en/components/grids/_shared/sorting.mdx
index 1e02cb6b63..9bbbc96890 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/sorting.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/sorting.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridSorting}"
+llms:
+  description: "The {ProductName} Data Sorting feature in {Platform} {ComponentTitle} is enabled on a per-column level, meaning that the {ComponentName} can have a mix of sortable and non-sortable columns."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/state-persistence.mdx b/docs/xplat/src/content/en/components/grids/_shared/state-persistence.mdx
index f9023535ba..be802f6017 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/state-persistence.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/state-persistence.mdx
@@ -7,6 +7,8 @@ mentionedTypes: ["GridStateBaseDirective", "GridState", "PivotConfiguration", "P
 sharedComponents: ["Grid", "TreeGrid", "PivotGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridStatePersistence}"
+llms:
+  description: "The {ProductName} State Persistence in {Platform} {ComponentTitle} allows developers to easily save and restore the grid state."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/summaries.mdx b/docs/xplat/src/content/en/components/grids/_shared/summaries.mdx
index 6c84020ced..9fec08ac59 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/summaries.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/summaries.mdx
@@ -7,6 +7,8 @@ mentionedTypes: ["GridBaseDirective", "Column", "SummaryOperand"]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridSummaries}"
+llms:
+  description: "The {ProductName} Summaries feature in {Platform} {ComponentTitle} functions on a per-column level as group footer."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/toolbar.mdx b/docs/xplat/src/content/en/components/grids/_shared/toolbar.mdx
index 30d6d57530..dc22949ccd 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/toolbar.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/toolbar.mdx
@@ -7,6 +7,8 @@ mentionedTypes: ["GridToolbar"]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridToolbar}"
+llms:
+  description: "The {ProductName} Toolbar in is a container for UI operations in the {Platform} {ComponentTitle}."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/validation.mdx b/docs/xplat/src/content/en/components/grids/_shared/validation.mdx
index 0cdcc29cd5..e57fc1a532 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/validation.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/validation.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} validation, {ProductName}, infragistics,"
 license: commercial
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
+llms:
+  description: "The {Platform} {ComponentName} provides editing that has a built-in Validation mechanism of user input when editing cells/rows."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/_shared/virtualization.mdx b/docs/xplat/src/content/en/components/grids/_shared/virtualization.mdx
index ccbae78c04..66d0567fbb 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/virtualization.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/virtualization.mdx
@@ -6,6 +6,8 @@ license: commercial
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridVirtualization}"
+llms:
+  description: "In {ProductName}, the {ComponentName} control virtualizes its content both vertically and horizontally."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/data-grid.mdx b/docs/xplat/src/content/en/components/grids/data-grid.mdx
index 7ec92959c3..b57a2c27e2 100644
--- a/docs/xplat/src/content/en/components/grids/data-grid.mdx
+++ b/docs/xplat/src/content/en/components/grids/data-grid.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform}, {ProductName}, Infragistics, Getting Started, Grid"
 license: commercial
 mentionedTypes: ["Grid", "Column", "Cell", "CellTemplateContext", "GridRowComponent", "GridToolbar", "Paginator"]
 namespace: Infragistics.Controls
+llms:
+  description: "The {Platform} Data Grid component is used for displaying large volumes of data."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/en/components/grids/grid/groupby.mdx b/docs/xplat/src/content/en/components/grids/grid/groupby.mdx
index dda009cf83..7b048928a8 100644
--- a/docs/xplat/src/content/en/components/grids/grid/groupby.mdx
+++ b/docs/xplat/src/content/en/components/grids/grid/groupby.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform}, Grid, {ProductName}, group by, Infragistics"
 license: commercial
 mentionedTypes: ["Grid", "RowDirective", "GroupByRowSelectorTemplateDetails"]
 namespace: Infragistics.Controls
+llms:
+  description: "The {ProductName} Group By behavior in {Platform} {GridName} creates grouped data rows based on the column values."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/grids/grid/icons.mdx b/docs/xplat/src/content/en/components/grids/grid/icons.mdx
index 92f77d9547..567950d156 100644
--- a/docs/xplat/src/content/en/components/grids/grid/icons.mdx
+++ b/docs/xplat/src/content/en/components/grids/grid/icons.mdx
@@ -4,6 +4,8 @@ description: Configure custom icons for {Platform} Grid.
 keywords: icons, custom icons, igniteui for {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 license: MIT
 mentionedTypes: ["Infragistics.Controls.Grid"]
+llms:
+  description: "Explains how to replace the default {ProductName} Grid icons with custom icons from another icon collection."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/grid/master-detail.mdx b/docs/xplat/src/content/en/components/grids/grid/master-detail.mdx
index cefd8605c2..c2d743d984 100644
--- a/docs/xplat/src/content/en/components/grids/grid/master-detail.mdx
+++ b/docs/xplat/src/content/en/components/grids/grid/master-detail.mdx
@@ -4,6 +4,8 @@ description: Define expandable detail view template for data in rows with Ignite
 keywords: "{Platform}, {ComponentKeywords}, {ProductName}, master detail, Infragistics"
 license: commercial
 mentionedTypes: ["Infragistics.Controls.Grid"]
+llms:
+  description: "The Grid component supports specifying a detail template that displays additional details for a particular row by expanding/collapsing its content."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/grid/paste-excel.mdx b/docs/xplat/src/content/en/components/grids/grid/paste-excel.mdx
index aff3a2973f..a2d5afe835 100644
--- a/docs/xplat/src/content/en/components/grids/grid/paste-excel.mdx
+++ b/docs/xplat/src/content/en/components/grids/grid/paste-excel.mdx
@@ -4,6 +4,8 @@ description: Configure the {Platform} Grid to paste data from excel, by using ri
 keywords: export selected, igniteui for {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 license: commercial
 mentionedTypes: ["Infragistics.Controls.Grid"]
+llms:
+  description: "The {ProductName} Grid can read Excel data that is copied to the clipboard."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/grid/selection-based-aggregates.mdx b/docs/xplat/src/content/en/components/grids/grid/selection-based-aggregates.mdx
index 78c34d906f..fb1b4858b3 100644
--- a/docs/xplat/src/content/en/components/grids/grid/selection-based-aggregates.mdx
+++ b/docs/xplat/src/content/en/components/grids/grid/selection-based-aggregates.mdx
@@ -4,6 +4,8 @@ description: Learn how to aggregate selected data in a grid with Ignite UI. Get
 keywords: Data aggregation, selection, {Platform}, {ComponentKeywords}, {ProductName}, Infragistics {Platform}, infragistics
 license: commercial
 mentionedTypes: ["Infragistics.Controls.Grid"]
+llms:
+  description: "With the sample, illustrated beyond, you may see how multiple selection is being used, alongside with custom summary functions, to display aggregates based on the selected values in the grid footer."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/grids/grid/theming-grid.mdx b/docs/xplat/src/content/en/components/grids/grid/theming-grid.mdx
index ce82a8d5ce..59b0e59a27 100644
--- a/docs/xplat/src/content/en/components/grids/grid/theming-grid.mdx
+++ b/docs/xplat/src/content/en/components/grids/grid/theming-grid.mdx
@@ -6,6 +6,8 @@ license: commercial
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
+llms:
+  description: "With the {Platform} Theming css, the {ProductName} Grid can be easily customized to match your brand identity."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/grids-header.mdx b/docs/xplat/src/content/en/components/grids/grids-header.mdx
index e3c6b3296c..9c38d7aa1b 100644
--- a/docs/xplat/src/content/en/components/grids/grids-header.mdx
+++ b/docs/xplat/src/content/en/components/grids/grids-header.mdx
@@ -4,6 +4,8 @@ description: Looking for fast {Platform} grids and tables? {ProductName} provide
 keywords: "{Platform} data grid, table, grids, {ProductName}, Infragistics"
 license: commercial
 mentionedTypes: ["Infragistics.Controls.Grid"]
+llms:
+  description: "{ProductName} provides a complete library of {Platform}-native, Material-based UI components, including the world’s fastest virtualized {Platform} data grid."
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/grids/grids.mdx b/docs/xplat/src/content/en/components/grids/grids.mdx
index 04c1014d13..24e3f70f14 100644
--- a/docs/xplat/src/content/en/components/grids/grids.mdx
+++ b/docs/xplat/src/content/en/components/grids/grids.mdx
@@ -3,6 +3,8 @@ title: "{Platform} Grid Layout | Real-Time {Platform} Tables | The Lightweight {
 description: Our {Platform} grid layout will help you build dynamic, touch-responsive data grids with little coding and configuration. Get 30-day FREE trial of {ProductName}.
 keywords: "{Platform} data grid, infragistics, grids, {ProductName}, table"
 license: commercial
+llms:
+  description: "A {Platform} data grid or data table is a component used to display tabular data in a series of rows and columns."
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/grids/hierarchical-grid/load-on-demand.mdx b/docs/xplat/src/content/en/components/grids/hierarchical-grid/load-on-demand.mdx
index ab0338f584..7fe2eab01f 100644
--- a/docs/xplat/src/content/en/components/grids/hierarchical-grid/load-on-demand.mdx
+++ b/docs/xplat/src/content/en/components/grids/hierarchical-grid/load-on-demand.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} hierarchical grid, igniteui for {Platform}, infragistics"
 license: commercial
 mentionedTypes: ["HierarchicalGrid", "RowIsland"]
 namespace: Infragistics.Controls
+llms:
+  description: "The Ignite UI for {Platform} HierarchicalGrid allows fast rendering by requesting the minimum amount of data to be retrieved from the server so that the user can see the result in view and interact with the visible data as quickly as possible."
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/grids/hierarchical-grid/overview.mdx b/docs/xplat/src/content/en/components/grids/hierarchical-grid/overview.mdx
index 7812271c94..27e83e8cfc 100644
--- a/docs/xplat/src/content/en/components/grids/hierarchical-grid/overview.mdx
+++ b/docs/xplat/src/content/en/components/grids/hierarchical-grid/overview.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} hierarchical grid, igniteui for {Platform}, infragistics"
 license: commercial
 mentionedTypes: ["HierarchicalGridBaseDirective"]
 namespace: Infragistics.Controls
+llms:
+  description: "The {ProductName} Hierarchical Data Grid is used to display and manipulate hierarchical tabular data."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/en/components/grids/hierarchical-grid/theming-grid.mdx b/docs/xplat/src/content/en/components/grids/hierarchical-grid/theming-grid.mdx
index 279065332d..1dcc0935c0 100644
--- a/docs/xplat/src/content/en/components/grids/hierarchical-grid/theming-grid.mdx
+++ b/docs/xplat/src/content/en/components/grids/hierarchical-grid/theming-grid.mdx
@@ -7,6 +7,8 @@ _license: commercial
 
 
 namespace: Infragistics.Controls
+llms:
+  description: "With the {Platform} Theming css, the {ProductName} Grid can be easily customized to match your brand identity."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/list.mdx b/docs/xplat/src/content/en/components/grids/list.mdx
index 5748d76a92..3fac3c9af7 100644
--- a/docs/xplat/src/content/en/components/grids/list.mdx
+++ b/docs/xplat/src/content/en/components/grids/list.mdx
@@ -4,6 +4,8 @@ description: Infragistics' {Platform} List component helps you with presenting a
 keywords: "{Platform} List, Item List, overview, {ProductName}, data binding, Infragistics"
 license: MIT
 mentionedTypes: ["List", "ListHeader", "ListItem", "Avatar", "Button", "RadioGroup", "Radio"]
+llms:
+  description: "The {ProductName} List element is extremely useful when presenting a group of items."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/pivot-grid/features.mdx b/docs/xplat/src/content/en/components/grids/pivot-grid/features.mdx
index 127a3913a4..2ea9d9fbf1 100644
--- a/docs/xplat/src/content/en/components/grids/pivot-grid/features.mdx
+++ b/docs/xplat/src/content/en/components/grids/pivot-grid/features.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform}, {PivotGridTitle}, material pivot table, {ProductName}, gr
 license: commercial
 mentionedTypes: ["Infragistics.Controls.Grid"]
 namespace: Infragistics.Controls
+llms:
+  description: "The pivot and flat grid components inherit from a common base and thus share some functionality and features."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/grids/pivot-grid/overview.mdx b/docs/xplat/src/content/en/components/grids/pivot-grid/overview.mdx
index a00d2a84c4..f71ebe04d2 100644
--- a/docs/xplat/src/content/en/components/grids/pivot-grid/overview.mdx
+++ b/docs/xplat/src/content/en/components/grids/pivot-grid/overview.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} pivot grid, {Platform} material pivot table, {ProductName}
 license: commercial
 mentionedTypes: ["PivotGrid", "PivotDimension", "PivotValue"]
 namespace: Infragistics.Controls
+llms:
+  description: "The {Platform} Pivot Grid is used for summing up and representing voluminous multidimensional data in a cross-tabular format."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/grids/pivot-grid/remote-operations.mdx b/docs/xplat/src/content/en/components/grids/pivot-grid/remote-operations.mdx
index f2dad3c290..01034a087f 100644
--- a/docs/xplat/src/content/en/components/grids/pivot-grid/remote-operations.mdx
+++ b/docs/xplat/src/content/en/components/grids/pivot-grid/remote-operations.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} pivot grid, {Platform} material pivot table, ignite ui for
 license: commercial
 mentionedTypes: ["PivotGrid", "PivotConfiguration", "PivotKeys"]
 namespace: Infragistics.Controls
+llms:
+  description: "In scenarios where the pivot data is already grouped and aggregated from a remote service and there's no need for further processing on the client, the pivot grid can be configured to use a custom empty strategy that will skip data processing on the client and allow it to."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/theming.mdx b/docs/xplat/src/content/en/components/grids/theming.mdx
index 30214061cd..c74c2e0477 100644
--- a/docs/xplat/src/content/en/components/grids/theming.mdx
+++ b/docs/xplat/src/content/en/components/grids/theming.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} data grid, infragistics, data grids theming, theming, {Pro
 license: commercial
 mentionedTypes: ["Infragistics.Controls.Grid.Implementation.Grid"]
 namespace: Infragistics.Controls
+llms:
+  description: "With the {Platform} Theming engine, the {ProductName} Grid can be easily customized to match your brand identity."
 ---
 
 # Theme {Platform} Data Grid
diff --git a/docs/xplat/src/content/en/components/grids/tree-grid/load-on-demand.mdx b/docs/xplat/src/content/en/components/grids/tree-grid/load-on-demand.mdx
index fa3fec57bb..bc27163e57 100644
--- a/docs/xplat/src/content/en/components/grids/tree-grid/load-on-demand.mdx
+++ b/docs/xplat/src/content/en/components/grids/tree-grid/load-on-demand.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} tree grid, igniteui for {Platform}, infragistics"
 license: commercial
 mentionedTypes: ["TreeGrid"]
 namespace: Infragistics.Controls
+llms:
+  description: "The Ignite UI for {Platform} Tree Grid can be rendered in such way that it requires the minimal amount of data to get from the server so the user could see it as quickly as possible."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/tree-grid/overview.mdx b/docs/xplat/src/content/en/components/grids/tree-grid/overview.mdx
index 72a2132bb6..2e0e00fc54 100644
--- a/docs/xplat/src/content/en/components/grids/tree-grid/overview.mdx
+++ b/docs/xplat/src/content/en/components/grids/tree-grid/overview.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} tree grid, igniteui for {Platform}, infragistics"
 license: commercial
 mentionedTypes: ["GridBaseDirective", "TreeGrid", "Column"]
 namespace: Infragistics.Controls
+llms:
+  description: "The {Platform} Tree Grid is a UI component that combines the functionality of a data grid (table) with a tree view, allowing hierarchical data to be easily displayed in a tabular format."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/grids/tree-grid/theming-grid.mdx b/docs/xplat/src/content/en/components/grids/tree-grid/theming-grid.mdx
index a3a65be0f6..50e4b5e32f 100644
--- a/docs/xplat/src/content/en/components/grids/tree-grid/theming-grid.mdx
+++ b/docs/xplat/src/content/en/components/grids/tree-grid/theming-grid.mdx
@@ -7,6 +7,8 @@ _license: commercial
 
 
 namespace: Infragistics.Controls
+llms:
+  description: "With the {Platform} Theming css, the {ProductName} Grid can be easily customized to match your brand identity."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/grids/tree.mdx b/docs/xplat/src/content/en/components/grids/tree.mdx
index 9cee3d04fc..735d7e8062 100644
--- a/docs/xplat/src/content/en/components/grids/tree.mdx
+++ b/docs/xplat/src/content/en/components/grids/tree.mdx
@@ -4,6 +4,8 @@ description: With {Platform} Tree component you can display hierarchical data in
 keywords: "{Platform} Tree, Item Tree, overview, {ProductName}, Infragistics"
 license: MIT
 mentionedTypes: ["Tree", "TreeItem", "Icon", "CircularProgress"]
+llms:
+  description: "{ProductName} Tree, also known as TreeView component, is a high-performance control that visualizes expandable data structures within a tree-like UI, enabling you to apply load on demand for child items."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/badge.mdx b/docs/xplat/src/content/en/components/inputs/badge.mdx
index abdc93c39e..24af6d7da1 100644
--- a/docs/xplat/src/content/en/components/inputs/badge.mdx
+++ b/docs/xplat/src/content/en/components/inputs/badge.mdx
@@ -4,6 +4,8 @@ description: Infragistics' {Platform} Badge component allows you to display cont
 keywords: "{Platform}, UI controls, web widgets, UI widgets, Web Components, {Platform} Badge Components, Infragistics"
 license: MIT
 mentionedTypes: ["Badge"]
+llms:
+  description: "The {ProductName} Badge is a component used in conjunction with avatars, navigation menus, or other components in an application when a visual notification is needed."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/button-group.mdx b/docs/xplat/src/content/en/components/inputs/button-group.mdx
index 9b69674be5..b3f2117761 100644
--- a/docs/xplat/src/content/en/components/inputs/button-group.mdx
+++ b/docs/xplat/src/content/en/components/inputs/button-group.mdx
@@ -4,6 +4,8 @@ description: Get started with the {Platform} Button Group Component - series of
 keywords: "{Platform}, UI controls, web widgets, UI widgets, {Platform} Button Group Components, Infragistics"
 mentionedTypes: ["ToggleButton", "ButtonGroup"]
 license: MIT
+llms:
+  description: "The {Platform} Button Group component is used to organize ToggleButton's into styled button groups with horizontal/vertical alignment, single/multiple selection and toggling."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/button.mdx b/docs/xplat/src/content/en/components/inputs/button.mdx
index 9f5713e811..0fa8efa39f 100644
--- a/docs/xplat/src/content/en/components/inputs/button.mdx
+++ b/docs/xplat/src/content/en/components/inputs/button.mdx
@@ -4,6 +4,8 @@ description: Get started with the {Platform} Button Component. Select button var
 keywords: "{Platform}, UI controls, web widgets, UI widgets, {Platform} Button Components, Infragistics"
 mentionedTypes: ["Button", "ButtonBase"]
 license: MIT
+llms:
+  description: "The {Platform} Button Component lets you enable clickable elements that trigger actions in your {Platform} app."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/checkbox.mdx b/docs/xplat/src/content/en/components/inputs/checkbox.mdx
index 94628f6c08..c6a7e60039 100644
--- a/docs/xplat/src/content/en/components/inputs/checkbox.mdx
+++ b/docs/xplat/src/content/en/components/inputs/checkbox.mdx
@@ -4,6 +4,8 @@ description: Learn how to use the {Platform} Checkbox Component to add checkboxe
 keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} Checkbox components, {Platform} Checkbox controls"
 license: MIT
 mentionedTypes: ["Checkbox", "Form"]
+llms:
+  description: "The {Platform} Checkbox is a component that lets you add checkboxes to your {Platform} apps."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/chip.mdx b/docs/xplat/src/content/en/components/inputs/chip.mdx
index 5f763b7057..220be27ec4 100644
--- a/docs/xplat/src/content/en/components/inputs/chip.mdx
+++ b/docs/xplat/src/content/en/components/inputs/chip.mdx
@@ -4,6 +4,8 @@ description: Infragistics' {Platform} Chip component allows you to display conte
 keywords: "{Platform}, UI controls, web widgets, UI widgets, Web Components, {Platform} Chip Components, Infragistics"
 license: MIT
 mentionedTypes: ["Chip"]
+llms:
+  description: "{ProductName} Chips help people enter information, make selections, filter content, or trigger actions."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/circular-progress.mdx b/docs/xplat/src/content/en/components/inputs/circular-progress.mdx
index 32be7f5ba2..d4b438c3a9 100644
--- a/docs/xplat/src/content/en/components/inputs/circular-progress.mdx
+++ b/docs/xplat/src/content/en/components/inputs/circular-progress.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Circular Progress, {ProductName}, Infragistics"
 license: MIT
 mentionedTypes: ["CircularProgress", "CircularGradient"]
 namespace: Infragistics.Controls
+llms:
+  description: "The {ProductName} Circular Progress Indicator component provides a visual indicator of an application’s process as it changes."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/color-editor.mdx b/docs/xplat/src/content/en/components/inputs/color-editor.mdx
index c0ebfa28f8..47ceffd943 100644
--- a/docs/xplat/src/content/en/components/inputs/color-editor.mdx
+++ b/docs/xplat/src/content/en/components/inputs/color-editor.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Color Editor, {ProductName}, Infragistics"
 license: commercial
 mentionedTypes: ["ColorEditor"]
 namespace: Infragistics.Controls
+llms:
+  description: "The {ProductName} Color Editor is a lightweight color picker component."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/combo/features.mdx b/docs/xplat/src/content/en/components/inputs/combo/features.mdx
index 562a1e9d48..f5d96b54ef 100644
--- a/docs/xplat/src/content/en/components/inputs/combo/features.mdx
+++ b/docs/xplat/src/content/en/components/inputs/combo/features.mdx
@@ -4,6 +4,8 @@ description: "{ProductName} ComboBox Component Features"
 keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} ComboBox Component Features"
 license: MIT
 mentionedTypes: ["Combo", "ComboList", "ComboItem"]
+llms:
+  description: "The {ProductName} ComboBox component exposes several features such as filtering and grouping."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/combo/overview.mdx b/docs/xplat/src/content/en/components/inputs/combo/overview.mdx
index 5c5db0b007..a5f5efa9be 100644
--- a/docs/xplat/src/content/en/components/inputs/combo/overview.mdx
+++ b/docs/xplat/src/content/en/components/inputs/combo/overview.mdx
@@ -4,6 +4,8 @@ description: "{Platform} Combo component provides a powerful input, combining fe
 keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} ComboBox component"
 license: MIT
 mentionedTypes: ["Combo", "ComboItem", "ComboHeader", "ComboList"]
+llms:
+  description: "{Platform} ComboBox is a lightweight editor that enables users to easily select, filter, and group different predefined options in a provided list."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/combo/single-selection.mdx b/docs/xplat/src/content/en/components/inputs/combo/single-selection.mdx
index 6f00c34a8a..cb9fecab8d 100644
--- a/docs/xplat/src/content/en/components/inputs/combo/single-selection.mdx
+++ b/docs/xplat/src/content/en/components/inputs/combo/single-selection.mdx
@@ -4,6 +4,8 @@ description: "{Platform} Combo component provides a powerful input, combining fe
 keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} ComboBox component"
 license: MIT
 mentionedTypes: ["Combo", "SingleSelect", "ComboItem", "ComboHeader", "ComboList"]
+llms:
+  description: "The {Platform} ComboBox supports single-selection mode and quick filtering of the list of items via the main input prompt."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/combo/templates.mdx b/docs/xplat/src/content/en/components/inputs/combo/templates.mdx
index 22cafdb04c..03f7b49263 100644
--- a/docs/xplat/src/content/en/components/inputs/combo/templates.mdx
+++ b/docs/xplat/src/content/en/components/inputs/combo/templates.mdx
@@ -4,6 +4,8 @@ description: "{ProductName} ComboBox component templates"
 keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} ComboBox Component Templates"
 license: MIT
 mentionedTypes: ["Combo"]
+llms:
+  description: "The {ProductName} ComboBox component allows defining custom templates for different areas such as items, group headers, empty list, and icons."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/date-time-input.mdx b/docs/xplat/src/content/en/components/inputs/date-time-input.mdx
index 334a4d7c41..30345e1dbe 100644
--- a/docs/xplat/src/content/en/components/inputs/date-time-input.mdx
+++ b/docs/xplat/src/content/en/components/inputs/date-time-input.mdx
@@ -4,6 +4,8 @@ description: Infragistics' {Platform} DateTimeInput allows the user to edit date
 keywords: "{Platform} input, {ProductName}, Infragistics"
 license: MIT
 mentionedTypes: ["DateTimeInput"]
+llms:
+  description: "The {ProductName} Date Time Input allows the user to set and edit the date and time in a chosen input element."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/dropdown.mdx b/docs/xplat/src/content/en/components/inputs/dropdown.mdx
index fc820e9d49..a5614ba34e 100644
--- a/docs/xplat/src/content/en/components/inputs/dropdown.mdx
+++ b/docs/xplat/src/content/en/components/inputs/dropdown.mdx
@@ -4,6 +4,8 @@ description: With {Platform} Dropdown List component you can add interactivity a
 keywords: "{Platform}, UI controls, web widgets, UI widgets, {Platform} Dropdown Component, Infragistics"
 license: MIT
 mentionedTypes: ["Dropdown", "DropdownItem", "DropdownHeader", "DropdownGroup"]
+llms:
+  description: "Feature-rich, the {Platform} Dropdown list offers out-of-the-box filtering, accessibility, preselected values, flexible data binding, grouping, UI customization, and more."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/file-input.mdx b/docs/xplat/src/content/en/components/inputs/file-input.mdx
index a86db566d2..eb22891760 100644
--- a/docs/xplat/src/content/en/components/inputs/file-input.mdx
+++ b/docs/xplat/src/content/en/components/inputs/file-input.mdx
@@ -4,6 +4,8 @@ description: Infragistics' {Platform} File input is a component where the user c
 keywords: "{Platform} File input, {ProductName}, Infragistics"
 license: MIT
 mentionedTypes: ["Input", "Icon", "Button"]
+llms:
+  description: "The {ProductName} File Input component provides an interactive way for users to select and upload files."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/highlight.mdx b/docs/xplat/src/content/en/components/inputs/highlight.mdx
index c8763a263e..e57394cb8f 100644
--- a/docs/xplat/src/content/en/components/inputs/highlight.mdx
+++ b/docs/xplat/src/content/en/components/inputs/highlight.mdx
@@ -4,6 +4,8 @@ _description: Infragistics' {Platform} Highlight component allows you to search
 _keywords: {Platform}, UI controls, web widgets, UI widgets, {Platform} Highlight Components, Infragistics
 _license: MIT
 mentionedTypes: ["Highlight"]
+llms:
+  description: "{ProductName} Highlight is used to highlight parts of the page content to make it more noticeable for the user."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/icon-button.mdx b/docs/xplat/src/content/en/components/inputs/icon-button.mdx
index 89f102e17f..2049cb8eba 100644
--- a/docs/xplat/src/content/en/components/inputs/icon-button.mdx
+++ b/docs/xplat/src/content/en/components/inputs/icon-button.mdx
@@ -4,6 +4,8 @@ description: Developers can utilize and use various icons interchangeably as but
 keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} Icon Button components, {Platform} Icon Button controls"
 license: MIT
 mentionedTypes: ["IconButton", "ButtonBase", "Button", "Icon"]
+llms:
+  description: "The {ProductName} Icon Button component allows developers to use registered icons as buttons in their application."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/input.mdx b/docs/xplat/src/content/en/components/inputs/input.mdx
index c6799a1b9b..c2ada5ac9f 100644
--- a/docs/xplat/src/content/en/components/inputs/input.mdx
+++ b/docs/xplat/src/content/en/components/inputs/input.mdx
@@ -4,6 +4,8 @@ description: Infragistics' {Platform} input is a component where the user can en
 keywords: "{Platform} input, {ProductName}, Infragistics"
 license: MIT
 mentionedTypes: ["Input", "Icon", "Radio"]
+llms:
+  description: "The {ProductName} Input is a component where the user can enter data."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/linear-progress.mdx b/docs/xplat/src/content/en/components/inputs/linear-progress.mdx
index 4c5ffb5ec9..08194697a7 100644
--- a/docs/xplat/src/content/en/components/inputs/linear-progress.mdx
+++ b/docs/xplat/src/content/en/components/inputs/linear-progress.mdx
@@ -4,6 +4,8 @@ description: Display a progress bar and customize its appearance with endless co
 keywords: "{Platform} Linear Progress, {ProductName}, Infragistics"
 license: MIT
 mentionedTypes: ["LinearProgress"]
+llms:
+  description: "The {ProductName} Linear Progress Indicator component provides a visual indicator of an application’s process as it changes."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/mask-input.mdx b/docs/xplat/src/content/en/components/inputs/mask-input.mdx
index 2d57914938..8ad8879177 100644
--- a/docs/xplat/src/content/en/components/inputs/mask-input.mdx
+++ b/docs/xplat/src/content/en/components/inputs/mask-input.mdx
@@ -4,6 +4,8 @@ description: Infragistics' {Platform} MaskInput allows the user to control input
 keywords: "{Platform} input, {ProductName}, Infragistics"
 license: MIT
 mentionedTypes: ["MaskInput"]
+llms:
+  description: "The {ProductName} Mask Input is an input field that allows the developer to control user input and format the visible value, based on configurable rules."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/query-builder.mdx b/docs/xplat/src/content/en/components/inputs/query-builder.mdx
index 6072a9aa00..7a55bc960c 100644
--- a/docs/xplat/src/content/en/components/inputs/query-builder.mdx
+++ b/docs/xplat/src/content/en/components/inputs/query-builder.mdx
@@ -4,6 +4,8 @@ description: Infragistics' {Platform} Query Builder allows users to build comple
 keywords: "{Platform} Query Builder, {ProductName}, Infragistics"
 license: MIT
 mentionedTypes: ["QueryBuilder"]
+llms:
+  description: "The {ProductName} Query Builder provides a rich UI that allows developers to build complex data filtering queries for a specified data set."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/radio.mdx b/docs/xplat/src/content/en/components/inputs/radio.mdx
index 449dd26f7a..5997243436 100644
--- a/docs/xplat/src/content/en/components/inputs/radio.mdx
+++ b/docs/xplat/src/content/en/components/inputs/radio.mdx
@@ -4,6 +4,8 @@ description: With {ProductName} Radio Button and Radio Group controls, developer
 keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} Radio Button components, {Platform} Radio Button controls, {Platform} Radio Group component, {Platform} Radio Group control"
 license: MIT
 mentionedTypes: ["Radio", "RadioGroup", "Form"]
+llms:
+  description: "The {ProductName} Radio component allows the user to select a single option from an available set of options that are listed side by side."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/rating.mdx b/docs/xplat/src/content/en/components/inputs/rating.mdx
index f5f53f4540..671f6f165d 100644
--- a/docs/xplat/src/content/en/components/inputs/rating.mdx
+++ b/docs/xplat/src/content/en/components/inputs/rating.mdx
@@ -4,6 +4,8 @@ description: With {ProductName} Rating, allows users to view and provide feedbac
 keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} Rating components, {Platform} Rating controls"
 license: MIT
 mentionedTypes: ["Rating"]
+llms:
+  description: "The {ProductName} Rating component allows users to view and provide feedback."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/ripple.mdx b/docs/xplat/src/content/en/components/inputs/ripple.mdx
index 36224d1573..595d78a90b 100644
--- a/docs/xplat/src/content/en/components/inputs/ripple.mdx
+++ b/docs/xplat/src/content/en/components/inputs/ripple.mdx
@@ -4,6 +4,8 @@ description: With {ProductName} Ripple, developers can define an area which rece
 keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} Ripple components, {Platform} Ripple controls"
 license: MIT
 mentionedTypes: ["Ripple", "Button"]
+llms:
+  description: "The {ProductName} Ripple component creates an animation in response to a touch or a mouse click."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/select.mdx b/docs/xplat/src/content/en/components/inputs/select.mdx
index e6049045bb..a122a22a53 100644
--- a/docs/xplat/src/content/en/components/inputs/select.mdx
+++ b/docs/xplat/src/content/en/components/inputs/select.mdx
@@ -4,6 +4,8 @@ description: "{ProductName} Select component"
 keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} Select components, {Platform} Select controls"
 license: MIT
 mentionedTypes: ["Select"]
+llms:
+  description: "The {ProductName} Select component allows a single selection from a list of items, placed in a dropdown."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/slider.mdx b/docs/xplat/src/content/en/components/inputs/slider.mdx
index 59c28d70c3..dbf927a9c1 100644
--- a/docs/xplat/src/content/en/components/inputs/slider.mdx
+++ b/docs/xplat/src/content/en/components/inputs/slider.mdx
@@ -4,6 +4,8 @@ description: Learn how to configure a selection in a given range by using the th
 keywords: "{Platform}, UI controls, web widgets, UI widgets, {Platform} Slider Components, Infragistics"
 mentionedTypes: ["Slider", "SliderLabel", "RangeSlider"]
 license: MIT
+llms:
+  description: "The {Platform} Slider & Range Slider components allow selection in a given range by moving the thumb along the track."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
@@ -181,7 +183,7 @@ By default, the tick marks display labels with their values. You could modify th
 
 ### Value Format
 
-If you want to format the thumb and tick label values, the slider provides <ApiLink pkg="core" type="Slider" member="valueFormat" label="ValueFormat" />, <ApiLink pkg="core" type="Slider" member="valueFormatOptions" label="ValueFormatOptions" /> and <ApiLink pkg="core" type="Slider" member="locale" label="Locale" /> properties. Тhe <ApiLink pkg="core" type="Slider" member="valueFormatOptions" label="ValueFormatOptions" /> allows you to specify the number of fraction and significant digits, style (decimal, currency, percent, unit), notation and others taking into account the specified <ApiLink pkg="core" type="Slider" member="locale" label="Locale" />. The <ApiLink pkg="core" type="Slider" member="valueFormat" label="ValueFormat" /> is a string which may contain the `{0}` identifier which will be replaced by the value with applied format options.
+If you want to format the thumb and tick label values, the slider provides <ApiLink pkg="core" type="Slider" member="valueFormat" label="ValueFormat" />, <ApiLink pkg="core" type="Slider" member="valueFormatOptions" label="ValueFormatOptions" /> and <ApiLink pkg="core" type="Slider" member="locale" label="Locale" /> properties. The <ApiLink pkg="core" type="Slider" member="valueFormatOptions" label="ValueFormatOptions" /> allows you to specify the number of fraction and significant digits, style (decimal, currency, percent, unit), notation and others taking into account the specified <ApiLink pkg="core" type="Slider" member="locale" label="Locale" />. The <ApiLink pkg="core" type="Slider" member="valueFormat" label="ValueFormat" /> is a string which may contain the `{0}` identifier which will be replaced by the value with applied format options.
 
 <Sample src="/inputs/slider/value-format" height={230} alt="{Platform} Slider Value Format Example" />
 
diff --git a/docs/xplat/src/content/en/components/inputs/switch.mdx b/docs/xplat/src/content/en/components/inputs/switch.mdx
index 3a08b81f9d..cf5cd61299 100644
--- a/docs/xplat/src/content/en/components/inputs/switch.mdx
+++ b/docs/xplat/src/content/en/components/inputs/switch.mdx
@@ -4,6 +4,8 @@ description: "{ProductName} Switch component enables developers to use binary on
 keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} Switch components, {Platform} Switch controls"
 mentionedTypes: ["Switch"]
 license: MIT
+llms:
+  description: "The {ProductName} Switch component is a binary choice selection component that behaves similarly to the switch component in iOS."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/text-area.mdx b/docs/xplat/src/content/en/components/inputs/text-area.mdx
index 61a622ff8f..c47ddfd080 100644
--- a/docs/xplat/src/content/en/components/inputs/text-area.mdx
+++ b/docs/xplat/src/content/en/components/inputs/text-area.mdx
@@ -4,6 +4,8 @@ description: Infragistics' {Platform} Text Area is a component where the user ca
 keywords: "{ProductName}, UI controls, {Platform} widgets, Web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} Input, {Platform} Textarea components, {Platform} Textarea controls"
 mentionedTypes: ["Input", "Icon", "Textarea", "Toast"]
 license: MIT
+llms:
+  description: "The {ProductName} Text Area represents a multi-line plain-text editing control, useful when you want to allow users to enter a sizable amount of free-form text, for example a comment on a review or feedback form."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/inputs/tooltip.mdx b/docs/xplat/src/content/en/components/inputs/tooltip.mdx
index ad07606beb..c06a4613a5 100644
--- a/docs/xplat/src/content/en/components/inputs/tooltip.mdx
+++ b/docs/xplat/src/content/en/components/inputs/tooltip.mdx
@@ -4,6 +4,8 @@ description: The {ProductName} Tooltip component provides us with the ability to
 keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} Tooltip components"
 license: MIT
 mentionedTypes: ["Tooltip", "PopoverPlacement"]
+llms:
+  description: "The {ProductName} Tooltip component provides a way to display a tooltip for a specific element."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/interactivity/accessibility-compliance.mdx b/docs/xplat/src/content/en/components/interactivity/accessibility-compliance.mdx
index d85cef0edf..90b08074cf 100644
--- a/docs/xplat/src/content/en/components/interactivity/accessibility-compliance.mdx
+++ b/docs/xplat/src/content/en/components/interactivity/accessibility-compliance.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for {Platform} Accessibility Support and Compliance - Sec
 keywords: accessibility, {Platform}, ignite ui for {Platform}, infragistics
 license: MIT
 mentionedTypes: []
+llms:
+  description: "As the leading global provider of UI and UX tools for developers, our {Platform} team at Infragistics is committed to providing components and tools that make it easier for you to create the best possible user experience."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 
diff --git a/docs/xplat/src/content/en/components/interactivity/chat.mdx b/docs/xplat/src/content/en/components/interactivity/chat.mdx
index c9881955bd..b3452b34a8 100644
--- a/docs/xplat/src/content/en/components/interactivity/chat.mdx
+++ b/docs/xplat/src/content/en/components/interactivity/chat.mdx
@@ -4,6 +4,8 @@ description: With {ProductName} Chat, you can build interactive messaging experi
 keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} Chat components, {Platform} Chat controls"
 mentionedTypes: ["Chat"]
 license: MIT
+llms:
+  description: "The {ProductName} Chat component provides a complete solution for building conversational interfaces in your applications."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/layouts/accordion.mdx b/docs/xplat/src/content/en/components/layouts/accordion.mdx
index a3e4235fb8..9223e9b99a 100644
--- a/docs/xplat/src/content/en/components/layouts/accordion.mdx
+++ b/docs/xplat/src/content/en/components/layouts/accordion.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Accordion, {ProductName}, Infragistics"
 license: MIT
 mentionedTypes: ["Accordion", "Infragistics.Controls.Layouts.Implementation.ExpansionPanel"]
 namespace: Infragistics.Controls
+llms:
+  description: "The {ProductName} Accordion is a GUI component for building vertical expandable panels with clickable headers and associated content sections, displayed in a single container."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/layouts/avatar.mdx b/docs/xplat/src/content/en/components/layouts/avatar.mdx
index 1ac804ffdd..d9522a4d6b 100644
--- a/docs/xplat/src/content/en/components/layouts/avatar.mdx
+++ b/docs/xplat/src/content/en/components/layouts/avatar.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} avatar component to display an image,
 keywords: avatar, layout, {ProductName}, Infragistics
 license: MIT
 mentionedTypes: ["Avatar"]
+llms:
+  description: "The {ProductName} Avatar helps to display initials, images, or icons in your application."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/layouts/card.mdx b/docs/xplat/src/content/en/components/layouts/card.mdx
index 098d4c0906..ff98b7f9ff 100644
--- a/docs/xplat/src/content/en/components/layouts/card.mdx
+++ b/docs/xplat/src/content/en/components/layouts/card.mdx
@@ -4,6 +4,8 @@ description: Present users with dashboards and engaging text, images, icons or b
 keywords: "{ProductName}, UI controls, Web widgets, web widgets, UI widgets, Native Web Components Suite, Native Web Controls, Native Web Components Library, Web Card component, Web Card controls"
 license: MIT
 mentionedTypes: ["Card", "CardActions", "CardContent", "CardHeader", "CardMedia", "Avatar", "Button", "Icon", "IconButton", "Ripple"]
+llms:
+  description: "The {ProductName} Card displays text, images, icons, and buttons in a visually rich presentation that can serve as an entry point to more detailed information."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/layouts/carousel.mdx b/docs/xplat/src/content/en/components/layouts/carousel.mdx
index f95deb72ee..293456cfb7 100644
--- a/docs/xplat/src/content/en/components/layouts/carousel.mdx
+++ b/docs/xplat/src/content/en/components/layouts/carousel.mdx
@@ -4,6 +4,8 @@ description: Use {ProductName} Carousel component to navigate through a collecti
 keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} Carousel component, {Platform} Carousel control"
 license: MIT
 mentionedTypes: ["Carousel"]
+llms:
+  description: "The {ProductName} Carousel is a responsive, lightweight component that provides the most flexible way to create slideshow-like web experience for users who navigate back and forth through a collection of images with text slides, links, and other html elements."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/layouts/divider.mdx b/docs/xplat/src/content/en/components/layouts/divider.mdx
index 953e8a245e..2a67283df4 100644
--- a/docs/xplat/src/content/en/components/layouts/divider.mdx
+++ b/docs/xplat/src/content/en/components/layouts/divider.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} divider component to easily create a h
 keywords: "{ProductName}, UI controls, {Platform} widgets, Web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} DIvider components, {Platform} Divider controls"
 license: MIT
 mentionedTypes: ["Divider"]
+llms:
+  description: "The {ProductName} Divider allows the content author to easily create a horizontal/vertical rule as a break between content to better organize information on a page."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/layouts/dock-manager-customization.mdx b/docs/xplat/src/content/en/components/layouts/dock-manager-customization.mdx
index e67fabcc99..246a860c1c 100644
--- a/docs/xplat/src/content/en/components/layouts/dock-manager-customization.mdx
+++ b/docs/xplat/src/content/en/components/layouts/dock-manager-customization.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} dock manager component to manage the l
 keywords: dock manager, layout, customization, {ProductName}
 license: commercial
 mentionedTypes: ["DockManager", "ContentPane"]
+llms:
+  description: "The Infragistics {Platform} Dock Manager component provides you with the properties needed to further customize the layout to suit your specific application requirements."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/layouts/dock-manager-electron.mdx b/docs/xplat/src/content/en/components/layouts/dock-manager-electron.mdx
index 9700ed3fa8..5c57aadbb5 100644
--- a/docs/xplat/src/content/en/components/layouts/dock-manager-electron.mdx
+++ b/docs/xplat/src/content/en/components/layouts/dock-manager-electron.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} dock manager component to manage the l
 keywords: dock manager, layout, {ProductName}, Infragistics
 license: commercial
 mentionedTypes: ["DockManager", "DocumentHost", "DockManagerLayout", "DockManagerPaneType", "ContentPane", "SplitPane", "TabGroupPane", "PinnedLocation", "PaneHeaderElement"]
+llms:
+  description: "The Infragistics {Platform} Dock Manager component can be used in a multi-window Electron desktop application to manage the layout of each window, drag panes outside of a window in order to create a new window and drag/drop panes from one window to another."
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/layouts/dock-manager-embedding-frames.mdx b/docs/xplat/src/content/en/components/layouts/dock-manager-embedding-frames.mdx
index d15a2b8bfd..50b94ab1ca 100644
--- a/docs/xplat/src/content/en/components/layouts/dock-manager-embedding-frames.mdx
+++ b/docs/xplat/src/content/en/components/layouts/dock-manager-embedding-frames.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} dock manager to embed interactive cont
 keywords: dock manager, embed frames, {ProductName}, Infragistics
 license: commercial
 mentionedTypes: ["DockManager"]
+llms:
+  description: "The Infragistics {Platform} Dock Manager component provides you with the layout for embedding interactive content in your application using panes."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/layouts/dock-manager-updating-panes.mdx b/docs/xplat/src/content/en/components/layouts/dock-manager-updating-panes.mdx
index 047522cd89..0e58a5f973 100644
--- a/docs/xplat/src/content/en/components/layouts/dock-manager-updating-panes.mdx
+++ b/docs/xplat/src/content/en/components/layouts/dock-manager-updating-panes.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} dock manager control to create interac
 keywords: dock manager, layout, updating panes, {ProductName}
 license: commercial
 mentionedTypes: ["DockManager"]
+llms:
+  description: "The Infragistics {Platform} Dock Manager component provides you with the layout for creating interactive content in your application using panes that can update based on actions of end-users."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/layouts/dock-manager.mdx b/docs/xplat/src/content/en/components/layouts/dock-manager.mdx
index f1d3e60abd..4435218aab 100644
--- a/docs/xplat/src/content/en/components/layouts/dock-manager.mdx
+++ b/docs/xplat/src/content/en/components/layouts/dock-manager.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} dock manager component to manage the l
 keywords: dock manager, layout, {ProductName}, Infragistics
 license: commercial
 mentionedTypes: ["DockManager", "DocumentHost", "DockManagerLayout", "DockManagerPaneType", "ContentPane", "SplitPane", "TabGroupPane", "PinnedLocation", "PaneHeaderElement"]
+llms:
+  description: "The Infragistics {Platform} Dock Manager provides a means to manage the layout of your application through panes, allowing your end-users to customize it further by pinning, resizing, moving, maximizing and hiding panes."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
@@ -920,7 +922,7 @@ The shortcuts are as follows:
 
 ### Pane Navigator
 
-Тhe following keyboard shortcuts show a navigator from which you can iterate through panes and documents.
+The following keyboard shortcuts show a navigator from which you can iterate through panes and documents.
 
 - <kbd>CMD/CTRL</kbd> + <kbd>F7</kbd> or <kbd>CMD/CTRL</kbd> + <kbd>F8</kbd>  Starts from the first document forward
 - <kbd>ALT</kbd> + <kbd>F7</kbd> or <kbd>ALT</kbd> + <kbd>F8</kbd> Starts from the first pane forward
diff --git a/docs/xplat/src/content/en/components/layouts/expansion-panel.mdx b/docs/xplat/src/content/en/components/layouts/expansion-panel.mdx
index e8049ea767..1243046b85 100644
--- a/docs/xplat/src/content/en/components/layouts/expansion-panel.mdx
+++ b/docs/xplat/src/content/en/components/layouts/expansion-panel.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Expansion Panel, {ProductName}, Infragistics"
 license: MIT
 mentionedTypes: ["Infragistics.Controls.Layouts.Implementation.ExpansionPanel"]
 namespace: Infragistics.Controls
+llms:
+  description: "The {ProductName} Expansion Panel is a lightweight accordion component which can be rendered in two states - collapsed or expanded."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/layouts/icon.mdx b/docs/xplat/src/content/en/components/layouts/icon.mdx
index 39323c4290..4a1948320a 100644
--- a/docs/xplat/src/content/en/components/layouts/icon.mdx
+++ b/docs/xplat/src/content/en/components/layouts/icon.mdx
@@ -4,6 +4,8 @@ description: See how you can easily get started with {Platform} Icon Component.
 keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} Icon components, {Platform} Icon controls"
 license: MIT
 mentionedTypes: ["Icon"]
+llms:
+  description: "The {Platform} Icon component allows you to easily display font or choose from a large set of predefined SVG icons, but it also gives you the ability to create custom font icons for your project."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/layouts/splitter.mdx b/docs/xplat/src/content/en/components/layouts/splitter.mdx
index fd1b31a960..fc7ad493af 100644
--- a/docs/xplat/src/content/en/components/layouts/splitter.mdx
+++ b/docs/xplat/src/content/en/components/layouts/splitter.mdx
@@ -4,6 +4,8 @@ description: "Use the {ProductName} Splitter component to create two resizable p
 keywords: "splitter, split panes, resizable panes, web components splitter, {Platform} splitter, {ProductName}"
 license: MIT
 mentionedTypes: ["Splitter", "SplitterResizeEventArgs"]
+llms:
+  description: "The {ProductName} Splitter provides a resizable split-pane layout that divides content into two areas: start and end."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/layouts/stepper.mdx b/docs/xplat/src/content/en/components/layouts/stepper.mdx
index 112a11fd92..60727f395c 100644
--- a/docs/xplat/src/content/en/components/layouts/stepper.mdx
+++ b/docs/xplat/src/content/en/components/layouts/stepper.mdx
@@ -4,6 +4,8 @@ description: "{Platform} Stepper component is used to visualize content as a pro
 keywords: "{Platform} Stepper, {ProductName}, Infragistics"
 license: MIT
 mentionedTypes: ["Stepper"]
+llms:
+  description: "The {Platform} Stepper Component provides a wizard-like workflow and is used for showing progress through numbered steps."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/en/components/layouts/tabs.mdx b/docs/xplat/src/content/en/components/layouts/tabs.mdx
index e1dc948dbf..b886760d4e 100644
--- a/docs/xplat/src/content/en/components/layouts/tabs.mdx
+++ b/docs/xplat/src/content/en/components/layouts/tabs.mdx
@@ -4,6 +4,8 @@ description: "{Platform} Tabs component allows users to place tabs at the top an
 keywords: "{Platform}, UI controls, web widgets, UI widgets, {Platform} Tabs Component, Infragistics"
 license: MIT
 mentionedTypes: ["Tabs", "Tab", "Icon", "IconButton", "RadioGroup"]
+llms:
+  description: "The {Platform} Tabs is a lightweight and user-friendly component that organizes corresponding content in a tab format or a collection of tabs typically placed horizontally."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/layouts/tile-manager.mdx b/docs/xplat/src/content/en/components/layouts/tile-manager.mdx
index 1ce47e45d9..9e9494561c 100644
--- a/docs/xplat/src/content/en/components/layouts/tile-manager.mdx
+++ b/docs/xplat/src/content/en/components/layouts/tile-manager.mdx
@@ -4,6 +4,8 @@ description: "{Platform} Tile Manager component enables the display of content i
 keywords: "{Platform} Tile Manager, {ProductName}, Infragistics, UI controls, {Platform} widgets, web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, Layout components"
 license: MIT
 mentionedTypes: ["TileManager", "Tile"]
+llms:
+  description: "The {ProductName} Tile Manager component enables the display of content in individual tiles."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/en/components/linear-gauge.mdx b/docs/xplat/src/content/en/components/linear-gauge.mdx
index 509c071854..cd1b9d5066 100644
--- a/docs/xplat/src/content/en/components/linear-gauge.mdx
+++ b/docs/xplat/src/content/en/components/linear-gauge.mdx
@@ -5,6 +5,8 @@ keywords: linear gauge, {ProductName}, Infragistics, animation, labels, needle,
 license: commercial
 mentionedTypes: ["LinearGauge"]
 namespace: Infragistics.Controls.Gauges
+llms:
+  description: "The {ProductName} linear gauge component allows for visualizing data in the form of a linear gauge."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/localization.mdx b/docs/xplat/src/content/en/components/localization.mdx
index 76af661959..69a01a3859 100644
--- a/docs/xplat/src/content/en/components/localization.mdx
+++ b/docs/xplat/src/content/en/components/localization.mdx
@@ -3,6 +3,8 @@ title: Localization (i18n) | {ProductName} | Infragistics
 description: Use Infragistics' {Platform} Localization for components to easily translate and localize fully Infragistics' {Platform} components
 keywords: "{ProductName}, Infragistics, Localization, Internationalization, i18n"
 mentionedTypes: ["Grid"]
+llms:
+  description: "The new localization introduces more features with fewer requirements for both the localization strings and formatting for all available locales."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/maps/map-api.mdx b/docs/xplat/src/content/en/components/maps/map-api.mdx
index 2262ac267a..07275be4bf 100644
--- a/docs/xplat/src/content/en/components/maps/map-api.mdx
+++ b/docs/xplat/src/content/en/components/maps/map-api.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} maps, geographic, map API, API, {ProductName},"
 license: commercial
 mentionedTypes: ["GeographicMap", "Series", "SeriesViewer", "GeographicSymbolSeries", "GeographicProportionalSymbolSeries", "GeographicShapeSeries", "GeographicHighDensityScatterSeries", "GeographicScatterAreaSeries", "GeographicContourLineSeries", "GeographicShapeSeriesBase"]
 namespace: Infragistics.Controls.Maps
+llms:
+  description: "- Zoomable - ZoomToGeographic - WorldRect - WindowRect - WindowScale - GetGeographicFromZoom - GetGeographicPoint - GetPixelPoint"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/xplat/src/content/en/components/menus/navbar.mdx b/docs/xplat/src/content/en/components/menus/navbar.mdx
index d7f3103193..3c2774cecb 100644
--- a/docs/xplat/src/content/en/components/menus/navbar.mdx
+++ b/docs/xplat/src/content/en/components/menus/navbar.mdx
@@ -4,6 +4,8 @@ description: Infragistics' {Platform} navbar provides optimal UI experience with
 keywords: "{Platform} navbar, {ProductName}, Infragistics"
 license: MIT
 mentionedTypes: ["Navbar"]
+llms:
+  description: "The {ProductName} Navbar informs the user of their current position in an app."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/menus/navigation-drawer.mdx b/docs/xplat/src/content/en/components/menus/navigation-drawer.mdx
index 0bfcf19a51..db51ec9e56 100644
--- a/docs/xplat/src/content/en/components/menus/navigation-drawer.mdx
+++ b/docs/xplat/src/content/en/components/menus/navigation-drawer.mdx
@@ -4,6 +4,8 @@ description: Infragistics' {Platform} NavDrawer provides side navigation that ca
 keywords: "{Platform} navbar, {ProductName}, Infragistics"
 license: MIT
 mentionedTypes: ["NavDrawer"]
+llms:
+  description: "The {ProductName} Navigation Drawer provides side navigation that can be expanded or collapsed within the content."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/menus/toolbar.mdx b/docs/xplat/src/content/en/components/menus/toolbar.mdx
index 68f7bb67c7..ac8ac44444 100644
--- a/docs/xplat/src/content/en/components/menus/toolbar.mdx
+++ b/docs/xplat/src/content/en/components/menus/toolbar.mdx
@@ -4,6 +4,8 @@ description: See how you can easily get started with {Platform} Toolbar Componen
 keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} Toolbar components, {Platform} Toolbar controls"
 license: commercial
 mentionedTypes: ["Toolbar", "ToolAction", "DomainChart", "CategoryChart", "DataChart", "TrendLineType"]
+llms:
+  description: "The {Platform} Toolbar component is a companion container for UI operations to be used primarily with our charting components."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/nextjs-usage.mdx b/docs/xplat/src/content/en/components/nextjs-usage.mdx
index ea4926590b..50a5570d51 100644
--- a/docs/xplat/src/content/en/components/nextjs-usage.mdx
+++ b/docs/xplat/src/content/en/components/nextjs-usage.mdx
@@ -3,6 +3,8 @@ title: Use {ProductName} components in Next.js application | Infragistics
 description: Use Infragistics' {Platform} components to create apps and improve data visualization with the world’s fastest {Platform} data grid and charts in Next.js.
 keywords: "{ProductName} Next.js, {ProductName} Components in Next.js, Infragistics"
 mentionedTypes: []
+llms:
+  description: "Explore the seamless integration of {ProductName} into your Next.js project."
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/en/components/notifications/banner.mdx b/docs/xplat/src/content/en/components/notifications/banner.mdx
index 7391020d0d..af176567e5 100644
--- a/docs/xplat/src/content/en/components/notifications/banner.mdx
+++ b/docs/xplat/src/content/en/components/notifications/banner.mdx
@@ -4,6 +4,8 @@ description: With {ProductName} Banner component, developers can easily integrat
 keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} Banner components"
 license: MIT
 mentionedTypes: ["Banner"]
+llms:
+  description: "The {ProductName} Banner component provides a way to easily display a prominent message to your application's users in a way that is less transient than a snackbar and less obtrusive than a dialog."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/notifications/dialog.mdx b/docs/xplat/src/content/en/components/notifications/dialog.mdx
index 3c906a11c9..136a102695 100644
--- a/docs/xplat/src/content/en/components/notifications/dialog.mdx
+++ b/docs/xplat/src/content/en/components/notifications/dialog.mdx
@@ -4,6 +4,8 @@ description: With {ProductName} Dialog component, developers can easily integrat
 keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} Dialog components"
 license: MIT
 mentionedTypes: ["Dialog"]
+llms:
+  description: "The {ProductName} Dialog component is used to display some information or prompt the user for an action or confirmation."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/notifications/snackbar.mdx b/docs/xplat/src/content/en/components/notifications/snackbar.mdx
index 1946ef2aa4..4aef68b14f 100644
--- a/docs/xplat/src/content/en/components/notifications/snackbar.mdx
+++ b/docs/xplat/src/content/en/components/notifications/snackbar.mdx
@@ -4,6 +4,8 @@ description: With {ProductName} Snackbar component, developers can easily integr
 keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} Snackbar components"
 license: MIT
 mentionedTypes: ["Snackbar"]
+llms:
+  description: "The {ProductName} Snackbar component is used to provide feedback about an operation by showing a brief message at the bottom of the screen."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/notifications/toast.mdx b/docs/xplat/src/content/en/components/notifications/toast.mdx
index 153d99627b..c26cc411e7 100644
--- a/docs/xplat/src/content/en/components/notifications/toast.mdx
+++ b/docs/xplat/src/content/en/components/notifications/toast.mdx
@@ -4,6 +4,8 @@ description: With {ProductName} Toast component, developers can easily integrate
 keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widgets, {Platform}, Native {Platform} Components Suite, Native {Platform} Controls, Native {Platform} Components Library, {Platform} Toast components"
 license: MIT
 mentionedTypes: ["Toast"]
+llms:
+  description: "The {Platform} Toast is a super lightweight and small pop-up component that is used for displaying a message content, notifying end-users about the status of a changed record."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/radial-gauge.mdx b/docs/xplat/src/content/en/components/radial-gauge.mdx
index 776353989b..ce512f4fb4 100644
--- a/docs/xplat/src/content/en/components/radial-gauge.mdx
+++ b/docs/xplat/src/content/en/components/radial-gauge.mdx
@@ -5,6 +5,8 @@ keywords: Radial Gauge, {ProductName}, Infragistics, animation, labels, needle,
 license: commercial
 mentionedTypes: ["RadialGauge", "RadialGaugeRange"]
 namespace: Infragistics.Controls.Gauges
+llms:
+  description: "The {Platform} radial gauge component provides a number of visual elements, like a needle, tick marks, ranges, and labels, in order to create a predefined shape and scale."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/scheduling/calendar.mdx b/docs/xplat/src/content/en/components/scheduling/calendar.mdx
index 763108026c..dd4b5e81af 100644
--- a/docs/xplat/src/content/en/components/scheduling/calendar.mdx
+++ b/docs/xplat/src/content/en/components/scheduling/calendar.mdx
@@ -4,6 +4,8 @@ description: With {Platform} Calendar Component, users can create intuitive cale
 keywords: "{Platform} Calendar, {ProductName}, Infragistics"
 license: MIT
 mentionedTypes: ["Calendar", "DateRangeType", "DateRangeDescriptor"]
+llms:
+  description: "The {ProductName} Calendar component is lightweight and easy to configure."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/scheduling/date-picker.mdx b/docs/xplat/src/content/en/components/scheduling/date-picker.mdx
index 1ff08d7bc6..c69e6dcc47 100644
--- a/docs/xplat/src/content/en/components/scheduling/date-picker.mdx
+++ b/docs/xplat/src/content/en/components/scheduling/date-picker.mdx
@@ -4,6 +4,8 @@ description: Infragistics' {Platform} Date Picker allows the user to select a da
 keywords: "{Platform} Date Picker, {ProductName}, Infragistics"
 license: MIT
 mentionedTypes: ["DatePicker"]
+llms:
+  description: "The {ProductName} Date Picker is a feature rich component used for entering a date through manual text input or choosing date values from a calendar dialog that pops up."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/scheduling/date-range-picker.mdx b/docs/xplat/src/content/en/components/scheduling/date-range-picker.mdx
index b1bb5b85e2..ac21f705a4 100644
--- a/docs/xplat/src/content/en/components/scheduling/date-range-picker.mdx
+++ b/docs/xplat/src/content/en/components/scheduling/date-range-picker.mdx
@@ -4,6 +4,8 @@ description: Infragistics' {Platform} Date Range Picker allows the user to selec
 keywords: "{Platform} Date Range Picker, {ProductName}, Infragistics"
 license: MIT
 mentionedTypes: ["DateRangePicker"]
+llms:
+  description: "The {ProductName} Date Range Picker is a lightweight component that includes a text input and a calendar pop-up, allowing users to easily select start and end dates."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/spreadsheet-activation.mdx b/docs/xplat/src/content/en/components/spreadsheet-activation.mdx
index a6d46c18d3..f89175fc32 100644
--- a/docs/xplat/src/content/en/components/spreadsheet-activation.mdx
+++ b/docs/xplat/src/content/en/components/spreadsheet-activation.mdx
@@ -5,6 +5,8 @@ _keywords: Excel Spreadsheet, activation, {ProductName}, Infragistics
 _license: commercial
 
 
+llms:
+  description: "The {Platform} Spreadsheet component exposes properties that allow you to determine the currently active cell, pane, and worksheet in the control."
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/spreadsheet-chart-adapter.mdx b/docs/xplat/src/content/en/components/spreadsheet-chart-adapter.mdx
index ad2c68da3d..52ba325e82 100644
--- a/docs/xplat/src/content/en/components/spreadsheet-chart-adapter.mdx
+++ b/docs/xplat/src/content/en/components/spreadsheet-chart-adapter.mdx
@@ -4,6 +4,8 @@ description: Display charts such as column, line and area, in the Infragistics'
 keywords: Excel Spreadsheet, chart adapter, {ProductName}, Infragistics
 license: commercial
 mentionedTypes: ["Spreadsheet", "Worksheet", "WorksheetShapeCollection", "WorksheetChart"]
+llms:
+  description: "The {Platform} Spreadsheet component allows displaying charts in your Spreadsheet."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/spreadsheet-clipboard.mdx b/docs/xplat/src/content/en/components/spreadsheet-clipboard.mdx
index 9bea553f43..7c53ca6d4b 100644
--- a/docs/xplat/src/content/en/components/spreadsheet-clipboard.mdx
+++ b/docs/xplat/src/content/en/components/spreadsheet-clipboard.mdx
@@ -4,6 +4,8 @@ description: Use clipboard operations such as copy, cut and paste within Infragi
 keywords: Spreadsheet, clipboard operations, {ProductName}, Infragistics
 license: commercial
 mentionedTypes: ["Spreadsheet", "SpreadsheetAction", "SpreadsheetCommandType", "Command"]
+llms:
+  description: "Explains how to copy, cut, and paste cells in the {Platform} Spreadsheet by using its clipboard commands and API."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/spreadsheet-commands.mdx b/docs/xplat/src/content/en/components/spreadsheet-commands.mdx
index 05e94b77cb..ec4d307492 100644
--- a/docs/xplat/src/content/en/components/spreadsheet-commands.mdx
+++ b/docs/xplat/src/content/en/components/spreadsheet-commands.mdx
@@ -4,6 +4,8 @@ description: Perform commands to activate different features of Infragistics' {P
 keywords: Spreadsheet, commands, {ProductName}, Infragistics
 license: commercial
 mentionedTypes: ["Spreadsheet", "SpreadsheetAction"]
+llms:
+  description: "The {Platform} Spreadsheet component allows you to perform commands for activating different features of the spreadsheet."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/spreadsheet-conditional-formatting.mdx b/docs/xplat/src/content/en/components/spreadsheet-conditional-formatting.mdx
index 383d6bbb72..e5c0d683e5 100644
--- a/docs/xplat/src/content/en/components/spreadsheet-conditional-formatting.mdx
+++ b/docs/xplat/src/content/en/components/spreadsheet-conditional-formatting.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} spreadsheet control to conditionally f
 keywords: Spreadsheet, conditional formatting, {ProductName}, Infragistics, Worksheet
 license: commercial
 mentionedTypes: ["Spreadsheet", "ConditionalFormatCollection", "WorksheetCell", "Worksheet", "IWorksheetCellFormat"]
+llms:
+  description: "The {Platform} Spreadsheet component allows you to conditionally format the cells of a worksheet."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/spreadsheet-configuring.mdx b/docs/xplat/src/content/en/components/spreadsheet-configuring.mdx
index d34a5a8475..2933306007 100644
--- a/docs/xplat/src/content/en/components/spreadsheet-configuring.mdx
+++ b/docs/xplat/src/content/en/components/spreadsheet-configuring.mdx
@@ -4,6 +4,8 @@ description: Learn how configuring your {Platform} spreadsheets with {ProductNam
 keywords: Excel Spreadsheet,  {ProductName}, Infragistics
 license: commercial
 mentionedTypes: ["Spreadsheet"]
+llms:
+  description: "The {Platform} Spreadsheet component allows the user to configure many different aspects of the control."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/spreadsheet-data-validation.mdx b/docs/xplat/src/content/en/components/spreadsheet-data-validation.mdx
index 18559a7262..8c4c8d9a09 100644
--- a/docs/xplat/src/content/en/components/spreadsheet-data-validation.mdx
+++ b/docs/xplat/src/content/en/components/spreadsheet-data-validation.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} spreadsheet control to setup built-in
 keywords: Excel Spreadsheet, data validation, {ProductName}, Infragistics
 license: commercial
 mentionedTypes: ["Spreadsheet"]
+llms:
+  description: "When setting up the data validation rules you will need to import the rules you want to use."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/spreadsheet-hyperlinks.mdx b/docs/xplat/src/content/en/components/spreadsheet-hyperlinks.mdx
index bd01ca9a75..2bdc0ebac6 100644
--- a/docs/xplat/src/content/en/components/spreadsheet-hyperlinks.mdx
+++ b/docs/xplat/src/content/en/components/spreadsheet-hyperlinks.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} spreadsheet control to display hyperli
 keywords: Excel Spreadsheet, hyperlinks, {ProductName}, Infragistics
 license: commercial
 mentionedTypes: ["Spreadsheet"]
+llms:
+  description: "The {Platform} Spreadsheet component allows display of pre-existing hyperlinks in your Excel workbook as well as insertion of new ones that can link to websites, file directories, and even other worksheets in the workbook."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/en/components/spreadsheet-overview.mdx b/docs/xplat/src/content/en/components/spreadsheet-overview.mdx
index f106f00edf..2a004460e4 100644
--- a/docs/xplat/src/content/en/components/spreadsheet-overview.mdx
+++ b/docs/xplat/src/content/en/components/spreadsheet-overview.mdx
@@ -4,6 +4,8 @@ description: Get flexible layouts, easy customization options & convenient Excel
 keywords: Excel Spreadsheet, {ProductName}, Infragistics
 license: commercial
 mentionedTypes: ["Spreadsheet"]
+llms:
+  description: "The {Platform} Spreadsheet (Excel viewer) component is lightweight, feature-rich and supplied with all the necessary options for operating, visualizing, and editing all types of spreadsheet data – scientific, business, financial, and more."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/themes/configuration.mdx b/docs/xplat/src/content/en/components/themes/configuration.mdx
index 6dd44d38e3..d35309b010 100644
--- a/docs/xplat/src/content/en/components/themes/configuration.mdx
+++ b/docs/xplat/src/content/en/components/themes/configuration.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} components to create apps and improve
 keywords: "{ProductName}, Infragistics, Themes, Styling"
 license: MIT
 mentionedTypes: ["ConfigureTheme"]
+llms:
+  description: "The themes in {ProductName} can be customized by altering various CSS variables."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/xplat/src/content/en/components/themes/elevations.mdx b/docs/xplat/src/content/en/components/themes/elevations.mdx
index fd9b5c1952..28fc77ce12 100644
--- a/docs/xplat/src/content/en/components/themes/elevations.mdx
+++ b/docs/xplat/src/content/en/components/themes/elevations.mdx
@@ -4,6 +4,8 @@ description:
 keywords: "{ProductName}, Infragistics, Elevations, Styling"
 license: MIT
 mentionedTypes: []
+llms:
+  description: "The implementation of the Elevations in {ProductName} is modeled after the Elevations in Material Design."
 ---
 
 
diff --git a/docs/xplat/src/content/en/components/themes/overview.mdx b/docs/xplat/src/content/en/components/themes/overview.mdx
index 4bd5a36a92..9b333f202a 100644
--- a/docs/xplat/src/content/en/components/themes/overview.mdx
+++ b/docs/xplat/src/content/en/components/themes/overview.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} components to create apps and improve
 keywords: "{ProductName}, Infragistics, Themes, Styling"
 license: MIT
 mentionedTypes: ["ConfigureTheme"]
+llms:
+  description: "{ProductName} ships with four distinct themes - Bootstrap, Material, Fluent, and Indigo."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/en/components/themes/palettes.mdx b/docs/xplat/src/content/en/components/themes/palettes.mdx
index b67af80287..724a01fc4a 100644
--- a/docs/xplat/src/content/en/components/themes/palettes.mdx
+++ b/docs/xplat/src/content/en/components/themes/palettes.mdx
@@ -4,6 +4,8 @@ description:
 keywords: "{ProductName}, Infragistics, Palettes, Styling"
 license: MIT
 mentionedTypes: []
+llms:
+  description: "{ProductName} exposes CSS variables that allow you to update the colors in your application consistently."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 
diff --git a/docs/xplat/src/content/en/components/themes/styles.mdx b/docs/xplat/src/content/en/components/themes/styles.mdx
index 965e484a15..d29469439e 100644
--- a/docs/xplat/src/content/en/components/themes/styles.mdx
+++ b/docs/xplat/src/content/en/components/themes/styles.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} components to create apps and improve
 keywords: "{ProductName}, Infragistics, Themes, Styling"
 license: MIT
 mentionedTypes: ["ConfigureTheme"]
+llms:
+  description: "The {ProductName} components allow users to modify various parts of their stylesheet by exposing CSS variables and CSS parts."
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/themes/tailwind.mdx b/docs/xplat/src/content/en/components/themes/tailwind.mdx
index 62de47519c..fe1effc344 100644
--- a/docs/xplat/src/content/en/components/themes/tailwind.mdx
+++ b/docs/xplat/src/content/en/components/themes/tailwind.mdx
@@ -4,6 +4,8 @@ description: Learn how to integrate Tailwind CSS with custom utility classes fro
 keywords: "{ProductName}, Infragistics, Themes, Styling, Tailwind CSS, custom CSS, utility classes, theming engine, typography, shadows, colors"
 license: MIT
 mentionedTypes: ["ConfigureTheme"]
+llms:
+  description: "Ignite UI for WebComponents offers full theming customization through CSS variables."
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/themes/typography.mdx b/docs/xplat/src/content/en/components/themes/typography.mdx
index c8a27d62de..7963a0dce4 100644
--- a/docs/xplat/src/content/en/components/themes/typography.mdx
+++ b/docs/xplat/src/content/en/components/themes/typography.mdx
@@ -4,6 +4,8 @@ description:
 keywords: "{ProductName}, Infragistics, Typography, Styling"
 license: MIT
 mentionedTypes: []
+llms:
+  description: "The typography in {ProductName} is modeled after the Material Type System."
 ---
 
 
diff --git a/docs/xplat/src/content/en/components/update-guide.mdx b/docs/xplat/src/content/en/components/update-guide.mdx
index 9cb1653db9..fa3b9bd379 100644
--- a/docs/xplat/src/content/en/components/update-guide.mdx
+++ b/docs/xplat/src/content/en/components/update-guide.mdx
@@ -3,6 +3,8 @@ title: Update Guide | Ignite UI for React | Infragistics
 description: Check out this article on updating how to update to a newer version of the Ignite UI for React library.
 keywords: ignite ui for react, update, npm package, material components
 mentionedTypes: ["Input", "Button"]
+llms:
+  description: "In the Ignite UI for React versioning the first number always matches the major version of React the code supports and the second is dedicated for major version releases."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/en/components/zoomslider-overview.mdx b/docs/xplat/src/content/en/components/zoomslider-overview.mdx
index 83460670dd..7c773f6bc5 100644
--- a/docs/xplat/src/content/en/components/zoomslider-overview.mdx
+++ b/docs/xplat/src/content/en/components/zoomslider-overview.mdx
@@ -4,6 +4,8 @@ description: Use Infragistics' {Platform} zoom slider control to easily display
 keywords: zoom slider, {ProductName}, Infragistics, data chart
 license: commercial
 mentionedTypes: ["ZoomSlider", "DataChart"]
+llms:
+  description: "The {Platform} ZoomSlider control provides zooming functionality to range-enabled controls."
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/ai/ai-assisted-development-overview.mdx b/docs/xplat/src/content/jp/components/ai/ai-assisted-development-overview.mdx
index 2939a8d8cd..4ab10db7cc 100644
--- a/docs/xplat/src/content/jp/components/ai/ai-assisted-development-overview.mdx
+++ b/docs/xplat/src/content/jp/components/ai/ai-assisted-development-overview.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform}, {ProductName}, Infragistics, MCP, Model Context Protocol,
 license: MIT
 _canonicalLink: "{environment:dvUrl}/components/ai-assisted-development-overview"
 mentionedTypes: []
+llms:
+  description: "Ignite UI for Angular、React、Web Components は、3 つのパーツで構成される AI ツールチェーン (エージェント スキル、Ignite UI CLI MCP サーバー、Ignite UI Theming MCP サーバー) を提供します。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 
diff --git a/docs/xplat/src/content/jp/components/ai/cli-mcp.mdx b/docs/xplat/src/content/jp/components/ai/cli-mcp.mdx
index 68bd4f677b..f5bc2c813f 100644
--- a/docs/xplat/src/content/jp/components/ai/cli-mcp.mdx
+++ b/docs/xplat/src/content/jp/components/ai/cli-mcp.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform}, {ProductName}, Infragistics, Ignite UI CLI MCP, Ignite UI
 license: MIT
 _canonicalLink: "{environment:dvUrl}/components/ai/cli-mcp"
 mentionedTypes: []
+llms:
+  description: "Ignite UI CLI MCP は、AI アシスタントが {ProductName} アプリケーションのプロジェクトのスキャフォールディング、既存アプリの変更、コンポーネントの作成と更新、ドキュメントの質問に回答できるようにする Model Context Protocol (MCP) サーバーです。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/ai/skills.mdx b/docs/xplat/src/content/jp/components/ai/skills.mdx
index 4982eab1f2..d85bbec887 100644
--- a/docs/xplat/src/content/jp/components/ai/skills.mdx
+++ b/docs/xplat/src/content/jp/components/ai/skills.mdx
@@ -4,6 +4,8 @@ description: "エージェント スキルを使用して、{ProductName} コン
 keywords: "{ProductName}, エージェント スキル, AI 支援開発, github copilot, cursor, windsurf, claude, gemini cli, junie"
 license: MIT
 mentionedTypes: []
+llms:
+  description: "{ProductName} には エージェント スキル が付属しています。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/ai/theming-mcp.mdx b/docs/xplat/src/content/jp/components/ai/theming-mcp.mdx
index 8455ce39c6..5e57541922 100644
--- a/docs/xplat/src/content/jp/components/ai/theming-mcp.mdx
+++ b/docs/xplat/src/content/jp/components/ai/theming-mcp.mdx
@@ -4,6 +4,8 @@ description: "{ProductName} には Ignite UI Theming MCP サーバーが付属
 keywords: "{ProductName}, UI コントロール, {Platform} ウィジェット, web ウィジェット, UI ウィジェット, コンポーネント スイート, 人工知能, AI, MCP, Model Context Protocol, テーマ設定, カスタム テーマ, パレット, タイポグラフィ, エレベーション"
 license: MIT
 mentionedTypes: []
+llms:
+  description: "Ignite UI Theming MCP は、AI アシスタントが Ignite UI アプリケーション用の本番対応のテーマ コードを生成できるようにする Model Context Protocol (MCP) サーバーです。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/blazor-excel-library-temporarily-stop-automatic-calculation-of-formulas-to-speed-up-processing.mdx b/docs/xplat/src/content/jp/components/blazor-excel-library-temporarily-stop-automatic-calculation-of-formulas-to-speed-up-processing.mdx
index 39c4529fa0..84fedce463 100644
--- a/docs/xplat/src/content/jp/components/blazor-excel-library-temporarily-stop-automatic-calculation-of-formulas-to-speed-up-processing.mdx
+++ b/docs/xplat/src/content/jp/components/blazor-excel-library-temporarily-stop-automatic-calculation-of-formulas-to-speed-up-processing.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} excel ライブラリ, 計算, 処理の高速化, {Produc
 _language: ja
 license: commercial
 mentionedTypes: []
+llms:
+  description: "Excel シートを、Blazor Excel ライブラリで読み込み、そのセルの値を参照したり書き換えたりする際、とくにその Excel シートが数式を含むセルを大量に持っていると、セルの値の参照・書き換えにかなりの時間がかかる場合があります。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 
diff --git a/docs/xplat/src/content/jp/components/blazor-webassembly-how-to-read-and-write-excel-files-to-reduce-server-load.mdx b/docs/xplat/src/content/jp/components/blazor-webassembly-how-to-read-and-write-excel-files-to-reduce-server-load.mdx
index ad759de78a..57e5d9a8a3 100644
--- a/docs/xplat/src/content/jp/components/blazor-webassembly-how-to-read-and-write-excel-files-to-reduce-server-load.mdx
+++ b/docs/xplat/src/content/jp/components/blazor-webassembly-how-to-read-and-write-excel-files-to-reduce-server-load.mdx
@@ -5,6 +5,8 @@ keywords: Blazor Webassembly, Excel ライブラリ, Excel ファイルの読み
 _language: ja
 license: commercial
 mentionedTypes: []
+llms:
+  description: "Infragistics Blazor Excel ライブラリを使うことで、Microsoft® Excel と同様の表計算機能と Workbook、Worksheet、Cell、Formula などの表計算オブジェクト用い、Blazor アプリケーションから Excel ファイルへエクスポートしてアプリケーションのデータを Excel スプレッドシートで表現したり、Excel ファイルからアプリケーションにデータを転送してデータを管理したりすることが可能となります。"
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/bullet-graph.mdx b/docs/xplat/src/content/jp/components/bullet-graph.mdx
index ce5a88592d..0704ea2188 100644
--- a/docs/xplat/src/content/jp/components/bullet-graph.mdx
+++ b/docs/xplat/src/content/jp/components/bullet-graph.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["BulletGraph"]
 namespace: Infragistics.Controls.Gauges
 _language: ja
+llms:
+  description: "ブレット グラフ コンポーネントは、きれいなデータ表現を作成するための多数の機能をサポートします。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/chart-api.mdx b/docs/xplat/src/content/jp/components/charts/chart-api.mdx
index 1d454d2c6e..b42e2f8222 100644
--- a/docs/xplat/src/content/jp/components/charts/chart-api.mdx
+++ b/docs/xplat/src/content/jp/components/charts/chart-api.mdx
@@ -10,6 +10,8 @@ _description: Use Infragistics {ProductName} chart provides useful API to config
 _keywords: {Platform} charts, chart API, API, {ProductName}, Infragistics
 _license: commercial
 
+llms:
+  description: "{ProductName} チャートは、CategoryChart、FinancialChart、DataChart、DataPieChart、DoughnutChart、PieChart、および Sparkline UI 要素でデータをプロットするためのシンプルで使いやすい API を提供します。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/xplat/src/content/jp/components/charts/chart-features.mdx b/docs/xplat/src/content/jp/components/charts/chart-features.mdx
index cab446ea56..f11fa2688d 100644
--- a/docs/xplat/src/content/jp/components/charts/chart-features.mdx
+++ b/docs/xplat/src/content/jp/components/charts/chart-features.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Features, Infragistics, {Platform} チャート, 
 license: commercial
 mentionedTypes: ["FinancialChart", "CategoryChart", "DataChart"]
 _language: ja
+llms:
+  description: "{ProductName} チャートを使用すると、さまざまな機能を表示して、チャートで伝えられる完全なデータ ストーリーを表現できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/chart-overview.mdx b/docs/xplat/src/content/jp/components/charts/chart-overview.mdx
index fd5ef23388..1643831f95 100644
--- a/docs/xplat/src/content/jp/components/charts/chart-overview.mdx
+++ b/docs/xplat/src/content/jp/components/charts/chart-overview.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Chart, Infragistics, {Platform} チャート, チ
 license: commercial
 mentionedTypes: ["DomainChart", "FinancialChart", "CategoryChart", "DataChart", "CategoryChartType"]
 _language: ja
+llms:
+  description: "{ProductName} チャートおよびグラフは、データ視覚化の広範なライブラリであり、Web アプリやモバイル アプリの魅力的でインタラクティブなチャートやダッシュボードを実現します。"
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-animations.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-animations.mdx
index 41a37de33d..76a3145976 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-animations.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-animations.mdx
@@ -10,6 +10,8 @@ _description: Infragistics' {Platform} Chart Animations
 _keywords: {Platform} Charts, Animations, Infragistics
 _license: commercial
 
+llms:
+  description: "アニメーションを使用すると、新しいデータ ソースを読み込むときにシリーズをイーズインできます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-annotations.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-annotations.mdx
index 612bee36f1..e6a56aa95d 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-annotations.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-annotations.mdx
@@ -10,6 +10,8 @@ _description: Infragistics' {Platform} Chart Annotations
 _keywords: {Platform} Charts, Annotations, Infragistics
 _license: commercial
 
+llms:
+  description: "{Platform} チャートのホバー操作と注釈は、シリーズ コレクションに追加されるシリーズであるホバー操作レイヤーを介して実装されます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-axis-gridlines.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-axis-gridlines.mdx
index f056a950bb..2cbf89f2b6 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-axis-gridlines.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-axis-gridlines.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "XYChart", "DomainChart", "DataChart", "NumericXAxis", "NumericYAxis", "NumericAxisBase" ]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "すべての {ProductName} チャートには、軸線の外観、X 軸と Y 軸に描画される主/副グリッド線および目盛りの頻度を変更するための組み込み機能が含まれています。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-axis-layouts.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-axis-layouts.mdx
index be41af48de..c29033b8c2 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-axis-layouts.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-axis-layouts.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Axis, Layouts, Location, Position, Share, Multiple, Crossi
 license: commercial
 mentionedTypes: [ "DomainChart", "CategoryChart", "XYChart", "DomainChart", "DataChart", "Axis", "AxisLabelSettings", "ScatterSplineSeries", "TimeXAxis" ]
 _language: ja
+llms:
+  description: "すべての {ProductName} チャートには、位置などの多くの軸レイアウト オプションを構成するオプションが含まれているほか、シリーズ間で軸を共有したり、同じチャートに複数の軸を含めることができます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-axis-options.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-axis-options.mdx
index 168b0e344f..b8af36fde0 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-axis-options.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-axis-options.mdx
@@ -10,6 +10,8 @@ _description: Infragistics' {Platform} Axis Options
 _keywords: {Platform} Axis, Options, Title, Labels, Gap, Overlap, Range, Scale, Mode, Infragistics
 _license: commercial
 
+llms:
+  description: "すべての {ProductName} チャートで、軸はタイトル、ラベル、範囲などの視覚的構成のプロパティを提供します。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-axis-types.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-axis-types.mdx
index ed053fabf8..6348ac69f6 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-axis-types.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-axis-types.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "FinancialChart", "FinancialChartYAxisMode", "FinancialChartXAxisMode", "NumericYAxis", "CategoryXAxis"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{ProductName} カテゴリ チャートは、CategoryXAxis および NumericYAxis タイプを 1 つだけ使用します。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-data-aggregations.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-data-aggregations.mdx
index 343dd3aa86..ffe386a6e6 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-data-aggregations.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-data-aggregations.mdx
@@ -10,6 +10,8 @@ _description: Infragistics' {Platform} Data Aggregations
 _keywords: {Platform} Charts, Markers, Infragistics
 _license: commercial
 
+llms:
+  description: "{ProductName} CategoryChart コントロールのデータ集計機能を使用すると、チャート内のデータを XAxis の一意の値でグループ化し、それらのグループをソートすることができます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-data-annotations.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-data-annotations.mdx
index 4bf23a05dd..5b8111b5c4 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-data-annotations.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-data-annotations.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "CrosshairLayer", "FinalValueLayer", "CalloutLayer"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{Platform} チャートでは、データ注釈レイヤーを使用して、データ チャートにプロットされたデータに、傾斜線、垂直/水平線 (軸スライス)、垂直/水平ストリップ (特定の軸をターゲットとする)、四角形、さらには平行四辺形 (バンド) で注釈を付けることができます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-data-filtering.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-data-filtering.mdx
index 073b7cc740..82fb22e77b 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-data-filtering.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-data-filtering.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["CategoryChart"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "データ フィルタリングを使用すると、チャートにバインド表示されたデータ ソースを手動で変更することなく、大規模なデータをクエリし、フィルター式を使用してデータ エントリの小さなサブセットを分析およびプロットすることができます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-data-legend.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-data-legend.mdx
index 0199ef5c46..8b5e221424 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-data-legend.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-data-legend.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["CategoryChart", "DataLegend", "Series", "DataLegendSummaryType", "DataAbbreviationMode" ]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{ProductName} では、DataLegend は Legend の高度にカスタマイズ可能なバージョンであり、シリーズの値を表示するほか、シリーズの行や値の列のフィルタリング、値のスタイルと書式設定を行うための多くの構成プロパティを提供します。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-data-selection.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-data-selection.mdx
index 9f939ba174..0f29c9a3b3 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-data-selection.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-data-selection.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DataChart", "Legend", "CategoryChart", "FinancialChart", "DataLegend", "DataToolTipLayer"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{Platform} データ チャートの {ProductName} 選択機能を使用すると、ユーザーはチャート内の単一または複数のシリーズを対話的に選択、ハイライト表示、アウトライン表示したり、その逆の選択を解除したりできます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-data-tooltip.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-data-tooltip.mdx
index 0809d28f0c..e653f60ee0 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-data-tooltip.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-data-tooltip.mdx
@@ -10,6 +10,8 @@ _description: Use Infragistics {ProductName} chart with the data tooltip layer!
 _keywords: {Platform} charts, chart legend, legend, legend types, {ProductName}, Infragistics
 _license: commercial
 
+llms:
+  description: "{ProductName} では、DataToolTip は、シリーズの値とタイトル、およびシリーズの凡例バッジをツールチップに表示します。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-highlight-filter.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-highlight-filter.mdx
index dc4dfc98a4..eb7de495dc 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-highlight-filter.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-highlight-filter.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["CategoryChart", "DataChart", "Series", "HighlightedValuesDisplayMode"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{ProductName} チャート コンポーネントは、プロットされたデータのサブセットを表示できるようにすることで、これらのチャートにプロットされた系列の視覚化を強化できるデータハイライト表示オーバーレイをサポートしています。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-highlighting.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-highlighting.mdx
index 24c4386e4b..83a6581a2f 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-highlighting.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-highlighting.mdx
@@ -10,6 +10,8 @@ _description: Infragistics' {Platform} Chart Highlighting
 _keywords: {Platform} Charts, Highlighting, Infragistics
 _license: commercial
 
+llms:
+  description: "すべての {Platform} チャートは、さまざまなハイライト表示オプションをサポートしています。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-markers.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-markers.mdx
index ed1a04ab44..8658408145 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-markers.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-markers.mdx
@@ -10,6 +10,8 @@ _description: Infragistics' {Platform} Chart Markers
 _keywords: {Platform} Charts, Markers, Infragistics
 _license: commercial
 
+llms:
+  description: "{ProductName} マーカーは、カテゴリ チャートのプロット領域にデータ ポイントの値を表示する視覚要素です。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-navigation.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-navigation.mdx
index 03166ce850..658569cfe1 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-navigation.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-navigation.mdx
@@ -10,6 +10,8 @@ _keywords: {Platform} charts, data chart, navigation, {ProductName}, Infragistic
 _license: commercial
 
 namespace: Infragistics.Controls.Charts
+llms:
+  description: "{ProductName} チャートを使用すると、マウス、キーボード、およびタッチを介してインタラクティブなパンやズームが可能になります。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-overlays.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-overlays.mdx
index b3734cae07..25606fdca1 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-overlays.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-overlays.mdx
@@ -10,6 +10,8 @@ _description: Use Infragistics {ProductName} chart control's value overlay featu
 _keywords: {Platform} charts, data chart, value overlay, {ProductName}, Infragistics
 _license: commercial
 
+llms:
+  description: "{Platform} DataChart を使用すると、ValueOverlay を使用して定義した単一の数値で水平線または垂直線を配置できます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-performance.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-performance.mdx
index f3385abb3c..8de4b27b4a 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-performance.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-performance.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "FinancialChart", "DataChart", "FinancialChartVolumeType", "FinancialChartZoomSliderType"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{Platform} チャートは、数百万のデータ ポイントを描画し、それらを数ミリ秒ごとに更新する高性能のために最適化されています。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-synchronization.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-synchronization.mdx
index c06e0c1c27..c4dccc5609 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-synchronization.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-synchronization.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DataChart"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "$ ProductName$ データ チャートを使用すると、複数のチャート間のズーム、パン、および十字線イベントの調整に関して同期をとることができます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-titles.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-titles.mdx
index b21e83ca3a..1cbf69af15 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-titles.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-titles.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["CategoryChart"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "チャート コントロールのタイトルとサブタイトル機能を使用すると、{Platform} チャートの上部セクションに情報を追加できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-tooltips.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-tooltips.mdx
index 6ebeb9f361..945700b855 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-tooltips.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-tooltips.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "ToolTipType"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{Platform} チャートでは、ツールチップはバインドされたデータに関する詳細を提供し、エンドユーザーがデータ ポイントにカーソルを合わせるとポップアップで表示されます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-trendlines.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-trendlines.mdx
index 63946e1be1..d481c1e1ca 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-trendlines.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-trendlines.mdx
@@ -10,6 +10,8 @@ _description: Infragistics' {Platform} Chart Trendlines
 _keywords: {Platform} Charts, Trendlines, Infragistics
 _license: commercial
 
+llms:
+  description: "{ProductName} チャートでは、トレンドラインはトレンドの識別やデータ内のパターンの検索に役立ちます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-user-annotations.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-user-annotations.mdx
index bf756d1592..0ce79535a3 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-user-annotations.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-user-annotations.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, User Annotations, Infragistics, {Platform} チャ
 mentionedTypes: ["DataChart", "UserAnnotationLayer", "UserStripAnnotation", "UserSliceAnnotation", "UserPointAnnotation", "Toolbar", "UserAnnotationInformation", "SeriesViewer"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{ProductName} では、ユーザー注釈機能を使用して、実行時に DataChart にスライス注釈、ストリップ注釈、ポイント注釈を追加できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/area-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/area-chart.mdx
index 456841e58b..cd19e7169d 100644
--- a/docs/xplat/src/content/jp/components/charts/types/area-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/area-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "DataChart", "CategoryChartType"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{ProductName} エリア チャートは、線の下の領域が塗りつぶされた直線セグメントで接続されたポイントのコレクションを使用して描画されます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/bar-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/bar-chart.mdx
index e23835b1ee..023426bc83 100644
--- a/docs/xplat/src/content/jp/components/charts/types/bar-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/bar-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DataChart", "BarSeries", "StackedBarSeries", "Stacked100BarSeries", "Series"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{ProductName} 棒チャート、棒グラフ、または水平棒チャートは、さまざまなカテゴリのデータの頻度、カウント、合計、または平均を、同じ高さで長さが異なる水平棒でエンコードされたデータとすばやく比較するために使用される最も一般的なカテゴリ チャート タイプの 1 つです。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/bubble-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/bubble-chart.mdx
index 5ff38b5979..6ed098f531 100644
--- a/docs/xplat/src/content/jp/components/charts/types/bubble-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/bubble-chart.mdx
@@ -10,6 +10,8 @@ _description: Infragistics' {Platform} Bubble Chart
 _keywords: {Platform} Charts, Bubble Chart, Infragistics
 _license: commercial
 
+llms:
+  description: "{ProductName} バブル チャートは散布図の一種で、可変スケーリングのマーカーを表示して、いくつかの異なる一連のデータ内の項目間の関係を表したり、x 座標と y 座標を使用してデータ項目をプロットしたりします。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/column-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/column-chart.mdx
index c39ca33d73..105d2fe22a 100644
--- a/docs/xplat/src/content/jp/components/charts/types/column-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/column-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "DataChart", "ColumnSeries", "WaterfallSeries", "StackedColumnSeries", "Stacked100ColumnSeries", "RangeColumnSeries", "RadialColumnSeries", "CategoryChartType", "Series"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{ProductName} 縦棒チャート、縦棒グラフ、または垂直棒チャートは、さまざまなカテゴリのデータの頻度、カウント、合計、または平均を、幅は同じで高さが異なる縦棒でエンコードされたデータによってすばやく比較するために使用される最も一般的なカテゴリ チャート タイプの 1 つです。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/composite-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/composite-chart.mdx
index 9a7f1e6fda..cf7035afed 100644
--- a/docs/xplat/src/content/jp/components/charts/types/composite-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/composite-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DataChart", "Series"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{ProductName} 複合チャートまたはコンボ チャートは、同じプロット領域でさまざまなチャート タイプを組み合わせた視覚化です。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/data-pie-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/data-pie-chart.mdx
index f8aca2f7d8..da44d0c096 100644
--- a/docs/xplat/src/content/jp/components/charts/types/data-pie-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/data-pie-chart.mdx
@@ -10,6 +10,8 @@ _description: The {ProductName} data pie chart is a specialized UI control that
 _keywords: {Platform} charts, pie chart, {ProductName}, Infragistics, data binding, slice selection, animation, highlighting, legend
 _license: commercial
 
+llms:
+  description: "{ProductName} データ円チャートは、データ セットのカテゴリ (部分) がどのように合計 (全体) 値に構成されるかを示す部分対全体のチャートです。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/donut-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/donut-chart.mdx
index 661077071f..899a951d80 100644
--- a/docs/xplat/src/content/jp/components/charts/types/donut-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/donut-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DoughnutChart", "DoughnutChart"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "The {ProductName} ドーナツ チャートは円チャートと同様、変数の発生を比例的に表示します。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/gantt-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/gantt-chart.mdx
index 3e974f2115..f9c14e5bac 100644
--- a/docs/xplat/src/content/jp/components/charts/types/gantt-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/gantt-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DataChart", "Series"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{ProductName} ガント チャートは棒チャートの一種で、さまざまなカテゴリを時系列に視覚化します。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/line-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/line-chart.mdx
index 8ab89632df..6f5f5ceaa6 100644
--- a/docs/xplat/src/content/jp/components/charts/types/line-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/line-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "DataChart", "Legend", "PolarLineSeries", "RadialLineSeries", "StackedLineSeries", "Stacked100LineSeries", "Series", "CategoryChartType"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{ProductName} 折れ線チャート (または折れ線グラフ) は、カテゴリ チャートの一種で、一定期間にわたる 1 つ以上の数量の直線セグメントで接続されたポイントで表される連続データ値を示します。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/network-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/network-chart.mdx
index 38f9afead6..1b799ec63e 100644
--- a/docs/xplat/src/content/jp/components/charts/types/network-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/network-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DataChart", "Series"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{ProductName} ネットワーク チャートは、ネットワーク グラフまたはポリライン チャートとも呼ばれ、大量の要素間の複雑な関係を視覚化します。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/pie-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/pie-chart.mdx
index b3dd862e2d..297ed21ee6 100644
--- a/docs/xplat/src/content/jp/components/charts/types/pie-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/pie-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["PieChart", "DataChart"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{ProductName} 円チャート (円グラフ) は、データセットのカテゴリ (部分) が合計 (全体) 値になる方法を示す部分対全体チャートです。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/point-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/point-chart.mdx
index ec42dc8d81..d3135077f7 100644
--- a/docs/xplat/src/content/jp/components/charts/types/point-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/point-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "CategoryChartType", "Legend", "Series"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{ProductName} ポイント チャートは、ポイントのコレクションを描画します。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/polar-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/polar-chart.mdx
index 582789b1a8..93ff8989d2 100644
--- a/docs/xplat/src/content/jp/components/charts/types/polar-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/polar-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DataChart", "PolarAreaSeries", "Series"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{ProductName} 極座標チャートは、デカルト (x、y) 座標系の代わりに極座標 (角度、半径) 座標系を使用してチャートにデータをプロットします。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/pyramid-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/pyramid-chart.mdx
index ad27df7644..e2637273e5 100644
--- a/docs/xplat/src/content/jp/components/charts/types/pyramid-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/pyramid-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DataChart", "Series"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{ProductName} ピラミッド チャートは、年齢ピラミッドまたは人口ピラミッドとも呼ばれ、人口が増加しているときにピラミッドの形を形成する、人口内のさまざまな年齢層の分布を示すグラフィカルな図です。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/radial-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/radial-chart.mdx
index 0fbc1e5480..a35025cdec 100644
--- a/docs/xplat/src/content/jp/components/charts/types/radial-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/radial-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DataChart", "RadialLineSeries", "Series"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{ProductName} ラジアル チャートは、データを取得し、円の周囲でラップされるデータ ポイントのコレクションとしてデータを描画するチャートのグループです (水平方向の線に沿って拡大するのではなく)。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/scatter-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/scatter-chart.mdx
index 6709d010a2..789a0456f8 100644
--- a/docs/xplat/src/content/jp/components/charts/types/scatter-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/scatter-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DataChart", "ScatterSeries", "ScatterLineSeries", "ScatterSplineSeries", "HighDensityScatterSeries", "ScatterAreaSeries", "ScatterContourSeries", "Series"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{ProductName} 散布図は、異なる一連のデータ内の項目間の関係を示したり、数値の x 座標と y 座標を使用してデータ項目をプロットしたりするチャートのグループに属しています。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/shape-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/shape-chart.mdx
index 1a87d106fc..e46636b59b 100644
--- a/docs/xplat/src/content/jp/components/charts/types/shape-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/shape-chart.mdx
@@ -10,6 +10,8 @@ _description: Infragistics' {Platform} Shape Chart
 _keywords: {Platform} Charts, Shape Chart, Infragistics
 _license: commercial
 
+llms:
+  description: "{ProductName} シェープ チャートは、一連の形状 (1 つまたは複数の X/Y 座標の配列) をとり、それらをデカルト (x、y) 座標系のポリゴンまたはポリラインのコレクションとして描画するチャートのグループです。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/sparkline-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/sparkline-chart.mdx
index 1a402d2e76..725e4b5be9 100644
--- a/docs/xplat/src/content/jp/components/charts/types/sparkline-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/sparkline-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["Sparkline", "SparklineDisplayType", "TrendLineType"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{ProductName} スパークラインは、軽量なチャート コントロールです。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/spline-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/spline-chart.mdx
index 070b79a539..f9da3208f5 100644
--- a/docs/xplat/src/content/jp/components/charts/types/spline-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/spline-chart.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Charts, Spline Chart, Infragistics, {Platform} チャー
 license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "DataChart", "SplineSeries", "StackedSplineSeries", "Stacked100SplineSeries", "Series", "CategoryChartType"]
 _language: ja
+llms:
+  description: "{ProductName} スプライン チャートは、スプラインのスムーズなカーブに接続された点のコレクションとして描画されるカテゴリ チャートのグループに属しています。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/stacked-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/stacked-chart.mdx
index 0680cc63e8..e94b597f21 100644
--- a/docs/xplat/src/content/jp/components/charts/types/stacked-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/stacked-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DataChart", "StackedAreaSeries", "Stacked100AreaSeries", "StackedBarSeries", "Stacked100BarSeries", "StackedColumnSeries", "Stacked100ColumnSeries", "StackedLineSeries", "Stacked100LineSeries", "StackedSplineSeries", "Stacked100SplineSeries", "StackedSplineAreaSeries", "Stacked100SplineAreaSeries", "Series"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{ProductName} 積層型チャートは、データ項目の複数の値を積層エリア/ポリゴン、棒、縦棒、折れ線、またはスプラインとして描画するチャートの特別なグループに属しています。。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/step-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/step-chart.mdx
index 20a0031fbf..dc1810229f 100644
--- a/docs/xplat/src/content/jp/components/charts/types/step-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/step-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "CategoryChartType", "Series", "CategoryChartType"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{ProductName} ステップ チャートは連続する垂直線と水平線で接続されたポイントのコレクションとして描画されるカテゴリ チャートのグループに属しています。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/stock-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/stock-chart.mdx
index cf2d3dd9ea..59c2c532fd 100644
--- a/docs/xplat/src/content/jp/components/charts/types/stock-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/stock-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["DomainChart", "FinancialChart", "FinancialChartType", "IndicatorTypes", "ZoomSliderType", "Series", "FinancialChartType"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{ProductName} 株価チャート ({Platform} ファイナンシャル チャートまたはローソク足チャートと呼ばれることもあります) は、インタラクティブな時系列表示で株価ティッカー データまたは価格データを描画する複合視覚化です。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/treemap-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/treemap-chart.mdx
index 8947f9d2ad..454630028d 100644
--- a/docs/xplat/src/content/jp/components/charts/types/treemap-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/treemap-chart.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["Treemap", "TreemapOrientation", "TreemapLayoutType", "TreemapHighlightingMode", "TreemapHighlightedValueDisplayMode"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "{ProductName} ツリーマップ チャートは、ネストされた一連のノードとして階層 (ツリー構造) データを表示します。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/customize-marker-display-in-blazor-charts.mdx b/docs/xplat/src/content/jp/components/customize-marker-display-in-blazor-charts.mdx
index 91f10f9b67..55439cced7 100644
--- a/docs/xplat/src/content/jp/components/customize-marker-display-in-blazor-charts.mdx
+++ b/docs/xplat/src/content/jp/components/customize-marker-display-in-blazor-charts.mdx
@@ -4,6 +4,8 @@ description: Infragistics Blazor チャート - Blazor チャートでマーカ
 keywords: Blazor チャート, マーカー表示, {ProductName}, インフラジスティックス
 _language: ja
 mentionedTypes: []
+llms:
+  description: "このトピックでは、Ignite UI for Blazor のマーカー表示カスタマイズ機能を使って、バインドした項目のプロパティに応じた大きさと塗りつぶし色のマーカーで散布図を表示する方法を説明します。"
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/dashboard-tile.mdx b/docs/xplat/src/content/jp/components/dashboard-tile.mdx
index 80cfe27875..49fd5753c1 100644
--- a/docs/xplat/src/content/jp/components/dashboard-tile.mdx
+++ b/docs/xplat/src/content/jp/components/dashboard-tile.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widge
 mentionedTypes: ["Toolbar", "CategoryChart", "DataChart", "RadialGauge", "LinearGauge", "GeographicMap"]
 license: commercial
 _language: ja
+llms:
+  description: "{Platform} Dashboard Tile は、データ ソース コレクション/配列または単一のデータ ポイントを分析して、表示する最も適切な視覚化を決定する自動データ視覚化コンポーネントです。"
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/excel-library-using-cells.mdx b/docs/xplat/src/content/jp/components/excel-library-using-cells.mdx
index 11d6b2b27d..1b48a87460 100644
--- a/docs/xplat/src/content/jp/components/excel-library-using-cells.mdx
+++ b/docs/xplat/src/content/jp/components/excel-library-using-cells.mdx
@@ -5,6 +5,8 @@ keywords: Excel library,  cell operations, {ProductName}, Infragistics, Excel 
 license: commercial
 mentionedTypes: ["Workbook", "Worksheet", "WorksheetCell", "WorkbookStyleCollection", "IWorksheetCellFormat", "WorkbookColorInfo", "DisplayOptions"]
 _language: ja
+llms:
+  description: "Excel ワークシートの WorksheetCell オブジェクトは、ワークシートの実際のデータ値を保持するオブジェクトです。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/excel-library-using-tables.mdx b/docs/xplat/src/content/jp/components/excel-library-using-tables.mdx
index da7def9680..8b6b53951b 100644
--- a/docs/xplat/src/content/jp/components/excel-library-using-tables.mdx
+++ b/docs/xplat/src/content/jp/components/excel-library-using-tables.mdx
@@ -5,6 +5,8 @@ keywords: Excel library, tables, {ProductName}, Infragistics, Excel ライブラ
 license: commercial
 mentionedTypes: ["Workbook", "WorksheetTable", "Worksheet", "SortSettings"]
 _language: ja
+llms:
+  description: "Infragistics {Platform} Excel Engine の WorksheetTable 機能は、行列のデータを書式設定できます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/excel-library-using-workbooks.mdx b/docs/xplat/src/content/jp/components/excel-library-using-workbooks.mdx
index 89c462a893..63199e19b7 100644
--- a/docs/xplat/src/content/jp/components/excel-library-using-workbooks.mdx
+++ b/docs/xplat/src/content/jp/components/excel-library-using-workbooks.mdx
@@ -5,6 +5,8 @@ keywords: Excel library, workbooks, {ProductName}, Infragistics, Excel ライブ
 license: commercial
 mentionedTypes: ["Workbook"]
 _language: ja
+llms:
+  description: "Infragistics {Platform} Excel Engine は、データを Microsoft® Excel® に保存、また Microsoft® Excel® からの読み込みを可能にします。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/excel-library-using-worksheets.mdx b/docs/xplat/src/content/jp/components/excel-library-using-worksheets.mdx
index f9e496f7e4..a6a0251bb1 100644
--- a/docs/xplat/src/content/jp/components/excel-library-using-worksheets.mdx
+++ b/docs/xplat/src/content/jp/components/excel-library-using-worksheets.mdx
@@ -5,6 +5,8 @@ keywords: Excel library, worksheet, {ProductName}, Infragistics, Excel ライブ
 license: commercial
 mentionedTypes: ["Workbook", "Worksheet", "WorksheetCell", "DisplayOptions", "WorksheetFilterSettings", "IWorksheetCellFormat"]
 _language: ja
+llms:
+  description: "{Platform} Excel Engine の Worksheet にデータが保存されます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/excel-library-working-with-charts.mdx b/docs/xplat/src/content/jp/components/excel-library-working-with-charts.mdx
index 65516bdb83..45389f169c 100644
--- a/docs/xplat/src/content/jp/components/excel-library-working-with-charts.mdx
+++ b/docs/xplat/src/content/jp/components/excel-library-working-with-charts.mdx
@@ -9,6 +9,8 @@ _description: Use the Infragistics' {Platform} excel library's chart feature to
 _keywords: Excel library, charts,  {ProductName}, Infragistics
 _license: commercial
 
+llms:
+  description: "Infragistics {Platform} Excel Engine の WorksheetChart 機能は、ワークシートのセル領域全体のデータ トレンドをチャートで表示します。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/excel-library-working-with-grids.mdx b/docs/xplat/src/content/jp/components/excel-library-working-with-grids.mdx
index 2376bc9dce..664c775e3c 100644
--- a/docs/xplat/src/content/jp/components/excel-library-working-with-grids.mdx
+++ b/docs/xplat/src/content/jp/components/excel-library-working-with-grids.mdx
@@ -5,6 +5,8 @@ keywords: Excel library, {ProductName}, Infragistics, Excel ライブラリ, イ
 license: commercial
 mentionedTypes: ["Workbook"]
 _language: ja
+llms:
+  description: "Excel ライブラリは、Microsoft Excel 機能を使用したスプレッドシート データで作業が可能になります。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/excel-library-working-with-sparklines.mdx b/docs/xplat/src/content/jp/components/excel-library-working-with-sparklines.mdx
index 5d45d853f3..2285eab82d 100644
--- a/docs/xplat/src/content/jp/components/excel-library-working-with-sparklines.mdx
+++ b/docs/xplat/src/content/jp/components/excel-library-working-with-sparklines.mdx
@@ -5,6 +5,8 @@ keywords: Excel library, sparkline chart, {ProductName}, Infragistics, Excel ラ
 license: commercial
 mentionedTypes: ["Workbook"]
 _language: ja
+llms:
+  description: "Infragistics {Platform} Excel Library は、Excel ワークシートにスパークラインを追加する機能があります。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/excel-library.mdx b/docs/xplat/src/content/jp/components/excel-library.mdx
index b724956151..267cd9741f 100644
--- a/docs/xplat/src/content/jp/components/excel-library.mdx
+++ b/docs/xplat/src/content/jp/components/excel-library.mdx
@@ -5,6 +5,8 @@ keywords: Excel library, {ProductName}, Infragistics, workbook, Excel ライブ
 license: commercial
 mentionedTypes: ["Workbook", "Worksheet", "Cell", "Formula"]
 _language: ja
+llms:
+  description: "Infragistics {Platform} Excel ライブラリは、Workbook、Worksheet、Cell、Formula などの人気の Microsoft® Excel® スプレッドシート オブジェクトを使用してスプレッドシート データで作業をすることができます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/excel-utility.mdx b/docs/xplat/src/content/jp/components/excel-utility.mdx
index fc2f4be924..567d4e6344 100644
--- a/docs/xplat/src/content/jp/components/excel-utility.mdx
+++ b/docs/xplat/src/content/jp/components/excel-utility.mdx
@@ -5,6 +5,8 @@ keywords: excel library, {ProductName}, Infragistics, saving files, loading file
 license: commercial
 mentionedTypes: ["Workbook", "WorkbookFormat", "WorkbookSaveOptions"]
 _language: ja
+llms:
+  description: "Excel ライブラリには、Microsoft Excel ファイルの読み込みや保存が可能なユーティリティ関数があります。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/general-changelog-dv-blazor.mdx b/docs/xplat/src/content/jp/components/general-changelog-dv-blazor.mdx
index d6074dd757..860ac83bd4 100644
--- a/docs/xplat/src/content/jp/components/general-changelog-dv-blazor.mdx
+++ b/docs/xplat/src/content/jp/components/general-changelog-dv-blazor.mdx
@@ -6,6 +6,8 @@ mentionedTypes: ["SeriesViewer", "XYChart", "DomainChart", "DataChart", "Toolbar
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "Ignite UI for Blazor のリリースごとの新機能、変更点、修正内容をまとめた変更履歴です。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/general-changelog-dv-react.mdx b/docs/xplat/src/content/jp/components/general-changelog-dv-react.mdx
index f9f6e1ff25..54cbf29e8a 100644
--- a/docs/xplat/src/content/jp/components/general-changelog-dv-react.mdx
+++ b/docs/xplat/src/content/jp/components/general-changelog-dv-react.mdx
@@ -5,6 +5,8 @@ keywords: Changelog, What's New, {ProductName}, Infragistics, 変更ログ, 新
 mentionedTypes: ["SeriesViewer", "XYChart", "DomainChart", "DataChart", "Toolbar", "GeographicMap", "DatePicker", "MultiColumnComboBox", "CategoryChart", "CrosshairLayer", "FinalValueLayer", "CalloutLayer", "DataLegend", "Grid", "GridSelectionMode", DataGridCellEventArgs, DataGridSelectionMode, DataSourceSummaryOperand, "RadialGauge", "RadialChart", "Toolbar"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "- MarkerType 列挙型に Checkmark オプションが追加されました。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/general-changelog-dv-wc.mdx b/docs/xplat/src/content/jp/components/general-changelog-dv-wc.mdx
index 224801744b..207cb33836 100644
--- a/docs/xplat/src/content/jp/components/general-changelog-dv-wc.mdx
+++ b/docs/xplat/src/content/jp/components/general-changelog-dv-wc.mdx
@@ -5,6 +5,8 @@ keywords: Changelog, What's New, {ProductName}, Infragistics, 変更ログ, 新
 mentionedTypes: ["SeriesViewer", "XYChart", "DomainChart", "DataChart", "Toolbar", "GeographicMap", "DatePicker", "MultiColumnComboBox", "CategoryChart", "CrosshairLayer", "FinalValueLayer", "CalloutLayer", "DataLegend", "Infragistics.Controls.Grid", "Infragistics.Controls.GridSelectionMode", "RadialGauge", "RadialChart", "Toolbar"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "- MarkerType 列挙型に Checkmark オプションが追加されました。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/general-changelog-dv.mdx b/docs/xplat/src/content/jp/components/general-changelog-dv.mdx
index 0f1288ada5..0517714a34 100644
--- a/docs/xplat/src/content/jp/components/general-changelog-dv.mdx
+++ b/docs/xplat/src/content/jp/components/general-changelog-dv.mdx
@@ -5,6 +5,8 @@ keywords: Changelog, What's New, {ProductName}, Infragistics, 変更ログ, 新
 mentionedTypes: ["SeriesViewer", "XYChart", "DomainChart", "DataChart", "Toolbar", "GeographicMap", "DatePicker", "DataPieChart", "MultiColumnComboBox", "CategoryChart", "CrosshairLayer", "FinalValueLayer", "CalloutLayer", "DataLegend", "RadialGauge", "RadialChart", "Toolbar"]
 namespace: Infragistics.Controls.Charts
 _language: ja
+llms:
+  description: "このトピックでは、{PackageAngularComponents} パッケージに含まれていないコンポーネントの変更についてのみ説明します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/general-cli-overview.mdx b/docs/xplat/src/content/jp/components/general-cli-overview.mdx
index 8f13472fd8..e418b8c901 100644
--- a/docs/xplat/src/content/jp/components/general-cli-overview.mdx
+++ b/docs/xplat/src/content/jp/components/general-cli-overview.mdx
@@ -4,6 +4,8 @@ description: "{ProductName} ツールセットには {Platform} CLI があり、
 keywords: "{Platform} cli, command line interface, {ProductName}, Infragistics, コマンド ライン インターフェイス, インフラジスティックス"
 _language: ja
 mentionedTypes: []
+llms:
+  description: "CLI ツールでは、{ProductName} の定義済みのプロジェクト テンプレートが含まれ、アプリ開発を効率的に行うことができます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/general-getting-started-blazor-client.mdx b/docs/xplat/src/content/jp/components/general-getting-started-blazor-client.mdx
index fd1acfdac1..b18b71e624 100644
--- a/docs/xplat/src/content/jp/components/general-getting-started-blazor-client.mdx
+++ b/docs/xplat/src/content/jp/components/general-getting-started-blazor-client.mdx
@@ -4,6 +4,8 @@ description: インフラジスティックスの {Platform} コンポーネン
 keywords: "{ProductName}, Infragistics, Getting Started, インフラジスティックス, 作業の開始"
 _language: ja
 mentionedTypes: []
+llms:
+  description: "このトピックでは、Visual Studio および Ignite UI for Blazor を使用して Blazor WebAssembly アプリケーションを作成するための手順を説明します。"
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/general-getting-started-blazor-maui.mdx b/docs/xplat/src/content/jp/components/general-getting-started-blazor-maui.mdx
index e8d2303829..66617937bc 100644
--- a/docs/xplat/src/content/jp/components/general-getting-started-blazor-maui.mdx
+++ b/docs/xplat/src/content/jp/components/general-getting-started-blazor-maui.mdx
@@ -4,6 +4,8 @@ description: この記事では、Ignite UI for Blazor を使用して、.NET MA
 keywords: "{ProductName}, Infragistics, Getting Started, インフラジスティックス, 作業の開始"
 _language: ja
 mentionedTypes: []
+llms:
+  description: "Visual Studio 2022 と .NET MAUI を使用して Ignite UI for Blazor の Blazor Hybrid アプリを作成する手順を説明します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/general-getting-started-blazor-web-app.mdx b/docs/xplat/src/content/jp/components/general-getting-started-blazor-web-app.mdx
index bb8650f789..d30ef691eb 100644
--- a/docs/xplat/src/content/jp/components/general-getting-started-blazor-web-app.mdx
+++ b/docs/xplat/src/content/jp/components/general-getting-started-blazor-web-app.mdx
@@ -4,6 +4,8 @@ description: インフラジスティックスの {Platform} コンポーネン
 keywords: "{ProductName}, Infragistics, Getting Started, インフラジスティックス, 作業の開始"
 _language: ja
 mentionedTypes: []
+llms:
+  description: "このトピックでは、Visual Studio および Ignite UI for Blazor を使用して Blazor Web App アプリケーションを作成するための手順を説明します。"
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/general-getting-started-oss.mdx b/docs/xplat/src/content/jp/components/general-getting-started-oss.mdx
index 89aca1b8f2..4aca053406 100644
--- a/docs/xplat/src/content/jp/components/general-getting-started-oss.mdx
+++ b/docs/xplat/src/content/jp/components/general-getting-started-oss.mdx
@@ -4,6 +4,8 @@ description: インフラジスティックスのオープン ソース {Platfor
 keywords: "{ProductName}, Infragistics, Getting Started, Open-Source, MIT License, 作業の開始, オープン ソース, MIT ライセンス, インフラジスティックス"
 _language: ja
 mentionedTypes: []
+llms:
+  description: "このトピックでは、Visual Studio を使用して Ignite UI for Blazor オープン ソース ライブラリで Blazor アプリケーションを作成するための段階的な手順を説明します。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/general-getting-started.mdx b/docs/xplat/src/content/jp/components/general-getting-started.mdx
index 7265580b84..89dfb9a4ae 100644
--- a/docs/xplat/src/content/jp/components/general-getting-started.mdx
+++ b/docs/xplat/src/content/jp/components/general-getting-started.mdx
@@ -4,6 +4,8 @@ description: インフラジスティックスの {Platform} コンポーネン
 keywords: "{ProductName}, Infragistics, Getting Started, インフラジスティックス, 作業の開始"
 mentionedTypes: ["BulletGraph", "IgrGrid"]
 _language: ja
+llms:
+  description: "{ProductName} は、Infragistics による {Platform} 向けの UI ウィジェット、コンポーネント、および Figma UI キットの完全なセットです。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/general-how-to-mcp-e2e.mdx b/docs/xplat/src/content/jp/components/general-how-to-mcp-e2e.mdx
index d3d151e3c3..1d0dbdd944 100644
--- a/docs/xplat/src/content/jp/components/general-how-to-mcp-e2e.mdx
+++ b/docs/xplat/src/content/jp/components/general-how-to-mcp-e2e.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform}, {ProductName}, Infragistics, Ignite UI CLI MCP, Ignite UI
 license: MIT
 _canonicalLink: "{environment:dvUrl}/components/general-how-to-mcp-e2e"
 mentionedTypes: []
+llms:
+  description: "Ignite UI CLI MCP と Ignite UI Theming MCP は連携して動作し、チャット プロンプトを通じて AI アシスタントが {ProductName} アプリケーションのスキャフォールディング、拡張、テーマ設定を行えるようにします。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 
diff --git a/docs/xplat/src/content/jp/components/general-installing-blazor.mdx b/docs/xplat/src/content/jp/components/general-installing-blazor.mdx
index 87cef407f5..19116cfd09 100644
--- a/docs/xplat/src/content/jp/components/general-installing-blazor.mdx
+++ b/docs/xplat/src/content/jp/components/general-installing-blazor.mdx
@@ -4,6 +4,8 @@ description: NuGet パッケージを使用して {Platform} をインストー
 keywords: "{Platform}, NuGet, Feed, Infragistics, Install, フィード, インフラジスティックス, インストール"
 mentionedTypes: []
 _language: ja
+llms:
+  description: "Ignite UI for Blazor は、NuGet パッケージで提供されます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/general-licensing.mdx b/docs/xplat/src/content/jp/components/general-licensing.mdx
index 227e5c58d7..0dca891e5f 100644
--- a/docs/xplat/src/content/jp/components/general-licensing.mdx
+++ b/docs/xplat/src/content/jp/components/general-licensing.mdx
@@ -4,6 +4,8 @@ description: インフラジスティックスの {ProductName} ライセンス
 keywords: npm package license, {ProductName} license feed, licensing, npm パッケージのライセンス, {Platform} ライセンス フィード, ライセンス
 _language: ja
 mentionedTypes: []
+llms:
+  description: "{ProductName} は、MIT または商用ライセンスで利用可能なパッケージで構成されています。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/general-nuget-feed.mdx b/docs/xplat/src/content/jp/components/general-nuget-feed.mdx
index 10766e05ce..d2a5916f73 100644
--- a/docs/xplat/src/content/jp/components/general-nuget-feed.mdx
+++ b/docs/xplat/src/content/jp/components/general-nuget-feed.mdx
@@ -4,6 +4,8 @@ description: インフラジスティックスの {Platform} コンポーネン
 keywords: "{Platform}, NuGet, Feed, Infragistics, NuGet, フィード, インフラジスティックス"
 mentionedTypes: []
 _language: ja
+llms:
+  description: "Infragistics は製品版を使用するユーザーにプライベート NuGet フィードを提供し、製品版の Ignite UI for Blazor NuGet パッケージを NuGet パッケージ マネージャーを介して追加します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/general-open-source-vs-premium.mdx b/docs/xplat/src/content/jp/components/general-open-source-vs-premium.mdx
index 679c006787..6d6852ec76 100644
--- a/docs/xplat/src/content/jp/components/general-open-source-vs-premium.mdx
+++ b/docs/xplat/src/content/jp/components/general-open-source-vs-premium.mdx
@@ -3,6 +3,8 @@ title: オープン ソース vs プレミアム | {ProductName} | インフラ
 description: "{ProductName} は、高速で機能が豊富なネイティブ Angular UI コンポーネントと、マテリアル デザインに基づく UI コントロールからなる完全なライブラリです。"
 keywords: "{ProductName}, はじめに, angular コンポーネント"
 _language: ja
+llms:
+  description: "{ProductName} では、モダンなデータ ドリブン アプリケーションを構築するために、オープン ソース コンポーネントとプレミアム コンポーネントという 2 つのパスを提供しています。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Badge from 'igniteui-astro-components/components/mdx/Badge.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-binding-data-csv.mdx b/docs/xplat/src/content/jp/components/geo-map-binding-data-csv.mdx
index a51a5aa753..860fd25f13 100644
--- a/docs/xplat/src/content/jp/components/geo-map-binding-data-csv.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-binding-data-csv.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["GeographicMap", "GeographicHighDensityScatterSeries"]
 namespace: Infragistics.Controls.Maps
 _language: ja
+llms:
+  description: "{ProductName} Map コンポーネントを使用すると、さまざまな種類のファイルからロードされた地理データをプロットできます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-binding-data-json-points.mdx b/docs/xplat/src/content/jp/components/geo-map-binding-data-json-points.mdx
index 6b9f0ec4d5..cf0373834f 100644
--- a/docs/xplat/src/content/jp/components/geo-map-binding-data-json-points.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-binding-data-json-points.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
 namespace: Infragistics.Controls.Maps
 _language: ja
+llms:
+  description: "{ProductName} Map マップは、さまざまな種類のファイルからロードされた地理データをプロットできます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-binding-data-model.mdx b/docs/xplat/src/content/jp/components/geo-map-binding-data-model.mdx
index dfd79874d2..d7a1165818 100644
--- a/docs/xplat/src/content/jp/components/geo-map-binding-data-model.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-binding-data-model.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["GeographicMap", "GeographicScatterAreaSeries", "GeographicHighDensityScatterSeries", "GeographicProportionalSymbolSeries", "GeographicScatterAreaSeries", "GeographicContourLineSeries", "GeographicShapeSeries", "GeographicPolylineSeries", "Series", "GeographicShapeSeriesBase"]
 namespace: Infragistics.Controls.Maps
 _language: ja
+llms:
+  description: "{ProductName} マップ コンポーネントは、シェイプ ファイルからの地理空間データやデータ モデルからの地理的位置を地理的画像マップに表示するように設計されています。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-binding-data-overview.mdx b/docs/xplat/src/content/jp/components/geo-map-binding-data-overview.mdx
index e453595551..d97ba39ffe 100644
--- a/docs/xplat/src/content/jp/components/geo-map-binding-data-overview.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-binding-data-overview.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
 namespace: Infragistics.Controls.Maps
 _language: ja
+llms:
+  description: "{ProductName} マップ コンポーネントは、シェイプ ファイルからの地理空間データやデータ モデルからの地理的位置を地理的画像マップに表示するように設計されています。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/xplat/src/content/jp/components/geo-map-binding-multiple-shapes.mdx b/docs/xplat/src/content/jp/components/geo-map-binding-multiple-shapes.mdx
index 076fc83f78..a78f08e4bf 100644
--- a/docs/xplat/src/content/jp/components/geo-map-binding-multiple-shapes.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-binding-multiple-shapes.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileConverter", "Series", "GeographicShapeSeriesBase"]
 namespace: Infragistics.Controls.Maps
 _language: ja
+llms:
+  description: "{ProductName} マップでは、複数の地理的シリーズオブジェクトを追加して、複数のシェープファイルを地理空間データでオーバーレイすることができます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-binding-multiple-sources.mdx b/docs/xplat/src/content/jp/components/geo-map-binding-multiple-sources.mdx
index a06bad1248..7d3ceb938f 100644
--- a/docs/xplat/src/content/jp/components/geo-map-binding-multiple-sources.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-binding-multiple-sources.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, geographic series, {ProductName}, Infragistics, data
 license: commercial
 mentionedTypes: ["GeographicMap", "SeriesViewer", "Series", "GeographicShapeSeriesBase"]
 _language: ja
+llms:
+  description: "{ProductName} マップでは、カスタム データ ソースを地理空間データとオーバーレイするために複数の地理的シリーズ オブジェクトを追加できます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-binding-shp-file.mdx b/docs/xplat/src/content/jp/components/geo-map-binding-shp-file.mdx
index 6459449fb0..d9b4f9a348 100644
--- a/docs/xplat/src/content/jp/components/geo-map-binding-shp-file.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-binding-shp-file.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, shapefiles, {ProductName}, Infragistics, data binding
 license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileConverter", "Series", "GeographicShapeSeriesBase"]
 _language: ja
+llms:
+  description: "{ProductName} Map コンポーネントの ShapefileRecord クラスは、形状ファイルから地理空間データ (ポイント/位置、ポリライン、ポリゴン) を読み込み、それを ShapefileRecord オブジェクトのコレクションに変換します。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-display-azure-imagery.mdx b/docs/xplat/src/content/jp/components/geo-map-display-azure-imagery.mdx
index 8cb9bd410b..50ae68c6ab 100644
--- a/docs/xplat/src/content/jp/components/geo-map-display-azure-imagery.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-display-azure-imagery.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, azure maps, {ProductName}, Infragistics, imagery tile
 license: commercial
 mentionedTypes: ["GeographicMap", "AzureMapsImagery", "GeographicTileSeries"]
 _language: ja
+llms:
+  description: "{Platform} AzureMapsImagery は、Microsoft® が提供する地理的画像マッピング サービスです。"
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-display-bing-imagery.mdx b/docs/xplat/src/content/jp/components/geo-map-display-bing-imagery.mdx
index 892a062070..4ff7ff4edd 100644
--- a/docs/xplat/src/content/jp/components/geo-map-display-bing-imagery.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-display-bing-imagery.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, bing maps, {ProductName}, Infragistics, imagery tile
 license: commercial
 mentionedTypes: ["GeographicMap", "BingMapsMapImagery"]
 _language: ja
+llms:
+  description: "注: 2025 年 6 月 30 日をもって、すべての Microsoft Bing Maps for Enterprise Basic (無料) アカウントはすべて廃止されます。"
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-display-esri-imagery.mdx b/docs/xplat/src/content/jp/components/geo-map-display-esri-imagery.mdx
index 7916ba3319..d8268c076b 100644
--- a/docs/xplat/src/content/jp/components/geo-map-display-esri-imagery.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-display-esri-imagery.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, ESRI, {ProductName}, Infragistics, imagery tile sourc
 license: commercial
 mentionedTypes: ["GeographicMap"]
 _language: ja
+llms:
+  description: "ArcGISOnlineMapImagery は、Esri によって作成された無料の地理的画像マッピング サービスです。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-display-heat-imagery.mdx b/docs/xplat/src/content/jp/components/geo-map-display-heat-imagery.mdx
index f4e792775c..8f8303eb97 100644
--- a/docs/xplat/src/content/jp/components/geo-map-display-heat-imagery.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-display-heat-imagery.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, heat map imagery, {ProductName}, Infragistics, {Platf
 license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileConverter", "HeatTileGenerator", "GeographicTileSeries"]
 _language: ja
+llms:
+  description: "{ProductName} マップ コントロールには、Shape ファイルをタイル シリーズにロードして地理空間データをロードすることにより、ShapefileRecord によって生成される ShapeFileRecord を使用して、ヒートマップ画像を表示する機能があります。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-display-imagery-types.mdx b/docs/xplat/src/content/jp/components/geo-map-display-imagery-types.mdx
index c8f5cacc53..28272ebb44 100644
--- a/docs/xplat/src/content/jp/components/geo-map-display-imagery-types.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-display-imagery-types.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, Geographic Imagery, tiles, {ProductName}, Infragistic
 license: commercial
 mentionedTypes: ["GeographicMap"]
 _language: ja
+llms:
+  description: "{Platform} 地理的画像は、上空から見た世界の詳細な表現です。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/xplat/src/content/jp/components/geo-map-display-osm-imagery.mdx b/docs/xplat/src/content/jp/components/geo-map-display-osm-imagery.mdx
index 641697faa5..ac90ea3ee4 100644
--- a/docs/xplat/src/content/jp/components/geo-map-display-osm-imagery.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-display-osm-imagery.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, OSM, {ProductName}, Infragistics, imagery tile source
 license: commercial
 mentionedTypes: ["GeographicMap"]
 _language: ja
+llms:
+  description: "{Platform} OpenStreetMapImagery は、世界中の OpenStreetMap© のコントリビューターが共同で作成した無料の地理的画像マッピングサービスです。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-navigation.mdx b/docs/xplat/src/content/jp/components/geo-map-navigation.mdx
index 5a0c242d30..e72b269b5a 100644
--- a/docs/xplat/src/content/jp/components/geo-map-navigation.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-navigation.mdx
@@ -9,6 +9,8 @@ _description: Navigate Infragistics' {Platform} map by panning right and left an
 _keywords: {Platform} map, navigation, {ProductName}, Infragistics
 _license: commercial
 
+llms:
+  description: "GeographicMap コントロールのナビゲーションは、既定では有効にされており、マップ コンテンツのズームとパンが可能です。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-resources-esri.mdx b/docs/xplat/src/content/jp/components/geo-map-resources-esri.mdx
index 4c468aba2c..78f2ecf1e2 100644
--- a/docs/xplat/src/content/jp/components/geo-map-resources-esri.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-resources-esri.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, ESRI, {ProductName}, Infragistics, imagery tile sourc
 license: commercial
 mentionedTypes: ["GeographicMap"]
 _language: ja
+llms:
+  description: "リソース トピックは、Esri Maps が GeographicMap で提供する ArcGISOnlineMapImagery の使用に役立つユーティリティの実装を提供します。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-resources-shape-styling-utility.mdx b/docs/xplat/src/content/jp/components/geo-map-resources-shape-styling-utility.mdx
index f28838477a..7b336b6d48 100644
--- a/docs/xplat/src/content/jp/components/geo-map-resources-shape-styling-utility.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-resources-shape-styling-utility.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, shape styling, conditional formatting, {ProductName},
 license: commercial
 mentionedTypes: ["GeographicMap"]
 _language: ja
+llms:
+  description: "リソース トピックは、{Platform} GeographicMap コンポーネントで GeographicShapeSeries の UI 要素のスタイリングに役立つユーティリティの実装を提供します。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-resources-world-connections.mdx b/docs/xplat/src/content/jp/components/geo-map-resources-world-connections.mdx
index fd9178ac39..9c8d6bdd6d 100644
--- a/docs/xplat/src/content/jp/components/geo-map-resources-world-connections.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-resources-world-connections.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, map data, {ProductName}, Infragistics, {Platform} マ
 license: commercial
 mentionedTypes: ["GeographicMap"]
 _language: ja
+llms:
+  description: "リソース トピックは、空港の位置、飛行経路、および地理的なグリッド線を生成するためのデータユーティリティの実装を提供します。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-resources-world-locations.mdx b/docs/xplat/src/content/jp/components/geo-map-resources-world-locations.mdx
index 4f3fa9f2c8..6692856114 100644
--- a/docs/xplat/src/content/jp/components/geo-map-resources-world-locations.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-resources-world-locations.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, map data, {ProductName}, Infragistics, {Platform} マ
 license: commercial
 mentionedTypes: ["GeographicMap"]
 _language: ja
+llms:
+  description: "インフラジスティックスの {Platform} JavaScript マップ データ ユーティリティを使用して、都市の地理的位置と国の首都を生成します。{"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-resources-world-util.mdx b/docs/xplat/src/content/jp/components/geo-map-resources-world-util.mdx
index 4d3b66671f..b90473d703 100644
--- a/docs/xplat/src/content/jp/components/geo-map-resources-world-util.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-resources-world-util.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, map data, {ProductName}, Infragistics, {Platform} マ
 license: commercial
 mentionedTypes: ["GeographicMap"]
 _language: ja
+llms:
+  description: "インフラジスティックスの {Platform} JavaScript マップ データ ユーティリティを使用して、地理的データを生成します。{"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-shape-files-reference.mdx b/docs/xplat/src/content/jp/components/geo-map-shape-files-reference.mdx
index 3e6b792824..a01310a07b 100644
--- a/docs/xplat/src/content/jp/components/geo-map-shape-files-reference.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-shape-files-reference.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, shape files, {ProductName}, Infragistics, shape editi
 license: commercial
 mentionedTypes: ["GeographicMap", "GeographicShapeSeriesBase", "Series"]
 _language: ja
+llms:
+  description: "このトピックでは、マップおよび関連する地理的素材についてのリソースおよびシェープ ファイルの情報を提供します。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/xplat/src/content/jp/components/geo-map-shape-styling.mdx b/docs/xplat/src/content/jp/components/geo-map-shape-styling.mdx
index cd432da900..a43f3cb019 100644
--- a/docs/xplat/src/content/jp/components/geo-map-shape-styling.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-shape-styling.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, custom styling, {ProductName}, Infragistics, conditio
 license: commercial
 mentionedTypes: ["GeographicMap", "GeographicShapeSeries", "Series"]
 _language: ja
+llms:
+  description: "このトピックでは、{Platform} GeographicMap で GeographicShapeSeries にカスタム スタイリングを適用する方法を説明します。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-type-scatter-area-series.mdx b/docs/xplat/src/content/jp/components/geo-map-type-scatter-area-series.mdx
index e1d224413f..b5d48b397b 100644
--- a/docs/xplat/src/content/jp/components/geo-map-type-scatter-area-series.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-type-scatter-area-series.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, scatter area series, {ProductName}, Infragistics, {Pl
 license: commercial
 mentionedTypes: ["GeographicMap","GeographicScatterAreaSeries","CustomPaletteColorScale", "Series"]
 _language: ja
+llms:
+  description: "{Platform} マップ コンポーネントでは、GeographicScatterAreaSeries を使用して、各ポイントに割り当てられた数値を持つ経度と緯度のデータの三角形分割に基づいて、地理的背景で色付きの表面を描画できます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-type-scatter-bubble-series.mdx b/docs/xplat/src/content/jp/components/geo-map-type-scatter-bubble-series.mdx
index b7fd0d9825..88606beb24 100644
--- a/docs/xplat/src/content/jp/components/geo-map-type-scatter-bubble-series.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-type-scatter-bubble-series.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, scatter proportional series, {ProductName}, Infragist
 license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
 _language: ja
+llms:
+  description: "{Platform} マップ コンポーネントでは、GeographicProportionalSymbolSeries を使用して、アプリケーションのデータで指定された地理的位置にバブルまたは相対マーカーをプロットできます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-type-scatter-contour-series.mdx b/docs/xplat/src/content/jp/components/geo-map-type-scatter-contour-series.mdx
index efc6d6bf26..a7e9f65362 100644
--- a/docs/xplat/src/content/jp/components/geo-map-type-scatter-contour-series.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-type-scatter-contour-series.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, scatter contour series, {ProductName}, Infragistics,
 license: commercial
 mentionedTypes: ["GeographicMap","GeographicContourLineSeries","CustomPaletteColorScale", "Series"]
 _language: ja
+llms:
+  description: "{Platform} マップ コンポーネントでは、GeographicContourLineSeries を使用して、各点に数値が割り当てられた経度および緯度データの三角測量に基づいて、地理的なコンテキストで色付きの等高線を描画できます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-type-scatter-density-series.mdx b/docs/xplat/src/content/jp/components/geo-map-type-scatter-density-series.mdx
index e1c682380f..b7a6abcb8d 100644
--- a/docs/xplat/src/content/jp/components/geo-map-type-scatter-density-series.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-type-scatter-density-series.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, scatter high density series, {ProductName}, Infragist
 license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
 _language: ja
+llms:
+  description: "{Platform} マップ コンポーネントでは、GeographicHighDensityScatterSeries を使用して、非常に少ないロード時間で、数百から数百万のデータ ポイントを持つ散布図データをバインドして表示できます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-type-scatter-symbol-series.mdx b/docs/xplat/src/content/jp/components/geo-map-type-scatter-symbol-series.mdx
index 6595aa6f59..9ae48b4c55 100644
--- a/docs/xplat/src/content/jp/components/geo-map-type-scatter-symbol-series.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-type-scatter-symbol-series.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, scatter symbol series, {ProductName}, Infragistics, {
 license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileConverter", "Series"]
 _language: ja
+llms:
+  description: "{Platform} マップ コンポーネントでは、GeographicSymbolSeries を使用して、地理的コンテキストでポイントまたはマーカーを使用して地理空間データを表示できます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-type-series.mdx b/docs/xplat/src/content/jp/components/geo-map-type-series.mdx
index 7d31a9888b..2c48afb5cb 100644
--- a/docs/xplat/src/content/jp/components/geo-map-type-series.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-type-series.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, geographic series, {ProductName}, Infragistics, {Plat
 license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
 _language: ja
+llms:
+  description: "{ProductName} マップ コンポーネントでは、地理的シリーズは、地理的なデータをポイント (都市の位置など)、ポリライン (道路の接続など)、またはポリゴン (国の形状) として地理的コンテキストで表示する地図の視覚的要素です。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/xplat/src/content/jp/components/geo-map-type-shape-polygon-series.mdx b/docs/xplat/src/content/jp/components/geo-map-type-shape-polygon-series.mdx
index db2eba4524..ce99a66335 100644
--- a/docs/xplat/src/content/jp/components/geo-map-type-shape-polygon-series.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-type-shape-polygon-series.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, shape polygon series, {ProductName}, Infragistics, {P
 license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileConverter", "Series", "GeographicShapeSeriesBase"]
 _language: ja
+llms:
+  description: "{Platform} マップ コンポーネントでは、GeographicShapeSeries を使用して、地理的コンテキストで形状ポリゴンを使用して地理空間データを表示できます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-type-shape-polyline-series.mdx b/docs/xplat/src/content/jp/components/geo-map-type-shape-polyline-series.mdx
index b678846682..709342e6b7 100644
--- a/docs/xplat/src/content/jp/components/geo-map-type-shape-polyline-series.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-type-shape-polyline-series.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, {ProductName}, shape polyline series, Infragistics, {
 license: commercial
 mentionedTypes: ["GeographicMap", "ShapefileConverter", "Series", "GeographicShapeSeriesBase"]
 _language: ja
+llms:
+  description: "{Platform} マップ コンポーネントでは、GeographicPolylineSeries を使用して、地理的コンテキストでポリラインを使用して地理空間データを表示できます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map.mdx b/docs/xplat/src/content/jp/components/geo-map.mdx
index 1584ac3905..ec80ec8cb7 100644
--- a/docs/xplat/src/content/jp/components/geo-map.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} map, geographic map, imagery tiles, {ProductName}, Infragi
 license: commercial
 mentionedTypes: ["GeographicMap", "Series"]
 _language: ja
+llms:
+  description: "{ProductName} Map コンポーネントを使用すると、ビューモデルからの地理的位置を含むデータ、またはシェープ ファイルからロードされた地理空間データを地理的画像マップに表示できます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grid-lite/binding.mdx b/docs/xplat/src/content/jp/components/grid-lite/binding.mdx
index 6e058098c0..69a61981bf 100644
--- a/docs/xplat/src/content/jp/components/grid-lite/binding.mdx
+++ b/docs/xplat/src/content/jp/components/grid-lite/binding.mdx
@@ -6,6 +6,8 @@ mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 license: MIT
 _language: ja
+llms:
+  description: "{GridLiteTitle} は、データ ソースとしてプレーン オブジェクトの配列を受け入れます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grid-lite/cell-template.mdx b/docs/xplat/src/content/jp/components/grid-lite/cell-template.mdx
index 236089ad2d..b9f32def09 100644
--- a/docs/xplat/src/content/jp/components/grid-lite/cell-template.mdx
+++ b/docs/xplat/src/content/jp/components/grid-lite/cell-template.mdx
@@ -6,6 +6,8 @@ mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 license: MIT
 _language: ja
+llms:
+  description: "デフォルトでは、グリッドは列のフィールドを使用してセル内の値を文字列としてレンダリングします。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grid-lite/column-configuration.mdx b/docs/xplat/src/content/jp/components/grid-lite/column-configuration.mdx
index 1d3b169270..bd9f97dc3d 100644
--- a/docs/xplat/src/content/jp/components/grid-lite/column-configuration.mdx
+++ b/docs/xplat/src/content/jp/components/grid-lite/column-configuration.mdx
@@ -6,6 +6,8 @@ mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 license: MIT
 _language: ja
+llms:
+  description: "列は、グリッド内の列子コンポーネントを使用して宣言的に定義されます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grid-lite/filtering.mdx b/docs/xplat/src/content/jp/components/grid-lite/filtering.mdx
index 282f65a125..1aed4e2c63 100644
--- a/docs/xplat/src/content/jp/components/grid-lite/filtering.mdx
+++ b/docs/xplat/src/content/jp/components/grid-lite/filtering.mdx
@@ -6,6 +6,8 @@ mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 license: MIT
 _language: ja
+llms:
+  description: "{GridLiteTitle} は、データ ソースでのフィルター操作をサポートします。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grid-lite/header-template.mdx b/docs/xplat/src/content/jp/components/grid-lite/header-template.mdx
index 3d6cbfd441..f554beb1e7 100644
--- a/docs/xplat/src/content/jp/components/grid-lite/header-template.mdx
+++ b/docs/xplat/src/content/jp/components/grid-lite/header-template.mdx
@@ -6,6 +6,8 @@ mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 license: MIT
 _language: ja
+llms:
+  description: "セル テンプレートと同様に、列ヘッダーも目的のユース ケースに合わせてカスタマイズできます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grid-lite/overview.mdx b/docs/xplat/src/content/jp/components/grid-lite/overview.mdx
index 70606ca171..7775c74d6f 100644
--- a/docs/xplat/src/content/jp/components/grid-lite/overview.mdx
+++ b/docs/xplat/src/content/jp/components/grid-lite/overview.mdx
@@ -6,6 +6,8 @@ mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 license: MIT
 _language: ja
+llms:
+  description: "{ProductName} {GridLiteTitle} は、軽量で高パフォーマンスな {Platform} データ グリッドであり、無料で使用でき、オープン ソースで、最新の {Platform} アプリケーション向けに構築されています。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grid-lite/sorting.mdx b/docs/xplat/src/content/jp/components/grid-lite/sorting.mdx
index 1817c66c77..3cfcaef1db 100644
--- a/docs/xplat/src/content/jp/components/grid-lite/sorting.mdx
+++ b/docs/xplat/src/content/jp/components/grid-lite/sorting.mdx
@@ -6,6 +6,8 @@ mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 license: MIT
 _language: ja
+llms:
+  description: "{GridLiteTitle} はデータ ソースに対してソート操作をサポートします。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grid-lite/theming.mdx b/docs/xplat/src/content/jp/components/grid-lite/theming.mdx
index a6aa9ce8fe..9563350e82 100644
--- a/docs/xplat/src/content/jp/components/grid-lite/theming.mdx
+++ b/docs/xplat/src/content/jp/components/grid-lite/theming.mdx
@@ -6,6 +6,8 @@ mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 license: MIT
 _language: ja
+llms:
+  description: "{GridLiteTitle} には、Bootstrap、Material、Fluent、Indigo の 4 つのテーマが用意されています。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/advanced-filtering.mdx b/docs/xplat/src/content/jp/components/grids/_shared/advanced-filtering.mdx
index 60048cead9..b9f615f035 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/advanced-filtering.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/advanced-filtering.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridAdvancedFiltering}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} 高度なフィルタリングを使用すると、{ComponentName} のすべての列にわたるフィルタリング条件を使用してさまざまなグループを作成できるダイアログが表示されるため、データを操作できます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/batch-editing.mdx b/docs/xplat/src/content/jp/components/grids/_shared/batch-editing.mdx
index 21ee77d8e9..d7ecaba5e6 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/batch-editing.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/batch-editing.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "HierarchicalTransactionService と {ComponentName} を使用した場合も各アイランドに個別のトランザクション ログを累積させるには、代わりにサービス ファクトリが必要です。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/cascading-combos.mdx b/docs/xplat/src/content/jp/components/grids/_shared/cascading-combos.mdx
index 582f16bc3c..7810edaa12 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/cascading-combos.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/cascading-combos.mdx
@@ -7,6 +7,8 @@ _language: ja
 sharedComponents: ["Grid"]
 mentionedTypes: ["Column", "Combo"]
 namespace: Infragistics.Controls
+llms:
+  description: "{ComponentTitle} の編集機能では、カスケード コンボボックス コンポーネントを使用する機会が提供されます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/cell-editing.mdx b/docs/xplat/src/content/jp/components/grids/_shared/cell-editing.mdx
index 7ecc25d91f..e134196b8a 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/cell-editing.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/cell-editing.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridCellEditing}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} セル編集機能は、{Platform} {ComponentTitle} コンポーネント内の個々のセルのコンテンツの優れたデータ操作機能を提供し、React CRUD 操作用の強力な API を備えています。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/cell-merging.mdx b/docs/xplat/src/content/jp/components/grids/_shared/cell-merging.mdx
index ac56b5bfa5..6d308fdf31 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/cell-merging.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/cell-merging.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridCellMerging}"
 _language: ja
+llms:
+  description: "Ignite UI for {Platform} {ComponentTitle} には、同じ値を持つ隣接セルを 1 つの大きなセルに結合するセル結合機能があります。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/cell-selection.mdx b/docs/xplat/src/content/jp/components/grids/_shared/cell-selection.mdx
index 9a6360a49d..0b334b4e61 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/cell-selection.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/cell-selection.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridCellSelection}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} セル選択により、豊富なデータ選択機能が有効になり、{ComponentName} コンポーネントで強力な API が提供されます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/clipboard-interactions.mdx b/docs/xplat/src/content/jp/components/grids/_shared/clipboard-interactions.mdx
index b0690677a9..8926a893bb 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/clipboard-interactions.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/clipboard-interactions.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "PivotGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridClipboardInteractions}"
 _language: ja
+llms:
+  description: "クリップボードへのコピー操作が {ComponentName} で可能になりました。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/collapsible-column-groups.mdx b/docs/xplat/src/content/jp/components/grids/_shared/collapsible-column-groups.mdx
index bbf6d52a31..15a74886f3 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/collapsible-column-groups.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/collapsible-column-groups.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _language: ja
 _canonicalLink: "{CanonicalLinkToGridCollapsibleColumnGroups}"
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} の縮小可能な列グループ機能を使用すると、{ComponentName} 内の複数レベルのネストされた列と列グループをグループ化し、これらのグループを縮小したり展開したりしてデータの視覚化とナビゲーションを向上させるオプションを提供することで、それらを整理および管理できます。"
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/column-hiding.mdx b/docs/xplat/src/content/jp/components/grids/_shared/column-hiding.mdx
index c4dd535d5b..61666f4764 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/column-hiding.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/column-hiding.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridColumnHiding}"
 _language: ja
+llms:
+  description: "{ProductName} {ComponentName} は、ColumnHidingDirective のある ColumnActionsComponent を提供し、ユーザーが UI を介して、または {Platform} コンポーネントを使用して列の非表示を実行できるようにします。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/column-moving.mdx b/docs/xplat/src/content/jp/components/grids/_shared/column-moving.mdx
index e5c07cea84..38db1037f9 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/column-moving.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/column-moving.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridColumnMoving}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} 列移動機能を使用すると、列をすばやく簡単に並べ替えることができます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/column-pinning.mdx b/docs/xplat/src/content/jp/components/grids/_shared/column-pinning.mdx
index 1e8a090685..ebcb8a353a 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/column-pinning.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/column-pinning.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridColumnPinning}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} 列のピン固定機能を使用すると、開発者は特定の列を希望の順序でロックできるため、ユーザーが {ComponentName} を水平方向にスクロールしている場合でも、常に可視性を確保できます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/column-resizing.mdx b/docs/xplat/src/content/jp/components/grids/_shared/column-resizing.mdx
index f0c279f552..96a9a89494 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/column-resizing.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/column-resizing.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridColumnResizing}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} 列のサイズ変更機能を使用すると、ユーザーは {ComponentName} の列の幅を簡単に調整できます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/column-selection.mdx b/docs/xplat/src/content/jp/components/grids/_shared/column-selection.mdx
index 35664778d2..280c719147 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/column-selection.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/column-selection.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridColumnSelection}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} 列選択機能は、シングルクリックで列全体を選択してハイライト表示する、簡略化された Excel のような方法を提供します。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/column-types.mdx b/docs/xplat/src/content/jp/components/grids/_shared/column-types.mdx
index 478b49a2df..0ef83aa4fe 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/column-types.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/column-types.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridColumnTypes}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} は、デフォルトおよび編集テンプレートの外観に基づいて、number (数値)、string (文字列)、date (日付)、boolean (ブール値)、currency (通貨) および percent (パーセント) 列のデータ型のデフォルト処理を提供します。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/conditional-cell-styling.mdx b/docs/xplat/src/content/jp/components/grids/_shared/conditional-cell-styling.mdx
index 1bbe9835e4..010cdbbbe0 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/conditional-cell-styling.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/conditional-cell-styling.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridConditionalCellStyling}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} コンポーネントを使用すると、行またはセル レベルでカスタム スタイルを設定できます。{"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/editing.mdx b/docs/xplat/src/content/jp/components/grids/_shared/editing.mdx
index 32ef9bd313..283c9a1dc5 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/editing.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/editing.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridEditing}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} セル編集機能を使用すると、レコードの作成、更新、削除などのデータ操作を簡単に実行できます。{"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/excel-style-filtering.mdx b/docs/xplat/src/content/jp/components/grids/_shared/excel-style-filtering.mdx
index 90b92fec52..a2935b6671 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/excel-style-filtering.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/excel-style-filtering.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "PivotGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} は、Excel のようなフィルタリング UI を提供する Excel スタイルのフィルタリング機能を公開します。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/export-excel.mdx b/docs/xplat/src/content/jp/components/grids/_shared/export-excel.mdx
index f2d0f33bca..d00c00328d 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/export-excel.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/export-excel.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridExportExcel}"
 _language: ja
+llms:
+  description: "{ProductName} {ComponentTitle} は、Grid Toolbar Exporter コンポーネントを介してデータ エクスポート機能を提供します。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/filtering.mdx b/docs/xplat/src/content/jp/components/grids/_shared/filtering.mdx
index 119d798df2..e42264c9aa 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/filtering.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/filtering.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridFiltering}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} フィルタリングは、特定の基準または条件に基づいてデータを選択的に表示または非表示にする機能です。{"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/keyboard-navigation.mdx b/docs/xplat/src/content/jp/components/grids/_shared/keyboard-navigation.mdx
index beaf499408..ca1805857b 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/keyboard-navigation.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/keyboard-navigation.mdx
@@ -7,6 +7,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 mentionedTypes: ["GridBaseDirective"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} キーボード ナビゲーションは、さまざまなキーボード操作をユーザーに提供します。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/live-data.mdx b/docs/xplat/src/content/jp/components/grids/_shared/live-data.mdx
index d5dcdfafb1..5ea43a33af 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/live-data.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/live-data.mdx
@@ -6,6 +6,8 @@ license: commercial
 sharedComponents: ["Grid", "TreeGrid"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} ライブ データ更新機能は、グリッド内に表示されるデータのリアルタイムまたはほぼリアルタイムの更新を可能にするために使用されます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/multi-column-headers.mdx b/docs/xplat/src/content/jp/components/grids/_shared/multi-column-headers.mdx
index edfa3f79a9..8d609ddc51 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/multi-column-headers.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/multi-column-headers.mdx
@@ -8,6 +8,8 @@ mentionedTypes: ["Column"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridMultiColumnHeaders}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} 複数列ヘッダー機能は、共通の複数ヘッダーの下に配置することで列をグループ化できます。{"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/multi-row-layout.mdx b/docs/xplat/src/content/jp/components/grids/_shared/multi-row-layout.mdx
index fe30d6b688..21f0cf85b1 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/multi-row-layout.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/multi-row-layout.mdx
@@ -7,6 +7,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 mentionedTypes: ["Column"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "{ComponentTitle} のレンダリング機能を拡張します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/paging.mdx b/docs/xplat/src/content/jp/components/grids/_shared/paging.mdx
index 9fb864bcf5..7c045c46f1 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/paging.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/paging.mdx
@@ -7,6 +7,8 @@ license: commercial
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridPaging}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} ページネーション機能は、大量のデータセットを類似したコンテンツを持つ一連のページに分割するために使用されます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/remote-data-operations.mdx b/docs/xplat/src/content/jp/components/grids/_shared/remote-data-operations.mdx
index 6cda94f475..841d04f683 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/remote-data-operations.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/remote-data-operations.mdx
@@ -7,6 +7,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 mentionedTypes: ["GridBaseDirective"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} リモート データ操作機能は、リモート仮想化、リモート ソート、リモート フィルタリングなどのリモート データ操作をサポートします。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/row-actions.mdx b/docs/xplat/src/content/jp/components/grids/_shared/row-actions.mdx
index 2665f21517..0656af8a87 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/row-actions.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/row-actions.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridRowActions}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} 行操作機能を使用すると、開発者は ActionStrip を使用し、行/セル コンポーネントと行のピン固定に CRUD を利用できます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/row-adding.mdx b/docs/xplat/src/content/jp/components/grids/_shared/row-adding.mdx
index 3c9b6a35a9..e2ea27c1eb 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/row-adding.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/row-adding.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridRowAdding}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} 行追加機能を使用すると、ユーザーは別のフォームやページに移動することなく、新しいデータ レコードを入力して送信できます。{"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/row-drag.mdx b/docs/xplat/src/content/jp/components/grids/_shared/row-drag.mdx
index ba0622202b..c12dc3ca44 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/row-drag.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/row-drag.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridRowDrag}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} 行ドラッグ機能は簡単に構成でき、マウスを使用して行を新しい位置にドラッグ アンド ドロップすることで、グリッド内の行を再配置するために使用されます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/row-editing.mdx b/docs/xplat/src/content/jp/components/grids/_shared/row-editing.mdx
index cd4ce0d92c..6f2ec7aebf 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/row-editing.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/row-editing.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "PivotGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridRowEditing}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} 行編集機能を使用すると、{ComponentName} 内でデータを直接編集できます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/row-pinning.mdx b/docs/xplat/src/content/jp/components/grids/_shared/row-pinning.mdx
index f5601f71e9..b067024826 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/row-pinning.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/row-pinning.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridRowPinning}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} 行ピン固定機能を使用すると、1 つまたは複数の行をグリッドの上部または下部にピン固定できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/row-selection.mdx b/docs/xplat/src/content/jp/components/grids/_shared/row-selection.mdx
index 1d5454aa72..39d638fe6d 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/row-selection.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/row-selection.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "PivotGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridRowSelection}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} 行選択機能を使用すると、ユーザーは 1 つまたは複数のデータ行を対話的に選択、ハイライト表示、または選択解除できます。{"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/search.mdx b/docs/xplat/src/content/jp/components/grids/_shared/search.mdx
index 620b3bae14..ade357f989 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/search.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/search.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} 検索フィルター機能を使用すると、データのコレクション内の値を検索するプロセスが可能になります。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/selection.mdx b/docs/xplat/src/content/jp/components/grids/_shared/selection.mdx
index 0282b31c26..0139462dec 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/selection.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/selection.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "PivotGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridSelection}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} 選択機能を使用すると、単純なマウス操作を使用してデータを簡単に操作および操作できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/size.mdx b/docs/xplat/src/content/jp/components/grids/_shared/size.mdx
index 2828be1c96..cba3d8463b 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/size.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/size.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridSize}"
 _language: ja
+llms:
+  description: "{ProductName} の {Platform} {ComponentTitle} サイズ機能を使用すると、ユーザーは {ComponentName} 内のデータの間隔とレイアウトを制御できます。--ig-size を変更することで、大量のコンテンツを操作するときのユーザー エクスペリエンスを大幅に向上させることができます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/sizing.mdx b/docs/xplat/src/content/jp/components/grids/_shared/sizing.mdx
index 5b9d70b675..26cd020c81 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/sizing.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/sizing.mdx
@@ -7,6 +7,8 @@ mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} サイズ変更機能は、応答性が高くユーザーフレンドリーなグリッド インターフェイスを作成するための重要な側面です。{"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/sorting.mdx b/docs/xplat/src/content/jp/components/grids/_shared/sorting.mdx
index 1cac6029d9..4705888f1a 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/sorting.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/sorting.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridSorting}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} データ ソート機能は列ごとのレベルで有効になっています。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/state-persistence.mdx b/docs/xplat/src/content/jp/components/grids/_shared/state-persistence.mdx
index 0a1e1caf7a..cf6358df9b 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/state-persistence.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/state-persistence.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "PivotGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridStatePersistence}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} 状態保持機能を使用すると、開発者はグリッドの状態を簡単に保存および復元できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/summaries.mdx b/docs/xplat/src/content/jp/components/grids/_shared/summaries.mdx
index 4754b76035..ec33c30f95 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/summaries.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/summaries.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridSummaries}"
 _language: ja
+llms:
+  description: "{Platform} {ComponentTitle} の {ProductName} 集計機能は、グループ フッターとして列ごとのレベルで機能します。{"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/toolbar.mdx b/docs/xplat/src/content/jp/components/grids/_shared/toolbar.mdx
index f6527840f8..64091eb3ab 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/toolbar.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/toolbar.mdx
@@ -8,6 +8,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridToolbar}"
 _language: ja
+llms:
+  description: "{ProductName} ツールバーは、{Platform} {ComponentTitle} の UI 操作用のコンテナーです。{"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/validation.mdx b/docs/xplat/src/content/jp/components/grids/_shared/validation.mdx
index 536a3aa5d9..1288ca77b3 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/validation.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/validation.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "{Platform} {ComponentName} の編集は、セル/行の編集時のユーザー入力の検証メカニズムが組み込まれた編集を提供します。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/virtualization.mdx b/docs/xplat/src/content/jp/components/grids/_shared/virtualization.mdx
index a2dee23985..e96cfe1a50 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/virtualization.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/virtualization.mdx
@@ -8,6 +8,8 @@ mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridVirtualization}"
 _language: ja
+llms:
+  description: "{ProductName} の {ComponentName} コントロールは水平および垂直方向にコンテンツを仮想化します。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/data-grid.mdx b/docs/xplat/src/content/jp/components/grids/data-grid.mdx
index 27e669c14e..b86a7f5d6d 100644
--- a/docs/xplat/src/content/jp/components/grids/data-grid.mdx
+++ b/docs/xplat/src/content/jp/components/grids/data-grid.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["Grid", "Column", "Cell", "CellTemplateContext", "GridRowComponent", "GridToolbar", "Paginator"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "{ProductName} を使用して、超高速でレスポンシブな {Platform} データ グリッドとテーブルを作成します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/grid/groupby.mdx b/docs/xplat/src/content/jp/components/grids/grid/groupby.mdx
index cb45ff7123..db5a41bf7b 100644
--- a/docs/xplat/src/content/jp/components/grids/grid/groupby.mdx
+++ b/docs/xplat/src/content/jp/components/grids/grid/groupby.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["Grid", "RowDirective", "GroupByRowSelectorTemplateDetails"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "{Platform} {GridName} の {ProductName} グループ化動作は、列の値に基づいてグループ化されたデータ行を作成します。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/grid/icons.mdx b/docs/xplat/src/content/jp/components/grids/grid/icons.mdx
index 89456bd3ce..cfe4a9d394 100644
--- a/docs/xplat/src/content/jp/components/grids/grid/icons.mdx
+++ b/docs/xplat/src/content/jp/components/grids/grid/icons.mdx
@@ -5,6 +5,8 @@ keywords: icons, custom icons, igniteui for {Platform}, {ComponentKeywords}, {Pr
 license: MIT
 mentionedTypes: ["Infragistics.Controls.Grid"]
 _language: ja
+llms:
+  description: "{ProductName} Grid アイコンは、公開されている API メソッドを使用して、別のコレクション セットのカスタム アイコンを使用するようにカスタマイズできます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/grid/master-detail.mdx b/docs/xplat/src/content/jp/components/grids/grid/master-detail.mdx
index 835f73affc..4a7f4620ec 100644
--- a/docs/xplat/src/content/jp/components/grids/grid/master-detail.mdx
+++ b/docs/xplat/src/content/jp/components/grids/grid/master-detail.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform}, {ComponentKeywords}, {ProductName}, master detail, Infrag
 license: commercial
 mentionedTypes: ["Infragistics.Controls.Grid"]
 _language: ja
+llms:
+  description: "Grid コンポーネントは、コンテンツを展開/縮小することで特定の行の追加の詳細を表示する詳細テンプレートの指定をサポートします。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/grid/paste-excel.mdx b/docs/xplat/src/content/jp/components/grids/grid/paste-excel.mdx
index 5a51c119c2..0c09fe5a62 100644
--- a/docs/xplat/src/content/jp/components/grids/grid/paste-excel.mdx
+++ b/docs/xplat/src/content/jp/components/grids/grid/paste-excel.mdx
@@ -5,6 +5,8 @@ keywords: export selected, igniteui for {Platform}, {ComponentKeywords}, {Produc
 license: commercial
 mentionedTypes: ["Infragistics.Controls.Grid"]
 _language: ja
+llms:
+  description: "{ProductName} Grid は、クリップボードにコピーした Excel データを読み込むことができます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/grid/selection-based-aggregates.mdx b/docs/xplat/src/content/jp/components/grids/grid/selection-based-aggregates.mdx
index 5f78c91507..35b398edcb 100644
--- a/docs/xplat/src/content/jp/components/grids/grid/selection-based-aggregates.mdx
+++ b/docs/xplat/src/content/jp/components/grids/grid/selection-based-aggregates.mdx
@@ -5,6 +5,8 @@ keywords: Data aggregation, selection, {Platform}, {ComponentKeywords}, {Product
 license: commercial
 mentionedTypes: ["Infragistics.Controls.Grid"]
 _language: ja
+llms:
+  description: "以下のサンプルでは、グリッドのフッターで選択した値に基づいて、カスタム集計関数と共に集計を表示する際の複数選択の動作を確認できます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/grids-header.mdx b/docs/xplat/src/content/jp/components/grids/grids-header.mdx
index 6a696d08a4..1c3b978949 100644
--- a/docs/xplat/src/content/jp/components/grids/grids-header.mdx
+++ b/docs/xplat/src/content/jp/components/grids/grids-header.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["Infragistics.Controls.Grid"]
 _language: ja
 
+llms:
+  description: "{ProductName} は、世界最速の仮想化された {Platform} データ グリッドを含む、{Platform} ネイティブのマテリアル ベースの UI コンポーネントの完全なライブラリを提供します。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/grids.mdx b/docs/xplat/src/content/jp/components/grids/grids.mdx
index 3f639dd080..22a6940368 100644
--- a/docs/xplat/src/content/jp/components/grids/grids.mdx
+++ b/docs/xplat/src/content/jp/components/grids/grids.mdx
@@ -4,6 +4,8 @@ description: "{Platform} Grid レイアウトは、コーディングや構成
 keywords: "{Platform} data grid, infragistics, grids, {ProductName}, table, {Platform} データ グリッド, インフラジスティック, グリッド, テーブル"
 license: commercial
 _language: ja
+llms:
+  description: "Angular データ グリッド/データ テーブルは、一連の行と列で表データを表示するために使用されるコンポーネントです。"
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/hierarchical-grid/load-on-demand.mdx b/docs/xplat/src/content/jp/components/grids/hierarchical-grid/load-on-demand.mdx
index 1e09f43c4f..f16ad16531 100644
--- a/docs/xplat/src/content/jp/components/grids/hierarchical-grid/load-on-demand.mdx
+++ b/docs/xplat/src/content/jp/components/grids/hierarchical-grid/load-on-demand.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["HierarchicalGrid", "RowIsland"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "Ignite UI for {Platform} HierarchicalGrid は、要求するサーバーからのデータを最低限にすることによりすばやく描画できます。"
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/hierarchical-grid/overview.mdx b/docs/xplat/src/content/jp/components/grids/hierarchical-grid/overview.mdx
index 688abbec24..b4e06cda19 100644
--- a/docs/xplat/src/content/jp/components/grids/hierarchical-grid/overview.mdx
+++ b/docs/xplat/src/content/jp/components/grids/hierarchical-grid/overview.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["HierarchicalGridBaseDirective"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "{ProductName} 階層データ グリッドは、階層表形式データの表示と操作に使用されます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/list.mdx b/docs/xplat/src/content/jp/components/grids/list.mdx
index fa0ffafc72..2aea71827c 100644
--- a/docs/xplat/src/content/jp/components/grids/list.mdx
+++ b/docs/xplat/src/content/jp/components/grids/list.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} List, Item List, overview, {ProductName}, data binding, In
 license: MIT
 mentionedTypes: ["List", "ListHeader", "ListItem", "Avatar", "Button", "RadioGroup", "Radio"]
 _language: ja
+llms:
+  description: "{ProductName} List 要素は、項目のグループを番号の付いた形式または黒丸の付いた形式のいずれかで提示する時に非常に役に立ちます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/pivot-grid/features.mdx b/docs/xplat/src/content/jp/components/grids/pivot-grid/features.mdx
index 34aef00d34..7155c529e9 100644
--- a/docs/xplat/src/content/jp/components/grids/pivot-grid/features.mdx
+++ b/docs/xplat/src/content/jp/components/grids/pivot-grid/features.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["Infragistics.Controls.Grid"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "一部の機能は、ピボット テーブルのコンテキストで意味のある動作をしないため PivotGrid で有効にできません。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/pivot-grid/overview.mdx b/docs/xplat/src/content/jp/components/grids/pivot-grid/overview.mdx
index ea586072ae..294779b6dd 100644
--- a/docs/xplat/src/content/jp/components/grids/pivot-grid/overview.mdx
+++ b/docs/xplat/src/content/jp/components/grids/pivot-grid/overview.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["PivotGrid", "PivotDimension", "PivotValue"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "{Platform} ピボット グリッドは、クロス集計形式で大量の多次元データを合計して表すために使用されます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/pivot-grid/remote-operations.mdx b/docs/xplat/src/content/jp/components/grids/pivot-grid/remote-operations.mdx
index dda0b4fa7a..c26e791ed7 100644
--- a/docs/xplat/src/content/jp/components/grids/pivot-grid/remote-operations.mdx
+++ b/docs/xplat/src/content/jp/components/grids/pivot-grid/remote-operations.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["PivotGrid", "PivotConfiguration", "PivotKeys"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "ピボット データがすでにリモート サービスからグループ化および集約されており、クライアントでさらに処理する必要がないシナリオでは、クライアントでのデータ処理をスキップし、データをそのまま直接表示できるようにするカスタムの空のストラテジを使用するように構成できます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/theming-grid.mdx b/docs/xplat/src/content/jp/components/grids/theming-grid.mdx
index 1932c8df42..6aef612127 100644
--- a/docs/xplat/src/content/jp/components/grids/theming-grid.mdx
+++ b/docs/xplat/src/content/jp/components/grids/theming-grid.mdx
@@ -7,6 +7,8 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "{Platform} テーマ CSS を使用すると、{ProductName} Grid をブランド アイデンティティに合わせて簡単にカスタマイズできます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/theming.mdx b/docs/xplat/src/content/jp/components/grids/theming.mdx
index da74dc7008..a5b1ea7f96 100644
--- a/docs/xplat/src/content/jp/components/grids/theming.mdx
+++ b/docs/xplat/src/content/jp/components/grids/theming.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["Infragistics.Controls.Grid.Implementation.Grid"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "{Platform} テーマ エンジンを使用すると、{ProductName} Grid をブランド アイデンティティに合わせて簡単にカスタマイズできます。"
 ---
 
 # {Platform} データ グリッドのテーマ
diff --git a/docs/xplat/src/content/jp/components/grids/tree-grid/load-on-demand.mdx b/docs/xplat/src/content/jp/components/grids/tree-grid/load-on-demand.mdx
index d57ae17833..8bb86b158e 100644
--- a/docs/xplat/src/content/jp/components/grids/tree-grid/load-on-demand.mdx
+++ b/docs/xplat/src/content/jp/components/grids/tree-grid/load-on-demand.mdx
@@ -6,6 +6,8 @@ license: commercial
 _language: ja
 mentionedTypes: ["TreeGrid"]
 namespace: Infragistics.Controls
+llms:
+  description: "Ignite UI for {Platform} ツリー グリッド は、サーバーから最小限のデータのみ取得してレンダリングされるため、ユーザーにすばやくデータを表示できます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/tree-grid/overview.mdx b/docs/xplat/src/content/jp/components/grids/tree-grid/overview.mdx
index 613ce1095a..b025fd489b 100644
--- a/docs/xplat/src/content/jp/components/grids/tree-grid/overview.mdx
+++ b/docs/xplat/src/content/jp/components/grids/tree-grid/overview.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["GridBaseDirective", "TreeGrid", "Column"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "{Platform} Tree Grid は、データ グリッド (テーブル) の機能とツリー ビューを組み合わせた UI コンポーネントで、階層データを表形式で簡単に表示できます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/tree.mdx b/docs/xplat/src/content/jp/components/grids/tree.mdx
index b0501d55a2..5835983f6c 100644
--- a/docs/xplat/src/content/jp/components/grids/tree.mdx
+++ b/docs/xplat/src/content/jp/components/grids/tree.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} ツリー, 項目ツリー, 概要, {ProductName}, イン
 license: MIT
 mentionedTypes: ["Tree", "TreeItem", "Icon", "CircularProgress"]
 _language: ja
+llms:
+  description: "{ProductName} ツリーは、TreeView コンポーネントとも呼ばれ、ツリー状の UI 内で展開可能なデータ構造を視覚化する高性能コントロールであり、子項目をオンデマンドで読み込むことができます。{"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/badge.mdx b/docs/xplat/src/content/jp/components/inputs/badge.mdx
index ed4714ca17..fed5b1a9a7 100644
--- a/docs/xplat/src/content/jp/components/inputs/badge.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/badge.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform}, UI controls, web widgets, UI widgets, Web Components, {Pl
 license: MIT
 mentionedTypes: ["Badge"]
 _language: ja
+llms:
+  description: "{ProductName} Badge は、視覚的な通知が必要な場合に、アバター、ナビゲーション メニュー、またはアプリケーション内の他のコンポーネントと組み合わせて使用されるコンポーネントです。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/button-group.mdx b/docs/xplat/src/content/jp/components/inputs/button-group.mdx
index 71c1b6bf32..4add252b72 100644
--- a/docs/xplat/src/content/jp/components/inputs/button-group.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/button-group.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform}, UI controls, web widgets, UI widgets, {Platform} Button G
 license: MIT
 mentionedTypes: ["ToggleButton", "ButtonGroup"]
 _language: ja
+llms:
+  description: "{Platform} Button Group コンポーネントは、ToggleButton を、水平 / 垂直配置、単一 / 複数選択、切り替えを備えたスタイル付きボタン グループに編成するために使用されます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/button.mdx b/docs/xplat/src/content/jp/components/inputs/button.mdx
index e4069adc05..44a83bd967 100644
--- a/docs/xplat/src/content/jp/components/inputs/button.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/button.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform}, UI controls, web widgets, UI widgets, {Platform} Button C
 license: MIT
 mentionedTypes: ["Button", "ButtonBase"]
 _language: ja
+llms:
+  description: "{Platform} Button コンポーネントを使用すると、{Platform} アプリでアクションをトリガーするクリック可能な要素を有効にできます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/checkbox.mdx b/docs/xplat/src/content/jp/components/inputs/checkbox.mdx
index 525cf97002..2ab3e0a77a 100644
--- a/docs/xplat/src/content/jp/components/inputs/checkbox.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/checkbox.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widge
 license: MIT
 mentionedTypes: ["Checkbox", "Form"]
 _language: ja
+llms:
+  description: "{Platform} Checkbox は、{Platform} アプリにチェックボックスを追加できるコンポーネントです。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/chip.mdx b/docs/xplat/src/content/jp/components/inputs/chip.mdx
index 0cdeaf7e5d..d7af66b1fb 100644
--- a/docs/xplat/src/content/jp/components/inputs/chip.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/chip.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform}, UI コントロール, web ウィジェット, UI ウィ
 license: MIT
 mentionedTypes: ["Chip"]
 _language: ja
+llms:
+  description: "{ProductName} Chip は、ユーザーが情報を入力したり、選択したり、コンテンツをフィルタリングしたり、アクションをトリガーしたりするのに役立ちます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/circular-progress.mdx b/docs/xplat/src/content/jp/components/inputs/circular-progress.mdx
index c18402068e..208e9eadbc 100644
--- a/docs/xplat/src/content/jp/components/inputs/circular-progress.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/circular-progress.mdx
@@ -6,6 +6,8 @@ license: MIT
 mentionedTypes: ["CircularProgress", "CircularGradient"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "{ProductName} Circular Progress Indicator コンポーネントは、変更でアプリケーションの進行状況を表す視覚的なインジケーターです。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/color-editor.mdx b/docs/xplat/src/content/jp/components/inputs/color-editor.mdx
index 8f9fe5f200..f68af2d886 100644
--- a/docs/xplat/src/content/jp/components/inputs/color-editor.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/color-editor.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["ColorEditor"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "{ProductName} Color Editor は軽量のカラー ピッカー コンポーネントです。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/combo/features.mdx b/docs/xplat/src/content/jp/components/inputs/combo/features.mdx
index 673fe57e35..275420c01a 100644
--- a/docs/xplat/src/content/jp/components/inputs/combo/features.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/combo/features.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI コントロール, {Platform} ウィジェット,
 license: MIT
 mentionedTypes: ["Combo", "ComboList", "ComboItem"]
 _language: ja
+llms:
+  description: "{ProductName} コンボボックス コンポーネントは、フィルタリングやグループ化などのいくつかの機能を公開しています。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/combo/overview.mdx b/docs/xplat/src/content/jp/components/inputs/combo/overview.mdx
index 6474d38d1b..92d8d7e6ab 100644
--- a/docs/xplat/src/content/jp/components/inputs/combo/overview.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/combo/overview.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI コントロール, {Platform} ウィジェット,
 license: MIT
 mentionedTypes: ["Combo", "ComboItem", "ComboHeader", "ComboList"]
 _language: ja
+llms:
+  description: "{Platform} コンボボックスは、ユーザーが提供されたリストでさまざまな定義済みオプションを簡単に選択、フィルタリング、およびグループ化できるようにする軽量のエディターです。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/combo/single-selection.mdx b/docs/xplat/src/content/jp/components/inputs/combo/single-selection.mdx
index a3568565e5..1c98ded924 100644
--- a/docs/xplat/src/content/jp/components/inputs/combo/single-selection.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/combo/single-selection.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI コントロール, {Platform} ウィジェット,
 license: MIT
 mentionedTypes: ["Combo", "SingleSelect", "ComboItem", "ComboHeader", "ComboList"]
 _language: ja
+llms:
+  description: "{Platform} ComboBox は、単一選択モードと、メインの入力プロンプトを介した項目リストのクイック フィルタリングをサポートしています。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/combo/templates.mdx b/docs/xplat/src/content/jp/components/inputs/combo/templates.mdx
index baf52be140..23b89164ca 100644
--- a/docs/xplat/src/content/jp/components/inputs/combo/templates.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/combo/templates.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI コントロール, {Platform} ウィジェット,
 license: MIT
 mentionedTypes: ["Combo"]
 _language: ja
+llms:
+  description: "{ProductName} コンボボックス コンポーネントを使用すると、項目、グループ ヘッダー、空のリスト、アイコンなど、さまざまな領域のカスタム テンプレートを定義できます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/date-time-input.mdx b/docs/xplat/src/content/jp/components/inputs/date-time-input.mdx
index af16d4b09f..dd518d8978 100644
--- a/docs/xplat/src/content/jp/components/inputs/date-time-input.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/date-time-input.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} input, {ProductName}, Infragistics, {Platform} 入力, イ
 license: MIT
 mentionedTypes: ["DateTimeInput"]
 _language: ja
+llms:
+  description: "{ProductName} Date Time Input を使用すると、ユーザーは選択した入力要素で日付と時刻を設定および編集できます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/dropdown.mdx b/docs/xplat/src/content/jp/components/inputs/dropdown.mdx
index f71aa8c87a..7376de05b4 100644
--- a/docs/xplat/src/content/jp/components/inputs/dropdown.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/dropdown.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform}, UI コントロール, web ウィジェット, UI ウィ
 license: MIT
 mentionedTypes: ["Dropdown", "DropdownItem", "DropdownHeader", "DropdownGroup"]
 _language: ja
+llms:
+  description: "機能豊富な {Platform} ドロップダウン リストは、すぐに使用できるフィルタリング、アクセシビリティ、事前選択された値、柔軟なデータ バインディング、グループ化、UI カスタマイズなどを提供します。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/file-input.mdx b/docs/xplat/src/content/jp/components/inputs/file-input.mdx
index f0314bb46a..6d239cb7b4 100644
--- a/docs/xplat/src/content/jp/components/inputs/file-input.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/file-input.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} File input, {ProductName}, Infragistics, {Platform} ファ
 license: MIT
 mentionedTypes: ["Input", "Icon", "Button"]
 _language: ja
+llms:
+  description: "{ProductName} File Input コンポーネントは、ユーザーがファイルを選択・アップロードできるインタラクティブな方法を提供します。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/highlight.mdx b/docs/xplat/src/content/jp/components/inputs/highlight.mdx
index 20a8139f97..6d5a00ded3 100644
--- a/docs/xplat/src/content/jp/components/inputs/highlight.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/highlight.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, {Platform}, Highlight, ハイライト, UI controls, w
 license: MIT
 mentionedTypes: ["Highlight"]
 _language: ja
+llms:
+  description: "{ProductName} Highlight は、ページ内コンテンツの一部を強調表示して、ユーザーの目につきやすくするためのコンポーネントです。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/icon-button.mdx b/docs/xplat/src/content/jp/components/inputs/icon-button.mdx
index 520df83767..3cec9a241b 100644
--- a/docs/xplat/src/content/jp/components/inputs/icon-button.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/icon-button.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widge
 license: MIT
 mentionedTypes: ["IconButton", "ButtonBase", "Button", "Icon"]
 _language: ja
+llms:
+  description: "{ProductName} Icon Button コンポーネントを使用すると、開発者は登録済みのアイコンをアプリケーションのボタンとして使用できます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/input.mdx b/docs/xplat/src/content/jp/components/inputs/input.mdx
index 740121af59..5b93390cda 100644
--- a/docs/xplat/src/content/jp/components/inputs/input.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/input.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} input, {ProductName}, Infragistics, {Platform} 入力, イ
 license: MIT
 mentionedTypes: ["Input", "Icon", "Radio"]
 _language: ja
+llms:
+  description: "また、追加の CSS ファイルをリンクして、スタイルを Input コンポーネントに適用する必要があります。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/linear-progress.mdx b/docs/xplat/src/content/jp/components/inputs/linear-progress.mdx
index 525d8632ec..231e62dce2 100644
--- a/docs/xplat/src/content/jp/components/inputs/linear-progress.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/linear-progress.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Linear Progress, {ProductName}, インフラジスティ
 license: MIT
 mentionedTypes: ["LinearProgress"]
 _language: ja
+llms:
+  description: "{ProductName} Linear Progress Indicator コンポーネントは、変更でアプリケーションの進行状況を表す視覚的なインジケーターです。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/mask-input.mdx b/docs/xplat/src/content/jp/components/inputs/mask-input.mdx
index 2bf3d2ac3d..cfda04324a 100644
--- a/docs/xplat/src/content/jp/components/inputs/mask-input.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/mask-input.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} input, {ProductName}, Infragistics, {Platform} 入力, イ
 license: MIT
 mentionedTypes: ["MaskInput"]
 _language: ja
+llms:
+  description: "{ProductName} マスク入力は、構成可能なルールに基づいて、開発者がユーザー入力を制御し、表示される値を書式設定できるようにする入力フィールドです。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/query-builder.mdx b/docs/xplat/src/content/jp/components/inputs/query-builder.mdx
index 6c95e61064..6364023c7e 100644
--- a/docs/xplat/src/content/jp/components/inputs/query-builder.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/query-builder.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Query Builder, {ProductName}, Infragistics, {Platform} ク
 license: MIT
 mentionedTypes: ["QueryBuilder"]
 _language: ja
+llms:
+  description: "{ProductName} Query Builder は、指定したデータ セットに対する複雑なデータ フィルタリング クエリを構築できる豊富な UI を提供します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/radio.mdx b/docs/xplat/src/content/jp/components/inputs/radio.mdx
index b148ddb2e0..d58a6ed3b3 100644
--- a/docs/xplat/src/content/jp/components/inputs/radio.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/radio.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widge
 license: MIT
 mentionedTypes: ["Radio", "RadioGroup", "Form"]
 _language: ja
+llms:
+  description: "{ProductName} Radio コンポーネントを使用すると、ユーザーは、並べて表示される利用可能なオプションのセットから 1 つのオプションを選択できます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/rating.mdx b/docs/xplat/src/content/jp/components/inputs/rating.mdx
index 75e224f94d..47caed4f0c 100644
--- a/docs/xplat/src/content/jp/components/inputs/rating.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/rating.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widge
 license: MIT
 mentionedTypes: ["Rating"]
 _language: ja
+llms:
+  description: "{ProductName} Rating コンポーネントで Unicode シンボル、SVG、またはアイコンを使用した評価とフィードバックを実装する方法を説明します。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/ripple.mdx b/docs/xplat/src/content/jp/components/inputs/ripple.mdx
index 1f6fe668dd..a26db6a9fc 100644
--- a/docs/xplat/src/content/jp/components/inputs/ripple.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/ripple.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widge
 license: MIT
 mentionedTypes: ["Ripple", "Button"]
 _language: ja
+llms:
+  description: "{ProductName} Ripple コンポーネントは、タッチまたはマウス クリックに応答してアニメーションを作成します。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/select.mdx b/docs/xplat/src/content/jp/components/inputs/select.mdx
index 544f7d09b2..01753905e2 100644
--- a/docs/xplat/src/content/jp/components/inputs/select.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/select.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widge
 license: MIT
 mentionedTypes: ["Select"]
 _language: ja
+llms:
+  description: "選択コンポーネントは、ドロップダウンに配置された項目のリストからの単一選択できます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/slider.mdx b/docs/xplat/src/content/jp/components/inputs/slider.mdx
index f4d123cd90..986ba710b2 100644
--- a/docs/xplat/src/content/jp/components/inputs/slider.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/slider.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform}, UI controls, web widgets, UI widgets, {Platform} Slider C
 license: MIT
 mentionedTypes: ["Slider", "SliderLabel", "RangeSlider"]
 _language: ja
+llms:
+  description: "{Platform} スライダーと範囲スライダー コンポーネントを使用すると、つまみをトラックに沿って動かすことで、特定の範囲を選択できます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/switch.mdx b/docs/xplat/src/content/jp/components/inputs/switch.mdx
index 519f14fc4d..abe8c8eedf 100644
--- a/docs/xplat/src/content/jp/components/inputs/switch.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/switch.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widge
 license: MIT
 mentionedTypes: ["Switch"]
 _language: ja
+llms:
+  description: "{ProductName} Switch コンポーネントは、iOS のスイッチ コンポーネントと同様に動作するバイナリ選択の選択コンポーネントです。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/text-area.mdx b/docs/xplat/src/content/jp/components/inputs/text-area.mdx
index 1ff3f8bc43..1e9eae8fd0 100644
--- a/docs/xplat/src/content/jp/components/inputs/text-area.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/text-area.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI controls, {Platform} widgets, Web widgets, UI widge
 license: MIT
 mentionedTypes: ["Input", "Icon", "Textarea", "Toast"]
 _language: ja
+llms:
+  description: "{ProductName} テキスト エリアは、複数行のプレーン テキスト編集コントロールを表します。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/inputs/tooltip.mdx b/docs/xplat/src/content/jp/components/inputs/tooltip.mdx
index 2b970764ed..773260c76b 100644
--- a/docs/xplat/src/content/jp/components/inputs/tooltip.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/tooltip.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widge
 license: MIT
 mentionedTypes: ["Tooltip", "PopoverPlacement"]
 _language: ja
+llms:
+  description: "{ProductName} Tooltip コンポーネントは、特定の要素のツールチップを表示する方法を提供します。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/interactivity/accessibility-compliance.mdx b/docs/xplat/src/content/jp/components/interactivity/accessibility-compliance.mdx
index d160a47a4f..aba8f96344 100644
--- a/docs/xplat/src/content/jp/components/interactivity/accessibility-compliance.mdx
+++ b/docs/xplat/src/content/jp/components/interactivity/accessibility-compliance.mdx
@@ -5,6 +5,8 @@ keywords: accessibility, {Platform}, ignite ui for {Platform}, infragistics, ア
 license: MIT
 mentionedTypes: []
 _language: ja
+llms:
+  description: "開発者向けの UI および UX ツールのグローバル プロバイダーとして、Infragistics の {Platform} チームは、可能な限り最高のユーザー エクスペリエンスを簡単に作成できるコンポーネントとツールを提供します。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 
diff --git a/docs/xplat/src/content/jp/components/interactivity/chat.mdx b/docs/xplat/src/content/jp/components/interactivity/chat.mdx
index 94946fc698..904ba856e3 100644
--- a/docs/xplat/src/content/jp/components/interactivity/chat.mdx
+++ b/docs/xplat/src/content/jp/components/interactivity/chat.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widge
 license: MIT
 mentionedTypes: ["Chat"]
 _language: ja
+llms:
+  description: "{ProductName} チャット コンポーネントは、アプリケーションで会話型インターフェースを構築するための完全なソリューションを提供します。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/layouts/accordion.mdx b/docs/xplat/src/content/jp/components/layouts/accordion.mdx
index 7000cc5e5e..7003801c88 100644
--- a/docs/xplat/src/content/jp/components/layouts/accordion.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/accordion.mdx
@@ -6,6 +6,8 @@ license: MIT
 mentionedTypes: ["Accordion", "Infragistics.Controls.Layouts.Implementation.ExpansionPanel"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "{ProductName} アコーディオンは、単一のコンテナーに表示されるクリック可能なヘッダーと関連するコンテンツ セクションを含む垂直方向に展開可能なパネルを構築するための GUI コンポーネントです。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/layouts/avatar.mdx b/docs/xplat/src/content/jp/components/layouts/avatar.mdx
index fcd6a3aacc..7b8d40c737 100644
--- a/docs/xplat/src/content/jp/components/layouts/avatar.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/avatar.mdx
@@ -5,6 +5,8 @@ keywords: avatar, layout, {ProductName}, Infragistics, アバター, レイア
 license: MIT
 mentionedTypes: ["Avatar"]
 _language: ja
+llms:
+  description: "{ProductName} Avatar コンポーネントで画像、アイコン、またはイニシャルを表示し、サイズや形状を設定する方法を説明します。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/layouts/card.mdx b/docs/xplat/src/content/jp/components/layouts/card.mdx
index feddae675d..628cb12bff 100644
--- a/docs/xplat/src/content/jp/components/layouts/card.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/card.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI controls, Web widgets, web widgets, UI widgets, Nat
 license: MIT
 mentionedTypes: ["Card", "CardActions", "CardContent", "CardHeader", "CardMedia", "Avatar", "Button", "Icon", "IconButton", "Ripple"]
 _language: ja
+llms:
+  description: "{ProductName} Card は、テキスト、画像、アイコン、およびボタンを視覚的にリッチなプレゼンテーションで表示し、より詳細な情報へのエントリ ポイントとして機能します。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/layouts/carousel.mdx b/docs/xplat/src/content/jp/components/layouts/carousel.mdx
index fa1ba360c2..75ada246d9 100644
--- a/docs/xplat/src/content/jp/components/layouts/carousel.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/carousel.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widge
 license: MIT
 mentionedTypes: ["Carousel"]
 _language: ja
+llms:
+  description: "{ProductName} カルーセルは、レスポンシブで軽量なコンポーネントであり、テキスト スライド、リンク、およびその他の html 要素を含む画像のコレクションを前後に移動するユーザーに、スライドショーのような Web エクスペリエンスを作成する最も柔軟な方法を提供します。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/layouts/divider.mdx b/docs/xplat/src/content/jp/components/layouts/divider.mdx
index a6e14e265d..507ca20c5f 100644
--- a/docs/xplat/src/content/jp/components/layouts/divider.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/divider.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI controls, {Platform} widgets, Web widgets, UI widge
 license: MIT
 mentionedTypes: ["Divider"]
 _language: ja
+llms:
+  description: "{ProductName} Divider を使用すると、コンテンツ作成者はコンテンツ間の区切りとして水平/垂直の罫線を簡単に作成し、ページ上の情報を整理しやすくなります。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/layouts/dock-manager-customization.mdx b/docs/xplat/src/content/jp/components/layouts/dock-manager-customization.mdx
index ff3eee207c..8dc193952a 100644
--- a/docs/xplat/src/content/jp/components/layouts/dock-manager-customization.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/dock-manager-customization.mdx
@@ -5,6 +5,8 @@ keywords: dock manager, layout, customization, {ProductName}, ドック マネ
 license: commercial
 mentionedTypes: ["DockManager", "ContentPane"]
 _language: ja
+llms:
+  description: "Infragistics {Platform} Dock Manager コンポーネントは、特定のアプリケーション要件に合わせてレイアウトをさらにカスタマイズするために必要なプロパティを提供します。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/layouts/dock-manager-electron.mdx b/docs/xplat/src/content/jp/components/layouts/dock-manager-electron.mdx
index 1d74e94946..7a2cdc68a8 100644
--- a/docs/xplat/src/content/jp/components/layouts/dock-manager-electron.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/dock-manager-electron.mdx
@@ -5,6 +5,8 @@ keywords: dock manager, layout, {ProductName}, Infragistics, ドック マネー
 license: commercial
 _language: ja
 mentionedTypes: ["DockManager", "DocumentHost", "DockManagerLayout", "DockManagerPaneType", "ContentPane", "SplitPane", "TabGroupPane", "PinnedLocation", "PaneHeaderElement"]
+llms:
+  description: "インフラジスティックスの {Platform} ドック マネージャー コンポーネントは、複数ウィンドウの Electron デスクトップ アプリケーションで、各ウィンドウのレイアウトを管理したり、新しいウィンドウを作成するためにウィンドウの外側にペインをドラッグしたり、あるウィンドウから別のウィンドウにペインをドラッグアンドドロップしたりできます。"
 ---
 
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/layouts/dock-manager-embedding-frames.mdx b/docs/xplat/src/content/jp/components/layouts/dock-manager-embedding-frames.mdx
index 949112f681..b61a7d7bd2 100644
--- a/docs/xplat/src/content/jp/components/layouts/dock-manager-embedding-frames.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/dock-manager-embedding-frames.mdx
@@ -5,6 +5,8 @@ keywords: dock manager, embed frames, {ProductName}, Infragistics, ドック マ
 license: commercial
 _language: ja
 mentionedTypes: ["DockManager"]
+llms:
+  description: "Dock Manager コンポーネントは、ペインを使用してアプリケーションにインタラクティブなコンテンツを埋め込むためのレイアウトを提供します。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/layouts/dock-manager-updating-panes.mdx b/docs/xplat/src/content/jp/components/layouts/dock-manager-updating-panes.mdx
index f2289ff6c6..3eaf4ff731 100644
--- a/docs/xplat/src/content/jp/components/layouts/dock-manager-updating-panes.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/dock-manager-updating-panes.mdx
@@ -5,6 +5,8 @@ keywords: dock manager, layout, updating panes, {ProductName}, ドック マネ
 license: commercial
 _language: ja
 mentionedTypes: ["DockManager"]
+llms:
+  description: "Dock Manager コンポーネントは、エンドユーザーの操作に基づいて更新できるペインを使用して、アプリケーションでインタラクティブなコンテンツを作成するためのレイアウトを提供します。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/layouts/dock-manager.mdx b/docs/xplat/src/content/jp/components/layouts/dock-manager.mdx
index 41acc37796..11badd4c14 100644
--- a/docs/xplat/src/content/jp/components/layouts/dock-manager.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/dock-manager.mdx
@@ -5,6 +5,8 @@ keywords: dock manager, layout, {ProductName}, Infragistics, ドック マネー
 license: commercial
 _language: ja
 mentionedTypes: ["DockManager", "DocumentHost", "DockManagerLayout", "DockManagerPaneType", "ContentPane", "SplitPane", "TabGroupPane", "PinnedLocation", "PaneHeaderElement"]
+llms:
+  description: "Infragistics {Platform} Dock Manager は、ペインでアプリケーションのレイアウトを管理する方法を提供します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/layouts/expansion-panel.mdx b/docs/xplat/src/content/jp/components/layouts/expansion-panel.mdx
index 476dfd1418..27f5af31af 100644
--- a/docs/xplat/src/content/jp/components/layouts/expansion-panel.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/expansion-panel.mdx
@@ -6,6 +6,8 @@ license: MIT
 mentionedTypes: ["Infragistics.Controls.Layouts.Implementation.ExpansionPanel"]
 namespace: Infragistics.Controls
 _language: ja
+llms:
+  description: "{ProductName} 展開パネルは、縮小または展開の 2 つの状態で描画できる軽量のアコーディオン コンポーネントです。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/layouts/icon.mdx b/docs/xplat/src/content/jp/components/layouts/icon.mdx
index b91e083658..f5f5305c0a 100644
--- a/docs/xplat/src/content/jp/components/layouts/icon.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/icon.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widge
 license: MIT
 mentionedTypes: ["Icon"]
 _language: ja
+llms:
+  description: "{Platform} Icon コンポーネントを使用すると、フォントを簡単に表示したり、事前定義された SVG アイコンの大規模なセットから選択したりできます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/layouts/splitter.mdx b/docs/xplat/src/content/jp/components/layouts/splitter.mdx
index ba3c32ef01..9e7f0e30e2 100644
--- a/docs/xplat/src/content/jp/components/layouts/splitter.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/splitter.mdx
@@ -4,6 +4,8 @@ description: "{ProductName} スプリッター コンポーネントを使用し
 keywords: "スプリッター, 分割ペイン, サイズ変更可能なペイン, Web Components スプリッター, {Platform} スプリッター, {ProductName}"
 license: MIT
 mentionedTypes: ["Splitter"]
+llms:
+  description: "{ProductName} スプリッターは、コンテンツを start と end の 2 つの領域に分割する、サイズ変更可能な分割ペイン レイアウトを提供します。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/layouts/stepper.mdx b/docs/xplat/src/content/jp/components/layouts/stepper.mdx
index 1f867cb2c6..9d6d5a1580 100644
--- a/docs/xplat/src/content/jp/components/layouts/stepper.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/stepper.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Stepper, {ProductName}, Infragistics, {Platform} ステッ
 license: MIT
 mentionedTypes: ["Stepper"]
 _language: ja
+llms:
+  description: "{Platform} ステッパー コンポーネントは、ウィザードのようなワークフローを提供し、番号付きのステップの進行状況を示すために使用されます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/layouts/tabs.mdx b/docs/xplat/src/content/jp/components/layouts/tabs.mdx
index 09ad3be73f..7cdf1a5bef 100644
--- a/docs/xplat/src/content/jp/components/layouts/tabs.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/tabs.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform}, UI controls, web widgets, UI widgets, {Platform} Tabs Com
 license: MIT
 mentionedTypes: ["Tabs", "Tab", "Icon", "IconButton", "RadioGroup"]
 _language: ja
+llms:
+  description: "{Platform} タブは軽量で使いやすいコンポーネントで、対応するコンテンツをタブ形式または通常は水平に配置されたタブのコレクションで整理します。{"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/layouts/tile-manager.mdx b/docs/xplat/src/content/jp/components/layouts/tile-manager.mdx
index 89077167bb..9cfb382b75 100644
--- a/docs/xplat/src/content/jp/components/layouts/tile-manager.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/tile-manager.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Tile Manager, {ProductName}, Infragistics, UI controls, {P
 license: MIT
 mentionedTypes: ["TileManager", "Tile"]
 _language: ja
+llms:
+  description: "{ProductName} Tile Manager コンポーネントを使用すると、コンテンツを個々のタイルに表示できます。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/linear-gauge.mdx b/docs/xplat/src/content/jp/components/linear-gauge.mdx
index b017956363..fce6289c41 100644
--- a/docs/xplat/src/content/jp/components/linear-gauge.mdx
+++ b/docs/xplat/src/content/jp/components/linear-gauge.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["LinearGauge"]
 namespace: Infragistics.Controls.Gauges
 _language: ja
+llms:
+  description: "{ProductName} リニア ゲージ コンポーネントを使用すると、リニア ゲージの形式でデータを視覚化できます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/maps/map-api.mdx b/docs/xplat/src/content/jp/components/maps/map-api.mdx
index 15b62ad8c4..8cc64e636d 100644
--- a/docs/xplat/src/content/jp/components/maps/map-api.mdx
+++ b/docs/xplat/src/content/jp/components/maps/map-api.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["GeographicMap", "Series", "SeriesViewer", "GeographicSymbolSeries", "GeographicProportionalSymbolSeries", "GeographicShapeSeries", "GeographicHighDensityScatterSeries", "GeographicScatterAreaSeries", "GeographicContourLineSeries", "GeographicShapeSeriesBase"]
 namespace: Infragistics.Controls.Maps
 _language: ja
+llms:
+  description: "インフラジスティックスの {ProductName} マップは、マップ ビジュアルを構成およびスタイル設定するための便利な API を提供します。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/xplat/src/content/jp/components/menus/navbar.mdx b/docs/xplat/src/content/jp/components/menus/navbar.mdx
index c11902c23c..dc7012149e 100644
--- a/docs/xplat/src/content/jp/components/menus/navbar.mdx
+++ b/docs/xplat/src/content/jp/components/menus/navbar.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} navbar, {ProductName}, Infragistics, {Platform} ナビゲ
 license: MIT
 mentionedTypes: ["Navbar"]
 _language: ja
+llms:
+  description: "{Platform} Navbar は、アプリ内の現在の位置をユーザーに通知します。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/menus/navigation-drawer.mdx b/docs/xplat/src/content/jp/components/menus/navigation-drawer.mdx
index ed71896cc6..123a2d10c5 100644
--- a/docs/xplat/src/content/jp/components/menus/navigation-drawer.mdx
+++ b/docs/xplat/src/content/jp/components/menus/navigation-drawer.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} navbar, {ProductName}, Infragistics, {Platform} ナビゲ
 license: MIT
 mentionedTypes: ["NavDrawer"]
 _language: ja
+llms:
+  description: "{Platform} Navigation Drawer は、コンテンツ内で展開または縮小されることができるサイド ナビゲーションを提供します。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/menus/toolbar.mdx b/docs/xplat/src/content/jp/components/menus/toolbar.mdx
index 429483bc10..db34763947 100644
--- a/docs/xplat/src/content/jp/components/menus/toolbar.mdx
+++ b/docs/xplat/src/content/jp/components/menus/toolbar.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI コントロール, {Platform} ウィジェット,
 license: commercial
 mentionedTypes: ["Toolbar", "ToolAction", "DomainChart", "CategoryChart", "DataChart", "TrendLineType"]
 _language: ja
+llms:
+  description: "{Platform} ツールバー コンポーネントは、主にチャート コンポーネントで使用される UI 操作のコンパニオン コンテナーです。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/nextjs-usage.mdx b/docs/xplat/src/content/jp/components/nextjs-usage.mdx
index 32e9a193ef..21e12f6340 100644
--- a/docs/xplat/src/content/jp/components/nextjs-usage.mdx
+++ b/docs/xplat/src/content/jp/components/nextjs-usage.mdx
@@ -4,6 +4,8 @@ description: インフラジスティックスの {Platform} コンポーネン
 keywords: "{ProductName} Next.js, {ProductName} Components in Next.js, Infragistics, {ProductName} Next.js のコンポーネント, インフラジスティックス"
 mentionedTypes: []
 _language: ja
+llms:
+  description: "{ProductName} を Next.js プロジェクトにシームレスに統合する方法について説明します。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/notifications/banner.mdx b/docs/xplat/src/content/jp/components/notifications/banner.mdx
index fbc9dba15c..e70771d83c 100644
--- a/docs/xplat/src/content/jp/components/notifications/banner.mdx
+++ b/docs/xplat/src/content/jp/components/notifications/banner.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI controls, {Platform} widgets, web widgets, UI widge
 license: MIT
 mentionedTypes: ["Banner"]
 _language: ja
+llms:
+  description: "{ProductName} Banner コンポーネントは、スナックバーより長い時間の表示でダイアログより控えめのメッセージを簡単に表示できます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/notifications/dialog.mdx b/docs/xplat/src/content/jp/components/notifications/dialog.mdx
index 883b1e50f1..1a1e77ea21 100644
--- a/docs/xplat/src/content/jp/components/notifications/dialog.mdx
+++ b/docs/xplat/src/content/jp/components/notifications/dialog.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI コントロール, {Platform} ウィジェット,
 license: MIT
 _language: ja
 mentionedTypes: ["Dialog"]
+llms:
+  description: "{ProductName} Dialog コンポーネントは、情報を表示したり、ユーザーにアクションや確認を促すために使用されます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/notifications/snackbar.mdx b/docs/xplat/src/content/jp/components/notifications/snackbar.mdx
index e128bff087..6f79028df5 100644
--- a/docs/xplat/src/content/jp/components/notifications/snackbar.mdx
+++ b/docs/xplat/src/content/jp/components/notifications/snackbar.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI コントロール, {Platform} ウィジェット,
 license: MIT
 mentionedTypes: ["Snackbar"]
 _language: ja
+llms:
+  description: "{ProductName} Snackbar コンポーネントは、画面の下部に簡潔なメッセージを表示することにより、操作に関するフィードバックを提供するために使用されます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/notifications/toast.mdx b/docs/xplat/src/content/jp/components/notifications/toast.mdx
index 54c09c135d..3b2f6a00e2 100644
--- a/docs/xplat/src/content/jp/components/notifications/toast.mdx
+++ b/docs/xplat/src/content/jp/components/notifications/toast.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, UI コントロール, {Platform} ウィジェット,
 license: MIT
 mentionedTypes: ["Toast"]
 _language: ja
+llms:
+  description: "{Platform} Toast (トースト) は、変更されたレコードの状態をエンド ユーザーに通知するメッセージ コンテンツを表示するために使用される超軽量で小さなポップアップ コンポーネントです。{"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/radial-gauge.mdx b/docs/xplat/src/content/jp/components/radial-gauge.mdx
index 9e5b7ea595..2b7e08ad79 100644
--- a/docs/xplat/src/content/jp/components/radial-gauge.mdx
+++ b/docs/xplat/src/content/jp/components/radial-gauge.mdx
@@ -6,6 +6,8 @@ license: commercial
 mentionedTypes: ["RadialGauge", "RadialGaugeRange"]
 namespace: Infragistics.Controls.Gauges
 _language: ja
+llms:
+  description: "{Platform} Radial Gauge コンポーネントは、針、目盛り、範囲、ラベルなどの視覚要素をサポートし、定義済みの図形やスケールを表示できます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/scheduling/calendar.mdx b/docs/xplat/src/content/jp/components/scheduling/calendar.mdx
index 1af331ad7c..5884a34662 100644
--- a/docs/xplat/src/content/jp/components/scheduling/calendar.mdx
+++ b/docs/xplat/src/content/jp/components/scheduling/calendar.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Calendar, {Platform} カレンダー, {ProductName}, イ
 license: MIT
 mentionedTypes: ["Calendar", "DateRangeType", "DateRangeDescriptor"]
 _language: ja
+llms:
+  description: "{ProductName} Calendar コンポーネントは、軽量で構成が簡単です。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/scheduling/date-picker.mdx b/docs/xplat/src/content/jp/components/scheduling/date-picker.mdx
index 60f23bd9c3..b4c652f782 100644
--- a/docs/xplat/src/content/jp/components/scheduling/date-picker.mdx
+++ b/docs/xplat/src/content/jp/components/scheduling/date-picker.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Date Picker, {ProductName}, Infragistics, {Platform} 日
 license: MIT
 mentionedTypes: ["DatePicker"]
 _language: ja
+llms:
+  description: "{ProductName} Date Picker は、手動でテキストを入力して日付を入力するか、ポップアップするカレンダー ダイアログから日付値を選択するために使用される機能豊富なコンポーネントです。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/scheduling/date-range-picker.mdx b/docs/xplat/src/content/jp/components/scheduling/date-range-picker.mdx
index ec6c8ccad6..5dc30f9e6b 100644
--- a/docs/xplat/src/content/jp/components/scheduling/date-range-picker.mdx
+++ b/docs/xplat/src/content/jp/components/scheduling/date-range-picker.mdx
@@ -5,6 +5,8 @@ keywords: "{Platform} Date Range Picker, {ProductName}, Infragistics, {Platform}
 license: MIT
 mentionedTypes: ["DateRangePicker"]
 _language: ja
+llms:
+  description: "{ProductName} Date Range Picker は、テキスト入力とカレンダー ポップアップを含む軽量なコンポーネントで、ユーザーが開始日と終了日を簡単に選択できます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/spreadsheet-activation.mdx b/docs/xplat/src/content/jp/components/spreadsheet-activation.mdx
index f93b37e731..db1e2a276b 100644
--- a/docs/xplat/src/content/jp/components/spreadsheet-activation.mdx
+++ b/docs/xplat/src/content/jp/components/spreadsheet-activation.mdx
@@ -10,6 +10,8 @@ _keywords: Excel Spreadsheet, activation, {ProductName}, Infragistics
 _license: commercial
 
 
+llms:
+  description: "{Platform} Spreadsheet コンポーネントは、コントロールで現在アクティブなセル、ペイン、およびワークシートを決定できるプロパティを公開します。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/spreadsheet-chart-adapter.mdx b/docs/xplat/src/content/jp/components/spreadsheet-chart-adapter.mdx
index b7e9ca6e74..dddcd33705 100644
--- a/docs/xplat/src/content/jp/components/spreadsheet-chart-adapter.mdx
+++ b/docs/xplat/src/content/jp/components/spreadsheet-chart-adapter.mdx
@@ -5,6 +5,8 @@ keywords: Excel Spreadsheet, chart adapter, {ProductName}, Infragistics, Excel 
 license: commercial
 mentionedTypes: ["Spreadsheet", "Worksheet", "WorksheetShapeCollection", "WorksheetChart"]
 _language: ja
+llms:
+  description: "{Platform} Spreadsheet コンポーネントを使用して Spreadsheet にチャートを表示できます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/spreadsheet-clipboard.mdx b/docs/xplat/src/content/jp/components/spreadsheet-clipboard.mdx
index 924dd5b998..d287cbbc0f 100644
--- a/docs/xplat/src/content/jp/components/spreadsheet-clipboard.mdx
+++ b/docs/xplat/src/content/jp/components/spreadsheet-clipboard.mdx
@@ -5,6 +5,8 @@ keywords: Spreadsheet, clipboard operations, {ProductName}, Infragistics, スプ
 license: commercial
 mentionedTypes: ["Spreadsheet", "SpreadsheetAction", "SpreadsheetCommandType", "Command"]
 _language: ja
+llms:
+  description: "次のコード スニペットは、{Platform} Spreadsheet コントロールでクリップボードに関連するコマンドを実行する方法を示しています。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/spreadsheet-commands.mdx b/docs/xplat/src/content/jp/components/spreadsheet-commands.mdx
index 1eb9520596..c2d1ace4b0 100644
--- a/docs/xplat/src/content/jp/components/spreadsheet-commands.mdx
+++ b/docs/xplat/src/content/jp/components/spreadsheet-commands.mdx
@@ -5,6 +5,8 @@ keywords: Spreadsheet, commands, {ProductName}, Infragistics, スプレッドシ
 license: commercial
 mentionedTypes: ["Spreadsheet", "SpreadsheetAction"]
 _language: ja
+llms:
+  description: "{Platform} Spreadsheet コンポーネントは、スプレッドシートのさまざまな機能をアクティブにするためのコマンドを実行できます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/spreadsheet-conditional-formatting.mdx b/docs/xplat/src/content/jp/components/spreadsheet-conditional-formatting.mdx
index c0546d8074..717dea2e29 100644
--- a/docs/xplat/src/content/jp/components/spreadsheet-conditional-formatting.mdx
+++ b/docs/xplat/src/content/jp/components/spreadsheet-conditional-formatting.mdx
@@ -5,6 +5,8 @@ keywords: Spreadsheet, conditional formatting, {ProductName}, Infragistics, Work
 license: commercial
 mentionedTypes: ["Spreadsheet", "ConditionalFormatCollection", "WorksheetCell", "Worksheet", "IWorksheetCellFormat"]
 _language: ja
+llms:
+  description: "{Platform} Spreadsheet コンポーネントは、ワークシートのセルに条件付き書式を設定できます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/spreadsheet-configuring.mdx b/docs/xplat/src/content/jp/components/spreadsheet-configuring.mdx
index 6d2226406f..c3da6d5ba9 100644
--- a/docs/xplat/src/content/jp/components/spreadsheet-configuring.mdx
+++ b/docs/xplat/src/content/jp/components/spreadsheet-configuring.mdx
@@ -5,6 +5,8 @@ keywords: Excel Spreadsheet, {ProductName}, Infragistics, Excel スプレッド
 license: commercial
 mentionedTypes: ["Spreadsheet"]
 _language: ja
+llms:
+  description: "{Platform} Spreadsheet コンポネントは、セルの編集、グリッド線とヘッダーの表示、保護、ズーム レベル、および Excel ワークシートに関連するその他のさまざまなプロパティなど、コントロールのさまざまな側面を設定できます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/spreadsheet-data-validation.mdx b/docs/xplat/src/content/jp/components/spreadsheet-data-validation.mdx
index c97e642d16..c35442f63f 100644
--- a/docs/xplat/src/content/jp/components/spreadsheet-data-validation.mdx
+++ b/docs/xplat/src/content/jp/components/spreadsheet-data-validation.mdx
@@ -5,6 +5,8 @@ keywords: Excel Spreadsheet, data validation, {ProductName}, Infragistics, Excel
 license: commercial
 _language: ja
 mentionedTypes: ["Spreadsheet"]
+llms:
+  description: "インフラジスティックスの {Platform} スプレッドシート コントロールを使用して、組み込みのデータ検証を設定します。{"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/spreadsheet-hyperlinks.mdx b/docs/xplat/src/content/jp/components/spreadsheet-hyperlinks.mdx
index 46c92264e2..236a628e34 100644
--- a/docs/xplat/src/content/jp/components/spreadsheet-hyperlinks.mdx
+++ b/docs/xplat/src/content/jp/components/spreadsheet-hyperlinks.mdx
@@ -5,6 +5,8 @@ keywords: Excel Spreadsheet, hyperlinks, {ProductName}, Infragistics, Excel ス
 license: commercial
 mentionedTypes: ["Spreadsheet"]
 _language: ja
+llms:
+  description: "{Platform} Spreadsheet コンポーネントは、Excel ワークブックに既存のハイパーリンクを表示、Web サイト、ファイル ディレクトリ、およびワークブック内の他のワークシートにリンクできる新しいハイパーリンクを挿入できます。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/spreadsheet-overview.mdx b/docs/xplat/src/content/jp/components/spreadsheet-overview.mdx
index 166d5ec4c8..214aa4d1cf 100644
--- a/docs/xplat/src/content/jp/components/spreadsheet-overview.mdx
+++ b/docs/xplat/src/content/jp/components/spreadsheet-overview.mdx
@@ -5,6 +5,8 @@ license: commercial
 keywords: Excel Spreadsheet, {ProductName}, Infragistics, Excel スプレッドシート, インフラジスティックス
 _language: ja
 mentionedTypes: ["Spreadsheet"]
+llms:
+  description: "{Platform} Spreadsheet (Excel ビューア) コンポーネントは軽量で機能が豊富で、科学、ビジネス、財務など、あらゆる種類のスプレッドシート データを操作、視覚化、編集するために必要なすべてのオプションが用意されています。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/themes/configuration.mdx b/docs/xplat/src/content/jp/components/themes/configuration.mdx
index d81cb5196c..fd9ef8eb0a 100644
--- a/docs/xplat/src/content/jp/components/themes/configuration.mdx
+++ b/docs/xplat/src/content/jp/components/themes/configuration.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, Infragistics, Themes, Styling, インフラジステ
 license: MIT
 mentionedTypes: ["ConfigureTheme"]
 _language: ja
+llms:
+  description: "{ProductName} のテーマは、さまざまな CSS 変数を変更することでカスタマイズできます。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/xplat/src/content/jp/components/themes/elevations.mdx b/docs/xplat/src/content/jp/components/themes/elevations.mdx
index cd1619feb9..89d039c445 100644
--- a/docs/xplat/src/content/jp/components/themes/elevations.mdx
+++ b/docs/xplat/src/content/jp/components/themes/elevations.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, Infragistics, Elevations, Styling, インフラジス
 license: MIT
 mentionedTypes: []
 _language: ja
+llms:
+  description: "{ProductName} のエレベーションの実装は、マテリアル デザインでのエレベーション (英語) をモデルにしています。"
 ---
 
 
diff --git a/docs/xplat/src/content/jp/components/themes/overview.mdx b/docs/xplat/src/content/jp/components/themes/overview.mdx
index f73b4cfd5f..2aceccda84 100644
--- a/docs/xplat/src/content/jp/components/themes/overview.mdx
+++ b/docs/xplat/src/content/jp/components/themes/overview.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, インフラジスティックス, テーマ, スタ
 license: MIT
 mentionedTypes: ["ConfigureTheme"]
 _language: ja
+llms:
+  description: "{ProductName} には、Bootstrap、Material、Fluent、Indigo の 4 つの異なるテーマが付属しています。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/themes/palettes.mdx b/docs/xplat/src/content/jp/components/themes/palettes.mdx
index 22ba59aa7f..72c94e3e2a 100644
--- a/docs/xplat/src/content/jp/components/themes/palettes.mdx
+++ b/docs/xplat/src/content/jp/components/themes/palettes.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, Infragistics, Palettes, Styling, インフラジステ
 license: MIT
 mentionedTypes: []
 _language: ja
+llms:
+  description: "{ProductName} のパレットでは、8 つの基本色 (primary、secondary、surface、gray、info、success、warn、error) に対して、80 を超えるカラー バリエーションが CSS 変数として提供されます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 
diff --git a/docs/xplat/src/content/jp/components/themes/styles.mdx b/docs/xplat/src/content/jp/components/themes/styles.mdx
index dcfe46987e..b30530d2f6 100644
--- a/docs/xplat/src/content/jp/components/themes/styles.mdx
+++ b/docs/xplat/src/content/jp/components/themes/styles.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, Infragistics, Themes, Styling, インフラジステ
 license: MIT
 mentionedTypes: ["ConfigureTheme"]
 _language: ja
+llms:
+  description: "{ProductName} コンポーネントを使用すると、ユーザーは CSS 変数と CSS パーツを公開することで、スタイル シートのさまざまなパーツを変更できます。"
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/themes/tailwind.mdx b/docs/xplat/src/content/jp/components/themes/tailwind.mdx
index 3214cf3f9e..f52dd89a2f 100644
--- a/docs/xplat/src/content/jp/components/themes/tailwind.mdx
+++ b/docs/xplat/src/content/jp/components/themes/tailwind.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, Infragistics, Themes, Styling, Tailwind CSS, custom CS
 license: MIT
 mentionedTypes: ["ConfigureTheme"]
 _language: ja
+llms:
+  description: "Ignite UI for WebComponents は、CSS 変数を通じて完全なテーマ カスタマイズを提供します。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/themes/typography.mdx b/docs/xplat/src/content/jp/components/themes/typography.mdx
index e765d1e125..ad2420e4a7 100644
--- a/docs/xplat/src/content/jp/components/themes/typography.mdx
+++ b/docs/xplat/src/content/jp/components/themes/typography.mdx
@@ -5,6 +5,8 @@ keywords: "{ProductName}, Infragistics, Typography, Styling, インフラジス
 license: MIT
 mentionedTypes: []
 _language: ja
+llms:
+  description: "{ProductName} のタイポグラフィは、マテリアル タイプ システム (英語) をモデルにしています。"
 ---
 
 
diff --git a/docs/xplat/src/content/jp/components/update-guide.mdx b/docs/xplat/src/content/jp/components/update-guide.mdx
index d18d028072..dd6fb0bcf0 100644
--- a/docs/xplat/src/content/jp/components/update-guide.mdx
+++ b/docs/xplat/src/content/jp/components/update-guide.mdx
@@ -4,6 +4,8 @@ description: Ignite UI for React ライブラリの新しいバージョンに
 keywords: ignite ui for react, update, npm package, material components, アップデート, npm パッケージ, マテリアル コンポーネント
 mentionedTypes: ["Input", "Button"]
 _language: ja
+llms:
+  description: "Ignite UI for React バージョニング は、最初の数字がコードがサポートする React のメジャー バージョンで、2 番目の数字はメジャー バージョン リリースの数字です。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/zoomslider-overview.mdx b/docs/xplat/src/content/jp/components/zoomslider-overview.mdx
index c2f7e9b0e5..544c722add 100644
--- a/docs/xplat/src/content/jp/components/zoomslider-overview.mdx
+++ b/docs/xplat/src/content/jp/components/zoomslider-overview.mdx
@@ -5,6 +5,8 @@ keywords: zoom slider, {ProductName}, Infragistics, data chart, ズームスラ
 license: commercial
 mentionedTypes: ["ZoomSlider", "DataChart"]
 _language: ja
+llms:
+  description: "{Platform} ZoomSlider コントロールは、範囲対応コントロールにズーム機能を提供します。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/migration.md b/migration.md
index 16226a6451..8fa15a6649 100644
--- a/migration.md
+++ b/migration.md
@@ -88,6 +88,7 @@ Rename every file from `.md` to `.mdx`. The content stays mostly the same — MD
 | Description | `_description:` | `description:` |
 | Keywords | `_keywords:` | `keywords:` |
 | License | `_license:` | `license:` |
+| LLM summary | none or existing value | `llms.description:` |
 | Language | `_language: ja` | `_language: ja` *(unchanged)* |
 | Schema / `last_updated` | kept as-is | kept as-is |
 | `mentionedTypes` | kept as-is | kept as-is |
@@ -111,9 +112,19 @@ title: Angular Card Component
 description: With Angular Card…
 keywords: Angular Card component, …
 license: MIT
+llms:
+  description: Configure the Angular Card layout, media, actions, styling, and accessibility for application content.
 ---
 ```
 
+`llms.description` is required for every English and Japanese topic. It supplies the page summary in `llms.txt`, so write a specific one-sentence account of the component or feature and the tasks covered. Do not copy marketing calls to action from `description`. For shared xplat topics, build tokens such as `{Platform}` and `{ComponentTitle}` are allowed.
+
+Validate migrated metadata with the read-only check:
+
+```bash
+npm run check:llms-metadata
+```
+
 ---
 
 ## 5. Links
@@ -564,6 +575,7 @@ Use this checklist when creating a new MDX page in either `angular` or `xplat`.
 
 - [ ] **File**: create `<name>.mdx` (not `.md`) in the correct `src/content/<lang>/components/` subfolder
 - [ ] **Frontmatter**: use `description:`, `keywords:`, `license:` (no leading underscore)
+- [ ] **LLM metadata**: add a specific `llms.description` to every English and Japanese frontmatter block
 - [ ] **Imports**: add all component imports immediately after the frontmatter closing `---`
 - [ ] **Sample**: use `<Sample src="…" height={…} alt="…" />` — no `<code-view>` or backtick macro
 - [ ] **Images**: import with ES `import`, use `<Image>` from `astro:assets`; filenames must be lowercase-extension
@@ -573,3 +585,4 @@ Use this checklist when creating a new MDX page in either `angular` or `xplat`.
 - [ ] **Internal links**: root-relative, no `.mdx` extension, no `.md` extension
 - [ ] **TOC**: add an entry to `toc.json` with `.mdx` extension in `href`
 - [ ] **`mentionedTypes`** (xplat): list at least one component class name in frontmatter
+- [ ] **Validation**: run `npm run check:llms-metadata`
diff --git a/package.json b/package.json
index 7046f3c9b2..aab2f745bb 100644
--- a/package.json
+++ b/package.json
@@ -113,7 +113,8 @@
     "lint:md": "markdownlint \"docs/**/*.mdx\" \"docs/**/*.md\"",
     "lint:md:fix": "markdownlint --fix \"docs/**/*.mdx\" \"docs/**/*.md\"",
     "spellcheck": "cspell \"docs/**/*.mdx\" \"docs/**/*.md\" --no-progress",
-    "verify": "npm run spellcheck && npm run lint:md",
+    "check:llms-metadata": "node scripts/check-llms-metadata.mjs",
+    "verify": "npm run check:llms-metadata && npm run spellcheck && npm run lint:md",
     "check-api-links": "node scripts/check-api-links.mjs",
     "check-api-links:angular": "node scripts/check-api-links.mjs --platform=angular",
     "check-api-links:react": "node scripts/check-api-links.mjs --platform=react",
diff --git a/src/llms.ts b/src/llms.ts
index cc3aa7c25f..bc9a306f28 100644
--- a/src/llms.ts
+++ b/src/llms.ts
@@ -201,7 +201,11 @@ const GENERIC_WORDS = new Set([
 ]);
 
 function isGeneric(label: string): boolean {
-    return GENERIC_WORDS.has(label) || [...GENERIC_WORDS].some(w => label.startsWith(w + ' '));
+    if (GENERIC_WORDS.has(label)) return true;
+    // Labels with 5+ words already carry enough specificity on their own.
+    // e.g. "Getting Started with Ignite UI for Angular Schematics" should not inherit a parent prefix.
+    if (label.split(/\s+/).length > 4) return false;
+    return [...GENERIC_WORDS].some(w => label.startsWith(w + ' '));
 }
 
 /** Strips a leading `"<prefix> "` from label if present, avoiding "Editing Editing Overview". */
@@ -248,6 +252,12 @@ function buildLabel(label: string, ancestorPath: string[], broadSections: Readon
         return `${component} ${subsection} ${deduped}`;
     }
 
+    // Avoid "Data Grid Grid with Cascading Combos" when the label already starts
+    // with the last word of the component name.
+    const componentLastWord = component.split(/\s+/).pop() ?? '';
+    if (componentLastWord && label.toLowerCase().startsWith(componentLastWord.toLowerCase() + ' ')) {
+        return label;
+    }
     return `${component} ${label}`;
 }
 

From b3f968af5188fdc2978fd286dace84f4f25419af Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Tue, 23 Jun 2026 16:34:29 +0300
Subject: [PATCH 07/15] Add check-llms-metadata.mjs

---
 scripts/check-llms-metadata.mjs | 161 ++++++++++++++++++++++++++++++++
 1 file changed, 161 insertions(+)
 create mode 100644 scripts/check-llms-metadata.mjs

diff --git a/scripts/check-llms-metadata.mjs b/scripts/check-llms-metadata.mjs
new file mode 100644
index 0000000000..f78d58d424
--- /dev/null
+++ b/scripts/check-llms-metadata.mjs
@@ -0,0 +1,161 @@
+import { execFile } from 'node:child_process';
+import { readFile } from 'node:fs/promises';
+import path from 'node:path';
+import process from 'node:process';
+import { promisify } from 'node:util';
+
+const ROOT = process.cwd();
+const CONTENT_ROOTS = [
+    'docs/angular/src/content/en',
+    'docs/angular/src/content/jp',
+    'docs/xplat/src/content/en',
+    'docs/xplat/src/content/jp'
+];
+
+const execFileAsync = promisify(execFile);
+const FRONTMATTER = /^---[ \t]*\r?\n([\s\S]*?)^---[ \t]*(?:\r?\n|$)/gm;
+const MOJIBAKE = /(?:\u00e2\u20ac|\u00c2|\u00c3|\ufffd)/;
+const MARKETING = /\b(?:try it(?: now)?|try it for free|check out (?:our )?examples and demos)\b/i;
+const GENERIC_OPENING = /^(?:the following|this (?:example|topic|section)|in this example|below\b|here,)/i;
+const JAPANESE_TEXT = /[\u3040-\u30ff\u3400-\u9fff]/;
+
+async function findTopicFiles() {
+    const { stdout } = await execFileAsync('git', [
+        'ls-files', '--cached', '--others', '--exclude-standard', '--', ...CONTENT_ROOTS
+    ], { cwd: ROOT, maxBuffer: 10 * 1024 * 1024 });
+
+    return stdout.split(/\r?\n/)
+        .filter((file) => /\.mdx?$/.test(file))
+        .map((file) => path.join(ROOT, file));
+}
+
+function findMetadataBlocks(source) {
+    const withoutBom = source.replace(/^\uFEFF/, '');
+    if (withoutBom.startsWith('---')) {
+        FRONTMATTER.lastIndex = 0;
+        const first = FRONTMATTER.exec(withoutBom);
+        return first ? [first] : [];
+    }
+
+    if (!withoutBom.startsWith('<ComponentBlock')) return [];
+    const firstImport = withoutBom.search(/^import\s/m);
+    const metadataRegion = firstImport === -1 ? withoutBom : withoutBom.slice(0, firstImport);
+    FRONTMATTER.lastIndex = 0;
+    return [...metadataRegion.matchAll(FRONTMATTER)];
+}
+
+function decodeDescription(value) {
+    const trimmed = value.trim();
+    if (trimmed.startsWith('"')) {
+        try {
+            return JSON.parse(trimmed);
+        } catch {
+            return null;
+        }
+    }
+    if (trimmed.startsWith("'") && trimmed.endsWith("'")) {
+        return trimmed.slice(1, -1).replace(/''/g, "'");
+    }
+    return trimmed.replace(/\s+#.*$/, '').trim();
+}
+
+function inspectDescription(description, locale) {
+    const issues = [];
+    const minimumLength = locale === 'jp' ? 20 : 40;
+
+    if (description.length < minimumLength) issues.push(`is too short (${description.length} characters; minimum ${minimumLength})`);
+    if (description.length > 300) issues.push(`is too long (${description.length} characters; maximum 300)`);
+    if (MOJIBAKE.test(description)) issues.push('contains mojibake or a replacement character');
+    if (MARKETING.test(description)) issues.push('contains marketing call-to-action boilerplate');
+    if (/\bS(?:Start|Handle)\b/.test(description)) issues.push('contains a stray leading "S"');
+    if (GENERIC_OPENING.test(description)) issues.push('starts with generic page-oriented wording');
+    if (/<[^>]+>|\[[^\]]+\]\([^)]+\)/.test(description)) issues.push('contains HTML or a Markdown link');
+    if (/(?:,\.|;\.|:\.|\.\.\.)|:\s*$/.test(description)) issues.push('contains suspicious punctuation');
+    if (locale === 'jp' && !JAPANESE_TEXT.test(description)) issues.push('does not contain Japanese text');
+
+    return issues;
+}
+
+function inspectFrontmatter(file, source, body, blockStart, locale, report) {
+    const lines = body.split(/\r?\n/);
+    const llmsIndexes = lines.flatMap((line, index) => /^llms:\s*(?:#.*)?$/.test(line) ? [index] : []);
+    const baseLine = source.slice(0, blockStart).split(/\r?\n/).length;
+
+    if (llmsIndexes.length === 0) {
+        report(file, baseLine, 'missing llms.description');
+        return;
+    }
+    if (llmsIndexes.length > 1) {
+        report(file, baseLine + llmsIndexes[1] + 1, 'contains more than one llms block');
+        return;
+    }
+
+    const llmsIndex = llmsIndexes[0];
+    let descriptionLine = -1;
+    for (let index = llmsIndex + 1; index < lines.length; index += 1) {
+        if (/^\S/.test(lines[index])) break;
+        if (/^[ \t]+description:/.test(lines[index])) {
+            descriptionLine = index;
+            break;
+        }
+    }
+
+    if (descriptionLine === -1) {
+        report(file, baseLine + llmsIndex + 1, 'missing llms.description');
+        return;
+    }
+
+    const rawValue = lines[descriptionLine].replace(/^[ \t]+description:\s*/, '');
+    if (!rawValue || /^[>|]/.test(rawValue)) {
+        report(file, baseLine + descriptionLine + 1, 'llms.description must be a nonempty single-line scalar');
+        return;
+    }
+
+    const description = decodeDescription(rawValue);
+    if (description === null) {
+        report(file, baseLine + descriptionLine + 1, 'llms.description has invalid quoting');
+        return;
+    }
+    if (!description.trim()) {
+        report(file, baseLine + descriptionLine + 1, 'llms.description is empty');
+        return;
+    }
+
+    for (const issue of inspectDescription(description, locale)) {
+        report(file, baseLine + descriptionLine + 1, `llms.description ${issue}`);
+    }
+}
+
+const problems = [];
+let fileCount = 0;
+let frontmatterCount = 0;
+
+const files = await findTopicFiles();
+for (const file of files) {
+    const normalizedFile = file.replaceAll('\\', '/');
+    const locale = normalizedFile.includes('/content/jp/') ? 'jp' : 'en';
+    fileCount += 1;
+    const source = await readFile(file, 'utf8');
+    const matches = findMetadataBlocks(source);
+    const relativeFile = path.relative(ROOT, file).replaceAll('\\', '/');
+
+    if (matches.length === 0) {
+        problems.push({ file: relativeFile, line: 1, message: 'missing YAML frontmatter and llms.description' });
+        continue;
+    }
+
+    frontmatterCount += matches.length;
+    for (const match of matches) {
+        inspectFrontmatter(relativeFile, source, match[1], match.index, locale, (problemFile, line, message) => {
+            problems.push({ file: problemFile, line, message });
+        });
+    }
+}
+
+if (problems.length > 0) {
+    console.error(`LLM metadata validation failed with ${problems.length} problem${problems.length === 1 ? '' : 's'}:\n`);
+    for (const problem of problems) console.error(`${problem.file}:${problem.line} - ${problem.message}`);
+    process.exitCode = 1;
+} else {
+    console.log(`LLM metadata validation passed: ${frontmatterCount} frontmatter blocks in ${fileCount} English and Japanese topic files.`);
+}

From 2a3fa4a5ea78f62fa40e5d8f9e768634fce016ec Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Tue, 23 Jun 2026 16:35:00 +0300
Subject: [PATCH 08/15] adding llms to the CSpell allow-list

---
 cspell.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/cspell.json b/cspell.json
index 0d6fc29b65..1d47e03df7 100644
--- a/cspell.json
+++ b/cspell.json
@@ -269,6 +269,7 @@
     "junie",
     "xplat",
     "agentic",
+    "llms",
     "astro",
     "mdx",
     "frontmatter",

From 08876e70f1a296e235aee591bdd51cca3216d548 Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Tue, 23 Jun 2026 19:07:36 +0300
Subject: [PATCH 09/15] ix(llms): clean llms.txt descriptions and localize JP
 manifest metadata
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Description fixes in MDX source files:
- Replace dash-prefixed API-list and changelog-fragment llms.description
  values with proper prose sentences (6 files: map-api EN/xplat, slider-ticks
  EN/JP, general-changelog-dv-react/wc JP)
- Remove stray trailing `{` from 14 JP llms.description fields (partial
  copy-paste of a template token)
- Fix AI toolchain description in xplat JP to use {ProductName} instead of
  hardcoded platform list (was incorrect for Blazor JP)
- Fix toc.json typo: チャートのテータ注釈 → チャートのデータ注釈

llms.ts / buildLlmsTxt localization:
- Add JP navigation-bucket labels to IGDOCS_BROAD_SECTIONS so 概要 and
  other JP toc headers are stripped from label prefixes (fixes "概要 ... Overview"
  double-label in angular-jp llms.txt)
- Add LLMS_TXT_STRINGS map with JP translations for the Documentation sets
  section heading and the two built-in doc-set links
- Add navLang and localizedDescription parameters to buildLlmsTxt so JP
  builds emit localized header blockquote and section labels

integration.ts / astro configs:
- Thread localizedDescription through CreateDocsSiteOptions → createDocsSite
  → siteMetaIntegration → buildLlmsTxt
- Supply JP localizedDescription in docs/angular/astro.config.ts and
  docs/xplat/astro.config.ts (per-platform JP descriptions)
- Make diagnosticSourceCandidates async (fsp.access instead of fs.existsSync)
  and replace hardcoded grid-type regex with generic segment-based lookup
---
 docs/angular/astro.config.ts                  |  1 +
 .../content/en/components/maps/map-api.mdx    |  2 +-
 .../en/components/slider/slider-ticks.mdx     |  2 +-
 .../jp/components/slider/slider-ticks.mdx     |  2 +-
 docs/xplat/astro.config.ts                    |  8 +++
 .../content/en/components/maps/map-api.mdx    |  2 +-
 .../ai/ai-assisted-development-overview.mdx   |  2 +-
 .../components/general-changelog-dv-react.mdx |  2 +-
 .../jp/components/general-changelog-dv-wc.mdx |  2 +-
 .../geo-map-resources-world-locations.mdx     |  2 +-
 .../geo-map-resources-world-util.mdx          |  2 +-
 .../_shared/conditional-cell-styling.mdx      |  2 +-
 .../jp/components/grids/_shared/editing.mdx   |  2 +-
 .../jp/components/grids/_shared/filtering.mdx |  2 +-
 .../grids/_shared/multi-column-headers.mdx    |  2 +-
 .../components/grids/_shared/row-adding.mdx   |  2 +-
 .../grids/_shared/row-selection.mdx           |  2 +-
 .../jp/components/grids/_shared/sizing.mdx    |  2 +-
 .../jp/components/grids/_shared/summaries.mdx |  2 +-
 .../jp/components/grids/_shared/toolbar.mdx   |  2 +-
 .../src/content/jp/components/grids/tree.mdx  |  2 +-
 .../content/jp/components/layouts/tabs.mdx    |  2 +-
 .../jp/components/notifications/toast.mdx     |  2 +-
 .../spreadsheet-data-validation.mdx           |  2 +-
 docs/xplat/src/content/jp/toc.json            |  2 +-
 src/integration.ts                            | 11 +++-
 src/llms.ts                                   | 53 +++++++++++++++++--
 27 files changed, 91 insertions(+), 28 deletions(-)

diff --git a/docs/angular/astro.config.ts b/docs/angular/astro.config.ts
index f97a661c80..9794515960 100644
--- a/docs/angular/astro.config.ts
+++ b/docs/angular/astro.config.ts
@@ -55,6 +55,7 @@ export default createDocsSite({
 	base: mode !== 'development' ? base : undefined,
 	title: 'Ignite UI for Angular',
 	description: 'Component and API reference docs for Ignite UI for Angular.',
+	localizedDescription: docsLang === 'jp' ? 'Ignite UI for Angular のコンポーネントと API リファレンス ドキュメントです。' : undefined,
 	platform: 'angular',
 	navLang: docsLang,
 	mode,
diff --git a/docs/angular/src/content/en/components/maps/map-api.mdx b/docs/angular/src/content/en/components/maps/map-api.mdx
index 9e4efe18b5..9e7479168b 100644
--- a/docs/angular/src/content/en/components/maps/map-api.mdx
+++ b/docs/angular/src/content/en/components/maps/map-api.mdx
@@ -6,7 +6,7 @@ license: commercial
 mentionedTypes: ["GeographicMap", "Series", "SeriesViewer", "GeographicSymbolSeries", "GeographicProportionalSymbolSeries", "GeographicShapeSeries", "GeographicHighDensityScatterSeries", "GeographicScatterAreaSeries", "GeographicContourLineSeries", "GeographicShapeSeriesBase"]
 namespace: Infragistics.Controls.Maps
 llms:
-  description: "- Zoomable - ZoomToGeographic - WorldRect - WindowRect - WindowScale - GetGeographicFromZoom - GetGeographicPoint - GetPixelPoint"
+  description: "API reference for the Angular Geographic Map component covering zoom and viewport management (WorldRect, WindowRect, WindowScale), geographic coordinate conversion (GetGeographicPoint, GetPixelPoint, GetGeographicFromZoom), and the Zoomable interface."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/angular/src/content/en/components/slider/slider-ticks.mdx b/docs/angular/src/content/en/components/slider/slider-ticks.mdx
index eea11a2cdd..0c989db8e9 100644
--- a/docs/angular/src/content/en/components/slider/slider-ticks.mdx
+++ b/docs/angular/src/content/en/components/slider/slider-ticks.mdx
@@ -4,7 +4,7 @@ description: Learn how to configure the Ignite UI for Angular slider tick marks,
 keywords: tick marks, igniteui for angular, infragistics
 license: MIT
 llms:
-  description: "- Slider - IgxSliderComponent Styles - IRangeSliderValue - SliderType"
+  description: "API reference for Angular Slider tick marks configuration, covering IgxSliderComponent styles, IRangeSliderValue for range sliders, and the SliderType enum."
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/slider/slider-ticks.mdx b/docs/angular/src/content/jp/components/slider/slider-ticks.mdx
index 5e406590dc..5be2e17667 100644
--- a/docs/angular/src/content/jp/components/slider/slider-ticks.mdx
+++ b/docs/angular/src/content/jp/components/slider/slider-ticks.mdx
@@ -5,7 +5,7 @@ keywords: 目盛り, igniteui for angular, インフラジスティックス
 license: MIT
 _language: ja
 llms:
-  description: "- Slider - IgxSliderComponent スタイル - IRangeSliderValue - SliderType"
+  description: "Angular Slider コンポーネントの目盛り設定の API リファレンス。IgxSliderComponent スタイル、IRangeSliderValue (範囲スライダー値)、SliderType 列挙型を含みます。"
 ---
 
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/astro.config.ts b/docs/xplat/astro.config.ts
index 0f2866b008..8fb941b8e9 100644
--- a/docs/xplat/astro.config.ts
+++ b/docs/xplat/astro.config.ts
@@ -56,6 +56,13 @@ const PLATFORM_META: Record<string, { title: string; description: string }> = {
     Blazor:        { title: 'Ignite UI for Blazor',        description: 'Reference docs for Ignite UI for Blazor.'        },
 };
 
+const PLATFORM_META_JP: Record<string, string> = {
+    Angular:       'Ignite UI for Angular のコンポーネントと API リファレンス ドキュメントです。',
+    React:         'Ignite UI for React のコンポーネントと API リファレンス ドキュメントです。',
+    WebComponents: 'Ignite UI for Web Components のコンポーネントと API リファレンス ドキュメントです。',
+    Blazor:        'Ignite UI for Blazor のコンポーネントと API リファレンス ドキュメントです。',
+};
+
 const PLATFORM_KEY: Record<string, string> = {
     Angular: 'angular', React: 'react', WebComponents: 'web-components', Blazor: 'blazor',
 };
@@ -336,6 +343,7 @@ export default createDocsSite({
     base: mode !== 'development' ? p.base : undefined,
     title: p.title,
     description: p.description,
+    localizedDescription: lang === 'jp' ? PLATFORM_META_JP[platform] : undefined,
     platform: p.key,
     navLang: lang,
     mode,
diff --git a/docs/xplat/src/content/en/components/maps/map-api.mdx b/docs/xplat/src/content/en/components/maps/map-api.mdx
index 07275be4bf..2fff125cfd 100644
--- a/docs/xplat/src/content/en/components/maps/map-api.mdx
+++ b/docs/xplat/src/content/en/components/maps/map-api.mdx
@@ -6,7 +6,7 @@ license: commercial
 mentionedTypes: ["GeographicMap", "Series", "SeriesViewer", "GeographicSymbolSeries", "GeographicProportionalSymbolSeries", "GeographicShapeSeries", "GeographicHighDensityScatterSeries", "GeographicScatterAreaSeries", "GeographicContourLineSeries", "GeographicShapeSeriesBase"]
 namespace: Infragistics.Controls.Maps
 llms:
-  description: "- Zoomable - ZoomToGeographic - WorldRect - WindowRect - WindowScale - GetGeographicFromZoom - GetGeographicPoint - GetPixelPoint"
+  description: "API reference for the {Platform} Geographic Map component covering zoom and viewport management (WorldRect, WindowRect, WindowScale), geographic coordinate conversion (GetGeographicPoint, GetPixelPoint, GetGeographicFromZoom), and the Zoomable interface."
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
diff --git a/docs/xplat/src/content/jp/components/ai/ai-assisted-development-overview.mdx b/docs/xplat/src/content/jp/components/ai/ai-assisted-development-overview.mdx
index 4ab10db7cc..9a789a2605 100644
--- a/docs/xplat/src/content/jp/components/ai/ai-assisted-development-overview.mdx
+++ b/docs/xplat/src/content/jp/components/ai/ai-assisted-development-overview.mdx
@@ -6,7 +6,7 @@ license: MIT
 _canonicalLink: "{environment:dvUrl}/components/ai-assisted-development-overview"
 mentionedTypes: []
 llms:
-  description: "Ignite UI for Angular、React、Web Components は、3 つのパーツで構成される AI ツールチェーン (エージェント スキル、Ignite UI CLI MCP サーバー、Ignite UI Theming MCP サーバー) を提供します。"
+  description: "{ProductName} は、3 つのパーツで構成される AI ツールチェーン (エージェント スキル、Ignite UI CLI MCP サーバー、Ignite UI Theming MCP サーバー) を提供します。AI コーディング アシスタントに正しいコンポーネント API、インポート パス、デザイン トークンを提供します。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 
diff --git a/docs/xplat/src/content/jp/components/general-changelog-dv-react.mdx b/docs/xplat/src/content/jp/components/general-changelog-dv-react.mdx
index 54cbf29e8a..4b8240b1b6 100644
--- a/docs/xplat/src/content/jp/components/general-changelog-dv-react.mdx
+++ b/docs/xplat/src/content/jp/components/general-changelog-dv-react.mdx
@@ -6,7 +6,7 @@ mentionedTypes: ["SeriesViewer", "XYChart", "DomainChart", "DataChart", "Toolbar
 namespace: Infragistics.Controls.Charts
 _language: ja
 llms:
-  description: "- MarkerType 列挙型に Checkmark オプションが追加されました。"
+  description: "{ProductName} データビジュアライゼーション コンポーネント (チャート、グリッド、ゲージ、マップ) の変更ログと新機能一覧です。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/general-changelog-dv-wc.mdx b/docs/xplat/src/content/jp/components/general-changelog-dv-wc.mdx
index 207cb33836..93001b5778 100644
--- a/docs/xplat/src/content/jp/components/general-changelog-dv-wc.mdx
+++ b/docs/xplat/src/content/jp/components/general-changelog-dv-wc.mdx
@@ -6,7 +6,7 @@ mentionedTypes: ["SeriesViewer", "XYChart", "DomainChart", "DataChart", "Toolbar
 namespace: Infragistics.Controls
 _language: ja
 llms:
-  description: "- MarkerType 列挙型に Checkmark オプションが追加されました。"
+  description: "{ProductName} データビジュアライゼーション コンポーネント (チャート、グリッド、ゲージ、マップ) の変更ログと新機能一覧です。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-resources-world-locations.mdx b/docs/xplat/src/content/jp/components/geo-map-resources-world-locations.mdx
index 6692856114..a84479da08 100644
--- a/docs/xplat/src/content/jp/components/geo-map-resources-world-locations.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-resources-world-locations.mdx
@@ -6,7 +6,7 @@ license: commercial
 mentionedTypes: ["GeographicMap"]
 _language: ja
 llms:
-  description: "インフラジスティックスの {Platform} JavaScript マップ データ ユーティリティを使用して、都市の地理的位置と国の首都を生成します。{"
+  description: "インフラジスティックスの {Platform} JavaScript マップ データ ユーティリティを使用して、都市の地理的位置と国の首都を生成します。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-resources-world-util.mdx b/docs/xplat/src/content/jp/components/geo-map-resources-world-util.mdx
index b90473d703..2f28979c5e 100644
--- a/docs/xplat/src/content/jp/components/geo-map-resources-world-util.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-resources-world-util.mdx
@@ -6,7 +6,7 @@ license: commercial
 mentionedTypes: ["GeographicMap"]
 _language: ja
 llms:
-  description: "インフラジスティックスの {Platform} JavaScript マップ データ ユーティリティを使用して、地理的データを生成します。{"
+  description: "インフラジスティックスの {Platform} JavaScript マップ データ ユーティリティを使用して、地理的データを生成します。"
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/conditional-cell-styling.mdx b/docs/xplat/src/content/jp/components/grids/_shared/conditional-cell-styling.mdx
index 010cdbbbe0..885299e08a 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/conditional-cell-styling.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/conditional-cell-styling.mdx
@@ -9,7 +9,7 @@ namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridConditionalCellStyling}"
 _language: ja
 llms:
-  description: "{Platform} {ComponentTitle} の {ProductName} コンポーネントを使用すると、行またはセル レベルでカスタム スタイルを設定できます。{"
+  description: "{Platform} {ComponentTitle} の {ProductName} コンポーネントを使用すると、行またはセル レベルでカスタム スタイルを設定できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/editing.mdx b/docs/xplat/src/content/jp/components/grids/_shared/editing.mdx
index 283c9a1dc5..038fc6ff91 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/editing.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/editing.mdx
@@ -9,7 +9,7 @@ namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridEditing}"
 _language: ja
 llms:
-  description: "{Platform} {ComponentTitle} の {ProductName} セル編集機能を使用すると、レコードの作成、更新、削除などのデータ操作を簡単に実行できます。{"
+  description: "{Platform} {ComponentTitle} の {ProductName} セル編集機能を使用すると、レコードの作成、更新、削除などのデータ操作を簡単に実行できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/filtering.mdx b/docs/xplat/src/content/jp/components/grids/_shared/filtering.mdx
index e42264c9aa..c51d76effc 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/filtering.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/filtering.mdx
@@ -9,7 +9,7 @@ namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridFiltering}"
 _language: ja
 llms:
-  description: "{Platform} {ComponentTitle} の {ProductName} フィルタリングは、特定の基準または条件に基づいてデータを選択的に表示または非表示にする機能です。{"
+  description: "{Platform} {ComponentTitle} の {ProductName} フィルタリングは、特定の基準または条件に基づいてデータを選択的に表示または非表示にする機能です。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/multi-column-headers.mdx b/docs/xplat/src/content/jp/components/grids/_shared/multi-column-headers.mdx
index 8d609ddc51..e45d81adb3 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/multi-column-headers.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/multi-column-headers.mdx
@@ -9,7 +9,7 @@ namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridMultiColumnHeaders}"
 _language: ja
 llms:
-  description: "{Platform} {ComponentTitle} の {ProductName} 複数列ヘッダー機能は、共通の複数ヘッダーの下に配置することで列をグループ化できます。{"
+  description: "{Platform} {ComponentTitle} の {ProductName} 複数列ヘッダー機能は、共通の複数ヘッダーの下に配置することで列をグループ化できます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/row-adding.mdx b/docs/xplat/src/content/jp/components/grids/_shared/row-adding.mdx
index e2ea27c1eb..1d7fe6be24 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/row-adding.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/row-adding.mdx
@@ -9,7 +9,7 @@ namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridRowAdding}"
 _language: ja
 llms:
-  description: "{Platform} {ComponentTitle} の {ProductName} 行追加機能を使用すると、ユーザーは別のフォームやページに移動することなく、新しいデータ レコードを入力して送信できます。{"
+  description: "{Platform} {ComponentTitle} の {ProductName} 行追加機能を使用すると、ユーザーは別のフォームやページに移動することなく、新しいデータ レコードを入力して送信できます。"
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/row-selection.mdx b/docs/xplat/src/content/jp/components/grids/_shared/row-selection.mdx
index 39d638fe6d..dbc2fa17e8 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/row-selection.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/row-selection.mdx
@@ -9,7 +9,7 @@ namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridRowSelection}"
 _language: ja
 llms:
-  description: "{Platform} {ComponentTitle} の {ProductName} 行選択機能を使用すると、ユーザーは 1 つまたは複数のデータ行を対話的に選択、ハイライト表示、または選択解除できます。{"
+  description: "{Platform} {ComponentTitle} の {ProductName} 行選択機能を使用すると、ユーザーは 1 つまたは複数のデータ行を対話的に選択、ハイライト表示、または選択解除できます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/sizing.mdx b/docs/xplat/src/content/jp/components/grids/_shared/sizing.mdx
index 26cd020c81..3759807c74 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/sizing.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/sizing.mdx
@@ -8,7 +8,7 @@ sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
 _language: ja
 llms:
-  description: "{Platform} {ComponentTitle} の {ProductName} サイズ変更機能は、応答性が高くユーザーフレンドリーなグリッド インターフェイスを作成するための重要な側面です。{"
+  description: "{Platform} {ComponentTitle} の {ProductName} サイズ変更機能は、応答性が高くユーザーフレンドリーなグリッド インターフェイスを作成するための重要な側面です。"
 ---
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/summaries.mdx b/docs/xplat/src/content/jp/components/grids/_shared/summaries.mdx
index ec33c30f95..cd458f5d2a 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/summaries.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/summaries.mdx
@@ -9,7 +9,7 @@ namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridSummaries}"
 _language: ja
 llms:
-  description: "{Platform} {ComponentTitle} の {ProductName} 集計機能は、グループ フッターとして列ごとのレベルで機能します。{"
+  description: "{Platform} {ComponentTitle} の {ProductName} 集計機能は、グループ フッターとして列ごとのレベルで機能します。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/toolbar.mdx b/docs/xplat/src/content/jp/components/grids/_shared/toolbar.mdx
index 64091eb3ab..b13a80b41e 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/toolbar.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/toolbar.mdx
@@ -9,7 +9,7 @@ namespace: Infragistics.Controls
 _canonicalLink: "{CanonicalLinkToGridToolbar}"
 _language: ja
 llms:
-  description: "{ProductName} ツールバーは、{Platform} {ComponentTitle} の UI 操作用のコンテナーです。{"
+  description: "{ProductName} ツールバーは、{Platform} {ComponentTitle} の UI 操作用のコンテナーです。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/grids/tree.mdx b/docs/xplat/src/content/jp/components/grids/tree.mdx
index 5835983f6c..e4ea668200 100644
--- a/docs/xplat/src/content/jp/components/grids/tree.mdx
+++ b/docs/xplat/src/content/jp/components/grids/tree.mdx
@@ -6,7 +6,7 @@ license: MIT
 mentionedTypes: ["Tree", "TreeItem", "Icon", "CircularProgress"]
 _language: ja
 llms:
-  description: "{ProductName} ツリーは、TreeView コンポーネントとも呼ばれ、ツリー状の UI 内で展開可能なデータ構造を視覚化する高性能コントロールであり、子項目をオンデマンドで読み込むことができます。{"
+  description: "{ProductName} ツリーは、TreeView コンポーネントとも呼ばれ、ツリー状の UI 内で展開可能なデータ構造を視覚化する高性能コントロールであり、子項目をオンデマンドで読み込むことができます。"
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/layouts/tabs.mdx b/docs/xplat/src/content/jp/components/layouts/tabs.mdx
index 7cdf1a5bef..473e739614 100644
--- a/docs/xplat/src/content/jp/components/layouts/tabs.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/tabs.mdx
@@ -6,7 +6,7 @@ license: MIT
 mentionedTypes: ["Tabs", "Tab", "Icon", "IconButton", "RadioGroup"]
 _language: ja
 llms:
-  description: "{Platform} タブは軽量で使いやすいコンポーネントで、対応するコンテンツをタブ形式または通常は水平に配置されたタブのコレクションで整理します。{"
+  description: "{Platform} タブは軽量で使いやすいコンポーネントで、対応するコンテンツをタブ形式または通常は水平に配置されたタブのコレクションで整理します。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/notifications/toast.mdx b/docs/xplat/src/content/jp/components/notifications/toast.mdx
index 3b2f6a00e2..2190e9cf9d 100644
--- a/docs/xplat/src/content/jp/components/notifications/toast.mdx
+++ b/docs/xplat/src/content/jp/components/notifications/toast.mdx
@@ -6,7 +6,7 @@ license: MIT
 mentionedTypes: ["Toast"]
 _language: ja
 llms:
-  description: "{Platform} Toast (トースト) は、変更されたレコードの状態をエンド ユーザーに通知するメッセージ コンテンツを表示するために使用される超軽量で小さなポップアップ コンポーネントです。{"
+  description: "{Platform} Toast (トースト) は、変更されたレコードの状態をエンド ユーザーに通知するメッセージ コンテンツを表示するために使用される超軽量で小さなポップアップ コンポーネントです。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/spreadsheet-data-validation.mdx b/docs/xplat/src/content/jp/components/spreadsheet-data-validation.mdx
index c35442f63f..c355027be5 100644
--- a/docs/xplat/src/content/jp/components/spreadsheet-data-validation.mdx
+++ b/docs/xplat/src/content/jp/components/spreadsheet-data-validation.mdx
@@ -6,7 +6,7 @@ license: commercial
 _language: ja
 mentionedTypes: ["Spreadsheet"]
 llms:
-  description: "インフラジスティックスの {Platform} スプレッドシート コントロールを使用して、組み込みのデータ検証を設定します。{"
+  description: "インフラジスティックスの {Platform} スプレッドシート コントロールを使用して、組み込みのデータ検証を設定します。"
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/toc.json b/docs/xplat/src/content/jp/toc.json
index 8f71b8935c..34b35e6fbc 100644
--- a/docs/xplat/src/content/jp/toc.json
+++ b/docs/xplat/src/content/jp/toc.json
@@ -1905,7 +1905,7 @@
                 "premium": true
             },
             {
-                "name": "チャートのテータ注釈",
+                "name": "チャートのデータ注釈",
                 "href": "charts/features/chart-data-annotations.md",
                 "premium": true,
                 "preview": true
diff --git a/src/integration.ts b/src/integration.ts
index 05cea85157..097be8a2a6 100644
--- a/src/integration.ts
+++ b/src/integration.ts
@@ -236,6 +236,9 @@ export interface ProductLink {
 export interface SiteMetaOptions {
     title: string;
     description?: string;
+    /** Localized site description for non-English builds. Used in the llms.txt
+     *  manifest blockquote instead of the (typically English) `description`. */
+    localizedDescription?: string;
     /** Path to the source markdown files. */
     docsDir?: string;
     sidebar?: SidebarEntry[];
@@ -278,6 +281,7 @@ export interface SiteMetaOptions {
 export function siteMetaIntegration({
     title,
     description = '',
+    localizedDescription,
     docsDir,
     sidebar,
     platform = null,
@@ -412,7 +416,7 @@ export const selectedPackage = ${JSON.stringify(selectedPackage)};
 
                 // ── LLM artifacts ────────────────────────────────────────────────
                 // Write llms.txt manifest (always — even without docsDir).
-                const llmsContent = buildLlmsTxt(configuredSite, title, description, sidebar ?? [], llmsMetaMap, llmsSets, broadSections);
+                const llmsContent = buildLlmsTxt(configuredSite, title, description, sidebar ?? [], llmsMetaMap, llmsSets, broadSections, navLang, localizedDescription);
                 // English metadata can also contain Unicode punctuation and symbols.
                 // Include a UTF-8 signature because static preview servers may omit charset.
                 await fsp.writeFile(path.join(outDir, 'llms.txt'), withUtf8Bom(llmsContent), 'utf-8');
@@ -521,6 +525,9 @@ export interface CreateDocsSiteOptions {
     title: string;
     /** Short description for the llms.txt header. */
     description?: string;
+    /** Localized site description for non-English builds. Used in the llms.txt
+     *  manifest blockquote instead of the (typically English) `description`. */
+    localizedDescription?: string;
     /** Content source paths. */
     source: Partial<DocsSiteSource>;
     /** Sidebar builder options. */
@@ -578,6 +585,7 @@ export function createDocsSite(options: CreateDocsSiteOptions = {} as CreateDocs
         base,
         title,
         description = '',
+        localizedDescription,
         source = {},
         sidebar: sidebarOptions = {},
         platform = null,
@@ -691,6 +699,7 @@ export function createDocsSite(options: CreateDocsSiteOptions = {} as CreateDocs
             siteMetaIntegration({
                 title,
                 description,
+                localizedDescription,
                 docsDir: source.docsDir,
                 sidebar,
                 platform,
diff --git a/src/llms.ts b/src/llms.ts
index bc9a306f28..b96f722170 100644
--- a/src/llms.ts
+++ b/src/llms.ts
@@ -152,6 +152,7 @@ export function toUrlSlug(label: string): string {
  * These labels are treated as organisational groupings, never as label prefixes.
  */
 export const IGDOCS_BROAD_SECTIONS = [
+    // English
     'AI-Assisted Development',
     'General',
     'Interactivity',
@@ -169,6 +170,26 @@ export const IGDOCS_BROAD_SECTIONS = [
     'Scheduling',
     'Styling & Themes',
     'Deprecated Components',
+    // Japanese equivalents — header nodes in JP toc.json that are visual
+    // navigation dividers, not meaningful label prefixes.
+    'AI 支援開発',
+    '概要',
+    'インタラクティビティ',
+    'グリッドとリスト',
+    'グリッド & リスト',
+    'ダッシュボード',
+    'チャート',
+    'マップ',
+    'フレームワーク',
+    'ゲージ',
+    'スタイルとテーマ',
+    'スタイル設定およびとテーマ',
+    'データ入力と表示',
+    'インタラクション',
+    'メニュー',
+    'レイアウト',
+    '通知',
+    'スケジュール',
 ] as const;
 
 /** Platforms that use the Ignite UI doc broad sections. */
@@ -324,6 +345,24 @@ function walkLlmsItems(
 // Public builder
 // ---------------------------------------------------------------------------
 
+const LLMS_TXT_STRINGS: Record<string, { docsSection: string; abridged: string; abridgedDesc: string; combined: string; combinedDesc: string }> = {
+    en: {
+        docsSection:  'Documentation sets',
+        abridged:     'Abridged documentation',
+        abridgedDesc: 'a compact version of the documentation, with non-essential content removed',
+        combined:     'Combined docs',
+        combinedDesc: 'Single-file Markdown export of all docs.',
+    },
+    jp: {
+        docsSection:  'ドキュメント セット',
+        abridged:     '要約ドキュメント',
+        abridgedDesc: '非必須コンテンツを除いたコンパクトなドキュメントです。',
+        combined:     '統合ドキュメント',
+        combinedDesc: '全ドキュメントを 1 つのファイルにまとめた Markdown エクスポートです。',
+    },
+
+};
+
 /** Generate the complete llms.txt manifest content. */
 export function buildLlmsTxt(
     base: string,
@@ -333,16 +372,22 @@ export function buildLlmsTxt(
     metaMap: Map<string, LlmsMeta>,
     llmsSets: LlmsSet[] = [],
     broadSections: ReadonlySet<string> = new Set(),
+    navLang: string = 'en',
+    /** Optional localized description that replaces `siteDescription` in the
+     *  manifest blockquote.  Pass a JP/KR translation from the site config;
+     *  when omitted the (often English-only) `siteDescription` is used as-is. */
+    localizedDescription?: string,
 ): string {
+    const s = LLMS_TXT_STRINGS[navLang] ?? LLMS_TXT_STRINGS['en'];
     const lines: string[] = [
         `# ${siteTitle}`,
         '',
-        `> ${siteDescription}`,
+        `> ${localizedDescription ?? siteDescription}`,
         '',
-        '## Documentation sets',
+        `## ${s.docsSection}`,
         '',
-        `- [Abridged documentation](${base}/llms-small.txt): a compact version of the documentation, with non-essential content removed`,
-        `- [Combined docs](${base}/llms-full.txt): Single-file Markdown export of all docs.`,
+        `- [${s.abridged}](${base}/llms-small.txt): ${s.abridgedDesc}`,
+        `- [${s.combined}](${base}/llms-full.txt): ${s.combinedDesc}`,
         ``
     ];
 

From fdb7476bf8059d11464e79a0fde6a5a4cba32aa7 Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Tue, 23 Jun 2026 22:21:48 +0300
Subject: [PATCH 10/15] Improve llms.txt API docs discovery and localized
 metadata

---
 docs/angular/astro.config.ts |  6 +++-
 docs/xplat/astro.config.ts   | 30 +++-----------------
 src/integration.ts           | 53 +++++++++++++++++++++++++++++++++---
 src/llms.ts                  | 42 ++++++++++++++++++++++++----
 4 files changed, 95 insertions(+), 36 deletions(-)

diff --git a/docs/angular/astro.config.ts b/docs/angular/astro.config.ts
index 9794515960..efb6be567c 100644
--- a/docs/angular/astro.config.ts
+++ b/docs/angular/astro.config.ts
@@ -45,6 +45,10 @@ const site = mode === 'production' ? `${PROD_HOST}${base}`
 const docsDir = path.join(__dirname, 'src', 'content', docsLang);
 const componentsDocsDir = path.join(docsDir, 'components');
 const templatesDir = path.join(docsDir, 'grids_templates');
+const localizedDescription: Partial<Record<NavLang, string>> = {
+	jp: 'Ignite UI for Angular のコンポーネントと API リファレンス ドキュメントです。',
+	kr: 'Ignite UI for Angular 컴포넌트 및 API 참조 문서입니다.',
+};
 
 // ── Pre-build steps (run before Astro starts) ────────────────────────────────
 generateGridTopics(templatesDir, componentsDocsDir);
@@ -55,7 +59,7 @@ export default createDocsSite({
 	base: mode !== 'development' ? base : undefined,
 	title: 'Ignite UI for Angular',
 	description: 'Component and API reference docs for Ignite UI for Angular.',
-	localizedDescription: docsLang === 'jp' ? 'Ignite UI for Angular のコンポーネントと API リファレンス ドキュメントです。' : undefined,
+	localizedDescription: localizedDescription[docsLang],
 	platform: 'angular',
 	navLang: docsLang,
 	mode,
diff --git a/docs/xplat/astro.config.ts b/docs/xplat/astro.config.ts
index 8fb941b8e9..07f33420cc 100644
--- a/docs/xplat/astro.config.ts
+++ b/docs/xplat/astro.config.ts
@@ -48,33 +48,11 @@ if (docsEnv !== 'development' && docsEnv !== 'staging' && docsEnv !== 'productio
 const mode: DocsMode = docsEnv;
 
 const PLATFORMS = IGDOCS_PLATFORMS;
-
-const PLATFORM_META: Record<string, { title: string; description: string }> = {
-    Angular:       { title: 'Ignite UI for Angular',       description: 'Reference docs for Ignite UI for Angular.'       },
-    React:         { title: 'Ignite UI for React',         description: 'Reference docs for Ignite UI for React.'         },
-    WebComponents: { title: 'Ignite UI for Web Components', description: 'Reference docs for Ignite UI for Web Components.' },
-    Blazor:        { title: 'Ignite UI for Blazor',        description: 'Reference docs for Ignite UI for Blazor.'        },
-};
-
-const PLATFORM_META_JP: Record<string, string> = {
-    Angular:       'Ignite UI for Angular のコンポーネントと API リファレンス ドキュメントです。',
-    React:         'Ignite UI for React のコンポーネントと API リファレンス ドキュメントです。',
-    WebComponents: 'Ignite UI for Web Components のコンポーネントと API リファレンス ドキュメントです。',
-    Blazor:        'Ignite UI for Blazor のコンポーネントと API リファレンス ドキュメントです。',
-};
-
-const PLATFORM_KEY: Record<string, string> = {
-    Angular: 'angular', React: 'react', WebComponents: 'web-components', Blazor: 'blazor',
-};
-
-const PLATFORM_SITE: Record<string, string> = {
-    Angular:       'https://www.infragistics.com/products/ignite-ui-angular/angular/components',
-    React:         'https://www.infragistics.com/products/ignite-ui-react/react/components',
-    WebComponents: 'https://www.infragistics.com/products/ignite-ui-web-components/web-components/components',
-    Blazor:        'https://www.infragistics.com/products/ignite-ui-blazor/blazor/components',
+const localizedDescriptionSuffix: Partial<Record<NavLang, string>> = {
+    jp: 'のコンポーネントと API リファレンス ドキュメントです。',
+    kr: ' 컴포넌트 및 API 참조 문서입니다.',
 };
 
-const meta      = PLATFORM_META[platform] ?? PLATFORM_META['React'];
 const XPLAT_ROOT = path.join(__dirname, 'generated', platform, lang);
 
 // Resolved once at config time, used by vitePluginPlatformTokens to substitute
@@ -343,7 +321,7 @@ export default createDocsSite({
     base: mode !== 'development' ? p.base : undefined,
     title: p.title,
     description: p.description,
-    localizedDescription: lang === 'jp' ? PLATFORM_META_JP[platform] : undefined,
+    localizedDescription: localizedDescriptionSuffix[lang] ? `${p.title}${localizedDescriptionSuffix[lang]}` : undefined,
     platform: p.key,
     navLang: lang,
     mode,
diff --git a/src/integration.ts b/src/integration.ts
index 097be8a2a6..9adf4333dc 100644
--- a/src/integration.ts
+++ b/src/integration.ts
@@ -90,11 +90,51 @@ interface GenerateLlmsMdOptions {
 }
 
 const UTF8_BOM = '\uFEFF';
+const HTML_TO_MD_CONCURRENCY = 8;
 
 function withUtf8Bom(content: string): string {
     return UTF8_BOM + content.replace(/^\uFEFF/, '');
 }
 
+async function mapConcurrent<T, R>(
+    items: readonly T[],
+    concurrency: number,
+    worker: (item: T, index: number) => Promise<R>,
+): Promise<R[]> {
+    const results: R[] = new Array(items.length);
+    let nextIndex = 0;
+    const workerCount = Math.min(concurrency, items.length);
+
+    await Promise.all(Array.from({ length: workerCount }, async () => {
+        while (nextIndex < items.length) {
+            const index = nextIndex++;
+            results[index] = await worker(items[index], index);
+        }
+    }));
+
+    return results;
+}
+
+const API_DOCS_FOLDER_BY_PLATFORM: Partial<Record<PlatformKey, string>> = {
+    angular: 'angular',
+    react: 'react',
+    'web-components': 'webcomponents',
+    blazor: 'blazor',
+};
+
+function resolveApiDocsLlmsUrl(siteUrl: string, platform: PlatformKey | null): string | undefined {
+    if (!platform || !siteUrl) return undefined;
+
+    const folder = API_DOCS_FOLDER_BY_PLATFORM[platform];
+    if (!folder) return undefined;
+
+    try {
+        return `${new URL(siteUrl).origin}/api/${folder}/llms.txt`;
+    } catch {
+        return undefined;
+    }
+}
+
 /**
  * Converts all built HTML pages to Markdown and writes the LLM bundle files.
  *
@@ -113,8 +153,10 @@ async function generateLlmsMdFiles({ outDir, slugs, docsDir, siteUrl, llmsSets }
 
     let mdDone = 0;
     const skippedSlugs: string[] = [];
-    const mdFiles = await Promise.all(
-        slugs.map(async (slug) => {
+    const mdFiles = await mapConcurrent(
+        slugs,
+        HTML_TO_MD_CONCURRENCY,
+        async (slug) => {
             const htmlPath = path.join(outDir, slug + '.html');
             const dest = path.join(outDir, slug + '.md');
 
@@ -133,7 +175,7 @@ async function generateLlmsMdFiles({ outDir, slugs, docsDir, siteUrl, llmsSets }
                 console.log(`[docs-template]   ${mdDone}/${slugs.length} pages converted`);
             }
             return md;
-        })
+        }
     );
 
     const mdGenerated = mdFiles.filter(Boolean).length;
@@ -416,7 +458,10 @@ export const selectedPackage = ${JSON.stringify(selectedPackage)};
 
                 // ── LLM artifacts ────────────────────────────────────────────────
                 // Write llms.txt manifest (always — even without docsDir).
-                const llmsContent = buildLlmsTxt(configuredSite, title, description, sidebar ?? [], llmsMetaMap, llmsSets, broadSections, navLang, localizedDescription);
+                const apiDocsUrl = mode !== 'development'
+                    ? resolveApiDocsLlmsUrl(configuredSite, platform)
+                    : undefined;
+                const llmsContent = buildLlmsTxt(configuredSite, title, description, sidebar ?? [], llmsMetaMap, llmsSets, broadSections, navLang, localizedDescription, apiDocsUrl);
                 // English metadata can also contain Unicode punctuation and symbols.
                 // Include a UTF-8 signature because static preview servers may omit charset.
                 await fsp.writeFile(path.join(outDir, 'llms.txt'), withUtf8Bom(llmsContent), 'utf-8');
diff --git a/src/llms.ts b/src/llms.ts
index b96f722170..ec2842a839 100644
--- a/src/llms.ts
+++ b/src/llms.ts
@@ -25,6 +25,7 @@ import fs from 'node:fs';
 import path from 'node:path';
 import matter from 'gray-matter';
 import type { SidebarEntry, SidebarGroup, SidebarLink } from './lib/sidebar/types';
+import type { NavLang } from './platform.ts';
 
 // ---------------------------------------------------------------------------
 // Public types
@@ -345,13 +346,25 @@ function walkLlmsItems(
 // Public builder
 // ---------------------------------------------------------------------------
 
-const LLMS_TXT_STRINGS: Record<string, { docsSection: string; abridged: string; abridgedDesc: string; combined: string; combinedDesc: string }> = {
+interface LlmsTxtStrings {
+    docsSection: string;
+    abridged: string;
+    abridgedDesc: string;
+    combined: string;
+    combinedDesc: string;
+    apiRef: string;
+    apiRefDesc: string;
+}
+
+const LLMS_TXT_STRINGS: Record<NavLang, LlmsTxtStrings> = {
     en: {
         docsSection:  'Documentation sets',
         abridged:     'Abridged documentation',
         abridgedDesc: 'a compact version of the documentation, with non-essential content removed',
         combined:     'Combined docs',
         combinedDesc: 'Single-file Markdown export of all docs.',
+        apiRef:       'API Reference',
+        apiRefDesc:   'Full TypeDoc/docfx API reference for all packages — classes, interfaces, enums, and members',
     },
     jp: {
         docsSection:  'ドキュメント セット',
@@ -359,8 +372,18 @@ const LLMS_TXT_STRINGS: Record<string, { docsSection: string; abridged: string;
         abridgedDesc: '非必須コンテンツを除いたコンパクトなドキュメントです。',
         combined:     '統合ドキュメント',
         combinedDesc: '全ドキュメントを 1 つのファイルにまとめた Markdown エクスポートです。',
+        apiRef:       'API リファレンス',
+        apiRefDesc:   '全パッケージの TypeDoc/docfx API リファレンスです。クラス、インターフェイス、列挙型、メンバーを含みます。',
+    },
+    kr: {
+        docsSection:  '문서 세트',
+        abridged:     '요약 문서',
+        abridgedDesc: '필수적이지 않은 콘텐츠를 제거한 간결한 문서입니다.',
+        combined:     '통합 문서',
+        combinedDesc: '모든 문서를 하나의 파일로 합친 Markdown 내보내기입니다.',
+        apiRef:       'API 참조',
+        apiRefDesc:   '모든 패키지의 TypeDoc/docfx API 참조입니다. 클래스, 인터페이스, 열거형 및 멤버를 포함합니다.',
     },
-
 };
 
 /** Generate the complete llms.txt manifest content. */
@@ -372,13 +395,17 @@ export function buildLlmsTxt(
     metaMap: Map<string, LlmsMeta>,
     llmsSets: LlmsSet[] = [],
     broadSections: ReadonlySet<string> = new Set(),
-    navLang: string = 'en',
+    navLang: NavLang = 'en',
     /** Optional localized description that replaces `siteDescription` in the
      *  manifest blockquote.  Pass a JP/KR translation from the site config;
      *  when omitted the (often English-only) `siteDescription` is used as-is. */
     localizedDescription?: string,
+    /** URL of the corresponding api-docs llms.txt (e.g. https://…/api/angular/llms.txt).
+     *  When provided, an "API Reference" link is added to the Documentation sets section
+     *  so LLMs can discover the full TypeDoc/docfx reference from this manifest. */
+    apiDocsUrl?: string,
 ): string {
-    const s = LLMS_TXT_STRINGS[navLang] ?? LLMS_TXT_STRINGS['en'];
+    const s = LLMS_TXT_STRINGS[navLang];
     const lines: string[] = [
         `# ${siteTitle}`,
         '',
@@ -388,9 +415,14 @@ export function buildLlmsTxt(
         '',
         `- [${s.abridged}](${base}/llms-small.txt): ${s.abridgedDesc}`,
         `- [${s.combined}](${base}/llms-full.txt): ${s.combinedDesc}`,
-        ``
     ];
 
+    if (apiDocsUrl) {
+        lines.push(`- [${s.apiRef}](${apiDocsUrl}): ${s.apiRefDesc}`);
+    }
+
+    lines.push('');
+
     for (const set of llmsSets) {
         const slug = toUrlSlug(set.label);
         const link = `- [${set.label}](${base}/_llms-txt/${slug}.txt)`;

From fa542f7d85be1df1405073dcd82618d6c37e3f84 Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Tue, 23 Jun 2026 22:45:06 +0300
Subject: [PATCH 11/15] Use node 24 in lint.yml

---
 .github/workflows/lint.yml | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml
index 28440c7d98..ad81c2c64b 100644
--- a/.github/workflows/lint.yml
+++ b/.github/workflows/lint.yml
@@ -22,7 +22,7 @@ jobs:
 
       - uses: actions/setup-node@v4
         with:
-          node-version: 22
+          node-version: 24
 
       - name: Validate llms.txt metadata
         run: npm run check:llms-metadata
@@ -36,7 +36,7 @@ jobs:
 
       - uses: actions/setup-node@v4
         with:
-          node-version: 22
+          node-version: 24
           cache: 'npm'
 
       - run: npm ci
@@ -75,7 +75,7 @@ jobs:
 
       - uses: actions/setup-node@v4
         with:
-          node-version: 22
+          node-version: 24
           cache: 'npm'
 
       - run: npm ci

From 0b81be68830ccec477ca91e2575dd32f397256ac Mon Sep 17 00:00:00 2001
From: Viktor Kombov <75325639+viktorkombov@users.noreply.github.com>
Date: Thu, 25 Jun 2026 16:10:07 +0300
Subject: [PATCH 12/15] Fix malformed tags, platform inconsistencies, and
 incorrect documentation references (#354)

* Fix malformed tags, platform inconsistencies, and incorrect documentation references

* revert not needed change in igniteui licensing

* Revert not needed changes

* Additional fixed code snippets

* Resolve comments from code review
---
 .../src/content/en/components/accordion.mdx   |  2 +-
 .../src/content/en/components/card.mdx        | 12 +--
 .../src/content/en/components/chat.mdx        |  2 +-
 .../src/content/en/components/date-picker.mdx |  2 +-
 .../en/components/date-range-picker.mdx       |  3 +-
 .../components/excel-library-using-cells.mdx  |  2 +-
 .../general/angular-grid-overview-guide.mdx   |  1 +
 .../general/how-to/how-to-perform-crud.mdx    |  1 +
 .../en/components/general/update-guide.mdx    |  9 +--
 .../create-ui-with-components.mdx             |  4 -
 .../components/geo-map-binding-data-csv.mdx   |  4 +-
 .../geo-map-binding-data-json-points.mdx      |  2 +-
 .../components/geo-map-binding-data-model.mdx |  2 +-
 .../geo-map-binding-multiple-shapes.mdx       |  4 +-
 .../geo-map-binding-multiple-sources.mdx      |  2 +-
 .../components/geo-map-binding-shp-file.mdx   |  6 +-
 .../geo-map-type-scatter-area-series.mdx      |  2 +-
 .../geo-map-type-scatter-bubble-series.mdx    |  2 +-
 .../geo-map-type-scatter-contour-series.mdx   |  2 +-
 .../geo-map-type-scatter-density-series.mdx   |  2 +-
 .../geo-map-type-scatter-symbol-series.mdx    |  2 +-
 .../geo-map-type-shape-polygon-series.mdx     |  2 +-
 .../geo-map-type-shape-polyline-series.mdx    |  2 +-
 .../src/content/en/components/geo-map.mdx     |  2 +-
 .../en/components/grid-lite/filtering.mdx     |  4 +-
 .../en/components/grid-lite/sorting.mdx       |  2 +-
 .../src/content/en/components/grid/grid.mdx   | 27 ++-----
 .../src/content/en/components/input-group.mdx |  4 +-
 .../en/components/inputs/color-editor.mdx     |  1 -
 .../src/content/en/components/list.mdx        |  9 +--
 .../src/content/en/components/mask.mdx        |  3 +-
 .../content/en/components/month-picker.mdx    |  4 +-
 .../src/content/en/components/navdrawer.mdx   |  8 +-
 .../src/content/en/components/overlay.mdx     |  6 +-
 .../src/content/en/components/select.mdx      |  2 +-
 .../content/en/components/slider/slider.mdx   |  1 -
 .../src/content/en/components/stepper.mdx     | 24 ++----
 .../src/content/en/components/tabbar.mdx      |  9 +--
 .../src/content/en/components/tabs.mdx        |  9 +--
 .../content/en/components/texthighlight.mdx   |  4 +-
 .../themes/misc/angular-material-theming.mdx  |  1 -
 .../content/en/components/tile-manager.mdx    |  9 +--
 .../en/components/transaction-how-to-use.mdx  |  6 +-
 .../en/components/treegrid/groupby.mdx        |  3 +
 .../en/grids_templates/cell-merging.mdx       |  2 +-
 .../collapsible-column-groups.mdx             |  2 +-
 .../en/grids_templates/column-resizing.mdx    |  2 +-
 .../en/grids_templates/column-types.mdx       |  2 +-
 .../conditional-cell-styling.mdx              |  4 +-
 .../en/grids_templates/display-density.mdx    |  2 +-
 .../grids_templates/excel-style-filtering.mdx |  1 +
 .../content/en/grids_templates/filtering.mdx  |  8 +-
 .../grids_templates/keyboard-navigation.mdx   |  2 +-
 .../grids_templates/multi-column-headers.mdx  |  4 +-
 .../content/en/grids_templates/row-adding.mdx |  6 +-
 .../en/grids_templates/row-editing.mdx        |  6 +-
 .../content/en/grids_templates/summaries.mdx  |  2 +-
 .../content/en/grids_templates/toolbar.mdx    |  6 +-
 .../content/en/grids_templates/validation.mdx | 11 ++-
 ...rite-excel-files-to-reduce-server-load.mdx | 14 ++--
 .../content/en/components/bullet-graph.mdx    |  8 +-
 .../charts/features/chart-markers.mdx         |  4 +-
 ...tomize-marker-display-in-blazor-charts.mdx |  6 +-
 .../components/excel-library-using-cells.mdx  |  2 +-
 .../components/general-changelog-dv-react.mdx | 42 +++++-----
 .../en/components/general-changelog-dv-wc.mdx | 32 ++++----
 .../en/components/general-licensing.mdx       |  2 +-
 .../components/geo-map-binding-data-csv.mdx   |  4 +-
 .../geo-map-binding-data-json-points.mdx      |  2 +-
 .../components/geo-map-binding-data-model.mdx |  2 +-
 .../geo-map-binding-multiple-shapes.mdx       |  6 +-
 .../geo-map-binding-multiple-sources.mdx      |  2 +-
 .../components/geo-map-binding-shp-file.mdx   |  6 +-
 .../geo-map-display-azure-imagery.mdx         | 38 +++++-----
 .../geo-map-type-scatter-area-series.mdx      |  3 +-
 .../geo-map-type-scatter-bubble-series.mdx    |  2 +-
 .../geo-map-type-scatter-contour-series.mdx   |  3 +-
 .../geo-map-type-scatter-density-series.mdx   |  2 +-
 .../geo-map-type-scatter-symbol-series.mdx    |  2 +-
 .../geo-map-type-shape-polygon-series.mdx     |  2 +-
 .../geo-map-type-shape-polyline-series.mdx    |  2 +-
 .../src/content/en/components/geo-map.mdx     |  2 +-
 .../grids/_shared/advanced-filtering.mdx      |  2 +-
 .../grids/_shared/batch-editing.mdx           |  4 +-
 .../grids/_shared/cascading-combos.mdx        |  2 +-
 .../components/grids/_shared/cell-editing.mdx | 10 +--
 .../components/grids/_shared/cell-merging.mdx |  2 +-
 .../_shared/collapsible-column-groups.mdx     | 22 +++---
 .../grids/_shared/column-hiding.mdx           | 32 ++++----
 .../grids/_shared/column-moving.mdx           |  2 +-
 .../grids/_shared/column-pinning.mdx          | 76 +++++++++----------
 .../grids/_shared/column-resizing.mdx         | 12 +--
 .../components/grids/_shared/column-types.mdx |  8 +-
 .../_shared/conditional-cell-styling.mdx      | 22 +++---
 .../grids/_shared/excel-style-filtering.mdx   | 22 +++---
 .../components/grids/_shared/export-excel.mdx |  2 +-
 .../grids/_shared/keyboard-navigation.mdx     |  4 +-
 .../grids/_shared/multi-column-headers.mdx    | 14 ++--
 .../en/components/grids/_shared/paging.mdx    |  6 +-
 .../components/grids/_shared/row-actions.mdx  | 14 ++--
 .../components/grids/_shared/row-adding.mdx   | 56 +++++++-------
 .../en/components/grids/_shared/row-drag.mdx  |  8 +-
 .../components/grids/_shared/row-editing.mdx  | 18 ++---
 .../en/components/grids/_shared/selection.mdx |  2 -
 .../en/components/grids/_shared/size.mdx      | 74 +++++++++---------
 .../grids/_shared/state-persistence.mdx       |  5 +-
 .../en/components/grids/_shared/summaries.mdx | 10 +--
 .../en/components/grids/_shared/toolbar.mdx   | 16 ++--
 .../components/grids/_shared/validation.mdx   |  8 +-
 .../content/en/components/grids/data-grid.mdx | 56 +++++++-------
 .../en/components/grids/grid/groupby.mdx      |  2 +-
 .../components/grids/grid/master-detail.mdx   |  6 +-
 .../grids/hierarchical-grid/overview.mdx      |  8 +-
 .../grids/pivot-grid/remote-operations.mdx    |  2 +-
 .../components/grids/tree-grid/overview.mdx   |  4 +-
 .../src/content/en/components/grids/tree.mdx  |  2 +-
 .../content/en/components/inputs/checkbox.mdx |  6 +-
 .../components/inputs/circular-progress.mdx   |  2 +-
 .../en/components/inputs/color-editor.mdx     |  1 -
 .../en/components/inputs/combo/features.mdx   |  2 +-
 .../en/components/inputs/highlight.mdx        |  2 +-
 .../content/en/components/inputs/radio.mdx    |  6 +-
 .../content/en/components/inputs/switch.mdx   |  8 +-
 .../en/components/interactivity/chat.mdx      |  8 +-
 .../content/en/components/layouts/card.mdx    |  6 +-
 .../content/en/components/layouts/divider.mdx |  6 +-
 .../en/components/layouts/dock-manager.mdx    | 12 +--
 .../content/en/components/linear-gauge.mdx    |  1 +
 .../content/en/components/localization.mdx    |  4 +-
 .../content/en/components/nextjs-usage.mdx    |  2 +-
 .../content/en/components/radial-gauge.mdx    |  6 +-
 .../en/components/scheduling/date-picker.mdx  |  6 +-
 .../en/components/zoomslider-overview.mdx     |  2 +-
 src/html-to-md.ts                             |  2 +-
 134 files changed, 530 insertions(+), 543 deletions(-)

diff --git a/docs/angular/src/content/en/components/accordion.mdx b/docs/angular/src/content/en/components/accordion.mdx
index e8972ed4d0..807fef1edc 100644
--- a/docs/angular/src/content/en/components/accordion.mdx
+++ b/docs/angular/src/content/en/components/accordion.mdx
@@ -23,7 +23,7 @@ Users are enabled to interact and navigate among a list of items, such as thumbn
 
 The following is a basic Angular Accordion example of a FAQ section. It operates as an accordion, with individually working sections. You can toggle each text block with a single click, while expanding multiple panels at the same time. This way you can read information more easily, without having to go back and forth between an automatically expanding and collapsing panel, which conceals the previously opened section every time.
 
-In it, you can see how to define an `igx-accrodion` and its <ApiLink type="ExpansionPanel" label="expansion panels" />. The sample also demonstrates the two types of expansion behavior. The switch button sets the <ApiLink type="Accordion" member="singleBranchExpand" label="singleBranchExpand" /> property to toggle between single and multiple branches to be expanded at a time.
+In it, you can see how to define an `igx-accordion` and its <ApiLink type="ExpansionPanel" label="expansion panels" />. The sample also demonstrates the two types of expansion behavior. The switch button sets the <ApiLink type="Accordion" member="singleBranchExpand" label="singleBranchExpand" /> property to toggle between single and multiple branches to be expanded at a time.
 
 <Sample src="/layouts/accordion-sample-1" height={460} alt="Angular Accordion Example" />
 
diff --git a/docs/angular/src/content/en/components/card.mdx b/docs/angular/src/content/en/components/card.mdx
index 10a0beb6fa..95c0d3c2c4 100644
--- a/docs/angular/src/content/en/components/card.mdx
+++ b/docs/angular/src/content/en/components/card.mdx
@@ -76,8 +76,7 @@ import { IGX_CARD_DIRECTIVES } from 'igniteui-angular/card';
         </igx-card-header>
 
         <igx-card-content>
-            <p>New York City comprises 5 boroughs sitting where the Hudson River meets the Atlantic Ocean. At its core is Manhattan, a densely populated borough that’s among the world’s major commercial, financial and cultural centers.
-</div>
+            <p>New York City comprises 5 boroughs sitting where the Hudson River meets the Atlantic Ocean. At its core is Manhattan, a densely populated borough that’s among the world’s major commercial, financial and cultural centers.</p>
         </igx-card-content>
 
         <igx-card-actions>
@@ -134,8 +133,7 @@ Then to represent the demo card template we can add the following code.
     </igx-card-header>
 
     <igx-card-content>
-        <p>New York City comprises 5 boroughs sitting where the Hudson River meets the Atlantic Ocean. At its core is Manhattan, a densely populated borough that’s among the world’s major commercial, financial and cultural centers.
-</div>
+        <p>New York City comprises 5 boroughs sitting where the Hudson River meets the Atlantic Ocean. At its core is Manhattan, a densely populated borough that’s among the world’s major commercial, financial and cultural centers.</p>
     </igx-card-content>
 
     <igx-card-actions>
@@ -227,8 +225,7 @@ Here's an example of an outlined horizontal card:
         </igx-card-header>
 
         <igx-card-content>
-            <p>{{card.content}}
-</div>
+            <p>{{card.content}}</p>
         </igx-card-content>
     
 </div>
@@ -292,8 +289,7 @@ Below is an example showing how you can create a semi-horizontal card, where we
         </igx-card-header>
 
         <igx-card-content>
-            <p>{{card.content}}
-</div>
+            <p>{{card.content}}</p>
         </igx-card-content>
 
         <igx-card-actions [vertical]="false">
diff --git a/docs/angular/src/content/en/components/chat.mdx b/docs/angular/src/content/en/components/chat.mdx
index 57163ea35f..a1dd4e0ddd 100644
--- a/docs/angular/src/content/en/components/chat.mdx
+++ b/docs/angular/src/content/en/components/chat.mdx
@@ -98,7 +98,7 @@ By default, the input area includes an attachment button. You can control which
 
 ```ts
 public options: IgxChatOptions = {
-  acceptedFiles="image/*,.pdf",
+  acceptedFiles: "image/*,.pdf",
 };
 ```
 
diff --git a/docs/angular/src/content/en/components/date-picker.mdx b/docs/angular/src/content/en/components/date-picker.mdx
index 59d5db533d..4bcfba3c09 100644
--- a/docs/angular/src/content/en/components/date-picker.mdx
+++ b/docs/angular/src/content/en/components/date-picker.mdx
@@ -259,7 +259,7 @@ The <ApiLink type="DatePicker" /> exposes <ApiLink type="DatePicker" member="inc
 ```html
 <igx-date-picker #datePicker>
     <igx-icon igxPrefix (click)="datePicker.increment(DatePart.Month, 3)">keyboard_arrow_up</igx-icon>
-    <igx-icon igxPrefix (click)="datePicker.decrement(DatePart.Year. 4)">keyboard_arrow_down</igx-icon>
+    <igx-icon igxPrefix (click)="datePicker.decrement(DatePart.Year, 4)">keyboard_arrow_down</igx-icon>
 </igx-date-picker>
 ```
 
diff --git a/docs/angular/src/content/en/components/date-range-picker.mdx b/docs/angular/src/content/en/components/date-range-picker.mdx
index 1b2d76725e..2784532a7e 100644
--- a/docs/angular/src/content/en/components/date-range-picker.mdx
+++ b/docs/angular/src/content/en/components/date-range-picker.mdx
@@ -466,8 +466,7 @@ The `IgxDateRangePickerComponent` is also a validator which means it controls it
 
 {/* minValue & maxValue will be true if the current range does not satisfy them */}
 <div *ngIf="dateRangePicker.minValue || dateRangePicker.maxValue">
-    <p>Value not in range.
-</div>
+    <p>Value not in range.</p>
 </div>
 ```
 
diff --git a/docs/angular/src/content/en/components/excel-library-using-cells.mdx b/docs/angular/src/content/en/components/excel-library-using-cells.mdx
index bb81632ad2..7dfe2d555f 100644
--- a/docs/angular/src/content/en/components/excel-library-using-cells.mdx
+++ b/docs/angular/src/content/en/components/excel-library-using-cells.mdx
@@ -133,7 +133,7 @@ The following code shows you how to format a cell to display numbers as currency
 
 ```ts
 var workbook = new Workbook(format);
-var workbook = workbook.worksheets().add("Sheet1");
+var worksheet = workbook.worksheets().add("Sheet1");
 
 worksheet.columns(2).cellFormat.formatString = "\"$\"#,##0.00";
 ```
diff --git a/docs/angular/src/content/en/components/general/angular-grid-overview-guide.mdx b/docs/angular/src/content/en/components/general/angular-grid-overview-guide.mdx
index 5a69159791..0ddd84fcc1 100644
--- a/docs/angular/src/content/en/components/general/angular-grid-overview-guide.mdx
+++ b/docs/angular/src/content/en/components/general/angular-grid-overview-guide.mdx
@@ -205,6 +205,7 @@ Angular data grids support easy sorting, filtering, and pagination. With rich AP
     </igx-column>
     <igx-paginator [perPage]="10">
     </igx-paginator>
+</igx-grid>
 ```
 
 The Grid provides three types of Filtering with custom filtering conditions:
diff --git a/docs/angular/src/content/en/components/general/how-to/how-to-perform-crud.mdx b/docs/angular/src/content/en/components/general/how-to/how-to-perform-crud.mdx
index 5ccb198852..4afe3ef800 100644
--- a/docs/angular/src/content/en/components/general/how-to/how-to-perform-crud.mdx
+++ b/docs/angular/src/content/en/components/general/how-to/how-to-perform-crud.mdx
@@ -93,6 +93,7 @@ Let's first enable the rowEditing behavior, bring the UI we need for the editing
   <igx-action-strip #actionstrip>
       <igx-grid-editing-actions [addRow]="true"></igx-grid-editing-actions>
   </igx-action-strip>
+</igx-grid>
 ```
 
 In the Angular component, inject the data service using DI. Now we are ready to use the service to do full CRUD operations against our data layer:
diff --git a/docs/angular/src/content/en/components/general/update-guide.mdx b/docs/angular/src/content/en/components/general/update-guide.mdx
index 6d7a979458..d082390f21 100644
--- a/docs/angular/src/content/en/components/general/update-guide.mdx
+++ b/docs/angular/src/content/en/components/general/update-guide.mdx
@@ -313,9 +313,9 @@ To enable paging in the grid, initialize the `IgxPaginatorComponent` in the grid
 
 ```html
 <igx-grid ...>
-    <igx-paginator #paginator [totalRecords]="totalRecords" [perPage]="25" (pageChange)="pageChange($event) (perPageChange)="perPageChange($event)">
+    <igx-paginator #paginator [totalRecords]="totalRecords" [perPage]="25" (pageChange)="pageChange($event)" (perPageChange)="perPageChange($event)">
     </igx-paginator>
-<igx-grid>
+</igx-grid>
 ```
 
 ```typescript
@@ -605,7 +605,7 @@ Here's how that will affect existing code:
 
     ```html
     <igx-grid-toolbar>
-        <span igxGridToolbarTitle>Title</span >
+        <span igxGridToolbarTitle>Title</span>
         <div igxGridToolbarActions>
             ...
         
@@ -1212,8 +1212,7 @@ The <ApiLink type="Tabs" label="**IgxTabsComponent**" /> was completely refactor
             </igx-tab-header>
             <igx-tab-content>
                 <h1>Tab 1 Content</h1>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-    </div>
+                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
             </igx-tab-content>
         </igx-tab-item>
     ...
diff --git a/docs/angular/src/content/en/components/general/wpf-to-angular-guide/create-ui-with-components.mdx b/docs/angular/src/content/en/components/general/wpf-to-angular-guide/create-ui-with-components.mdx
index 0b5822b746..e6fa669a2d 100644
--- a/docs/angular/src/content/en/components/general/wpf-to-angular-guide/create-ui-with-components.mdx
+++ b/docs/angular/src/content/en/components/general/wpf-to-angular-guide/create-ui-with-components.mdx
@@ -76,10 +76,7 @@ By typing `npm start` in the terminal, it will compile and build our application
 Let's now change our sample component a little by changing the text to 'This sample works very well!'.
 
 ```html
-
-
   This sample works very well!
-</div>
 ```
 
 Once we save and check the browser, we will see that we are indeed editing the html that is responsible for rendering the sample component.
@@ -103,4 +100,3 @@ Our community is active and always welcoming to new ideas.
 
 - [Ignite UI for Angular **Forums**](https://www.infragistics.com/community/forums/f/ignite-ui-for-angular)
 - [Ignite UI for Angular **GitHub**](https://github.com/IgniteUI/igniteui-angular)
-
diff --git a/docs/angular/src/content/en/components/geo-map-binding-data-csv.mdx b/docs/angular/src/content/en/components/geo-map-binding-data-csv.mdx
index 6b774064ad..05e8c16bc1 100644
--- a/docs/angular/src/content/en/components/geo-map-binding-data-csv.mdx
+++ b/docs/angular/src/content/en/components/geo-map-binding-data-csv.mdx
@@ -22,7 +22,7 @@ With the Ignite UI for Angular map component, you can plot geographic data loade
 ## Data Example
 Here is an example of data from CSV file:
 
-```ts
+```csv
 City,Lat,Lon,State,Code,County,Density,Population
 New York,40.7856,-74.0093,New Jersey,NJ,Hudson,21057,54227
 Dundee,42.5236,-76.9775,New York,NY,Yates,579,1650
@@ -32,7 +32,7 @@ Dundee,42.5236,-76.9775,New York,NY,Yates,579,1650
 The following code loads and binds <ApiLink type="GeographicHighDensityScatterSeries" /> in the map component to an array of objects created from loaded CSV file with geographic locations.
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
 <igx-geographic-map #map
     width="700px"
     height="500px"
diff --git a/docs/angular/src/content/en/components/geo-map-binding-data-json-points.mdx b/docs/angular/src/content/en/components/geo-map-binding-data-json-points.mdx
index 86553627de..0db4228eea 100644
--- a/docs/angular/src/content/en/components/geo-map-binding-data-json-points.mdx
+++ b/docs/angular/src/content/en/components/geo-map-binding-data-json-points.mdx
@@ -35,7 +35,7 @@ Here is an example of data from JSON file:
 The following code loads and binds <ApiLink type="GeographicHighDensityScatterSeries" /> in the map component to an array of objects created from loaded JSON file with geographic locations:
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
     <igx-geographic-map #map
         width="700px"
         height="500px"
diff --git a/docs/angular/src/content/en/components/geo-map-binding-data-model.mdx b/docs/angular/src/content/en/components/geo-map-binding-data-model.mdx
index 0fcfebf96a..b6286047f2 100644
--- a/docs/angular/src/content/en/components/geo-map-binding-data-model.mdx
+++ b/docs/angular/src/content/en/components/geo-map-binding-data-model.mdx
@@ -35,7 +35,7 @@ The following table summarized data structures required for each type of geograp
 The following code shows how to bind the <ApiLink type="GeographicSymbolSeries" /> to a custom data model that contains geographic locations of some cities of the world stored using longitude and latitude coordinates. Also, we use the <ApiLink type="GeographicPolylineSeries" /> to plot shortest geographic path between these locations using the [WorldUtility](geo-map-resources-world-util.md)
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
     <igx-geographic-map #map
         width="700px"
         height="500px"
diff --git a/docs/angular/src/content/en/components/geo-map-binding-multiple-shapes.mdx b/docs/angular/src/content/en/components/geo-map-binding-multiple-shapes.mdx
index ba1072d51f..d93fd7f09f 100644
--- a/docs/angular/src/content/en/components/geo-map-binding-multiple-shapes.mdx
+++ b/docs/angular/src/content/en/components/geo-map-binding-multiple-shapes.mdx
@@ -44,8 +44,8 @@ import { IgxShapeDataSource } from 'igniteui-angular-core';
 Next, we need to create a map with a few Geographic Series that will later load different type of shapefile.
 
 ```html
-<div className="sampleRoot">
-    <div className="map" >
+<div class="sampleRoot">
+    <div class="map" >
         <igx-geographic-map
             #map
             width="700px"
diff --git a/docs/angular/src/content/en/components/geo-map-binding-multiple-sources.mdx b/docs/angular/src/content/en/components/geo-map-binding-multiple-sources.mdx
index 713f914177..e74c161566 100644
--- a/docs/angular/src/content/en/components/geo-map-binding-multiple-sources.mdx
+++ b/docs/angular/src/content/en/components/geo-map-binding-multiple-sources.mdx
@@ -31,7 +31,7 @@ You can use geographic series in this or other combinations to plot desired data
 Create data sources for all geographic series that you want to display in the Ignite UI for Angular map. For example, you can the use [WorldConnections](geo-map-resources-world-connections.md) script.
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
     <igx-geographic-map #map
         width="700px"
         height="500px"
diff --git a/docs/angular/src/content/en/components/geo-map-binding-shp-file.mdx b/docs/angular/src/content/en/components/geo-map-binding-shp-file.mdx
index 633320ad7e..00c38dc712 100644
--- a/docs/angular/src/content/en/components/geo-map-binding-shp-file.mdx
+++ b/docs/angular/src/content/en/components/geo-map-binding-shp-file.mdx
@@ -25,8 +25,8 @@ The following table explains properties of the <ApiLink type="ShapefileRecord" /
 | `ShapefileSource` | string |Specifies the Uri to a shape file (.shp) that contains geo-spatial data items.|
 |`DatabaseSource` | string |Specifies the Uri to a shape database file (.dbf) that contains a data table for geo-spatial data items.|
 
-{/*TODO add for WPF only: _/}
-{/_ Both of the source properties for shape files are of Uri type. This means that shape files can be embedded resources in the application assembly and on the internet (via http). Refer to the previous section for more information on this process. The rules for resolving Uri objects are equivalent to any standard Uri property, for example the BitmapImage.UriSource property.*/}
+{/*TODO add for WPF only: */}
+{/* Both of the source properties for shape files are of Uri type. This means that shape files can be embedded resources in the application assembly and on the internet (via http). Refer to the previous section for more information on this process. The rules for resolving Uri objects are equivalent to any standard Uri property, for example the BitmapImage.UriSource property.*/}
 
 When both source properties are set to non-null values, then the <ApiLink type="ShapefileRecord" /> object’s ImportAsync method is invoked which in return performs fetching and reading the shape files and finally doing the conversion. After this operation is complete, the <ApiLink type="ShapefileRecord" /> is populated with `IgxShapefileRecord` objects and the `ImportCompleted` event is raised in order to notify about completed process of loading and converting geo-spatial data from shape files.
 
@@ -50,7 +50,7 @@ This code example assumes that shape files were loaded using the <ApiLink type="
 The following code binds <ApiLink type="GeographicPolylineSeries" /> in the map component to the <ApiLink type="ShapefileRecord" /> and maps the `Points` property of all `IgxShapefileRecord` objects.
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
     <igx-geographic-map #map
         width="700px"
         height="500px"
diff --git a/docs/angular/src/content/en/components/geo-map-type-scatter-area-series.mdx b/docs/angular/src/content/en/components/geo-map-type-scatter-area-series.mdx
index fe172f0b70..ecb15a6185 100644
--- a/docs/angular/src/content/en/components/geo-map-type-scatter-area-series.mdx
+++ b/docs/angular/src/content/en/components/geo-map-type-scatter-area-series.mdx
@@ -55,7 +55,7 @@ The following table list properties of the `CustomPaletteColorScale` affecting s
 The following code shows how to bind the <ApiLink type="GeographicScatterAreaSeries" /> to triangulation data representing surface temperatures in the world.
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
     <igx-geographic-map #map
         width="700px"
         height="500px"
diff --git a/docs/angular/src/content/en/components/geo-map-type-scatter-bubble-series.mdx b/docs/angular/src/content/en/components/geo-map-type-scatter-bubble-series.mdx
index 769bd0aae9..893e73eafd 100644
--- a/docs/angular/src/content/en/components/geo-map-type-scatter-bubble-series.mdx
+++ b/docs/angular/src/content/en/components/geo-map-type-scatter-bubble-series.mdx
@@ -40,7 +40,7 @@ The following table summarizes the GeographicHighDensityScatterSeries series pro
 ## Code Snippet
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
     <igx-geographic-map #map
         width="700px"
         height="500px"
diff --git a/docs/angular/src/content/en/components/geo-map-type-scatter-contour-series.mdx b/docs/angular/src/content/en/components/geo-map-type-scatter-contour-series.mdx
index 73bc1d2bca..eeaf449577 100644
--- a/docs/angular/src/content/en/components/geo-map-type-scatter-contour-series.mdx
+++ b/docs/angular/src/content/en/components/geo-map-type-scatter-contour-series.mdx
@@ -56,7 +56,7 @@ The following table list properties of the CustomPaletteColorScale affecting the
 The following code shows how to bind the <ApiLink type="GeographicContourLineSeries" /> to triangulation data representing surface temperatures in the world.
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
     <igx-geographic-map #map
         width="700px"
         height="500px"
diff --git a/docs/angular/src/content/en/components/geo-map-type-scatter-density-series.mdx b/docs/angular/src/content/en/components/geo-map-type-scatter-density-series.mdx
index 6fe5ce39e3..0182d71149 100644
--- a/docs/angular/src/content/en/components/geo-map-type-scatter-density-series.mdx
+++ b/docs/angular/src/content/en/components/geo-map-type-scatter-density-series.mdx
@@ -49,7 +49,7 @@ The Heat Color Scale, an optional feature, determines the color pattern within t
 The following code demonstrates how set the <ApiLink type="GeographicHighDensityScatterSeries" member="heatMinimumColor" label="HeatMinimumColor" /> and <ApiLink type="GeographicHighDensityScatterSeries" member="heatMaximumColor" label="HeatMaximumColor" /> properties of the <ApiLink type="GeographicHighDensityScatterSeries" />
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
     <igx-geographic-map #map
         width="700px"
         height="500px"
diff --git a/docs/angular/src/content/en/components/geo-map-type-scatter-symbol-series.mdx b/docs/angular/src/content/en/components/geo-map-type-scatter-symbol-series.mdx
index 409826e8c6..9067ba5710 100644
--- a/docs/angular/src/content/en/components/geo-map-type-scatter-symbol-series.mdx
+++ b/docs/angular/src/content/en/components/geo-map-type-scatter-symbol-series.mdx
@@ -25,7 +25,7 @@ Similarly to other types of geographic series in the map component, the <ApiLink
 The following code shows how to bind the <ApiLink type="GeographicSymbolSeries" /> to locations of cities loaded from a shape file using the <ApiLink type="ShapefileRecord" />.
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
     <igx-geographic-map #map
         width="700px"
         height="500px"
diff --git a/docs/angular/src/content/en/components/geo-map-type-shape-polygon-series.mdx b/docs/angular/src/content/en/components/geo-map-type-shape-polygon-series.mdx
index 328a6a793b..21ae8c9ccc 100644
--- a/docs/angular/src/content/en/components/geo-map-type-shape-polygon-series.mdx
+++ b/docs/angular/src/content/en/components/geo-map-type-shape-polygon-series.mdx
@@ -27,7 +27,7 @@ Similar to other types of geographic series in the map control, the <ApiLink typ
 The following code demonstrates how to bind the <ApiLink type="GeographicShapeSeries" /> to shapes of countries in the world loaded from a shape file using the <ApiLink type="ShapefileRecord" />.
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
     <igx-geographic-map #map
         width="700px"
         height="500px"
diff --git a/docs/angular/src/content/en/components/geo-map-type-shape-polyline-series.mdx b/docs/angular/src/content/en/components/geo-map-type-shape-polyline-series.mdx
index c2019a2252..18aac18d30 100644
--- a/docs/angular/src/content/en/components/geo-map-type-shape-polyline-series.mdx
+++ b/docs/angular/src/content/en/components/geo-map-type-shape-polyline-series.mdx
@@ -27,7 +27,7 @@ Similarly to other types of geographic series in the control, the <ApiLink type=
 The following code shows how to bind the <ApiLink type="GeographicPolylineSeries" /> to locations of cities loaded from a shape file using the <ApiLink type="ShapefileRecord" />.
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
 
         <igx-geographic-map #map
             width="700px"
diff --git a/docs/angular/src/content/en/components/geo-map.mdx b/docs/angular/src/content/en/components/geo-map.mdx
index c7f32e0e4b..f6930e5745 100644
--- a/docs/angular/src/content/en/components/geo-map.mdx
+++ b/docs/angular/src/content/en/components/geo-map.mdx
@@ -90,7 +90,7 @@ export class MapOverviewComponent implements AfterViewInit {
 Now that the map module is imported, next step is to create geographic map. The following code demonstrates how to do this and enable zooming in the map.
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
     <igx-geographic-map #map
         width="700px"
         height="500px"
diff --git a/docs/angular/src/content/en/components/grid-lite/filtering.mdx b/docs/angular/src/content/en/components/grid-lite/filtering.mdx
index f7d97b0cf9..6a20f2e4f8 100644
--- a/docs/angular/src/content/en/components/grid-lite/filtering.mdx
+++ b/docs/angular/src/content/en/components/grid-lite/filtering.mdx
@@ -94,7 +94,7 @@ grid.filter({ key: 'firstName', condition: 'contains', searchTerm: 'George' });
 // Multiple
 grid.filter([
   { key: 'firstName', condition: 'startsWith', searchTerm: 'a' },
-  { key: 'firstName', condition: 'startsWith' searchTerm: 'g', criteria: 'or' },
+  { key: 'firstName', condition: 'startsWith', searchTerm: 'g', criteria: 'or' },
 ]);
 ```
 
@@ -143,7 +143,7 @@ When a filter operation is performed through the UI, the component emits a custo
 After the grid applies the new filter state, a **`filtered`** event is emitted. It contains the filter state for the column which was the target of the operation and it is not cancellable.
 
 ```html
-<igx-grid-lite (filtering)="onFiltering($event)" (filtered)="onFiltered($event)">
+<igx-grid-lite (filtering)="onFiltering($event)" (filtered)="onFiltered($event)"></igx-grid-lite>
 ```
 
 ```typescript
diff --git a/docs/angular/src/content/en/components/grid-lite/sorting.mdx b/docs/angular/src/content/en/components/grid-lite/sorting.mdx
index e2f64b3f22..d078389886 100644
--- a/docs/angular/src/content/en/components/grid-lite/sorting.mdx
+++ b/docs/angular/src/content/en/components/grid-lite/sorting.mdx
@@ -171,7 +171,7 @@ When a sorting operation is performed through the UI, the component emits a cust
 After the grid applies the new sorting state, a `sorted` event is emitted. It contains the expression which was used in the last sort operation and it is not cancellable.
 
 ```html
-<igx-grid-lite (sorting)="onSorting($event)" (sorted)="onSorted($event)">
+<igx-grid-lite (sorting)="onSorting($event)" (sorted)="onSorted($event)"></igx-grid-lite>
 ```
 
 ```typescript
diff --git a/docs/angular/src/content/en/components/grid/grid.mdx b/docs/angular/src/content/en/components/grid/grid.mdx
index 2654688fc3..e63ce56353 100644
--- a/docs/angular/src/content/en/components/grid/grid.mdx
+++ b/docs/angular/src/content/en/components/grid/grid.mdx
@@ -268,7 +268,7 @@ In the snippet above we "take" a reference to the implicitly provided cell value
             <input type="checkbox" [ngModel]="cell.value" (ngModelChange)="cell.update($event)" />
         </ng-template>
     </igx-column>
-<igx-grid>
+</igx-grid>
 ```
 
 When changing data through the **cell template** using `ngModel`, you need to call the appropriate API methods to make sure the value is correctly updated in the Angular grid's underlying data collection. In the snippet above, the `ngModelChange` call passes through the grid's [editing API](/grid/cell-editing#editing-through-api) and goes through the grid's editing pipeline, properly triggering [transactions](/grid/batch-editing)(if applicable) and handling of [summaries](/grid/summaries), [selection](/grid/selection), etc. However, this `ngModelChange` will fire every time the value of the cell changes, not just when the user is done editing, resulting in a lot more API calls.
@@ -309,12 +309,12 @@ Each of the column templates can be changed programmatically at any point throug
 </igx-grid>
 
 <ng-template #normalView let-value>
-    <div class="user-details">{{ val }}</div>
+    <div class="user-details">{{ value }}</div>
     <user-details-component></user-details-component>
 </ng-template>
 
 <ng-template #smallView let-value>
-    <div class="user-details-small">{{ val }}</div>
+    <div class="user-details-small">{{ value }}</div>
 </ng-template>
 ```
 
@@ -337,7 +337,6 @@ Column properties can also be set in code in the <ApiLink type="Grid" member="co
 
 ```typescript
 public initColumns(column: IgxGridColumn) {
-    const column: IgxColumnComponent = column;
     if (column.field === 'ProductName') {
         column.sortable = true;
         column.editable = true;
@@ -386,34 +385,24 @@ The <ApiLink type="Grid" /> handles **flat data** and nested **POJOs(Plain old J
 const OBJECT_ARRAY = [{
         ObjectKey1: value1,
         ObjectKey2: value2,
-        .
-        .
-        .
+        // ...
         ObjectKeyN: valueN
     },
-    .
-    .
-    .
+    // ...
   }];
 
 const POJO = [{
         ObjectKey1: value1,
         ObjectKey2: value2,
-        .
-        .
-        .
+        // ...
         ObjectKeyN: {
           ObjectKeyN1: value1,
           ObjectKeyN2: value2,
-          .
-          .
-          .
+          // ...
           ObjectKeyNM: valueNM,
         }
     },
-    .
-    .
-    .
+    // ...
   }];
 
 ```
diff --git a/docs/angular/src/content/en/components/input-group.mdx b/docs/angular/src/content/en/components/input-group.mdx
index 40c762fc33..ae94a4d8f6 100644
--- a/docs/angular/src/content/en/components/input-group.mdx
+++ b/docs/angular/src/content/en/components/input-group.mdx
@@ -140,14 +140,14 @@ The input group styles can be altered by using the <ApiLink type="InputGroup" me
 An example of setting a specific type declaratively:
 
 ```html
-<igx-input-group type="border">
+<igx-input-group type="border"></igx-input-group>
 ```
 
 Using the <ApiLink kind="variable" type="IGX_INPUT_GROUP_TYPE" /> injection token allows to specify a type on an application level for all input-group instances. It provides an easy way to style all related components at once.
 To set the type, use the <ApiLink kind="variable" type="IGX_INPUT_GROUP_TYPE" /> injection token to create a DI provider.
 
 ```typescript
-providers: [{provide: IGX_input-group_TYPE, useValue: 'box' }]
+providers: [{provide: IGX_INPUT_GROUP_TYPE, useValue: 'box' }]
 ```
 
 <DocsAside type="info">
diff --git a/docs/angular/src/content/en/components/inputs/color-editor.mdx b/docs/angular/src/content/en/components/inputs/color-editor.mdx
index 2861dc753e..1d885f8a2f 100644
--- a/docs/angular/src/content/en/components/inputs/color-editor.mdx
+++ b/docs/angular/src/content/en/components/inputs/color-editor.mdx
@@ -41,7 +41,6 @@ The simplest way to start using the <ApiLink type="ColorEditor" /> is as follows
     name="colorEditor"
     #colorEditor>
     </igx-color-editor>
-</div>
 ```
 
 ## Binding to events
diff --git a/docs/angular/src/content/en/components/list.mdx b/docs/angular/src/content/en/components/list.mdx
index 9a1d342a9b..93675647d7 100644
--- a/docs/angular/src/content/en/components/list.mdx
+++ b/docs/angular/src/content/en/components/list.mdx
@@ -203,8 +203,7 @@ Let's look at how we can use some of them in the next example:
   </igx-list-item>
   <igx-list-item *ngFor="let contact of contacts">
     <h4 igxListLineTitle>{{ contact.name }}</h4>
-    <p igxListLineSubTitle>{{ contact.phone }}
-</div>
+    <p igxListLineSubTitle>{{ contact.phone }}</p>
   </igx-list-item>
 </igx-list>
 ```
@@ -280,8 +279,7 @@ Cool, now let's update the template for our contacts list to show the avatar and
   <igx-list-item #item *ngFor="let contact of contacts;">
       <igx-avatar igxListThumbnail [src]="contact.photo" shape="circle"></igx-avatar>
       <h4 igxListLineTitle>{{ contact.name }}</h4>
-      <p igxListLineSubTitle class="phone">{{ contact.phone }}
-</div>
+      <p igxListLineSubTitle class="phone">{{ contact.phone }}</p>
       <span igxListLine>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta, laborum.</span>
       <igx-icon igxListAction [color]="contact.isFavorite ? 'orange' : 'lightgray'" (click)="toggleFavorite(item)">star</igx-icon>
   </igx-list-item>
@@ -402,8 +400,7 @@ Here is the HTML code of the example:
   <igx-list-item #item *ngFor="let contact of contacts">
     <igx-avatar igxListThumbnail [src]="contact.photo" shape="circle"></igx-avatar>
     <h4 igxListLineTitle>{{ contact.name }}</h4>
-    <p igxListLineSubTitle class="phone">{{ contact.phone }}
-</div>
+    <p igxListLineSubTitle class="phone">{{ contact.phone }}</p>
     <igx-icon igxListAction [color]="contact.isFavorite ? 'orange' : 'lightgray'" (click)="toggleFavorite(item)">star</igx-icon>
   </igx-list-item>
 </igx-list>
diff --git a/docs/angular/src/content/en/components/mask.mdx b/docs/angular/src/content/en/components/mask.mdx
index 5afc5e26c2..6c739eb4d6 100644
--- a/docs/angular/src/content/en/components/mask.mdx
+++ b/docs/angular/src/content/en/components/mask.mdx
@@ -148,8 +148,7 @@ Use the <ApiLink type="MaskDirective" member="includeLiterals" label="includeLit
         [includeLiterals]="includeLiterals" />
 </igx-input-group>
 
-<p *ngIf="socialSecurityNumber.length > 0">Value: {{ socialSecurityNumber }}
-</div>
+<p *ngIf="socialSecurityNumber.length > 0">Value: {{ socialSecurityNumber }}</p>
 ```
 
 ```typescript
diff --git a/docs/angular/src/content/en/components/month-picker.mdx b/docs/angular/src/content/en/components/month-picker.mdx
index 3934fcf8e8..d29d9061f3 100644
--- a/docs/angular/src/content/en/components/month-picker.mdx
+++ b/docs/angular/src/content/en/components/month-picker.mdx
@@ -106,7 +106,7 @@ public date: Date = new Date();
 ```html
 {/* month-picker-sample.component.html */}
 
-<igx-month-picker [value]="date"></igx-date-picker>
+<igx-month-picker [value]="date"></igx-month-picker>
 ```
 
 To create a two-way data-binding, set `ngModel` like this:
@@ -114,7 +114,7 @@ To create a two-way data-binding, set `ngModel` like this:
 ```html
 {/* month-picker-sample.component.html */}
 
-<igx-month-picker [(ngModel)]="date"></igx-date-picker>
+<igx-month-picker [(ngModel)]="date"></igx-month-picker>
 ```
 
 ### Formatting
diff --git a/docs/angular/src/content/en/components/navdrawer.mdx b/docs/angular/src/content/en/components/navdrawer.mdx
index 79a9e412f0..86e1c24888 100644
--- a/docs/angular/src/content/en/components/navdrawer.mdx
+++ b/docs/angular/src/content/en/components/navdrawer.mdx
@@ -321,7 +321,7 @@ The mini variant is commonly used in a persistent setup, so we've set `pin` and
 
 ## Using Angular Router
 
-To use the Angular Router, first, we need to import git from `@angular/router` and create an instance of the router in our constructor.
+To use the Angular Router, first, we need to import it from `@angular/router` and create an instance of the router in our constructor.
 Then we have to define our navigation items using the router for their link values.
 
 ```typescript
@@ -377,16 +377,16 @@ Finally, import the RouterModule along with the items' routes in your `app.modul
 /*app.module.ts*/
 import { RouterModule } from '@angular/router';
 
-@NgModule([
+@NgModule({
     imports: [
         RouterModule,
-  RouterModule.forRoot([
+        RouterModule.forRoot([
             {path: 'avatar', component: NavDrawerRoutingComponent},
             {path: 'badge', component: NavDrawerRoutingComponent},
             {path: 'button-group', component: NavDrawerRoutingComponent}
         ])
     ]
-])
+})
 ```
 
 After all the steps above are completed, your app should look like that:
diff --git a/docs/angular/src/content/en/components/overlay.mdx b/docs/angular/src/content/en/components/overlay.mdx
index 213de1ad32..bbafbda842 100644
--- a/docs/angular/src/content/en/components/overlay.mdx
+++ b/docs/angular/src/content/en/components/overlay.mdx
@@ -32,7 +32,7 @@ First we need to import the <ApiLink type="OverlayService" /> in the component a
 ```typescript
 
 import { Inject } from '@angular/core'
-import { IgxOverlayService } from `igniteui-angular`;
+import { IgxOverlayService } from 'igniteui-angular';
 
 ...
 
@@ -154,7 +154,7 @@ For example, if we want the content to be positioned relative to an element, we
 
 ```typescript
 // my-overlay-component.component.ts
-// import the ConnectedPositioningStategy class
+// import the ConnectedPositioningStrategy class
 import { ConnectedPositioningStrategy } from 'igniteui-angular/core';
 // import { ConnectedPositioningStrategy } from '@infragistics/igniteui-angular'; for licensed package
 ...
@@ -222,7 +222,7 @@ We can modify the previously defined overlay method to not only show but also hi
 
 ```typescript
 // my-overlay-component.component.ts
-// add an import for the definion of ConnectedPositioningStategy class
+// add an import for the definition of ConnectedPositioningStrategy class
 import { ConnectedPositioningStrategy } from 'igniteui-angular/core';
 // import { ConnectedPositioningStrategy } from '@infragistics/igniteui-angular'; for licensed package
 
diff --git a/docs/angular/src/content/en/components/select.mdx b/docs/angular/src/content/en/components/select.mdx
index 7cc72afcf2..26b232926e 100644
--- a/docs/angular/src/content/en/components/select.mdx
+++ b/docs/angular/src/content/en/components/select.mdx
@@ -274,7 +274,7 @@ You can customize the default toggle button, using the `igxSelectToggleIcon` dir
         <igx-icon>{{ collapsed ? 'add_circle' : 'add_circle_outline'}}</igx-icon>
     </ng-template>
     ...
-<igx-select>
+</igx-select>
 ```
 
 ## Keyboard Navigation
diff --git a/docs/angular/src/content/en/components/slider/slider.mdx b/docs/angular/src/content/en/components/slider/slider.mdx
index da5bc4ea0c..a7c49e8e6d 100644
--- a/docs/angular/src/content/en/components/slider/slider.mdx
+++ b/docs/angular/src/content/en/components/slider/slider.mdx
@@ -355,7 +355,6 @@ In the following sample we disable all **secondary labels** by setting <ApiLink
 
 We also rotate all viable labels by setting the <ApiLink type="TickLabelsOrientation" kind="variable" label="TickLabelsOrientation" /> to <ApiLink kind="variable" type="TickLabelsOrientation" />
 
-```
 ```typescript
 ... 
 {
diff --git a/docs/angular/src/content/en/components/stepper.mdx b/docs/angular/src/content/en/components/stepper.mdx
index fcf545fd85..a678e83110 100644
--- a/docs/angular/src/content/en/components/stepper.mdx
+++ b/docs/angular/src/content/en/components/stepper.mdx
@@ -72,12 +72,10 @@ import { IGX_STEPPER_DIRECTIVES } from 'igniteui-angular/stepper';
     selector: 'app-home',
     template: `<igx-stepper>
         <igx-step> 
-            <p igxStepTitle>Step 1
-</div>
+            <p igxStepTitle>Step 1</p>
         </igx-step>
         <igx-step> 
-            <p igxStepTitle>Step 2
-</div>
+            <p igxStepTitle>Step 2</p>
         </igx-step>
     </igx-stepper>`,
     styleUrls: ['home.component.scss'],
@@ -114,8 +112,7 @@ Steps can be declared using one of the following approaches.
 
         <p igxStepTitle>
    {{step.title}}
-        
-</div>
+        </p>
     </igx-step>
 </igx-stepper>
 ```
@@ -130,12 +127,10 @@ This component uses Material Icons. Add the following link to your `index.html`:
 ```html
 <igx-stepper>
     <igx-step> 
-       <p igxStepTitle>Step 1
-</div>
+       <p igxStepTitle>Step 1</p>
     </igx-step>
     <igx-step> 
-       <p igxStepTitle>Step 2
-</div>
+       <p igxStepTitle>Step 2</p>
     </igx-step>
 </igx-stepper>
 ```
@@ -146,14 +141,11 @@ For each step the user has the ability to configure indicator, title, subtitle a
 <igx-stepper>
     <igx-step>
        <igx-icon igxStepIndicator>home</igx-icon>
-       <p igxStepTitle>Home
-</div>
-       <p igxStepSubtitle>Home Sub Title
-</div>
+       <p igxStepTitle>Home</p>
+       <p igxStepSubtitle>Home Sub Title</p>
        <div igxStepContent>
           ...
-       
-</div>
+       </div>
     </igx-step>
 </igx-stepper>
 ```
diff --git a/docs/angular/src/content/en/components/tabbar.mdx b/docs/angular/src/content/en/components/tabbar.mdx
index aeada36ef0..7fb7f8f01a 100644
--- a/docs/angular/src/content/en/components/tabbar.mdx
+++ b/docs/angular/src/content/en/components/tabbar.mdx
@@ -288,20 +288,17 @@ import { Component } from '@angular/core';
 export class BottomNavRoutingComponent { }
 
 @Component({
-    template: '<p>Item 1 Content
-</div>'
+    template: '<p>Item 1 Content</p>'
 })
 export class BottomNavRoutingView1Component { }
 
 @Component({
-    template: '<p>Item 2 Content
-</div>'
+    template: '<p>Item 2 Content</p>'
 })
 export class BottomNavRoutingView2Component { }
 
 @Component({
-    template: '<p>Item 3 Content
-</div>'
+    template: '<p>Item 3 Content</p>'
 })
 export class BottomNavRoutingView3Component { }
 ```
diff --git a/docs/angular/src/content/en/components/tabs.mdx b/docs/angular/src/content/en/components/tabs.mdx
index 0dadddd258..2a4593027b 100644
--- a/docs/angular/src/content/en/components/tabs.mdx
+++ b/docs/angular/src/content/en/components/tabs.mdx
@@ -270,20 +270,17 @@ import { Component } from '@angular/core';
 export class TabsRoutingComponent { }
 
 @Component({
-    template: '<p>Tab 1 Content
-</div>'
+    template: '<p>Tab 1 Content</p>'
 })
 export class TabsRoutingView1Component { }
 
 @Component({
-    template: '<p>Tab 2 Content
-</div>'
+    template: '<p>Tab 2 Content</p>'
 })
 export class TabsRoutingView2Component { }
 
 @Component({
-    template: '<p>Tab 3 Content
-</div>'
+    template: '<p>Tab 3 Content</p>'
 })
 export class TabsRoutingView3Component { }
 ```
diff --git a/docs/angular/src/content/en/components/texthighlight.mdx b/docs/angular/src/content/en/components/texthighlight.mdx
index 2a30025bfe..bbc4ac3ab3 100644
--- a/docs/angular/src/content/en/components/texthighlight.mdx
+++ b/docs/angular/src/content/en/components/texthighlight.mdx
@@ -90,9 +90,7 @@ Let's create a search box that we can use to highlight different parts of the te
   <igx-input-group type="search" class="input-group">
     <igx-prefix>
       <igx-icon *ngIf="searchText.length == 0">search</igx-icon>
-      <igx-icon *ngIf="searchText.length > 0" (click)="clearSearch()"
-        >clear</igx-icon
-      >
+      <igx-icon *ngIf="searchText.length > 0" (click)="clearSearch()">clear</igx-icon>
     </igx-prefix>
 
     <input
diff --git a/docs/angular/src/content/en/components/themes/misc/angular-material-theming.mdx b/docs/angular/src/content/en/components/themes/misc/angular-material-theming.mdx
index 57a288b46d..3d6657bf09 100644
--- a/docs/angular/src/content/en/components/themes/misc/angular-material-theming.mdx
+++ b/docs/angular/src/content/en/components/themes/misc/angular-material-theming.mdx
@@ -99,7 +99,6 @@ Finally, we inserted an Ignite UI for Angular <ApiLink type="IconButtonDirective
 
 To get started with styling components using the Ignite UI theming engine, create an scss file named of your choice that would be the base file for your global theme. We will call this file `_variables.scss`. Next, we need to import the Ignite UI and Angular Material `index` files:
 
-```scss
 // _variables.scss
 ```scss
 @use "igniteui-angular/theming" as *;
diff --git a/docs/angular/src/content/en/components/tile-manager.mdx b/docs/angular/src/content/en/components/tile-manager.mdx
index 3884719d61..bd61336c61 100644
--- a/docs/angular/src/content/en/components/tile-manager.mdx
+++ b/docs/angular/src/content/en/components/tile-manager.mdx
@@ -69,16 +69,13 @@ The Tile Manager offers two components that we can use:
 ```html
 <igc-tile-manager>
   <igc-tile>
-    <p>Tile 1
-</div>
+    <p>Tile 1</p>
   </igc-tile>
   <igc-tile>
-    <p>Tile 2
-</div>
+    <p>Tile 2</p>
   </igc-tile>
   <igc-tile>
-    <p>Tile 3
-</div>
+    <p>Tile 3</p>
   </igc-tile>
 </igc-tile-manager>
 ```
diff --git a/docs/angular/src/content/en/components/transaction-how-to-use.mdx b/docs/angular/src/content/en/components/transaction-how-to-use.mdx
index 3b28d34bc1..29377168c4 100644
--- a/docs/angular/src/content/en/components/transaction-how-to-use.mdx
+++ b/docs/angular/src/content/en/components/transaction-how-to-use.mdx
@@ -76,10 +76,8 @@ In our html template, we define an <ApiLink type="List" label="igxList" /> compo
     <igx-list-item [isHeader]="true">Wishlist</igx-list-item>
     <igx-list-item *ngFor="let item of this.wishlist | transactionBasePipe"
         [ngClass]="{ deleted: isDeleted(item.id), edited: isEdited(item.id) }">
-        <p igxListLineTitle>{{item.name}}
-</div>
-        <p igxListLineSubTitle>Costs: {{item.price}}
-</div>
+        <p igxListLineTitle>{{item.name}}</p>
+        <p igxListLineSubTitle>Costs: {{item.price}}</p>
         <igx-icon igxListAction (click)="onEdit()" *ngIf="item.id === 1 && item.price !== '$999'">edit</igx-icon>
         <igx-icon igxListAction (click)="onDelete()" *ngIf="item.id === 2 && !isDeleted(item.id)">delete</igx-icon>
     </igx-list-item>
diff --git a/docs/angular/src/content/en/components/treegrid/groupby.mdx b/docs/angular/src/content/en/components/treegrid/groupby.mdx
index ee35127216..9e657f728b 100644
--- a/docs/angular/src/content/en/components/treegrid/groupby.mdx
+++ b/docs/angular/src/content/en/components/treegrid/groupby.mdx
@@ -24,6 +24,7 @@ The `treeGridGrouping` pipe groups the data based on the provided parameters and
                [data]="data | treeGridGrouping:groupingExpressions:groupKey:childDataKey:grid:aggregations"
                [childDataKey]="childDataKey"
                [sortStrategy]="sorting">
+</igx-tree-grid>
 ```
 
 The pipe arguments are the following:
@@ -76,6 +77,7 @@ In this sample we are using the `treeGridGrouping` pipe and the UI component wit
         [hideGroupedColumns]="true">
     </igx-tree-grid-group-by-area>
     <igx-column [field]="groupColumnKey"></igx-column>
+</igx-tree-grid>
 ```
 
 Here you can see how the grouping expressions and aggregations are defined:
@@ -130,6 +132,7 @@ Here is an example of how to use load on demand:
             [hideGroupedColumns]="true">
         </igx-tree-grid-group-by-area>
         <igx-column [field]="groupColumnKey"></igx-column>
+</igx-tree-grid>
 ```
 
 In order to load the child rows when the user expands a row, the Tree Grid provides the callback input property <ApiLink type="TreeGrid" member="loadChildrenOnDemand" /> - the children data is retrieved from the server and it is assigned to the requested parent row based on the grouping parameters.
diff --git a/docs/angular/src/content/en/grids_templates/cell-merging.mdx b/docs/angular/src/content/en/grids_templates/cell-merging.mdx
index 0cb7b3f5d9..2dc4fe2560 100644
--- a/docs/angular/src/content/en/grids_templates/cell-merging.mdx
+++ b/docs/angular/src/content/en/grids_templates/cell-merging.mdx
@@ -1,6 +1,6 @@
 ---
 title: Angular Grid Cell Merging - Ignite UI for Angular
-description: Position and size columns in a more powerful way, using the multi-row layout functionality in the Ignite UI for Angular Data Grid. Check out examples and demos!
+description: Merge adjacent cells with equal values in the Angular Data Grid using the Ignite UI Cell Merging feature. Learn configuration, merging modes, and see live examples!
 keywords: angular cell merging, cell merging, ignite ui for angular
 license: commercial
 llms:
diff --git a/docs/angular/src/content/en/grids_templates/collapsible-column-groups.mdx b/docs/angular/src/content/en/grids_templates/collapsible-column-groups.mdx
index 12b189cdf3..362fb507bc 100644
--- a/docs/angular/src/content/en/grids_templates/collapsible-column-groups.mdx
+++ b/docs/angular/src/content/en/grids_templates/collapsible-column-groups.mdx
@@ -140,7 +140,7 @@ Another way to achieve this behavior is to use the igxCollapsibleIndicator direc
 ```html
 <igx-column-group header="Customer Information" [collapsible]="true">
     <ng-template igxCollapsibleIndicator let-column="column">
-        <igx-icon [attr.draggable]="false">{{column.expanded ? 'remove' : 'add'}} </<igx-icon>
+        <igx-icon [attr.draggable]="false">{{column.expanded ? 'remove' : 'add'}}</igx-icon>
     </ng-template>
     <igx-column field="CustomerName" header="Fullname" [dataType]="'string'" [visibleWhenCollapsed]="true"></igx-column>
     <igx-column field="CustomerID" header="Customer ID" [dataType]="'string'" [visibleWhenCollapsed]="false"></igx-column>
diff --git a/docs/angular/src/content/en/grids_templates/column-resizing.mdx b/docs/angular/src/content/en/grids_templates/column-resizing.mdx
index 8f619959e0..47a872951d 100644
--- a/docs/angular/src/content/en/grids_templates/column-resizing.mdx
+++ b/docs/angular/src/content/en/grids_templates/column-resizing.mdx
@@ -285,7 +285,7 @@ column.autosize();
 Each column can be set to auto-size on initialization by setting `width` to 'auto':
 
 ```html
-<igx-column width='auto'>...
+<igx-column width='auto'></igx-column>
 ```
 
 When the column is first initialized in the view it resolves its width to the size of the longest visible cell or header. Note that cells that are outside of the visible rows are not included.
diff --git a/docs/angular/src/content/en/grids_templates/column-types.mdx b/docs/angular/src/content/en/grids_templates/column-types.mdx
index 7e18c0e7ed..c5c8a7ae9d 100644
--- a/docs/angular/src/content/en/grids_templates/column-types.mdx
+++ b/docs/angular/src/content/en/grids_templates/column-types.mdx
@@ -26,7 +26,7 @@ llms:
 
 ---
 title: Column Data Types in Angular - Ignite UI for Angular
-description: SHandle cell and editing templates in Angular by choosing from several predefined column data types - number, string, date, boolean, currency and percent column.
+description: Handle cell and editing templates in Angular by choosing from several predefined column data types - number, string, date, boolean, currency and percent column.
 keywords: column data type, ignite ui for angular, infragistics
 license: commercial
 llms:
diff --git a/docs/angular/src/content/en/grids_templates/conditional-cell-styling.mdx b/docs/angular/src/content/en/grids_templates/conditional-cell-styling.mdx
index 301fb453f8..cfe948b631 100644
--- a/docs/angular/src/content/en/grids_templates/conditional-cell-styling.mdx
+++ b/docs/angular/src/content/en/grids_templates/conditional-cell-styling.mdx
@@ -498,13 +498,13 @@ Let's define our styles:
 // component.ts
 public oddColStyles = {
     background: 'linear-gradient(to right, #b993d6, #8ca6db)',
-    color: (rowData, coljey, cellValue, rowIndex) => rowIndex % 2 === 0 ? 'white' : 'gray',
+    color: (rowData, columnKey, cellValue, rowIndex) => rowIndex % 2 === 0 ? 'white' : 'gray',
     animation: '0.75s popin'
 };
 
 public evenColStyles = {
     background: 'linear-gradient(to right, #8ca6db, #b993d6)',
-    color: (rowData, coljey, cellValue, rowIndex) => rowIndex % 2 === 0 ? 'gray' : 'white',
+    color: (rowData, columnKey, cellValue, rowIndex) => rowIndex % 2 === 0 ? 'gray' : 'white',
     animation: '0.75s popin'
 };
 ```
diff --git a/docs/angular/src/content/en/grids_templates/display-density.mdx b/docs/angular/src/content/en/grids_templates/display-density.mdx
index cc424e66dd..cd52e478d9 100644
--- a/docs/angular/src/content/en/grids_templates/display-density.mdx
+++ b/docs/angular/src/content/en/grids_templates/display-density.mdx
@@ -105,7 +105,7 @@ public ngOnInit() {
         },
         {
             label: 'medium',
-            selected: this.sie === 'medium',
+            selected: this.size === 'medium',
             togglable: true
         },
         {
diff --git a/docs/angular/src/content/en/grids_templates/excel-style-filtering.mdx b/docs/angular/src/content/en/grids_templates/excel-style-filtering.mdx
index cf0736194d..cbf49bdfe9 100644
--- a/docs/angular/src/content/en/grids_templates/excel-style-filtering.mdx
+++ b/docs/angular/src/content/en/grids_templates/excel-style-filtering.mdx
@@ -308,6 +308,7 @@ The following code demonstrates how to define a custom Excel style filter menu u
             </igx-excel-style-filter-operations>
         </igx-grid-excel-style-filtering>
         ....
+    </igx-row-island>
 </igx-hierarchical-grid>
 ```
 
diff --git a/docs/angular/src/content/en/grids_templates/filtering.mdx b/docs/angular/src/content/en/grids_templates/filtering.mdx
index f9d1495b42..a092c40ada 100644
--- a/docs/angular/src/content/en/grids_templates/filtering.mdx
+++ b/docs/angular/src/content/en/grids_templates/filtering.mdx
@@ -111,7 +111,7 @@ Property **<ApiLink type="Column" member="filterable" label="filterable" />** en
 ```html
 <{ComponentSelector} #grid1 [data]="data" [autoGenerate]="false" [allowFiltering]="true">
     <igx-column field="ProductName"></igx-column>
-    <igx-column field="Price" [dataType]="'number'" [filterable]="false">
+    <igx-column field="Price" [dataType]="'number'" [filterable]="false"></igx-column>
 </{ComponentSelector}>
 ```
 
@@ -146,7 +146,7 @@ Filtering feature is enabled for the {ComponentTitle} component by setting the <
 <{ComponentSelector} [data]="data" [autoGenerate]="false" [allowFiltering]="true">
     <igx-column field="ProductName"></igx-column>
     <igx-column field="Price" dataType="number"></igx-column>
-    <igx-column field="Discontinued" [dataType]="'boolean'" [filterable]="false">
+    <igx-column field="Discontinued" [dataType]="'boolean'" [filterable]="false"></igx-column>
 </{ComponentSelector}>
 ```
 
@@ -157,7 +157,7 @@ Filtering feature is enabled for the {ComponentTitle} component by setting the <
 <{ComponentSelector} [data]="data" [autoGenerate]="false" [allowFiltering]="true">
     <igx-column field="Name" header="Order Product"></igx-column>
     <igx-column field="Units" header="Units" dataType="number"></igx-column>
-    <igx-column field="Delivered" header="Delivered" [dataType]="'boolean'" [filterable]="false">
+    <igx-column field="Delivered" header="Delivered" [dataType]="'boolean'" [filterable]="false"></igx-column>
 </{ComponentSelector}>
 ```
 
@@ -167,7 +167,7 @@ Filtering feature is enabled for the {ComponentTitle} component by setting the <
 ```html
 <igx-hierarchical-grid [data]="localdata" [autoGenerate]="false" [allowFiltering]="true">
     <igx-column field="Artist" [filterable]="true"></igx-column>
-    <igx-column field="Photo" [filterable]="false">
+    <igx-column field="Photo" [filterable]="false"></igx-column>
 </igx-hierarchical-grid>
 ```
 
diff --git a/docs/angular/src/content/en/grids_templates/keyboard-navigation.mdx b/docs/angular/src/content/en/grids_templates/keyboard-navigation.mdx
index 6e31661c82..faf1937335 100644
--- a/docs/angular/src/content/en/grids_templates/keyboard-navigation.mdx
+++ b/docs/angular/src/content/en/grids_templates/keyboard-navigation.mdx
@@ -216,7 +216,7 @@ Let's try the API to demonstrate how to achieve common scenarios like user input
 <ComponentBlock for="Grid">
 
 ```html
-<igx-grid #grid1 [data]="data" [primaryKey]="'ProductID'" (gridKeydown)="customKeydown($event)">
+<igx-grid #grid1 [data]="data" [primaryKey]="'ProductID'" (gridKeydown)="customKeydown($event)"></igx-grid>
 ```
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/multi-column-headers.mdx b/docs/angular/src/content/en/grids_templates/multi-column-headers.mdx
index 63f7484461..285650b3ed 100644
--- a/docs/angular/src/content/en/grids_templates/multi-column-headers.mdx
+++ b/docs/angular/src/content/en/grids_templates/multi-column-headers.mdx
@@ -14,7 +14,7 @@ llms:
 
 ---
 title: Angular Multi-column Headers - Ignite UI for Angular
-description: SStart grouping column headers by placing them under a common hierarchical header with the help of Ignite UI for Angular grid and combine them into multi headers.
+description: Start grouping column headers by placing them under a common hierarchical header with the help of Ignite UI for Angular grid and combine them into multi headers.
 keywords: column headers, ignite ui for angular, infragistics
 license: commercial
 _canonicalLink: grid/multi-column-headers
@@ -152,7 +152,7 @@ For achieving `n-th` level of nested headers, the declaration above should be fo
 ```html
 <igx-hierarchical-grid [data]="localdata" [allowFiltering]="true" [moving]="true">
     <igx-column field="CustomerID" sortable="true" resizable="true"></igx-column>
-    <igx-column-group pinned]="false" header="General Information">
+    <igx-column-group [pinned]="false" header="General Information">
         <igx-column field="CompanyName" sortable="true" resizable="true"></igx-column>
         <igx-column-group header="Person Details">
             <igx-column field="ContactName" sortable="true" resizable="true"></igx-column>
diff --git a/docs/angular/src/content/en/grids_templates/row-adding.mdx b/docs/angular/src/content/en/grids_templates/row-adding.mdx
index 1ad22eae94..21f75d2d70 100644
--- a/docs/angular/src/content/en/grids_templates/row-adding.mdx
+++ b/docs/angular/src/content/en/grids_templates/row-adding.mdx
@@ -86,9 +86,9 @@ Then define a {ComponentTitle} with bound data source and <ApiLink type="{Compon
 ```html
 <igx-grid [data]="data" [primaryKey]="'ProductID'" [autoGenerate]="false" [rowEditable]="true">
     <igx-column field="ProductID" header="Product ID" dataType="number"></igx-column>
-    <igx-column field="ReorderLevel" header="ReorderLever" dataType="number"></igx-column>
-    <igx-column field="ProductName" header="ProductName" dataType="string"></igx-column>
-    <igx-column field="UnitsInStock" header="UnitsInStock" dataType="number"></igx-column>
+    <igx-column field="ReorderLevel" header="Reorder Level" dataType="number"></igx-column>
+    <igx-column field="ProductName" header="Product Name" dataType="string"></igx-column>
+    <igx-column field="UnitsInStock" header="Units In Stock" dataType="number"></igx-column>
     <igx-column field="OrderDate" dataType="date"></igx-column>
     <igx-column field="Discontinued" header="Discontinued" dataType="boolean"></igx-column>
     
diff --git a/docs/angular/src/content/en/grids_templates/row-editing.mdx b/docs/angular/src/content/en/grids_templates/row-editing.mdx
index 75bd6219b7..5221c56b4f 100644
--- a/docs/angular/src/content/en/grids_templates/row-editing.mdx
+++ b/docs/angular/src/content/en/grids_templates/row-editing.mdx
@@ -81,9 +81,9 @@ Then define a {ComponentTitle} with bound data source and <ApiLink type="{Compon
 ```html
 <igx-grid [data]="data" [primaryKey]="'ProductID'" width="100%" height="500px" [rowEditable]="true">
     <igx-column field="ProductID" header="Product ID" editable="false"></igx-column>
-    <igx-column field="ReorderLevel" header="ReorderLever" [dataType]="'number'"></igx-column>
-    <igx-column field="ProductName" header="ProductName" [dataType]="'string'"></igx-column>
-    <igx-column field="UnitsInStock" header="UnitsInStock" [dataType]="'number'">
+    <igx-column field="ReorderLevel" header="Reorder Level" [dataType]="'number'"></igx-column>
+    <igx-column field="ProductName" header="Product Name" [dataType]="'string'"></igx-column>
+    <igx-column field="UnitsInStock" header="Units In Stock" [dataType]="'number'">
         <ng-template igxCellEditor let-cell="cell">
             <input name="units" [(ngModel)]="cell.value" style="color: black" />
         </ng-template>
diff --git a/docs/angular/src/content/en/grids_templates/summaries.mdx b/docs/angular/src/content/en/grids_templates/summaries.mdx
index 414dd96f8f..55a476b455 100644
--- a/docs/angular/src/content/en/grids_templates/summaries.mdx
+++ b/docs/angular/src/content/en/grids_templates/summaries.mdx
@@ -329,7 +329,7 @@ And now let's add our custom summary to the column `UnitPrice`. We will achieve
     <igx-column field="ID" header="Order ID" width="200px" [sortable]="true"></igx-column>
     <igx-column field="Name" header="Order Product" width="200px" [sortable]="true" [hasSummary]="true"></igx-column>
     <igx-column field="Units" [dataType]="'number'" width="200px" [editable]="true" [hasSummary]="true" [summaries]="mySummary"></igx-column>
-    <igx-column field="UnitPrice" header="Unit Price" width="200px" [dataType]="'number'"  [dataType]="'currency'" [hasSummary]="true"></igx-column>
+    <igx-column field="UnitPrice" header="Unit Price" width="200px" [dataType]="'currency'" [hasSummary]="true"></igx-column>
 </{ComponentSelector}>
 ```
 
diff --git a/docs/angular/src/content/en/grids_templates/toolbar.mdx b/docs/angular/src/content/en/grids_templates/toolbar.mdx
index 8897027f55..8d6fa055c0 100644
--- a/docs/angular/src/content/en/grids_templates/toolbar.mdx
+++ b/docs/angular/src/content/en/grids_templates/toolbar.mdx
@@ -67,7 +67,7 @@ The predefined `actions` and `title` UI components are added inside the `<igx-gr
     <igx-grid-toolbar>
         <igx-grid-toolbar-title>Grid Toolbar</igx-grid-toolbar-title>
         <igx-grid-toolbar-actions>
-            <igx-grid-toolbar-advanced-filtering><igx-grid-toolbar-advanced-filtering>
+            <igx-grid-toolbar-advanced-filtering></igx-grid-toolbar-advanced-filtering>
             <igx-grid-toolbar-hiding></igx-grid-toolbar-hiding>
             <igx-grid-toolbar-pinning></igx-grid-toolbar-pinning>
             <igx-grid-toolbar-exporter></igx-grid-toolbar-exporter>
@@ -84,7 +84,7 @@ The predefined `actions` and `title` UI components are added inside the `<igx-gr
     <igx-grid-toolbar>
         <igx-grid-toolbar-title>Tree Grid Toolbar</igx-grid-toolbar-title>
         <igx-grid-toolbar-actions>
-            <igx-grid-toolbar-advanced-filtering><igx-grid-toolbar-advanced-filtering>
+            <igx-grid-toolbar-advanced-filtering></igx-grid-toolbar-advanced-filtering>
             <igx-grid-toolbar-hiding></igx-grid-toolbar-hiding>
             <igx-grid-toolbar-pinning></igx-grid-toolbar-pinning>
             <igx-grid-toolbar-exporter></igx-grid-toolbar-exporter>
@@ -101,7 +101,7 @@ The predefined `actions` and `title` UI components are added inside the `<igx-gr
     <igx-grid-toolbar>
         <igx-grid-toolbar-title>Hierarchical Grid Toolbar</igx-grid-toolbar-title>
         <igx-grid-toolbar-actions>
-            <igx-grid-toolbar-advanced-filtering><igx-grid-toolbar-advanced-filtering>
+            <igx-grid-toolbar-advanced-filtering></igx-grid-toolbar-advanced-filtering>
             <igx-grid-toolbar-hiding></igx-grid-toolbar-hiding>
             <igx-grid-toolbar-pinning></igx-grid-toolbar-pinning>
             <igx-grid-toolbar-exporter></igx-grid-toolbar-exporter>
diff --git a/docs/angular/src/content/en/grids_templates/validation.mdx b/docs/angular/src/content/en/grids_templates/validation.mdx
index cc1d8bb790..b25b97d87b 100644
--- a/docs/angular/src/content/en/grids_templates/validation.mdx
+++ b/docs/angular/src/content/en/grids_templates/validation.mdx
@@ -655,7 +655,9 @@ public cellStyles = {
 
 ```html
 <igx-grid [rowStyles]="rowStyles">
-  <igx-column field="ReorderLevel" header="ReorderLever" required [cellClasses]="cellStyles">
+  <igx-column field="ReorderLevel" header="Reorder Level" required [cellClasses]="cellStyles">
+  </igx-column>
+</igx-grid>
 ```
 
 </ComponentBlock>
@@ -685,9 +687,12 @@ public cellStyles = {
 ```html
 <igx-hierarchical-grid [rowStyles]="rowStyles">
   <igx-column field="Artist" [editable]="true" [dataType]="'string'" required [cellClasses]="cellStyles">
-  ...
+  </igx-column>
   <igx-row-island [key]="'Albums'" [rowStyles]="rowStyles">
     <igx-column field="Album" [editable]="true" [dataType]="'string'" required [cellClasses]="cellStyles">
+    </igx-column>
+  </igx-row-island>
+</igx-hierarchical-grid>
 ```
 
 </ComponentBlock>
@@ -712,6 +717,8 @@ public cellStyles = {
 ```html
 <igx-tree-grid [rowStyles]="rowStyles">
   <igx-column *ngFor="let c of columns" [field]="c.field" [dataType]="c.dataType" [header]="c.label" [required]="c.required" [cellClasses]="cellStyles">
+  </igx-column>
+</igx-tree-grid>
 ```
 
 </ComponentBlock>
diff --git a/docs/xplat/src/content/en/components/blazor-webassembly-how-to-read-and-write-excel-files-to-reduce-server-load.mdx b/docs/xplat/src/content/en/components/blazor-webassembly-how-to-read-and-write-excel-files-to-reduce-server-load.mdx
index d8acd3e776..8f7d84647e 100644
--- a/docs/xplat/src/content/en/components/blazor-webassembly-how-to-read-and-write-excel-files-to-reduce-server-load.mdx
+++ b/docs/xplat/src/content/en/components/blazor-webassembly-how-to-read-and-write-excel-files-to-reduce-server-load.mdx
@@ -94,10 +94,14 @@ In the wwwroot/index.html file (the fallback page in the Blazor WebAssembly proj
 <PlatformBlock for="Blazor">
 
 ```razor
+<html>
+<body>
 <script src="_content/IgniteUI.Blazor/app.bundle.js"></script>
-<!-👇 Add this line->
+<!-- Add this line -->
 <script src="_content/IgniteUI.Blazor.Documents.Excel/excel.js"></script>
-<script src="_framework/blazor.webassembly.js"></script> </body></ html>
+<script src="_framework/blazor.webassembly.js"></script>
+</body>
+</html>
 ```
 
 </PlatformBlock>
@@ -218,16 +222,16 @@ First, in the Blazor WebAssembly project file (.csproj), arrange the `<BlazorW
 <PlatformBlock for="Blazor">
 
 ```razor
-<!- Blazor WebAssembly project file (.csproj) ->
+<!-- Blazor WebAssembly project file (.csproj) -->
 <Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly" >
 
-  <!- Specify the file name of the assembly file (.dll) that you want to lazy load in the BlazorWebAssemblyLazyLoad element. ->
+  <!-- Specify the file name of the assembly file (.dll) that you want to lazy load in the BlazorWebAssemblyLazyLoad element. -->
   <ItemGroup>
     <BlazorWebAssemblyLazyLoad Include="IgniteUI.Blazor.Documents.Core.dll" />
     <BlazorWebAssemblyLazyLoad Include="IgniteUI.Blazor.Documents.Excel.dll" />
   </ItemGroup>
 
-</ Project>
+</Project>
 ```
 
 </PlatformBlock>
diff --git a/docs/xplat/src/content/en/components/bullet-graph.mdx b/docs/xplat/src/content/en/components/bullet-graph.mdx
index ea471b2004..6e4d004ad2 100644
--- a/docs/xplat/src/content/en/components/bullet-graph.mdx
+++ b/docs/xplat/src/content/en/components/bullet-graph.mdx
@@ -148,11 +148,11 @@ The following code walks through creating a bullet graph component, and configur
         <IgrLinearGraphRange startValue={0}
                                 endValue={15}
                                 brush="#828181"/>
-        <IgrLinearGraphRange StartValue={15}
+        <IgrLinearGraphRange startValue={15}
                                 endValue={30}
                                 brush="#AAAAAA"/>
-        <IgrLinearGraphRange StartValue={30}
-                                bndValue={55}
+        <IgrLinearGraphRange startValue={30}
+                                endValue={55}
                                 brush="#D0D0D0"/>
  </IgrBulletGraph>
 ```
@@ -1159,7 +1159,7 @@ For your convenience, all above code snippets are combined into one code block b
     </IgbLinearGraphRange>
     <IgbLinearGraphRange StartValue="60" EndValue="90"
         InnerStartExtent="0.025" InnerEndExtent="0.025"
-        OuterStartExtent="0.9 OuterEndExtent="0.9">
+        OuterStartExtent="0.9" OuterEndExtent="0.9">
     </IgbLinearGraphRange>
 </IgbBulletGraph>
 ```
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-markers.mdx b/docs/xplat/src/content/en/components/charts/features/chart-markers.mdx
index b5642e1a3a..387a310de9 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-markers.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-markers.mdx
@@ -71,7 +71,7 @@ The following code examples show how to set `MarkerSize` to 30 device-independen
 
 <PlatformBlock for="WebComponents">
 
-```ts
+```html
 <igc-data-chart>
     <igc-scatter-line-series
         marker-size="30"
@@ -99,7 +99,7 @@ To reset markers to their default template-driven size, set `MarkerSize` to `NaN
 <PlatformBlock for="React">
 
 ```tsx
-<IgrLineSeries markerSize={NaN} markerType="Circle" ... />
+<IgrLineSeries markerSize={NaN} markerType="Circle" />
 ```
 
 </PlatformBlock>
diff --git a/docs/xplat/src/content/en/components/customize-marker-display-in-blazor-charts.mdx b/docs/xplat/src/content/en/components/customize-marker-display-in-blazor-charts.mdx
index 0e8a3561ff..461c9539d1 100644
--- a/docs/xplat/src/content/en/components/customize-marker-display-in-blazor-charts.mdx
+++ b/docs/xplat/src/content/en/components/customize-marker-display-in-blazor-charts.mdx
@@ -242,10 +242,10 @@ Mind the arrangement order of the script elements in order to ensure it will be
 <PlatformBlock for="Blazor">
 
 ```razor
-<script src="_content / IgniteUI.Blazor / app.bundle.js"> </script>
+<script src="_content/IgniteUI.Blazor/app.bundle.js"></script>
 
-<!-After JavaScript in Ignite UI for Blazor,
-Load a custom drawing JavaScript program for marker display->
+<!-- After JavaScript in Ignite UI for Blazor,
+load a custom drawing JavaScript program for marker display. -->
 
 <script src="customMarkerTemplateFunc.js"></script>
 ```
diff --git a/docs/xplat/src/content/en/components/excel-library-using-cells.mdx b/docs/xplat/src/content/en/components/excel-library-using-cells.mdx
index b65d1d5aea..f50cc69c82 100644
--- a/docs/xplat/src/content/en/components/excel-library-using-cells.mdx
+++ b/docs/xplat/src/content/en/components/excel-library-using-cells.mdx
@@ -224,7 +224,7 @@ The following code shows you how to format a cell to display numbers as currency
 
 ```ts
 var workbook = new Workbook(format);
-var workbook = workbook.worksheets().add("Sheet1");
+var worksheet = workbook.worksheets().add("Sheet1");
 
 worksheet.columns(2).cellFormat.formatString = "\"$\"#,##0.00";
 ```
diff --git a/docs/xplat/src/content/en/components/general-changelog-dv-react.mdx b/docs/xplat/src/content/en/components/general-changelog-dv-react.mdx
index 72012bfee5..699e22b005 100644
--- a/docs/xplat/src/content/en/components/general-changelog-dv-react.mdx
+++ b/docs/xplat/src/content/en/components/general-changelog-dv-react.mdx
@@ -210,7 +210,7 @@ Ability for axis annotations to automatically detect collisions and truncate to
 
 ### {PackageGrids} (Grids)
 - <ApiLink type="Grid" />, <ApiLink type="TreeGrid" />, <ApiLink type="HierarchicalGrid" />
-  - Introduced a new cell merging feature that allows you to configure and merge cells in a column based on same data or other custom condition, into a single cell.
+- Introduced a new cell merging feature that allows you to configure and merge cells in a column based on same data or other custom condition, into a single cell.
 
         It can be enabled on the individual columns:
 
@@ -218,19 +218,19 @@ Ability for axis annotations to automatically detect collisions and truncate to
 
 ```tsx
         <IgrColumn field="field" merge={true}></IgrColumn>
-        ```
+```
 
 </PlatformBlock>
         The merging can be configured on the grid level to apply either:
-     - `onSort` - only when the column is sorted.
-     - `always` - always, regardless of data operations.
+  - `onSort` - only when the column is sorted.
+  - `always` - always, regardless of data operations.
 
 <PlatformBlock for="React">
 
 ```tsx
         <IgrGrid cellMergeMode="always">
         </IgrGrid>
-        ```
+```
 
 </PlatformBlock>
 
@@ -240,14 +240,14 @@ Ability for axis annotations to automatically detect collisions and truncate to
 
         It's possible also to set a `mergeComparer` on the individual columns, in case some custom handling is needed for a particular data field.
 
-  - Added ability to pin individual columns to a specific side (start or end of the grid), so that you can now have pinning from both sides. This can be done either declaratively by setting the `pinningPosition` property on the column:
+- Added ability to pin individual columns to a specific side (start or end of the grid), so that you can now have pinning from both sides. This can be done either declaratively by setting the `pinningPosition` property on the column:
 
 <PlatformBlock for="React">
 
 ```tsx
         <IgrColumn field="Col1" pinned={true} pinningPosition="pinningPosition">
         </IgrColumn>
-        ```
+```
 
 </PlatformBlock>
 
@@ -264,12 +264,12 @@ Ability for axis annotations to automatically detect collisions and truncate to
 
         If property `pinningPosition` is not set on a column, the column will default to the position specified on the grid's `pinning` options for `columns`.
 
-  - **Sorting improvements**
-     - Improved sorting algorithm efficiency using Schwartzian transformation. This is a technique, also known as decorate-sort-undecorate, which avoids recomputing the sort keys by temporarily associating them with the original data records.
-     - Refactored sorting algorithms from recursive to iterative.
-  - **Groupby improvements**
-     - Refactored grouping algorithm from recursive to iterative.
-     - Optimized grouping operations.
+- **Sorting improvements**
+  - Improved sorting algorithm efficiency using Schwartzian transformation. This is a technique, also known as decorate-sort-undecorate, which avoids recomputing the sort keys by temporarily associating them with the original data records.
+  - Refactored sorting algorithms from recursive to iterative.
+- **Groupby improvements**
+  - Refactored grouping algorithm from recursive to iterative.
+  - Optimized grouping operations.
 
 
 
@@ -851,11 +851,13 @@ DashboardTile <Badge variant="preview" />
 
 - The <ApiLink type="IconButton" member="form" label="Form" /> component has been deprecated. Please, use the native form element instead.
 - The `size` property and attribute have been deprecated for all components. Use the `--ig-size` CSS custom property instead. The following example sets the size of the avatar component to small:
-    ```css
-    .avatar {
-        --ig-size: var(--ig-size-small);
-    }
-    ```
+
+  ```css
+  .avatar {
+      --ig-size: var(--ig-size-small);
+  }
+  ```
+
 - <ApiLink pkg="core" type="DateTimeInput" />
   - `MinValue` and `MaxValue` properties have been deprecated. Please, use <ApiLink pkg="core" type="DatePicker" member="min" label="Min" /> and <ApiLink pkg="core" type="DatePicker" member="max" label="Max" /> instead.
 - <ApiLink pkg="core" type="RangeSlider" />
@@ -1199,8 +1201,8 @@ import { IgrDataGridModule } from 'igniteui-react-data-grids';
 
 The data grid component requires the "inputs" package.
 
-```ts
-**npm install --save {PackageInputs}**
+```cmd
+npm install --save {PackageInputs}
 ```
 
 
diff --git a/docs/xplat/src/content/en/components/general-changelog-dv-wc.mdx b/docs/xplat/src/content/en/components/general-changelog-dv-wc.mdx
index f274ae1d3d..f31b44bea5 100644
--- a/docs/xplat/src/content/en/components/general-changelog-dv-wc.mdx
+++ b/docs/xplat/src/content/en/components/general-changelog-dv-wc.mdx
@@ -180,7 +180,7 @@ Ability for axis annotations to automatically detect collisions and truncate to
 
 ### {PackageGrids} (Grids)
 - <ApiLink type="IgcGrid" />, <ApiLink type="IgcTreeGrid" />, <ApiLink type="IgcHierarchicalGrid" />
-  - Introduced a new cell merging feature that allows you to configure and merge cells in a column based on same data or other custom condition, into a single cell.
+- Introduced a new cell merging feature that allows you to configure and merge cells in a column based on same data or other custom condition, into a single cell.
 
         It can be enabled on the individual columns:
 
@@ -188,19 +188,19 @@ Ability for axis annotations to automatically detect collisions and truncate to
 
 ```html
         <igc-column field="field" merge="true"></igc-column>
-        ```
+```
 
 </PlatformBlock>
         The merging can be configured on the grid level to apply either:
-     - `onSort` - only when the column is sorted.
-     - `always` - always, regardless of data operations.
+  - `onSort` - only when the column is sorted.
+  - `always` - always, regardless of data operations.
 
 <PlatformBlock for="WebComponents">
 
 ```html
         <igc-grid cellMergeMode="always">
         </igc-grid>
-        ```
+```
 
 </PlatformBlock>
 
@@ -210,14 +210,14 @@ Ability for axis annotations to automatically detect collisions and truncate to
 
         It's possible also to set a `mergeComparer` on the individual columns, in case some custom handling is needed for a particular data field.
 
-  - Added ability to pin individual columns to a specific side (start or end of the grid), so that you can now have pinning from both sides. This can be done either declaratively by setting the `pinningPosition` property on the column:
+- Added ability to pin individual columns to a specific side (start or end of the grid), so that you can now have pinning from both sides. This can be done either declaratively by setting the `pinningPosition` property on the column:
 
 <PlatformBlock for="WebComponents">
 
 ```html
         <igc-column field="Col1" pinned="true" pinningPosition="pinningPosition">
         </igc-column>
-        ```
+```
 
 </PlatformBlock>
 
@@ -234,12 +234,12 @@ Ability for axis annotations to automatically detect collisions and truncate to
 
         If property `pinningPosition` is not set on a column, the column will default to the position specified on the grid's `pinning` options for `columns`.
 
-  - **Sorting improvements**
-     - Improved sorting algorithm efficiency using Schwartzian transformation. This is a technique, also known as decorate-sort-undecorate, which avoids recomputing the sort keys by temporarily associating them with the original data records.
-     - Refactored sorting algorithms from recursive to iterative.
-  - **Groupby improvements**
-     - Refactored grouping algorithm from recursive to iterative.
-     - Optimized grouping operations.
+- **Sorting improvements**
+  - Improved sorting algorithm efficiency using Schwartzian transformation. This is a technique, also known as decorate-sort-undecorate, which avoids recomputing the sort keys by temporarily associating them with the original data records.
+  - Refactored sorting algorithms from recursive to iterative.
+- **Groupby improvements**
+  - Refactored grouping algorithm from recursive to iterative.
+  - Optimized grouping operations.
 
 
 
@@ -1029,8 +1029,8 @@ import { IgcDataGridModule } from 'igniteui-webcomponents-data-grids';
 
 The data grid component requires the "inputs" package.
 
-```ts
-**npm install --save {PackageInputs}**
+```cmd
+npm install --save {PackageInputs}
 ```
 
 ## **{PackageVerChangedImports}**
@@ -1401,7 +1401,7 @@ igc-avatar {
   - `value` type changed from `string[]` to `ComboValue<T>[]` where
 
   ```ts
-  ComboValue<T> = T | T[keyof T]
+  type ComboValue<T> = T | T[keyof T];
   ```
 
   - `igcChange` event object properties are also changed to reflect the new `value` type:
diff --git a/docs/xplat/src/content/en/components/general-licensing.mdx b/docs/xplat/src/content/en/components/general-licensing.mdx
index 7f0a499219..0b9b60b03c 100644
--- a/docs/xplat/src/content/en/components/general-licensing.mdx
+++ b/docs/xplat/src/content/en/components/general-licensing.mdx
@@ -158,7 +158,7 @@ Here's a full example with all path mappings for the react packages you may need
 
 - Change the themes imports like this:
 
-```ts
+```scss
 @import '~{PackageDockManager}/dist/collection/styles/igc.themes';
 
 // Should be changed to
diff --git a/docs/xplat/src/content/en/components/geo-map-binding-data-csv.mdx b/docs/xplat/src/content/en/components/geo-map-binding-data-csv.mdx
index dc995ed63e..8252e93c48 100644
--- a/docs/xplat/src/content/en/components/geo-map-binding-data-csv.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-binding-data-csv.mdx
@@ -27,7 +27,7 @@ With the {ProductName} map component, you can plot geographic data loaded from v
 ## Data Example
 Here is an example of data from CSV file:
 
-```ts
+```csv
 City,Lat,Lon,State,Code,County,Density,Population
 New York,40.7856,-74.0093,New Jersey,NJ,Hudson,21057,54227
 Dundee,42.5236,-76.9775,New York,NY,Yates,579,1650
@@ -50,7 +50,7 @@ The following code loads and binds <ApiLink type="GeographicHighDensityScatterSe
 <PlatformBlock for="Angular">
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
 <igx-geographic-map #map
     width="700px"
     height="500px"
diff --git a/docs/xplat/src/content/en/components/geo-map-binding-data-json-points.mdx b/docs/xplat/src/content/en/components/geo-map-binding-data-json-points.mdx
index b046684533..c897243556 100644
--- a/docs/xplat/src/content/en/components/geo-map-binding-data-json-points.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-binding-data-json-points.mdx
@@ -42,7 +42,7 @@ The following code loads and binds <ApiLink type="GeographicHighDensityScatterSe
 <PlatformBlock for="Angular">
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
     <igx-geographic-map #map
         width="700px"
         height="500px"
diff --git a/docs/xplat/src/content/en/components/geo-map-binding-data-model.mdx b/docs/xplat/src/content/en/components/geo-map-binding-data-model.mdx
index 6141eff371..725e6847bb 100644
--- a/docs/xplat/src/content/en/components/geo-map-binding-data-model.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-binding-data-model.mdx
@@ -42,7 +42,7 @@ The following code shows how to bind the <ApiLink type="GeographicSymbolSeries"
 <PlatformBlock for="Angular">
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
     <igx-geographic-map #map
         width="700px"
         height="500px"
diff --git a/docs/xplat/src/content/en/components/geo-map-binding-multiple-shapes.mdx b/docs/xplat/src/content/en/components/geo-map-binding-multiple-shapes.mdx
index ece53a03d4..d474c2a37d 100644
--- a/docs/xplat/src/content/en/components/geo-map-binding-multiple-shapes.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-binding-multiple-shapes.mdx
@@ -106,8 +106,8 @@ Next, we need to create a map with a few Geographic Series that will later load
 <PlatformBlock for="Angular">
 
 ```html
-<div className="sampleRoot">
-    <div className="map" >
+<div class="sampleRoot">
+    <div class="map" >
         <igx-geographic-map
             #map
             width="700px"
@@ -779,7 +779,7 @@ export class MapBindingMultipleShapesComponent implements AfterViewInit {
 
 <PlatformBlock for="React">
 
-```ts
+```tsx
 import * as React from "react";
 import "../styles.css";
 import "./GeoMapStyles.css";
diff --git a/docs/xplat/src/content/en/components/geo-map-binding-multiple-sources.mdx b/docs/xplat/src/content/en/components/geo-map-binding-multiple-sources.mdx
index 5537806c1a..042956f057 100644
--- a/docs/xplat/src/content/en/components/geo-map-binding-multiple-sources.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-binding-multiple-sources.mdx
@@ -40,7 +40,7 @@ Create data sources for all geographic series that you want to display in the {P
 <PlatformBlock for="Angular">
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
     <igx-geographic-map #map
         width="700px"
         height="500px"
diff --git a/docs/xplat/src/content/en/components/geo-map-binding-shp-file.mdx b/docs/xplat/src/content/en/components/geo-map-binding-shp-file.mdx
index 012d43f03b..a845bb3094 100644
--- a/docs/xplat/src/content/en/components/geo-map-binding-shp-file.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-binding-shp-file.mdx
@@ -32,8 +32,8 @@ The following table explains properties of the <ApiLink type="ShapefileRecord" /
 | `ShapefileSource` | string |Specifies the Uri to a shape file (.shp) that contains geo-spatial data items.|
 |`DatabaseSource` | string |Specifies the Uri to a shape database file (.dbf) that contains a data table for geo-spatial data items.|
 
-{/*TODO add for WPF only: _/}
-{/_ Both of the source properties for shape files are of Uri type. This means that shape files can be embedded resources in the application assembly and on the internet (via http). Refer to the previous section for more information on this process. The rules for resolving Uri objects are equivalent to any standard Uri property, for example the BitmapImage.UriSource property.*/}
+{/*TODO add for WPF only: */}
+{/* Both of the source properties for shape files are of Uri type. This means that shape files can be embedded resources in the application assembly and on the internet (via http). Refer to the previous section for more information on this process. The rules for resolving Uri objects are equivalent to any standard Uri property, for example the BitmapImage.UriSource property.*/}
 
 When both source properties are set to non-null values, then the <ApiLink type="ShapefileRecord" /> object’s ImportAsync method is invoked which in return performs fetching and reading the shape files and finally doing the conversion. After this operation is complete, the <ApiLink type="ShapefileRecord" /> is populated with `IgxShapefileRecord` objects and the `ImportCompleted` event is raised in order to notify about completed process of loading and converting geo-spatial data from shape files.
 
@@ -80,7 +80,7 @@ The following code binds <ApiLink type="GeographicPolylineSeries" /> in the map
 <PlatformBlock for="Angular">
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
     <igx-geographic-map #map
         width="700px"
         height="500px"
diff --git a/docs/xplat/src/content/en/components/geo-map-display-azure-imagery.mdx b/docs/xplat/src/content/en/components/geo-map-display-azure-imagery.mdx
index d7dcd51c0f..d5da9d933b 100644
--- a/docs/xplat/src/content/en/components/geo-map-display-azure-imagery.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-display-azure-imagery.mdx
@@ -186,7 +186,7 @@ export class AppComponent implements AfterViewInit {
 
 <PlatformBlock for="React">
 
-```ts
+```tsx
 // App.tsx
 import React, { useEffect, useRef } from 'react';
 import {
@@ -201,23 +201,25 @@ export default function App() {
     const tileSeriesRef = useRef<IgrGeographicTileSeries>(null);
     const azureKey = "<YOUR_KEY_HERE>";
 
-    // Update TileSeries
-    const series = new IgrGeographicTileSeries({
-    name: "AzureTileSeries",
-    });
-
-    const overlay = new IgrAzureMapsImagery({});
-    overlay.apiKey = azureKey;
-    overlay.imageryStyle = AzureMapsImageryStyle.TrafficAbsoluteOverlay;
-    series.tileImagery = overlay;
-
-    // Update Map Background
-    const background = new IgrAzureMapsImagery({});
-    background.apiKey = azureKey;
-    background.imageryStyle = AzureMapsImageryStyle.DarkGrey;
-    this.geoMap.backgroundContent = background;
-
-    this.geoMap.series.add(series);
+    useEffect(() => {
+        // Update TileSeries
+        const overlay = new IgrAzureMapsImagery({});
+        overlay.apiKey = azureKey;
+        overlay.imageryStyle = AzureMapsImageryStyle.TrafficAbsoluteOverlay;
+
+        if (tileSeriesRef.current) {
+            tileSeriesRef.current.tileImagery = overlay;
+        }
+
+        // Update Map Background
+        const background = new IgrAzureMapsImagery({});
+        background.apiKey = azureKey;
+        background.imageryStyle = AzureMapsImageryStyle.DarkGrey;
+
+        if (mapRef.current) {
+            mapRef.current.backgroundContent = background;
+        }
+    }, []);
 
     return (
         <div style={{ height: "100vh" }}>
diff --git a/docs/xplat/src/content/en/components/geo-map-type-scatter-area-series.mdx b/docs/xplat/src/content/en/components/geo-map-type-scatter-area-series.mdx
index 3f53c91cf1..91ba7e36a8 100644
--- a/docs/xplat/src/content/en/components/geo-map-type-scatter-area-series.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-type-scatter-area-series.mdx
@@ -70,6 +70,7 @@ import { IgrGeographicMapModule } from 'igniteui-react-maps';
 import { IgrGeographicMap } from 'igniteui-react-maps';
 import { IgrGeographicScatterAreaSeries } from 'igniteui-react-maps';
 import { IgrCustomPaletteColorScale } from 'igniteui-react-charts';
+import { IgrDataChartInteractivityModule } from 'igniteui-react-charts';
 import { IgrShapeDataSource } from 'igniteui-react-core';
 
 IgrGeographicMapModule.register();
@@ -156,7 +157,7 @@ public createAreaSeries(data: any[])
 <PlatformBlock for="Angular">
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
     <igx-geographic-map #map
         width="700px"
         height="500px"
diff --git a/docs/xplat/src/content/en/components/geo-map-type-scatter-bubble-series.mdx b/docs/xplat/src/content/en/components/geo-map-type-scatter-bubble-series.mdx
index 1056cb876f..35b9f9b7e2 100644
--- a/docs/xplat/src/content/en/components/geo-map-type-scatter-bubble-series.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-type-scatter-bubble-series.mdx
@@ -123,7 +123,7 @@ public onMapReferenced(map: IgrGeographicMap) {
 <PlatformBlock for="Angular">
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
     <igx-geographic-map #map
         width="700px"
         height="500px"
diff --git a/docs/xplat/src/content/en/components/geo-map-type-scatter-contour-series.mdx b/docs/xplat/src/content/en/components/geo-map-type-scatter-contour-series.mdx
index e7c8603917..e6222ff385 100644
--- a/docs/xplat/src/content/en/components/geo-map-type-scatter-contour-series.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-type-scatter-contour-series.mdx
@@ -72,6 +72,7 @@ import { IgrGeographicMap } from 'igniteui-react-maps';
 import { IgrGeographicContourLineSeries } from 'igniteui-react-maps';
 import { IgrValueBrushScale } from 'igniteui-react-charts';
 import { IgrCustomPaletteColorScale } from 'igniteui-react-charts';
+import { IgrDataChartInteractivityModule } from 'igniteui-react-charts';
 import { IgrShapeDataSource } from 'igniteui-react-core';
 
 IgrGeographicMapModule.register();
@@ -158,7 +159,7 @@ public createContourSeries(data: any[])
 <PlatformBlock for="Angular">
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
     <igx-geographic-map #map
         width="700px"
         height="500px"
diff --git a/docs/xplat/src/content/en/components/geo-map-type-scatter-density-series.mdx b/docs/xplat/src/content/en/components/geo-map-type-scatter-density-series.mdx
index 8fe25b9255..a35e46b4aa 100644
--- a/docs/xplat/src/content/en/components/geo-map-type-scatter-density-series.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-type-scatter-density-series.mdx
@@ -123,7 +123,7 @@ public onDataLoaded(geoLocations: any[]) {
 <PlatformBlock for="Angular">
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
     <igx-geographic-map #map
         width="700px"
         height="500px"
diff --git a/docs/xplat/src/content/en/components/geo-map-type-scatter-symbol-series.mdx b/docs/xplat/src/content/en/components/geo-map-type-scatter-symbol-series.mdx
index 4883bd6ed6..8747b94dbf 100644
--- a/docs/xplat/src/content/en/components/geo-map-type-scatter-symbol-series.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-type-scatter-symbol-series.mdx
@@ -92,7 +92,7 @@ public addSeries(locations: any[], brush: string)
 <PlatformBlock for="Angular">
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
     <igx-geographic-map #map
         width="700px"
         height="500px"
diff --git a/docs/xplat/src/content/en/components/geo-map-type-shape-polygon-series.mdx b/docs/xplat/src/content/en/components/geo-map-type-shape-polygon-series.mdx
index 17c805c4d3..11c65bb4df 100644
--- a/docs/xplat/src/content/en/components/geo-map-type-shape-polygon-series.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-type-shape-polygon-series.mdx
@@ -127,7 +127,7 @@ public createSeries(shapeData: any[], shapeBrush: string, shapeTitle: string)
 <PlatformBlock for="Angular">
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
     <igx-geographic-map #map
         width="700px"
         height="500px"
diff --git a/docs/xplat/src/content/en/components/geo-map-type-shape-polyline-series.mdx b/docs/xplat/src/content/en/components/geo-map-type-shape-polyline-series.mdx
index 73ef0e5c59..6c238e5d9b 100644
--- a/docs/xplat/src/content/en/components/geo-map-type-shape-polyline-series.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-type-shape-polyline-series.mdx
@@ -128,7 +128,7 @@ public addSeries(shapeData: any[], shapeBrush: string)
 <PlatformBlock for="Angular">
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
 
         <igx-geographic-map #map
             width="700px"
diff --git a/docs/xplat/src/content/en/components/geo-map.mdx b/docs/xplat/src/content/en/components/geo-map.mdx
index e2081beaa8..f9289ce067 100644
--- a/docs/xplat/src/content/en/components/geo-map.mdx
+++ b/docs/xplat/src/content/en/components/geo-map.mdx
@@ -166,7 +166,7 @@ Now that the map module is imported, next step is to create geographic map. The
 <PlatformBlock for="Angular">
 
 ```html
-<div className="sampleRoot" >
+<div class="sampleRoot" >
     <igx-geographic-map #map
         width="700px"
         height="500px"
diff --git a/docs/xplat/src/content/en/components/grids/_shared/advanced-filtering.mdx b/docs/xplat/src/content/en/components/grids/_shared/advanced-filtering.mdx
index 019fc3d68e..474b8fa423 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/advanced-filtering.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/advanced-filtering.mdx
@@ -52,7 +52,7 @@ To enable the advanced filtering, the <ApiLink type="{ComponentName}" member="al
 ```html
 <igc-grid id="grid" auto-generate="true" allow-advanced-filtering="true">
     <igc-grid-toolbar></igc-grid-toolbar>
-<igc-grid>
+</igc-grid>
 ```
 </PlatformBlock>
 
diff --git a/docs/xplat/src/content/en/components/grids/_shared/batch-editing.mdx b/docs/xplat/src/content/en/components/grids/_shared/batch-editing.mdx
index 9a7a5d6672..36c8b31af9 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/batch-editing.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/batch-editing.mdx
@@ -189,13 +189,13 @@ private OnRedoClick() {
 ```razor
 <IgbTreeGrid @ref="grid" BatchEditing="true" Data=data PrimaryKey=primaryKey ForeignKey="PID" Width="100%" Height="500px"
     RowEditable="true">
-</IgbGrid>
+</IgbTreeGrid>
 <button @onclick="OnCommitClick" disabled="@grid.transactions.getAggregatedChanges(false).length < 1">Commit</button>
 <button @onclick="OnUndoClick" disabled="!@grid.transactions.canUndo">Undo</button>
 <button @onclick="OnRedoClick" disabled="!@grid.transactions.canRedo">Redo</button>
 @code {
     private string primaryKey = "ProductID";
-    private IgbGrid grid;
+    private IgbTreeGrid grid;
 
     protected override async Task OnInitializedAsync() => forecasts = await ForecastService.GetForecastAsync(DateTime.Now);
 
diff --git a/docs/xplat/src/content/en/components/grids/_shared/cascading-combos.mdx b/docs/xplat/src/content/en/components/grids/_shared/cascading-combos.mdx
index aac60a6830..24f9e4a086 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/cascading-combos.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/cascading-combos.mdx
@@ -294,7 +294,7 @@ The `id` is necessary to set the value of `id` attribute.
         const comboId = "region_" + id;
         const progressId = "progress_region_" + id;
         return html`<div style="display:flex; flex-direction: column;"><igc-combo placeholder="Choose Region..." disabled value-key="Region" display-key="Region" id="${comboId}" single-select></igc-combo>
-        <igc-linear-progress style="display:none;" indeterminate id="${progressId}"></<igc-linear-progress><div>`;
+        <igc-linear-progress style="display:none;" indeterminate id="${progressId}"></igc-linear-progress></div>`;
     }
 ```
 
diff --git a/docs/xplat/src/content/en/components/grids/_shared/cell-editing.mdx b/docs/xplat/src/content/en/components/grids/_shared/cell-editing.mdx
index 3d6b6595df..246e7bfeb2 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/cell-editing.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/cell-editing.mdx
@@ -236,10 +236,10 @@ If you want to provide a custom template which will be applied when a cell is in
 
 ```ts
 constructor() {
-    var class = this.class = document.getElementById('class') as IgcColumnComponent;
+    const classColumn = document.getElementById('class') as IgcColumnComponent;
 
     this._bind = () => {
-        class.inlineEditorTemplateRef = this.classEditTemplate;
+        classColumn.inlineEditorTemplateRef = this.classEditTemplate;
     }
     this._bind();
 }
@@ -563,7 +563,7 @@ useEffect(() => {
         gridRef.current.removeEventListener("keydown", handleKeyDown);
     };
 }, []);
-<IgrGrid ref={gridRef} autoGenerate={false} data={NwindData} primaryKey="ProductID">
+<IgrGrid ref={gridRef} autoGenerate={false} data={nwindData} primaryKey="ProductID">
 </IgrGrid>
 ```
 
@@ -1305,8 +1305,8 @@ igRegisterScript("WebGridEditingEventsCellEdit", (ev) => {
 <ComponentBlock for="HierarchicalGrid">
 ```tsx
 public handleCellEdit(event: IgrGridEditEventArgs): void {
-    const detail = args.detail;
-    if (detail.column != null && d.column.field == "UnitsOnOrder") {
+    const detail = event.detail;
+    if (detail.column != null && detail.column.field == "UnitsOnOrder") {
         if (detail.newValue > detail.rowData.UnitsInStock) {
             detail.cancel = true;
             alert("You cannot order more than the units in stock!");
diff --git a/docs/xplat/src/content/en/components/grids/_shared/cell-merging.mdx b/docs/xplat/src/content/en/components/grids/_shared/cell-merging.mdx
index aef9091c15..fdc52a2bf9 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/cell-merging.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/cell-merging.mdx
@@ -1,6 +1,6 @@
 ---
 title: "{Platform} {ComponentTitle} Cell Merging - {ProductName}"
-description: Position and size columns in a more powerful way, using the multi-row layout functionality in the {ProductName} for {Platform} {ComponentTitle}. Check out examples and demos!
+description: Merge adjacent cells with equal values in the {ProductName} {ComponentTitle} using the Cell Merging feature. Learn configuration, merging modes, and see live examples!
 keywords: cell merging, {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 license: commercial
 mentionedTypes: [{ComponentApiMembers}]
diff --git a/docs/xplat/src/content/en/components/grids/_shared/collapsible-column-groups.mdx b/docs/xplat/src/content/en/components/grids/_shared/collapsible-column-groups.mdx
index 0a620def69..4daf04c01c 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/collapsible-column-groups.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/collapsible-column-groups.mdx
@@ -111,17 +111,17 @@ Let's see the markup below:
 ```html
 <igc-column-group header="Customer Information" collapsible="true"> <!-- Initially the column groups will be expanded--->
     <!--The column below will be visible when its parent is collapsed-->
-    <igc-column field="CustomerName" header="Fullname" data-type="String" visible-when-collapsed="true"></igc-column>
+    <igc-column field="CustomerName" header="Fullname" data-type="string" visible-when-collapsed="true"></igc-column>
     <!--The three columns below will be visible when its parent is expanded-->
-    <igc-column field="CustomerID" header="Customer ID" data-type="String" visible-when-collapsed="false"></igc-column>
-    <igc-column field="FirstName" header="First Name" data-type="String" visible-when-collapsed="false">
+    <igc-column field="CustomerID" header="Customer ID" data-type="string" visible-when-collapsed="false"></igc-column>
+    <igc-column field="FirstName" header="First Name" data-type="string" visible-when-collapsed="false">
     </igc-column>
-    <igc-column field="LastName" header="Last Name" data-type="String" visible-when-collapsed="false">
+    <igc-column field="LastName" header="Last Name" data-type="string" visible-when-collapsed="false">
     </igc-column>
     <igc-column-group header="Customer Address"> <!--This column visibility will not be changed based on parent expand/collapsed state-->
-        <igc-column field="Country" header="Country" data-type="String" sortable="true">
+        <igc-column field="Country" header="Country" data-type="string" sortable="true">
         </igc-column>
-        <igc-column field="City" header="City" data-type="String" sortable="true">
+        <igc-column field="City" header="City" data-type="string" sortable="true">
         </igc-column>
     </igc-column-group>
 </igc-column-group>
@@ -211,11 +211,11 @@ Also, if you need to change the default expand/collapse indicator, we provide te
 <PlatformBlock for="WebComponents">
 ```html
 <igc-column-group id="info" header="Customer Information" collapsible="true">
-    <igc-column field="CustomerName" header="Fullname" data-type="String" visible-when-collapsed="true"></igc-column>
-    <igc-column field="CustomerID" header="Customer ID" data-type="String" visible-when-collapsed="false"></igc-column>
+    <igc-column field="CustomerName" header="Fullname" data-type="string" visible-when-collapsed="true"></igc-column>
+    <igc-column field="CustomerID" header="Customer ID" data-type="string" visible-when-collapsed="false"></igc-column>
     <igc-column-group id="address" header="Customer Address" collapsible="true">
-        <igc-column field="Country" header="Country" data-type="String" sortable="true" visible-when-collapsed="true"></igc-column>
-        <igc-column field="City" header="City" data-type="String" sortable="true" visible-when-collapsed="false"></igc-column>
+        <igc-column field="Country" header="Country" data-type="string" sortable="true" visible-when-collapsed="true"></igc-column>
+        <igc-column field="City" header="City" data-type="string" sortable="true" visible-when-collapsed="false"></igc-column>
     </igc-column-group>
 </igc-column-group>
 ```
@@ -286,7 +286,7 @@ Another way to achieve this behavior is to use the igxCollapsibleIndicator direc
 ```html
 <igx-column-group header="Customer Information" [collapsible]="true">
     <ng-template igxCollapsibleIndicator let-column="column">
-        <igx-icon [attr.draggable]="false">{{column.expanded ? 'remove' : 'add'}} </<igx-icon>
+        <igx-icon [attr.draggable]="false">{{column.expanded ? 'remove' : 'add'}}</igx-icon>
     </ng-template>
     <igx-column field="CustomerName" header="Fullname" [dataType]="'string'" [visibleWhenCollapsed]="true"></igx-column>
     <igx-column field="CustomerID" header="Customer ID" [dataType]="'string'" [visibleWhenCollapsed]="false"></igx-column>
diff --git a/docs/xplat/src/content/en/components/grids/_shared/column-hiding.mdx b/docs/xplat/src/content/en/components/grids/_shared/column-hiding.mdx
index 21d0a48a3d..758418d9f3 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/column-hiding.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/column-hiding.mdx
@@ -71,16 +71,16 @@ Let's start by creating our <ApiLink type="{ComponentName}" /> and binding it to
 <PlatformBlock for="WebComponents">
 ```html
 <igc-grid id="grid" auto-generate="false" width="100%" height="560px" allow-filtering="true">
-    <igc-column field="ID" data-type="String" sortable="true" hidden="true"></igc-column>
-    <igc-column field="ContactName" data-type="String" sortable="true" hidden="true"></igc-column>
-    <igc-column field="ContactTitle" data-type="String" sortable="true"></igc-column>
-    <igc-column field="City" data-type="String" sortable="true"></igc-column>
-    <igc-column field="CompanyName" data-type="String" sortable="true"></igc-column>
-    <igc-column field="Fax" data-type="String" sortable="true"></igc-column>
-    <igc-column field="Address" data-type="String" sortable="true"></igc-column>
-    <igc-column field="PostalCode" data-type="String" sortable="true"></igc-column>
-    <igc-column field="Country" data-type="String" sortable="true"></igc-column>
-    <igc-column field="Phone" data-type="String" sortable="true"></igc-column>
+    <igc-column field="ID" data-type="string" sortable="true" hidden="true"></igc-column>
+    <igc-column field="ContactName" data-type="string" sortable="true" hidden="true"></igc-column>
+    <igc-column field="ContactTitle" data-type="string" sortable="true"></igc-column>
+    <igc-column field="City" data-type="string" sortable="true"></igc-column>
+    <igc-column field="CompanyName" data-type="string" sortable="true"></igc-column>
+    <igc-column field="Fax" data-type="string" sortable="true"></igc-column>
+    <igc-column field="Address" data-type="string" sortable="true"></igc-column>
+    <igc-column field="PostalCode" data-type="string" sortable="true"></igc-column>
+    <igc-column field="Country" data-type="string" sortable="true"></igc-column>
+    <igc-column field="Phone" data-type="string" sortable="true"></igc-column>
 </igc-grid>
 ```
 </PlatformBlock>
@@ -754,8 +754,8 @@ We can easily prevent the user from being able to hide columns through the colum
 <PlatformBlock for="WebComponents">
 ```html
 <igc-grid>
-    <igc-column field="ContactName" data-type="String" sortable="true" disable-hiding="true"></igc-column>
-    <igc-column field="ContactTitle" data-type="String" sortable="true" disable-hiding="true"></igc-column>
+    <igc-column field="ContactName" data-type="string" sortable="true" disable-hiding="true"></igc-column>
+    <igc-column field="ContactTitle" data-type="string" sortable="true" disable-hiding="true"></igc-column>
 </igc-grid>
 ```
 </PlatformBlock>
@@ -785,7 +785,7 @@ We can easily prevent the user from being able to hide columns through the colum
 <igx-tree-grid>
     <igx-column [field]="'Name'" dataType="string" [sortable]="true" [disableHiding]="true"></igx-column>
     <igx-column [field]="'Title'" dataType="string" [sortable]="true" [disableHiding]="true"></igx-column>
-</igx-grid>
+</igx-tree-grid>
 ```
 </PlatformBlock>
 
@@ -834,11 +834,11 @@ We can easily prevent the user from being able to hide columns through the colum
 <PlatformBlock for="WebComponents">
 ```html
 <igc-hierarchical-grid>
-    <igc-column field="Artist" data-type="String" sortable="true" disable-hiding="true"></igc-column>
-    <igc-column field="GrammyAwards" data-type="String" sortable="true" disable-hiding="true"></igc-column>
+    <igc-column field="Artist" data-type="string" sortable="true" disable-hiding="true"></igc-column>
+    <igc-column field="GrammyAwards" data-type="string" sortable="true" disable-hiding="true"></igc-column>
 
     <igc-row-island>
-        <igc-column field="Album" data-type="String" sortable="true" disable-hiding="true"></igc-column>
+        <igc-column field="Album" data-type="string" sortable="true" disable-hiding="true"></igc-column>
     </igc-row-island>
 </igc-hierarchical-grid>
 ```
diff --git a/docs/xplat/src/content/en/components/grids/_shared/column-moving.mdx b/docs/xplat/src/content/en/components/grids/_shared/column-moving.mdx
index 288c67194e..d42701575c 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/column-moving.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/column-moving.mdx
@@ -224,7 +224,7 @@ You can subscribe to the <PlatformBlock for="Angular,WebComponents"><ApiLink typ
 ```html
 <{ComponentSelector} id="dataGrid" auto-generate="false" moving="true">
     <igc-column field="Category"></igc-column>
-    <igc-column field="Change On Year(%)" data-type="Number" ></igc-column>
+    <igc-column field="Change On Year(%)" data-type="number" ></igc-column>
 </{ComponentSelector}>
 ```
 
diff --git a/docs/xplat/src/content/en/components/grids/_shared/column-pinning.mdx b/docs/xplat/src/content/en/components/grids/_shared/column-pinning.mdx
index 3d19f0a5f0..58faeefc33 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/column-pinning.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/column-pinning.mdx
@@ -259,7 +259,7 @@ public columnPinning(event) {
 
 <PlatformBlock for="React">
 ```typescript
-const columnPinning = (event: IgrPinColumnCancellableEventArgs) = {
+const columnPinning = (event: IgrPinColumnCancellableEventArgs) => {
     if (event.detail.column.field === 'Name') {
         event.detail.insertAtIndex = 0;
     }
@@ -378,17 +378,17 @@ This can be done by creating a header template for the columns with a custom ico
 <PlatformBlock for="WebComponents">
 ```html
 <igc-grid id="grid1" width="100%" height="500px" auto-generate="false">
-    <igc-column id="Name" field="Name" data-type="String" width="250px"></igc-column>
-    <igc-column id="Title" field="Title" data-type="String" width="300px"></igc-column>
-    <igc-column id="ID" field="ID" data-type="Number" width="200px"></igc-column>
-    <igc-column id="HireDate" field="HireDate" header="Hire Date" data-type="Date" width="200px"></igc-column>
-    <igc-column id="Age" field="Age" data-type="Number" width="200px"></igc-column>
-    <igc-column id="Address" field="Address" data-type="String" width="200px"></igc-column>
-    <igc-column id="City" field="City" data-type="String" width="200px"></igc-column>
-    <igc-column id="Country" field="Country" data-type="String" width="200px"></igc-column>
-    <igc-column id="Fax" field="Fax" data-type="String" width="200px"></igc-column>
-    <igc-column id="PostalCode" field="PostalCode" header="Postal Code" data-type="String" width="200px"></igc-column>
-    <igc-column id="Phone" field="Phone" data-type="String" width="200px"></igc-column>
+    <igc-column id="Name" field="Name" data-type="string" width="250px"></igc-column>
+    <igc-column id="Title" field="Title" data-type="string" width="300px"></igc-column>
+    <igc-column id="ID" field="ID" data-type="number" width="200px"></igc-column>
+    <igc-column id="HireDate" field="HireDate" header="Hire Date" data-type="date" width="200px"></igc-column>
+    <igc-column id="Age" field="Age" data-type="number" width="200px"></igc-column>
+    <igc-column id="Address" field="Address" data-type="string" width="200px"></igc-column>
+    <igc-column id="City" field="City" data-type="string" width="200px"></igc-column>
+    <igc-column id="Country" field="Country" data-type="string" width="200px"></igc-column>
+    <igc-column id="Fax" field="Fax" data-type="string" width="200px"></igc-column>
+    <igc-column id="PostalCode" field="PostalCode" header="Postal Code" data-type="string" width="200px"></igc-column>
+    <igc-column id="Phone" field="Phone" data-type="string" width="200px"></igc-column>
 </igc-grid>
 ```
 
@@ -426,7 +426,7 @@ public pinHeaderTemplate = (ctx: IgcCellTemplateContext) => {
     return html`
         <div class="title-inner">
             <span style="float:left">${ctx.cell.column.header}</span>
-            <igc-icon class="pin-icon" fontSet="fas" name="fa-thumbtack" @click="${() => toggleColumn(ctx.cell.column)}"></igx-icon>
+            <igc-icon class="pin-icon" fontSet="fas" name="fa-thumbtack" @click="${() => toggleColumn(ctx.cell.column)}"></igc-icon>
         </div>
     `;
 }
@@ -468,7 +468,7 @@ igRegisterScript("WebGridPinHeaderTemplate", (ctx) => {
 
 <PlatformBlock for="React">
 ```tsx
-<IgrGrid autoGenerate={false} data={CustomersData} ref={grid}>
+<IgrGrid autoGenerate={false} data={customersData} ref={grid}>
     <IgrColumn field="ID" hidden={true}></IgrColumn>
 
     <IgrColumn field="CompanyName" header="Company" width="300px"
@@ -536,17 +536,17 @@ const toggleColumnPin = (ctx: IgrColumnTemplateContext) => {
 <PlatformBlock for="WebComponents">
 ```html
 <igc-tree-grid id="treeGrid" primary-key="ID" foreign-key="ParentID" auto-generate="false" width="100%" height="620px">
-    <igc-column id="Name" field="Name" data-type="String" width="250px"></igc-column>
-    <igc-column id="Title" field="Title" data-type="String" width="300px"></igc-column>
-    <igc-column id="ID" field="ID" data-type="Number" width="200px"></igc-column>
-    <igc-column id="HireDate" field="HireDate" header="Hire Date" data-type="Date" width="200px"></igc-column>
-    <igc-column id="Age" field="Age" data-type="Number" width="200px"></igc-column>
-    <igc-column id="Address" field="Address" data-type="String" width="200px"></igc-column>
-    <igc-column id="City" field="City" data-type="String" width="200px"></igc-column>
-    <igc-column id="Country" field="Country" data-type="String" width="200px"></igc-column>
+    <igc-column id="Name" field="Name" data-type="string" width="250px"></igc-column>
+    <igc-column id="Title" field="Title" data-type="string" width="300px"></igc-column>
+    <igc-column id="ID" field="ID" data-type="number" width="200px"></igc-column>
+    <igc-column id="HireDate" field="HireDate" header="Hire Date" data-type="date" width="200px"></igc-column>
+    <igc-column id="Age" field="Age" data-type="number" width="200px"></igc-column>
+    <igc-column id="Address" field="Address" data-type="string" width="200px"></igc-column>
+    <igc-column id="City" field="City" data-type="string" width="200px"></igc-column>
+    <igc-column id="Country" field="Country" data-type="string" width="200px"></igc-column>
     <igc-column id="Fax" field="Fax" data-type="string" width="200px"></igc-column>
-    <igc-column id="PostalCode" field="PostalCode" header="Postal Code" data-type="String" width="200px"></igc-column>
-    <igc-column id="Phone" field="Phone" data-type="String" width="200px"></igc-column>
+    <igc-column id="PostalCode" field="PostalCode" header="Postal Code" data-type="string" width="200px"></igc-column>
+    <igc-column id="Phone" field="Phone" data-type="string" width="200px"></igc-column>
 </igc-tree-grid>
 ```
 
@@ -583,7 +583,7 @@ public pinHeaderTemplate = (ctx: IgcCellTemplateContext) => {
     return html`
         <div class="title-inner">
             <span style="float:left">${ctx.cell.column.header}</span>
-            <igc-icon class="pin-icon" fontSet="fas" name="fa-thumbtack" @click="${() => toggleColumn(ctx.cell.column)}"></igx-icon>
+            <igc-icon class="pin-icon" fontSet="fas" name="fa-thumbtack" @click="${() => toggleColumn(ctx.cell.column)}"></igc-icon>
         </div>
     `;
 }
@@ -633,7 +633,7 @@ igRegisterScript("WebTreeGridPinHeaderTemplate", (ctx) => {
 </PlatformBlock>
 <PlatformBlock for="React">
 ```tsx
-<{ComponentSelector} autoGenerate={false} data={CustomersData} ref={grid}>
+<{ComponentSelector} autoGenerate={false} data={customersData} ref={grid}>
     <IgrColumn field="Name" pinned={true}></IgrColumn>
 
     <IgrColumn field="Title" header="Title" width="300px" pinned={true}
@@ -703,18 +703,18 @@ const toggleColumnPin = (ctx: IgrColumnTemplateContext) => {
 ```html
 <igc-hierarchical-grid id="hGrid" class="hierarchicalGrid" auto-generate="false"
     height="500px" width="100%">
-    <igc-column id="CompanyName" field="CompanyName" header="Company Name" width="200px" pinned="true"></igx-column>
-    <igc-column id="ContactName" field="ContactName" header="Contact Name" width="150px"></igx-column>
-    <igc-column id="ContactTitle" field="ContactTitle" header="Contact Title" width="200px"></igx-column>
+    <igc-column id="CompanyName" field="CompanyName" header="Company Name" width="200px" pinned="true"></igc-column>
+    <igc-column id="ContactName" field="ContactName" header="Contact Name" width="150px"></igc-column>
+    <igc-column id="ContactTitle" field="ContactTitle" header="Contact Title" width="200px"></igc-column>
     <igc-row-island key="Orders" auto-generate="false">
-        <igc-column id="OrderDate" field="OrderDate" header="Order Date" data-type="Date" width="150px"></igx-column>
-        <igc-column id="RequiredDate" field="RequiredDate" header="Required Date" data-type="Date" width="150px"></igx-column>
-        <igc-column id="ShippedDate" field="ShippedDate" header="Shipped Date" data-type="Date" width="150px"></igx-column>
-        <igc-column id="ShipVia" field="ShipVia" header="Ship Via" width="150px"></igx-column>
+        <igc-column id="OrderDate" field="OrderDate" header="Order Date" data-type="date" width="150px"></igc-column>
+        <igc-column id="RequiredDate" field="RequiredDate" header="Required Date" data-type="date" width="150px"></igc-column>
+        <igc-column id="ShippedDate" field="ShippedDate" header="Shipped Date" data-type="date" width="150px"></igc-column>
+        <igc-column id="ShipVia" field="ShipVia" header="Ship Via" width="150px"></igc-column>
         <igc-row-island key="OrderDetails" auto-generate="false">
-            <igc-column field="UnitPrice" header="Unit Price" width="150px"></igx-column>
-            <igc-column field="Quantity" width="150px"></igx-column>
-            <igc-column field="Discount" width="150px"></igx-column>
+            <igc-column field="UnitPrice" header="Unit Price" width="150px"></igc-column>
+            <igc-column field="Quantity" width="150px"></igc-column>
+            <igc-column field="Discount" width="150px"></igc-column>
         </igc-row-island>
     </igc-row-island>
 </igc-hierarchical-grid>
@@ -748,7 +748,7 @@ public pinHeaderTemplate = (ctx: IgcCellTemplateContext) => {
     return html`
 <div class="title-inner">
             <span style="float:left">${ctx.cell.column.header}</span>
-            <igc-icon class="pin-icon" fontSet="fas" name="fa-thumbtack" @click="${() => toggleColumn(ctx.cell.column)}"></igx-icon>
+            <igc-icon class="pin-icon" fontSet="fas" name="fa-thumbtack" @click="${() => toggleColumn(ctx.cell.column)}"></igc-icon>
         </div>
     `;
 }
@@ -758,7 +758,7 @@ public pinHeaderTemplate = (ctx: IgcCellTemplateContext) => {
 
 <PlatformBlock for="React">
 ```tsx
-<{ComponentSelector} autoGenerate={false} data={HierarchicalCustomersData} ref={grid}>
+<{ComponentSelector} autoGenerate={false} data={hierarchicalCustomersData} ref={grid}>
     <IgrColumn field="CustomerID" hidden={true}></IgrColumn>
 
     <IgrColumn field="Company" header="Company Name" width="300px"
diff --git a/docs/xplat/src/content/en/components/grids/_shared/column-resizing.mdx b/docs/xplat/src/content/en/components/grids/_shared/column-resizing.mdx
index 7041ff4740..004e4558d4 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/column-resizing.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/column-resizing.mdx
@@ -168,8 +168,8 @@ const onResize = (event: IgrColumnResizeEventArgs) => {
 <PlatformBlock for="WebComponents">
 ```html
 <{ComponentSelector} id="treeGrid" auto-generate="false" primary-key="ID" foreign-key="ParentID">
-    <igc-column field="Title" width="100px" resizable="true" width="100px"></igc-column>
-    <igc-column field="HireDate" width="100px" resizable="true" width="100px"></igc-column>
+    <igc-column field="Title" width="100px" resizable="true"></igc-column>
+    <igc-column field="HireDate" width="100px" resizable="true"></igc-column>
 </{ComponentSelector}>
 ```
 
@@ -368,7 +368,7 @@ This means that the following configuration is possible:
 <igc-tree-grid id="data" primary-key="ID" foreign-key="ParentID" auto-generate="false">
     <igc-column field="Title" resizable="true" width="10%"></igc-column>
     <igc-column field="HireDate" resizable="true" width="100px"></igc-column>
-    <igc-column field="Age" data-type="Number" resizable="true"></igc-column>
+    <igc-column field="Age" data-type="number" resizable="true"></igc-column>
 </igc-tree-grid>
 ```
 </PlatformBlock>
@@ -729,20 +729,20 @@ Each column can be set to auto-size on initialization by setting <ApiLink type="
 
 <PlatformBlock for="Angular">
 ```html
-<igx-column width='auto'>
+<igx-column width='auto'></igx-column>
 ```
 
 </PlatformBlock>
 
 <PlatformBlock for="WebComponents">
 ```html
-<igc-column width='auto'>
+<igc-column width='auto'></igc-column>
 ```
 </PlatformBlock>
 
 <PlatformBlock for="React">
 ```tsx
-<IgrColumn width='auto'>
+<IgrColumn width="auto"></IgrColumn>
 ```
 </PlatformBlock>
 
diff --git a/docs/xplat/src/content/en/components/grids/_shared/column-types.mdx b/docs/xplat/src/content/en/components/grids/_shared/column-types.mdx
index 37009de2fe..8089f364e7 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/column-types.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/column-types.mdx
@@ -143,8 +143,8 @@ public formatOptions = this.options;
 @code {
     private IgbColumnPipeArgs formatDateOptions = new IgbColumnPipeArgs()
     {
-        /** The date/time components that a date column will display, using predefined options or a custom format string. _/
-        /_*e.g 'dd/mm/yyyy' or 'shortDate' **/
+        // The date/time components that a date column will display, using predefined options or a custom format string.
+        // e.g 'dd/mm/yyyy' or 'shortDate'
         Format = "longDate",
         /** A timezone offset (such as '+0430'), or a standard UTC/GMT or continental US timezone abbreviation.*/
         Timezone = "GMT"
@@ -602,7 +602,7 @@ constructor() {
 }
 
 public editCellTemplate = (ctx: IgcCellTemplateContext) => {
-    return html`<input></input>`;
+    return html`<input>`;
 }
 
 ```
@@ -613,7 +613,7 @@ public editCellTemplate = (ctx: IgcCellTemplateContext) => {
 const editCellTemplate = (ctx: IgrCellTemplateContext) => {
     return (
         <>
-            <input></input>
+            <input />
         </>
     );
 }
diff --git a/docs/xplat/src/content/en/components/grids/_shared/conditional-cell-styling.mdx b/docs/xplat/src/content/en/components/grids/_shared/conditional-cell-styling.mdx
index 221dad341f..0e72304166 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/conditional-cell-styling.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/conditional-cell-styling.mdx
@@ -218,7 +218,7 @@ igRegisterScript("WebGridRowStylesHandler", () => {
 <PlatformBlock for="React">
 ```tsx
 <IgrGrid id="grid" height="600px" width="100%" rowStyles={rowStyles}>
-<IgrGrid>
+</IgrGrid>
 ```
 </PlatformBlock>
 
@@ -427,7 +427,7 @@ igRegisterScript("WebGridChildRowStylesHandler", () => {
 <igc-hierarchical-grid id="hierarchicalGrid" auto-generate="true"
         height="580px" width="100%">
         <igc-row-island id="rowIsland1" child-data-key="Albums" auto-generate="true" >
-        </igc-row-island>>
+        </igc-row-island>
 </igc-hierarchical-grid>
 ```
 </PlatformBlock>
@@ -480,7 +480,7 @@ You can conditionally style the <ApiLink type="{ComponentName}" /> cells by sett
 
 <PlatformBlock for="WebComponents">
 ```html
-<igc-column id="beatsPerMin" field="BeatsPerMinute" data-type="Number"></igc-column>
+<igc-column id="beatsPerMin" field="BeatsPerMinute" data-type="number"></igc-column>
 ```
 </PlatformBlock>
 
@@ -510,7 +510,7 @@ constructor() {
 <ComponentBlock for="HierarchicalGrid">
 <PlatformBlock for="WebComponents">
 ```html
-<igc-column id="grammyNominations" field="GrammyNominations" data-type="Number"></igc-column>
+<igc-column id="grammyNominations" field="GrammyNominations" data-type="number"></igc-column>
 ```
 </PlatformBlock>
 
@@ -816,13 +816,13 @@ Let's define our styles:
 ```typescript
 public oddColStyles = {
     background: 'linear-gradient(to right, #b993d6, #8ca6db)',
-    color: (rowData, coljey, cellValue, rowIndex) => rowIndex % 2 === 0 ? 'white' : 'gray',
+    color: (rowData, columnKey, cellValue, rowIndex) => rowIndex % 2 === 0 ? 'white' : 'gray',
     animation: '0.75s popin'
 };
 
 public evenColStyles = {
     background: 'linear-gradient(to right, #8ca6db, #b993d6)',
-    color: (rowData, coljey, cellValue, rowIndex) => rowIndex % 2 === 0 ? 'gray' : 'white',
+    color: (rowData, columnKey, cellValue, rowIndex) => rowIndex % 2 === 0 ? 'gray' : 'white',
     animation: '0.75s popin'
 };
 
@@ -1241,10 +1241,10 @@ public editDone(evt) {
 <PlatformBlock for="WebComponents">
 ```html
 <{ComponentSelector} id="grid1" height="500px" width="100%" >
-  <igc-column id="Col1" field="Col1" data-type="number"></igx-column>
-  <igc-column id="Col2" field="Col2" data-type="number" editable="true"></igx-column>
-  <igc-column id="Col3" field="Col3" header="Col3" data-type="string"></igx-column>
-<{ComponentSelector}>
+  <igc-column id="Col1" field="Col1" data-type="number"></igc-column>
+  <igc-column id="Col2" field="Col2" data-type="number" editable="true"></igc-column>
+  <igc-column id="Col3" field="Col3" header="Col3" data-type="string"></igc-column>
+</{ComponentSelector}>
 ```
 
 
@@ -1317,4 +1317,4 @@ const editDone = (event: IgrGridEditEventArgs) => {
 Our community is active and always welcoming to new ideas.
 
 - [{ProductName} **Forums**]({ForumsLink})
-- [{ProductName} **GitHub**]({GithubLink})
\ No newline at end of file
+- [{ProductName} **GitHub**]({GithubLink})
diff --git a/docs/xplat/src/content/en/components/grids/_shared/excel-style-filtering.mdx b/docs/xplat/src/content/en/components/grids/_shared/excel-style-filtering.mdx
index 25ffc126f1..4eb3423c47 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/excel-style-filtering.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/excel-style-filtering.mdx
@@ -106,15 +106,15 @@ Sorting, pinning and hiding features can be removed from the filter menu using t
 <PlatformBlock for="WebComponents">
 ```html
 <igc-grid id="grid1" auto-generate="false" height="650px" width="100%" moving="true" allow-filtering="true" filter-mode="ExcelStyleFilter">
-    <igc-column field="ProductName" header="Product Name" sortable="true" data-type="String">
+    <igc-column field="ProductName" header="Product Name" sortable="true" data-type="string">
     </igc-column>
-    <igc-column field="QuantityPerUnit" header="Quantity Per Unit" sortable="false" disable-pinning="true" disable-hiding="true" data-type="String">
+    <igc-column field="QuantityPerUnit" header="Quantity Per Unit" sortable="false" disable-pinning="true" disable-hiding="true" data-type="string">
     </igc-column>
-    <igc-column field="UnitPrice" header="Unit Price" disable-pinning="true" disable-hiding="true" sortable="true" data-type="Number">
+    <igc-column field="UnitPrice" header="Unit Price" disable-pinning="true" disable-hiding="true" sortable="true" data-type="number">
     </igc-column>
-    <igc-column field="OrderDate" header="Order Date" sortable="false"  data-type="Date">
+    <igc-column field="OrderDate" header="Order Date" sortable="false"  data-type="date">
     </igc-column>
-    <igc-column field="Discontinued" header="Discontinued" sortable="true" data-type="Boolean">
+    <igc-column field="Discontinued" header="Discontinued" sortable="true" data-type="boolean">
     </igc-column>
 </igc-grid>
 ```
@@ -190,15 +190,15 @@ In the sample below **Product Name** and **Discontinued** columns have all four
 ```html
 <igc-tree-grid id="treegrid1" auto-generate="false" height="480px" width="100%" moving="true" allow-filtering="true"
     primary-key="ID" foreign-key="ParentID" filter-mode="ExcelStyleFilter">
-    <igc-column field="ID" header="Product ID" data-type="String">
+    <igc-column field="ID" header="Product ID" data-type="string">
     </igc-column>
     <igc-column field="Name" header="Product Name" sortable="true" data-type="'string'">
     </igc-column>
-    <igc-column field="UnitPrice" header="Unit Price" data-type="Number" sortable="false" disable-pinning="true" disable-hiding="true">
+    <igc-column field="UnitPrice" header="Unit Price" data-type="number" sortable="false" disable-pinning="true" disable-hiding="true">
     </igc-column>
-    <igc-column field="AddedDate" header="Added Date" data-type="Date" sortable="false">
+    <igc-column field="AddedDate" header="Added Date" data-type="date" sortable="false">
     </igc-column>
-    <igc-column field="Discontinued" header="Discontinued" data-type="Boolean" sortable="true">
+    <igc-column field="Discontinued" header="Discontinued" data-type="boolean" sortable="true">
     </igc-column>
 </igc-tree-grid>
 ```
@@ -498,6 +498,7 @@ const webGridFilterAltIconTemplate = (ctx: IgrGridHeaderTemplateContext) => {
             </igx-excel-style-filter-operations>
         </igx-grid-excel-style-filtering>
 
+    </igx-row-island>
 </igx-hierarchical-grid>
 ```
 </PlatformBlock>
@@ -545,6 +546,7 @@ Add razor snipets
             </igc-excel-style-filter-operations>
         </igc-grid-excel-style-filtering>
 
+    </igc-row-island>
 </igc-hierarchical-grid>
 ```
 </PlatformBlock>
@@ -700,7 +702,7 @@ add snippet for blazor
 ```
 
 <PlatformBlock for="Blazor">
- ```razor
+```razor
 Add snippet for blazor
 ```
 
diff --git a/docs/xplat/src/content/en/components/grids/_shared/export-excel.mdx b/docs/xplat/src/content/en/components/grids/_shared/export-excel.mdx
index 4c67e4d922..c5ad004697 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/export-excel.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/export-excel.mdx
@@ -91,7 +91,7 @@ If all went well, you should see the {ComponentTitle} component and the two expo
 To initiate an export, you can use the handler of a button in your component's template.
 
 ```Razor
-<IgbDataGrid data="localData"/>
+<IgbGrid data="localData"/>
 <button @onclick="exportButtonHandler">Export to Excel</button>
 <button @onclick="exportPdfButtonHandler">Export to PDF</button>
 ```
diff --git a/docs/xplat/src/content/en/components/grids/_shared/keyboard-navigation.mdx b/docs/xplat/src/content/en/components/grids/_shared/keyboard-navigation.mdx
index c393bd17fd..0387b88175 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/keyboard-navigation.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/keyboard-navigation.mdx
@@ -172,7 +172,7 @@ Let's try the API to demonstrate how to achieve common scenarios like user input
 
 <PlatformBlock for="Angular">
 ```html
-<igx-grid #grid1 [data]="data" [primaryKey]="'ProductID'" (gridKeydown)="customKeydown($event)">
+<igx-grid #grid1 [data]="data" [primaryKey]="'ProductID'" (gridKeydown)="customKeydown($event)"></igx-grid>
 ```
 </PlatformBlock>
 
@@ -365,4 +365,4 @@ Use the demo below to try out the custom scenarios that we just implemented:
 Our community is active and always welcoming to new ideas.
 
 - [{ProductName} **Forums**]({ForumsLink})
-- [{ProductName} **GitHub**]({GithubLink})
\ No newline at end of file
+- [{ProductName} **GitHub**]({GithubLink})
diff --git a/docs/xplat/src/content/en/components/grids/_shared/multi-column-headers.mdx b/docs/xplat/src/content/en/components/grids/_shared/multi-column-headers.mdx
index 0b115badf3..9274a6f222 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/multi-column-headers.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/multi-column-headers.mdx
@@ -107,9 +107,9 @@ The declaration of multi-column headers is achieved by wrapping a set of columns
 ```html
 <{ComponentSelector} primaryKey="ID" foreignKey="ParentID">
     <igc-column-group header="Contact Information">
-        <igc-column field="Phone" data-type="String" sortable="true" resizable="true"></igc-column>
-        <igc-column field="Fax" data-type="String" sortable="true" resizable="true"></igc-column>
-        <igc-column field="PostalCode" data-type="String" sortable="true" resizable="true"></igc-column>
+        <igc-column field="Phone" data-type="string" sortable="true" resizable="true"></igc-column>
+        <igc-column field="Fax" data-type="string" sortable="true" resizable="true"></igc-column>
+        <igc-column field="PostalCode" data-type="string" sortable="true" resizable="true"></igc-column>
     </igc-column-group>
 </{ComponentSelector}>
 ```
@@ -488,11 +488,11 @@ When `columns/column-groups` are not wrapped by current `group` which means they
 ```html
 <{ComponentSelector} primary-key="ID" foreign-key="ParentID" moving="true">
     <igc-column-group header="Contact Information">
-        <igc-column field="Phone" data-type="String" sortable="true" resizable="true"></igc-column>
+        <igc-column field="Phone" data-type="string" sortable="true" resizable="true"></igc-column>
     </igc-column-group>
-    <igc-column field="Name" data-type="String" sortable="true" resizable="true"></igc-column>
-    <igc-column field="Title" data-type="String" sortable="true" resizable="true"></igc-column>
-    <igc-column field="Age" data-type="Number" sortable="true" resizable="true"></igc-column>
+    <igc-column field="Name" data-type="string" sortable="true" resizable="true"></igc-column>
+    <igc-column field="Title" data-type="string" sortable="true" resizable="true"></igc-column>
+    <igc-column field="Age" data-type="number" sortable="true" resizable="true"></igc-column>
 </{ComponentSelector}>
 ```
 </PlatformBlock>
diff --git a/docs/xplat/src/content/en/components/grids/_shared/paging.mdx b/docs/xplat/src/content/en/components/grids/_shared/paging.mdx
index af39bbfb55..c2abfe502e 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/paging.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/paging.mdx
@@ -108,7 +108,7 @@ The <ApiLink type="Paginator" /> component is used along with the <ApiLink type=
 <ComponentBlock for="Grid, TreeGrid">
 <PlatformBlock for="Angular">
 ```html
-<{ComponentSelector} #grid [data]="data" className="gridSize">
+<{ComponentSelector} #grid [data]="data" class="gridSize">
     <igx-paginator #paginator [(page)]="grid.page" [totalRecords]="grid.totalRecords" [(perPage)]="10"
             [selectOptions]="selectOptions">
     </igx-paginator>
@@ -118,7 +118,7 @@ The <ApiLink type="Paginator" /> component is used along with the <ApiLink type=
 
 <PlatformBlock for="Blazor">
 ```razor
-<{ComponentSelector} @ref=grid Data=Data className="gridSize">
+<{ComponentSelector} @ref=grid Data=Data class="gridSize">
     <IgbPaginator Page="grid.Page" TotalRecords="grid.TotalRecords" PerPage="10">
     </IgbPaginator>
 </{ComponentSelector}>
@@ -127,7 +127,7 @@ The <ApiLink type="Paginator" /> component is used along with the <ApiLink type=
 
 <PlatformBlock for="WebComponents">
 ```html
-<{ComponentSelector} id="grid" className="gridSize">
+<{ComponentSelector} id="grid" class="gridSize">
     <igc-paginator id="paginator" per-page="10">
     </igc-paginator>
 </{ComponentSelector}>
diff --git a/docs/xplat/src/content/en/components/grids/_shared/row-actions.mdx b/docs/xplat/src/content/en/components/grids/_shared/row-actions.mdx
index c9f49c0087..2d636394b5 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/row-actions.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/row-actions.mdx
@@ -114,13 +114,13 @@ They are added inside the <ApiLink type="{ComponentName}" /> and this is all nee
 
 <PlatformBlock for="Angular">
 ```html
-<igc-grid row-editable="true" primary-key="ID">
-    <igc-column field="field"></igc-column>
-    <igc-action-strip>
-        <igc-grid-pinning-actions></igc-grid-pinning-actions>
-        <igc-grid-editing-actions></igc-grid-editing-actions>
-    </igc-action-strip>
-</igc-grid>
+<igx-grid [rowEditable]="true" primaryKey="ID">
+    <igx-column field="field"></igx-column>
+    <igx-action-strip>
+        <igx-grid-pinning-actions></igx-grid-pinning-actions>
+        <igx-grid-editing-actions></igx-grid-editing-actions>
+    </igx-action-strip>
+</igx-grid>
 ```
 <ComponentBlock for="TreeGrid">
 <PlatformBlock for="WebComponents">
diff --git a/docs/xplat/src/content/en/components/grids/_shared/row-adding.mdx b/docs/xplat/src/content/en/components/grids/_shared/row-adding.mdx
index 1c8675a725..f0560f57fc 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/row-adding.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/row-adding.mdx
@@ -57,10 +57,10 @@ Then define a <ApiLink type="{ComponentName}" /> with bound data source, <ApiLin
 ```html
 <{ComponentSelector} [data]="data" [primaryKey]="'ProductID'" [autoGenerate]="false" [rowEditable]="true">
     <igx-column field="ProductID" header="Product ID" dataType="number"></igx-column>
-    <igx-column field="ReorderLevel" header="ReorderLever" dataType="number"></igx-column>
-    <igx-column field="ProductName" header="ProductName" dataType="string"></igx-column>
-    <igx-column field="UnitsInStock" header="UnitsInStock" dataType="number"></igx-column>
-    <igx-column field="OrderDate" dataType="date"></igx-column>
+    <igx-column field="ReorderLevel" header="Reorder Level" dataType="number"></igx-column>
+    <igx-column field="ProductName" header="Product Name" dataType="string"></igx-column>
+    <igx-column field="UnitsInStock" header="Units In Stock" dataType="number"></igx-column>
+    <igx-column field="OrderDate" header="Order Date" dataType="date"></igx-column>
     <igx-column field="Discontinued" header="Discontinued" dataType="boolean"></igx-column>
 
     <igx-action-strip #actionstrip>
@@ -74,12 +74,12 @@ Then define a <ApiLink type="{ComponentName}" /> with bound data source, <ApiLin
 <PlatformBlock for="WebComponents">
 ```html
 <{ComponentSelector} id="grid" primary-key="ProductID" auto-generate="false" row-editable="true">
-    <igc-column field="ProductID" header="Product ID" data-type="Number"></igc-column>
-    <igc-column field="ReorderLevel" header="ReorderLever" data-type="Number"></igc-column>
-    <igc-column field="ProductName" header="ProductName" data-type="String"></igc-column>
-    <igc-column field="UnitsInStock" header="UnitsInStock" data-type="Number"></igc-column>
-    <igc-column field="OrderDate" data-type="Date"></igc-column>
-    <igc-column field="Discontinued" header="Discontinued" data-type="Boolean"></igc-column>
+    <igc-column field="ProductID" header="Product ID" data-type="number"></igc-column>
+    <igc-column field="ReorderLevel" header="Reorder Level" data-type="number"></igc-column>
+    <igc-column field="ProductName" header="Product Name" data-type="string"></igc-column>
+    <igc-column field="UnitsInStock" header="Units In Stock" data-type="number"></igc-column>
+    <igc-column field="OrderDate" header="Order Date" data-type="date"></igc-column>
+    <igc-column field="Discontinued" header="Discontinued" data-type="boolean"></igc-column>
 
     <igc-action-strip id="actionstrip">
         <igc-grid-editing-actions add-row="true"></igc-grid-editing-actions>
@@ -91,7 +91,7 @@ Then define a <ApiLink type="{ComponentName}" /> with bound data source, <ApiLin
 
 <PlatformBlock for="React">
 ```tsx
-<{ComponentSelector} autoGenerate={false} data={NwindData} primaryKey="ProductID" rowEditable={true}>
+<{ComponentSelector} autoGenerate={false} data={nwindData} primaryKey="ProductID" rowEditable={true}>
     <IgrColumn field="ProductID" header="Product ID" dataType="number"></IgrColumn>
     <IgrColumn field="ReorderLevel" header="Reorder Level" dataType="number"></IgrColumn>
     <IgrColumn field="ProductName" header="Product Name" dataType="string"></IgrColumn>
@@ -152,12 +152,12 @@ Then define a <ApiLink type="{ComponentName}" /> with bound data source, <ApiLin
 <PlatformBlock for="WebComponents">
 ```html
 <{ComponentSelector} id="treeGrid" primary-key="ID" foreign-key="ParentID" row-editable="true">
-    <igc-column field="Name" data-type="String"></igc-column>
-    <igc-column field="Title" data-type="String"></igc-column>
-    <igc-column field="HireDate" data-type="Date"></igc-column>
-    <igc-column field="OnPTO" data-type="Boolean" width="130px">
+    <igc-column field="Name" data-type="string"></igc-column>
+    <igc-column field="Title" data-type="string"></igc-column>
+    <igc-column field="HireDate" data-type="date"></igc-column>
+    <igc-column field="OnPTO" data-type="boolean" width="130px">
     </igc-column>
-    <igc-column field="Age" data-type="Number"></igc-column>
+    <igc-column field="Age" data-type="number"></igc-column>
     <igc-action-strip id="actionstrip">
         <igc-grid-editing-actions add-row="true">
         </igc-grid-editing-actions>
@@ -246,12 +246,12 @@ Then define a <ApiLink type="{ComponentName}" /> with bound data source, <ApiLin
 <ComponentBlock for="HierarchicalGrid">
 ```html
 <{ComponentSelector} id="hGrid" auto-generate="false" primary-key="Debut" row-editable="true">
-    <igc-column field="Artist" data-type="String"></igc-column>
-    <igc-column field="HasGrammyAward" header="Has Grammy Award?" data-type="Boolean'">
+    <igc-column field="Artist" data-type="string"></igc-column>
+    <igc-column field="HasGrammyAward" header="Has Grammy Award?" data-type="boolean">
     </igc-column>
-    <igc-column field="Debut" data-type="Number"></igc-column>
-    <igc-column field="GrammyNominations" header="Grammy Nominations" data-type="Number"></igc-column>
-    <igc-column field="GrammyAwards" header="Grammy Awards" data-type="Number"></igc-column>
+    <igc-column field="Debut" data-type="number"></igc-column>
+    <igc-column field="GrammyNominations" header="Grammy Nominations" data-type="number"></igc-column>
+    <igc-column field="GrammyAwards" header="Grammy Awards" data-type="number"></igc-column>
 
     <igc-action-strip id="actionstrip1">
         <igc-grid-editing-actions add-row="true"></igc-grid-editing-actions>
@@ -259,14 +259,14 @@ Then define a <ApiLink type="{ComponentName}" /> with bound data source, <ApiLin
 
     <igc-row-island key="Albums" auto-generate="false" primary-key="USBillboard200" row-editable="true">
         <igc-column field="Album" [data-type]="String"></igc-column>
-        <igc-column field="LaunchDate" header="Launch Date" data-type="Date"></igc-column>
-        <igc-column field="BillboardReview" header="Billboard Review" data-type="Number"></igc-column>
-        <igc-column field="USBillboard200" header="US Billboard 200" data-type="Number"></igc-column>
+        <igc-column field="LaunchDate" header="Launch Date" data-type="date"></igc-column>
+        <igc-column field="BillboardReview" header="Billboard Review" data-type="number"></igc-column>
+        <igc-column field="USBillboard200" header="US Billboard 200" data-type="number"></igc-column>
         <igc-row-island key="Songs" auto-generate="false" primary-key="Number" row-editable="true">
-            <igc-column field="Number" header="No." data-type="Number"></igc-column>
-            <igc-column field="Title" data-type="String"></igc-column>
-            <igc-column field="Released" data-type="Date"></igc-column>
-            <igc-column field="Genre" data-type="String"></igc-column>
+            <igc-column field="Number" header="No." data-type="number"></igc-column>
+            <igc-column field="Title" data-type="string"></igc-column>
+            <igc-column field="Released" data-type="date"></igc-column>
+            <igc-column field="Genre" data-type="string"></igc-column>
 
             <igc-action-strip id="actionstrip3">
                 <igc-grid-editing-actions add-row="true"></igc-grid-editing-actions>
diff --git a/docs/xplat/src/content/en/components/grids/_shared/row-drag.mdx b/docs/xplat/src/content/en/components/grids/_shared/row-drag.mdx
index 29008b8420..dcfd84cf06 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/row-drag.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/row-drag.mdx
@@ -598,7 +598,7 @@ With the help of the grid's row drag events you can create a grid that allows yo
 
 ```ts
 constructor() {
-    var hGrid = this.grihGridd = document.getElementById('hGrid') as IgcHierarchicalGridComponent;
+    var hGrid = this.hGrid = document.getElementById('hGrid') as IgcHierarchicalGridComponent;
     hGrid.addEventListener("rowDragEnd", this.webHierarchicalGridReorderRowHandler)
 }
 ```
@@ -608,7 +608,7 @@ constructor() {
 <PlatformBlock for="React">
 ```tsx
 <IgrHierarchicalGrid rowDraggable={true} primaryKey="ID" onRowDragEnd={webHierarchicalGridReorderRowHandler}>
-</IgHierarchicalGrid>
+</IgrHierarchicalGrid>
 ```
 </PlatformBlock>
 
@@ -1209,7 +1209,7 @@ public getCurrentRowIndex(rowList: any[], cursorPosition) {
 
 <PlatformBlock for="Blazor">
 ```razor
-<IgbHierarchicalGrid Data="SingersData" PrimaryKey="ID" RowDraggable="true" RowDragEndScript="WebGridReorderRowHandler"></IgbHierarchicalGrid >
+<IgbHierarchicalGrid Data="SingersData" PrimaryKey="ID" RowDraggable="true" RowDragEndScript="WebGridReorderRowHandler"></IgbHierarchicalGrid>
 
 //In JavaScript
 igRegisterScript("WebGridReorderRowHandler", (args) => {
@@ -1528,4 +1528,4 @@ Currently, there are no known limitations for the <ApiLink type="{ComponentName}
 Our community is active and always welcoming to new ideas.
 
 - [{ProductName} **Forums**]({ForumsLink})
-- [{ProductName} **GitHub**]({GithubLink})
\ No newline at end of file
+- [{ProductName} **GitHub**]({GithubLink})
diff --git a/docs/xplat/src/content/en/components/grids/_shared/row-editing.mdx b/docs/xplat/src/content/en/components/grids/_shared/row-editing.mdx
index 98f3f1568a..f497e7b656 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/row-editing.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/row-editing.mdx
@@ -77,7 +77,7 @@ Define a `{ComponentName}` with bound data source and <ApiLink type="{ComponentN
     <igc-column field="ReorderLevel" header="Reorder Level" data-type="number"></igc-column>
     <igc-column field="ProductName" header="Product Name" data-type="string"></igc-column>
     <igc-column id="unitsInStock" field="UnitsInStock" header="Units In Stock" data-type="number"></igc-column>
-    <igc-column field="OrderDate" field="Order Date" data-type="date"></igc-column>
+    <igc-column field="OrderDate" header="Order Date" data-type="date"></igc-column>
     <igc-column field="Discontinued" data-type="boolean"></igc-column>
 </{ComponentSelector}>
 ```
@@ -109,10 +109,10 @@ const unitsInStockCellTemplate = (ctx: IgrCellTemplateContext) => {
 
 <{ComponentSelector} primaryKey="ProductID" width="100%" height="500px" rowEditable={true}>
     <IgrColumn field="ProductID" header="Product ID" editable={false}></IgrColumn>
-    <IgrColumn field="ReorderLevel" header="ReorderLever" dataType="number"></IgrColumn>
-    <IgrColumn field="ProductName" header="ProductName" dataType="string"></IgrColumn>
-    <IgrColumn field="UnitsInStock" header="UnitsInStock" dataType="number" bodyTemplate={unitsInStockCellTemplate}></IgrColumn>
-    <IgrColumn field="OrderDate" dataType="date"></IgrColumn>
+    <IgrColumn field="ReorderLevel" header="Reorder Level" dataType="number"></IgrColumn>
+    <IgrColumn field="ProductName" header="Product Name" dataType="string"></IgrColumn>
+    <IgrColumn field="UnitsInStock" header="Units In Stock" dataType="number" bodyTemplate={unitsInStockCellTemplate}></IgrColumn>
+    <IgrColumn field="OrderDate" header="Order Date" dataType="date"></IgrColumn>
     <IgrColumn field="Discontinued" header="Discontinued" dataType="boolean"></IgrColumn>
 </{ComponentSelector}>
 
@@ -159,7 +159,7 @@ const unitsInStockCellTemplate = (ctx: IgrCellTemplateContext) => {
 <{ComponentSelector} [data]="data" [primaryKey]="'ID'" width="100%" height="500px" [rowEditable]="true">
     <igx-column field="Name" header="Name" [dataType]="'string'"></igx-column>
     <igx-column field="Age" header="Reorder Level" [dataType]="'number'"></igx-column>
-    <igx-column field="Title" header="Title" [dataType]="'string'">
+    <igx-column field="Title" header="Title" [dataType]="'string'"></igx-column>
     <igx-column field="HireDate" header="Hire Date" [dataType]="'date'"></igx-column>
 </{ComponentSelector}>
 ```
@@ -171,7 +171,7 @@ const unitsInStockCellTemplate = (ctx: IgrCellTemplateContext) => {
     <igc-column field="Name" header="Name" data-type="string"></igc-column>
     <igc-column field="Age" header="Age" data-type="number"></igc-column>
     <igc-column field="Title" header="Title" data-type="string"></igc-column>
-    <igc-column field="HireDate" field="Hire Date" data-type="date"></igc-column>
+    <igc-column field="HireDate" header="Hire Date" data-type="date"></igc-column>
 </{ComponentSelector}>
 ```
 
@@ -227,7 +227,7 @@ constructor() {
 
 <PlatformBlock for="WebComponents">
 ```html
-<igc-hierarchical-grid auto-generate="false" name="hierarchicalGrid" id="hierarchicalGrid" id="hierarchicalGrid" primary-key="ID" row-editable="true">
+<igc-hierarchical-grid auto-generate="false" name="hierarchicalGrid" id="hierarchicalGrid" primary-key="ID" row-editable="true">
     <igc-column field="Artist" header="Artist" data-type="string"> </igc-column>
     <igc-column field="Photo" header="Photo" data-type="image" editable="false"> </igc-column>
     <igc-column field="Debut" header="Debut" data-type="number"> </igc-column>
@@ -520,7 +520,7 @@ The `RowChangesCount` property is exposed and it holds the count of the changed
 <ng-template igxRowEditText let-rowChangesCount>
     Changes: {{rowChangesCount}}
 </ng-template>
- ```
+```
 
 </PlatformBlock>
 
diff --git a/docs/xplat/src/content/en/components/grids/_shared/selection.mdx b/docs/xplat/src/content/en/components/grids/_shared/selection.mdx
index b8ea606144..f958879bfb 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/selection.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/selection.mdx
@@ -380,7 +380,6 @@ The template we are going to use to combine the grid with the context menu:
       >
       </contextmenu>
     </div>
-  </div>
   <div class="selected-data-area">
     <div>
       <pre>{{copiedData}}</pre>
@@ -424,7 +423,6 @@ The template we are going to use to combine the grid with the context menu:
         <igc-icon name="content_copy"></igc-icon>Copy Cells Data
       </span>
     </div>
-  </div>
 ```
 
 </PlatformBlock>
diff --git a/docs/xplat/src/content/en/components/grids/_shared/size.mdx b/docs/xplat/src/content/en/components/grids/_shared/size.mdx
index ebb0852293..6c13eacc99 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/size.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/size.mdx
@@ -170,7 +170,7 @@ public ngOnInit() {
         },
         {
             label: 'medium',
-            selected: this.sie === 'medium',
+            selected: this.size === 'medium',
             togglable: true
         },
         {
@@ -420,50 +420,50 @@ Now we can add the markup.
 ```html
 <igc-grid id="grid" width="100%" height="550px" allow-filtering="true">
     <igc-column-group  header="Customer Information">
-    <igc-column field="CustomerName" header="Customer Name" data-type="String" sortable="true" has-summary="true">
+    <igc-column field="CustomerName" header="Customer Name" data-type="string" sortable="true" has-summary="true">
     </igc-column>
     <igc-column-group  header="Customer Address">
-        <igc-column field="Country" header="Country" data-type="String" sortable="true" has-summary="true">
+        <igc-column field="Country" header="Country" data-type="string" sortable="true" has-summary="true">
         </igc-column>
-        <igc-column field="City" header="City" data-type="String" sortable="true" has-summary="true">
+        <igc-column field="City" header="City" data-type="string" sortable="true" has-summary="true">
         </igc-column>
-        <igc-column field="Address" header="Address" data-type="String" sortable="true" has-summary="true">
+        <igc-column field="Address" header="Address" data-type="string" sortable="true" has-summary="true">
         </igc-column>
-        <igc-column field="PostalCode" header="Postal Code" data-type="String" sortable="true" has-summary="true">
+        <igc-column field="PostalCode" header="Postal Code" data-type="string" sortable="true" has-summary="true">
         </igc-column>
     </igc-column-group>
     </igc-column-group>
-    <igc-column field="Salesperson" header="Sales Person" data-type="String" sortable="true" has-summary="true">
+    <igc-column field="Salesperson" header="Sales Person" data-type="string" sortable="true" has-summary="true">
     </igc-column>
-    <igc-column field="ShipperName" header="Shipper Name"  data-type="String" sortable="true" has-summary="true">
+    <igc-column field="ShipperName" header="Shipper Name"  data-type="string" sortable="true" has-summary="true">
     </igc-column>
-    <igc-column field="OrderDate" header="Order Date"  data-type="Date" sortable="true" has-summary="true">
+    <igc-column field="OrderDate" header="Order Date"  data-type="date" sortable="true" has-summary="true">
     </igc-column>
     <igc-column-group  header="Product Details">
-        <igc-column field="ProductID" header="ID" data-type="String" sortable="true" has-summary="true" filterable="false">
+        <igc-column field="ProductID" header="ID" data-type="string" sortable="true" has-summary="true" filterable="false">
         </igc-column>
-        <igc-column field="ProductName" header="Name" data-type="String" sortable="true" has-summary="true" filterable="false">
+        <igc-column field="ProductName" header="Name" data-type="string" sortable="true" has-summary="true" filterable="false">
         </igc-column>
-        <igc-column field="UnitPrice" header="Unit Price" data-type="Number" sortable="true" has-summary="true" filterable="false">
+        <igc-column field="UnitPrice" header="Unit Price" data-type="number" sortable="true" has-summary="true" filterable="false">
         </igc-column>
-        <igc-column field="Quantity" header="Quantity" data-type="Number" sortable="true" has-summary="true" filterable="false">
+        <igc-column field="Quantity" header="Quantity" data-type="number" sortable="true" has-summary="true" filterable="false">
         </igc-column>
-        <igc-column field="Discontinued" header="Discontinued" data-type="Boolean" sortable="true" has-summary="true" >
+        <igc-column field="Discontinued" header="Discontinued" data-type="boolean" sortable="true" has-summary="true" >
         </igc-column>
     </igc-column-group>
     <igc-column-group  header="Shipping Information">
-        <igc-column field="ShipName" header="Name" data-type="String" sortable="true" has-summary="true" >
+        <igc-column field="ShipName" header="Name" data-type="string" sortable="true" has-summary="true" >
         </igc-column>
         <igc-column-group  header="Shipping Address">
-            <igc-column field="ShipCountry" header="Country" data-type="String" sortable="true" has-summary="true" >
+            <igc-column field="ShipCountry" header="Country" data-type="string" sortable="true" has-summary="true" >
             </igc-column>
-            <igc-column field="ShipCity" header="City" data-type="String" sortable="true" has-summary="true" >
+            <igc-column field="ShipCity" header="City" data-type="string" sortable="true" has-summary="true" >
             </igc-column>
-            <igc-column field="ShipPostalCode" header="Postal Code" data-type="String" sortable="true" has-summary="true" >
+            <igc-column field="ShipPostalCode" header="Postal Code" data-type="string" sortable="true" has-summary="true" >
             </igc-column>
         </igc-column-group>
-    </igx-column-group>
-</igx-grid>
+    </igc-column-group>
+</igc-grid>
 ```
 </PlatformBlock>
 
@@ -586,38 +586,38 @@ Now we can add the markup.
 ```html
 <igc-tree-grid id="grid" primary-key="ID" foreign-key="ParentID" width="100%"
     height="550px" allow-filtering="true">
-    <igc-column field="Name" data-type="String" sortable="true" has-summary="true" width="200px"></igc-column>
+    <igc-column field="Name" data-type="string" sortable="true" has-summary="true" width="200px"></igc-column>
     <igc-column-group pinned="false" header="General Information">
-        <igc-column field="HireDate" data-type="Date" sortable="true" has-summary="true">
+        <igc-column field="HireDate" data-type="date" sortable="true" has-summary="true">
         </igc-column>
         <igc-column-group header="Person Details">
-            <igc-column field="ID" data-type="Number" filterable="false"></igc-column>
-            <igc-column field="Title" data-type="String" sortable="true" has-summary="true"></igc-column>
-            <igc-column field="Age" data-type="Number" sortable="true" has-summary="true" filterable="false"></igc-column>
+            <igc-column field="ID" data-type="number" filterable="false"></igc-column>
+            <igc-column field="Title" data-type="string" sortable="true" has-summary="true"></igc-column>
+            <igc-column field="Age" data-type="number" sortable="true" has-summary="true" filterable="false"></igc-column>
         </igc-column-group>
     </igc-column-group>
     <igc-column-group header="Address Information">
         <igc-column-group header="Location">
-            <igc-column field="Country" data-type="String" sortable="true" has-summary="true"></igc-column>
-            <igc-column field="City" data-type="String" sortable="true" has-summary="true"></igc-column>
-            <igc-column field="Address" data-type="String" sortable="true" has-summary="true"></igc-column>
+            <igc-column field="Country" data-type="string" sortable="true" has-summary="true"></igc-column>
+            <igc-column field="City" data-type="string" sortable="true" has-summary="true"></igc-column>
+            <igc-column field="Address" data-type="string" sortable="true" has-summary="true"></igc-column>
         </igc-column-group>
         <igc-column-group header="Contact Information">
-            <igc-column field="Phone" data-type="String" sortable="true" has-summary="true"></igc-column>
-            <igc-column field="Fax" data-type="String" sortable="true" has-summary="true"></igc-column>
-            <igc-column field="PostalCode" data-type="String" sortable="true" has-summary="true"></igc-column>
+            <igc-column field="Phone" data-type="string" sortable="true" has-summary="true"></igc-column>
+            <igc-column field="Fax" data-type="string" sortable="true" has-summary="true"></igc-column>
+            <igc-column field="PostalCode" data-type="string" sortable="true" has-summary="true"></igc-column>
         </igc-column-group>
     </igc-column-group>
     <igc-column-group header="Address Information">
         <igc-column-group header="Location">
-            <igc-column field="Country" data-type="String" sortable="true" has-summary="true"></igc-column>
-            <igc-column field="City" data-type="String" sortable="true" has-summary="true"></igc-column>
-            <igc-column field="Address" data-type="String" sortable="true" has-summary="true"></igc-column>
+            <igc-column field="Country" data-type="string" sortable="true" has-summary="true"></igc-column>
+            <igc-column field="City" data-type="string" sortable="true" has-summary="true"></igc-column>
+            <igc-column field="Address" data-type="string" sortable="true" has-summary="true"></igc-column>
         </igc-column-group>
         <igc-column-group header="Contact Information">
-            <igc-column field="Phone" data-type="String" sortable="true" resizable="true"></igc-column>
-            <igc-column field="Fax" data-type="String" sortable="true" resizable="true"></igc-column>
-            <igc-column field="PostalCode" data-type="String" sortable="true" resizable="true"></igc-column>
+            <igc-column field="Phone" data-type="string" sortable="true" resizable="true"></igc-column>
+            <igc-column field="Fax" data-type="string" sortable="true" resizable="true"></igc-column>
+            <igc-column field="PostalCode" data-type="string" sortable="true" resizable="true"></igc-column>
         </igc-column-group>
     </igc-column-group>
 </igc-tree-grid>
diff --git a/docs/xplat/src/content/en/components/grids/_shared/state-persistence.mdx b/docs/xplat/src/content/en/components/grids/_shared/state-persistence.mdx
index be802f6017..28572b02fe 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/state-persistence.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/state-persistence.mdx
@@ -980,11 +980,12 @@ public onDimensionInit(event: any) {
 ## Restoring Child Grids
 Saving / Restoring state for the child grids is controlled by the <ApiLink type="GridStateInfo" member="rowIslands" label="RowIslands" /> property and is enabled by default. <ApiLink type="GridState" /> will use the same options for saving/restoring features both for the root grid and all child grids down the hierarchy. For example, if we pass the following options:
 
-``` html
+<PlatformBlock for="Angular">
+```html
 <!-- public options = {selection: false, sorting: false, rowIslands: true} -->
 <igx-grid [igxGridState]="options"></igx-grid>
 ```
-
+</PlatformBlock>
 
 <PlatformBlock for="Angular, WebComponents">
 ```ts
diff --git a/docs/xplat/src/content/en/components/grids/_shared/summaries.mdx b/docs/xplat/src/content/en/components/grids/_shared/summaries.mdx
index 9fec08ac59..7647bec9ab 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/summaries.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/summaries.mdx
@@ -432,14 +432,14 @@ const disableSummary = () => {
 
 <PlatformBlock for="Angular">
 ```html
-<igc-tree-grid auto-generate="false" name="treeGrid" id="treeGrid" primary-key="ID">
+<igx-tree-grid [autoGenerate]="false" name="treeGrid" id="treeGrid" primaryKey="ID">
     <igx-column field="ID" header="Order ID" width="200px">
     </igx-column>
     <igx-column field="Name" header="Order Product" width="200px" [hasSummary]="true">
     </igx-column>
     <igx-column field="Units" width="200px" [editable]="true" [dataType]="'number'" [hasSummary]="true">
     </igx-column>
-</igc-tree-grid>
+</igx-tree-grid>
 <button id="enableBtn">Enable Summary</button>
 <button id="disableBtn">Disable Summary </button>
 ```
@@ -1158,7 +1158,7 @@ The following examples illustrate how to use the <ApiLink type="Column" member="
 </PlatformBlock>
 <PlatformBlock for="React">
 ```tsx
-<!-- Disable default summaries -->
+// Disable default summaries
 <IgrColumn
     field="UnitPrice"
     header="Unit Price"
@@ -1167,7 +1167,7 @@ The following examples illustrate how to use the <ApiLink type="Column" member="
     disabledSummaries={['count', 'sum', 'average']}
 />
 
-<!-- Disable custom summaries -->
+// Disable custom summaries
 <IgrColumn
     field="UnitsInStock"
     header="Units In Stock"
@@ -1260,7 +1260,7 @@ public dateSummaryFormat(summary: IgxSummaryResult, summaryOperand: IgxSummaryOp
 
 <PlatformBlock for="WebComponents">
 ```html
-<igc-column id="column"></igx-column>
+<igc-column id="column"></igc-column>
 ```
 </PlatformBlock>
 
diff --git a/docs/xplat/src/content/en/components/grids/_shared/toolbar.mdx b/docs/xplat/src/content/en/components/grids/_shared/toolbar.mdx
index dc22949ccd..e746bda6d9 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/toolbar.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/toolbar.mdx
@@ -50,7 +50,7 @@ The predefined <ApiLink type="GridToolbarActions" /> and <ApiLink type="GridTool
     <igx-grid-toolbar>
         <igx-grid-toolbar-title>Grid Toolbar</igx-grid-toolbar-title>
         <igx-grid-toolbar-actions>
-            <igx-grid-toolbar-advanced-filtering><igx-grid-toolbar-advanced-filtering>
+            <igx-grid-toolbar-advanced-filtering></igx-grid-toolbar-advanced-filtering>
             <igx-grid-toolbar-hiding></igx-grid-toolbar-hiding>
             <igx-grid-toolbar-pinning></igx-grid-toolbar-pinning>
             <igx-grid-toolbar-exporter></igx-grid-toolbar-exporter>
@@ -66,7 +66,7 @@ The predefined <ApiLink type="GridToolbarActions" /> and <ApiLink type="GridTool
     <igc-grid-toolbar>
         <igc-grid-toolbar-title>Grid Toolbar</igc-grid-toolbar-title>
         <igc-grid-toolbar-actions>
-            <igc-grid-toolbar-advanced-filtering><igc-grid-toolbar-advanced-filtering>
+            <igc-grid-toolbar-advanced-filtering></igc-grid-toolbar-advanced-filtering>
             <igc-grid-toolbar-hiding></igc-grid-toolbar-hiding>
             <igc-grid-toolbar-pinning></igc-grid-toolbar-pinning>
             <igc-grid-toolbar-exporter></igc-grid-toolbar-exporter>
@@ -121,7 +121,7 @@ The predefined <ApiLink type="GridToolbarActions" /> and <ApiLink type="GridTool
     <igx-grid-toolbar>
         <igx-grid-toolbar-title>Tree Grid Toolbar</igx-grid-toolbar-title>
         <igx-grid-toolbar-actions>
-            <igx-grid-toolbar-advanced-filtering><igx-grid-toolbar-advanced-filtering>
+            <igx-grid-toolbar-advanced-filtering></igx-grid-toolbar-advanced-filtering>
             <igx-grid-toolbar-hiding></igx-grid-toolbar-hiding>
             <igx-grid-toolbar-pinning></igx-grid-toolbar-pinning>
             <igx-grid-toolbar-exporter></igx-grid-toolbar-exporter>
@@ -139,7 +139,7 @@ The predefined <ApiLink type="GridToolbarActions" /> and <ApiLink type="GridTool
     <igc-grid-toolbar>
         <igc-grid-toolbar-title>Tree Grid Toolbar</igc-grid-toolbar-title>
         <igc-grid-toolbar-actions>
-            <igc-grid-toolbar-advanced-filtering><igc-grid-toolbar-advanced-filtering>
+            <igc-grid-toolbar-advanced-filtering></igc-grid-toolbar-advanced-filtering>
             <igc-grid-toolbar-hiding></igc-grid-toolbar-hiding>
             <igc-grid-toolbar-pinning></igc-grid-toolbar-pinning>
             <igc-grid-toolbar-exporter></igc-grid-toolbar-exporter>
@@ -198,7 +198,7 @@ The predefined <ApiLink type="GridToolbarActions" /> and <ApiLink type="GridTool
     <igx-grid-toolbar>
         <igx-grid-toolbar-title>Hierarchical Grid Toolbar</igx-grid-toolbar-title>
         <igx-grid-toolbar-actions>
-            <igx-grid-toolbar-advanced-filtering><igx-grid-toolbar-advanced-filtering>
+            <igx-grid-toolbar-advanced-filtering></igx-grid-toolbar-advanced-filtering>
             <igx-grid-toolbar-hiding></igx-grid-toolbar-hiding>
             <igx-grid-toolbar-pinning></igx-grid-toolbar-pinning>
             <igx-grid-toolbar-exporter></igx-grid-toolbar-exporter>
@@ -216,7 +216,7 @@ The predefined <ApiLink type="GridToolbarActions" /> and <ApiLink type="GridTool
     <igc-grid-toolbar>
         <igc-grid-toolbar-title>Hierarchical Grid Toolbar</igc-grid-toolbar-title>
         <igc-grid-toolbar-actions>
-            <igc-grid-toolbar-advanced-filtering><igc-grid-toolbar-advanced-filtering>
+            <igc-grid-toolbar-advanced-filtering></igc-grid-toolbar-advanced-filtering>
             <igc-grid-toolbar-hiding></igc-grid-toolbar-hiding>
             <igc-grid-toolbar-pinning></igc-grid-toolbar-pinning>
             <igc-grid-toolbar-exporter></igc-grid-toolbar-exporter>
@@ -659,7 +659,7 @@ Each action now exposes a way to change the overlay settings of the actions dial
 
 ```html
 <igc-grid-toolbar-actions>
-    <igc-grid-toolbar-pinning id="pinTool"></ig-grid-toolbar-pinning>
+    <igc-grid-toolbar-pinning id="pinTool"></igc-grid-toolbar-pinning>
     <igc-grid-toolbar-hiding id="hideTool"></igc-grid-toolbar-hiding>
 </igc-grid-toolbar-actions>
 ```
@@ -1289,7 +1289,7 @@ Here is a sample snippet:
 ```html
 <{ComponentSelector} id="grid">
     <igc-grid-toolbar>
-        <igc-grid-toolbar-title>title</igx-grid-toolbar-title>
+        <igc-grid-toolbar-title>title</igc-grid-toolbar-title>
         <!--
             Everything between the toolbar tags except the default toolbar components/directives
             will be projected as custom content.
diff --git a/docs/xplat/src/content/en/components/grids/_shared/validation.mdx b/docs/xplat/src/content/en/components/grids/_shared/validation.mdx
index e57fc1a532..ff423f53c8 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/validation.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/validation.mdx
@@ -595,7 +595,9 @@ public cellStyles = {
 
 ```html
 <{ComponentInstance} [rowStyles]="rowStyles">
-    <igx-column field="ReorderLevel" header="ReorderLever" required [cellClasses]="cellStyles">
+    <igx-column field="ReorderLevel" header="Reorder Level" required [cellClasses]="cellStyles">
+    </igx-column>
+</{ComponentInstance}>
 ```
 
 </ComponentBlock>
@@ -624,8 +626,10 @@ public cellStyles = {
 <igx-hierarchical-grid [rowStyles]="rowStyles">
     <igx-column field="Artist" [editable]="true" [dataType]="'string'" required [cellClasses]="cellStyles">
     <!--...-->
+    </igx-column>
     <igx-row-island [key]="'Albums'" [rowStyles]="rowStyles">
         <igx-column field="Album" [editable]="true" [dataType]="'string'" required [cellClasses]="cellStyles">
+        </igx-column>
     </igx-row-island>
     <!--...-->
 </igx-hierarchical-grid>
@@ -653,6 +657,8 @@ public cellStyles = {
 ```html
 <igx-tree-grid [rowStyles]="rowStyles">
         <igx-column *ngFor="let c of columns" [field]="c.field" [dataType]="c.dataType" [header]="c.label" [required]="c.required" [cellClasses]="cellStyles">
+        </igx-column>
+</igx-tree-grid>
 ```
 
 </ComponentBlock>
diff --git a/docs/xplat/src/content/en/components/grids/data-grid.mdx b/docs/xplat/src/content/en/components/grids/data-grid.mdx
index b57a2c27e2..e58705f3a9 100644
--- a/docs/xplat/src/content/en/components/grids/data-grid.mdx
+++ b/docs/xplat/src/content/en/components/grids/data-grid.mdx
@@ -181,7 +181,7 @@ import 'igniteui-react-grids/grids/themes/light/bootstrap.css'
 <PlatformBlock for="WebComponents">
 Or to link it:
 
-```typescript
+```html
 <link rel='stylesheet' href='node_modules/igniteui-webcomponents-grids/grids/themes/light/bootstrap.css'>
 ```
 
@@ -200,7 +200,7 @@ For more details on how to customize the appearance of the grid, you may have a
 
 ### Component Modules
 
-The <ApiLink type="DataGrid" /> requires the following modules:
+The <ApiLink type="Grid" /> requires the following modules:
 
 <PlatformBlock for="Blazor">
 ```razor
@@ -370,7 +370,7 @@ constructor() {
 
 ```tsx
 <IgrGrid id="grid1" autoGenerate={false} allowFiltering={true} data={localData}>
-    <IgrColumn field="Name" sortable={true}></igc-column>
+    <IgrColumn field="Name" sortable={true}></IgrColumn>
     <IgrColumn field="AthleteNumber" header="Athlete number" filterable={false} sortable={true}></IgrColumn>
     <IgrColumn field="TrackProgress" header="Track progress" filterable={false}></IgrColumn>
 </IgrGrid>
@@ -533,7 +533,7 @@ public nameCellTemplate = (ctx: IgcCellTemplateContext) => {
 }
 
 public formatTitleCase(value: string) {
-    return value.toUpperCase();
+    return value.toLowerCase().replace(/\b\w/g, c => c.toUpperCase());
 }
 ```
 
@@ -552,7 +552,7 @@ igRegisterScript("NameCellTemplate", (ctx) => {
 }, false);
 
 function formatTitleCase(value) {
-    return value.toUpperCase();
+    return value.toLowerCase().replace(/\b\w/g, c => c.toUpperCase());
 }
 ```
 
@@ -562,7 +562,7 @@ function formatTitleCase(value) {
 
 ```tsx
 function formatTitleCase(value: string) {
-    return value.toUpperCase();
+    return value.toLowerCase().replace(/\b\w/g, c => c.toUpperCase());
 }
 
 function nameCellTemplate(ctx: IgrCellTemplateContext) {
@@ -596,7 +596,7 @@ In the snippet above we take a reference to the implicitly provided cell value.
             <input type="checkbox" [ngModel]="cell.value" (ngModelChange)="cell.update($event)" />
         </ng-template>
     </igx-column>
-<igx-grid>
+</igx-grid>
 ```
 
 </PlatformBlock>
@@ -643,7 +643,7 @@ public deleteRow(rowIndex: number) {
 }
 
 public formatTitleCase(value: string) {
-    return value.toUpperCase();
+    return value.toLowerCase().replace(/\b\w/g, c => c.toUpperCase());
 }
 ```
 
@@ -683,7 +683,7 @@ function deleteRow(rowID: any) {
 }
 
 function formatTitleCase(value: string) {
-    return value.toUpperCase();
+    return value.toLowerCase().replace(/\b\w/g, c => c.toUpperCase());
 }
 
 <IgrGrid id="grid" ref={grid} autoGenerate={false} data={data} primaryKey="Name">
@@ -706,7 +706,7 @@ function formatTitleCase(value: string) {
 igRegisterScript("NameCellTemplate", (ctx) => {
        var html = window.igTemplating.html;
     return html`
-        <span tabindex="0" @keyup=${(e) => this.deleteRow(e, ctx.cell.id.rowIndex)}> ${this.formatTitleCase(ctx.cell.value)}</span >
+        <span tabindex="0" @keyup=${(e) => this.deleteRow(e, ctx.cell.id.rowIndex)}> ${this.formatTitleCase(ctx.cell.value)}</span>
     `;
 }, false);
 
@@ -726,7 +726,7 @@ function deleteRow(e, rowIndex) {
 }
 
 function formatTitleCase(value) {
-    return value.toUpperCase();
+    return value.toLowerCase().replace(/\b\w/g, c => c.toUpperCase());
 }
 ```
 
@@ -872,12 +872,12 @@ Each of the column templates can be changed programmatically at any point throug
 </igx-grid>
 
 <ng-template #normalView let-value>
-    <div class="user-details">{{ val }}</div>
+    <div class="user-details">{{ value }}</div>
     <user-details-component></user-details-component>
 </ng-template>
 
 <ng-template #smallView let-value>
-    <div class="user-details-small">{{ val }}</div>
+    <div class="user-details-small">{{ value }}</div>
 </ng-template>
 ```
 
@@ -1158,11 +1158,11 @@ const columnPipeArgs: IgrColumnPipeArgs = {
 ```razor
 <IgbColumn Field="OrderDate"
            DataType=GridColumnDataType.Date
-           PipeArgs=@(new IgbColumnPipeArgs() { Timezone="UTC+0", DigitsInfo="1.2-2", Format = "longDate" }) />
+           PipeArgs=@(new IgbColumnPipeArgs() { Timezone="UTC+0", Format = "longDate" }) />
 
 <IgbColumn Field="UnitPrice"
-           DataType=GridColumnDataType.Date
-           PipeArgs=@(new IgbColumnPipeArgs() { Timezone="UTC+0", DigitsInfo="1.2-2", Format = "longDate" }) />
+           DataType=GridColumnDataType.Number
+           PipeArgs=@(new IgbColumnPipeArgs() { DigitsInfo="1.2-2" }) />
 ```
 
 </PlatformBlock>
@@ -2163,7 +2163,7 @@ Keep in mind that with the above defined template you will not be able to make e
 <PlatformBlock for="WebComponents">
 
 ```html
-<igc-column id="address" field="Address" data-type="number" width="25%" editable="true"></igc-column>
+<igc-column id="address" field="Address" data-type="string" width="25%" editable="true"></igc-column>
 ```
 
 </PlatformBlock>
@@ -2192,17 +2192,17 @@ public webGridCompositeAddressEditCellTemplate = (ctx: IgcCellTemplateContext) =
     return html`<div class="address-container--edit" style="display: inline-grid">
             <div>
                 <span><strong>Country:</strong></span>
-                <input id='Country' @keyup=${(e: any) => keyUpHandler(e, ctx)} value="${cell.row.data.Country}"></input>
+                <input id='Country' @keyup=${(e: any) => keyUpHandler(e, ctx)} value="${cell.row.data.Country}">
                 <br>
                 <span><strong>City:</strong></span>
-                <input id='City' @keyup=${(e: any) => keyUpHandler(e, ctx)} value="${cell.row.data.City}"></input>
+                <input id='City' @keyup=${(e: any) => keyUpHandler(e, ctx)} value="${cell.row.data.City}">
             </div>
             <div>
                 <span><strong>Postal Code:</strong></span>
-                <input id='PostalCode' @keyup=${(e: any) => keyUpHandler(e, ctx)} value="${cell.row.data.PostalCode}"></input>
+                <input id='PostalCode' @keyup=${(e: any) => keyUpHandler(e, ctx)} value="${cell.row.data.PostalCode}">
                 <br>
                 <span><strong>Selected:</strong></span>
-                <input id='Phone' @keyup=${(e: any) => keyUpHandler(e, ctx)} value="${cell.row.data.Phone}"></input>
+                <input id='Phone' @keyup=${(e: any) => keyUpHandler(e, ctx)} value="${cell.row.data.Phone}">
             </div>
             <br>
         </div>`;
@@ -2248,7 +2248,7 @@ function addressEditCellTemplate(ctx: IgrCellTemplateContext) {
     );
 }
 
-<IgrColumn field="Address" dataType="number" width="25%" editable={true} inlineEditorTemplate={addressEditCellTemplate}></IgrColumn>
+<IgrColumn field="Address" dataType="string" width="25%" editable={true} inlineEditorTemplate={addressEditCellTemplate}></IgrColumn>
 ```
 
 </PlatformBlock>
@@ -2270,17 +2270,17 @@ igRegisterScript("AddressEditCellTemplate", (ctx) => {
     return html`<div class="address-container--edit">
     <div>
         <span><strong>Country:</strong></span>
-        <input id='Country' onkeyup='keyUpHandler()' value="${ctx.cell.row.data.Country}"></input>
+        <input id='Country' onkeyup='keyUpHandler()' value="${ctx.cell.row.data.Country}">
         <br>
         <span><strong>City:</strong></span>
-        <input id='City' onkeyup='keyUpHandler()' value="${ctx.cell.row.data.City}"></input>
+        <input id='City' onkeyup='keyUpHandler()' value="${ctx.cell.row.data.City}">
     </div>
     <div>
         <span><strong>Postal Code:</strong></span>
-        <input id='PostalCode' onkeyup='keyUpHandler()' value="${ctx.cell.row.data.PostalCode}"></input>
+        <input id='PostalCode' onkeyup='keyUpHandler()' value="${ctx.cell.row.data.PostalCode}">
         <br>
         <span><strong>Selected:</strong></span>
-        <input id='Phone' onkeyup='keyUpHandler()' value="${ctx.cell.row.data.Phone}"></input>
+        <input id='Phone' onkeyup='keyUpHandler()' value="${ctx.cell.row.data.Phone}">
     </div>
     <br>
 </div>`;
@@ -2331,8 +2331,8 @@ Achieving a state persistence framework is easier than ever by using the new bui
 </PlatformBlock>
 
 
-{/* The sizing topic is still not available thus the Sizing section is commented out. _/}
-{/_ ## Sizing
+{/* The sizing topic is still not available, so the Sizing section is commented out. */}
+{/* ## Sizing
 
 See the [Grid Sizing](sizing.md) topic. */}
 
diff --git a/docs/xplat/src/content/en/components/grids/grid/groupby.mdx b/docs/xplat/src/content/en/components/grids/grid/groupby.mdx
index 7b048928a8..ea9e63284c 100644
--- a/docs/xplat/src/content/en/components/grids/grid/groupby.mdx
+++ b/docs/xplat/src/content/en/components/grids/grid/groupby.mdx
@@ -713,7 +713,7 @@ In case you would like to change some of the colors, you need to set a class for
 
 <PlatformBlock for="WebComponents">
 ```ts
-<igc-grid class="grid">
+<igc-grid class="grid"></igc-grid>
 ```
 </PlatformBlock>
 
diff --git a/docs/xplat/src/content/en/components/grids/grid/master-detail.mdx b/docs/xplat/src/content/en/components/grids/grid/master-detail.mdx
index c2d743d984..6a68181f35 100644
--- a/docs/xplat/src/content/en/components/grids/grid/master-detail.mdx
+++ b/docs/xplat/src/content/en/components/grids/grid/master-detail.mdx
@@ -65,8 +65,8 @@ constructor() {
 
 <PlatformBlock for="React">
 
-```ts
-<IgrGrid detailTemplate={masterDetailTemplate} autoGenerate="false" data={nwindData}>
+```tsx
+<IgrGrid detailTemplate={masterDetailTemplate} autoGenerate={false} data={nwindData}></IgrGrid>
 ```
 
 </PlatformBlock>
@@ -120,7 +120,7 @@ igRegisterScript("DetailTemplate", (ctx) => {
 
 <PlatformBlock for="React">
 
-```ts
+```tsx
 const masterDetailTemplate = (args: IgrGridMasterDetailContext) => {
     const data = args.implicit;
     return (
diff --git a/docs/xplat/src/content/en/components/grids/hierarchical-grid/overview.mdx b/docs/xplat/src/content/en/components/grids/hierarchical-grid/overview.mdx
index 27e83e8cfc..22b74b4502 100644
--- a/docs/xplat/src/content/en/components/grids/hierarchical-grid/overview.mdx
+++ b/docs/xplat/src/content/en/components/grids/hierarchical-grid/overview.mdx
@@ -753,7 +753,7 @@ The grid features could be enabled and configured through the {RowIslandSelector
             <IgrColumn field="ProductName"></IgrColumn>
         </IgrColumnGroup>
         <IgrPaginator perPage={5}></IgrPaginator>
-    <IgrRowIsland>
+    </IgrRowIsland>
     <IgrPaginator></IgrPaginator>
 </IgrHierarchicalGrid>
 ```
@@ -777,7 +777,7 @@ The grid features could be enabled and configured through the {RowIslandSelector
             <IgbColumn Field="ProductName"></IgbColumn>
         </IgbColumnGroup>
         <IgbPaginator PerPage="5"></IgbPaginator>
-    <IgbRowIsland>
+    </IgbRowIsland>
     <IgbPaginator></IgbPaginator>
 </IgbHierarchicalGrid>
 ```
@@ -809,8 +809,8 @@ The Hierarchical Grid allows the users to conveniently collapse all its currentl
 
 <Image src={unfoldLessIconScreenshot} alt="unfold_less_icon_screenshot" class="responsive-img" />
 
-{/* TODO: uncomment when sizing topic is ready _/}
-{/_ ## Sizing
+{/* TODO: uncomment when sizing topic is ready */}
+{/* ## Sizing
 
 See the [Hierarchical Grid Sizing](sizing.md) topic. */}
 
diff --git a/docs/xplat/src/content/en/components/grids/pivot-grid/remote-operations.mdx b/docs/xplat/src/content/en/components/grids/pivot-grid/remote-operations.mdx
index 01034a087f..1d1daa7bc5 100644
--- a/docs/xplat/src/content/en/components/grids/pivot-grid/remote-operations.mdx
+++ b/docs/xplat/src/content/en/components/grids/pivot-grid/remote-operations.mdx
@@ -96,7 +96,7 @@ All of these are stored in the <ApiLink type="PivotConfiguration" member="pivotK
 These defaults are:
 
 ```typescript
-export const   = {
+export const DEFAULT_PIVOT_KEYS = {
     aggregations: 'aggregations', records: 'records', children: 'children', level: 'level',
     rowDimensionSeparator: '_', columnDimensionSeparator: '-'
 };
diff --git a/docs/xplat/src/content/en/components/grids/tree-grid/overview.mdx b/docs/xplat/src/content/en/components/grids/tree-grid/overview.mdx
index 2e0e00fc54..e1fe94ed9a 100644
--- a/docs/xplat/src/content/en/components/grids/tree-grid/overview.mdx
+++ b/docs/xplat/src/content/en/components/grids/tree-grid/overview.mdx
@@ -524,13 +524,13 @@ In case you would like to change some of the colors, you need to set a class for
 
 <PlatformBlock for="WebComponents">
 ```ts
-<igc-tree-grid class="tree-grid">
+<igc-tree-grid class="tree-grid"></igc-tree-grid>
 ```
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
 ```razor
-<IgbTreeGrid Class="tree-grid">
+<IgbTreeGrid Class="tree-grid"></IgbTreeGrid>
 ```
 </PlatformBlock>
 
diff --git a/docs/xplat/src/content/en/components/grids/tree.mdx b/docs/xplat/src/content/en/components/grids/tree.mdx
index 735d7e8062..374cb854b0 100644
--- a/docs/xplat/src/content/en/components/grids/tree.mdx
+++ b/docs/xplat/src/content/en/components/grids/tree.mdx
@@ -131,7 +131,7 @@ Items can be declared using one of the following approaches.
         <igc-tree-item .value=${x} .expanded=${x.expanded} .label=${x.label}>
               ${x.children.map((y) => html`
                   <igc-tree-item .value=${y} .expanded=${y.expanded}>
-                      <span slot="label">${y.label}</slot>
+                      <span slot="label">${y.label}</span>
                   </igc-tree-item>
               `
         </igc-tree-item>
diff --git a/docs/xplat/src/content/en/components/inputs/checkbox.mdx b/docs/xplat/src/content/en/components/inputs/checkbox.mdx
index c6a7e60039..2fe61379e2 100644
--- a/docs/xplat/src/content/en/components/inputs/checkbox.mdx
+++ b/docs/xplat/src/content/en/components/inputs/checkbox.mdx
@@ -189,8 +189,10 @@ The checkbox can also be labelled by elements external to the checkbox. In this
 <PlatformBlock for="React">
 
 ```tsx
-<span id="checkbox-label">Label</span>
-<IgrCheckbox aria-labelledby="checkbox-label" labelPosition="before"></IgrCheckbox>
+<>
+    <span id="checkbox-label">Label</span>
+    <IgrCheckbox aria-labelledby="checkbox-label" labelPosition="before"></IgrCheckbox>
+</>
 ```
 
 </PlatformBlock>
diff --git a/docs/xplat/src/content/en/components/inputs/circular-progress.mdx b/docs/xplat/src/content/en/components/inputs/circular-progress.mdx
index e24081665c..4812703ffb 100644
--- a/docs/xplat/src/content/en/components/inputs/circular-progress.mdx
+++ b/docs/xplat/src/content/en/components/inputs/circular-progress.mdx
@@ -131,7 +131,7 @@ You can set the type of your indicator, using the <ApiLink pkg="core" type="Circ
 
 ```razor
 <IgbCircularProgress Value=100 Variant=@ProgressBaseVariant.Success  />
- ```
+```
 
 </PlatformBlock>
 
diff --git a/docs/xplat/src/content/en/components/inputs/color-editor.mdx b/docs/xplat/src/content/en/components/inputs/color-editor.mdx
index 47ceffd943..861a87aba8 100644
--- a/docs/xplat/src/content/en/components/inputs/color-editor.mdx
+++ b/docs/xplat/src/content/en/components/inputs/color-editor.mdx
@@ -113,7 +113,6 @@ The simplest way to start using the <ApiLink type="ColorEditor" /> is as follows
     name="colorEditor"
     #colorEditor>
     </igx-color-editor>
-</div>
 ```
 
 </PlatformBlock>
diff --git a/docs/xplat/src/content/en/components/inputs/combo/features.mdx b/docs/xplat/src/content/en/components/inputs/combo/features.mdx
index f5d96b54ef..aedce8f2f6 100644
--- a/docs/xplat/src/content/en/components/inputs/combo/features.mdx
+++ b/docs/xplat/src/content/en/components/inputs/combo/features.mdx
@@ -216,7 +216,7 @@ switchGroup.addEventListener("igcChange", () => {
 <PlatformBlock for="React">
 
 ```tsx
-groupKey={groupingEnabled ? "country" : undefined}
+<IgrCombo groupKey={groupingEnabled ? "country" : undefined}></IgrCombo>
 ```
 
 </PlatformBlock>
diff --git a/docs/xplat/src/content/en/components/inputs/highlight.mdx b/docs/xplat/src/content/en/components/inputs/highlight.mdx
index e57394cb8f..9abb6595e3 100644
--- a/docs/xplat/src/content/en/components/inputs/highlight.mdx
+++ b/docs/xplat/src/content/en/components/inputs/highlight.mdx
@@ -536,7 +536,7 @@ const next = () => {
     <p ref={statusRef} slot="helper-text"></p>
 </IgrInput>
 
-<IgrHighlight ref={highlightRef}>
+<IgrHighlight ref={highlightRef}></IgrHighlight>
 ```
 
 </PlatformBlock>
diff --git a/docs/xplat/src/content/en/components/inputs/radio.mdx b/docs/xplat/src/content/en/components/inputs/radio.mdx
index f1f921e6dd..863f0a8eff 100644
--- a/docs/xplat/src/content/en/components/inputs/radio.mdx
+++ b/docs/xplat/src/content/en/components/inputs/radio.mdx
@@ -208,8 +208,10 @@ The <ApiLink pkg="core" type="Radio" /> can also be labelled by elements externa
 <PlatformBlock for="React">
 
 ```tsx
-<span id="radio-label">Label</span>
-<IgrRadio aria-labelledby="radio-label"></IgrRadio>
+<>
+    <span id="radio-label">Label</span>
+    <IgrRadio aria-labelledby="radio-label"></IgrRadio>
+</>
 ```
 
 </PlatformBlock>
diff --git a/docs/xplat/src/content/en/components/inputs/switch.mdx b/docs/xplat/src/content/en/components/inputs/switch.mdx
index cf5cd61299..59cd9a8f27 100644
--- a/docs/xplat/src/content/en/components/inputs/switch.mdx
+++ b/docs/xplat/src/content/en/components/inputs/switch.mdx
@@ -189,8 +189,10 @@ The switch can also be labelled by elements external to the switch. In this case
 <PlatformBlock for="React">
 
 ```tsx
-<span id="switch-label">Label</span>
-<IgrSwitch aria-labelledby="switchLabel"></IgrSwitch>
+<>
+    <span id="switch-label">Label</span>
+    <IgrSwitch aria-labelledby="switch-label"></IgrSwitch>
+</>
 ```
 
 </PlatformBlock>
@@ -207,7 +209,7 @@ The switch can also be labelled by elements external to the switch. In this case
 <PlatformBlock for="Blazor">
 
 ```razor
-<span id="switch-label>Label</span>
+<span id="switch-label">Label</span>
 <IgbSwitch AriaLabelledBy="switch-label" />
 ```
 
diff --git a/docs/xplat/src/content/en/components/interactivity/chat.mdx b/docs/xplat/src/content/en/components/interactivity/chat.mdx
index b3452b34a8..4d46f1ee99 100644
--- a/docs/xplat/src/content/en/components/interactivity/chat.mdx
+++ b/docs/xplat/src/content/en/components/interactivity/chat.mdx
@@ -271,7 +271,7 @@ By default, the input area includes an attachment button. You can control which
 
 ```ts
 const options: IgcChatOptions = {
-  acceptedFiles="image/*,.pdf",
+  acceptedFiles: "image/*,.pdf",
 };
 ```
 
@@ -283,7 +283,7 @@ const options: IgcChatOptions = {
 
 ```tsx
 const options: IgrChatOptions = {
-  acceptedFiles="image/*,.pdf",
+  acceptedFiles: "image/*,.pdf",
 };
 ```
 
@@ -352,7 +352,7 @@ const options: IgrChatOptions = {
 };
 
 return (
-  <IgrChat ref={chatRef} options={{ options }} />
+  <IgrChat ref={chatRef} options={options} />
 );
 ```
 
@@ -511,7 +511,7 @@ public IgbChatOptions Options = new IgbChatOptions
 ```js
 igRegisterScript("MessageContentScript", (ctx) => {
     var html = window.igTemplating.html;
-    return  html`<div className="bubble custom">${ctx.message.text}</div>`;
+    return  html`<div class="bubble custom">${ctx.message.text}</div>`;
 }, false);
 
 ```
diff --git a/docs/xplat/src/content/en/components/layouts/card.mdx b/docs/xplat/src/content/en/components/layouts/card.mdx
index d5e6fed395..09544a1aae 100644
--- a/docs/xplat/src/content/en/components/layouts/card.mdx
+++ b/docs/xplat/src/content/en/components/layouts/card.mdx
@@ -130,7 +130,7 @@ Then, to represent the demo card template, we can add the following code:
 ```tsx
 <IgrCard>
     <IgrCardMedia>
-        <img src="https://images.unsplash.com/photo-1518235506717-e1ed3306a89b?ixlib=rb-1.2.1&auto=format&fit=crop&w=640&q=50"></img>
+        <img src="https://images.unsplash.com/photo-1518235506717-e1ed3306a89b?ixlib=rb-1.2.1&auto=format&fit=crop&w=640&q=50" />
     </IgrCardMedia>
     <IgrCardHeader>
         <span slot="title">New York City</span>
@@ -321,7 +321,7 @@ Here's an example of an outlined horizontal card:
     <div className="card-horizontal">
         <div>
             <IgrCardHeader>
-                <img src="https://static.infragistics.com/xplatform/images/music/rozes.jpg" slot="thumbnail"></img>
+                <img src="https://static.infragistics.com/xplatform/images/music/rozes.jpg" slot="thumbnail" />
                 <span slot="title">Rozes</span>
                 <span slot="subtitle">Under the Grave (2016)</span>
             </IgrCardHeader>
@@ -453,7 +453,7 @@ Below is an example showing how you can create a semi-horizontal card, where we
         </div>
 
         <IgrCardMedia className='card-media'>
-            <img src="https://static.infragistics.com/xplatform/images/music/singer_female.jpg"></img>
+            <img src="https://static.infragistics.com/xplatform/images/music/singer_female.jpg" />
         </IgrCardMedia>
     </div>
 </IgrCard>
diff --git a/docs/xplat/src/content/en/components/layouts/divider.mdx b/docs/xplat/src/content/en/components/layouts/divider.mdx
index 2a67283df4..81f83244d3 100644
--- a/docs/xplat/src/content/en/components/layouts/divider.mdx
+++ b/docs/xplat/src/content/en/components/layouts/divider.mdx
@@ -181,7 +181,7 @@ The <ApiLink pkg="core" type="Divider" member="type" label="Type" /> attribute d
 <PlatformBlock for="Blazor">
 
 ```razor
-<IgbDivider Type="dashed"></igrDivider>
+<IgbDivider Type="dashed"></IgbDivider>
 ```
 
 </PlatformBlock>
@@ -228,9 +228,9 @@ The <ApiLink pkg="core" type="Divider" /> can be set in on both sides. To `inset
 
 ```razor
 // Both side
-<IgbDivider Middle="True" class="withInset"</igrDivider>
+<IgbDivider Middle="True" class="withInset"></IgbDivider>
 // Left side only
-<IgbDivider class="withInset"</igrDivider>
+<IgbDivider class="withInset"></IgbDivider>
 ```
 
 </PlatformBlock>
diff --git a/docs/xplat/src/content/en/components/layouts/dock-manager.mdx b/docs/xplat/src/content/en/components/layouts/dock-manager.mdx
index 4435218aab..d42b1e3853 100644
--- a/docs/xplat/src/content/en/components/layouts/dock-manager.mdx
+++ b/docs/xplat/src/content/en/components/layouts/dock-manager.mdx
@@ -761,10 +761,10 @@ Let's utilize these slots and parts to create a customized Dock Manager layout.
 
 ```tsx
 <IgrDockManager id="dockManager">
-    <div slot="content1" class="dockManagerContent">Content 1</div>
-    <div slot="content2" class="dockManagerContent">Content 2</div>
-    <div slot="content3" class="dockManagerContent">Content 3</div>
-    <!-- ... -->
+    <div slot="content1" className="dockManagerContent">Content 1</div>
+    <div slot="content2" className="dockManagerContent">Content 2</div>
+    <div slot="content3" className="dockManagerContent">Content 3</div>
+    {/* ... */}
 
     <button slot="closeButton">x</button>
 
@@ -1020,7 +1020,7 @@ The Dock Manager comes with a light and a dark theme. The light theme is the def
 ```
 
 ```html
-<igc-dockmanager class="dark-theme">
+<igc-dockmanager class="dark-theme"></igc-dockmanager>
 ```
 
 </PlatformBlock>
@@ -1031,7 +1031,7 @@ The Dock Manager comes with a light and a dark theme. The light theme is the def
 ```
 
 ```tsx
-<IgrDockManager class="dark-theme">
+<IgrDockManager className="dark-theme"></IgrDockManager>
 ```
 
 </PlatformBlock>
diff --git a/docs/xplat/src/content/en/components/linear-gauge.mdx b/docs/xplat/src/content/en/components/linear-gauge.mdx
index cd1b9d5066..8a38c5013d 100644
--- a/docs/xplat/src/content/en/components/linear-gauge.mdx
+++ b/docs/xplat/src/content/en/components/linear-gauge.mdx
@@ -189,6 +189,7 @@ The following code demonstrates how create a linear gauge containing a needle an
      <IgbLinearGraphRange StartValue="15"
             EndValue="30"
             Brush="yellow">
+    </IgbLinearGraphRange>
     <IgbLinearGraphRange StartValue="30"
             EndValue="55"
             Brush="green">
diff --git a/docs/xplat/src/content/en/components/localization.mdx b/docs/xplat/src/content/en/components/localization.mdx
index 69a01a3859..92021983ae 100644
--- a/docs/xplat/src/content/en/components/localization.mdx
+++ b/docs/xplat/src/content/en/components/localization.mdx
@@ -347,8 +347,8 @@ By setting the `locale` property of the component, this will override the global
 <PlatformBlock for="Blazor">
 ```razor
 <IgbGrid Data="@data" Locale="ja">
-    <IgbColumn Field="ProductName" Header="Product Name" Groupable="true"></IgrColumn>
-    <IgbColumn Field="QuantityPerUnit" Header="Quantity Per Unit" Groupable="true"></IgrColumn>
+    <IgbColumn Field="ProductName" Header="Product Name" Groupable="true"></IgbColumn>
+    <IgbColumn Field="QuantityPerUnit" Header="Quantity Per Unit" Groupable="true"></IgbColumn>
 </IgbGrid>
 ```
 </PlatformBlock>
diff --git a/docs/xplat/src/content/en/components/nextjs-usage.mdx b/docs/xplat/src/content/en/components/nextjs-usage.mdx
index 50a5570d51..ec92305229 100644
--- a/docs/xplat/src/content/en/components/nextjs-usage.mdx
+++ b/docs/xplat/src/content/en/components/nextjs-usage.mdx
@@ -307,4 +307,4 @@ const nextConfig = {
 Our community is active and always welcoming to new ideas.
 
 - [{ProductName} **Forums**]({ForumsLink})
-- [{ProductName} **GitHub**]({GithubLink})
\ No newline at end of file
+- [{ProductName} **GitHub**]({GithubLink})
diff --git a/docs/xplat/src/content/en/components/radial-gauge.mdx b/docs/xplat/src/content/en/components/radial-gauge.mdx
index ce512f4fb4..10f2072aa4 100644
--- a/docs/xplat/src/content/en/components/radial-gauge.mdx
+++ b/docs/xplat/src/content/en/components/radial-gauge.mdx
@@ -921,7 +921,7 @@ The radial gauge can be modified to show a second needle. This will make the mai
 <PlatformBlock for="Blazor">
 
 ```razor
-<IgbLinearGauge Height="80px" Width="100%"
+<IgbRadialGauge Height="80px" Width="100%"
     MinimumValue="0"
     MaximumValue="100"
     Value="30"
@@ -932,8 +932,8 @@ The radial gauge can be modified to show a second needle. This will make the mai
     HighlightValueDisplayMode=HighlightedValueDisplayMode.Overlay
     HighlightLabelDisplaysValue=true
     HighlightLabelSnapsToNeedlePivot=true
-    IsHighlightNeedleDraggingEnabled=true
-</IgbLinearGauge>
+    IsHighlightNeedleDraggingEnabled=true>
+</IgbRadialGauge>
 ```
 
 </PlatformBlock>
diff --git a/docs/xplat/src/content/en/components/scheduling/date-picker.mdx b/docs/xplat/src/content/en/components/scheduling/date-picker.mdx
index 141ad57b84..286310e449 100644
--- a/docs/xplat/src/content/en/components/scheduling/date-picker.mdx
+++ b/docs/xplat/src/content/en/components/scheduling/date-picker.mdx
@@ -199,7 +199,7 @@ There is also a `helper-text` slot exposed, which provides a hint placed below t
         slot="suffix"
         name="arrow_upward"
         collection="material"
-        class="small"
+        className="small"
         onClick={() => datePickerRef.current.stepUp(DatePart.Month)}>
     </IgrIcon>
 </IgrDatePicker>
@@ -244,8 +244,8 @@ The calendar and clear icons can be customized using the `calendar` and `clear`
 
 ```tsx
 <IgrDatePicker>
-    <IgrIcon slot="calendar" name="calendar" collection="material" class="small"></IgrIcon>
-    <IgrIcon slot="clear" name="delete" collection="material" class="small"></IgrIcon>
+    <IgrIcon slot="calendar" name="calendar" collection="material" className="small"></IgrIcon>
+    <IgrIcon slot="clear" name="delete" collection="material" className="small"></IgrIcon>
 </IgrDatePicker>
 ```
 
diff --git a/docs/xplat/src/content/en/components/zoomslider-overview.mdx b/docs/xplat/src/content/en/components/zoomslider-overview.mdx
index 7c773f6bc5..8729108fa5 100644
--- a/docs/xplat/src/content/en/components/zoomslider-overview.mdx
+++ b/docs/xplat/src/content/en/components/zoomslider-overview.mdx
@@ -92,7 +92,7 @@ export class AppModule {}
 import { IgrZoomSliderModule } from 'igniteui-react-charts';
 import { IgrZoomSlider } from 'igniteui-react-charts';
 
-IgrDataChartInteractivityModule.register();
+IgrZoomSliderModule.register();
 ```
 
 </PlatformBlock>
diff --git a/src/html-to-md.ts b/src/html-to-md.ts
index dfa020905e..866641d412 100644
--- a/src/html-to-md.ts
+++ b/src/html-to-md.ts
@@ -202,7 +202,7 @@ export async function htmlPageToMd(
     // Restore fenced code blocks (raw code from HTML, never transliterated).
     // Use a fence longer than any backtick run inside the code so nested
     // Markdown examples (which themselves contain ```) produce valid output.
-    md = md.replace(/SHIKIFENCE(\d+)SHIKIEND/g, (_, i) => {
+    md = md.replace(/^[ \t]*SHIKIFENCE(\d+)SHIKIEND[ \t]*$/gm, (_, i) => {
         const { lang, code } = codeBlocks[Number(i)];
         const longest = code.match(/`{3,}/g)?.reduce((a, b) => a.length >= b.length ? a : b, '') ?? '';
         const fence = '`'.repeat(Math.max(3, longest.length + 1));

From 420e4dc4e736f01004cc441c51e3bbcc192ca76a Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Thu, 25 Jun 2026 16:41:37 +0300
Subject: [PATCH 13/15] Merge branch 'vnext' of
 https://github.com/IgniteUI/docs-template into
 vkombov/convert-api-links-to-md-in-llms-md

---
 .gitattributes                                |   2 +-
 .github/aw/actions-lock.json                  |  12 +-
 .github/workflows/agentics-maintenance.yml    |  82 +--
 .../workflows/sync-jp-docs-angular.lock.yml   | 396 ++++++------
 .github/workflows/sync-jp-docs-angular.md     |  22 +-
 .github/workflows/sync-jp-docs-xplat.lock.yml | 396 ++++++------
 .github/workflows/sync-jp-docs-xplat.md       |  63 ++
 docs/angular/package.json                     |   2 +-
 .../src/content/jp/components/grid/grid.mdx   |  74 ++-
 .../hierarchicalgrid/hierarchical-grid.mdx    |  12 +-
 .../jp/components/treegrid/tree-grid.mdx      |   7 +-
 docs/xplat/PLATFORM-LABELS.md                 | 170 +++++
 docs/xplat/astro.config.ts                    |  20 +-
 docs/xplat/package.json                       |   2 +-
 .../content/en/components/bullet-graph.mdx    |   2 +-
 .../charts/features/chart-performance.mdx     |   2 +-
 ...tomize-marker-display-in-blazor-charts.mdx |  12 +-
 .../content/en/components/dashboard-tile.mdx  |   2 +-
 .../geo-map-binding-multiple-shapes.mdx       |   2 +-
 .../en/components/geo-map-resources-esri.mdx  |   2 +-
 .../geo-map-resources-world-connections.mdx   |   2 +-
 .../src/content/en/components/geo-map.mdx     |   2 +-
 .../grids/_shared/cascading-combos.mdx        |   8 +-
 .../components/grids/_shared/cell-editing.mdx |  16 +-
 .../grids/_shared/column-moving.mdx           |   8 +-
 .../grids/_shared/column-pinning.mdx          |  12 +-
 .../components/grids/_shared/column-types.mdx |   5 +
 .../_shared/conditional-cell-styling.mdx      |  20 +-
 .../en/components/grids/_shared/editing.mdx   |   4 +
 .../grids/_shared/excel-style-filtering.mdx   |   5 +
 .../grids/_shared/keyboard-navigation.mdx     |   9 +-
 .../en/components/grids/_shared/live-data.mdx |   4 +-
 .../grids/_shared/remote-data-operations.mdx  |   8 +-
 .../components/grids/_shared/row-adding.mdx   |   2 +
 .../en/components/grids/_shared/row-drag.mdx  |  15 +-
 .../components/grids/_shared/row-editing.mdx  |   4 +-
 .../components/grids/_shared/row-pinning.mdx  |  15 +-
 .../grids/_shared/row-selection.mdx           |   2 +-
 .../en/components/grids/_shared/search.mdx    |   8 +-
 .../en/components/grids/_shared/selection.mdx |   4 +-
 .../en/components/grids/_shared/size.mdx      |   8 +-
 .../grids/_shared/state-persistence.mdx       |  26 +-
 .../en/components/grids/_shared/summaries.mdx |  31 +-
 .../en/components/grids/_shared/toolbar.mdx   |  13 +-
 .../grids/_shared/virtualization.mdx          |   2 +-
 .../content/en/components/grids/data-grid.mdx |  26 +-
 .../en/components/grids/grid/groupby.mdx      |  13 +-
 .../components/grids/grid/master-detail.mdx   |   3 +-
 .../en/components/grids/grid/paste-excel.mdx  |   2 +
 .../hierarchical-grid/load-on-demand.mdx      |  12 +-
 .../grids/hierarchical-grid/overview.mdx      |   7 +-
 .../src/content/en/components/grids/list.mdx  |   2 +-
 .../components/grids/pivot-grid/features.mdx  |   4 +-
 .../components/grids/pivot-grid/overview.mdx  |   4 +-
 .../components/grids/tree-grid/overview.mdx   |   6 +-
 .../src/content/en/components/grids/tree.mdx  |   2 +-
 .../content/en/components/inputs/badge.mdx    |   2 +-
 .../en/components/inputs/button-group.mdx     |   2 +-
 .../content/en/components/inputs/button.mdx   |   2 +-
 .../content/en/components/inputs/checkbox.mdx |   2 +-
 .../src/content/en/components/inputs/chip.mdx |   2 +-
 .../components/inputs/circular-progress.mdx   |   2 +-
 .../en/components/inputs/color-editor.mdx     |   2 +-
 .../en/components/inputs/combo/features.mdx   |   2 +-
 .../en/components/inputs/combo/overview.mdx   |   2 +-
 .../en/components/inputs/date-time-input.mdx  |   2 +-
 .../content/en/components/inputs/dropdown.mdx |   3 +-
 .../en/components/inputs/highlight.mdx        |   2 +-
 .../en/components/inputs/icon-button.mdx      |   2 +-
 .../content/en/components/inputs/input.mdx    |   3 +-
 .../en/components/inputs/linear-progress.mdx  |   2 +-
 .../en/components/inputs/mask-input.mdx       |   2 +-
 .../en/components/inputs/query-builder.mdx    |  21 +-
 .../content/en/components/inputs/radio.mdx    |   2 +-
 .../content/en/components/inputs/rating.mdx   |   3 +-
 .../content/en/components/inputs/ripple.mdx   |   2 +-
 .../content/en/components/inputs/select.mdx   |   2 +-
 .../content/en/components/inputs/slider.mdx   |   2 +-
 .../content/en/components/inputs/switch.mdx   |   2 +-
 .../en/components/inputs/text-area.mdx        |   4 +-
 .../content/en/components/inputs/tooltip.mdx  |   2 +-
 .../en/components/layouts/accordion.mdx       |   2 +-
 .../content/en/components/layouts/avatar.mdx  |   2 +-
 .../content/en/components/layouts/card.mdx    |   2 +-
 .../en/components/layouts/carousel.mdx        |   2 +-
 .../content/en/components/layouts/divider.mdx |   2 +-
 .../content/en/components/layouts/icon.mdx    |   2 +-
 .../en/components/layouts/splitter.mdx        |   2 +-
 .../content/en/components/layouts/stepper.mdx |   2 +-
 .../content/en/components/layouts/tabs.mdx    |   2 +-
 .../en/components/layouts/tile-manager.mdx    |   3 +-
 .../content/en/components/linear-gauge.mdx    |   2 +-
 .../content/en/components/menus/navbar.mdx    |   2 +-
 .../en/components/menus/navigation-drawer.mdx |   2 +-
 .../content/en/components/menus/toolbar.mdx   |   2 +-
 .../en/components/notifications/banner.mdx    |   5 +-
 .../en/components/notifications/dialog.mdx    |   2 +-
 .../en/components/notifications/snackbar.mdx  |   2 +-
 .../en/components/notifications/toast.mdx     |   2 +-
 .../content/en/components/radial-gauge.mdx    |   2 +-
 .../en/components/scheduling/calendar.mdx     |   2 +-
 .../en/components/scheduling/date-picker.mdx  |   2 +-
 .../scheduling/date-range-picker.mdx          |   2 +-
 .../en/components/spreadsheet-overview.mdx    |   2 +-
 .../en/components/zoomslider-overview.mdx     |   2 +-
 docs/xplat/src/content/en/toc.json            |   4 +-
 .../content/jp/components/bullet-graph.mdx    |   2 +-
 .../charts/features/chart-performance.mdx     |   2 +-
 ...tomize-marker-display-in-blazor-charts.mdx |  12 +-
 .../general-step-by-step-guide-using-cli.mdx  | 173 +++++
 .../geo-map-binding-multiple-shapes.mdx       |   2 +-
 .../jp/components/geo-map-resources-esri.mdx  |   2 +-
 .../geo-map-resources-world-connections.mdx   |   2 +-
 .../src/content/jp/components/geo-map.mdx     |   2 +-
 .../grids/_shared/cascading-combos.mdx        |  12 +-
 .../components/grids/_shared/cell-editing.mdx |  15 +-
 .../grids/_shared/column-moving.mdx           |   6 +-
 .../grids/_shared/column-pinning.mdx          |   8 +-
 .../components/grids/_shared/column-types.mdx |   5 +
 .../_shared/conditional-cell-styling.mdx      |  20 +-
 .../jp/components/grids/_shared/editing.mdx   |   4 +
 .../grids/_shared/excel-style-filtering.mdx   |   7 +
 .../grids/_shared/keyboard-navigation.mdx     |   9 +-
 .../jp/components/grids/_shared/live-data.mdx |   4 +-
 .../grids/_shared/remote-data-operations.mdx  |  10 +-
 .../components/grids/_shared/row-adding.mdx   |   2 +
 .../jp/components/grids/_shared/row-drag.mdx  |  14 +-
 .../components/grids/_shared/row-editing.mdx  |   2 +-
 .../components/grids/_shared/row-pinning.mdx  |  10 +-
 .../grids/_shared/row-selection.mdx           |   2 +-
 .../jp/components/grids/_shared/search.mdx    |  12 +-
 .../jp/components/grids/_shared/selection.mdx |   4 +-
 .../jp/components/grids/_shared/size.mdx      |  27 +-
 .../grids/_shared/state-persistence.mdx       |  24 +-
 .../jp/components/grids/_shared/summaries.mdx |  31 +-
 .../jp/components/grids/_shared/toolbar.mdx   |  13 +-
 .../grids/_shared/virtualization.mdx          |   2 +-
 .../content/jp/components/grids/data-grid.mdx |  26 +-
 .../jp/components/grids/grid/groupby.mdx      |  12 +-
 .../components/grids/grid/master-detail.mdx   |   3 +-
 .../jp/components/grids/grid/paste-excel.mdx  |   2 +
 .../hierarchical-grid/load-on-demand.mdx      |  10 +-
 .../grids/hierarchical-grid/overview.mdx      |   7 +-
 .../src/content/jp/components/grids/list.mdx  |   2 +-
 .../components/grids/pivot-grid/features.mdx  |   4 +-
 .../components/grids/pivot-grid/overview.mdx  |   4 +-
 .../components/grids/tree-grid/overview.mdx   |   6 +-
 .../src/content/jp/components/grids/tree.mdx  |   2 +-
 .../content/jp/components/inputs/badge.mdx    |   2 +-
 .../jp/components/inputs/button-group.mdx     |   2 +-
 .../content/jp/components/inputs/button.mdx   |   2 +-
 .../content/jp/components/inputs/checkbox.mdx |   2 +-
 .../src/content/jp/components/inputs/chip.mdx |   2 +-
 .../components/inputs/circular-progress.mdx   |   2 +-
 .../jp/components/inputs/combo/features.mdx   |   2 +-
 .../jp/components/inputs/combo/overview.mdx   |   2 +-
 .../jp/components/inputs/date-time-input.mdx  |   2 +-
 .../content/jp/components/inputs/dropdown.mdx |   2 +-
 .../jp/components/inputs/highlight.mdx        |   2 +-
 .../jp/components/inputs/icon-button.mdx      |   2 +-
 .../content/jp/components/inputs/input.mdx    |   2 +-
 .../jp/components/inputs/linear-progress.mdx  |   2 +-
 .../jp/components/inputs/mask-input.mdx       |   2 +-
 .../jp/components/inputs/query-builder.mdx    |  28 +-
 .../content/jp/components/inputs/radio.mdx    |   2 +-
 .../content/jp/components/inputs/rating.mdx   |   2 +-
 .../content/jp/components/inputs/ripple.mdx   |   2 +-
 .../content/jp/components/inputs/select.mdx   |   2 +-
 .../content/jp/components/inputs/slider.mdx   |   2 +-
 .../content/jp/components/inputs/switch.mdx   |   2 +-
 .../jp/components/inputs/text-area.mdx        |   2 +-
 .../content/jp/components/inputs/tooltip.mdx  |   2 +-
 .../jp/components/layouts/accordion.mdx       |   2 +-
 .../content/jp/components/layouts/avatar.mdx  |   2 +-
 .../content/jp/components/layouts/card.mdx    |   2 +-
 .../jp/components/layouts/carousel.mdx        |   2 +-
 .../content/jp/components/layouts/divider.mdx |   2 +-
 .../content/jp/components/layouts/icon.mdx    |   2 +-
 .../jp/components/layouts/splitter.mdx        | 258 +++++++-
 .../content/jp/components/layouts/stepper.mdx |   2 +-
 .../content/jp/components/layouts/tabs.mdx    |   2 +-
 .../jp/components/layouts/tile-manager.mdx    |   2 +-
 .../content/jp/components/linear-gauge.mdx    |   2 +-
 .../content/jp/components/localization.mdx    | 589 ++++++++++++++++++
 .../content/jp/components/menus/navbar.mdx    |   2 +-
 .../jp/components/menus/navigation-drawer.mdx |   2 +-
 .../jp/components/notifications/banner.mdx    |   5 +-
 .../jp/components/notifications/dialog.mdx    |   2 +-
 .../jp/components/notifications/snackbar.mdx  |   2 +-
 .../jp/components/notifications/toast.mdx     |   2 +-
 .../content/jp/components/radial-gauge.mdx    |   2 +-
 .../jp/components/scheduling/calendar.mdx     |   2 +-
 .../jp/components/scheduling/date-picker.mdx  |   2 +-
 .../scheduling/date-range-picker.mdx          |   2 +-
 .../jp/components/spreadsheet-overview.mdx    |   2 +-
 .../jp/components/zoomslider-overview.mdx     |   2 +-
 docs/xplat/src/content/jp/toc.json            |   7 +-
 package-lock.json                             | 282 +++++----
 package.json                                  |   4 +-
 src/lib/sidebar/types.ts                      |   1 +
 src/sidebar.ts                                |  26 +-
 201 files changed, 2594 insertions(+), 938 deletions(-)
 create mode 100644 docs/xplat/PLATFORM-LABELS.md
 create mode 100644 docs/xplat/src/content/jp/components/general-step-by-step-guide-using-cli.mdx
 create mode 100644 docs/xplat/src/content/jp/components/localization.mdx

diff --git a/.gitattributes b/.gitattributes
index 041b7f4056..0a30339b0f 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -1,4 +1,4 @@
 *.md  text eol=lf
 *.mdx text eol=lf
 
-.github/workflows/*.lock.yml linguist-generated=true merge=binary
\ No newline at end of file
+.github/workflows/*.lock.yml linguist-generated=true merge=ours
\ No newline at end of file
diff --git a/.github/aw/actions-lock.json b/.github/aw/actions-lock.json
index f3a6cbdec5..5c2cc22e2d 100644
--- a/.github/aw/actions-lock.json
+++ b/.github/aw/actions-lock.json
@@ -10,15 +10,15 @@
       "version": "v9.0.0",
       "sha": "3a2844b7e9c422d3c10d287c895573f7108da1b3"
     },
-    "github/gh-aw-actions/setup-cli@v0.79.8": {
+    "github/gh-aw-actions/setup-cli@v0.80.9": {
       "repo": "github/gh-aw-actions/setup-cli",
-      "version": "v0.79.8",
-      "sha": "c0338fef4749d08c21f8f975fb0e37efa17dda47"
+      "version": "v0.80.9",
+      "sha": "8c7d04ebf1ece56cd381446125da3e0f6896294a"
     },
-    "github/gh-aw-actions/setup@v0.79.8": {
+    "github/gh-aw-actions/setup@v0.80.9": {
       "repo": "github/gh-aw-actions/setup",
-      "version": "v0.79.8",
-      "sha": "c0338fef4749d08c21f8f975fb0e37efa17dda47"
+      "version": "v0.80.9",
+      "sha": "8c7d04ebf1ece56cd381446125da3e0f6896294a"
     }
   }
 }
diff --git a/.github/workflows/agentics-maintenance.yml b/.github/workflows/agentics-maintenance.yml
index dfd2eaf277..94f4fc4932 100644
--- a/.github/workflows/agentics-maintenance.yml
+++ b/.github/workflows/agentics-maintenance.yml
@@ -1,4 +1,4 @@
-# This file was automatically generated by pkg/workflow/maintenance_workflow.go (v0.79.8). DO NOT EDIT. To debug this workflow, load the skill at https://github.com/github/gh-aw/blob/main/debug.md
+# This file was automatically generated by pkg/workflow/maintenance_workflow.go (v0.80.9). DO NOT EDIT. To debug this workflow, load the skill at https://github.com/github/gh-aw/blob/main/debug.md
 #
 #    ___                   _   _      
 #   / _ \                 | | (_)     
@@ -21,15 +21,17 @@
 #
 # For more information: https://github.github.com/gh-aw/introduction/overview/
 #
-# Alternative regeneration methods:
-# make recompile
+# This file defines the generated agentic maintenance workflow for this repository.
+# It runs scheduled cleanup for expiring safe outputs and supports manual maintenance operations.
 # 
-# Or use the gh-aw CLI directly:
-# ./gh-aw compile --validate --verbose
+# This workflow is generated automatically when workflows use expiring safe outputs
+# or when repository maintenance features are enabled in .github/workflows/aw.json.
 # 
-# The workflow is generated when any workflow uses the 'expires' field
-# in create-discussions, create-issues, or create-pull-request safe-outputs configuration.
-# Schedule frequency is automatically determined by the shortest expiration time.
+# To disable maintenance workflow generation, set in .github/workflows/aw.json:
+# {"maintenance": false}
+# 
+# Agentic maintenance docs:
+# https://github.github.com/gh-aw/reference/ephemerals/#manual-maintenance-operations
 #
 name: Agentic Maintenance
 
@@ -94,7 +96,7 @@ jobs:
       pull-requests: write
     steps:
       - name: Setup Scripts
-        uses: github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
           destination: ${{ runner.temp }}/gh-aw/actions
 
@@ -132,7 +134,7 @@ jobs:
       actions: write
     steps:
       - name: Setup Scripts
-        uses: github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
           destination: ${{ runner.temp }}/gh-aw/actions
 
@@ -156,12 +158,12 @@ jobs:
       operation: ${{ steps.record.outputs.operation }}
     steps:
       - name: Checkout repository
-        uses: actions/checkout@df4cb1c069e1874edd31b4311f1884172cec0e10 # v6.0.3
+        uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
         with:
           persist-credentials: false
 
       - name: Setup Scripts
-        uses: github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
           destination: ${{ runner.temp }}/gh-aw/actions
 
@@ -176,9 +178,9 @@ jobs:
             await main();
 
       - name: Install gh-aw
-        uses: github/gh-aw-actions/setup-cli@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup-cli@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
-          version: v0.79.8
+          version: v0.80.9
 
       - name: Run operation
         uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
@@ -196,7 +198,9 @@ jobs:
 
       - name: Record outputs
         id: record
-        run: echo "operation=${{ inputs.operation }}" >> "$GITHUB_OUTPUT"
+        env:
+          GH_AW_OPERATION: ${{ inputs.operation }}
+        run: echo "operation=$GH_AW_OPERATION" >> "$GITHUB_OUTPUT"
 
   update_pull_request_branches:
     if: ${{ (github.event_name == 'workflow_dispatch' || github.event_name == 'workflow_call') && inputs.operation == 'update_pull_request_branches' && (!(github.event.repository.fork)) }}
@@ -206,7 +210,7 @@ jobs:
       pull-requests: write
     steps:
       - name: Setup Scripts
-        uses: github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
           destination: ${{ runner.temp }}/gh-aw/actions
 
@@ -245,14 +249,14 @@ jobs:
       run_url: ${{ steps.record.outputs.run_url }}
     steps:
       - name: Checkout actions folder
-        uses: actions/checkout@df4cb1c069e1874edd31b4311f1884172cec0e10 # v6.0.3
+        uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
         with:
           sparse-checkout: |
             actions
           persist-credentials: false
 
       - name: Setup Scripts
-        uses: github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
           destination: ${{ runner.temp }}/gh-aw/actions
 
@@ -281,7 +285,9 @@ jobs:
 
       - name: Record outputs
         id: record
-        run: echo "run_url=${{ inputs.run_url }}" >> "$GITHUB_OUTPUT"
+        env:
+          GH_AW_RUN_URL: ${{ inputs.run_url }}
+        run: echo "run_url=$GH_AW_RUN_URL" >> "$GITHUB_OUTPUT"
 
   create_labels:
     if: ${{ (github.event_name == 'workflow_dispatch' || github.event_name == 'workflow_call') && inputs.operation == 'create_labels' && (!(github.event.repository.fork)) }}
@@ -291,12 +297,12 @@ jobs:
       issues: write
     steps:
       - name: Checkout repository
-        uses: actions/checkout@df4cb1c069e1874edd31b4311f1884172cec0e10 # v6.0.3
+        uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
         with:
           persist-credentials: false
 
       - name: Setup Scripts
-        uses: github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
           destination: ${{ runner.temp }}/gh-aw/actions
 
@@ -311,9 +317,9 @@ jobs:
             await main();
 
       - name: Install gh-aw
-        uses: github/gh-aw-actions/setup-cli@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup-cli@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
-          version: v0.79.8
+          version: v0.80.9
 
       - name: Create missing labels
         uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
@@ -337,12 +343,12 @@ jobs:
       issues: write
     steps:
       - name: Checkout repository
-        uses: actions/checkout@df4cb1c069e1874edd31b4311f1884172cec0e10 # v6.0.3
+        uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
         with:
           persist-credentials: false
 
       - name: Setup Scripts
-        uses: github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
           destination: ${{ runner.temp }}/gh-aw/actions
 
@@ -357,9 +363,9 @@ jobs:
             await main();
 
       - name: Install gh-aw
-        uses: github/gh-aw-actions/setup-cli@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup-cli@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
-          version: v0.79.8
+          version: v0.80.9
 
       - name: Restore activity report logs cache
         id: activity_report_logs_cache
@@ -380,10 +386,10 @@ jobs:
           ${GH_AW_CMD_PREFIX} logs \
             --repo "${{ github.repository }}" \
             --start-date -1w \
-            --count 100 \
+            --count 500 \
             --output ./.cache/gh-aw/activity-report-logs \
             --format markdown \
-            > ./.cache/gh-aw/activity-report-logs/report.md
+            --report-file ./.cache/gh-aw/activity-report-logs/report.md
 
       - name: Save activity report logs cache
         if: ${{ always() }}
@@ -442,12 +448,12 @@ jobs:
       issues: write
     steps:
       - name: Checkout repository
-        uses: actions/checkout@df4cb1c069e1874edd31b4311f1884172cec0e10 # v6.0.3
+        uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
         with:
           persist-credentials: false
 
       - name: Setup Scripts
-        uses: github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
           destination: ${{ runner.temp }}/gh-aw/actions
 
@@ -462,9 +468,9 @@ jobs:
             await main();
 
       - name: Install gh-aw
-        uses: github/gh-aw-actions/setup-cli@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup-cli@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
-          version: v0.79.8
+          version: v0.80.9
 
       - name: Restore forecast report logs cache
         id: forecast_report_logs_cache
@@ -539,7 +545,7 @@ jobs:
       issues: write
     steps:
       - name: Setup Scripts
-        uses: github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
           destination: ${{ runner.temp }}/gh-aw/actions
 
@@ -571,12 +577,12 @@ jobs:
       issues: write
     steps:
       - name: Checkout repository
-        uses: actions/checkout@df4cb1c069e1874edd31b4311f1884172cec0e10 # v6.0.3
+        uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
         with:
           persist-credentials: false
 
       - name: Setup Scripts
-        uses: github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
           destination: ${{ runner.temp }}/gh-aw/actions
 
@@ -591,9 +597,9 @@ jobs:
             await main();
 
       - name: Install gh-aw
-        uses: github/gh-aw-actions/setup-cli@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup-cli@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
-          version: v0.79.8
+          version: v0.80.9
 
       - name: Validate workflows and file issue on findings
         uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
diff --git a/.github/workflows/sync-jp-docs-angular.lock.yml b/.github/workflows/sync-jp-docs-angular.lock.yml
index 42883a9200..c41596c78b 100644
--- a/.github/workflows/sync-jp-docs-angular.lock.yml
+++ b/.github/workflows/sync-jp-docs-angular.lock.yml
@@ -1,6 +1,6 @@
-# gh-aw-metadata: {"schema_version":"v4","frontmatter_hash":"3d5f0dacbdf6a09d9eb9a70984cecad606753a548e4c07519293fe69c33b0b8f","body_hash":"5e2884f1e3382bd59b802355c6144167c881d4f560c0276594d4ee18cf35ced1","compiler_version":"v0.79.8","strict":true,"agent_id":"copilot","engine_versions":{"copilot":"1.0.60"}}
-# gh-aw-manifest: {"version":1,"secrets":["COPILOT_GITHUB_TOKEN","GH_AW_CI_TRIGGER_TOKEN","GH_AW_GITHUB_MCP_SERVER_TOKEN","GH_AW_GITHUB_TOKEN","GITHUB_TOKEN"],"actions":[{"repo":"actions/checkout","sha":"df4cb1c069e1874edd31b4311f1884172cec0e10","version":"v6.0.3"},{"repo":"actions/download-artifact","sha":"3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c","version":"v8.0.1"},{"repo":"actions/github-script","sha":"373c709c69115d41ff229c7e5df9f8788daa9553","version":"v9"},{"repo":"actions/github-script","sha":"3a2844b7e9c422d3c10d287c895573f7108da1b3","version":"v9.0.0"},{"repo":"actions/setup-node","sha":"48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e","version":"v6.4.0"},{"repo":"actions/upload-artifact","sha":"043fb46d1a93c77aae656e7c1c64a875d1fc6a0a","version":"v7.0.1"},{"repo":"github/gh-aw-actions/setup","sha":"c0338fef4749d08c21f8f975fb0e37efa17dda47","version":"v0.79.8"}],"containers":[{"image":"ghcr.io/github/gh-aw-firewall/agent:0.27.2","digest":"sha256:f88e5b17b6b7a600117bc121114d6ce2155c88c983c0c939c5df884f730fa1d6","pinned_image":"ghcr.io/github/gh-aw-firewall/agent:0.27.2@sha256:f88e5b17b6b7a600117bc121114d6ce2155c88c983c0c939c5df884f730fa1d6"},{"image":"ghcr.io/github/gh-aw-firewall/api-proxy:0.27.2","digest":"sha256:ee39841d980878ebbb87592903b06d31a1af500c71525c9616f7e8e2a27041a4","pinned_image":"ghcr.io/github/gh-aw-firewall/api-proxy:0.27.2@sha256:ee39841d980878ebbb87592903b06d31a1af500c71525c9616f7e8e2a27041a4"},{"image":"ghcr.io/github/gh-aw-firewall/squid:0.27.2","digest":"sha256:2e3a717e5f19a654cd9a2263beb52012b56bcb68562ec5ae2e42f9d156b49591","pinned_image":"ghcr.io/github/gh-aw-firewall/squid:0.27.2@sha256:2e3a717e5f19a654cd9a2263beb52012b56bcb68562ec5ae2e42f9d156b49591"},{"image":"ghcr.io/github/gh-aw-mcpg:v0.3.25","digest":"sha256:c10331ad17668ef89f38f5e356678788a40b0cd5fef96e8f92e1d9c1de47cbaa","pinned_image":"ghcr.io/github/gh-aw-mcpg:v0.3.25@sha256:c10331ad17668ef89f38f5e356678788a40b0cd5fef96e8f92e1d9c1de47cbaa"},{"image":"ghcr.io/github/github-mcp-server:v1.1.2","digest":"sha256:30197479d8036c7811892bc07e06f9a05c9ef3cdd79bc59f256d50647f95788c","pinned_image":"ghcr.io/github/github-mcp-server:v1.1.2@sha256:30197479d8036c7811892bc07e06f9a05c9ef3cdd79bc59f256d50647f95788c"}]}
-# This file was automatically generated by gh-aw (v0.79.8). DO NOT EDIT. To debug this workflow, load the skill at https://github.com/github/gh-aw/blob/main/debug.md
+# gh-aw-metadata: {"schema_version":"v4","frontmatter_hash":"3d5f0dacbdf6a09d9eb9a70984cecad606753a548e4c07519293fe69c33b0b8f","body_hash":"1752465b42275ea9ec5301dd3a5b9cd0de772e35c435c62e61924cbc83925732","compiler_version":"v0.80.9","strict":true,"agent_id":"copilot","engine_versions":{"copilot":"1.0.63"}}
+# gh-aw-manifest: {"version":1,"secrets":["COPILOT_GITHUB_TOKEN","GH_AW_CI_TRIGGER_TOKEN","GH_AW_GITHUB_MCP_SERVER_TOKEN","GH_AW_GITHUB_TOKEN","GITHUB_TOKEN"],"actions":[{"repo":"actions/cache/restore","sha":"27d5ce7f107fe9357f9df03efb73ab90386fccae","version":"v5.0.5"},{"repo":"actions/cache/save","sha":"27d5ce7f107fe9357f9df03efb73ab90386fccae","version":"v5.0.5"},{"repo":"actions/checkout","sha":"9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0","version":"v7.0.0"},{"repo":"actions/download-artifact","sha":"3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c","version":"v8.0.1"},{"repo":"actions/github-script","sha":"373c709c69115d41ff229c7e5df9f8788daa9553","version":"v9"},{"repo":"actions/github-script","sha":"3a2844b7e9c422d3c10d287c895573f7108da1b3","version":"v9.0.0"},{"repo":"actions/setup-node","sha":"48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e","version":"v6.4.0"},{"repo":"actions/upload-artifact","sha":"043fb46d1a93c77aae656e7c1c64a875d1fc6a0a","version":"v7.0.1"},{"repo":"github/gh-aw-actions/setup","sha":"8c7d04ebf1ece56cd381446125da3e0f6896294a","version":"v0.80.9"}],"containers":[{"image":"ghcr.io/github/gh-aw-firewall/agent:0.27.7","digest":"sha256:aae231e4635c8999d039c132f1602d3df850fe9b84a00aa2b5ac981179b5661c","pinned_image":"ghcr.io/github/gh-aw-firewall/agent:0.27.7@sha256:aae231e4635c8999d039c132f1602d3df850fe9b84a00aa2b5ac981179b5661c"},{"image":"ghcr.io/github/gh-aw-firewall/api-proxy:0.27.7","digest":"sha256:009caf2e3d88fa77b64e9a03a95a228fc58db0f1701c6d324b29ba5a3c7c79b6","pinned_image":"ghcr.io/github/gh-aw-firewall/api-proxy:0.27.7@sha256:009caf2e3d88fa77b64e9a03a95a228fc58db0f1701c6d324b29ba5a3c7c79b6"},{"image":"ghcr.io/github/gh-aw-firewall/squid:0.27.7","digest":"sha256:deb1d4e19de62d51cee0508057a596a19315c3423ada4d675cad136dc8037c96","pinned_image":"ghcr.io/github/gh-aw-firewall/squid:0.27.7@sha256:deb1d4e19de62d51cee0508057a596a19315c3423ada4d675cad136dc8037c96"},{"image":"ghcr.io/github/gh-aw-mcpg:v0.3.27","digest":"sha256:fe984bddde4ec05d756d9043edb0a32912e6b7b72f6a121b1082f29221421cc7","pinned_image":"ghcr.io/github/gh-aw-mcpg:v0.3.27@sha256:fe984bddde4ec05d756d9043edb0a32912e6b7b72f6a121b1082f29221421cc7"},{"image":"ghcr.io/github/gh-aw-node","digest":"sha256:529d02eb970b1161aa25c593a9c3df57fdfad5a8add328cb3b6eccef66f3183b","pinned_image":"ghcr.io/github/gh-aw-node@sha256:529d02eb970b1161aa25c593a9c3df57fdfad5a8add328cb3b6eccef66f3183b"},{"image":"ghcr.io/github/github-mcp-server:v1.4.0","digest":"sha256:2afb26356481d1a350e14544a6e160f7f7ec1561a1ea309b823665abf0309036","pinned_image":"ghcr.io/github/github-mcp-server:v1.4.0@sha256:2afb26356481d1a350e14544a6e160f7f7ec1561a1ea309b823665abf0309036"}]}
+# This file was automatically generated by gh-aw (v0.80.9). DO NOT EDIT. To debug this workflow, load the skill at https://github.com/github/gh-aw/blob/main/debug.md
 #
 #    ___                   _   _      
 #   / _ \                 | | (_)     
@@ -33,20 +33,23 @@
 #   - GITHUB_TOKEN
 #
 # Custom actions used:
-#   - actions/checkout@df4cb1c069e1874edd31b4311f1884172cec0e10 # v6.0.3
+#   - actions/cache/restore@27d5ce7f107fe9357f9df03efb73ab90386fccae # v5.0.5
+#   - actions/cache/save@27d5ce7f107fe9357f9df03efb73ab90386fccae # v5.0.5
+#   - actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
 #   - actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8.0.1
 #   - actions/github-script@373c709c69115d41ff229c7e5df9f8788daa9553 # v9
 #   - actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
 #   - actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
 #   - actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
-#   - github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+#   - github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
 #
 # Container images used:
-#   - ghcr.io/github/gh-aw-firewall/agent:0.27.2@sha256:f88e5b17b6b7a600117bc121114d6ce2155c88c983c0c939c5df884f730fa1d6
-#   - ghcr.io/github/gh-aw-firewall/api-proxy:0.27.2@sha256:ee39841d980878ebbb87592903b06d31a1af500c71525c9616f7e8e2a27041a4
-#   - ghcr.io/github/gh-aw-firewall/squid:0.27.2@sha256:2e3a717e5f19a654cd9a2263beb52012b56bcb68562ec5ae2e42f9d156b49591
-#   - ghcr.io/github/gh-aw-mcpg:v0.3.25@sha256:c10331ad17668ef89f38f5e356678788a40b0cd5fef96e8f92e1d9c1de47cbaa
-#   - ghcr.io/github/github-mcp-server:v1.1.2@sha256:30197479d8036c7811892bc07e06f9a05c9ef3cdd79bc59f256d50647f95788c
+#   - ghcr.io/github/gh-aw-firewall/agent:0.27.7@sha256:aae231e4635c8999d039c132f1602d3df850fe9b84a00aa2b5ac981179b5661c
+#   - ghcr.io/github/gh-aw-firewall/api-proxy:0.27.7@sha256:009caf2e3d88fa77b64e9a03a95a228fc58db0f1701c6d324b29ba5a3c7c79b6
+#   - ghcr.io/github/gh-aw-firewall/squid:0.27.7@sha256:deb1d4e19de62d51cee0508057a596a19315c3423ada4d675cad136dc8037c96
+#   - ghcr.io/github/gh-aw-mcpg:v0.3.27@sha256:fe984bddde4ec05d756d9043edb0a32912e6b7b72f6a121b1082f29221421cc7
+#   - ghcr.io/github/gh-aw-node@sha256:529d02eb970b1161aa25c593a9c3df57fdfad5a8add328cb3b6eccef66f3183b
+#   - ghcr.io/github/github-mcp-server:v1.4.0@sha256:2afb26356481d1a350e14544a6e160f7f7ec1561a1ea309b823665abf0309036
 
 name: "Sync Japanese Documentation (Angular)"
 on:
@@ -97,7 +100,7 @@ jobs:
     steps:
       - name: Setup Scripts
         id: setup
-        uses: github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
           destination: ${{ runner.temp }}/gh-aw/actions
           job-name: ${{ github.job }}
@@ -107,8 +110,8 @@ jobs:
         env:
           GH_AW_SETUP_WORKFLOW_NAME: "Sync Japanese Documentation (Angular)"
           GH_AW_CURRENT_WORKFLOW_REF: ${{ github.repository }}/.github/workflows/sync-jp-docs-angular.lock.yml@${{ github.ref }}
-          GH_AW_INFO_VERSION: "1.0.60"
-          GH_AW_INFO_AWF_VERSION: "v0.27.2"
+          GH_AW_INFO_VERSION: "1.0.63"
+          GH_AW_INFO_AWF_VERSION: "v0.27.7"
           GH_AW_INFO_ENGINE_ID: "copilot"
       - name: Generate agentic run info
         id: generate_aw_info
@@ -116,16 +119,16 @@ jobs:
           GH_AW_INFO_ENGINE_ID: "copilot"
           GH_AW_INFO_ENGINE_NAME: "GitHub Copilot CLI"
           GH_AW_INFO_MODEL: ${{ vars.GH_AW_MODEL_AGENT_COPILOT || vars.GH_AW_DEFAULT_MODEL_COPILOT || 'claude-sonnet-4.6' }}
-          GH_AW_INFO_VERSION: "1.0.60"
-          GH_AW_INFO_AGENT_VERSION: "1.0.60"
-          GH_AW_INFO_CLI_VERSION: "v0.79.8"
+          GH_AW_INFO_VERSION: "1.0.63"
+          GH_AW_INFO_AGENT_VERSION: "1.0.63"
+          GH_AW_INFO_CLI_VERSION: "v0.80.9"
           GH_AW_INFO_WORKFLOW_NAME: "Sync Japanese Documentation (Angular)"
           GH_AW_INFO_EXPERIMENTAL: "false"
           GH_AW_INFO_SUPPORTS_TOOLS_ALLOWLIST: "true"
           GH_AW_INFO_STAGED: "false"
           GH_AW_INFO_ALLOWED_DOMAINS: '["defaults"]'
           GH_AW_INFO_FIREWALL_ENABLED: "true"
-          GH_AW_INFO_AWF_VERSION: "v0.27.2"
+          GH_AW_INFO_AWF_VERSION: "v0.27.7"
           GH_AW_INFO_AWMG_VERSION: ""
           GH_AW_INFO_FIREWALL_TYPE: "squid"
           GH_AW_COMPILED_STRICT: "true"
@@ -136,6 +139,30 @@ jobs:
             setupGlobals(core, github, context, exec, io, getOctokit);
             const { main } = require('${{ runner.temp }}/gh-aw/actions/generate_aw_info.cjs');
             await main(core, context);
+      - name: Restore daily AIC usage cache
+        id: restore-daily-aic-cache
+        if: ${{ env.GH_AW_MAX_DAILY_AI_CREDITS != '' }}
+        continue-on-error: true
+        uses: actions/cache/restore@27d5ce7f107fe9357f9df03efb73ab90386fccae # v5.0.5
+        with:
+          key: agentic-workflow-usage-syncjpdocsangular-${{ github.run_id }}
+          restore-keys: agentic-workflow-usage-syncjpdocsangular-
+          path: /tmp/gh-aw/agentic-workflow-usage-cache.jsonl
+      - name: Restore daily AIC usage cache (artifact fallback)
+        id: restore-daily-aic-cache-fallback
+        if: ${{ env.GH_AW_MAX_DAILY_AI_CREDITS != '' }}
+        continue-on-error: true
+        uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
+        env:
+          GH_AW_RESTORE_DAILY_AIC_CACHE_HIT: ${{ steps.restore-daily-aic-cache.outputs.cache-hit }}
+          GH_AW_RESTORE_DAILY_AIC_CACHE_MATCHED_KEY: ${{ steps.restore-daily-aic-cache.outputs.cache-matched-key }}
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          script: |
+            const { setupGlobals } = require('${{ runner.temp }}/gh-aw/actions/setup_globals.cjs');
+            setupGlobals(core, github, context, exec, io, getOctokit);
+            const { main } = require('${{ runner.temp }}/gh-aw/actions/restore_aic_usage_cache_fallback.cjs');
+            await main();
       - name: Check daily workflow token guardrail
         id: daily-effective-workflow-guardrail
         if: ${{ env.GH_AW_MAX_DAILY_AI_CREDITS != '' }}
@@ -145,6 +172,8 @@ jobs:
           GH_AW_WORKFLOW_ID: "sync-jp-docs-angular"
           GH_AW_RUN_URL: ${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}
           GH_AW_WORKFLOW_DISPATCH_AW_CONTEXT: ${{ github.event.inputs.aw_context || '' }}
+          GH_AW_HAS_SLASH_COMMAND: "false"
+          GH_AW_HAS_LABEL_COMMAND: "false"
           GH_AW_GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           GH_AW_MAX_DAILY_AI_CREDITS: ${{ vars.GH_AW_DEFAULT_MAX_DAILY_AI_CREDITS || '5000' }}
         with:
@@ -160,7 +189,7 @@ jobs:
         env:
           COPILOT_GITHUB_TOKEN: ${{ secrets.COPILOT_GITHUB_TOKEN }}
       - name: Checkout .github and .agents folders
-        uses: actions/checkout@df4cb1c069e1874edd31b4311f1884172cec0e10 # v6.0.3
+        uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
         with:
           persist-credentials: false
           sparse-checkout: |
@@ -196,7 +225,7 @@ jobs:
       - name: Check compile-agentic version
         uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
         env:
-          GH_AW_COMPILED_VERSION: "v0.79.8"
+          GH_AW_COMPILED_VERSION: "v0.80.9"
         with:
           script: |
             const { setupGlobals } = require('${{ runner.temp }}/gh-aw/actions/setup_globals.cjs');
@@ -219,23 +248,23 @@ jobs:
         run: |
           bash "${RUNNER_TEMP}/gh-aw/actions/create_prompt_first.sh"
           {
-          cat << 'GH_AW_PROMPT_a7bd7232856bbab2_EOF'
+          cat << 'GH_AW_PROMPT_be9ff8cc0bb668a4_EOF'
           <system>
-          GH_AW_PROMPT_a7bd7232856bbab2_EOF
+          GH_AW_PROMPT_be9ff8cc0bb668a4_EOF
           cat "${RUNNER_TEMP}/gh-aw/prompts/xpia.md"
           cat "${RUNNER_TEMP}/gh-aw/prompts/temp_folder_prompt.md"
           cat "${RUNNER_TEMP}/gh-aw/prompts/markdown.md"
           cat "${RUNNER_TEMP}/gh-aw/prompts/safe_outputs_prompt.md"
-          cat << 'GH_AW_PROMPT_a7bd7232856bbab2_EOF'
+          cat << 'GH_AW_PROMPT_be9ff8cc0bb668a4_EOF'
           <safe-output-tools>
           Tools: create_pull_request, missing_tool, missing_data, noop
-          GH_AW_PROMPT_a7bd7232856bbab2_EOF
+          GH_AW_PROMPT_be9ff8cc0bb668a4_EOF
           cat "${RUNNER_TEMP}/gh-aw/prompts/safe_outputs_create_pull_request.md"
-          cat << 'GH_AW_PROMPT_a7bd7232856bbab2_EOF'
+          cat << 'GH_AW_PROMPT_be9ff8cc0bb668a4_EOF'
           </safe-output-tools>
-          GH_AW_PROMPT_a7bd7232856bbab2_EOF
+          GH_AW_PROMPT_be9ff8cc0bb668a4_EOF
           cat "${RUNNER_TEMP}/gh-aw/prompts/mcp_cli_tools_prompt.md"
-          cat << 'GH_AW_PROMPT_a7bd7232856bbab2_EOF'
+          cat << 'GH_AW_PROMPT_be9ff8cc0bb668a4_EOF'
           <github-context>
           The following GitHub context information is available for this workflow:
           {{#if github.actor}}
@@ -264,12 +293,12 @@ jobs:
           {{/if}}
           </github-context>
           
-          GH_AW_PROMPT_a7bd7232856bbab2_EOF
+          GH_AW_PROMPT_be9ff8cc0bb668a4_EOF
           cat "${RUNNER_TEMP}/gh-aw/prompts/github_mcp_tools_with_safeoutputs_prompt.md"
-          cat << 'GH_AW_PROMPT_a7bd7232856bbab2_EOF'
+          cat << 'GH_AW_PROMPT_be9ff8cc0bb668a4_EOF'
           </system>
           {{#runtime-import .github/workflows/sync-jp-docs-angular.md}}
-          GH_AW_PROMPT_a7bd7232856bbab2_EOF
+          GH_AW_PROMPT_be9ff8cc0bb668a4_EOF
           } > "$GH_AW_PROMPT"
       - name: Interpolate variables and render templates
         uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
@@ -383,7 +412,7 @@ jobs:
     steps:
       - name: Setup Scripts
         id: setup
-        uses: github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
           destination: ${{ runner.temp }}/gh-aw/actions
           job-name: ${{ github.job }}
@@ -392,8 +421,8 @@ jobs:
         env:
           GH_AW_SETUP_WORKFLOW_NAME: "Sync Japanese Documentation (Angular)"
           GH_AW_CURRENT_WORKFLOW_REF: ${{ github.repository }}/.github/workflows/sync-jp-docs-angular.lock.yml@${{ github.ref }}
-          GH_AW_INFO_VERSION: "1.0.60"
-          GH_AW_INFO_AWF_VERSION: "v0.27.2"
+          GH_AW_INFO_VERSION: "1.0.63"
+          GH_AW_INFO_AWF_VERSION: "v0.27.7"
           GH_AW_INFO_ENGINE_ID: "copilot"
       - name: Set runtime paths
         id: set-runtime-paths
@@ -404,7 +433,7 @@ jobs:
             echo "GH_AW_SAFE_OUTPUTS_TOOLS_PATH=${RUNNER_TEMP}/gh-aw/safeoutputs/tools.json"
           } >> "$GITHUB_OUTPUT"
       - name: Checkout repository
-        uses: actions/checkout@df4cb1c069e1874edd31b4311f1884172cec0e10 # v6.0.3
+        uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
         with:
           persist-credentials: false
       - name: Create gh-aw temp directory
@@ -415,17 +444,10 @@ jobs:
           GH_TOKEN: ${{ github.token }}
       - name: Configure Git credentials
         env:
-          REPO_NAME: ${{ github.repository }}
-          SERVER_URL: ${{ github.server_url }}
+          GITHUB_REPOSITORY: ${{ github.repository }}
+          GITHUB_SERVER_URL: ${{ github.server_url }}
           GITHUB_TOKEN: ${{ github.token }}
-        run: |
-          git config --global user.email "github-actions[bot]@users.noreply.github.com"
-          git config --global user.name "github-actions[bot]"
-          git config --global am.keepcr true
-          # Re-authenticate git with GitHub token
-          SERVER_URL_STRIPPED="${SERVER_URL#https://}"
-          git remote set-url origin "https://x-access-token:${GITHUB_TOKEN}@${SERVER_URL_STRIPPED}/${REPO_NAME}.git"
-          echo "Git configured with standard GitHub Actions identity"
+        run: bash "${RUNNER_TEMP}/gh-aw/actions/configure_git_credentials.sh"
       - name: Checkout PR branch
         id: checkout-pr
         if: |
@@ -441,11 +463,11 @@ jobs:
             const { main } = require('${{ runner.temp }}/gh-aw/actions/checkout_pr_branch.cjs');
             await main();
       - name: Install GitHub Copilot CLI
-        run: bash "${RUNNER_TEMP}/gh-aw/actions/install_copilot_cli.sh" 1.0.60
+        run: bash "${RUNNER_TEMP}/gh-aw/actions/install_copilot_cli.sh" 1.0.63
         env:
           GH_HOST: github.com
       - name: Install AWF binary
-        run: bash "${RUNNER_TEMP}/gh-aw/actions/install_awf_binary.sh" v0.27.2
+        run: bash "${RUNNER_TEMP}/gh-aw/actions/install_awf_binary.sh" v0.27.7
       - name: Determine automatic lockdown mode for GitHub MCP Server
         id: determine-automatic-lockdown
         uses: actions/github-script@373c709c69115d41ff229c7e5df9f8788daa9553 # v9
@@ -477,15 +499,15 @@ jobs:
           GH_AW_SKILL_DIR: ".github/skills"
         run: bash "${RUNNER_TEMP}/gh-aw/actions/restore_inline_skills.sh"
       - name: Download container images
-        run: bash "${RUNNER_TEMP}/gh-aw/actions/download_docker_images.sh" ghcr.io/github/gh-aw-firewall/agent:0.27.2@sha256:f88e5b17b6b7a600117bc121114d6ce2155c88c983c0c939c5df884f730fa1d6 ghcr.io/github/gh-aw-firewall/api-proxy:0.27.2@sha256:ee39841d980878ebbb87592903b06d31a1af500c71525c9616f7e8e2a27041a4 ghcr.io/github/gh-aw-firewall/squid:0.27.2@sha256:2e3a717e5f19a654cd9a2263beb52012b56bcb68562ec5ae2e42f9d156b49591 ghcr.io/github/gh-aw-mcpg:v0.3.25@sha256:c10331ad17668ef89f38f5e356678788a40b0cd5fef96e8f92e1d9c1de47cbaa ghcr.io/github/github-mcp-server:v1.1.2@sha256:30197479d8036c7811892bc07e06f9a05c9ef3cdd79bc59f256d50647f95788c
+        run: bash "${RUNNER_TEMP}/gh-aw/actions/download_docker_images.sh" ghcr.io/github/gh-aw-firewall/agent:0.27.7@sha256:aae231e4635c8999d039c132f1602d3df850fe9b84a00aa2b5ac981179b5661c ghcr.io/github/gh-aw-firewall/api-proxy:0.27.7@sha256:009caf2e3d88fa77b64e9a03a95a228fc58db0f1701c6d324b29ba5a3c7c79b6 ghcr.io/github/gh-aw-firewall/squid:0.27.7@sha256:deb1d4e19de62d51cee0508057a596a19315c3423ada4d675cad136dc8037c96 ghcr.io/github/gh-aw-mcpg:v0.3.27@sha256:fe984bddde4ec05d756d9043edb0a32912e6b7b72f6a121b1082f29221421cc7 ghcr.io/github/gh-aw-node@sha256:529d02eb970b1161aa25c593a9c3df57fdfad5a8add328cb3b6eccef66f3183b ghcr.io/github/github-mcp-server:v1.4.0@sha256:2afb26356481d1a350e14544a6e160f7f7ec1561a1ea309b823665abf0309036
       - name: Generate Safe Outputs Config
         run: |
           mkdir -p "${RUNNER_TEMP}/gh-aw/safeoutputs"
           mkdir -p /tmp/gh-aw/safeoutputs
           mkdir -p /tmp/gh-aw/mcp-logs/safeoutputs
-          cat > "${RUNNER_TEMP}/gh-aw/safeoutputs/config.json" << 'GH_AW_SAFE_OUTPUTS_CONFIG_91759732740d0920_EOF'
-          {"create_pull_request":{"base_branch":"vnext","draft":false,"if_no_changes":"ignore","labels":["translation","japanese","automation"],"max":1,"max_patch_files":100,"max_patch_size":1024,"protect_top_level_dot_folders":true,"protected_files":["package.json","bun.lockb","bunfig.toml","deno.json","deno.jsonc","deno.lock","global.json","NuGet.Config","Directory.Packages.props","mix.exs","mix.lock","go.mod","go.sum","stack.yaml","stack.yaml.lock","pom.xml","build.gradle","build.gradle.kts","settings.gradle","settings.gradle.kts","gradle.properties","package-lock.json","yarn.lock","pnpm-lock.yaml","npm-shrinkwrap.json","requirements.txt","Pipfile","Pipfile.lock","pyproject.toml","setup.py","setup.cfg","Gemfile","Gemfile.lock","uv.lock","CODEOWNERS","DESIGN.md","README.md","CONTRIBUTING.md","CHANGELOG.md","SECURITY.md","CODE_OF_CONDUCT.md","AGENTS.md","CLAUDE.md","GEMINI.md"],"protected_files_policy":"request_review","title_prefix":"[jp-sync] "},"create_report_incomplete_issue":{},"missing_data":{},"missing_tool":{},"noop":{"max":1,"report-as-issue":"true"},"report_incomplete":{}}
-          GH_AW_SAFE_OUTPUTS_CONFIG_91759732740d0920_EOF
+          cat > "${RUNNER_TEMP}/gh-aw/safeoutputs/config.json" << 'GH_AW_SAFE_OUTPUTS_CONFIG_7e98029480883c79_EOF'
+          {"create_pull_request":{"base_branch":"vnext","draft":false,"if_no_changes":"ignore","labels":["translation","japanese","automation"],"max":1,"max_patch_files":100,"max_patch_size":4096,"protect_top_level_dot_folders":true,"protected_files":["package.json","bun.lockb","bunfig.toml","deno.json","deno.jsonc","deno.lock","global.json","NuGet.Config","Directory.Packages.props","mix.exs","mix.lock","go.mod","go.sum","stack.yaml","stack.yaml.lock","pom.xml","build.gradle","build.gradle.kts","settings.gradle","settings.gradle.kts","gradle.properties","package-lock.json","yarn.lock","pnpm-lock.yaml","npm-shrinkwrap.json","requirements.txt","Pipfile","Pipfile.lock","pyproject.toml","setup.py","setup.cfg","Gemfile","Gemfile.lock","uv.lock","CODEOWNERS","DESIGN.md","README.md","CONTRIBUTING.md","CHANGELOG.md","SECURITY.md","CODE_OF_CONDUCT.md","AGENTS.md","CLAUDE.md","GEMINI.md"],"protected_files_policy":"request_review","title_prefix":"[jp-sync] "},"create_report_incomplete_issue":{},"missing_data":{},"missing_tool":{},"noop":{"max":1,"report-as-issue":"true"},"report_incomplete":{}}
+          GH_AW_SAFE_OUTPUTS_CONFIG_7e98029480883c79_EOF
       - name: Generate Safe Outputs Tools
         env:
           GH_AW_TOOLS_META_JSON: |
@@ -620,55 +642,16 @@ jobs:
             setupGlobals(core, github, context, exec, io, getOctokit);
             const { main } = require('${{ runner.temp }}/gh-aw/actions/generate_safe_outputs_tools.cjs');
             await main();
-      - name: Generate Safe Outputs MCP Server Config
-        id: safe-outputs-config
-        run: |
-          # Generate a secure random API key (360 bits of entropy, 40+ chars)
-          # Mask immediately to prevent timing vulnerabilities
-          API_KEY=$(openssl rand -base64 45 | tr -d '/+=')
-          echo "::add-mask::${API_KEY}"
-          
-          PORT=3001
-          
-          # Set outputs for next steps
-          {
-            echo "safe_outputs_api_key=${API_KEY}"
-            echo "safe_outputs_port=${PORT}"
-          } >> "$GITHUB_OUTPUT"
-          
-          echo "Safe Outputs MCP server will run on port ${PORT}"
-          
-      - name: Start Safe Outputs MCP HTTP Server
-        id: safe-outputs-start
-        env:
-          DEBUG: '*'
-          GH_AW_SAFE_OUTPUTS: ${{ steps.set-runtime-paths.outputs.GH_AW_SAFE_OUTPUTS }}
-          GH_AW_SAFE_OUTPUTS_PORT: ${{ steps.safe-outputs-config.outputs.safe_outputs_port }}
-          GH_AW_SAFE_OUTPUTS_API_KEY: ${{ steps.safe-outputs-config.outputs.safe_outputs_api_key }}
-          GH_AW_SAFE_OUTPUTS_TOOLS_PATH: ${{ runner.temp }}/gh-aw/safeoutputs/tools.json
-          GH_AW_SAFE_OUTPUTS_CONFIG_PATH: ${{ runner.temp }}/gh-aw/safeoutputs/config.json
-          GH_AW_MCP_LOG_DIR: /tmp/gh-aw/mcp-logs/safeoutputs
-        run: |
-          # Environment variables are set above to prevent template injection
-          export DEBUG
-          export GH_AW_SAFE_OUTPUTS
-          export GH_AW_SAFE_OUTPUTS_PORT
-          export GH_AW_SAFE_OUTPUTS_API_KEY
-          export GH_AW_SAFE_OUTPUTS_TOOLS_PATH
-          export GH_AW_SAFE_OUTPUTS_CONFIG_PATH
-          export GH_AW_MCP_LOG_DIR
-          
-          bash "${RUNNER_TEMP}/gh-aw/actions/start_safe_outputs_server.sh"
-          
       - name: Start MCP Gateway
         id: start-mcp-gateway
         env:
           GH_AW_SAFE_OUTPUTS: ${{ steps.set-runtime-paths.outputs.GH_AW_SAFE_OUTPUTS }}
-          GH_AW_SAFE_OUTPUTS_API_KEY: ${{ steps.safe-outputs-start.outputs.api_key }}
-          GH_AW_SAFE_OUTPUTS_PORT: ${{ steps.safe-outputs-start.outputs.port }}
+          GH_AW_SAFE_OUTPUTS_CONFIG_PATH: ${{ steps.set-runtime-paths.outputs.GH_AW_SAFE_OUTPUTS_CONFIG_PATH }}
+          GH_AW_SAFE_OUTPUTS_TOOLS_PATH: ${{ steps.set-runtime-paths.outputs.GH_AW_SAFE_OUTPUTS_TOOLS_PATH }}
           GITHUB_MCP_GUARD_MIN_INTEGRITY: ${{ steps.determine-automatic-lockdown.outputs.min_integrity }}
           GITHUB_MCP_GUARD_REPOS: ${{ steps.determine-automatic-lockdown.outputs.repos }}
           GITHUB_MCP_SERVER_TOKEN: ${{ secrets.GH_AW_GITHUB_MCP_SERVER_TOKEN || secrets.GH_AW_GITHUB_TOKEN || secrets.GITHUB_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         run: |
           set -eo pipefail
           mkdir -p "${RUNNER_TEMP}/gh-aw/mcp-config"
@@ -694,16 +677,16 @@ jobs:
             * ) DOCKER_SOCK_PATH=/var/run/docker.sock ;;
           esac
           DOCKER_SOCK_GID=$(stat -c '%g' "$DOCKER_SOCK_PATH" 2>/dev/null || echo '0')
-          export MCP_GATEWAY_DOCKER_COMMAND='docker run -i --rm --network host --add-host host.docker.internal:127.0.0.1 --user '"${MCP_GATEWAY_UID}"':'"${MCP_GATEWAY_GID}"' --group-add '"${DOCKER_SOCK_GID}"' -v '"${DOCKER_SOCK_PATH}"':/var/run/docker.sock -e MCP_GATEWAY_PORT -e MCP_GATEWAY_DOMAIN -e MCP_GATEWAY_API_KEY -e MCP_GATEWAY_PAYLOAD_DIR -e MCP_GATEWAY_PAYLOAD_SIZE_THRESHOLD -e DOCKER_HOST=unix:///var/run/docker.sock -e DEBUG -e MCP_GATEWAY_LOG_DIR -e GH_AW_MCP_LOG_DIR -e GH_AW_SAFE_OUTPUTS -e GH_AW_SAFE_OUTPUTS_CONFIG_PATH -e GH_AW_SAFE_OUTPUTS_TOOLS_PATH -e GH_AW_ASSETS_BRANCH -e GH_AW_ASSETS_MAX_SIZE_KB -e GH_AW_ASSETS_ALLOWED_EXTS -e DEFAULT_BRANCH -e GITHUB_MCP_SERVER_TOKEN -e GITHUB_MCP_GUARD_MIN_INTEGRITY -e GITHUB_MCP_GUARD_REPOS -e GITHUB_REPOSITORY -e GITHUB_SERVER_URL -e GITHUB_SHA -e GITHUB_WORKSPACE -e GITHUB_TOKEN -e GITHUB_RUN_ID -e GITHUB_RUN_NUMBER -e GITHUB_RUN_ATTEMPT -e GITHUB_JOB -e GITHUB_ACTION -e GITHUB_EVENT_NAME -e GITHUB_EVENT_PATH -e GITHUB_ACTOR -e GITHUB_ACTOR_ID -e GITHUB_TRIGGERING_ACTOR -e GITHUB_WORKFLOW -e GITHUB_WORKFLOW_REF -e GITHUB_WORKFLOW_SHA -e GITHUB_REF -e GITHUB_REF_NAME -e GITHUB_REF_TYPE -e GITHUB_HEAD_REF -e GITHUB_BASE_REF -e GH_AW_SAFE_OUTPUTS_PORT -e GH_AW_SAFE_OUTPUTS_API_KEY -v /tmp/gh-aw/mcp-payloads:/tmp/gh-aw/mcp-payloads:rw -v /opt:/opt:ro -v /tmp:/tmp:rw -v '"${GITHUB_WORKSPACE}"':'"${GITHUB_WORKSPACE}"':rw ghcr.io/github/gh-aw-mcpg:v0.3.25'
+          export MCP_GATEWAY_DOCKER_COMMAND='docker run -i --rm --network host --name awmg-mcpg --add-host host.docker.internal:127.0.0.1 --user '"${MCP_GATEWAY_UID}"':'"${MCP_GATEWAY_GID}"' --group-add '"${DOCKER_SOCK_GID}"' -v '"${DOCKER_SOCK_PATH}"':/var/run/docker.sock -e MCP_GATEWAY_PORT -e MCP_GATEWAY_DOMAIN -e MCP_GATEWAY_API_KEY -e MCP_GATEWAY_PAYLOAD_DIR -e MCP_GATEWAY_PAYLOAD_SIZE_THRESHOLD -e DOCKER_HOST=unix:///var/run/docker.sock -e DEBUG -e MCP_GATEWAY_LOG_DIR -e GH_AW_MCP_LOG_DIR -e GH_AW_SAFE_OUTPUTS -e GH_AW_SAFE_OUTPUTS_CONFIG_PATH -e GH_AW_SAFE_OUTPUTS_TOOLS_PATH -e GH_AW_ASSETS_BRANCH -e GH_AW_ASSETS_MAX_SIZE_KB -e GH_AW_ASSETS_ALLOWED_EXTS -e DEFAULT_BRANCH -e GITHUB_MCP_SERVER_TOKEN -e GITHUB_MCP_GUARD_MIN_INTEGRITY -e GITHUB_MCP_GUARD_REPOS -e GITHUB_REPOSITORY -e GITHUB_SERVER_URL -e GITHUB_SHA -e GITHUB_WORKSPACE -e GITHUB_TOKEN -e GITHUB_RUN_ID -e GITHUB_RUN_NUMBER -e GITHUB_RUN_ATTEMPT -e GITHUB_JOB -e GITHUB_ACTION -e GITHUB_EVENT_NAME -e GITHUB_EVENT_PATH -e GITHUB_ACTOR -e GITHUB_ACTOR_ID -e GITHUB_TRIGGERING_ACTOR -e GITHUB_WORKFLOW -e GITHUB_WORKFLOW_REF -e GITHUB_WORKFLOW_SHA -e GITHUB_REF -e GITHUB_REF_NAME -e GITHUB_REF_TYPE -e GITHUB_HEAD_REF -e GITHUB_BASE_REF -e RUNNER_TEMP -v /tmp/gh-aw/mcp-payloads:/tmp/gh-aw/mcp-payloads:rw -v /opt:/opt:ro -v /tmp:/tmp:rw -v '"${GITHUB_WORKSPACE}"':'"${GITHUB_WORKSPACE}"':rw -v '"${RUNNER_TEMP}"'/gh-aw/safeoutputs:'"${RUNNER_TEMP}"'/gh-aw/safeoutputs:rw ghcr.io/github/gh-aw-mcpg:v0.3.27'
           
           mkdir -p "$HOME/.copilot"
           GH_AW_NODE=$(which node 2>/dev/null || command -v node 2>/dev/null || echo node)
-          cat << GH_AW_MCP_CONFIG_c6fee03c27b97257_EOF | "$GH_AW_NODE" "${RUNNER_TEMP}/gh-aw/actions/start_mcp_gateway.cjs"
+          cat << GH_AW_MCP_CONFIG_c70c556baaebe8bb_EOF | "$GH_AW_NODE" "${RUNNER_TEMP}/gh-aw/actions/start_mcp_gateway.cjs"
           {
             "mcpServers": {
               "github": {
                 "type": "stdio",
-                "container": "ghcr.io/github/github-mcp-server:v1.1.2",
+                "container": "ghcr.io/github/github-mcp-server:v1.4.0",
                 "env": {
                   "GITHUB_HOST": "\${GITHUB_SERVER_URL}",
                   "GITHUB_PERSONAL_ACCESS_TOKEN": "\${GITHUB_MCP_SERVER_TOKEN}",
@@ -718,10 +701,26 @@ jobs:
                 }
               },
               "safeoutputs": {
-                "type": "http",
-                "url": "http://host.docker.internal:$GH_AW_SAFE_OUTPUTS_PORT",
-                "headers": {
-                  "Authorization": "\${GH_AW_SAFE_OUTPUTS_API_KEY}"
+                "type": "stdio",
+                "container": "ghcr.io/github/gh-aw-node",
+                "mounts": ["\${GITHUB_WORKSPACE}:\${GITHUB_WORKSPACE}:rw", "${RUNNER_TEMP}/gh-aw/safeoutputs:${RUNNER_TEMP}/gh-aw/safeoutputs:rw", "/tmp/gh-aw:/tmp/gh-aw:rw"],
+                "args": ["-w", "\${GITHUB_WORKSPACE}"],
+                "entrypoint": "sh",
+                "entrypointArgs": ["-c", "sh ${RUNNER_TEMP}/gh-aw/safeoutputs/start_safe_outputs_mcp.sh"],
+                "env": {
+                  "DEBUG": "*",
+                  "DEFAULT_BRANCH": "\${DEFAULT_BRANCH}",
+                  "GH_AW_ASSETS_ALLOWED_EXTS": "\${GH_AW_ASSETS_ALLOWED_EXTS}",
+                  "GH_AW_ASSETS_BRANCH": "\${GH_AW_ASSETS_BRANCH}",
+                  "GH_AW_ASSETS_MAX_SIZE_KB": "\${GH_AW_ASSETS_MAX_SIZE_KB}",
+                  "GH_AW_MCP_LOG_DIR": "\${GH_AW_MCP_LOG_DIR}",
+                  "GH_AW_SAFE_OUTPUTS": "\${GH_AW_SAFE_OUTPUTS}",
+                  "GH_AW_SAFE_OUTPUTS_CONFIG_PATH": "\${GH_AW_SAFE_OUTPUTS_CONFIG_PATH}",
+                  "GH_AW_SAFE_OUTPUTS_TOOLS_PATH": "\${GH_AW_SAFE_OUTPUTS_TOOLS_PATH}",
+                  "GITHUB_REPOSITORY": "\${GITHUB_REPOSITORY}",
+                  "GITHUB_TOKEN": "\${GITHUB_TOKEN}",
+                  "GITHUB_WORKSPACE": "\${GITHUB_WORKSPACE}",
+                  "RUNNER_TEMP": "\${RUNNER_TEMP}"
                 },
                 "guard-policies": {
                   "write-sink": {
@@ -739,7 +738,7 @@ jobs:
               "payloadDir": "${MCP_GATEWAY_PAYLOAD_DIR}"
             }
           }
-          GH_AW_MCP_CONFIG_c6fee03c27b97257_EOF
+          GH_AW_MCP_CONFIG_c70c556baaebe8bb_EOF
       - name: Mount MCP servers as CLIs
         id: mount-mcp-clis
         continue-on-error: true
@@ -808,38 +807,54 @@ jobs:
           export GH_AW_NODE_BIN
           export COPILOT_API_KEY="$COPILOT_DUMMY_BYOK"
           (umask 177 && touch /tmp/gh-aw/agent-stdio.log)
-          GH_AW_MAX_AI_CREDITS="${{ vars.GH_AW_DEFAULT_MAX_AI_CREDITS || '1000' }}"
-          printf '%s\n' "{\"\$schema\":\"https://github.com/github/gh-aw-firewall/releases/download/v0.27.2/awf-config.schema.json\",\"network\":{\"allowDomains\":[\"api.business.githubcopilot.com\",\"api.enterprise.githubcopilot.com\",\"api.github.com\",\"api.githubcopilot.com\",\"api.individual.githubcopilot.com\",\"api.snapcraft.io\",\"archive.ubuntu.com\",\"azure.archive.ubuntu.com\",\"crl.geotrust.com\",\"crl.globalsign.com\",\"crl.identrust.com\",\"crl.sectigo.com\",\"crl.thawte.com\",\"crl.usertrust.com\",\"crl.verisign.com\",\"crl3.digicert.com\",\"crl4.digicert.com\",\"crls.ssl.com\",\"github.com\",\"host.docker.internal\",\"json-schema.org\",\"json.schemastore.org\",\"keyserver.ubuntu.com\",\"ocsp.digicert.com\",\"ocsp.geotrust.com\",\"ocsp.globalsign.com\",\"ocsp.identrust.com\",\"ocsp.sectigo.com\",\"ocsp.ssl.com\",\"ocsp.thawte.com\",\"ocsp.usertrust.com\",\"ocsp.verisign.com\",\"packagecloud.io\",\"packages.cloud.google.com\",\"packages.microsoft.com\",\"ppa.launchpad.net\",\"raw.githubusercontent.com\",\"registry.npmjs.org\",\"s.symcb.com\",\"s.symcd.com\",\"security.ubuntu.com\",\"telemetry.enterprise.githubcopilot.com\",\"ts-crl.ws.symantec.com\",\"ts-ocsp.ws.symantec.com\",\"www.googleapis.com\"]},\"apiProxy\":{\"enabled\":true,\"enableTokenSteering\":true,\"maxRuns\":500,\"maxAiCredits\":${GH_AW_MAX_AI_CREDITS},\"models\":{\"agent\":[\"sonnet-6x\",\"gpt-5.4\",\"gpt-5.3\",\"gemini-pro\",\"any\"],\"antigravity\":[\"copilot/antigravity*\",\"google/antigravity*\",\"gemini/antigravity*\"],\"any\":[\"copilot/*\",\"anthropic/*\",\"openai/*\",\"google/*\",\"gemini/*\"],\"claude\":[\"agent\"],\"codex\":[\"agent\"],\"coding\":[\"copilot/gpt-5*codex*\",\"openai/gpt-5*codex*\",\"gpt-5-codex\"],\"computer-use\":[\"copilot/*computer-use*\",\"google/*computer-use*\",\"gemini/*computer-use*\",\"openai/*computer-use*\"],\"copilot\":[\"agent\"],\"deep-research\":[\"copilot/deep-research*\",\"copilot/o3-deep-research*\",\"copilot/o4-mini-deep-research*\",\"google/deep-research*\",\"gemini/deep-research*\",\"openai/o3-deep-research*\",\"openai/o4-mini-deep-research*\"],\"gemini\":[\"agent\"],\"gemini-3-flash\":[\"copilot/gemini-3*flash*\",\"google/gemini-3*flash*\",\"gemini/gemini-3*flash*\"],\"gemini-3-pro\":[\"copilot/gemini-3*pro*\",\"google/gemini-3*pro*\",\"google/nano-banana*\",\"gemini/gemini-3*pro*\"],\"gemini-3.1-flash\":[\"copilot/gemini-3.1*flash*\",\"google/gemini-3.1*flash*\",\"gemini/gemini-3.1*flash*\"],\"gemini-3.1-pro\":[\"copilot/gemini-3.1*pro*\",\"google/gemini-3.1*pro*\",\"gemini/gemini-3.1*pro*\"],\"gemini-3.5-flash\":[\"copilot/gemini-3.5*flash*\",\"google/gemini-3.5*flash*\",\"gemini/gemini-3.5*flash*\"],\"gemini-flash\":[\"copilot/gemini-*flash*\",\"google/gemini-*flash*\",\"gemini/gemini-*flash*\"],\"gemini-flash-lite\":[\"copilot/gemini-*flash*lite*\",\"google/gemini-*flash*lite*\",\"gemini/gemini-*flash*lite*\"],\"gemini-pro\":[\"copilot/gemini-*pro*\",\"google/gemini-*pro*\",\"gemini/gemini-*pro*\"],\"gemma\":[\"copilot/gemma*\",\"google/gemma*\",\"gemini/gemma*\"],\"gpt-5\":[\"copilot/gpt-5*\",\"openai/gpt-5*\"],\"gpt-5-codex\":[\"copilot/gpt-5*codex*\",\"openai/gpt-5*codex*\"],\"gpt-5-mini\":[\"copilot/gpt-5*mini*\",\"openai/gpt-5*mini*\"],\"gpt-5-nano\":[\"copilot/gpt-5*nano*\",\"openai/gpt-5*nano*\"],\"gpt-5-pro\":[\"copilot/gpt-5*pro*\",\"openai/gpt-5*pro*\"],\"gpt-5.2\":[\"copilot/gpt-5.2*\",\"openai/gpt-5.2*\"],\"gpt-5.3\":[\"copilot/gpt-5.3*\",\"openai/gpt-5.3*\"],\"gpt-5.4\":[\"copilot/gpt-5.4*\",\"openai/gpt-5.4*\"],\"gpt-5.5\":[\"copilot/gpt-5.5*\",\"openai/gpt-5.5*\"],\"haiku\":[\"copilot/*haiku*\",\"anthropic/*haiku*\"],\"large\":[\"sonnet\",\"gpt-5-pro\",\"gpt-5\",\"gemini-pro\"],\"mai-code\":[\"copilot/MAI-Code*\",\"copilot/mai-code*\",\"openai/MAI-Code*\"],\"mini\":[\"haiku\",\"gpt-5-mini\",\"gpt-5-nano\",\"gemini-flash-lite\"],\"nano-banana\":[\"copilot/nano-banana*\",\"google/nano-banana*\",\"gemini/nano-banana*\"],\"opus\":[\"copilot/*opus*\",\"anthropic/*opus*\"],\"opusplan\":[\"opus?effort=high\"],\"reasoning\":[\"copilot/o1*\",\"copilot/o3*\",\"copilot/o4*\",\"openai/o1*\",\"openai/o3*\",\"openai/o4*\"],\"robotics\":[\"copilot/*robotics*\",\"google/*robotics*\",\"gemini/*robotics*\"],\"small\":[\"mini\"],\"small-agent\":[\"haiku\",\"gpt-5-mini\",\"gemini-flash\"],\"sonnet\":[\"copilot/*sonnet*\",\"anthropic/*sonnet*\"],\"sonnet-6x\":[\"copilot/*sonnet-4.5*\",\"copilot/*sonnet-4.6*\",\"copilot/*sonnet-4-5-*\",\"anthropic/*sonnet-4-5-*\",\"copilot/*sonnet-4-6*\",\"anthropic/*sonnet-4-6*\"],\"summarization\":[\"haiku\",\"gpt-5-mini\",\"gemini-flash-lite\",\"mini\"],\"vision\":[\"copilot/gemini-*image*\",\"gemini/gemini-*image*\",\"copilot/gemini-*flash*\",\"gemini/gemini-*flash*\"]}},\"container\":{\"imageTag\":\"0.27.2,squid=sha256:2e3a717e5f19a654cd9a2263beb52012b56bcb68562ec5ae2e42f9d156b49591,agent=sha256:f88e5b17b6b7a600117bc121114d6ce2155c88c983c0c939c5df884f730fa1d6,api-proxy=sha256:ee39841d980878ebbb87592903b06d31a1af500c71525c9616f7e8e2a27041a4,cli-proxy=sha256:02f3ec08f32dc26c5427920c6a2e2f3036238fce44802f2f11ef49ed8621b5d0\"}}" > "${RUNNER_TEMP}/gh-aw/awf-config.json"
+          GH_AW_MAX_AI_CREDITS="${GH_AW_MAX_AI_CREDITS:-1000}"
+          printf '%s\n' "{\"\$schema\":\"https://github.com/github/gh-aw-firewall/releases/download/v0.27.7/awf-config.schema.json\",\"network\":{\"allowDomains\":[\"api.business.githubcopilot.com\",\"api.enterprise.githubcopilot.com\",\"api.github.com\",\"api.githubcopilot.com\",\"api.individual.githubcopilot.com\",\"api.snapcraft.io\",\"archive.ubuntu.com\",\"azure.archive.ubuntu.com\",\"crl.geotrust.com\",\"crl.globalsign.com\",\"crl.identrust.com\",\"crl.sectigo.com\",\"crl.thawte.com\",\"crl.usertrust.com\",\"crl.verisign.com\",\"crl3.digicert.com\",\"crl4.digicert.com\",\"crls.ssl.com\",\"github.com\",\"host.docker.internal\",\"json-schema.org\",\"json.schemastore.org\",\"keyserver.ubuntu.com\",\"ocsp.digicert.com\",\"ocsp.geotrust.com\",\"ocsp.globalsign.com\",\"ocsp.identrust.com\",\"ocsp.sectigo.com\",\"ocsp.ssl.com\",\"ocsp.thawte.com\",\"ocsp.usertrust.com\",\"ocsp.verisign.com\",\"packagecloud.io\",\"packages.cloud.google.com\",\"packages.microsoft.com\",\"ppa.launchpad.net\",\"raw.githubusercontent.com\",\"registry.npmjs.org\",\"s.symcb.com\",\"s.symcd.com\",\"security.ubuntu.com\",\"telemetry.enterprise.githubcopilot.com\",\"ts-crl.ws.symantec.com\",\"ts-ocsp.ws.symantec.com\",\"www.googleapis.com\"]},\"apiProxy\":{\"enabled\":true,\"enableTokenSteering\":true,\"maxRuns\":500,\"maxAiCredits\":${GH_AW_MAX_AI_CREDITS},\"maxCacheMisses\":5,\"models\":{\"agent\":[\"sonnet-6x\",\"gpt-5.5\",\"gpt-5.4\",\"gpt-5.3\",\"gemini-pro\",\"any\"],\"antigravity\":[\"copilot/antigravity*\",\"google/antigravity*\",\"gemini/antigravity*\"],\"any\":[\"copilot/*\",\"anthropic/*\",\"openai/*\",\"google/*\",\"gemini/*\"],\"claude\":[\"agent\"],\"codex\":[\"agent\"],\"coding\":[\"copilot/gpt-5*codex*\",\"openai/gpt-5*codex*\",\"gpt-5-codex\"],\"computer-use\":[\"copilot/*computer-use*\",\"google/*computer-use*\",\"gemini/*computer-use*\",\"openai/*computer-use*\"],\"copilot\":[\"agent\"],\"deep-research\":[\"copilot/deep-research*\",\"copilot/o3-deep-research*\",\"copilot/o4-mini-deep-research*\",\"google/deep-research*\",\"gemini/deep-research*\",\"openai/o3-deep-research*\",\"openai/o4-mini-deep-research*\"],\"gemini\":[\"agent\"],\"gemini-3-flash\":[\"copilot/gemini-3*flash*\",\"google/gemini-3*flash*\",\"gemini/gemini-3*flash*\"],\"gemini-3-pro\":[\"copilot/gemini-3*pro*\",\"google/gemini-3*pro*\",\"google/nano-banana*\",\"gemini/gemini-3*pro*\"],\"gemini-3.1-flash\":[\"copilot/gemini-3.1*flash*\",\"google/gemini-3.1*flash*\",\"gemini/gemini-3.1*flash*\"],\"gemini-3.1-pro\":[\"copilot/gemini-3.1*pro*\",\"google/gemini-3.1*pro*\",\"gemini/gemini-3.1*pro*\"],\"gemini-3.5-flash\":[\"copilot/gemini-3.5*flash*\",\"google/gemini-3.5*flash*\",\"gemini/gemini-3.5*flash*\"],\"gemini-flash\":[\"copilot/gemini-*flash*\",\"google/gemini-*flash*\",\"gemini/gemini-*flash*\"],\"gemini-flash-lite\":[\"copilot/gemini-*flash*lite*\",\"google/gemini-*flash*lite*\",\"gemini/gemini-*flash*lite*\"],\"gemini-pro\":[\"copilot/gemini-*pro*\",\"google/gemini-*pro*\",\"gemini/gemini-*pro*\"],\"gemma\":[\"copilot/gemma*\",\"google/gemma*\",\"gemini/gemma*\"],\"gpt-5\":[\"copilot/gpt-5*\",\"openai/gpt-5*\"],\"gpt-5-codex\":[\"copilot/gpt-5*codex*\",\"openai/gpt-5*codex*\"],\"gpt-5-mini\":[\"copilot/gpt-5*mini*\",\"openai/gpt-5*mini*\"],\"gpt-5-nano\":[\"copilot/gpt-5*nano*\",\"openai/gpt-5*nano*\"],\"gpt-5-pro\":[\"copilot/gpt-5*pro*\",\"openai/gpt-5*pro*\"],\"gpt-5.1\":[\"copilot/gpt-5.1*\",\"openai/gpt-5.1*\"],\"gpt-5.2\":[\"copilot/gpt-5.2*\",\"openai/gpt-5.2*\"],\"gpt-5.3\":[\"copilot/gpt-5.3*\",\"openai/gpt-5.3*\"],\"gpt-5.4\":[\"copilot/gpt-5.4*\",\"openai/gpt-5.4*\"],\"gpt-5.5\":[\"copilot/gpt-5.5*\",\"openai/gpt-5.5*\"],\"haiku\":[\"copilot/*haiku*\",\"anthropic/*haiku*\"],\"image-generation\":[\"copilot/gpt-image*\",\"openai/gpt-image*\",\"openai/chatgpt-image*\",\"copilot/gemini-*image*\",\"google/gemini-*image*\",\"gemini/gemini-*image*\",\"google/imagen*\"],\"large\":[\"sonnet\",\"gpt-5-pro\",\"gpt-5\",\"gemini-pro\"],\"mai-code\":[\"copilot/MAI-Code*\",\"copilot/mai-code*\",\"openai/MAI-Code*\"],\"mini\":[\"haiku\",\"gpt-5-mini\",\"gpt-5-nano\",\"gemini-flash-lite\"],\"nano-banana\":[\"copilot/nano-banana*\",\"google/nano-banana*\",\"gemini/nano-banana*\"],\"opus\":[\"copilot/*opus*\",\"anthropic/*opus*\"],\"opusplan\":[\"opus?effort=high\"],\"reasoning\":[\"copilot/o1*\",\"copilot/o3*\",\"copilot/o4*\",\"openai/o1*\",\"openai/o3*\",\"openai/o4*\"],\"robotics\":[\"copilot/*robotics*\",\"google/*robotics*\",\"gemini/*robotics*\"],\"small\":[\"mini\"],\"small-agent\":[\"haiku\",\"gpt-5-mini\",\"gemini-flash\"],\"sonnet\":[\"copilot/*sonnet*\",\"anthropic/*sonnet*\"],\"sonnet-6x\":[\"copilot/*sonnet-4.5*\",\"copilot/*sonnet-4.6*\",\"copilot/*sonnet-4-5-*\",\"anthropic/*sonnet-4-5-*\",\"copilot/*sonnet-4-6*\",\"anthropic/*sonnet-4-6*\"],\"summarization\":[\"haiku\",\"gpt-5-mini\",\"gemini-flash-lite\",\"mini\"],\"vision\":[\"copilot/gemini-*image*\",\"google/gemini-*image*\",\"gemini/gemini-*image*\",\"copilot/gemini-*flash*\",\"google/gemini-*flash*\",\"gemini/gemini-*flash*\"]}},\"container\":{\"imageTag\":\"0.27.7,squid=sha256:deb1d4e19de62d51cee0508057a596a19315c3423ada4d675cad136dc8037c96,agent=sha256:aae231e4635c8999d039c132f1602d3df850fe9b84a00aa2b5ac981179b5661c,api-proxy=sha256:009caf2e3d88fa77b64e9a03a95a228fc58db0f1701c6d324b29ba5a3c7c79b6,cli-proxy=sha256:4757f198a3fa20f88bdbe70be7ae1a05f127d9c0a9e96a5d6460ef40c08fc83d\"}}" > "${RUNNER_TEMP}/gh-aw/awf-config.json"
           cp "${RUNNER_TEMP}/gh-aw/awf-config.json" /tmp/gh-aw/awf-config.json
           export GH_AW_MODELS_JSON_PATH="/tmp/gh-aw/models.json"
+          GH_AW_DOCKER_HOST=""
+          if [[ "${DOCKER_HOST:-}" =~ ^tcp:// ]]; then
+            GH_AW_DOCKER_HOST="${DOCKER_HOST}"
+          fi
           GH_AW_DOCKER_HOST_PATH_PREFIX_ARGS=""
           if [[ "${DOCKER_HOST:-}" =~ ^tcp:// ]]; then
             GH_AW_DOCKER_HOST_PATH_PREFIX_ARGS="--docker-host-path-prefix /tmp/gh-aw"
+            python3 - <<'PY'
+          import json,os,subprocess as sp
+          from pathlib import Path
+          try:
+           p=Path(os.environ["RUNNER_TEMP"])/"gh-aw"/"awf-config.json"
+           c=json.loads(p.read_text())
+           c["chroot"]={"binariesSourcePath":"/tmp/gh-aw","identity":{"user":sp.check_output(["id","-un"],text=True).strip(),"uid":int(sp.check_output(["id","-u"],text=True)),"gid":int(sp.check_output(["id","-g"],text=True)),"home":"/tmp/gh-aw/home"}}
+           out=json.dumps(c,separators=(",",":"),ensure_ascii=False)+"\n"
+           p.write_text(out)
+           Path("/tmp/gh-aw/awf-config.json").write_text(out)
+          except Exception as e:
+           raise SystemExit(f"chroot config patch failed: {e}") from e
+          PY
           fi
           GH_AW_TOOL_CACHE_MOUNT=""
-          GH_AW_TOOL_CACHE="${RUNNER_TOOL_CACHE:-/opt/hostedtoolcache}"
+          GH_AW_TOOL_CACHE="${RUNNER_TOOL_CACHE:?RUNNER_TOOL_CACHE must be set}"
           if [ -d "$GH_AW_TOOL_CACHE" ]; then
             if [[ "$GH_AW_TOOL_CACHE" != /opt/* ]]; then
               GH_AW_TOOL_CACHE_MOUNT="$GH_AW_TOOL_CACHE:$GH_AW_TOOL_CACHE:ro"
             fi
-          elif [ -d "/home/runner/work/_tool" ]; then
-            GH_AW_TOOL_CACHE_MOUNT="/home/runner/work/_tool:/home/runner/work/_tool:ro"
           fi
-          # shellcheck disable=SC1003
-          sudo -E awf --config "${RUNNER_TEMP}/gh-aw/awf-config.json" --container-workdir "${GITHUB_WORKSPACE}" --mount "${RUNNER_TEMP}/gh-aw:${RUNNER_TEMP}/gh-aw:ro" --mount "${RUNNER_TEMP}/gh-aw:/host${RUNNER_TEMP}/gh-aw:ro" ${GH_AW_TOOL_CACHE_MOUNT:+--mount "$GH_AW_TOOL_CACHE_MOUNT"} ${GH_AW_DOCKER_HOST_PATH_PREFIX_ARGS} --env-all --exclude-env COPILOT_GITHUB_TOKEN --exclude-env GITHUB_MCP_SERVER_TOKEN --exclude-env MCP_GATEWAY_API_KEY --log-level info --proxy-logs-dir /tmp/gh-aw/sandbox/firewall/logs --audit-dir /tmp/gh-aw/sandbox/firewall/audit --enable-host-access --allow-host-ports 80,443,8080 --skip-pull \
-            -- /bin/bash -c 'set +o histexpand; export PATH="${RUNNER_TEMP}/gh-aw/mcp-cli/bin:$PATH" && GH_AW_TOOL_CACHE="${RUNNER_TOOL_CACHE:-/opt/hostedtoolcache}"; export PATH="$(find "$GH_AW_TOOL_CACHE" /opt/hostedtoolcache /home/runner/work/_tool -maxdepth 5 -type d -name bin 2>/dev/null | tr '\''\n'\'' '\'':'\'')$PATH"; [ -n "$GOROOT" ] && export PATH="$GOROOT/bin:$PATH" || true && GH_AW_NODE_EXEC="${GH_AW_NODE_BIN:-}"; if [ -z "$GH_AW_NODE_EXEC" ] || [ ! -x "$GH_AW_NODE_EXEC" ]; then GH_AW_NODE_EXEC="$(command -v node 2>/dev/null || true)"; fi; if [ -z "$GH_AW_NODE_EXEC" ]; then echo "node runtime missing on this runner — check runtimes.node in workflow YAML" >&2; exit 127; fi; GH_AW_NPM_GLOBAL_ROOT="$(npm root -g 2>/dev/null || true)"; if [ -n "$GH_AW_NPM_GLOBAL_ROOT" ]; then export NODE_PATH="${GH_AW_NPM_GLOBAL_ROOT}${NODE_PATH:+:${NODE_PATH}}"; fi; "$GH_AW_NODE_EXEC" ${RUNNER_TEMP}/gh-aw/actions/copilot_harness.cjs /usr/local/bin/copilot --add-dir /tmp/gh-aw/ --log-level all --log-dir /tmp/gh-aw/sandbox/agent/logs/ --disable-builtin-mcps --no-ask-user --allow-tool github --allow-tool safeoutputs --allow-tool '\''shell(cat)'\'' --allow-tool '\''shell(date)'\'' --allow-tool '\''shell(echo)'\'' --allow-tool '\''shell(find)'\'' --allow-tool '\''shell(git add:*)'\'' --allow-tool '\''shell(git branch:*)'\'' --allow-tool '\''shell(git checkout:*)'\'' --allow-tool '\''shell(git commit:*)'\'' --allow-tool '\''shell(git diff --name-only)'\'' --allow-tool '\''shell(git diff)'\'' --allow-tool '\''shell(git log)'\'' --allow-tool '\''shell(git merge:*)'\'' --allow-tool '\''shell(git rm:*)'\'' --allow-tool '\''shell(git status)'\'' --allow-tool '\''shell(git switch:*)'\'' --allow-tool '\''shell(grep)'\'' --allow-tool '\''shell(head)'\'' --allow-tool '\''shell(ls)'\'' --allow-tool '\''shell(node)'\'' --allow-tool '\''shell(printf)'\'' --allow-tool '\''shell(pwd)'\'' --allow-tool '\''shell(safeoutputs:*)'\'' --allow-tool '\''shell(sort)'\'' --allow-tool '\''shell(tail)'\'' --allow-tool '\''shell(uniq)'\'' --allow-tool '\''shell(wc)'\'' --allow-tool '\''shell(yq)'\'' --allow-tool write --allow-all-paths --add-dir "${GITHUB_WORKSPACE}" --prompt-file /tmp/gh-aw/aw-prompts/prompt.txt' 2>&1 | tee -a /tmp/gh-aw/agent-stdio.log
+          # shellcheck disable=SC1003,SC2086
+          sudo -E awf --config "${RUNNER_TEMP}/gh-aw/awf-config.json" --container-workdir "${GITHUB_WORKSPACE}" --mount "${RUNNER_TEMP}/gh-aw:${RUNNER_TEMP}/gh-aw:ro" --mount "${RUNNER_TEMP}/gh-aw:/host${RUNNER_TEMP}/gh-aw:ro" ${GH_AW_TOOL_CACHE_MOUNT:+--mount "$GH_AW_TOOL_CACHE_MOUNT"} ${GH_AW_DOCKER_HOST:+--docker-host "$GH_AW_DOCKER_HOST"} ${GH_AW_DOCKER_HOST_PATH_PREFIX_ARGS} --env-all --exclude-env COPILOT_GITHUB_TOKEN --exclude-env GITHUB_MCP_SERVER_TOKEN --exclude-env MCP_GATEWAY_API_KEY --log-level info --proxy-logs-dir /tmp/gh-aw/sandbox/firewall/logs --audit-dir /tmp/gh-aw/sandbox/firewall/audit --enable-host-access --allow-host-ports 80,443,8080 --skip-pull \
+            -- /bin/bash -c 'set +o histexpand; export PATH="${RUNNER_TEMP}/gh-aw/mcp-cli/bin:$PATH" && : "${RUNNER_TOOL_CACHE:?RUNNER_TOOL_CACHE must be set}"; GH_AW_TOOL_CACHE="$RUNNER_TOOL_CACHE"; export PATH="$(find "$GH_AW_TOOL_CACHE" -maxdepth 5 -type d -name bin 2>/dev/null | tr '\''\n'\'' '\'':'\'')$PATH"; [ -n "$GOROOT" ] && export PATH="$GOROOT/bin:$PATH" || true && GH_AW_NODE_EXEC="${GH_AW_NODE_BIN:-}"; if [ -z "$GH_AW_NODE_EXEC" ] || [ ! -x "$GH_AW_NODE_EXEC" ]; then GH_AW_NODE_EXEC="$(command -v node 2>/dev/null || true)"; fi; if [ -z "$GH_AW_NODE_EXEC" ]; then echo "node runtime missing on this runner — check runtimes.node in workflow YAML" >&2; exit 127; fi; GH_AW_NPM_GLOBAL_ROOT="$(npm root -g 2>/dev/null || true)"; if [ -n "$GH_AW_NPM_GLOBAL_ROOT" ]; then export NODE_PATH="${GH_AW_NPM_GLOBAL_ROOT}${NODE_PATH:+:${NODE_PATH}}"; fi; "$GH_AW_NODE_EXEC" ${RUNNER_TEMP}/gh-aw/actions/copilot_harness.cjs /usr/local/bin/copilot --add-dir /tmp/gh-aw/ --log-level all --log-dir /tmp/gh-aw/sandbox/agent/logs/ --disable-builtin-mcps --no-ask-user --allow-tool github --allow-tool safeoutputs --allow-tool '\''shell(cat)'\'' --allow-tool '\''shell(date)'\'' --allow-tool '\''shell(echo)'\'' --allow-tool '\''shell(find)'\'' --allow-tool '\''shell(git add:*)'\'' --allow-tool '\''shell(git branch:*)'\'' --allow-tool '\''shell(git checkout:*)'\'' --allow-tool '\''shell(git commit:*)'\'' --allow-tool '\''shell(git diff --name-only)'\'' --allow-tool '\''shell(git diff)'\'' --allow-tool '\''shell(git log)'\'' --allow-tool '\''shell(git merge:*)'\'' --allow-tool '\''shell(git rm:*)'\'' --allow-tool '\''shell(git status)'\'' --allow-tool '\''shell(git switch:*)'\'' --allow-tool '\''shell(grep)'\'' --allow-tool '\''shell(head)'\'' --allow-tool '\''shell(ls)'\'' --allow-tool '\''shell(node)'\'' --allow-tool '\''shell(printf)'\'' --allow-tool '\''shell(pwd)'\'' --allow-tool '\''shell(safeoutputs:*)'\'' --allow-tool '\''shell(sort)'\'' --allow-tool '\''shell(tail)'\'' --allow-tool '\''shell(uniq)'\'' --allow-tool '\''shell(wc)'\'' --allow-tool '\''shell(yq)'\'' --allow-tool write --allow-all-paths --add-dir "${GITHUB_WORKSPACE}" --prompt-file /tmp/gh-aw/aw-prompts/prompt.txt' 2>&1 | tee -a /tmp/gh-aw/agent-stdio.log
         env:
           AWF_REFLECT_ENABLED: 1
           COPILOT_AGENT_RUNNER_TYPE: STANDALONE
           COPILOT_DUMMY_BYOK: dummy-byok-key-for-offline-mode
           COPILOT_GITHUB_TOKEN: ${{ secrets.COPILOT_GITHUB_TOKEN }}
           COPILOT_MODEL: ${{ vars.GH_AW_MODEL_AGENT_COPILOT || vars.GH_AW_DEFAULT_MODEL_COPILOT || 'claude-sonnet-4.6' }}
+          GH_AW_MAX_AI_CREDITS: ${{ vars.GH_AW_DEFAULT_MAX_AI_CREDITS || '1000' }}
           GH_AW_MAX_TURNS: ${{ vars.GH_AW_DEFAULT_MAX_TURNS || '' }}
           GH_AW_PHASE: agent
           GH_AW_PROMPT: /tmp/gh-aw/aw-prompts/prompt.txt
           GH_AW_SAFE_OUTPUTS: ${{ steps.set-runtime-paths.outputs.GH_AW_SAFE_OUTPUTS }}
           GH_AW_TIMEOUT_MINUTES: 30
-          GH_AW_VERSION: v0.79.8
+          GH_AW_VERSION: v0.80.9
           GITHUB_API_URL: ${{ github.api_url }}
           GITHUB_AW: true
           GITHUB_COPILOT_INTEGRATION_ID: agentic-workflows
@@ -854,6 +869,7 @@ jobs:
           GIT_COMMITTER_EMAIL: github-actions[bot]@users.noreply.github.com
           GIT_COMMITTER_NAME: github-actions[bot]
           RUNNER_TEMP: ${{ runner.temp }}
+          TRACEPARENT: ${{ env.GITHUB_AW_OTEL_TRACE_ID != '' && env.GITHUB_AW_OTEL_PARENT_SPAN_ID != '' && format('00-{0}-{1}-01', env.GITHUB_AW_OTEL_TRACE_ID, env.GITHUB_AW_OTEL_PARENT_SPAN_ID) || '' }}
       - name: Detect agent errors
         if: always()
         id: detect-agent-errors
@@ -861,17 +877,10 @@ jobs:
         run: node "${RUNNER_TEMP}/gh-aw/actions/detect_agent_errors.cjs"
       - name: Configure Git credentials
         env:
-          REPO_NAME: ${{ github.repository }}
-          SERVER_URL: ${{ github.server_url }}
+          GITHUB_REPOSITORY: ${{ github.repository }}
+          GITHUB_SERVER_URL: ${{ github.server_url }}
           GITHUB_TOKEN: ${{ github.token }}
-        run: |
-          git config --global user.email "github-actions[bot]@users.noreply.github.com"
-          git config --global user.name "github-actions[bot]"
-          git config --global am.keepcr true
-          # Re-authenticate git with GitHub token
-          SERVER_URL_STRIPPED="${SERVER_URL#https://}"
-          git remote set-url origin "https://x-access-token:${GITHUB_TOKEN}@${SERVER_URL_STRIPPED}/${REPO_NAME}.git"
-          echo "Git configured with standard GitHub Actions identity"
+        run: bash "${RUNNER_TEMP}/gh-aw/actions/configure_git_credentials.sh"
       - name: Copy Copilot session state files to logs
         if: always()
         continue-on-error: true
@@ -1039,7 +1048,7 @@ jobs:
     steps:
       - name: Setup Scripts
         id: setup
-        uses: github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
           destination: ${{ runner.temp }}/gh-aw/actions
           job-name: ${{ github.job }}
@@ -1048,8 +1057,8 @@ jobs:
         env:
           GH_AW_SETUP_WORKFLOW_NAME: "Sync Japanese Documentation (Angular)"
           GH_AW_CURRENT_WORKFLOW_REF: ${{ github.repository }}/.github/workflows/sync-jp-docs-angular.lock.yml@${{ github.ref }}
-          GH_AW_INFO_VERSION: "1.0.60"
-          GH_AW_INFO_AWF_VERSION: "v0.27.2"
+          GH_AW_INFO_VERSION: "1.0.63"
+          GH_AW_INFO_AWF_VERSION: "v0.27.7"
           GH_AW_INFO_ENGINE_ID: "copilot"
       - name: Download agent output artifact
         id: download-agent-output
@@ -1071,12 +1080,14 @@ jobs:
         run: |
           mkdir -p /tmp/gh-aw/usage/agent /tmp/gh-aw/usage/detection
           echo "Usage artifact source file status:"
-          for file in /tmp/gh-aw/aw-info.jsonl /tmp/gh-aw/agent_usage.jsonl /tmp/gh-aw/detection_usage.jsonl /tmp/gh-aw/sandbox/firewall-audit-logs/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/sandbox/firewall/logs/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/sandbox/firewall/audit/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/threat-detection/sandbox/firewall-audit-logs/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/threat-detection/sandbox/firewall/logs/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/threat-detection/sandbox/firewall/audit/api-proxy-logs/token-usage.jsonl; do
+          for file in /tmp/gh-aw/aw_info.json /tmp/gh-aw/aw-info.jsonl /tmp/gh-aw/agent_usage.jsonl /tmp/gh-aw/detection_usage.jsonl /tmp/gh-aw/github_rate_limits.jsonl /tmp/gh-aw/sandbox/firewall-audit-logs/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/sandbox/firewall/logs/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/sandbox/firewall/audit/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/threat-detection/sandbox/firewall-audit-logs/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/threat-detection/sandbox/firewall/logs/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/threat-detection/sandbox/firewall/audit/api-proxy-logs/token-usage.jsonl; do
             [ -f "$file" ] && echo "FOUND: $file" || echo "MISSING: $file"
           done
+          [ -f /tmp/gh-aw/aw_info.json ] && cp /tmp/gh-aw/aw_info.json /tmp/gh-aw/usage/aw_info.json || true
           [ -f /tmp/gh-aw/aw-info.jsonl ] && cp /tmp/gh-aw/aw-info.jsonl /tmp/gh-aw/usage/aw-info.jsonl || true
           [ -f /tmp/gh-aw/agent_usage.jsonl ] && cp /tmp/gh-aw/agent_usage.jsonl /tmp/gh-aw/usage/agent_usage.jsonl || true
           [ -f /tmp/gh-aw/detection_usage.jsonl ] && cp /tmp/gh-aw/detection_usage.jsonl /tmp/gh-aw/usage/detection_usage.jsonl || true
+          [ -f /tmp/gh-aw/github_rate_limits.jsonl ] && cp /tmp/gh-aw/github_rate_limits.jsonl /tmp/gh-aw/usage/github_rate_limits.jsonl || true
           [ -f /tmp/gh-aw/sandbox/firewall-audit-logs/api-proxy-logs/token-usage.jsonl ] && cp /tmp/gh-aw/sandbox/firewall-audit-logs/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/usage/agent/token_usage.jsonl || true
           [ -f /tmp/gh-aw/sandbox/firewall/logs/api-proxy-logs/token-usage.jsonl ] && cp /tmp/gh-aw/sandbox/firewall/logs/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/usage/agent/token_usage.jsonl || true
           [ -f /tmp/gh-aw/sandbox/firewall/audit/api-proxy-logs/token-usage.jsonl ] && cp /tmp/gh-aw/sandbox/firewall/audit/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/usage/agent/token_usage.jsonl || true
@@ -1085,6 +1096,8 @@ jobs:
           [ -f /tmp/gh-aw/threat-detection/sandbox/firewall/audit/api-proxy-logs/token-usage.jsonl ] && cp /tmp/gh-aw/threat-detection/sandbox/firewall/audit/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/usage/detection/token_usage.jsonl || true
           [ -f /tmp/gh-aw/usage/agent/token_usage.jsonl ] || : > /tmp/gh-aw/usage/agent/token_usage.jsonl
           [ -f /tmp/gh-aw/usage/detection/token_usage.jsonl ] || : > /tmp/gh-aw/usage/detection/token_usage.jsonl
+          mkdir -p /tmp/gh-aw/usage/activity
+          node ${{ runner.temp }}/gh-aw/actions/generate_usage_activity_summary.cjs
           find /tmp/gh-aw/usage -type f -print | sort
       - name: Upload usage artifact
         if: always()
@@ -1093,12 +1106,54 @@ jobs:
         with:
           name: usage
           path: |
+            /tmp/gh-aw/usage/aw_info.json
             /tmp/gh-aw/usage/aw-info.jsonl
             /tmp/gh-aw/usage/agent_usage.jsonl
             /tmp/gh-aw/usage/detection_usage.jsonl
+            /tmp/gh-aw/usage/github_rate_limits.jsonl
             /tmp/gh-aw/usage/agent/token_usage.jsonl
             /tmp/gh-aw/usage/detection/token_usage.jsonl
+            /tmp/gh-aw/usage/activity/summary.json
           if-no-files-found: ignore
+      - name: Restore daily AIC usage cache
+        id: restore-daily-aic-cache-conclusion
+        if: always()
+        continue-on-error: true
+        uses: actions/cache/restore@27d5ce7f107fe9357f9df03efb73ab90386fccae # v5.0.5
+        with:
+          key: agentic-workflow-usage-syncjpdocsangular-${{ github.run_id }}
+          restore-keys: agentic-workflow-usage-syncjpdocsangular-
+          path: /tmp/gh-aw/agentic-workflow-usage-cache.jsonl
+      - name: Write daily AIC usage cache entry
+        id: write-daily-aic-cache
+        if: always()
+        continue-on-error: true
+        uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
+        with:
+          github-token: ${{ github.token }}
+          script: |
+            const { setupGlobals } = require('${{ runner.temp }}/gh-aw/actions/setup_globals.cjs');
+            setupGlobals(core, github, context);
+            const { main } = require('${{ runner.temp }}/gh-aw/actions/write_daily_aic_usage_cache.cjs');
+            await main();
+      - name: Save daily AIC usage cache
+        id: save-daily-aic-cache
+        if: always()
+        continue-on-error: true
+        uses: actions/cache/save@27d5ce7f107fe9357f9df03efb73ab90386fccae # v5.0.5
+        with:
+          key: agentic-workflow-usage-syncjpdocsangular-${{ github.run_id }}
+          path: /tmp/gh-aw/agentic-workflow-usage-cache.jsonl
+      - name: Upload daily AIC usage cache artifact
+        id: upload-daily-aic-cache
+        if: always()
+        continue-on-error: true
+        uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
+        with:
+          name: aic-usage-cache
+          path: /tmp/gh-aw/agentic-workflow-usage-cache.jsonl
+          if-no-files-found: ignore
+          retention-days: 7
       - name: Process no-op messages
         id: noop
         uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
@@ -1231,7 +1286,7 @@ jobs:
     steps:
       - name: Setup Scripts
         id: setup
-        uses: github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
           destination: ${{ runner.temp }}/gh-aw/actions
           job-name: ${{ github.job }}
@@ -1240,8 +1295,8 @@ jobs:
         env:
           GH_AW_SETUP_WORKFLOW_NAME: "Sync Japanese Documentation (Angular)"
           GH_AW_CURRENT_WORKFLOW_REF: ${{ github.repository }}/.github/workflows/sync-jp-docs-angular.lock.yml@${{ github.ref }}
-          GH_AW_INFO_VERSION: "1.0.60"
-          GH_AW_INFO_AWF_VERSION: "v0.27.2"
+          GH_AW_INFO_VERSION: "1.0.63"
+          GH_AW_INFO_AWF_VERSION: "v0.27.7"
           GH_AW_INFO_ENGINE_ID: "copilot"
       - name: Download agent output artifact
         id: download-agent-output
@@ -1259,7 +1314,7 @@ jobs:
           echo "GH_AW_AGENT_OUTPUT=/tmp/gh-aw/agent_output.json" >> "$GITHUB_OUTPUT"
       - name: Checkout repository for patch context
         if: needs.agent.outputs.has_patch == 'true'
-        uses: actions/checkout@df4cb1c069e1874edd31b4311f1884172cec0e10 # v6.0.3
+        uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
         with:
           persist-credentials: false
       # --- Threat Detection ---
@@ -1268,7 +1323,7 @@ jobs:
           rm -rf /tmp/gh-aw/sandbox/firewall/logs
           rm -rf /tmp/gh-aw/sandbox/firewall/audit
       - name: Download container images
-        run: bash "${RUNNER_TEMP}/gh-aw/actions/download_docker_images.sh" ghcr.io/github/gh-aw-firewall/agent:0.27.2@sha256:f88e5b17b6b7a600117bc121114d6ce2155c88c983c0c939c5df884f730fa1d6 ghcr.io/github/gh-aw-firewall/api-proxy:0.27.2@sha256:ee39841d980878ebbb87592903b06d31a1af500c71525c9616f7e8e2a27041a4 ghcr.io/github/gh-aw-firewall/squid:0.27.2@sha256:2e3a717e5f19a654cd9a2263beb52012b56bcb68562ec5ae2e42f9d156b49591
+        run: bash "${RUNNER_TEMP}/gh-aw/actions/download_docker_images.sh" ghcr.io/github/gh-aw-firewall/agent:0.27.7@sha256:aae231e4635c8999d039c132f1602d3df850fe9b84a00aa2b5ac981179b5661c ghcr.io/github/gh-aw-firewall/api-proxy:0.27.7@sha256:009caf2e3d88fa77b64e9a03a95a228fc58db0f1701c6d324b29ba5a3c7c79b6 ghcr.io/github/gh-aw-firewall/squid:0.27.7@sha256:deb1d4e19de62d51cee0508057a596a19315c3423ada4d675cad136dc8037c96
       - name: Check if detection needed
         id: detection_guard
         if: always()
@@ -1331,11 +1386,11 @@ jobs:
           node-version: '24'
           package-manager-cache: false
       - name: Install GitHub Copilot CLI
-        run: bash "${RUNNER_TEMP}/gh-aw/actions/install_copilot_cli.sh" 1.0.60
+        run: bash "${RUNNER_TEMP}/gh-aw/actions/install_copilot_cli.sh" 1.0.63
         env:
           GH_HOST: github.com
       - name: Install AWF binary
-        run: bash "${RUNNER_TEMP}/gh-aw/actions/install_awf_binary.sh" v0.27.2
+        run: bash "${RUNNER_TEMP}/gh-aw/actions/install_awf_binary.sh" v0.27.7
       - name: Execute GitHub Copilot CLI
         if: always() && steps.detection_guard.outputs.run_detection == 'true'
         continue-on-error: true
@@ -1354,37 +1409,43 @@ jobs:
           export GH_AW_NODE_BIN
           export COPILOT_API_KEY="$COPILOT_DUMMY_BYOK"
           (umask 177 && touch /tmp/gh-aw/threat-detection/detection.log)
-          GH_AW_MAX_AI_CREDITS="${{ vars.GH_AW_DEFAULT_DETECTION_MAX_AI_CREDITS || '400' }}"
-          printf '%s\n' "{\"\$schema\":\"https://github.com/github/gh-aw-firewall/releases/download/v0.27.2/awf-config.schema.json\",\"network\":{\"allowDomains\":[\"api.business.githubcopilot.com\",\"api.enterprise.githubcopilot.com\",\"api.github.com\",\"api.githubcopilot.com\",\"api.individual.githubcopilot.com\",\"github.com\",\"host.docker.internal\",\"registry.npmjs.org\",\"telemetry.enterprise.githubcopilot.com\"]},\"apiProxy\":{\"enabled\":true,\"enableTokenSteering\":true,\"maxRuns\":500,\"maxAiCredits\":${GH_AW_MAX_AI_CREDITS}},\"container\":{\"imageTag\":\"0.27.2,squid=sha256:2e3a717e5f19a654cd9a2263beb52012b56bcb68562ec5ae2e42f9d156b49591,agent=sha256:f88e5b17b6b7a600117bc121114d6ce2155c88c983c0c939c5df884f730fa1d6,api-proxy=sha256:ee39841d980878ebbb87592903b06d31a1af500c71525c9616f7e8e2a27041a4,cli-proxy=sha256:02f3ec08f32dc26c5427920c6a2e2f3036238fce44802f2f11ef49ed8621b5d0\"}}" > "${RUNNER_TEMP}/gh-aw/awf-config.json"
+          GH_AW_MAX_AI_CREDITS="${GH_AW_MAX_AI_CREDITS:-400}"
+          printf '%s\n' "{\"\$schema\":\"https://github.com/github/gh-aw-firewall/releases/download/v0.27.7/awf-config.schema.json\",\"network\":{\"allowDomains\":[\"api.business.githubcopilot.com\",\"api.enterprise.githubcopilot.com\",\"api.github.com\",\"api.githubcopilot.com\",\"api.individual.githubcopilot.com\",\"github.com\",\"host.docker.internal\",\"registry.npmjs.org\",\"telemetry.enterprise.githubcopilot.com\"]},\"apiProxy\":{\"enabled\":true,\"enableTokenSteering\":true,\"maxRuns\":500,\"maxAiCredits\":${GH_AW_MAX_AI_CREDITS},\"maxCacheMisses\":5},\"container\":{\"imageTag\":\"0.27.7,squid=sha256:deb1d4e19de62d51cee0508057a596a19315c3423ada4d675cad136dc8037c96,agent=sha256:aae231e4635c8999d039c132f1602d3df850fe9b84a00aa2b5ac981179b5661c,api-proxy=sha256:009caf2e3d88fa77b64e9a03a95a228fc58db0f1701c6d324b29ba5a3c7c79b6,cli-proxy=sha256:4757f198a3fa20f88bdbe70be7ae1a05f127d9c0a9e96a5d6460ef40c08fc83d\"}}" > "${RUNNER_TEMP}/gh-aw/awf-config.json"
           cp "${RUNNER_TEMP}/gh-aw/awf-config.json" /tmp/gh-aw/awf-config.json
           export GH_AW_MODELS_JSON_PATH="/tmp/gh-aw/models.json"
+          GH_AW_DOCKER_HOST=""
+          if [[ "${DOCKER_HOST:-}" =~ ^tcp:// ]]; then
+            GH_AW_DOCKER_HOST="${DOCKER_HOST}"
+          fi
           GH_AW_DOCKER_HOST_PATH_PREFIX_ARGS=""
           if [[ "${DOCKER_HOST:-}" =~ ^tcp:// ]]; then
             GH_AW_DOCKER_HOST_PATH_PREFIX_ARGS="--docker-host-path-prefix /tmp/gh-aw"
+            _GH_AW_CHROOT_JSON=$(jq -c --arg src /tmp/gh-aw --arg user "$(id -un)" --argjson uid "$(id -u)" --argjson gid "$(id -g)" --arg home /tmp/gh-aw/home '.chroot={"binariesSourcePath":$src,"identity":{"user":$user,"uid":$uid,"gid":$gid,"home":$home}}' "${RUNNER_TEMP}/gh-aw/awf-config.json") || { echo "chroot config patch failed" >&2; exit 1; }
+            printf '%s\n' "$_GH_AW_CHROOT_JSON" > "${RUNNER_TEMP}/gh-aw/awf-config.json"
+            printf '%s\n' "$_GH_AW_CHROOT_JSON" > "/tmp/gh-aw/awf-config.json"
           fi
           GH_AW_TOOL_CACHE_MOUNT=""
-          GH_AW_TOOL_CACHE="${RUNNER_TOOL_CACHE:-/opt/hostedtoolcache}"
+          GH_AW_TOOL_CACHE="${RUNNER_TOOL_CACHE:?RUNNER_TOOL_CACHE must be set}"
           if [ -d "$GH_AW_TOOL_CACHE" ]; then
             if [[ "$GH_AW_TOOL_CACHE" != /opt/* ]]; then
               GH_AW_TOOL_CACHE_MOUNT="$GH_AW_TOOL_CACHE:$GH_AW_TOOL_CACHE:ro"
             fi
-          elif [ -d "/home/runner/work/_tool" ]; then
-            GH_AW_TOOL_CACHE_MOUNT="/home/runner/work/_tool:/home/runner/work/_tool:ro"
           fi
-          # shellcheck disable=SC1003
-          sudo -E awf --config "${RUNNER_TEMP}/gh-aw/awf-config.json" --container-workdir "${GITHUB_WORKSPACE}" --mount "${RUNNER_TEMP}/gh-aw:${RUNNER_TEMP}/gh-aw:ro" --mount "${RUNNER_TEMP}/gh-aw:/host${RUNNER_TEMP}/gh-aw:ro" ${GH_AW_TOOL_CACHE_MOUNT:+--mount "$GH_AW_TOOL_CACHE_MOUNT"} ${GH_AW_DOCKER_HOST_PATH_PREFIX_ARGS} --env-all --exclude-env COPILOT_GITHUB_TOKEN --log-level info --proxy-logs-dir /tmp/gh-aw/sandbox/firewall/logs --audit-dir /tmp/gh-aw/sandbox/firewall/audit --enable-host-access --allow-host-ports 80,443,8080 --skip-pull \
-            -- /bin/bash -c 'set +o histexpand; GH_AW_TOOL_CACHE="${RUNNER_TOOL_CACHE:-/opt/hostedtoolcache}"; export PATH="$(find "$GH_AW_TOOL_CACHE" /opt/hostedtoolcache /home/runner/work/_tool -maxdepth 5 -type d -name bin 2>/dev/null | tr '\''\n'\'' '\'':'\'')$PATH"; [ -n "$GOROOT" ] && export PATH="$GOROOT/bin:$PATH" || true && GH_AW_NODE_EXEC="${GH_AW_NODE_BIN:-}"; if [ -z "$GH_AW_NODE_EXEC" ] || [ ! -x "$GH_AW_NODE_EXEC" ]; then GH_AW_NODE_EXEC="$(command -v node 2>/dev/null || true)"; fi; if [ -z "$GH_AW_NODE_EXEC" ]; then echo "node runtime missing on this runner — check runtimes.node in workflow YAML" >&2; exit 127; fi; GH_AW_NPM_GLOBAL_ROOT="$(npm root -g 2>/dev/null || true)"; if [ -n "$GH_AW_NPM_GLOBAL_ROOT" ]; then export NODE_PATH="${GH_AW_NPM_GLOBAL_ROOT}${NODE_PATH:+:${NODE_PATH}}"; fi; "$GH_AW_NODE_EXEC" ${RUNNER_TEMP}/gh-aw/actions/copilot_harness.cjs /usr/local/bin/copilot --add-dir /tmp/gh-aw/ --log-level all --log-dir /tmp/gh-aw/sandbox/agent/logs/ --disable-builtin-mcps --no-ask-user --allow-all-tools --add-dir "${GITHUB_WORKSPACE}" --prompt-file /tmp/gh-aw/aw-prompts/prompt.txt' 2>&1 | tee -a /tmp/gh-aw/threat-detection/detection.log
+          # shellcheck disable=SC1003,SC2086
+          sudo -E awf --config "${RUNNER_TEMP}/gh-aw/awf-config.json" --container-workdir "${GITHUB_WORKSPACE}" --mount "${RUNNER_TEMP}/gh-aw:${RUNNER_TEMP}/gh-aw:ro" --mount "${RUNNER_TEMP}/gh-aw:/host${RUNNER_TEMP}/gh-aw:ro" ${GH_AW_TOOL_CACHE_MOUNT:+--mount "$GH_AW_TOOL_CACHE_MOUNT"} ${GH_AW_DOCKER_HOST:+--docker-host "$GH_AW_DOCKER_HOST"} ${GH_AW_DOCKER_HOST_PATH_PREFIX_ARGS} --env-all --exclude-env COPILOT_GITHUB_TOKEN --log-level info --proxy-logs-dir /tmp/gh-aw/sandbox/firewall/logs --audit-dir /tmp/gh-aw/sandbox/firewall/audit --enable-host-access --allow-host-ports 80,443,8080 --skip-pull \
+            -- /bin/bash -c 'set +o histexpand; : "${RUNNER_TOOL_CACHE:?RUNNER_TOOL_CACHE must be set}"; GH_AW_TOOL_CACHE="$RUNNER_TOOL_CACHE"; export PATH="$(find "$GH_AW_TOOL_CACHE" -maxdepth 5 -type d -name bin 2>/dev/null | tr '\''\n'\'' '\'':'\'')$PATH"; [ -n "$GOROOT" ] && export PATH="$GOROOT/bin:$PATH" || true && GH_AW_NODE_EXEC="${GH_AW_NODE_BIN:-}"; if [ -z "$GH_AW_NODE_EXEC" ] || [ ! -x "$GH_AW_NODE_EXEC" ]; then GH_AW_NODE_EXEC="$(command -v node 2>/dev/null || true)"; fi; if [ -z "$GH_AW_NODE_EXEC" ]; then echo "node runtime missing on this runner — check runtimes.node in workflow YAML" >&2; exit 127; fi; GH_AW_NPM_GLOBAL_ROOT="$(npm root -g 2>/dev/null || true)"; if [ -n "$GH_AW_NPM_GLOBAL_ROOT" ]; then export NODE_PATH="${GH_AW_NPM_GLOBAL_ROOT}${NODE_PATH:+:${NODE_PATH}}"; fi; "$GH_AW_NODE_EXEC" ${RUNNER_TEMP}/gh-aw/actions/copilot_harness.cjs /usr/local/bin/copilot --add-dir /tmp/gh-aw/ --log-level all --log-dir /tmp/gh-aw/sandbox/agent/logs/ --disable-builtin-mcps --no-ask-user --allow-all-tools --add-dir "${GITHUB_WORKSPACE}" --prompt-file /tmp/gh-aw/aw-prompts/prompt.txt' 2>&1 | tee -a /tmp/gh-aw/threat-detection/detection.log
         env:
           AWF_REFLECT_ENABLED: 1
           COPILOT_AGENT_RUNNER_TYPE: STANDALONE
           COPILOT_DUMMY_BYOK: dummy-byok-key-for-offline-mode
           COPILOT_GITHUB_TOKEN: ${{ secrets.COPILOT_GITHUB_TOKEN }}
           COPILOT_MODEL: ${{ vars.GH_AW_MODEL_DETECTION_COPILOT || vars.GH_AW_DEFAULT_MODEL_COPILOT || 'claude-sonnet-4.6' }}
+          GH_AW_MAX_AI_CREDITS: ${{ vars.GH_AW_DEFAULT_DETECTION_MAX_AI_CREDITS || '400' }}
           GH_AW_MAX_TURNS: ${{ vars.GH_AW_DEFAULT_MAX_TURNS || '' }}
           GH_AW_PHASE: detection
           GH_AW_PROMPT: /tmp/gh-aw/aw-prompts/prompt.txt
           GH_AW_TIMEOUT_MINUTES: 20
-          GH_AW_VERSION: v0.79.8
+          GH_AW_VERSION: v0.80.9
           GITHUB_API_URL: ${{ github.api_url }}
           GITHUB_AW: true
           GITHUB_COPILOT_INTEGRATION_ID: agentic-workflows
@@ -1398,6 +1459,7 @@ jobs:
           GIT_COMMITTER_EMAIL: github-actions[bot]@users.noreply.github.com
           GIT_COMMITTER_NAME: github-actions[bot]
           RUNNER_TEMP: ${{ runner.temp }}
+          TRACEPARENT: ${{ env.GITHUB_AW_OTEL_TRACE_ID != '' && env.GITHUB_AW_OTEL_PARENT_SPAN_ID != '' && format('00-{0}-{1}-01', env.GITHUB_AW_OTEL_TRACE_ID, env.GITHUB_AW_OTEL_PARENT_SPAN_ID) || '' }}
       - name: Parse threat detection token usage for step summary
         id: parse_detection_token_usage
         if: always()
@@ -1462,15 +1524,15 @@ jobs:
     steps:
       - name: Setup Scripts
         id: setup
-        uses: github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
           destination: ${{ runner.temp }}/gh-aw/actions
           job-name: ${{ github.job }}
         env:
           GH_AW_SETUP_WORKFLOW_NAME: "Sync Japanese Documentation (Angular)"
           GH_AW_CURRENT_WORKFLOW_REF: ${{ github.repository }}/.github/workflows/sync-jp-docs-angular.lock.yml@${{ github.ref }}
-          GH_AW_INFO_VERSION: "1.0.60"
-          GH_AW_INFO_AWF_VERSION: "v0.27.2"
+          GH_AW_INFO_VERSION: "1.0.63"
+          GH_AW_INFO_AWF_VERSION: "v0.27.7"
           GH_AW_INFO_ENGINE_ID: "copilot"
       - name: Check team membership for workflow
         id: check_membership
@@ -1507,7 +1569,7 @@ jobs:
       GH_AW_EFFECTIVE_TOKENS: ${{ needs.agent.outputs.effective_tokens }}
       GH_AW_ENGINE_ID: "copilot"
       GH_AW_ENGINE_MODEL: ${{ needs.agent.outputs.model }}
-      GH_AW_ENGINE_VERSION: "1.0.60"
+      GH_AW_ENGINE_VERSION: "1.0.63"
       GH_AW_THREAT_DETECTION_AIC: ${{ needs.detection.outputs.aic }}
       GH_AW_WORKFLOW_ID: "sync-jp-docs-angular"
       GH_AW_WORKFLOW_NAME: "Sync Japanese Documentation (Angular)"
@@ -1524,7 +1586,7 @@ jobs:
     steps:
       - name: Setup Scripts
         id: setup
-        uses: github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
           destination: ${{ runner.temp }}/gh-aw/actions
           job-name: ${{ github.job }}
@@ -1533,8 +1595,8 @@ jobs:
         env:
           GH_AW_SETUP_WORKFLOW_NAME: "Sync Japanese Documentation (Angular)"
           GH_AW_CURRENT_WORKFLOW_REF: ${{ github.repository }}/.github/workflows/sync-jp-docs-angular.lock.yml@${{ github.ref }}
-          GH_AW_INFO_VERSION: "1.0.60"
-          GH_AW_INFO_AWF_VERSION: "v0.27.2"
+          GH_AW_INFO_VERSION: "1.0.63"
+          GH_AW_INFO_AWF_VERSION: "v0.27.7"
           GH_AW_INFO_ENGINE_ID: "copilot"
       - name: Download agent output artifact
         id: download-agent-output
@@ -1556,51 +1618,23 @@ jobs:
         with:
           name: agent
           path: /tmp/gh-aw/
-      - name: Extract base branch from agent output
-        id: extract-base-branch
-        if: steps.download-agent-output.outcome == 'success'
-        uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
-        with:
-          script: |
-            const { setupGlobals } = require('${{ runner.temp }}/gh-aw/actions/setup_globals.cjs');
-            setupGlobals(core, github, context, exec, io, getOctokit);
-            const { main } = require('${{ runner.temp }}/gh-aw/actions/extract_base_branch_from_agent_output.cjs');
-            await main();
-      - name: Checkout repository (trusted default branch for comment events)
-        if: (!cancelled()) && needs.agent.result != 'skipped' && contains(needs.agent.outputs.output_types, 'create_pull_request') && (github.event_name == 'issue_comment' || github.event_name == 'pull_request_review_comment')
-        uses: actions/checkout@df4cb1c069e1874edd31b4311f1884172cec0e10 # v6.0.3
-        with:
-          ref: ${{ github.event.repository.default_branch }}
-          token: ${{ secrets.GH_AW_GITHUB_TOKEN || secrets.GITHUB_TOKEN }}
-          persist-credentials: false
-          fetch-depth: 1
       - name: Checkout repository
-        if: (!cancelled()) && needs.agent.result != 'skipped' && contains(needs.agent.outputs.output_types, 'create_pull_request') && github.event_name != 'issue_comment' && github.event_name != 'pull_request_review_comment'
-        uses: actions/checkout@df4cb1c069e1874edd31b4311f1884172cec0e10 # v6.0.3
+        if: (!cancelled()) && needs.agent.result != 'skipped' && contains(needs.agent.outputs.output_types, 'create_pull_request')
+        uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
         with:
-          ref: vnext
+          persist-credentials: true
           token: ${{ secrets.GH_AW_GITHUB_TOKEN || secrets.GITHUB_TOKEN }}
-          persist-credentials: false
-          fetch-depth: 1
       - name: Configure Git credentials
         if: (!cancelled()) && needs.agent.result != 'skipped' && contains(needs.agent.outputs.output_types, 'create_pull_request')
         env:
-          REPO_NAME: ${{ github.repository }}
-          SERVER_URL: ${{ github.server_url }}
+          GITHUB_REPOSITORY: ${{ github.repository }}
+          GITHUB_SERVER_URL: ${{ github.server_url }}
           GIT_TOKEN: ${{ secrets.GH_AW_GITHUB_TOKEN || secrets.GITHUB_TOKEN }}
-        run: |
-          git config --global user.email "github-actions[bot]@users.noreply.github.com"
-          git config --global user.name "github-actions[bot]"
-          git config --global am.keepcr true
-          # Re-authenticate git with GitHub token
-          SERVER_URL_STRIPPED="${SERVER_URL#https://}"
-          git remote set-url origin "https://x-access-token:${GIT_TOKEN}@${SERVER_URL_STRIPPED}/${REPO_NAME}.git"
-          echo "Git configured with standard GitHub Actions identity"
+        run: bash "${RUNNER_TEMP}/gh-aw/actions/configure_git_credentials.sh"
       - name: Configure GH_HOST for enterprise compatibility
         id: ghes-host-config
         shell: bash
-        # zizmor: ignore[github-env] - GITHUB_SERVER_URL is set by GitHub Actions, not user input.
-        run: |
+        run: | # zizmor: ignore[github-env] - GITHUB_SERVER_URL is set by GitHub Actions, not user input.
           # Derive GH_HOST from GITHUB_SERVER_URL so the gh CLI targets the correct
           # GitHub instance (GHES/GHEC). On github.com this is a harmless no-op.
           GH_HOST="${GITHUB_SERVER_URL#https://}"
@@ -1615,7 +1649,7 @@ jobs:
           GH_AW_ALLOWED_DOMAINS: "api.business.githubcopilot.com,api.enterprise.githubcopilot.com,api.github.com,api.githubcopilot.com,api.individual.githubcopilot.com,api.snapcraft.io,archive.ubuntu.com,azure.archive.ubuntu.com,crl.geotrust.com,crl.globalsign.com,crl.identrust.com,crl.sectigo.com,crl.thawte.com,crl.usertrust.com,crl.verisign.com,crl3.digicert.com,crl4.digicert.com,crls.ssl.com,github.com,host.docker.internal,json-schema.org,json.schemastore.org,keyserver.ubuntu.com,ocsp.digicert.com,ocsp.geotrust.com,ocsp.globalsign.com,ocsp.identrust.com,ocsp.sectigo.com,ocsp.ssl.com,ocsp.thawte.com,ocsp.usertrust.com,ocsp.verisign.com,packagecloud.io,packages.cloud.google.com,packages.microsoft.com,ppa.launchpad.net,raw.githubusercontent.com,registry.npmjs.org,s.symcb.com,s.symcd.com,security.ubuntu.com,telemetry.enterprise.githubcopilot.com,ts-crl.ws.symantec.com,ts-ocsp.ws.symantec.com,www.googleapis.com"
           GITHUB_SERVER_URL: ${{ github.server_url }}
           GITHUB_API_URL: ${{ github.api_url }}
-          GH_AW_SAFE_OUTPUTS_HANDLER_CONFIG: "{\"create_pull_request\":{\"base_branch\":\"vnext\",\"draft\":false,\"if_no_changes\":\"ignore\",\"labels\":[\"translation\",\"japanese\",\"automation\"],\"max\":1,\"max_patch_files\":100,\"max_patch_size\":1024,\"protect_top_level_dot_folders\":true,\"protected_files\":[\"package.json\",\"bun.lockb\",\"bunfig.toml\",\"deno.json\",\"deno.jsonc\",\"deno.lock\",\"global.json\",\"NuGet.Config\",\"Directory.Packages.props\",\"mix.exs\",\"mix.lock\",\"go.mod\",\"go.sum\",\"stack.yaml\",\"stack.yaml.lock\",\"pom.xml\",\"build.gradle\",\"build.gradle.kts\",\"settings.gradle\",\"settings.gradle.kts\",\"gradle.properties\",\"package-lock.json\",\"yarn.lock\",\"pnpm-lock.yaml\",\"npm-shrinkwrap.json\",\"requirements.txt\",\"Pipfile\",\"Pipfile.lock\",\"pyproject.toml\",\"setup.py\",\"setup.cfg\",\"Gemfile\",\"Gemfile.lock\",\"uv.lock\",\"CODEOWNERS\",\"DESIGN.md\",\"README.md\",\"CONTRIBUTING.md\",\"CHANGELOG.md\",\"SECURITY.md\",\"CODE_OF_CONDUCT.md\",\"AGENTS.md\",\"CLAUDE.md\",\"GEMINI.md\"],\"protected_files_policy\":\"request_review\",\"title_prefix\":\"[jp-sync] \"},\"create_report_incomplete_issue\":{},\"missing_data\":{},\"missing_tool\":{},\"noop\":{\"max\":1,\"report-as-issue\":\"true\"},\"report_incomplete\":{}}"
+          GH_AW_SAFE_OUTPUTS_HANDLER_CONFIG: "{\"create_pull_request\":{\"base_branch\":\"vnext\",\"draft\":false,\"if_no_changes\":\"ignore\",\"labels\":[\"translation\",\"japanese\",\"automation\"],\"max\":1,\"max_patch_files\":100,\"max_patch_size\":4096,\"protect_top_level_dot_folders\":true,\"protected_files\":[\"package.json\",\"bun.lockb\",\"bunfig.toml\",\"deno.json\",\"deno.jsonc\",\"deno.lock\",\"global.json\",\"NuGet.Config\",\"Directory.Packages.props\",\"mix.exs\",\"mix.lock\",\"go.mod\",\"go.sum\",\"stack.yaml\",\"stack.yaml.lock\",\"pom.xml\",\"build.gradle\",\"build.gradle.kts\",\"settings.gradle\",\"settings.gradle.kts\",\"gradle.properties\",\"package-lock.json\",\"yarn.lock\",\"pnpm-lock.yaml\",\"npm-shrinkwrap.json\",\"requirements.txt\",\"Pipfile\",\"Pipfile.lock\",\"pyproject.toml\",\"setup.py\",\"setup.cfg\",\"Gemfile\",\"Gemfile.lock\",\"uv.lock\",\"CODEOWNERS\",\"DESIGN.md\",\"README.md\",\"CONTRIBUTING.md\",\"CHANGELOG.md\",\"SECURITY.md\",\"CODE_OF_CONDUCT.md\",\"AGENTS.md\",\"CLAUDE.md\",\"GEMINI.md\"],\"protected_files_policy\":\"request_review\",\"title_prefix\":\"[jp-sync] \"},\"create_report_incomplete_issue\":{},\"missing_data\":{},\"missing_tool\":{},\"noop\":{\"max\":1,\"report-as-issue\":\"true\"},\"report_incomplete\":{}}"
           GH_AW_CI_TRIGGER_TOKEN: ${{ secrets.GH_AW_CI_TRIGGER_TOKEN }}
         with:
           github-token: ${{ secrets.GH_AW_GITHUB_TOKEN || secrets.GITHUB_TOKEN }}
diff --git a/.github/workflows/sync-jp-docs-angular.md b/.github/workflows/sync-jp-docs-angular.md
index 1b1aecdfcb..afcc116af4 100644
--- a/.github/workflows/sync-jp-docs-angular.md
+++ b/.github/workflows/sync-jp-docs-angular.md
@@ -134,13 +134,29 @@ for (const t of tocs) {
   out.add(path.posix.join(root, t));
   walk(JSON.parse(fs.readFileSync(full, 'utf8')), path.posix.dirname(t));
 }
+// grids_templates/ files are the canonical source for grid pages.
+// generate-grids.mjs expands them into per-grid pages at build time for every
+// language (including JP). The generated per-grid pages are git-ignored, so
+// they never appear in the diff — only the templates do.
+const templatesDir = path.join(root, 'grids_templates');
+if (fs.existsSync(templatesDir)) {
+  fs.readdirSync(templatesDir)
+    .filter(f => f.endsWith('.mdx'))
+    .forEach(f => out.add(path.posix.join(root, 'grids_templates', f)));
+}
 console.log([...out].join('\n'));
 "
 ```
 
-This produces a newline-separated list that includes the TOC files themselves
-plus all `docs/angular/src/content/en/...` paths covered by the TOC (external
-`http(s)` links are excluded automatically).
+This produces a list that includes:
+- The TOC files themselves (`toc.json`, `components/toc.json`)
+- All TOC-referenced files
+- All `grids_templates/` source templates
+
+`grids_templates/` files are the canonical source for grid pages —
+`generate-grids.mjs` expands them at build time for every language including JP.
+The generated per-grid pages are git-ignored and never appear in the diff, so
+only the templates need to be translated here.
 
 ### Step 2 — Filter changed files to TOC-covered files and locate their Japanese counterparts
 
diff --git a/.github/workflows/sync-jp-docs-xplat.lock.yml b/.github/workflows/sync-jp-docs-xplat.lock.yml
index 3b0fb884f8..11732e9e50 100644
--- a/.github/workflows/sync-jp-docs-xplat.lock.yml
+++ b/.github/workflows/sync-jp-docs-xplat.lock.yml
@@ -1,6 +1,6 @@
-# gh-aw-metadata: {"schema_version":"v4","frontmatter_hash":"3be0e260ff016c2a55ebcd858d000bcdff8fe7d1589000325e7b32c8116ba554","body_hash":"9223a5b3e96f44d11f6fd150541bef50d952c03d794dfe1a64d3d34061e1cbeb","compiler_version":"v0.79.8","strict":true,"agent_id":"copilot","engine_versions":{"copilot":"1.0.60"}}
-# gh-aw-manifest: {"version":1,"secrets":["COPILOT_GITHUB_TOKEN","GH_AW_CI_TRIGGER_TOKEN","GH_AW_GITHUB_MCP_SERVER_TOKEN","GH_AW_GITHUB_TOKEN","GITHUB_TOKEN"],"actions":[{"repo":"actions/checkout","sha":"df4cb1c069e1874edd31b4311f1884172cec0e10","version":"v6.0.3"},{"repo":"actions/download-artifact","sha":"3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c","version":"v8.0.1"},{"repo":"actions/github-script","sha":"373c709c69115d41ff229c7e5df9f8788daa9553","version":"v9"},{"repo":"actions/github-script","sha":"3a2844b7e9c422d3c10d287c895573f7108da1b3","version":"v9.0.0"},{"repo":"actions/setup-node","sha":"48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e","version":"v6.4.0"},{"repo":"actions/upload-artifact","sha":"043fb46d1a93c77aae656e7c1c64a875d1fc6a0a","version":"v7.0.1"},{"repo":"github/gh-aw-actions/setup","sha":"c0338fef4749d08c21f8f975fb0e37efa17dda47","version":"v0.79.8"}],"containers":[{"image":"ghcr.io/github/gh-aw-firewall/agent:0.27.2","digest":"sha256:f88e5b17b6b7a600117bc121114d6ce2155c88c983c0c939c5df884f730fa1d6","pinned_image":"ghcr.io/github/gh-aw-firewall/agent:0.27.2@sha256:f88e5b17b6b7a600117bc121114d6ce2155c88c983c0c939c5df884f730fa1d6"},{"image":"ghcr.io/github/gh-aw-firewall/api-proxy:0.27.2","digest":"sha256:ee39841d980878ebbb87592903b06d31a1af500c71525c9616f7e8e2a27041a4","pinned_image":"ghcr.io/github/gh-aw-firewall/api-proxy:0.27.2@sha256:ee39841d980878ebbb87592903b06d31a1af500c71525c9616f7e8e2a27041a4"},{"image":"ghcr.io/github/gh-aw-firewall/squid:0.27.2","digest":"sha256:2e3a717e5f19a654cd9a2263beb52012b56bcb68562ec5ae2e42f9d156b49591","pinned_image":"ghcr.io/github/gh-aw-firewall/squid:0.27.2@sha256:2e3a717e5f19a654cd9a2263beb52012b56bcb68562ec5ae2e42f9d156b49591"},{"image":"ghcr.io/github/gh-aw-mcpg:v0.3.25","digest":"sha256:c10331ad17668ef89f38f5e356678788a40b0cd5fef96e8f92e1d9c1de47cbaa","pinned_image":"ghcr.io/github/gh-aw-mcpg:v0.3.25@sha256:c10331ad17668ef89f38f5e356678788a40b0cd5fef96e8f92e1d9c1de47cbaa"},{"image":"ghcr.io/github/github-mcp-server:v1.1.2","digest":"sha256:30197479d8036c7811892bc07e06f9a05c9ef3cdd79bc59f256d50647f95788c","pinned_image":"ghcr.io/github/github-mcp-server:v1.1.2@sha256:30197479d8036c7811892bc07e06f9a05c9ef3cdd79bc59f256d50647f95788c"}]}
-# This file was automatically generated by gh-aw (v0.79.8). DO NOT EDIT. To debug this workflow, load the skill at https://github.com/github/gh-aw/blob/main/debug.md
+# gh-aw-metadata: {"schema_version":"v4","frontmatter_hash":"3be0e260ff016c2a55ebcd858d000bcdff8fe7d1589000325e7b32c8116ba554","body_hash":"d88254a3e362e4146de4edda9875ee6ef2fab63e0cae554972e00fb2154c7404","compiler_version":"v0.80.9","strict":true,"agent_id":"copilot","engine_versions":{"copilot":"1.0.63"}}
+# gh-aw-manifest: {"version":1,"secrets":["COPILOT_GITHUB_TOKEN","GH_AW_CI_TRIGGER_TOKEN","GH_AW_GITHUB_MCP_SERVER_TOKEN","GH_AW_GITHUB_TOKEN","GITHUB_TOKEN"],"actions":[{"repo":"actions/cache/restore","sha":"27d5ce7f107fe9357f9df03efb73ab90386fccae","version":"v5.0.5"},{"repo":"actions/cache/save","sha":"27d5ce7f107fe9357f9df03efb73ab90386fccae","version":"v5.0.5"},{"repo":"actions/checkout","sha":"9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0","version":"v7.0.0"},{"repo":"actions/download-artifact","sha":"3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c","version":"v8.0.1"},{"repo":"actions/github-script","sha":"373c709c69115d41ff229c7e5df9f8788daa9553","version":"v9"},{"repo":"actions/github-script","sha":"3a2844b7e9c422d3c10d287c895573f7108da1b3","version":"v9.0.0"},{"repo":"actions/setup-node","sha":"48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e","version":"v6.4.0"},{"repo":"actions/upload-artifact","sha":"043fb46d1a93c77aae656e7c1c64a875d1fc6a0a","version":"v7.0.1"},{"repo":"github/gh-aw-actions/setup","sha":"8c7d04ebf1ece56cd381446125da3e0f6896294a","version":"v0.80.9"}],"containers":[{"image":"ghcr.io/github/gh-aw-firewall/agent:0.27.7","digest":"sha256:aae231e4635c8999d039c132f1602d3df850fe9b84a00aa2b5ac981179b5661c","pinned_image":"ghcr.io/github/gh-aw-firewall/agent:0.27.7@sha256:aae231e4635c8999d039c132f1602d3df850fe9b84a00aa2b5ac981179b5661c"},{"image":"ghcr.io/github/gh-aw-firewall/api-proxy:0.27.7","digest":"sha256:009caf2e3d88fa77b64e9a03a95a228fc58db0f1701c6d324b29ba5a3c7c79b6","pinned_image":"ghcr.io/github/gh-aw-firewall/api-proxy:0.27.7@sha256:009caf2e3d88fa77b64e9a03a95a228fc58db0f1701c6d324b29ba5a3c7c79b6"},{"image":"ghcr.io/github/gh-aw-firewall/squid:0.27.7","digest":"sha256:deb1d4e19de62d51cee0508057a596a19315c3423ada4d675cad136dc8037c96","pinned_image":"ghcr.io/github/gh-aw-firewall/squid:0.27.7@sha256:deb1d4e19de62d51cee0508057a596a19315c3423ada4d675cad136dc8037c96"},{"image":"ghcr.io/github/gh-aw-mcpg:v0.3.27","digest":"sha256:fe984bddde4ec05d756d9043edb0a32912e6b7b72f6a121b1082f29221421cc7","pinned_image":"ghcr.io/github/gh-aw-mcpg:v0.3.27@sha256:fe984bddde4ec05d756d9043edb0a32912e6b7b72f6a121b1082f29221421cc7"},{"image":"ghcr.io/github/gh-aw-node","digest":"sha256:529d02eb970b1161aa25c593a9c3df57fdfad5a8add328cb3b6eccef66f3183b","pinned_image":"ghcr.io/github/gh-aw-node@sha256:529d02eb970b1161aa25c593a9c3df57fdfad5a8add328cb3b6eccef66f3183b"},{"image":"ghcr.io/github/github-mcp-server:v1.4.0","digest":"sha256:2afb26356481d1a350e14544a6e160f7f7ec1561a1ea309b823665abf0309036","pinned_image":"ghcr.io/github/github-mcp-server:v1.4.0@sha256:2afb26356481d1a350e14544a6e160f7f7ec1561a1ea309b823665abf0309036"}]}
+# This file was automatically generated by gh-aw (v0.80.9). DO NOT EDIT. To debug this workflow, load the skill at https://github.com/github/gh-aw/blob/main/debug.md
 #
 #    ___                   _   _      
 #   / _ \                 | | (_)     
@@ -33,20 +33,23 @@
 #   - GITHUB_TOKEN
 #
 # Custom actions used:
-#   - actions/checkout@df4cb1c069e1874edd31b4311f1884172cec0e10 # v6.0.3
+#   - actions/cache/restore@27d5ce7f107fe9357f9df03efb73ab90386fccae # v5.0.5
+#   - actions/cache/save@27d5ce7f107fe9357f9df03efb73ab90386fccae # v5.0.5
+#   - actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
 #   - actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8.0.1
 #   - actions/github-script@373c709c69115d41ff229c7e5df9f8788daa9553 # v9
 #   - actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
 #   - actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
 #   - actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
-#   - github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+#   - github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
 #
 # Container images used:
-#   - ghcr.io/github/gh-aw-firewall/agent:0.27.2@sha256:f88e5b17b6b7a600117bc121114d6ce2155c88c983c0c939c5df884f730fa1d6
-#   - ghcr.io/github/gh-aw-firewall/api-proxy:0.27.2@sha256:ee39841d980878ebbb87592903b06d31a1af500c71525c9616f7e8e2a27041a4
-#   - ghcr.io/github/gh-aw-firewall/squid:0.27.2@sha256:2e3a717e5f19a654cd9a2263beb52012b56bcb68562ec5ae2e42f9d156b49591
-#   - ghcr.io/github/gh-aw-mcpg:v0.3.25@sha256:c10331ad17668ef89f38f5e356678788a40b0cd5fef96e8f92e1d9c1de47cbaa
-#   - ghcr.io/github/github-mcp-server:v1.1.2@sha256:30197479d8036c7811892bc07e06f9a05c9ef3cdd79bc59f256d50647f95788c
+#   - ghcr.io/github/gh-aw-firewall/agent:0.27.7@sha256:aae231e4635c8999d039c132f1602d3df850fe9b84a00aa2b5ac981179b5661c
+#   - ghcr.io/github/gh-aw-firewall/api-proxy:0.27.7@sha256:009caf2e3d88fa77b64e9a03a95a228fc58db0f1701c6d324b29ba5a3c7c79b6
+#   - ghcr.io/github/gh-aw-firewall/squid:0.27.7@sha256:deb1d4e19de62d51cee0508057a596a19315c3423ada4d675cad136dc8037c96
+#   - ghcr.io/github/gh-aw-mcpg:v0.3.27@sha256:fe984bddde4ec05d756d9043edb0a32912e6b7b72f6a121b1082f29221421cc7
+#   - ghcr.io/github/gh-aw-node@sha256:529d02eb970b1161aa25c593a9c3df57fdfad5a8add328cb3b6eccef66f3183b
+#   - ghcr.io/github/github-mcp-server:v1.4.0@sha256:2afb26356481d1a350e14544a6e160f7f7ec1561a1ea309b823665abf0309036
 
 name: "Sync Japanese Documentation (xplat)"
 on:
@@ -97,7 +100,7 @@ jobs:
     steps:
       - name: Setup Scripts
         id: setup
-        uses: github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
           destination: ${{ runner.temp }}/gh-aw/actions
           job-name: ${{ github.job }}
@@ -107,8 +110,8 @@ jobs:
         env:
           GH_AW_SETUP_WORKFLOW_NAME: "Sync Japanese Documentation (xplat)"
           GH_AW_CURRENT_WORKFLOW_REF: ${{ github.repository }}/.github/workflows/sync-jp-docs-xplat.lock.yml@${{ github.ref }}
-          GH_AW_INFO_VERSION: "1.0.60"
-          GH_AW_INFO_AWF_VERSION: "v0.27.2"
+          GH_AW_INFO_VERSION: "1.0.63"
+          GH_AW_INFO_AWF_VERSION: "v0.27.7"
           GH_AW_INFO_ENGINE_ID: "copilot"
       - name: Generate agentic run info
         id: generate_aw_info
@@ -116,16 +119,16 @@ jobs:
           GH_AW_INFO_ENGINE_ID: "copilot"
           GH_AW_INFO_ENGINE_NAME: "GitHub Copilot CLI"
           GH_AW_INFO_MODEL: ${{ vars.GH_AW_MODEL_AGENT_COPILOT || vars.GH_AW_DEFAULT_MODEL_COPILOT || 'claude-sonnet-4.6' }}
-          GH_AW_INFO_VERSION: "1.0.60"
-          GH_AW_INFO_AGENT_VERSION: "1.0.60"
-          GH_AW_INFO_CLI_VERSION: "v0.79.8"
+          GH_AW_INFO_VERSION: "1.0.63"
+          GH_AW_INFO_AGENT_VERSION: "1.0.63"
+          GH_AW_INFO_CLI_VERSION: "v0.80.9"
           GH_AW_INFO_WORKFLOW_NAME: "Sync Japanese Documentation (xplat)"
           GH_AW_INFO_EXPERIMENTAL: "false"
           GH_AW_INFO_SUPPORTS_TOOLS_ALLOWLIST: "true"
           GH_AW_INFO_STAGED: "false"
           GH_AW_INFO_ALLOWED_DOMAINS: '["defaults"]'
           GH_AW_INFO_FIREWALL_ENABLED: "true"
-          GH_AW_INFO_AWF_VERSION: "v0.27.2"
+          GH_AW_INFO_AWF_VERSION: "v0.27.7"
           GH_AW_INFO_AWMG_VERSION: ""
           GH_AW_INFO_FIREWALL_TYPE: "squid"
           GH_AW_COMPILED_STRICT: "true"
@@ -136,6 +139,30 @@ jobs:
             setupGlobals(core, github, context, exec, io, getOctokit);
             const { main } = require('${{ runner.temp }}/gh-aw/actions/generate_aw_info.cjs');
             await main(core, context);
+      - name: Restore daily AIC usage cache
+        id: restore-daily-aic-cache
+        if: ${{ env.GH_AW_MAX_DAILY_AI_CREDITS != '' }}
+        continue-on-error: true
+        uses: actions/cache/restore@27d5ce7f107fe9357f9df03efb73ab90386fccae # v5.0.5
+        with:
+          key: agentic-workflow-usage-syncjpdocsxplat-${{ github.run_id }}
+          restore-keys: agentic-workflow-usage-syncjpdocsxplat-
+          path: /tmp/gh-aw/agentic-workflow-usage-cache.jsonl
+      - name: Restore daily AIC usage cache (artifact fallback)
+        id: restore-daily-aic-cache-fallback
+        if: ${{ env.GH_AW_MAX_DAILY_AI_CREDITS != '' }}
+        continue-on-error: true
+        uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
+        env:
+          GH_AW_RESTORE_DAILY_AIC_CACHE_HIT: ${{ steps.restore-daily-aic-cache.outputs.cache-hit }}
+          GH_AW_RESTORE_DAILY_AIC_CACHE_MATCHED_KEY: ${{ steps.restore-daily-aic-cache.outputs.cache-matched-key }}
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          script: |
+            const { setupGlobals } = require('${{ runner.temp }}/gh-aw/actions/setup_globals.cjs');
+            setupGlobals(core, github, context, exec, io, getOctokit);
+            const { main } = require('${{ runner.temp }}/gh-aw/actions/restore_aic_usage_cache_fallback.cjs');
+            await main();
       - name: Check daily workflow token guardrail
         id: daily-effective-workflow-guardrail
         if: ${{ env.GH_AW_MAX_DAILY_AI_CREDITS != '' }}
@@ -145,6 +172,8 @@ jobs:
           GH_AW_WORKFLOW_ID: "sync-jp-docs-xplat"
           GH_AW_RUN_URL: ${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}
           GH_AW_WORKFLOW_DISPATCH_AW_CONTEXT: ${{ github.event.inputs.aw_context || '' }}
+          GH_AW_HAS_SLASH_COMMAND: "false"
+          GH_AW_HAS_LABEL_COMMAND: "false"
           GH_AW_GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           GH_AW_MAX_DAILY_AI_CREDITS: ${{ vars.GH_AW_DEFAULT_MAX_DAILY_AI_CREDITS || '5000' }}
         with:
@@ -160,7 +189,7 @@ jobs:
         env:
           COPILOT_GITHUB_TOKEN: ${{ secrets.COPILOT_GITHUB_TOKEN }}
       - name: Checkout .github and .agents folders
-        uses: actions/checkout@df4cb1c069e1874edd31b4311f1884172cec0e10 # v6.0.3
+        uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
         with:
           persist-credentials: false
           sparse-checkout: |
@@ -196,7 +225,7 @@ jobs:
       - name: Check compile-agentic version
         uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
         env:
-          GH_AW_COMPILED_VERSION: "v0.79.8"
+          GH_AW_COMPILED_VERSION: "v0.80.9"
         with:
           script: |
             const { setupGlobals } = require('${{ runner.temp }}/gh-aw/actions/setup_globals.cjs');
@@ -219,23 +248,23 @@ jobs:
         run: |
           bash "${RUNNER_TEMP}/gh-aw/actions/create_prompt_first.sh"
           {
-          cat << 'GH_AW_PROMPT_21a73c780c6ea7ec_EOF'
+          cat << 'GH_AW_PROMPT_43128737c4e73d61_EOF'
           <system>
-          GH_AW_PROMPT_21a73c780c6ea7ec_EOF
+          GH_AW_PROMPT_43128737c4e73d61_EOF
           cat "${RUNNER_TEMP}/gh-aw/prompts/xpia.md"
           cat "${RUNNER_TEMP}/gh-aw/prompts/temp_folder_prompt.md"
           cat "${RUNNER_TEMP}/gh-aw/prompts/markdown.md"
           cat "${RUNNER_TEMP}/gh-aw/prompts/safe_outputs_prompt.md"
-          cat << 'GH_AW_PROMPT_21a73c780c6ea7ec_EOF'
+          cat << 'GH_AW_PROMPT_43128737c4e73d61_EOF'
           <safe-output-tools>
           Tools: create_pull_request, missing_tool, missing_data, noop
-          GH_AW_PROMPT_21a73c780c6ea7ec_EOF
+          GH_AW_PROMPT_43128737c4e73d61_EOF
           cat "${RUNNER_TEMP}/gh-aw/prompts/safe_outputs_create_pull_request.md"
-          cat << 'GH_AW_PROMPT_21a73c780c6ea7ec_EOF'
+          cat << 'GH_AW_PROMPT_43128737c4e73d61_EOF'
           </safe-output-tools>
-          GH_AW_PROMPT_21a73c780c6ea7ec_EOF
+          GH_AW_PROMPT_43128737c4e73d61_EOF
           cat "${RUNNER_TEMP}/gh-aw/prompts/mcp_cli_tools_prompt.md"
-          cat << 'GH_AW_PROMPT_21a73c780c6ea7ec_EOF'
+          cat << 'GH_AW_PROMPT_43128737c4e73d61_EOF'
           <github-context>
           The following GitHub context information is available for this workflow:
           {{#if github.actor}}
@@ -264,12 +293,12 @@ jobs:
           {{/if}}
           </github-context>
           
-          GH_AW_PROMPT_21a73c780c6ea7ec_EOF
+          GH_AW_PROMPT_43128737c4e73d61_EOF
           cat "${RUNNER_TEMP}/gh-aw/prompts/github_mcp_tools_with_safeoutputs_prompt.md"
-          cat << 'GH_AW_PROMPT_21a73c780c6ea7ec_EOF'
+          cat << 'GH_AW_PROMPT_43128737c4e73d61_EOF'
           </system>
           {{#runtime-import .github/workflows/sync-jp-docs-xplat.md}}
-          GH_AW_PROMPT_21a73c780c6ea7ec_EOF
+          GH_AW_PROMPT_43128737c4e73d61_EOF
           } > "$GH_AW_PROMPT"
       - name: Interpolate variables and render templates
         uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
@@ -383,7 +412,7 @@ jobs:
     steps:
       - name: Setup Scripts
         id: setup
-        uses: github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
           destination: ${{ runner.temp }}/gh-aw/actions
           job-name: ${{ github.job }}
@@ -392,8 +421,8 @@ jobs:
         env:
           GH_AW_SETUP_WORKFLOW_NAME: "Sync Japanese Documentation (xplat)"
           GH_AW_CURRENT_WORKFLOW_REF: ${{ github.repository }}/.github/workflows/sync-jp-docs-xplat.lock.yml@${{ github.ref }}
-          GH_AW_INFO_VERSION: "1.0.60"
-          GH_AW_INFO_AWF_VERSION: "v0.27.2"
+          GH_AW_INFO_VERSION: "1.0.63"
+          GH_AW_INFO_AWF_VERSION: "v0.27.7"
           GH_AW_INFO_ENGINE_ID: "copilot"
       - name: Set runtime paths
         id: set-runtime-paths
@@ -404,7 +433,7 @@ jobs:
             echo "GH_AW_SAFE_OUTPUTS_TOOLS_PATH=${RUNNER_TEMP}/gh-aw/safeoutputs/tools.json"
           } >> "$GITHUB_OUTPUT"
       - name: Checkout repository
-        uses: actions/checkout@df4cb1c069e1874edd31b4311f1884172cec0e10 # v6.0.3
+        uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
         with:
           persist-credentials: false
       - name: Create gh-aw temp directory
@@ -415,17 +444,10 @@ jobs:
           GH_TOKEN: ${{ github.token }}
       - name: Configure Git credentials
         env:
-          REPO_NAME: ${{ github.repository }}
-          SERVER_URL: ${{ github.server_url }}
+          GITHUB_REPOSITORY: ${{ github.repository }}
+          GITHUB_SERVER_URL: ${{ github.server_url }}
           GITHUB_TOKEN: ${{ github.token }}
-        run: |
-          git config --global user.email "github-actions[bot]@users.noreply.github.com"
-          git config --global user.name "github-actions[bot]"
-          git config --global am.keepcr true
-          # Re-authenticate git with GitHub token
-          SERVER_URL_STRIPPED="${SERVER_URL#https://}"
-          git remote set-url origin "https://x-access-token:${GITHUB_TOKEN}@${SERVER_URL_STRIPPED}/${REPO_NAME}.git"
-          echo "Git configured with standard GitHub Actions identity"
+        run: bash "${RUNNER_TEMP}/gh-aw/actions/configure_git_credentials.sh"
       - name: Checkout PR branch
         id: checkout-pr
         if: |
@@ -441,11 +463,11 @@ jobs:
             const { main } = require('${{ runner.temp }}/gh-aw/actions/checkout_pr_branch.cjs');
             await main();
       - name: Install GitHub Copilot CLI
-        run: bash "${RUNNER_TEMP}/gh-aw/actions/install_copilot_cli.sh" 1.0.60
+        run: bash "${RUNNER_TEMP}/gh-aw/actions/install_copilot_cli.sh" 1.0.63
         env:
           GH_HOST: github.com
       - name: Install AWF binary
-        run: bash "${RUNNER_TEMP}/gh-aw/actions/install_awf_binary.sh" v0.27.2
+        run: bash "${RUNNER_TEMP}/gh-aw/actions/install_awf_binary.sh" v0.27.7
       - name: Determine automatic lockdown mode for GitHub MCP Server
         id: determine-automatic-lockdown
         uses: actions/github-script@373c709c69115d41ff229c7e5df9f8788daa9553 # v9
@@ -477,15 +499,15 @@ jobs:
           GH_AW_SKILL_DIR: ".github/skills"
         run: bash "${RUNNER_TEMP}/gh-aw/actions/restore_inline_skills.sh"
       - name: Download container images
-        run: bash "${RUNNER_TEMP}/gh-aw/actions/download_docker_images.sh" ghcr.io/github/gh-aw-firewall/agent:0.27.2@sha256:f88e5b17b6b7a600117bc121114d6ce2155c88c983c0c939c5df884f730fa1d6 ghcr.io/github/gh-aw-firewall/api-proxy:0.27.2@sha256:ee39841d980878ebbb87592903b06d31a1af500c71525c9616f7e8e2a27041a4 ghcr.io/github/gh-aw-firewall/squid:0.27.2@sha256:2e3a717e5f19a654cd9a2263beb52012b56bcb68562ec5ae2e42f9d156b49591 ghcr.io/github/gh-aw-mcpg:v0.3.25@sha256:c10331ad17668ef89f38f5e356678788a40b0cd5fef96e8f92e1d9c1de47cbaa ghcr.io/github/github-mcp-server:v1.1.2@sha256:30197479d8036c7811892bc07e06f9a05c9ef3cdd79bc59f256d50647f95788c
+        run: bash "${RUNNER_TEMP}/gh-aw/actions/download_docker_images.sh" ghcr.io/github/gh-aw-firewall/agent:0.27.7@sha256:aae231e4635c8999d039c132f1602d3df850fe9b84a00aa2b5ac981179b5661c ghcr.io/github/gh-aw-firewall/api-proxy:0.27.7@sha256:009caf2e3d88fa77b64e9a03a95a228fc58db0f1701c6d324b29ba5a3c7c79b6 ghcr.io/github/gh-aw-firewall/squid:0.27.7@sha256:deb1d4e19de62d51cee0508057a596a19315c3423ada4d675cad136dc8037c96 ghcr.io/github/gh-aw-mcpg:v0.3.27@sha256:fe984bddde4ec05d756d9043edb0a32912e6b7b72f6a121b1082f29221421cc7 ghcr.io/github/gh-aw-node@sha256:529d02eb970b1161aa25c593a9c3df57fdfad5a8add328cb3b6eccef66f3183b ghcr.io/github/github-mcp-server:v1.4.0@sha256:2afb26356481d1a350e14544a6e160f7f7ec1561a1ea309b823665abf0309036
       - name: Generate Safe Outputs Config
         run: |
           mkdir -p "${RUNNER_TEMP}/gh-aw/safeoutputs"
           mkdir -p /tmp/gh-aw/safeoutputs
           mkdir -p /tmp/gh-aw/mcp-logs/safeoutputs
-          cat > "${RUNNER_TEMP}/gh-aw/safeoutputs/config.json" << 'GH_AW_SAFE_OUTPUTS_CONFIG_91759732740d0920_EOF'
-          {"create_pull_request":{"base_branch":"vnext","draft":false,"if_no_changes":"ignore","labels":["translation","japanese","automation"],"max":1,"max_patch_files":100,"max_patch_size":1024,"protect_top_level_dot_folders":true,"protected_files":["package.json","bun.lockb","bunfig.toml","deno.json","deno.jsonc","deno.lock","global.json","NuGet.Config","Directory.Packages.props","mix.exs","mix.lock","go.mod","go.sum","stack.yaml","stack.yaml.lock","pom.xml","build.gradle","build.gradle.kts","settings.gradle","settings.gradle.kts","gradle.properties","package-lock.json","yarn.lock","pnpm-lock.yaml","npm-shrinkwrap.json","requirements.txt","Pipfile","Pipfile.lock","pyproject.toml","setup.py","setup.cfg","Gemfile","Gemfile.lock","uv.lock","CODEOWNERS","DESIGN.md","README.md","CONTRIBUTING.md","CHANGELOG.md","SECURITY.md","CODE_OF_CONDUCT.md","AGENTS.md","CLAUDE.md","GEMINI.md"],"protected_files_policy":"request_review","title_prefix":"[jp-sync] "},"create_report_incomplete_issue":{},"missing_data":{},"missing_tool":{},"noop":{"max":1,"report-as-issue":"true"},"report_incomplete":{}}
-          GH_AW_SAFE_OUTPUTS_CONFIG_91759732740d0920_EOF
+          cat > "${RUNNER_TEMP}/gh-aw/safeoutputs/config.json" << 'GH_AW_SAFE_OUTPUTS_CONFIG_7e98029480883c79_EOF'
+          {"create_pull_request":{"base_branch":"vnext","draft":false,"if_no_changes":"ignore","labels":["translation","japanese","automation"],"max":1,"max_patch_files":100,"max_patch_size":4096,"protect_top_level_dot_folders":true,"protected_files":["package.json","bun.lockb","bunfig.toml","deno.json","deno.jsonc","deno.lock","global.json","NuGet.Config","Directory.Packages.props","mix.exs","mix.lock","go.mod","go.sum","stack.yaml","stack.yaml.lock","pom.xml","build.gradle","build.gradle.kts","settings.gradle","settings.gradle.kts","gradle.properties","package-lock.json","yarn.lock","pnpm-lock.yaml","npm-shrinkwrap.json","requirements.txt","Pipfile","Pipfile.lock","pyproject.toml","setup.py","setup.cfg","Gemfile","Gemfile.lock","uv.lock","CODEOWNERS","DESIGN.md","README.md","CONTRIBUTING.md","CHANGELOG.md","SECURITY.md","CODE_OF_CONDUCT.md","AGENTS.md","CLAUDE.md","GEMINI.md"],"protected_files_policy":"request_review","title_prefix":"[jp-sync] "},"create_report_incomplete_issue":{},"missing_data":{},"missing_tool":{},"noop":{"max":1,"report-as-issue":"true"},"report_incomplete":{}}
+          GH_AW_SAFE_OUTPUTS_CONFIG_7e98029480883c79_EOF
       - name: Generate Safe Outputs Tools
         env:
           GH_AW_TOOLS_META_JSON: |
@@ -620,55 +642,16 @@ jobs:
             setupGlobals(core, github, context, exec, io, getOctokit);
             const { main } = require('${{ runner.temp }}/gh-aw/actions/generate_safe_outputs_tools.cjs');
             await main();
-      - name: Generate Safe Outputs MCP Server Config
-        id: safe-outputs-config
-        run: |
-          # Generate a secure random API key (360 bits of entropy, 40+ chars)
-          # Mask immediately to prevent timing vulnerabilities
-          API_KEY=$(openssl rand -base64 45 | tr -d '/+=')
-          echo "::add-mask::${API_KEY}"
-          
-          PORT=3001
-          
-          # Set outputs for next steps
-          {
-            echo "safe_outputs_api_key=${API_KEY}"
-            echo "safe_outputs_port=${PORT}"
-          } >> "$GITHUB_OUTPUT"
-          
-          echo "Safe Outputs MCP server will run on port ${PORT}"
-          
-      - name: Start Safe Outputs MCP HTTP Server
-        id: safe-outputs-start
-        env:
-          DEBUG: '*'
-          GH_AW_SAFE_OUTPUTS: ${{ steps.set-runtime-paths.outputs.GH_AW_SAFE_OUTPUTS }}
-          GH_AW_SAFE_OUTPUTS_PORT: ${{ steps.safe-outputs-config.outputs.safe_outputs_port }}
-          GH_AW_SAFE_OUTPUTS_API_KEY: ${{ steps.safe-outputs-config.outputs.safe_outputs_api_key }}
-          GH_AW_SAFE_OUTPUTS_TOOLS_PATH: ${{ runner.temp }}/gh-aw/safeoutputs/tools.json
-          GH_AW_SAFE_OUTPUTS_CONFIG_PATH: ${{ runner.temp }}/gh-aw/safeoutputs/config.json
-          GH_AW_MCP_LOG_DIR: /tmp/gh-aw/mcp-logs/safeoutputs
-        run: |
-          # Environment variables are set above to prevent template injection
-          export DEBUG
-          export GH_AW_SAFE_OUTPUTS
-          export GH_AW_SAFE_OUTPUTS_PORT
-          export GH_AW_SAFE_OUTPUTS_API_KEY
-          export GH_AW_SAFE_OUTPUTS_TOOLS_PATH
-          export GH_AW_SAFE_OUTPUTS_CONFIG_PATH
-          export GH_AW_MCP_LOG_DIR
-          
-          bash "${RUNNER_TEMP}/gh-aw/actions/start_safe_outputs_server.sh"
-          
       - name: Start MCP Gateway
         id: start-mcp-gateway
         env:
           GH_AW_SAFE_OUTPUTS: ${{ steps.set-runtime-paths.outputs.GH_AW_SAFE_OUTPUTS }}
-          GH_AW_SAFE_OUTPUTS_API_KEY: ${{ steps.safe-outputs-start.outputs.api_key }}
-          GH_AW_SAFE_OUTPUTS_PORT: ${{ steps.safe-outputs-start.outputs.port }}
+          GH_AW_SAFE_OUTPUTS_CONFIG_PATH: ${{ steps.set-runtime-paths.outputs.GH_AW_SAFE_OUTPUTS_CONFIG_PATH }}
+          GH_AW_SAFE_OUTPUTS_TOOLS_PATH: ${{ steps.set-runtime-paths.outputs.GH_AW_SAFE_OUTPUTS_TOOLS_PATH }}
           GITHUB_MCP_GUARD_MIN_INTEGRITY: ${{ steps.determine-automatic-lockdown.outputs.min_integrity }}
           GITHUB_MCP_GUARD_REPOS: ${{ steps.determine-automatic-lockdown.outputs.repos }}
           GITHUB_MCP_SERVER_TOKEN: ${{ secrets.GH_AW_GITHUB_MCP_SERVER_TOKEN || secrets.GH_AW_GITHUB_TOKEN || secrets.GITHUB_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         run: |
           set -eo pipefail
           mkdir -p "${RUNNER_TEMP}/gh-aw/mcp-config"
@@ -694,16 +677,16 @@ jobs:
             * ) DOCKER_SOCK_PATH=/var/run/docker.sock ;;
           esac
           DOCKER_SOCK_GID=$(stat -c '%g' "$DOCKER_SOCK_PATH" 2>/dev/null || echo '0')
-          export MCP_GATEWAY_DOCKER_COMMAND='docker run -i --rm --network host --add-host host.docker.internal:127.0.0.1 --user '"${MCP_GATEWAY_UID}"':'"${MCP_GATEWAY_GID}"' --group-add '"${DOCKER_SOCK_GID}"' -v '"${DOCKER_SOCK_PATH}"':/var/run/docker.sock -e MCP_GATEWAY_PORT -e MCP_GATEWAY_DOMAIN -e MCP_GATEWAY_API_KEY -e MCP_GATEWAY_PAYLOAD_DIR -e MCP_GATEWAY_PAYLOAD_SIZE_THRESHOLD -e DOCKER_HOST=unix:///var/run/docker.sock -e DEBUG -e MCP_GATEWAY_LOG_DIR -e GH_AW_MCP_LOG_DIR -e GH_AW_SAFE_OUTPUTS -e GH_AW_SAFE_OUTPUTS_CONFIG_PATH -e GH_AW_SAFE_OUTPUTS_TOOLS_PATH -e GH_AW_ASSETS_BRANCH -e GH_AW_ASSETS_MAX_SIZE_KB -e GH_AW_ASSETS_ALLOWED_EXTS -e DEFAULT_BRANCH -e GITHUB_MCP_SERVER_TOKEN -e GITHUB_MCP_GUARD_MIN_INTEGRITY -e GITHUB_MCP_GUARD_REPOS -e GITHUB_REPOSITORY -e GITHUB_SERVER_URL -e GITHUB_SHA -e GITHUB_WORKSPACE -e GITHUB_TOKEN -e GITHUB_RUN_ID -e GITHUB_RUN_NUMBER -e GITHUB_RUN_ATTEMPT -e GITHUB_JOB -e GITHUB_ACTION -e GITHUB_EVENT_NAME -e GITHUB_EVENT_PATH -e GITHUB_ACTOR -e GITHUB_ACTOR_ID -e GITHUB_TRIGGERING_ACTOR -e GITHUB_WORKFLOW -e GITHUB_WORKFLOW_REF -e GITHUB_WORKFLOW_SHA -e GITHUB_REF -e GITHUB_REF_NAME -e GITHUB_REF_TYPE -e GITHUB_HEAD_REF -e GITHUB_BASE_REF -e GH_AW_SAFE_OUTPUTS_PORT -e GH_AW_SAFE_OUTPUTS_API_KEY -v /tmp/gh-aw/mcp-payloads:/tmp/gh-aw/mcp-payloads:rw -v /opt:/opt:ro -v /tmp:/tmp:rw -v '"${GITHUB_WORKSPACE}"':'"${GITHUB_WORKSPACE}"':rw ghcr.io/github/gh-aw-mcpg:v0.3.25'
+          export MCP_GATEWAY_DOCKER_COMMAND='docker run -i --rm --network host --name awmg-mcpg --add-host host.docker.internal:127.0.0.1 --user '"${MCP_GATEWAY_UID}"':'"${MCP_GATEWAY_GID}"' --group-add '"${DOCKER_SOCK_GID}"' -v '"${DOCKER_SOCK_PATH}"':/var/run/docker.sock -e MCP_GATEWAY_PORT -e MCP_GATEWAY_DOMAIN -e MCP_GATEWAY_API_KEY -e MCP_GATEWAY_PAYLOAD_DIR -e MCP_GATEWAY_PAYLOAD_SIZE_THRESHOLD -e DOCKER_HOST=unix:///var/run/docker.sock -e DEBUG -e MCP_GATEWAY_LOG_DIR -e GH_AW_MCP_LOG_DIR -e GH_AW_SAFE_OUTPUTS -e GH_AW_SAFE_OUTPUTS_CONFIG_PATH -e GH_AW_SAFE_OUTPUTS_TOOLS_PATH -e GH_AW_ASSETS_BRANCH -e GH_AW_ASSETS_MAX_SIZE_KB -e GH_AW_ASSETS_ALLOWED_EXTS -e DEFAULT_BRANCH -e GITHUB_MCP_SERVER_TOKEN -e GITHUB_MCP_GUARD_MIN_INTEGRITY -e GITHUB_MCP_GUARD_REPOS -e GITHUB_REPOSITORY -e GITHUB_SERVER_URL -e GITHUB_SHA -e GITHUB_WORKSPACE -e GITHUB_TOKEN -e GITHUB_RUN_ID -e GITHUB_RUN_NUMBER -e GITHUB_RUN_ATTEMPT -e GITHUB_JOB -e GITHUB_ACTION -e GITHUB_EVENT_NAME -e GITHUB_EVENT_PATH -e GITHUB_ACTOR -e GITHUB_ACTOR_ID -e GITHUB_TRIGGERING_ACTOR -e GITHUB_WORKFLOW -e GITHUB_WORKFLOW_REF -e GITHUB_WORKFLOW_SHA -e GITHUB_REF -e GITHUB_REF_NAME -e GITHUB_REF_TYPE -e GITHUB_HEAD_REF -e GITHUB_BASE_REF -e RUNNER_TEMP -v /tmp/gh-aw/mcp-payloads:/tmp/gh-aw/mcp-payloads:rw -v /opt:/opt:ro -v /tmp:/tmp:rw -v '"${GITHUB_WORKSPACE}"':'"${GITHUB_WORKSPACE}"':rw -v '"${RUNNER_TEMP}"'/gh-aw/safeoutputs:'"${RUNNER_TEMP}"'/gh-aw/safeoutputs:rw ghcr.io/github/gh-aw-mcpg:v0.3.27'
           
           mkdir -p "$HOME/.copilot"
           GH_AW_NODE=$(which node 2>/dev/null || command -v node 2>/dev/null || echo node)
-          cat << GH_AW_MCP_CONFIG_c6fee03c27b97257_EOF | "$GH_AW_NODE" "${RUNNER_TEMP}/gh-aw/actions/start_mcp_gateway.cjs"
+          cat << GH_AW_MCP_CONFIG_c70c556baaebe8bb_EOF | "$GH_AW_NODE" "${RUNNER_TEMP}/gh-aw/actions/start_mcp_gateway.cjs"
           {
             "mcpServers": {
               "github": {
                 "type": "stdio",
-                "container": "ghcr.io/github/github-mcp-server:v1.1.2",
+                "container": "ghcr.io/github/github-mcp-server:v1.4.0",
                 "env": {
                   "GITHUB_HOST": "\${GITHUB_SERVER_URL}",
                   "GITHUB_PERSONAL_ACCESS_TOKEN": "\${GITHUB_MCP_SERVER_TOKEN}",
@@ -718,10 +701,26 @@ jobs:
                 }
               },
               "safeoutputs": {
-                "type": "http",
-                "url": "http://host.docker.internal:$GH_AW_SAFE_OUTPUTS_PORT",
-                "headers": {
-                  "Authorization": "\${GH_AW_SAFE_OUTPUTS_API_KEY}"
+                "type": "stdio",
+                "container": "ghcr.io/github/gh-aw-node",
+                "mounts": ["\${GITHUB_WORKSPACE}:\${GITHUB_WORKSPACE}:rw", "${RUNNER_TEMP}/gh-aw/safeoutputs:${RUNNER_TEMP}/gh-aw/safeoutputs:rw", "/tmp/gh-aw:/tmp/gh-aw:rw"],
+                "args": ["-w", "\${GITHUB_WORKSPACE}"],
+                "entrypoint": "sh",
+                "entrypointArgs": ["-c", "sh ${RUNNER_TEMP}/gh-aw/safeoutputs/start_safe_outputs_mcp.sh"],
+                "env": {
+                  "DEBUG": "*",
+                  "DEFAULT_BRANCH": "\${DEFAULT_BRANCH}",
+                  "GH_AW_ASSETS_ALLOWED_EXTS": "\${GH_AW_ASSETS_ALLOWED_EXTS}",
+                  "GH_AW_ASSETS_BRANCH": "\${GH_AW_ASSETS_BRANCH}",
+                  "GH_AW_ASSETS_MAX_SIZE_KB": "\${GH_AW_ASSETS_MAX_SIZE_KB}",
+                  "GH_AW_MCP_LOG_DIR": "\${GH_AW_MCP_LOG_DIR}",
+                  "GH_AW_SAFE_OUTPUTS": "\${GH_AW_SAFE_OUTPUTS}",
+                  "GH_AW_SAFE_OUTPUTS_CONFIG_PATH": "\${GH_AW_SAFE_OUTPUTS_CONFIG_PATH}",
+                  "GH_AW_SAFE_OUTPUTS_TOOLS_PATH": "\${GH_AW_SAFE_OUTPUTS_TOOLS_PATH}",
+                  "GITHUB_REPOSITORY": "\${GITHUB_REPOSITORY}",
+                  "GITHUB_TOKEN": "\${GITHUB_TOKEN}",
+                  "GITHUB_WORKSPACE": "\${GITHUB_WORKSPACE}",
+                  "RUNNER_TEMP": "\${RUNNER_TEMP}"
                 },
                 "guard-policies": {
                   "write-sink": {
@@ -739,7 +738,7 @@ jobs:
               "payloadDir": "${MCP_GATEWAY_PAYLOAD_DIR}"
             }
           }
-          GH_AW_MCP_CONFIG_c6fee03c27b97257_EOF
+          GH_AW_MCP_CONFIG_c70c556baaebe8bb_EOF
       - name: Mount MCP servers as CLIs
         id: mount-mcp-clis
         continue-on-error: true
@@ -807,38 +806,54 @@ jobs:
           export GH_AW_NODE_BIN
           export COPILOT_API_KEY="$COPILOT_DUMMY_BYOK"
           (umask 177 && touch /tmp/gh-aw/agent-stdio.log)
-          GH_AW_MAX_AI_CREDITS="${{ vars.GH_AW_DEFAULT_MAX_AI_CREDITS || '1000' }}"
-          printf '%s\n' "{\"\$schema\":\"https://github.com/github/gh-aw-firewall/releases/download/v0.27.2/awf-config.schema.json\",\"network\":{\"allowDomains\":[\"api.business.githubcopilot.com\",\"api.enterprise.githubcopilot.com\",\"api.github.com\",\"api.githubcopilot.com\",\"api.individual.githubcopilot.com\",\"api.snapcraft.io\",\"archive.ubuntu.com\",\"azure.archive.ubuntu.com\",\"crl.geotrust.com\",\"crl.globalsign.com\",\"crl.identrust.com\",\"crl.sectigo.com\",\"crl.thawte.com\",\"crl.usertrust.com\",\"crl.verisign.com\",\"crl3.digicert.com\",\"crl4.digicert.com\",\"crls.ssl.com\",\"github.com\",\"host.docker.internal\",\"json-schema.org\",\"json.schemastore.org\",\"keyserver.ubuntu.com\",\"ocsp.digicert.com\",\"ocsp.geotrust.com\",\"ocsp.globalsign.com\",\"ocsp.identrust.com\",\"ocsp.sectigo.com\",\"ocsp.ssl.com\",\"ocsp.thawte.com\",\"ocsp.usertrust.com\",\"ocsp.verisign.com\",\"packagecloud.io\",\"packages.cloud.google.com\",\"packages.microsoft.com\",\"ppa.launchpad.net\",\"raw.githubusercontent.com\",\"registry.npmjs.org\",\"s.symcb.com\",\"s.symcd.com\",\"security.ubuntu.com\",\"telemetry.enterprise.githubcopilot.com\",\"ts-crl.ws.symantec.com\",\"ts-ocsp.ws.symantec.com\",\"www.googleapis.com\"]},\"apiProxy\":{\"enabled\":true,\"enableTokenSteering\":true,\"maxRuns\":500,\"maxAiCredits\":${GH_AW_MAX_AI_CREDITS},\"models\":{\"agent\":[\"sonnet-6x\",\"gpt-5.4\",\"gpt-5.3\",\"gemini-pro\",\"any\"],\"antigravity\":[\"copilot/antigravity*\",\"google/antigravity*\",\"gemini/antigravity*\"],\"any\":[\"copilot/*\",\"anthropic/*\",\"openai/*\",\"google/*\",\"gemini/*\"],\"claude\":[\"agent\"],\"codex\":[\"agent\"],\"coding\":[\"copilot/gpt-5*codex*\",\"openai/gpt-5*codex*\",\"gpt-5-codex\"],\"computer-use\":[\"copilot/*computer-use*\",\"google/*computer-use*\",\"gemini/*computer-use*\",\"openai/*computer-use*\"],\"copilot\":[\"agent\"],\"deep-research\":[\"copilot/deep-research*\",\"copilot/o3-deep-research*\",\"copilot/o4-mini-deep-research*\",\"google/deep-research*\",\"gemini/deep-research*\",\"openai/o3-deep-research*\",\"openai/o4-mini-deep-research*\"],\"gemini\":[\"agent\"],\"gemini-3-flash\":[\"copilot/gemini-3*flash*\",\"google/gemini-3*flash*\",\"gemini/gemini-3*flash*\"],\"gemini-3-pro\":[\"copilot/gemini-3*pro*\",\"google/gemini-3*pro*\",\"google/nano-banana*\",\"gemini/gemini-3*pro*\"],\"gemini-3.1-flash\":[\"copilot/gemini-3.1*flash*\",\"google/gemini-3.1*flash*\",\"gemini/gemini-3.1*flash*\"],\"gemini-3.1-pro\":[\"copilot/gemini-3.1*pro*\",\"google/gemini-3.1*pro*\",\"gemini/gemini-3.1*pro*\"],\"gemini-3.5-flash\":[\"copilot/gemini-3.5*flash*\",\"google/gemini-3.5*flash*\",\"gemini/gemini-3.5*flash*\"],\"gemini-flash\":[\"copilot/gemini-*flash*\",\"google/gemini-*flash*\",\"gemini/gemini-*flash*\"],\"gemini-flash-lite\":[\"copilot/gemini-*flash*lite*\",\"google/gemini-*flash*lite*\",\"gemini/gemini-*flash*lite*\"],\"gemini-pro\":[\"copilot/gemini-*pro*\",\"google/gemini-*pro*\",\"gemini/gemini-*pro*\"],\"gemma\":[\"copilot/gemma*\",\"google/gemma*\",\"gemini/gemma*\"],\"gpt-5\":[\"copilot/gpt-5*\",\"openai/gpt-5*\"],\"gpt-5-codex\":[\"copilot/gpt-5*codex*\",\"openai/gpt-5*codex*\"],\"gpt-5-mini\":[\"copilot/gpt-5*mini*\",\"openai/gpt-5*mini*\"],\"gpt-5-nano\":[\"copilot/gpt-5*nano*\",\"openai/gpt-5*nano*\"],\"gpt-5-pro\":[\"copilot/gpt-5*pro*\",\"openai/gpt-5*pro*\"],\"gpt-5.2\":[\"copilot/gpt-5.2*\",\"openai/gpt-5.2*\"],\"gpt-5.3\":[\"copilot/gpt-5.3*\",\"openai/gpt-5.3*\"],\"gpt-5.4\":[\"copilot/gpt-5.4*\",\"openai/gpt-5.4*\"],\"gpt-5.5\":[\"copilot/gpt-5.5*\",\"openai/gpt-5.5*\"],\"haiku\":[\"copilot/*haiku*\",\"anthropic/*haiku*\"],\"large\":[\"sonnet\",\"gpt-5-pro\",\"gpt-5\",\"gemini-pro\"],\"mai-code\":[\"copilot/MAI-Code*\",\"copilot/mai-code*\",\"openai/MAI-Code*\"],\"mini\":[\"haiku\",\"gpt-5-mini\",\"gpt-5-nano\",\"gemini-flash-lite\"],\"nano-banana\":[\"copilot/nano-banana*\",\"google/nano-banana*\",\"gemini/nano-banana*\"],\"opus\":[\"copilot/*opus*\",\"anthropic/*opus*\"],\"opusplan\":[\"opus?effort=high\"],\"reasoning\":[\"copilot/o1*\",\"copilot/o3*\",\"copilot/o4*\",\"openai/o1*\",\"openai/o3*\",\"openai/o4*\"],\"robotics\":[\"copilot/*robotics*\",\"google/*robotics*\",\"gemini/*robotics*\"],\"small\":[\"mini\"],\"small-agent\":[\"haiku\",\"gpt-5-mini\",\"gemini-flash\"],\"sonnet\":[\"copilot/*sonnet*\",\"anthropic/*sonnet*\"],\"sonnet-6x\":[\"copilot/*sonnet-4.5*\",\"copilot/*sonnet-4.6*\",\"copilot/*sonnet-4-5-*\",\"anthropic/*sonnet-4-5-*\",\"copilot/*sonnet-4-6*\",\"anthropic/*sonnet-4-6*\"],\"summarization\":[\"haiku\",\"gpt-5-mini\",\"gemini-flash-lite\",\"mini\"],\"vision\":[\"copilot/gemini-*image*\",\"gemini/gemini-*image*\",\"copilot/gemini-*flash*\",\"gemini/gemini-*flash*\"]}},\"container\":{\"imageTag\":\"0.27.2,squid=sha256:2e3a717e5f19a654cd9a2263beb52012b56bcb68562ec5ae2e42f9d156b49591,agent=sha256:f88e5b17b6b7a600117bc121114d6ce2155c88c983c0c939c5df884f730fa1d6,api-proxy=sha256:ee39841d980878ebbb87592903b06d31a1af500c71525c9616f7e8e2a27041a4,cli-proxy=sha256:02f3ec08f32dc26c5427920c6a2e2f3036238fce44802f2f11ef49ed8621b5d0\"}}" > "${RUNNER_TEMP}/gh-aw/awf-config.json"
+          GH_AW_MAX_AI_CREDITS="${GH_AW_MAX_AI_CREDITS:-1000}"
+          printf '%s\n' "{\"\$schema\":\"https://github.com/github/gh-aw-firewall/releases/download/v0.27.7/awf-config.schema.json\",\"network\":{\"allowDomains\":[\"api.business.githubcopilot.com\",\"api.enterprise.githubcopilot.com\",\"api.github.com\",\"api.githubcopilot.com\",\"api.individual.githubcopilot.com\",\"api.snapcraft.io\",\"archive.ubuntu.com\",\"azure.archive.ubuntu.com\",\"crl.geotrust.com\",\"crl.globalsign.com\",\"crl.identrust.com\",\"crl.sectigo.com\",\"crl.thawte.com\",\"crl.usertrust.com\",\"crl.verisign.com\",\"crl3.digicert.com\",\"crl4.digicert.com\",\"crls.ssl.com\",\"github.com\",\"host.docker.internal\",\"json-schema.org\",\"json.schemastore.org\",\"keyserver.ubuntu.com\",\"ocsp.digicert.com\",\"ocsp.geotrust.com\",\"ocsp.globalsign.com\",\"ocsp.identrust.com\",\"ocsp.sectigo.com\",\"ocsp.ssl.com\",\"ocsp.thawte.com\",\"ocsp.usertrust.com\",\"ocsp.verisign.com\",\"packagecloud.io\",\"packages.cloud.google.com\",\"packages.microsoft.com\",\"ppa.launchpad.net\",\"raw.githubusercontent.com\",\"registry.npmjs.org\",\"s.symcb.com\",\"s.symcd.com\",\"security.ubuntu.com\",\"telemetry.enterprise.githubcopilot.com\",\"ts-crl.ws.symantec.com\",\"ts-ocsp.ws.symantec.com\",\"www.googleapis.com\"]},\"apiProxy\":{\"enabled\":true,\"enableTokenSteering\":true,\"maxRuns\":500,\"maxAiCredits\":${GH_AW_MAX_AI_CREDITS},\"maxCacheMisses\":5,\"models\":{\"agent\":[\"sonnet-6x\",\"gpt-5.5\",\"gpt-5.4\",\"gpt-5.3\",\"gemini-pro\",\"any\"],\"antigravity\":[\"copilot/antigravity*\",\"google/antigravity*\",\"gemini/antigravity*\"],\"any\":[\"copilot/*\",\"anthropic/*\",\"openai/*\",\"google/*\",\"gemini/*\"],\"claude\":[\"agent\"],\"codex\":[\"agent\"],\"coding\":[\"copilot/gpt-5*codex*\",\"openai/gpt-5*codex*\",\"gpt-5-codex\"],\"computer-use\":[\"copilot/*computer-use*\",\"google/*computer-use*\",\"gemini/*computer-use*\",\"openai/*computer-use*\"],\"copilot\":[\"agent\"],\"deep-research\":[\"copilot/deep-research*\",\"copilot/o3-deep-research*\",\"copilot/o4-mini-deep-research*\",\"google/deep-research*\",\"gemini/deep-research*\",\"openai/o3-deep-research*\",\"openai/o4-mini-deep-research*\"],\"gemini\":[\"agent\"],\"gemini-3-flash\":[\"copilot/gemini-3*flash*\",\"google/gemini-3*flash*\",\"gemini/gemini-3*flash*\"],\"gemini-3-pro\":[\"copilot/gemini-3*pro*\",\"google/gemini-3*pro*\",\"google/nano-banana*\",\"gemini/gemini-3*pro*\"],\"gemini-3.1-flash\":[\"copilot/gemini-3.1*flash*\",\"google/gemini-3.1*flash*\",\"gemini/gemini-3.1*flash*\"],\"gemini-3.1-pro\":[\"copilot/gemini-3.1*pro*\",\"google/gemini-3.1*pro*\",\"gemini/gemini-3.1*pro*\"],\"gemini-3.5-flash\":[\"copilot/gemini-3.5*flash*\",\"google/gemini-3.5*flash*\",\"gemini/gemini-3.5*flash*\"],\"gemini-flash\":[\"copilot/gemini-*flash*\",\"google/gemini-*flash*\",\"gemini/gemini-*flash*\"],\"gemini-flash-lite\":[\"copilot/gemini-*flash*lite*\",\"google/gemini-*flash*lite*\",\"gemini/gemini-*flash*lite*\"],\"gemini-pro\":[\"copilot/gemini-*pro*\",\"google/gemini-*pro*\",\"gemini/gemini-*pro*\"],\"gemma\":[\"copilot/gemma*\",\"google/gemma*\",\"gemini/gemma*\"],\"gpt-5\":[\"copilot/gpt-5*\",\"openai/gpt-5*\"],\"gpt-5-codex\":[\"copilot/gpt-5*codex*\",\"openai/gpt-5*codex*\"],\"gpt-5-mini\":[\"copilot/gpt-5*mini*\",\"openai/gpt-5*mini*\"],\"gpt-5-nano\":[\"copilot/gpt-5*nano*\",\"openai/gpt-5*nano*\"],\"gpt-5-pro\":[\"copilot/gpt-5*pro*\",\"openai/gpt-5*pro*\"],\"gpt-5.1\":[\"copilot/gpt-5.1*\",\"openai/gpt-5.1*\"],\"gpt-5.2\":[\"copilot/gpt-5.2*\",\"openai/gpt-5.2*\"],\"gpt-5.3\":[\"copilot/gpt-5.3*\",\"openai/gpt-5.3*\"],\"gpt-5.4\":[\"copilot/gpt-5.4*\",\"openai/gpt-5.4*\"],\"gpt-5.5\":[\"copilot/gpt-5.5*\",\"openai/gpt-5.5*\"],\"haiku\":[\"copilot/*haiku*\",\"anthropic/*haiku*\"],\"image-generation\":[\"copilot/gpt-image*\",\"openai/gpt-image*\",\"openai/chatgpt-image*\",\"copilot/gemini-*image*\",\"google/gemini-*image*\",\"gemini/gemini-*image*\",\"google/imagen*\"],\"large\":[\"sonnet\",\"gpt-5-pro\",\"gpt-5\",\"gemini-pro\"],\"mai-code\":[\"copilot/MAI-Code*\",\"copilot/mai-code*\",\"openai/MAI-Code*\"],\"mini\":[\"haiku\",\"gpt-5-mini\",\"gpt-5-nano\",\"gemini-flash-lite\"],\"nano-banana\":[\"copilot/nano-banana*\",\"google/nano-banana*\",\"gemini/nano-banana*\"],\"opus\":[\"copilot/*opus*\",\"anthropic/*opus*\"],\"opusplan\":[\"opus?effort=high\"],\"reasoning\":[\"copilot/o1*\",\"copilot/o3*\",\"copilot/o4*\",\"openai/o1*\",\"openai/o3*\",\"openai/o4*\"],\"robotics\":[\"copilot/*robotics*\",\"google/*robotics*\",\"gemini/*robotics*\"],\"small\":[\"mini\"],\"small-agent\":[\"haiku\",\"gpt-5-mini\",\"gemini-flash\"],\"sonnet\":[\"copilot/*sonnet*\",\"anthropic/*sonnet*\"],\"sonnet-6x\":[\"copilot/*sonnet-4.5*\",\"copilot/*sonnet-4.6*\",\"copilot/*sonnet-4-5-*\",\"anthropic/*sonnet-4-5-*\",\"copilot/*sonnet-4-6*\",\"anthropic/*sonnet-4-6*\"],\"summarization\":[\"haiku\",\"gpt-5-mini\",\"gemini-flash-lite\",\"mini\"],\"vision\":[\"copilot/gemini-*image*\",\"google/gemini-*image*\",\"gemini/gemini-*image*\",\"copilot/gemini-*flash*\",\"google/gemini-*flash*\",\"gemini/gemini-*flash*\"]}},\"container\":{\"imageTag\":\"0.27.7,squid=sha256:deb1d4e19de62d51cee0508057a596a19315c3423ada4d675cad136dc8037c96,agent=sha256:aae231e4635c8999d039c132f1602d3df850fe9b84a00aa2b5ac981179b5661c,api-proxy=sha256:009caf2e3d88fa77b64e9a03a95a228fc58db0f1701c6d324b29ba5a3c7c79b6,cli-proxy=sha256:4757f198a3fa20f88bdbe70be7ae1a05f127d9c0a9e96a5d6460ef40c08fc83d\"}}" > "${RUNNER_TEMP}/gh-aw/awf-config.json"
           cp "${RUNNER_TEMP}/gh-aw/awf-config.json" /tmp/gh-aw/awf-config.json
           export GH_AW_MODELS_JSON_PATH="/tmp/gh-aw/models.json"
+          GH_AW_DOCKER_HOST=""
+          if [[ "${DOCKER_HOST:-}" =~ ^tcp:// ]]; then
+            GH_AW_DOCKER_HOST="${DOCKER_HOST}"
+          fi
           GH_AW_DOCKER_HOST_PATH_PREFIX_ARGS=""
           if [[ "${DOCKER_HOST:-}" =~ ^tcp:// ]]; then
             GH_AW_DOCKER_HOST_PATH_PREFIX_ARGS="--docker-host-path-prefix /tmp/gh-aw"
+            python3 - <<'PY'
+          import json,os,subprocess as sp
+          from pathlib import Path
+          try:
+           p=Path(os.environ["RUNNER_TEMP"])/"gh-aw"/"awf-config.json"
+           c=json.loads(p.read_text())
+           c["chroot"]={"binariesSourcePath":"/tmp/gh-aw","identity":{"user":sp.check_output(["id","-un"],text=True).strip(),"uid":int(sp.check_output(["id","-u"],text=True)),"gid":int(sp.check_output(["id","-g"],text=True)),"home":"/tmp/gh-aw/home"}}
+           out=json.dumps(c,separators=(",",":"),ensure_ascii=False)+"\n"
+           p.write_text(out)
+           Path("/tmp/gh-aw/awf-config.json").write_text(out)
+          except Exception as e:
+           raise SystemExit(f"chroot config patch failed: {e}") from e
+          PY
           fi
           GH_AW_TOOL_CACHE_MOUNT=""
-          GH_AW_TOOL_CACHE="${RUNNER_TOOL_CACHE:-/opt/hostedtoolcache}"
+          GH_AW_TOOL_CACHE="${RUNNER_TOOL_CACHE:?RUNNER_TOOL_CACHE must be set}"
           if [ -d "$GH_AW_TOOL_CACHE" ]; then
             if [[ "$GH_AW_TOOL_CACHE" != /opt/* ]]; then
               GH_AW_TOOL_CACHE_MOUNT="$GH_AW_TOOL_CACHE:$GH_AW_TOOL_CACHE:ro"
             fi
-          elif [ -d "/home/runner/work/_tool" ]; then
-            GH_AW_TOOL_CACHE_MOUNT="/home/runner/work/_tool:/home/runner/work/_tool:ro"
           fi
-          # shellcheck disable=SC1003
-          sudo -E awf --config "${RUNNER_TEMP}/gh-aw/awf-config.json" --container-workdir "${GITHUB_WORKSPACE}" --mount "${RUNNER_TEMP}/gh-aw:${RUNNER_TEMP}/gh-aw:ro" --mount "${RUNNER_TEMP}/gh-aw:/host${RUNNER_TEMP}/gh-aw:ro" ${GH_AW_TOOL_CACHE_MOUNT:+--mount "$GH_AW_TOOL_CACHE_MOUNT"} ${GH_AW_DOCKER_HOST_PATH_PREFIX_ARGS} --env-all --exclude-env COPILOT_GITHUB_TOKEN --exclude-env GITHUB_MCP_SERVER_TOKEN --exclude-env MCP_GATEWAY_API_KEY --log-level info --proxy-logs-dir /tmp/gh-aw/sandbox/firewall/logs --audit-dir /tmp/gh-aw/sandbox/firewall/audit --enable-host-access --allow-host-ports 80,443,8080 --skip-pull \
-            -- /bin/bash -c 'set +o histexpand; export PATH="${RUNNER_TEMP}/gh-aw/mcp-cli/bin:$PATH" && GH_AW_TOOL_CACHE="${RUNNER_TOOL_CACHE:-/opt/hostedtoolcache}"; export PATH="$(find "$GH_AW_TOOL_CACHE" /opt/hostedtoolcache /home/runner/work/_tool -maxdepth 5 -type d -name bin 2>/dev/null | tr '\''\n'\'' '\'':'\'')$PATH"; [ -n "$GOROOT" ] && export PATH="$GOROOT/bin:$PATH" || true && GH_AW_NODE_EXEC="${GH_AW_NODE_BIN:-}"; if [ -z "$GH_AW_NODE_EXEC" ] || [ ! -x "$GH_AW_NODE_EXEC" ]; then GH_AW_NODE_EXEC="$(command -v node 2>/dev/null || true)"; fi; if [ -z "$GH_AW_NODE_EXEC" ]; then echo "node runtime missing on this runner — check runtimes.node in workflow YAML" >&2; exit 127; fi; GH_AW_NPM_GLOBAL_ROOT="$(npm root -g 2>/dev/null || true)"; if [ -n "$GH_AW_NPM_GLOBAL_ROOT" ]; then export NODE_PATH="${GH_AW_NPM_GLOBAL_ROOT}${NODE_PATH:+:${NODE_PATH}}"; fi; "$GH_AW_NODE_EXEC" ${RUNNER_TEMP}/gh-aw/actions/copilot_harness.cjs /usr/local/bin/copilot --add-dir /tmp/gh-aw/ --log-level all --log-dir /tmp/gh-aw/sandbox/agent/logs/ --disable-builtin-mcps --no-ask-user --allow-tool github --allow-tool safeoutputs --allow-tool '\''shell(cat)'\'' --allow-tool '\''shell(date)'\'' --allow-tool '\''shell(echo)'\'' --allow-tool '\''shell(find)'\'' --allow-tool '\''shell(git add:*)'\'' --allow-tool '\''shell(git branch:*)'\'' --allow-tool '\''shell(git checkout:*)'\'' --allow-tool '\''shell(git commit:*)'\'' --allow-tool '\''shell(git diff --name-only)'\'' --allow-tool '\''shell(git diff)'\'' --allow-tool '\''shell(git log)'\'' --allow-tool '\''shell(git merge:*)'\'' --allow-tool '\''shell(git rm:*)'\'' --allow-tool '\''shell(git status)'\'' --allow-tool '\''shell(git switch:*)'\'' --allow-tool '\''shell(grep)'\'' --allow-tool '\''shell(head)'\'' --allow-tool '\''shell(ls)'\'' --allow-tool '\''shell(printf)'\'' --allow-tool '\''shell(pwd)'\'' --allow-tool '\''shell(safeoutputs:*)'\'' --allow-tool '\''shell(sort)'\'' --allow-tool '\''shell(tail)'\'' --allow-tool '\''shell(uniq)'\'' --allow-tool '\''shell(wc)'\'' --allow-tool '\''shell(yq)'\'' --allow-tool write --allow-all-paths --add-dir "${GITHUB_WORKSPACE}" --prompt-file /tmp/gh-aw/aw-prompts/prompt.txt' 2>&1 | tee -a /tmp/gh-aw/agent-stdio.log
+          # shellcheck disable=SC1003,SC2086
+          sudo -E awf --config "${RUNNER_TEMP}/gh-aw/awf-config.json" --container-workdir "${GITHUB_WORKSPACE}" --mount "${RUNNER_TEMP}/gh-aw:${RUNNER_TEMP}/gh-aw:ro" --mount "${RUNNER_TEMP}/gh-aw:/host${RUNNER_TEMP}/gh-aw:ro" ${GH_AW_TOOL_CACHE_MOUNT:+--mount "$GH_AW_TOOL_CACHE_MOUNT"} ${GH_AW_DOCKER_HOST:+--docker-host "$GH_AW_DOCKER_HOST"} ${GH_AW_DOCKER_HOST_PATH_PREFIX_ARGS} --env-all --exclude-env COPILOT_GITHUB_TOKEN --exclude-env GITHUB_MCP_SERVER_TOKEN --exclude-env MCP_GATEWAY_API_KEY --log-level info --proxy-logs-dir /tmp/gh-aw/sandbox/firewall/logs --audit-dir /tmp/gh-aw/sandbox/firewall/audit --enable-host-access --allow-host-ports 80,443,8080 --skip-pull \
+            -- /bin/bash -c 'set +o histexpand; export PATH="${RUNNER_TEMP}/gh-aw/mcp-cli/bin:$PATH" && : "${RUNNER_TOOL_CACHE:?RUNNER_TOOL_CACHE must be set}"; GH_AW_TOOL_CACHE="$RUNNER_TOOL_CACHE"; export PATH="$(find "$GH_AW_TOOL_CACHE" -maxdepth 5 -type d -name bin 2>/dev/null | tr '\''\n'\'' '\'':'\'')$PATH"; [ -n "$GOROOT" ] && export PATH="$GOROOT/bin:$PATH" || true && GH_AW_NODE_EXEC="${GH_AW_NODE_BIN:-}"; if [ -z "$GH_AW_NODE_EXEC" ] || [ ! -x "$GH_AW_NODE_EXEC" ]; then GH_AW_NODE_EXEC="$(command -v node 2>/dev/null || true)"; fi; if [ -z "$GH_AW_NODE_EXEC" ]; then echo "node runtime missing on this runner — check runtimes.node in workflow YAML" >&2; exit 127; fi; GH_AW_NPM_GLOBAL_ROOT="$(npm root -g 2>/dev/null || true)"; if [ -n "$GH_AW_NPM_GLOBAL_ROOT" ]; then export NODE_PATH="${GH_AW_NPM_GLOBAL_ROOT}${NODE_PATH:+:${NODE_PATH}}"; fi; "$GH_AW_NODE_EXEC" ${RUNNER_TEMP}/gh-aw/actions/copilot_harness.cjs /usr/local/bin/copilot --add-dir /tmp/gh-aw/ --log-level all --log-dir /tmp/gh-aw/sandbox/agent/logs/ --disable-builtin-mcps --no-ask-user --allow-tool github --allow-tool safeoutputs --allow-tool '\''shell(cat)'\'' --allow-tool '\''shell(date)'\'' --allow-tool '\''shell(echo)'\'' --allow-tool '\''shell(find)'\'' --allow-tool '\''shell(git add:*)'\'' --allow-tool '\''shell(git branch:*)'\'' --allow-tool '\''shell(git checkout:*)'\'' --allow-tool '\''shell(git commit:*)'\'' --allow-tool '\''shell(git diff --name-only)'\'' --allow-tool '\''shell(git diff)'\'' --allow-tool '\''shell(git log)'\'' --allow-tool '\''shell(git merge:*)'\'' --allow-tool '\''shell(git rm:*)'\'' --allow-tool '\''shell(git status)'\'' --allow-tool '\''shell(git switch:*)'\'' --allow-tool '\''shell(grep)'\'' --allow-tool '\''shell(head)'\'' --allow-tool '\''shell(ls)'\'' --allow-tool '\''shell(printf)'\'' --allow-tool '\''shell(pwd)'\'' --allow-tool '\''shell(safeoutputs:*)'\'' --allow-tool '\''shell(sort)'\'' --allow-tool '\''shell(tail)'\'' --allow-tool '\''shell(uniq)'\'' --allow-tool '\''shell(wc)'\'' --allow-tool '\''shell(yq)'\'' --allow-tool write --allow-all-paths --add-dir "${GITHUB_WORKSPACE}" --prompt-file /tmp/gh-aw/aw-prompts/prompt.txt' 2>&1 | tee -a /tmp/gh-aw/agent-stdio.log
         env:
           AWF_REFLECT_ENABLED: 1
           COPILOT_AGENT_RUNNER_TYPE: STANDALONE
           COPILOT_DUMMY_BYOK: dummy-byok-key-for-offline-mode
           COPILOT_GITHUB_TOKEN: ${{ secrets.COPILOT_GITHUB_TOKEN }}
           COPILOT_MODEL: ${{ vars.GH_AW_MODEL_AGENT_COPILOT || vars.GH_AW_DEFAULT_MODEL_COPILOT || 'claude-sonnet-4.6' }}
+          GH_AW_MAX_AI_CREDITS: ${{ vars.GH_AW_DEFAULT_MAX_AI_CREDITS || '1000' }}
           GH_AW_MAX_TURNS: ${{ vars.GH_AW_DEFAULT_MAX_TURNS || '' }}
           GH_AW_PHASE: agent
           GH_AW_PROMPT: /tmp/gh-aw/aw-prompts/prompt.txt
           GH_AW_SAFE_OUTPUTS: ${{ steps.set-runtime-paths.outputs.GH_AW_SAFE_OUTPUTS }}
           GH_AW_TIMEOUT_MINUTES: 30
-          GH_AW_VERSION: v0.79.8
+          GH_AW_VERSION: v0.80.9
           GITHUB_API_URL: ${{ github.api_url }}
           GITHUB_AW: true
           GITHUB_COPILOT_INTEGRATION_ID: agentic-workflows
@@ -853,6 +868,7 @@ jobs:
           GIT_COMMITTER_EMAIL: github-actions[bot]@users.noreply.github.com
           GIT_COMMITTER_NAME: github-actions[bot]
           RUNNER_TEMP: ${{ runner.temp }}
+          TRACEPARENT: ${{ env.GITHUB_AW_OTEL_TRACE_ID != '' && env.GITHUB_AW_OTEL_PARENT_SPAN_ID != '' && format('00-{0}-{1}-01', env.GITHUB_AW_OTEL_TRACE_ID, env.GITHUB_AW_OTEL_PARENT_SPAN_ID) || '' }}
       - name: Detect agent errors
         if: always()
         id: detect-agent-errors
@@ -860,17 +876,10 @@ jobs:
         run: node "${RUNNER_TEMP}/gh-aw/actions/detect_agent_errors.cjs"
       - name: Configure Git credentials
         env:
-          REPO_NAME: ${{ github.repository }}
-          SERVER_URL: ${{ github.server_url }}
+          GITHUB_REPOSITORY: ${{ github.repository }}
+          GITHUB_SERVER_URL: ${{ github.server_url }}
           GITHUB_TOKEN: ${{ github.token }}
-        run: |
-          git config --global user.email "github-actions[bot]@users.noreply.github.com"
-          git config --global user.name "github-actions[bot]"
-          git config --global am.keepcr true
-          # Re-authenticate git with GitHub token
-          SERVER_URL_STRIPPED="${SERVER_URL#https://}"
-          git remote set-url origin "https://x-access-token:${GITHUB_TOKEN}@${SERVER_URL_STRIPPED}/${REPO_NAME}.git"
-          echo "Git configured with standard GitHub Actions identity"
+        run: bash "${RUNNER_TEMP}/gh-aw/actions/configure_git_credentials.sh"
       - name: Copy Copilot session state files to logs
         if: always()
         continue-on-error: true
@@ -1038,7 +1047,7 @@ jobs:
     steps:
       - name: Setup Scripts
         id: setup
-        uses: github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
           destination: ${{ runner.temp }}/gh-aw/actions
           job-name: ${{ github.job }}
@@ -1047,8 +1056,8 @@ jobs:
         env:
           GH_AW_SETUP_WORKFLOW_NAME: "Sync Japanese Documentation (xplat)"
           GH_AW_CURRENT_WORKFLOW_REF: ${{ github.repository }}/.github/workflows/sync-jp-docs-xplat.lock.yml@${{ github.ref }}
-          GH_AW_INFO_VERSION: "1.0.60"
-          GH_AW_INFO_AWF_VERSION: "v0.27.2"
+          GH_AW_INFO_VERSION: "1.0.63"
+          GH_AW_INFO_AWF_VERSION: "v0.27.7"
           GH_AW_INFO_ENGINE_ID: "copilot"
       - name: Download agent output artifact
         id: download-agent-output
@@ -1070,12 +1079,14 @@ jobs:
         run: |
           mkdir -p /tmp/gh-aw/usage/agent /tmp/gh-aw/usage/detection
           echo "Usage artifact source file status:"
-          for file in /tmp/gh-aw/aw-info.jsonl /tmp/gh-aw/agent_usage.jsonl /tmp/gh-aw/detection_usage.jsonl /tmp/gh-aw/sandbox/firewall-audit-logs/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/sandbox/firewall/logs/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/sandbox/firewall/audit/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/threat-detection/sandbox/firewall-audit-logs/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/threat-detection/sandbox/firewall/logs/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/threat-detection/sandbox/firewall/audit/api-proxy-logs/token-usage.jsonl; do
+          for file in /tmp/gh-aw/aw_info.json /tmp/gh-aw/aw-info.jsonl /tmp/gh-aw/agent_usage.jsonl /tmp/gh-aw/detection_usage.jsonl /tmp/gh-aw/github_rate_limits.jsonl /tmp/gh-aw/sandbox/firewall-audit-logs/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/sandbox/firewall/logs/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/sandbox/firewall/audit/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/threat-detection/sandbox/firewall-audit-logs/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/threat-detection/sandbox/firewall/logs/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/threat-detection/sandbox/firewall/audit/api-proxy-logs/token-usage.jsonl; do
             [ -f "$file" ] && echo "FOUND: $file" || echo "MISSING: $file"
           done
+          [ -f /tmp/gh-aw/aw_info.json ] && cp /tmp/gh-aw/aw_info.json /tmp/gh-aw/usage/aw_info.json || true
           [ -f /tmp/gh-aw/aw-info.jsonl ] && cp /tmp/gh-aw/aw-info.jsonl /tmp/gh-aw/usage/aw-info.jsonl || true
           [ -f /tmp/gh-aw/agent_usage.jsonl ] && cp /tmp/gh-aw/agent_usage.jsonl /tmp/gh-aw/usage/agent_usage.jsonl || true
           [ -f /tmp/gh-aw/detection_usage.jsonl ] && cp /tmp/gh-aw/detection_usage.jsonl /tmp/gh-aw/usage/detection_usage.jsonl || true
+          [ -f /tmp/gh-aw/github_rate_limits.jsonl ] && cp /tmp/gh-aw/github_rate_limits.jsonl /tmp/gh-aw/usage/github_rate_limits.jsonl || true
           [ -f /tmp/gh-aw/sandbox/firewall-audit-logs/api-proxy-logs/token-usage.jsonl ] && cp /tmp/gh-aw/sandbox/firewall-audit-logs/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/usage/agent/token_usage.jsonl || true
           [ -f /tmp/gh-aw/sandbox/firewall/logs/api-proxy-logs/token-usage.jsonl ] && cp /tmp/gh-aw/sandbox/firewall/logs/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/usage/agent/token_usage.jsonl || true
           [ -f /tmp/gh-aw/sandbox/firewall/audit/api-proxy-logs/token-usage.jsonl ] && cp /tmp/gh-aw/sandbox/firewall/audit/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/usage/agent/token_usage.jsonl || true
@@ -1084,6 +1095,8 @@ jobs:
           [ -f /tmp/gh-aw/threat-detection/sandbox/firewall/audit/api-proxy-logs/token-usage.jsonl ] && cp /tmp/gh-aw/threat-detection/sandbox/firewall/audit/api-proxy-logs/token-usage.jsonl /tmp/gh-aw/usage/detection/token_usage.jsonl || true
           [ -f /tmp/gh-aw/usage/agent/token_usage.jsonl ] || : > /tmp/gh-aw/usage/agent/token_usage.jsonl
           [ -f /tmp/gh-aw/usage/detection/token_usage.jsonl ] || : > /tmp/gh-aw/usage/detection/token_usage.jsonl
+          mkdir -p /tmp/gh-aw/usage/activity
+          node ${{ runner.temp }}/gh-aw/actions/generate_usage_activity_summary.cjs
           find /tmp/gh-aw/usage -type f -print | sort
       - name: Upload usage artifact
         if: always()
@@ -1092,12 +1105,54 @@ jobs:
         with:
           name: usage
           path: |
+            /tmp/gh-aw/usage/aw_info.json
             /tmp/gh-aw/usage/aw-info.jsonl
             /tmp/gh-aw/usage/agent_usage.jsonl
             /tmp/gh-aw/usage/detection_usage.jsonl
+            /tmp/gh-aw/usage/github_rate_limits.jsonl
             /tmp/gh-aw/usage/agent/token_usage.jsonl
             /tmp/gh-aw/usage/detection/token_usage.jsonl
+            /tmp/gh-aw/usage/activity/summary.json
           if-no-files-found: ignore
+      - name: Restore daily AIC usage cache
+        id: restore-daily-aic-cache-conclusion
+        if: always()
+        continue-on-error: true
+        uses: actions/cache/restore@27d5ce7f107fe9357f9df03efb73ab90386fccae # v5.0.5
+        with:
+          key: agentic-workflow-usage-syncjpdocsxplat-${{ github.run_id }}
+          restore-keys: agentic-workflow-usage-syncjpdocsxplat-
+          path: /tmp/gh-aw/agentic-workflow-usage-cache.jsonl
+      - name: Write daily AIC usage cache entry
+        id: write-daily-aic-cache
+        if: always()
+        continue-on-error: true
+        uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
+        with:
+          github-token: ${{ github.token }}
+          script: |
+            const { setupGlobals } = require('${{ runner.temp }}/gh-aw/actions/setup_globals.cjs');
+            setupGlobals(core, github, context);
+            const { main } = require('${{ runner.temp }}/gh-aw/actions/write_daily_aic_usage_cache.cjs');
+            await main();
+      - name: Save daily AIC usage cache
+        id: save-daily-aic-cache
+        if: always()
+        continue-on-error: true
+        uses: actions/cache/save@27d5ce7f107fe9357f9df03efb73ab90386fccae # v5.0.5
+        with:
+          key: agentic-workflow-usage-syncjpdocsxplat-${{ github.run_id }}
+          path: /tmp/gh-aw/agentic-workflow-usage-cache.jsonl
+      - name: Upload daily AIC usage cache artifact
+        id: upload-daily-aic-cache
+        if: always()
+        continue-on-error: true
+        uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
+        with:
+          name: aic-usage-cache
+          path: /tmp/gh-aw/agentic-workflow-usage-cache.jsonl
+          if-no-files-found: ignore
+          retention-days: 7
       - name: Process no-op messages
         id: noop
         uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
@@ -1230,7 +1285,7 @@ jobs:
     steps:
       - name: Setup Scripts
         id: setup
-        uses: github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
           destination: ${{ runner.temp }}/gh-aw/actions
           job-name: ${{ github.job }}
@@ -1239,8 +1294,8 @@ jobs:
         env:
           GH_AW_SETUP_WORKFLOW_NAME: "Sync Japanese Documentation (xplat)"
           GH_AW_CURRENT_WORKFLOW_REF: ${{ github.repository }}/.github/workflows/sync-jp-docs-xplat.lock.yml@${{ github.ref }}
-          GH_AW_INFO_VERSION: "1.0.60"
-          GH_AW_INFO_AWF_VERSION: "v0.27.2"
+          GH_AW_INFO_VERSION: "1.0.63"
+          GH_AW_INFO_AWF_VERSION: "v0.27.7"
           GH_AW_INFO_ENGINE_ID: "copilot"
       - name: Download agent output artifact
         id: download-agent-output
@@ -1258,7 +1313,7 @@ jobs:
           echo "GH_AW_AGENT_OUTPUT=/tmp/gh-aw/agent_output.json" >> "$GITHUB_OUTPUT"
       - name: Checkout repository for patch context
         if: needs.agent.outputs.has_patch == 'true'
-        uses: actions/checkout@df4cb1c069e1874edd31b4311f1884172cec0e10 # v6.0.3
+        uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
         with:
           persist-credentials: false
       # --- Threat Detection ---
@@ -1267,7 +1322,7 @@ jobs:
           rm -rf /tmp/gh-aw/sandbox/firewall/logs
           rm -rf /tmp/gh-aw/sandbox/firewall/audit
       - name: Download container images
-        run: bash "${RUNNER_TEMP}/gh-aw/actions/download_docker_images.sh" ghcr.io/github/gh-aw-firewall/agent:0.27.2@sha256:f88e5b17b6b7a600117bc121114d6ce2155c88c983c0c939c5df884f730fa1d6 ghcr.io/github/gh-aw-firewall/api-proxy:0.27.2@sha256:ee39841d980878ebbb87592903b06d31a1af500c71525c9616f7e8e2a27041a4 ghcr.io/github/gh-aw-firewall/squid:0.27.2@sha256:2e3a717e5f19a654cd9a2263beb52012b56bcb68562ec5ae2e42f9d156b49591
+        run: bash "${RUNNER_TEMP}/gh-aw/actions/download_docker_images.sh" ghcr.io/github/gh-aw-firewall/agent:0.27.7@sha256:aae231e4635c8999d039c132f1602d3df850fe9b84a00aa2b5ac981179b5661c ghcr.io/github/gh-aw-firewall/api-proxy:0.27.7@sha256:009caf2e3d88fa77b64e9a03a95a228fc58db0f1701c6d324b29ba5a3c7c79b6 ghcr.io/github/gh-aw-firewall/squid:0.27.7@sha256:deb1d4e19de62d51cee0508057a596a19315c3423ada4d675cad136dc8037c96
       - name: Check if detection needed
         id: detection_guard
         if: always()
@@ -1330,11 +1385,11 @@ jobs:
           node-version: '24'
           package-manager-cache: false
       - name: Install GitHub Copilot CLI
-        run: bash "${RUNNER_TEMP}/gh-aw/actions/install_copilot_cli.sh" 1.0.60
+        run: bash "${RUNNER_TEMP}/gh-aw/actions/install_copilot_cli.sh" 1.0.63
         env:
           GH_HOST: github.com
       - name: Install AWF binary
-        run: bash "${RUNNER_TEMP}/gh-aw/actions/install_awf_binary.sh" v0.27.2
+        run: bash "${RUNNER_TEMP}/gh-aw/actions/install_awf_binary.sh" v0.27.7
       - name: Execute GitHub Copilot CLI
         if: always() && steps.detection_guard.outputs.run_detection == 'true'
         continue-on-error: true
@@ -1353,37 +1408,43 @@ jobs:
           export GH_AW_NODE_BIN
           export COPILOT_API_KEY="$COPILOT_DUMMY_BYOK"
           (umask 177 && touch /tmp/gh-aw/threat-detection/detection.log)
-          GH_AW_MAX_AI_CREDITS="${{ vars.GH_AW_DEFAULT_DETECTION_MAX_AI_CREDITS || '400' }}"
-          printf '%s\n' "{\"\$schema\":\"https://github.com/github/gh-aw-firewall/releases/download/v0.27.2/awf-config.schema.json\",\"network\":{\"allowDomains\":[\"api.business.githubcopilot.com\",\"api.enterprise.githubcopilot.com\",\"api.github.com\",\"api.githubcopilot.com\",\"api.individual.githubcopilot.com\",\"github.com\",\"host.docker.internal\",\"registry.npmjs.org\",\"telemetry.enterprise.githubcopilot.com\"]},\"apiProxy\":{\"enabled\":true,\"enableTokenSteering\":true,\"maxRuns\":500,\"maxAiCredits\":${GH_AW_MAX_AI_CREDITS}},\"container\":{\"imageTag\":\"0.27.2,squid=sha256:2e3a717e5f19a654cd9a2263beb52012b56bcb68562ec5ae2e42f9d156b49591,agent=sha256:f88e5b17b6b7a600117bc121114d6ce2155c88c983c0c939c5df884f730fa1d6,api-proxy=sha256:ee39841d980878ebbb87592903b06d31a1af500c71525c9616f7e8e2a27041a4,cli-proxy=sha256:02f3ec08f32dc26c5427920c6a2e2f3036238fce44802f2f11ef49ed8621b5d0\"}}" > "${RUNNER_TEMP}/gh-aw/awf-config.json"
+          GH_AW_MAX_AI_CREDITS="${GH_AW_MAX_AI_CREDITS:-400}"
+          printf '%s\n' "{\"\$schema\":\"https://github.com/github/gh-aw-firewall/releases/download/v0.27.7/awf-config.schema.json\",\"network\":{\"allowDomains\":[\"api.business.githubcopilot.com\",\"api.enterprise.githubcopilot.com\",\"api.github.com\",\"api.githubcopilot.com\",\"api.individual.githubcopilot.com\",\"github.com\",\"host.docker.internal\",\"registry.npmjs.org\",\"telemetry.enterprise.githubcopilot.com\"]},\"apiProxy\":{\"enabled\":true,\"enableTokenSteering\":true,\"maxRuns\":500,\"maxAiCredits\":${GH_AW_MAX_AI_CREDITS},\"maxCacheMisses\":5},\"container\":{\"imageTag\":\"0.27.7,squid=sha256:deb1d4e19de62d51cee0508057a596a19315c3423ada4d675cad136dc8037c96,agent=sha256:aae231e4635c8999d039c132f1602d3df850fe9b84a00aa2b5ac981179b5661c,api-proxy=sha256:009caf2e3d88fa77b64e9a03a95a228fc58db0f1701c6d324b29ba5a3c7c79b6,cli-proxy=sha256:4757f198a3fa20f88bdbe70be7ae1a05f127d9c0a9e96a5d6460ef40c08fc83d\"}}" > "${RUNNER_TEMP}/gh-aw/awf-config.json"
           cp "${RUNNER_TEMP}/gh-aw/awf-config.json" /tmp/gh-aw/awf-config.json
           export GH_AW_MODELS_JSON_PATH="/tmp/gh-aw/models.json"
+          GH_AW_DOCKER_HOST=""
+          if [[ "${DOCKER_HOST:-}" =~ ^tcp:// ]]; then
+            GH_AW_DOCKER_HOST="${DOCKER_HOST}"
+          fi
           GH_AW_DOCKER_HOST_PATH_PREFIX_ARGS=""
           if [[ "${DOCKER_HOST:-}" =~ ^tcp:// ]]; then
             GH_AW_DOCKER_HOST_PATH_PREFIX_ARGS="--docker-host-path-prefix /tmp/gh-aw"
+            _GH_AW_CHROOT_JSON=$(jq -c --arg src /tmp/gh-aw --arg user "$(id -un)" --argjson uid "$(id -u)" --argjson gid "$(id -g)" --arg home /tmp/gh-aw/home '.chroot={"binariesSourcePath":$src,"identity":{"user":$user,"uid":$uid,"gid":$gid,"home":$home}}' "${RUNNER_TEMP}/gh-aw/awf-config.json") || { echo "chroot config patch failed" >&2; exit 1; }
+            printf '%s\n' "$_GH_AW_CHROOT_JSON" > "${RUNNER_TEMP}/gh-aw/awf-config.json"
+            printf '%s\n' "$_GH_AW_CHROOT_JSON" > "/tmp/gh-aw/awf-config.json"
           fi
           GH_AW_TOOL_CACHE_MOUNT=""
-          GH_AW_TOOL_CACHE="${RUNNER_TOOL_CACHE:-/opt/hostedtoolcache}"
+          GH_AW_TOOL_CACHE="${RUNNER_TOOL_CACHE:?RUNNER_TOOL_CACHE must be set}"
           if [ -d "$GH_AW_TOOL_CACHE" ]; then
             if [[ "$GH_AW_TOOL_CACHE" != /opt/* ]]; then
               GH_AW_TOOL_CACHE_MOUNT="$GH_AW_TOOL_CACHE:$GH_AW_TOOL_CACHE:ro"
             fi
-          elif [ -d "/home/runner/work/_tool" ]; then
-            GH_AW_TOOL_CACHE_MOUNT="/home/runner/work/_tool:/home/runner/work/_tool:ro"
           fi
-          # shellcheck disable=SC1003
-          sudo -E awf --config "${RUNNER_TEMP}/gh-aw/awf-config.json" --container-workdir "${GITHUB_WORKSPACE}" --mount "${RUNNER_TEMP}/gh-aw:${RUNNER_TEMP}/gh-aw:ro" --mount "${RUNNER_TEMP}/gh-aw:/host${RUNNER_TEMP}/gh-aw:ro" ${GH_AW_TOOL_CACHE_MOUNT:+--mount "$GH_AW_TOOL_CACHE_MOUNT"} ${GH_AW_DOCKER_HOST_PATH_PREFIX_ARGS} --env-all --exclude-env COPILOT_GITHUB_TOKEN --log-level info --proxy-logs-dir /tmp/gh-aw/sandbox/firewall/logs --audit-dir /tmp/gh-aw/sandbox/firewall/audit --enable-host-access --allow-host-ports 80,443,8080 --skip-pull \
-            -- /bin/bash -c 'set +o histexpand; GH_AW_TOOL_CACHE="${RUNNER_TOOL_CACHE:-/opt/hostedtoolcache}"; export PATH="$(find "$GH_AW_TOOL_CACHE" /opt/hostedtoolcache /home/runner/work/_tool -maxdepth 5 -type d -name bin 2>/dev/null | tr '\''\n'\'' '\'':'\'')$PATH"; [ -n "$GOROOT" ] && export PATH="$GOROOT/bin:$PATH" || true && GH_AW_NODE_EXEC="${GH_AW_NODE_BIN:-}"; if [ -z "$GH_AW_NODE_EXEC" ] || [ ! -x "$GH_AW_NODE_EXEC" ]; then GH_AW_NODE_EXEC="$(command -v node 2>/dev/null || true)"; fi; if [ -z "$GH_AW_NODE_EXEC" ]; then echo "node runtime missing on this runner — check runtimes.node in workflow YAML" >&2; exit 127; fi; GH_AW_NPM_GLOBAL_ROOT="$(npm root -g 2>/dev/null || true)"; if [ -n "$GH_AW_NPM_GLOBAL_ROOT" ]; then export NODE_PATH="${GH_AW_NPM_GLOBAL_ROOT}${NODE_PATH:+:${NODE_PATH}}"; fi; "$GH_AW_NODE_EXEC" ${RUNNER_TEMP}/gh-aw/actions/copilot_harness.cjs /usr/local/bin/copilot --add-dir /tmp/gh-aw/ --log-level all --log-dir /tmp/gh-aw/sandbox/agent/logs/ --disable-builtin-mcps --no-ask-user --allow-all-tools --add-dir "${GITHUB_WORKSPACE}" --prompt-file /tmp/gh-aw/aw-prompts/prompt.txt' 2>&1 | tee -a /tmp/gh-aw/threat-detection/detection.log
+          # shellcheck disable=SC1003,SC2086
+          sudo -E awf --config "${RUNNER_TEMP}/gh-aw/awf-config.json" --container-workdir "${GITHUB_WORKSPACE}" --mount "${RUNNER_TEMP}/gh-aw:${RUNNER_TEMP}/gh-aw:ro" --mount "${RUNNER_TEMP}/gh-aw:/host${RUNNER_TEMP}/gh-aw:ro" ${GH_AW_TOOL_CACHE_MOUNT:+--mount "$GH_AW_TOOL_CACHE_MOUNT"} ${GH_AW_DOCKER_HOST:+--docker-host "$GH_AW_DOCKER_HOST"} ${GH_AW_DOCKER_HOST_PATH_PREFIX_ARGS} --env-all --exclude-env COPILOT_GITHUB_TOKEN --log-level info --proxy-logs-dir /tmp/gh-aw/sandbox/firewall/logs --audit-dir /tmp/gh-aw/sandbox/firewall/audit --enable-host-access --allow-host-ports 80,443,8080 --skip-pull \
+            -- /bin/bash -c 'set +o histexpand; : "${RUNNER_TOOL_CACHE:?RUNNER_TOOL_CACHE must be set}"; GH_AW_TOOL_CACHE="$RUNNER_TOOL_CACHE"; export PATH="$(find "$GH_AW_TOOL_CACHE" -maxdepth 5 -type d -name bin 2>/dev/null | tr '\''\n'\'' '\'':'\'')$PATH"; [ -n "$GOROOT" ] && export PATH="$GOROOT/bin:$PATH" || true && GH_AW_NODE_EXEC="${GH_AW_NODE_BIN:-}"; if [ -z "$GH_AW_NODE_EXEC" ] || [ ! -x "$GH_AW_NODE_EXEC" ]; then GH_AW_NODE_EXEC="$(command -v node 2>/dev/null || true)"; fi; if [ -z "$GH_AW_NODE_EXEC" ]; then echo "node runtime missing on this runner — check runtimes.node in workflow YAML" >&2; exit 127; fi; GH_AW_NPM_GLOBAL_ROOT="$(npm root -g 2>/dev/null || true)"; if [ -n "$GH_AW_NPM_GLOBAL_ROOT" ]; then export NODE_PATH="${GH_AW_NPM_GLOBAL_ROOT}${NODE_PATH:+:${NODE_PATH}}"; fi; "$GH_AW_NODE_EXEC" ${RUNNER_TEMP}/gh-aw/actions/copilot_harness.cjs /usr/local/bin/copilot --add-dir /tmp/gh-aw/ --log-level all --log-dir /tmp/gh-aw/sandbox/agent/logs/ --disable-builtin-mcps --no-ask-user --allow-all-tools --add-dir "${GITHUB_WORKSPACE}" --prompt-file /tmp/gh-aw/aw-prompts/prompt.txt' 2>&1 | tee -a /tmp/gh-aw/threat-detection/detection.log
         env:
           AWF_REFLECT_ENABLED: 1
           COPILOT_AGENT_RUNNER_TYPE: STANDALONE
           COPILOT_DUMMY_BYOK: dummy-byok-key-for-offline-mode
           COPILOT_GITHUB_TOKEN: ${{ secrets.COPILOT_GITHUB_TOKEN }}
           COPILOT_MODEL: ${{ vars.GH_AW_MODEL_DETECTION_COPILOT || vars.GH_AW_DEFAULT_MODEL_COPILOT || 'claude-sonnet-4.6' }}
+          GH_AW_MAX_AI_CREDITS: ${{ vars.GH_AW_DEFAULT_DETECTION_MAX_AI_CREDITS || '400' }}
           GH_AW_MAX_TURNS: ${{ vars.GH_AW_DEFAULT_MAX_TURNS || '' }}
           GH_AW_PHASE: detection
           GH_AW_PROMPT: /tmp/gh-aw/aw-prompts/prompt.txt
           GH_AW_TIMEOUT_MINUTES: 20
-          GH_AW_VERSION: v0.79.8
+          GH_AW_VERSION: v0.80.9
           GITHUB_API_URL: ${{ github.api_url }}
           GITHUB_AW: true
           GITHUB_COPILOT_INTEGRATION_ID: agentic-workflows
@@ -1397,6 +1458,7 @@ jobs:
           GIT_COMMITTER_EMAIL: github-actions[bot]@users.noreply.github.com
           GIT_COMMITTER_NAME: github-actions[bot]
           RUNNER_TEMP: ${{ runner.temp }}
+          TRACEPARENT: ${{ env.GITHUB_AW_OTEL_TRACE_ID != '' && env.GITHUB_AW_OTEL_PARENT_SPAN_ID != '' && format('00-{0}-{1}-01', env.GITHUB_AW_OTEL_TRACE_ID, env.GITHUB_AW_OTEL_PARENT_SPAN_ID) || '' }}
       - name: Parse threat detection token usage for step summary
         id: parse_detection_token_usage
         if: always()
@@ -1461,15 +1523,15 @@ jobs:
     steps:
       - name: Setup Scripts
         id: setup
-        uses: github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
           destination: ${{ runner.temp }}/gh-aw/actions
           job-name: ${{ github.job }}
         env:
           GH_AW_SETUP_WORKFLOW_NAME: "Sync Japanese Documentation (xplat)"
           GH_AW_CURRENT_WORKFLOW_REF: ${{ github.repository }}/.github/workflows/sync-jp-docs-xplat.lock.yml@${{ github.ref }}
-          GH_AW_INFO_VERSION: "1.0.60"
-          GH_AW_INFO_AWF_VERSION: "v0.27.2"
+          GH_AW_INFO_VERSION: "1.0.63"
+          GH_AW_INFO_AWF_VERSION: "v0.27.7"
           GH_AW_INFO_ENGINE_ID: "copilot"
       - name: Check team membership for workflow
         id: check_membership
@@ -1506,7 +1568,7 @@ jobs:
       GH_AW_EFFECTIVE_TOKENS: ${{ needs.agent.outputs.effective_tokens }}
       GH_AW_ENGINE_ID: "copilot"
       GH_AW_ENGINE_MODEL: ${{ needs.agent.outputs.model }}
-      GH_AW_ENGINE_VERSION: "1.0.60"
+      GH_AW_ENGINE_VERSION: "1.0.63"
       GH_AW_THREAT_DETECTION_AIC: ${{ needs.detection.outputs.aic }}
       GH_AW_WORKFLOW_ID: "sync-jp-docs-xplat"
       GH_AW_WORKFLOW_NAME: "Sync Japanese Documentation (xplat)"
@@ -1523,7 +1585,7 @@ jobs:
     steps:
       - name: Setup Scripts
         id: setup
-        uses: github/gh-aw-actions/setup@c0338fef4749d08c21f8f975fb0e37efa17dda47 # v0.79.8
+        uses: github/gh-aw-actions/setup@8c7d04ebf1ece56cd381446125da3e0f6896294a # v0.80.9
         with:
           destination: ${{ runner.temp }}/gh-aw/actions
           job-name: ${{ github.job }}
@@ -1532,8 +1594,8 @@ jobs:
         env:
           GH_AW_SETUP_WORKFLOW_NAME: "Sync Japanese Documentation (xplat)"
           GH_AW_CURRENT_WORKFLOW_REF: ${{ github.repository }}/.github/workflows/sync-jp-docs-xplat.lock.yml@${{ github.ref }}
-          GH_AW_INFO_VERSION: "1.0.60"
-          GH_AW_INFO_AWF_VERSION: "v0.27.2"
+          GH_AW_INFO_VERSION: "1.0.63"
+          GH_AW_INFO_AWF_VERSION: "v0.27.7"
           GH_AW_INFO_ENGINE_ID: "copilot"
       - name: Download agent output artifact
         id: download-agent-output
@@ -1555,51 +1617,23 @@ jobs:
         with:
           name: agent
           path: /tmp/gh-aw/
-      - name: Extract base branch from agent output
-        id: extract-base-branch
-        if: steps.download-agent-output.outcome == 'success'
-        uses: actions/github-script@3a2844b7e9c422d3c10d287c895573f7108da1b3 # v9.0.0
-        with:
-          script: |
-            const { setupGlobals } = require('${{ runner.temp }}/gh-aw/actions/setup_globals.cjs');
-            setupGlobals(core, github, context, exec, io, getOctokit);
-            const { main } = require('${{ runner.temp }}/gh-aw/actions/extract_base_branch_from_agent_output.cjs');
-            await main();
-      - name: Checkout repository (trusted default branch for comment events)
-        if: (!cancelled()) && needs.agent.result != 'skipped' && contains(needs.agent.outputs.output_types, 'create_pull_request') && (github.event_name == 'issue_comment' || github.event_name == 'pull_request_review_comment')
-        uses: actions/checkout@df4cb1c069e1874edd31b4311f1884172cec0e10 # v6.0.3
-        with:
-          ref: ${{ github.event.repository.default_branch }}
-          token: ${{ secrets.GH_AW_GITHUB_TOKEN || secrets.GITHUB_TOKEN }}
-          persist-credentials: false
-          fetch-depth: 1
       - name: Checkout repository
-        if: (!cancelled()) && needs.agent.result != 'skipped' && contains(needs.agent.outputs.output_types, 'create_pull_request') && github.event_name != 'issue_comment' && github.event_name != 'pull_request_review_comment'
-        uses: actions/checkout@df4cb1c069e1874edd31b4311f1884172cec0e10 # v6.0.3
+        if: (!cancelled()) && needs.agent.result != 'skipped' && contains(needs.agent.outputs.output_types, 'create_pull_request')
+        uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
         with:
-          ref: vnext
+          persist-credentials: true
           token: ${{ secrets.GH_AW_GITHUB_TOKEN || secrets.GITHUB_TOKEN }}
-          persist-credentials: false
-          fetch-depth: 1
       - name: Configure Git credentials
         if: (!cancelled()) && needs.agent.result != 'skipped' && contains(needs.agent.outputs.output_types, 'create_pull_request')
         env:
-          REPO_NAME: ${{ github.repository }}
-          SERVER_URL: ${{ github.server_url }}
+          GITHUB_REPOSITORY: ${{ github.repository }}
+          GITHUB_SERVER_URL: ${{ github.server_url }}
           GIT_TOKEN: ${{ secrets.GH_AW_GITHUB_TOKEN || secrets.GITHUB_TOKEN }}
-        run: |
-          git config --global user.email "github-actions[bot]@users.noreply.github.com"
-          git config --global user.name "github-actions[bot]"
-          git config --global am.keepcr true
-          # Re-authenticate git with GitHub token
-          SERVER_URL_STRIPPED="${SERVER_URL#https://}"
-          git remote set-url origin "https://x-access-token:${GIT_TOKEN}@${SERVER_URL_STRIPPED}/${REPO_NAME}.git"
-          echo "Git configured with standard GitHub Actions identity"
+        run: bash "${RUNNER_TEMP}/gh-aw/actions/configure_git_credentials.sh"
       - name: Configure GH_HOST for enterprise compatibility
         id: ghes-host-config
         shell: bash
-        # zizmor: ignore[github-env] - GITHUB_SERVER_URL is set by GitHub Actions, not user input.
-        run: |
+        run: | # zizmor: ignore[github-env] - GITHUB_SERVER_URL is set by GitHub Actions, not user input.
           # Derive GH_HOST from GITHUB_SERVER_URL so the gh CLI targets the correct
           # GitHub instance (GHES/GHEC). On github.com this is a harmless no-op.
           GH_HOST="${GITHUB_SERVER_URL#https://}"
@@ -1614,7 +1648,7 @@ jobs:
           GH_AW_ALLOWED_DOMAINS: "api.business.githubcopilot.com,api.enterprise.githubcopilot.com,api.github.com,api.githubcopilot.com,api.individual.githubcopilot.com,api.snapcraft.io,archive.ubuntu.com,azure.archive.ubuntu.com,crl.geotrust.com,crl.globalsign.com,crl.identrust.com,crl.sectigo.com,crl.thawte.com,crl.usertrust.com,crl.verisign.com,crl3.digicert.com,crl4.digicert.com,crls.ssl.com,github.com,host.docker.internal,json-schema.org,json.schemastore.org,keyserver.ubuntu.com,ocsp.digicert.com,ocsp.geotrust.com,ocsp.globalsign.com,ocsp.identrust.com,ocsp.sectigo.com,ocsp.ssl.com,ocsp.thawte.com,ocsp.usertrust.com,ocsp.verisign.com,packagecloud.io,packages.cloud.google.com,packages.microsoft.com,ppa.launchpad.net,raw.githubusercontent.com,registry.npmjs.org,s.symcb.com,s.symcd.com,security.ubuntu.com,telemetry.enterprise.githubcopilot.com,ts-crl.ws.symantec.com,ts-ocsp.ws.symantec.com,www.googleapis.com"
           GITHUB_SERVER_URL: ${{ github.server_url }}
           GITHUB_API_URL: ${{ github.api_url }}
-          GH_AW_SAFE_OUTPUTS_HANDLER_CONFIG: "{\"create_pull_request\":{\"base_branch\":\"vnext\",\"draft\":false,\"if_no_changes\":\"ignore\",\"labels\":[\"translation\",\"japanese\",\"automation\"],\"max\":1,\"max_patch_files\":100,\"max_patch_size\":1024,\"protect_top_level_dot_folders\":true,\"protected_files\":[\"package.json\",\"bun.lockb\",\"bunfig.toml\",\"deno.json\",\"deno.jsonc\",\"deno.lock\",\"global.json\",\"NuGet.Config\",\"Directory.Packages.props\",\"mix.exs\",\"mix.lock\",\"go.mod\",\"go.sum\",\"stack.yaml\",\"stack.yaml.lock\",\"pom.xml\",\"build.gradle\",\"build.gradle.kts\",\"settings.gradle\",\"settings.gradle.kts\",\"gradle.properties\",\"package-lock.json\",\"yarn.lock\",\"pnpm-lock.yaml\",\"npm-shrinkwrap.json\",\"requirements.txt\",\"Pipfile\",\"Pipfile.lock\",\"pyproject.toml\",\"setup.py\",\"setup.cfg\",\"Gemfile\",\"Gemfile.lock\",\"uv.lock\",\"CODEOWNERS\",\"DESIGN.md\",\"README.md\",\"CONTRIBUTING.md\",\"CHANGELOG.md\",\"SECURITY.md\",\"CODE_OF_CONDUCT.md\",\"AGENTS.md\",\"CLAUDE.md\",\"GEMINI.md\"],\"protected_files_policy\":\"request_review\",\"title_prefix\":\"[jp-sync] \"},\"create_report_incomplete_issue\":{},\"missing_data\":{},\"missing_tool\":{},\"noop\":{\"max\":1,\"report-as-issue\":\"true\"},\"report_incomplete\":{}}"
+          GH_AW_SAFE_OUTPUTS_HANDLER_CONFIG: "{\"create_pull_request\":{\"base_branch\":\"vnext\",\"draft\":false,\"if_no_changes\":\"ignore\",\"labels\":[\"translation\",\"japanese\",\"automation\"],\"max\":1,\"max_patch_files\":100,\"max_patch_size\":4096,\"protect_top_level_dot_folders\":true,\"protected_files\":[\"package.json\",\"bun.lockb\",\"bunfig.toml\",\"deno.json\",\"deno.jsonc\",\"deno.lock\",\"global.json\",\"NuGet.Config\",\"Directory.Packages.props\",\"mix.exs\",\"mix.lock\",\"go.mod\",\"go.sum\",\"stack.yaml\",\"stack.yaml.lock\",\"pom.xml\",\"build.gradle\",\"build.gradle.kts\",\"settings.gradle\",\"settings.gradle.kts\",\"gradle.properties\",\"package-lock.json\",\"yarn.lock\",\"pnpm-lock.yaml\",\"npm-shrinkwrap.json\",\"requirements.txt\",\"Pipfile\",\"Pipfile.lock\",\"pyproject.toml\",\"setup.py\",\"setup.cfg\",\"Gemfile\",\"Gemfile.lock\",\"uv.lock\",\"CODEOWNERS\",\"DESIGN.md\",\"README.md\",\"CONTRIBUTING.md\",\"CHANGELOG.md\",\"SECURITY.md\",\"CODE_OF_CONDUCT.md\",\"AGENTS.md\",\"CLAUDE.md\",\"GEMINI.md\"],\"protected_files_policy\":\"request_review\",\"title_prefix\":\"[jp-sync] \"},\"create_report_incomplete_issue\":{},\"missing_data\":{},\"missing_tool\":{},\"noop\":{\"max\":1,\"report-as-issue\":\"true\"},\"report_incomplete\":{}}"
           GH_AW_CI_TRIGGER_TOKEN: ${{ secrets.GH_AW_CI_TRIGGER_TOKEN }}
         with:
           github-token: ${{ secrets.GH_AW_GITHUB_TOKEN || secrets.GITHUB_TOKEN }}
diff --git a/.github/workflows/sync-jp-docs-xplat.md b/.github/workflows/sync-jp-docs-xplat.md
index aacacac039..562938d33d 100644
--- a/.github/workflows/sync-jp-docs-xplat.md
+++ b/.github/workflows/sync-jp-docs-xplat.md
@@ -126,8 +126,71 @@ Note the author name/email — you will include it verbatim in the pull
 request body (Step 6) so the PR can be manually assigned to the right
 person.
 
+### Step 1b — Build the list of TOC-covered files
+
+Extract every file path referenced in the English TOC, so that only
+documentation pages that are part of the published table of contents are
+translated.
+
+```bash
+node -e "
+const fs = require('fs');
+const path = require('path');
+const root = 'docs/xplat/src/content/en';
+const tocs = ['toc.json'];
+const out = new Set();
+function walk(node, dir) {
+  if (Array.isArray(node)) { node.forEach(n => walk(n, dir)); return; }
+  if (node && typeof node === 'object') {
+    if (typeof node.href === 'string' && !/^https?:/.test(node.href)) {
+      const base = path.posix.join(root, dir, node.href).replace(/\.(md|mdx)$/, '');
+      out.add(base + '.md');
+      out.add(base + '.mdx');
+    }
+    if (Array.isArray(node.items)) node.items.forEach(n => walk(n, dir));
+    if (Array.isArray(node.children)) node.children.forEach(n => walk(n, dir));
+  }
+}
+for (const t of tocs) {
+  const full = path.join(root, t);
+  if (!fs.existsSync(full)) continue;
+  out.add(path.posix.join(root, t));
+  walk(JSON.parse(fs.readFileSync(full, 'utf8')), path.posix.dirname(t));
+}
+// Add _shared/ source files. The xplat generate.mjs script expands these into
+// per-component pages written to generated/{Platform}/{lang}/ (outside src/).
+// That output is NOT committed to git. Translating the JP _shared/ template is
+// what keeps the JP generated output correct; no per-component pages need to be
+// translated separately.
+const sharedDir = path.join(root, 'components/grids/_shared');
+if (fs.existsSync(sharedDir)) {
+  fs.readdirSync(sharedDir)
+    .filter(f => f.endsWith('.mdx'))
+    .forEach(f => out.add(path.posix.join(root, 'components/grids/_shared', f)));
+}
+console.log([...out].join('\n'));
+"
+```
+
+This produces a list that includes:
+- All TOC-referenced files (both `.md` and `.mdx` variants to handle extension
+  differences between the TOC file and actual content files)
+- All `components/grids/_shared/` source templates
+
+`_shared/` files are source templates expanded by `generate.mjs` into per-component
+pages written to `generated/{Platform}/{lang}/` (outside the git-tracked source).
+Translating the JP `_shared/` template is what keeps JP generated output correct.
+
+If a changed file is **not** in this list, discard it — do not translate it.
+If all changed files are discarded, emit a `noop` output explaining that there
+are no translatable documentation changes to sync.
+
 ### Step 2 — For each changed English file, locate its Japanese counterpart
 
+From the list of changed files identified in Step 1, keep only those whose path
+appears in the TOC list produced in Step 1b. Discard any changed file that is
+**not** in the TOC list — it should not be translated.
+
 Replace the path segment `docs/xplat/src/content/en/` with
 `docs/xplat/src/content/jp/` to find the counterpart, e.g.:
 
diff --git a/docs/angular/package.json b/docs/angular/package.json
index 7ac0b17b2d..88a295336a 100644
--- a/docs/angular/package.json
+++ b/docs/angular/package.json
@@ -37,7 +37,7 @@
   "dependencies": {
     "astro": "^6.1.6",
     "docs-template": "file:../../",
-    "igniteui-astro-components": "0.0.24",
+    "igniteui-astro-components": "0.0.26",
     "sharp": "^0.34.2"
   },
   "devDependencies": {
diff --git a/docs/angular/src/content/jp/components/grid/grid.mdx b/docs/angular/src/content/jp/components/grid/grid.mdx
index 8e7194bf5e..71bbc7c564 100644
--- a/docs/angular/src/content/jp/components/grid/grid.mdx
+++ b/docs/angular/src/content/jp/components/grid/grid.mdx
@@ -818,16 +818,68 @@ platformBrowserDynamic()
 `igxGrid` は内部で `igxForOf` ディレクティブを使用するため、すべての `igxForOf` の制限が `igxGrid` で有効です。詳細については、[igxForOf 既知の問題](../for-of.html#既知の問題と制限) のセクションを参照してください。
 </DocsAside>
 
+## テーマ設定
 
-## API リファレンス
+`igxGrid` をスタイル設定するための最も簡単で推奨される方法は、<ApiLink kind="sass" module="themes" type="function-grid-theme" label="grid-theme" code={true} /> を使用して、`background`、`foreground`、`accent-color` の 3 つのメイン カラーを指定することです。
 
-- <ApiLink type="Grid" />
-- <ApiLink kind="sass" module="themes" type="function-grid-theme" label="IgxGridComponent スタイル" />
-- <ApiLink type="Column" />
-- <ApiLink type="GridRow" />
-- <ApiLink type="GridCell" />
+これらはテーマの中核となるプロパティです。設定すると、すべてのグリッド パーツと内部コンポーネントがそれらの値からカラーを取得し、グリッド全体で一貫した外観になります。ボタン、アイコン、入力、ドロップダウン、チェックボックス、スクロールバー、チップ、その他のヘルパーコンポーネントなどのネストされたコンポーネントも、統一された外観のためにメインの <ApiLink kind="sass" module="themes" type="function-grid-theme" label="grid-theme" code={true} /> からスタイル トークンを取得します。
+
+```scss
+$custom-grid: grid-theme(
+  $background: #292826,
+  $foreground: #eeece1,
+  $accent-color: #ffcd0f,
+);
 
-## テーマの依存関係
+igx-grid {
+  @include tokens($custom-grid);
+}
+```
+
+より詳細なカスタマイズが必要な場合は、<ApiLink kind="sass" module="themes" type="function-grid-theme" label="grid-theme" code={true} /> に追加のパラメーターがあります。
+
+### 追加のテーマ
+
+ネストされたコンポーネントをより細かく制御したい場合、グリッドには追加のテーマも用意されています。特定のネストされたコンポーネントをグリッド テーマの他の部分とは異なるスタイルにしたい場合に使用します。
+
+利用可能なスタンドアロン テーマ:
+
+- <ApiLink kind="sass" module="themes" type="function-excel-filtering-theme" label="excel-filtering-theme" code={true} /> Excel スタイル フィルタリング コンポーネント用
+- <ApiLink kind="sass" module="themes" type="function-grid-toolbar-theme" label="grid-toolbar-theme" code={true} /> グリッド ツールバー コンポーネント用
+- <ApiLink kind="sass" module="themes" type="function-paginator-theme" label="paginator-theme" code={true} /> ページネーター コンポーネント用
+- <ApiLink kind="sass" module="themes" type="function-column-actions-theme" label="column-actions-theme" code={true} /> 列操作 コンポーネント用
+- <ApiLink kind="sass" module="themes" type="function-query-builder-theme" label="query-builder-theme" code={true} /> 高度なフィルタリング ダイアログ用
+
+```scss
+$excel-filtering-theme: excel-filtering-theme(
+  $background: #3c6eda,
+  $foreground: #f5f5f5,
+  $accent-color: #8e11fb
+);
+
+$query-builder-theme: query-builder-theme(
+  $background: #f59906,
+  $foreground: #050505,
+  $accent-color: #443209
+);
+
+igx-grid-excel-style-filtering,
+.igx-excel-filter__secondary {
+  @include tokens($excel-filtering-theme);
+}
+
+igx-advanced-filtering-dialog {
+  @include tokens($query-builder-theme);
+}
+```
+
+3 つのメイン カラーを指定するだけで、コンポーネントのすべての部分に一貫したスタイルが適用されます。また、より詳細なカスタマイズが必要な場合は、これらのテーマで追加のパラメータも利用できます。
+
+### ネストされたコンポーネント テーマ
+
+グリッド内のボタン、アイコン、入力、チップなどの小さなネストされたコンポーネントのみをターゲットにする場合は、スタンドアロン テーマを直接適用できます。指定されたテーマが意図した要素にのみ影響するよう、セレクターのスコープを十分に絞り込んでください。
+
+コンポーネント テーマの一部:
 
 - <ApiLink kind="sass" module="themes" type="function-icon-theme" label="IgxIcon テーマ" />
 - <ApiLink kind="sass" module="themes" type="function-input-group-theme" label="IgxInputGroup テーマ" />
@@ -840,6 +892,14 @@ platformBrowserDynamic()
 - <ApiLink kind="sass" module="themes" type="function-snackbar-theme" label="IgxSnackBar テーマ" />
 - <ApiLink kind="sass" module="themes" type="function-badge-theme" label="IgxBadge テーマ" />
 
+## API リファレンス
+
+- <ApiLink type="Grid" />
+- <ApiLink kind="sass" module="themes" type="function-grid-theme" label="IgxGridComponent スタイル" />
+- <ApiLink type="Column" />
+- <ApiLink type="GridRow" />
+- <ApiLink type="GridCell" />
+
 ## ビデオ チュートリアル
 
 Angular データ グリッドの作成について詳しくは、このビデオ チュートリアルをご覧ください:
diff --git a/docs/angular/src/content/jp/components/hierarchicalgrid/hierarchical-grid.mdx b/docs/angular/src/content/jp/components/hierarchicalgrid/hierarchical-grid.mdx
index 375a2e7244..1e0af0a98e 100644
--- a/docs/angular/src/content/jp/components/hierarchicalgrid/hierarchical-grid.mdx
+++ b/docs/angular/src/content/jp/components/hierarchicalgrid/hierarchical-grid.mdx
@@ -338,11 +338,13 @@ igxHierarchicalGrid を使用すると、[`Ignite UI for Angular テーマ ラ
 
 ### カスタム テーマの定義
 
-次に、<ApiLink kind="sass" module="themes" type="function-grid-theme" label="grid-theme" code={true} /> を拡張し、必要に応じて階層グリッドをカスタマイズするために必要なパラメーターを受け取る新しいテーマを作成します。
+次に、カスタム テーマを作成する必要があります。`igx-hierarchical-grid` をスタイル設定するための最も簡単で推奨される方法は、<ApiLink kind="sass" module="themes" type="function-grid-theme" label="grid-theme" code={true} /> を使用して、`background`、`foreground`、`accent-color` の 3 つのメイン カラーを指定することです。
 
- <DocsAside type="info" title="情報">
- 特定の `sass` 階層グリッド機能はありません。
- </DocsAside>
+<DocsAside type="info" title="情報">
+階層グリッド専用の `sass` 関数はありません。
+</DocsAside>
+
+これらはテーマの中核となるプロパティです。設定すると、すべてのグリッド パーツと内部コンポーネントがそれらの値からカラーを取得し、グリッド全体で一貫した外観になります。ボタン、アイコン、入力、ドロップダウン、チェックボックス、スクロールバー、チップ、その他のヘルパーコンポーネントなどのネストされたコンポーネントも、統一された外観のためにメインの <ApiLink kind="sass" module="themes" type="function-grid-theme" label="grid-theme" code={true} /> からスタイル トークンを取得します。
 
 ```scss
 $custom-theme: grid-theme(
@@ -385,6 +387,8 @@ This way, due to Angular's [`ViewEncapsulation`](https://angular.io/api/core/Com
 
 ## デモ
 
+より詳細なカスタマイズが必要な場合は、<ApiLink kind="sass" module="themes" type="function-grid-theme" label="grid-theme" code={true} /> に追加のパラメーターがあります。
+
 <DocsAside type="info" title="情報">
 このサンプルは、`Change Theme` (テーマの変更) から選択したグローバル テーマに影響を受けません。
 </DocsAside>
diff --git a/docs/angular/src/content/jp/components/treegrid/tree-grid.mdx b/docs/angular/src/content/jp/components/treegrid/tree-grid.mdx
index dd62977349..0404411021 100644
--- a/docs/angular/src/content/jp/components/treegrid/tree-grid.mdx
+++ b/docs/angular/src/content/jp/components/treegrid/tree-grid.mdx
@@ -298,12 +298,14 @@ Tree Grid は、[`Ignite UI for Angular テーマ ライブラリ`](/themes/sass
 // @import '~igniteui-angular/lib/core/styles/themes/index';
 ```
 
-次に、<ApiLink kind="sass" module="themes" type="function-grid-theme" label="grid-theme" code={true} /> を拡張し、必要に応じてツリー グリッドをカスタマイズするために必要なパラメーターを受け取る新しいテーマを作成します。
+次に、カスタム テーマを作成する必要があります。`igx-tree-grid` をスタイル設定するための最も簡単で推奨される方法は、<ApiLink kind="sass" module="themes" type="function-grid-theme" label="grid-theme" code={true} /> を使用して、`background`、`foreground`、`accent-color` の 3 つのメイン カラーを指定することです。
 
 <DocsAside type="info" title="情報">
 `sass` 階層グリッド固有の機能はありません。
 </DocsAside>
 
+これらはテーマの中核となるプロパティです。設定すると、すべてのグリッド パーツと内部コンポーネントがそれらの値からカラーを取得し、グリッド全体で一貫した外観になります。ボタン、アイコン、入力、ドロップダウン、チェックボックス、スクロールバー、チップ、その他のヘルパーコンポーネントなどのネストされたコンポーネントも、統一された外観のためにメインの <ApiLink kind="sass" module="themes" type="function-grid-theme" label="grid-theme" code={true} /> からスタイル トークンを取得します。
+
 ```scss
 $custom-theme: grid-theme(
   $cell-active-border-color: #ffcd0f,
@@ -335,11 +337,12 @@ $custom-theme: grid-theme(
 
 <Sample src="/tree-grid/treegrid-style" height={600} alt="Angular ツリー グリッド スタイル設定のデモ" />
 
+より詳細なカスタマイズが必要な場合は、<ApiLink kind="sass" module="themes" type="function-grid-theme" label="grid-theme" code={true} /> に追加のパラメーターがあります。
+
 <DocsAside type="info" title="情報">
 このサンプルは、`Change Theme` (テーマの変更) から選択したグローバル テーマに影響を受けません。
 </DocsAside>
 
-
 ## パフォーマンス (試験中)
 
 `igxTreeGrid` のデザインでは、Angular で導入されたイベント結合機能を利用できます。この機能は、インタラクションとレスポンシブの点で **`20%`** のパフォーマンスを向上します。この機能は、`bootstrapModule` メソッドで `ngZoneEventCoalescing` と `ngZoneRunCoalescing` プロパティを `true` に設定するだけでアプリケーション レベルで有効にできます。
diff --git a/docs/xplat/PLATFORM-LABELS.md b/docs/xplat/PLATFORM-LABELS.md
new file mode 100644
index 0000000000..995f95187a
--- /dev/null
+++ b/docs/xplat/PLATFORM-LABELS.md
@@ -0,0 +1,170 @@
+# Platform-Specific Labels
+
+The xplat TOC (`src/content/{lang}/toc.json`) supports per platform badge overrides via the `platforms` field. The same documentation topic can show a different status label depending on which platform is currently being built — without duplicating the toc entry.
+
+## How it works
+
+`buildFilteredToc()` in `astro.config.ts` reads the source `toc.json` for the active platform, applies any matching `platforms` override, strips both `exclude` and `platforms` from the output, and writes the resolved result to `generated/{Platform}/{lang}/components/toc.json`.
+
+```
+src/content/en/toc.json  ← edit here
+        │
+        ▼  buildFilteredToc()  (astro.config.ts)
+        │   1. Filter out items excluded for this platform
+        │   2. Merge platforms[activePlatform] onto the item
+        │   3. Strip `exclude` and `platforms` from output
+        │
+generated/React/en/components/toc.json       new: true
+generated/WebComponents/en/components/toc.json  new: true
+generated/Blazor/en/components/toc.json      preview: true
+        │
+        ▼  buildSidebarFromToc()  (sidebar.ts)
+        badges rendered in the sidebar
+```
+
+## Supported badges
+
+| Field | Label shown |
+|---|---|
+| `"new": true` | **New** |
+| `"preview": true` | **Preview** |
+| `"updated": true` | **Updated** |
+| `"premium": true` | premium icon — combinable with any badge above |
+
+`new`, `preview`, and `updated` are mutually exclusive (first one wins). `premium` is additive.
+
+## Syntax
+
+```json
+{
+  "name": "My Topic",
+  "href": "path/to/topic.md",
+  "<default-badge>": true,
+  "platforms": {
+    "<PlatformName>": { "<field>": <value> }
+  }
+}
+```
+
+- The top-level badge is the **default** for any platform that has no override.
+- Entries inside `platforms` are **merged** on top for that platform only.
+- Platform names: `React`, `WebComponents`, `Blazor` (case-sensitive).
+- `platforms` is stripped from the generated output — it never reaches the sidebar.
+
+---
+
+## Examples
+
+### 1 — React = New, WebComponents = Updated, Blazor = Preview
+
+
+```json
+{
+  "exclude": ["Angular"],
+  "name": "Chat",
+  "href": "interactivity/chat.md",
+  "new": true,
+  "platforms": {
+    "WebComponents": { "new": false, "updated": true },
+    "Blazor":        { "new": false, "preview": true }
+  }
+}
+```
+
+| React | WebComponents | Blazor |
+|---|---|---|
+| **New** | **Updated** | **Preview** |
+
+---
+
+### 2 — React = New, WebComponents = Updated
+
+```json
+{
+  "exclude": ["Blazor", "Angular"],
+  "name": "Localization(i18n)",
+  "href": "localization.md",
+  "new": true,
+  "platforms": {
+    "WebComponents": { "new": false, "updated": true }
+  }
+}
+```
+
+| React | WebComponents |
+|---|---|
+| **New** | **Updated** |
+
+---
+
+### 3 — All three platforms with different labels
+
+React=Updated, WebComponents=New (base, no override), Blazor=Preview.
+
+```json
+{
+  "exclude": ["Angular"],
+  "name": "Open-Source vs Premium",
+  "href": "general-open-source-vs-premium.md",
+  "new": true,
+  "platforms": {
+    "React":  { "new": false, "updated": true },
+    "Blazor": { "new": false, "preview": true }
+  }
+}
+```
+
+| React | WebComponents | Blazor |
+|---|---|---|
+| **Updated** | **New** | **Preview** |
+
+---
+
+### 4 — Combined with `premium`
+
+`premium` is not overridden so it carries through to all platforms.
+
+```json
+{
+  "exclude": ["Angular"],
+  "name": "Cell Merging",
+  "href": "grids/grid/cell-merging.md",
+  "premium": true,
+  "new": true,
+  "platforms": {
+    "Blazor": { "new": false, "preview": true }
+  }
+}
+```
+
+| React | WebComponents | Blazor |
+|---|---|---|
+| **New** + premium | **New** + premium | **Preview** + premium |
+
+---
+
+### 5 — Remove label on one platform
+
+No badge shown for Blazor; New shown everywhere else.
+
+```json
+{
+  "name": "Some Feature",
+  "href": "path/to/feature.md",
+  "new": true,
+  "platforms": {
+    "Blazor": { "new": false }
+  }
+}
+```
+
+| React | WebComponents | Blazor |
+|---|---|---|
+| **New** | **New** | *(none)* |
+
+---
+
+
+## Generated files
+
+`docs/xplat/generated/{Platform}/{lang}/components/toc.json` are rebuilt on every Astro start/build. Do not edit them manually — they are overwritten.
diff --git a/docs/xplat/astro.config.ts b/docs/xplat/astro.config.ts
index 07f33420cc..838d60cc6a 100644
--- a/docs/xplat/astro.config.ts
+++ b/docs/xplat/astro.config.ts
@@ -3,6 +3,7 @@ import { readFileSync, existsSync, mkdirSync, writeFileSync } from 'node:fs';
 import { fileURLToPath } from 'node:url';
 import { createDocsSite, type DocsMode } from 'docs-template/integration';
 import { IGDOCS_PLATFORMS, type NavLang } from 'docs-template/platform';
+import { SIDEBAR_BADGE_VARIANTS } from 'docs-template/sidebar';
 import mdx from '@astrojs/mdx';
 
 // ---------------------------------------------------------------------------
@@ -282,7 +283,15 @@ function buildFilteredToc(): string {
         return nodes
             .filter(n => !Array.isArray(n.exclude) || !n.exclude.includes(platform))
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            .map(({ exclude, ...rest }) => {
+            .map(({ exclude, platforms, ...rest }) => {
+                // Apply platform-specific badge overrides, e.g.:
+                //   "platforms": { "Blazor": { "new": false, "preview": true } }
+                if (platforms && typeof platforms === 'object' && platforms[platform]) {
+                    const override = platforms[platform];
+                    for (const key of SIDEBAR_BADGE_VARIANTS) {
+                        if (key in override) rest[key] = override[key];
+                    }
+                }
                 if (typeof rest.name === 'string') {
                     for (const [token, value] of Object.entries(tokens)) {
                         rest.name = (rest.name as string).replaceAll(token, value);
@@ -371,6 +380,13 @@ export default createDocsSite({
                 '@xplat-images': path.resolve(__dirname, 'src/assets/images'),
             },
         },
-        server: { fs: { strict: false } },
+        server: {
+            fs: { strict: false },
+            ...(mode === 'development' && platform === 'Blazor' && demosBaseUrl ? {
+                proxy: {
+                    '/code-viewer': { target: demosBaseUrl, changeOrigin: true, secure: false },
+                },
+            } : {}),
+        },
     },
 });
diff --git a/docs/xplat/package.json b/docs/xplat/package.json
index 534ee9f2a6..2a33292eb4 100644
--- a/docs/xplat/package.json
+++ b/docs/xplat/package.json
@@ -67,7 +67,7 @@
   "dependencies": {
     "astro": "^6.1.6",
     "docs-template": "file:../../",
-    "igniteui-astro-components": "0.0.24",
+    "igniteui-astro-components": "0.0.26",
     "sharp": "^0.34.2"
   },
   "devDependencies": {
diff --git a/docs/xplat/src/content/en/components/bullet-graph.mdx b/docs/xplat/src/content/en/components/bullet-graph.mdx
index 6e4d004ad2..2d2d1b700d 100644
--- a/docs/xplat/src/content/en/components/bullet-graph.mdx
+++ b/docs/xplat/src/content/en/components/bullet-graph.mdx
@@ -51,7 +51,7 @@ The <ApiLink type="BulletGraph" /> requires the following modules:
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbBulletGraphModule));
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-performance.mdx b/docs/xplat/src/content/en/components/charts/features/chart-performance.mdx
index 6c9abe7c4f..5e836fba8e 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-performance.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-performance.mdx
@@ -57,7 +57,7 @@ Although {Platform} charts support rendering of multiple data sources by binding
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 this.CategoryChart.DataSource = FlattenDataSource.Create();
 this.FinancialChart.DataSource = FlattenDataSource.Create();
 
diff --git a/docs/xplat/src/content/en/components/customize-marker-display-in-blazor-charts.mdx b/docs/xplat/src/content/en/components/customize-marker-display-in-blazor-charts.mdx
index 461c9539d1..43ac74640f 100644
--- a/docs/xplat/src/content/en/components/customize-marker-display-in-blazor-charts.mdx
+++ b/docs/xplat/src/content/en/components/customize-marker-display-in-blazor-charts.mdx
@@ -45,7 +45,7 @@ The Volume property value of the Blazor Chart will be used as the size of the
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 public record SampleDataType (
     string Name,
     double XValue,
@@ -107,7 +107,7 @@ We must define a factory function that returns a JavaScript object with two me
 
 <PlatformBlock for="Blazor">
 
-```razor
+```javascript
 // in /wwwroot/customMarkerTemplateFunc.js
 function customMarkerTemplateFunc() {
     return {
@@ -128,7 +128,7 @@ As a result, when calling this method the width and height of the marker (both i
 
 <PlatformBlock for="Blazor">
 
-```razor
+```javascript
 // in /wwwroot/customMarkerTemplateFunc.js
 
 function customMarkerTemplateFunc() {
@@ -158,7 +158,7 @@ You will see that the method draws a marker on the 2D context object of the HTML
 
 <PlatformBlock for="Blazor">
 
-```razor
+```javascript
 // in /wwwroot/customMarkerTemplateFunc.js
 
 function customMarkerTemplateFunc() {
@@ -201,7 +201,7 @@ With Ignite UI, it is identified by the “script name” specified in this firs
 
 <PlatformBlock for="Blazor">
 
-```razor
+```javascript
 // in /wwwroot/customMarkerTemplateFunc.js
 
 function customMarkerTemplateFunc() {
@@ -220,7 +220,7 @@ The above JavaScript program is loaded into the browser. However, in order to av
 
 <PlatformBlock for="Blazor">
 
-```razor
+```javascript
 // in /wwwroot/customMarkerTemplateFunc.js
 
 (function() {
diff --git a/docs/xplat/src/content/en/components/dashboard-tile.mdx b/docs/xplat/src/content/en/components/dashboard-tile.mdx
index 8dac3d0987..1ff9826f0e 100644
--- a/docs/xplat/src/content/en/components/dashboard-tile.mdx
+++ b/docs/xplat/src/content/en/components/dashboard-tile.mdx
@@ -120,7 +120,7 @@ Add the **IgniteUI.Blazor.Controls** namespace in the **_Imports.razor** file:
 
 The following modules are suggested when using the Dashboard Tile component:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(
diff --git a/docs/xplat/src/content/en/components/geo-map-binding-multiple-shapes.mdx b/docs/xplat/src/content/en/components/geo-map-binding-multiple-shapes.mdx
index d474c2a37d..d4686c712a 100644
--- a/docs/xplat/src/content/en/components/geo-map-binding-multiple-shapes.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-binding-multiple-shapes.mdx
@@ -88,7 +88,7 @@ import { IgxShapeDataSource } from 'igniteui-angular-core';
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(
diff --git a/docs/xplat/src/content/en/components/geo-map-resources-esri.mdx b/docs/xplat/src/content/en/components/geo-map-resources-esri.mdx
index 222a4de677..397a0591a5 100644
--- a/docs/xplat/src/content/en/components/geo-map-resources-esri.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-resources-esri.mdx
@@ -85,7 +85,7 @@ export enum EsriStyle {
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 public class EsriStyle
 {
     // these Esri maps show geographic tiles for the whole of world
diff --git a/docs/xplat/src/content/en/components/geo-map-resources-world-connections.mdx b/docs/xplat/src/content/en/components/geo-map-resources-world-connections.mdx
index ee90c25377..5be794f96f 100644
--- a/docs/xplat/src/content/en/components/geo-map-resources-world-connections.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-resources-world-connections.mdx
@@ -145,7 +145,7 @@ export default class WorldConnections {
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
     public class WorldConnections
     {
 
diff --git a/docs/xplat/src/content/en/components/geo-map.mdx b/docs/xplat/src/content/en/components/geo-map.mdx
index f9289ce067..ff952f510b 100644
--- a/docs/xplat/src/content/en/components/geo-map.mdx
+++ b/docs/xplat/src/content/en/components/geo-map.mdx
@@ -59,7 +59,7 @@ The <ApiLink type="GeographicMap" /> requires the following modules, however the
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(
diff --git a/docs/xplat/src/content/en/components/grids/_shared/cascading-combos.mdx b/docs/xplat/src/content/en/components/grids/_shared/cascading-combos.mdx
index 24f9e4a086..d8f7c3c1a7 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/cascading-combos.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/cascading-combos.mdx
@@ -47,7 +47,7 @@ defineAllComponents();
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 builder.Services.AddIgniteUIBlazor(
     typeof(IgbGridModule),
     typeof(IgbComboModule)
@@ -131,7 +131,8 @@ public webGridCountryDropDownTemplate: IgcRenderFunction<IgcCellTemplateContext>
 In order to handle the selection change, we need the change event. The emitted event arguments contain information about the selection prior to the change, the current selection and the items that were added or removed. Therefore, it will filter the values based on the selection of the previous combo.
 
 <PlatformBlock for="Blazor">
-```razor
+
+```javascript
 //In Javascript
 igRegisterScript("CountryChange", (ctx) => {
     const value = e.detail.newValue;
@@ -152,6 +153,7 @@ igRegisterScript("CountryChange", (ctx) => {
     }
 });
 ```
+
 </PlatformBlock>
 
 <PlatformBlock for="WebComponents">
@@ -307,7 +309,7 @@ And lastly, adding the <ApiLink pkg="core" type="LinearProgress" />, which is re
 
 
 
-```razor
+```csharp
     public static RenderFragment<IgbCellTemplateContext> WebGridRegionDropDownTemplate = (context) =>
     {
         var id = "region_" + context.Cell.Id.RowID;
diff --git a/docs/xplat/src/content/en/components/grids/_shared/cell-editing.mdx b/docs/xplat/src/content/en/components/grids/_shared/cell-editing.mdx
index 246e7bfeb2..aedab6a6d4 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/cell-editing.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/cell-editing.mdx
@@ -74,7 +74,7 @@ public updateCell() {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 this.grid.UpdateCell(newValue, rowID, 'ReorderLevel')
 ```
 </PlatformBlock>
@@ -318,8 +318,7 @@ If you want to provide a custom template which will be applied to a cell, you ca
 
 and pass the template:
 
-```razor
-// In JavaScript
+```javascript
 
 igRegisterScript("WebGridCellEditCellTemplate", (ctx) => {
     let cellValues = [];
@@ -1167,7 +1166,8 @@ function handleCellEdit(args: IgrGridEditEventArgs): void {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+
+```javascript
 // In JavaScript
 igRegisterScript("HandleCellEdit", (ev) => {
     var d = ev.detail;
@@ -1179,6 +1179,7 @@ igRegisterScript("HandleCellEdit", (ev) => {
     }
 }, false);
 ```
+
 </PlatformBlock>
 
 If the value entered in a cell under the **Units On Order** column is larger than the available amount (the value under **Units in Stock**), the editing will be cancelled and the user will be alerted to the cancellation.
@@ -1208,7 +1209,8 @@ public webTreeGridCellEdit(event: CustomEvent<IgcGridEditEventArgs>): void {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+
+```javascript
 // In JavaScript
 igRegisterScript("HandleCellEdit", (ev) => {
     const column = event.detail.column;
@@ -1282,7 +1284,8 @@ Here, we are validating two columns. If the user tries to set an invalid value f
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+
+```javascript
 // In JavaScript
 igRegisterScript("WebGridEditingEventsCellEdit", (ev) => {
     var d = ev.detail;
@@ -1296,6 +1299,7 @@ igRegisterScript("WebGridEditingEventsCellEdit", (ev) => {
 }, false);
 
 ```
+
 </PlatformBlock>
 
 
diff --git a/docs/xplat/src/content/en/components/grids/_shared/column-moving.mdx b/docs/xplat/src/content/en/components/grids/_shared/column-moving.mdx
index d42701575c..8d92d4f7c8 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/column-moving.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/column-moving.mdx
@@ -47,10 +47,12 @@ If the pinned area exceeds its maximum allowed width (80% of the total <ApiLink
 
 <PlatformBlock for="Blazor">
 ```razor
+@code {
     public RenderFragment<IgbColumnTemplateContext> headerTemplate => (context) =>
     {
         return @<IgbIcon Collection="fas" IconName="fa-thumbtack" draggable="false" @onclick="() => onClick()"></IgbIcon>;
     };
+}
 ```
 </PlatformBlock>
 
@@ -171,7 +173,7 @@ grid.moveColumn(idColumn, nameColumn, DropPosition.AfterDropTarget);
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
     public async void HandleClick()
     {
         IgbColumn Col1 = await this.grid.GetColumnByVisibleIndexAsync(0);
@@ -194,7 +196,7 @@ idColumn.move(3);
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
     public async void HandleClick()
     {
         IgbColumn Col1 = await this.grid.GetColumnByVisibleIndexAsync(0);
@@ -279,7 +281,7 @@ const onColumnMovingEnd = (event: IgrColumnMovingEndEventArgs) => {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("onColumnMovingEnd", (event) => {
     if (event.detail.source.field === "Category" && event.detail.target.field === "Change On Year(%)") {
         event.detail.cancel = true;
diff --git a/docs/xplat/src/content/en/components/grids/_shared/column-pinning.mdx b/docs/xplat/src/content/en/components/grids/_shared/column-pinning.mdx
index 58faeefc33..ce4837054b 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/column-pinning.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/column-pinning.mdx
@@ -271,8 +271,9 @@ const columnPinning = (event: IgrPinColumnCancellableEventArgs) => {
 <PlatformBlock for="Blazor">
 ```razor
 <{ComponentSelector} Data=data AutoGenerate=true ColumnPinScript="onColumnPin"/>
+```
 
-
+```javascript
 //In JavaScript
 function onColumnPin(e) {
     if (e.detail.column.field == "Country") {
@@ -283,6 +284,7 @@ function onColumnPin(e) {
 igRegisterScript("onColumnPin", onColumnPin, false);
 
 ```
+
 </PlatformBlock>
 
 ## Pinning Position
@@ -448,7 +450,10 @@ public pinHeaderTemplate = (ctx: IgcCellTemplateContext) => {
     <IgbColumn Field="ContactTitle" Header="Title" Width="200px" Pinned="true"
     HeaderTemplateScript="WebGridPinHeaderTemplate" Name="column3" @ref="column3"> </IgbColumn>
 </IgbGrid>
+```
+
 
+```javascript
 // In JavaScript
 igRegisterScript("WebGridPinHeaderTemplate", (ctx) => {
     var html = window.igTemplating.html;
@@ -464,6 +469,7 @@ igRegisterScript("WebGridPinHeaderTemplate", (ctx) => {
 </div>`;
 }, false);
 ```
+
 </PlatformBlock>
 
 <PlatformBlock for="React">
@@ -612,10 +618,11 @@ public pinHeaderTemplate = (ctx: IgcCellTemplateContext) => {
     <IgbColumn Field="OnPTO" DataType="Boolean"
     HeaderTemplateScript="WebTreeGridPinHeaderTemplate" Name="column6" @ref="column6"></IgbColumn>
 </IgbTreeGrid>
+```
 
 
+```javascript
 // In JavaScript
-
 igRegisterScript("WebTreeGridPinHeaderTemplate", (ctx) => {
     var html = window.igTemplating.html;
     window.toggleColumnPin = function toggleColumnPin(field) {
@@ -630,6 +637,7 @@ igRegisterScript("WebTreeGridPinHeaderTemplate", (ctx) => {
 </div>`;
 }, false);
 ```
+
 </PlatformBlock>
 <PlatformBlock for="React">
 ```tsx
diff --git a/docs/xplat/src/content/en/components/grids/_shared/column-types.mdx b/docs/xplat/src/content/en/components/grids/_shared/column-types.mdx
index 8089f364e7..9c194b7338 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/column-types.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/column-types.mdx
@@ -684,12 +684,16 @@ const formatCurrency = (value: number) => {
  <IgbColumn FormatterScript="CurrencyFormatter"></IgbColumn>
 </{ComponentSelector}>
 
+```
+
+```javascript
 //In Javascript
 igRegisterScript("CurrencyFormatter", (value) => {
     return `$ ${value.toFixed(0)}`;
 }, false);
 
 ```
+
 </PlatformBlock>
 
 <PlatformBlock for="Angular">
@@ -707,6 +711,7 @@ public init(column: IgxColumnComponent) {
         default:
             return;
 }
+
 ```
 
 </PlatformBlock>
diff --git a/docs/xplat/src/content/en/components/grids/_shared/conditional-cell-styling.mdx b/docs/xplat/src/content/en/components/grids/_shared/conditional-cell-styling.mdx
index 0e72304166..850f073633 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/conditional-cell-styling.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/conditional-cell-styling.mdx
@@ -95,7 +95,7 @@ public activeRowCondition = (row: RowType) => this.grid?.navigation.activeNode?.
 
 
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("RowClassesHandler", () => {
     return {
         activeRow: (row) => row.index % 2 === 0
@@ -189,7 +189,7 @@ const rowStyles = {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("WebGridRowStylesHandler", () => {
     return {
         'background': (row) => (+row.data['Change'] < 0 && +row.data['AnnualChange'] < 0) ? '#FF000088' : '#00000000',
@@ -280,7 +280,7 @@ public rowStyles = {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("WebTreeGridRowStylesHandler", () => {
     return {
         'background': (row) => row.data['Title'] === 'CEO' ? '#6c757d' :
@@ -384,7 +384,7 @@ const childRowStyles = {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("WebGridRowStylesHandler", () => {
     return {
         background:(row: RowType) => row.data['HasGrammyAward'] ? '#eeddd3' : '#f0efeb',
@@ -621,7 +621,7 @@ const beatsPerMinuteClasses = {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("CellClassesHandler", () => {
     return {
         downFont: (rowData, columnKey, cellValue, rowIndex) => rowData[columnKey] <= 95,
@@ -680,7 +680,7 @@ const grammyNominationsCellClassesHandler = {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("GrammyNominationsCellClassesHandler", () => {
     return {
         downFont: (rowData, columnKey) => rowData[columnKey] < 5,
@@ -723,7 +723,7 @@ public unitPriceCellClasses = {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("UnitPriceCellClassesHandler", () => {
     return {
         downPrice: (rowData, columnKey) => rowData[columnKey] <= 5,
@@ -832,7 +832,7 @@ public evenColStyles = {
 
 <ComponentBlock for="Grid">
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("WebGridCellStylesHandler", () => {
     return {
         background: (rowData, columnKey, cellValue, rowIndex) => rowIndex % 2 === 0 ? "#EFF4FD" : null,
@@ -1014,7 +1014,7 @@ constructor() {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("WebTreeGridCellStylesHandler", () => {
     return {
         background: (rowData, columnKey, cellValue, rowIndex) => rowIndex % 2 === 0 ? "#EFF4FD" : null,
@@ -1061,7 +1061,7 @@ const webTreeGridCellStyles = {
 
 <ComponentBlock for="HierarchicalGrid">
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("CellStylesHandler", () => {
     return {
         background: (rowData, columnKey, cellValue, rowIndex) => rowIndex % 2 === 0 ? "#EFF4FD" : null,
diff --git a/docs/xplat/src/content/en/components/grids/_shared/editing.mdx b/docs/xplat/src/content/en/components/grids/_shared/editing.mdx
index ddb91e3cf8..ce07d5efbc 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/editing.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/editing.mdx
@@ -155,7 +155,9 @@ public onSorting(event: IgcSortingEventArgs) {
     SortingScript="SortingHandler"
     RowEditable="true">
 </{ComponentSelector}>
+```
 
+```javascript
 //In JavaScript
 function SortingHandler() {
     grid.endEdit(true);
@@ -163,6 +165,7 @@ function SortingHandler() {
 igRegisterScript("SortingHandler", SortingHandler, false);
 
 ```
+
 </PlatformBlock>
 
 <PlatformBlock for="React">
@@ -174,6 +177,7 @@ function onSorting(args: IgrSortingEventArgs) {
 
 <{ComponentSelector} data={localData} primaryKey="ProductID" onSorting={onSorting}>
 </{ComponentSelector}>
+
 ```
 
 </PlatformBlock>
diff --git a/docs/xplat/src/content/en/components/grids/_shared/excel-style-filtering.mdx b/docs/xplat/src/content/en/components/grids/_shared/excel-style-filtering.mdx
index 4eb3423c47..a09ff9f08c 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/excel-style-filtering.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/excel-style-filtering.mdx
@@ -304,7 +304,9 @@ The following code demonstrates how to customize the Excel style filter menu usi
     FilterMode="FilterMode.ExcelStyleFilter"
     ExcelStyleHeaderIconTemplateScript="WebGridFilterAltIconTemplate">
 </{ComponentSelector}>
+```
 
+```javascript
 // In JavaScript
 igRegisterScript("WebGridFilterAltIconTemplate", (ctx) => {
     var html = window.igTemplating.html;
@@ -312,6 +314,7 @@ igRegisterScript("WebGridFilterAltIconTemplate", (ctx) => {
 }, false);
 
 ```
+
 </PlatformBlock>
 
 <PlatformBlock for="WebComponents">
@@ -324,6 +327,7 @@ constructor() {
 public webGridFilterAltIconTemplate = (ctx: IgcCellTemplateContext) => {
     return html`<img height="15px" width="15px" src="http://static.infragistics.com/xplatform/images/grid/propeller-logo.svg" title="Continued" alt="Continued" />`
 }
+
 ```
 
 </PlatformBlock>
@@ -348,6 +352,7 @@ const webGridFilterAltIconTemplate = (ctx: IgrGridHeaderTemplateContext) => {
 </{ComponentSelector}>
 
 ```
+
 </PlatformBlock>
 
 </ComponentBlock>
diff --git a/docs/xplat/src/content/en/components/grids/_shared/keyboard-navigation.mdx b/docs/xplat/src/content/en/components/grids/_shared/keyboard-navigation.mdx
index 0387b88175..8d7a1d4755 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/keyboard-navigation.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/keyboard-navigation.mdx
@@ -191,9 +191,9 @@ Let's try the API to demonstrate how to achieve common scenarios like user input
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
-// In JavaScript
 
+```javascript
+// In JavaScript
 igRegisterScript("WebGridCustomKBNav", (evtArgs) => {
     const args = evtArgs.detail;
     const target = args.target;
@@ -209,6 +209,7 @@ igRegisterScript("WebGridCustomKBNav", (evtArgs) => {
 }, false);
 
 ```
+
 </PlatformBlock>
 
 <PlatformBlock for="React">
@@ -302,10 +303,9 @@ Based on the event arg values we identified two cases, where to provide our own
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
 
+```javascript
 // In JavaScript
-
 igRegisterScript("WebGridCustomKBNav", (evtArgs) => {
     const args = evtArgs.detail;
     const target = args.target;
@@ -325,6 +325,7 @@ igRegisterScript("WebGridCustomKBNav", (evtArgs) => {
 }, false);
 
 ```
+
 </PlatformBlock>
 
 <DocsAside type="info">
diff --git a/docs/xplat/src/content/en/components/grids/_shared/live-data.mdx b/docs/xplat/src/content/en/components/grids/_shared/live-data.mdx
index 58ab6ce502..cc148c88ea 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/live-data.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/live-data.mdx
@@ -56,7 +56,7 @@ A service provides data to the component when the page loads, and when the slide
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 public void OnStart()
 {
     this.StartButton.Disabled = true;
@@ -166,7 +166,7 @@ const updateData = (data: any[]) => {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
  grid1.Data = this.FinancialDataClass.UpdateRandomPrices(this.CurrentStocks);
 ```
 </PlatformBlock>
diff --git a/docs/xplat/src/content/en/components/grids/_shared/remote-data-operations.mdx b/docs/xplat/src/content/en/components/grids/_shared/remote-data-operations.mdx
index 344e4c570a..c933b0dbcb 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/remote-data-operations.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/remote-data-operations.mdx
@@ -601,7 +601,7 @@ export class RemotePagingService {
 <PlatformBlock for="Blazor">
 As Blazor Server is already a remote instance, unlike the demos in the other platforms we do not need to set another remote instance for the data, as the data is already remote. In order to do remote paging, we just need to set a couple of methods ins the data class
 
-```razor
+```csharp
         public Task<List<NwindDataItem>> GetData(int index, int perPage)
         {
             var itemsToReturn = items.Skip(index).Take(perPage).ToList();
@@ -736,7 +736,7 @@ export class RemotePagingService {
 <PlatformBlock for="Blazor">
 As Blazor Server is already a remote instance, unlike the demos in the other platforms we do not need to set another remote instance for the data, as the data is already remote. In order to do remote paging, we just need to set a couple of methods ins the data class
 
-```razor
+```csharp
         public Task<List<NwindDataItem>> GetData(int index, int perPage)
         {
             var itemsToReturn = items.Skip(index).Take(perPage).ToList();
@@ -895,7 +895,7 @@ For further reference, please check the demo bellow:
 <PlatformBlock for="Blazor">
 First we should load some data to the grid. It is best to do after the grid has been rendered to avoid any timing issues.
 
-```razor
+```csharp
     protected override async Task OnAfterRenderAsync(bool firstRender)
     {
         if (firstRender)
@@ -1171,7 +1171,7 @@ For further reference, please check the demo bellow:
 <PlatformBlock for="Blazor">
 First we should load some data to the grid. It is best to do after the grid has been rendered to avoid any timing issues.
 
-```razor
+```csharp
     protected override async Task OnAfterRenderAsync(bool firstRender)
     {
         if (firstRender)
diff --git a/docs/xplat/src/content/en/components/grids/_shared/row-adding.mdx b/docs/xplat/src/content/en/components/grids/_shared/row-adding.mdx
index f0560f57fc..afba338814 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/row-adding.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/row-adding.mdx
@@ -641,7 +641,9 @@ this.grid.rowEditActionsTemplate = (endRowEdit: IgcGridRowEditActionsTemplateCon
 ```razor
 <{ComponentSelector} Data="data" PrimaryKey="ProductID" AutoGenerate="false" RowEditable="true" RowEditActionsTemplateScript="rowEditActionsTemplate">
 </{ComponentSelector}>
+```
 
+```javascript
 //In JavaScript:
 igRegisterScript("rowEditActionsTemplate", (endRowEdit) => {
     var html = window.igTemplating.html;
diff --git a/docs/xplat/src/content/en/components/grids/_shared/row-drag.mdx b/docs/xplat/src/content/en/components/grids/_shared/row-drag.mdx
index dcfd84cf06..ec966b9cac 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/row-drag.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/row-drag.mdx
@@ -615,7 +615,9 @@ constructor() {
 <PlatformBlock for="Blazor">
 ```razor
 <IgbHierarchicalGrid Data="CustomersData" PrimaryKey="ID" RowDraggable="true" RowDragEndScript="WebHierarchicalGridReorderRowHandler"></IgbHierarchicalGrid>
+```
 
+```javascript
 // In JavaScript
 igRegisterScript("WebHierarchicalGridReorderRowHandler", (args) => {
     const ghostElement = args.detail.dragDirective.ghostElement;
@@ -643,6 +645,7 @@ function getCurrentRowIndex(rowList, cursorPosition) {
 }
 
 ```
+
 </PlatformBlock>
 
 </ComponentBlock>
@@ -706,7 +709,9 @@ constructor() {
 <PlatformBlock for="Blazor">
 ```razor
 <IgbGrid Data="CustomersData" PrimaryKey="ID" RowDraggable="true" RowDragEndScript="WebGridReorderRowHandler"></IgbGrid>
+```
 
+```javascript
 // In JavaScript
 igRegisterScript("WebGridReorderRowHandler", (args) => {
     const ghostElement = args.detail.dragDirective.ghostElement;
@@ -734,6 +739,7 @@ function getCurrentRowIndex(rowList, cursorPosition) {
 }
 
 ```
+
 </PlatformBlock>
 
 </ComponentBlock>
@@ -1033,7 +1039,8 @@ public webTreeGridReorderRowStartHandler(args: CustomEvent<IgcRowDragStartEventA
 
 <PlatformBlock for="Blazor">
 <ComponentBlock for="TreeGrid">
-```razor
+
+```javascript
 //in JavaScript
 igRegisterScript("WebTreeGridReorderRowStartHandler", (args) => {
     const draggedRow = args.detail.dragElement;
@@ -1208,10 +1215,13 @@ public getCurrentRowIndex(rowList: any[], cursorPosition) {
 
 
 <PlatformBlock for="Blazor">
+
 ```razor
 <IgbHierarchicalGrid Data="SingersData" PrimaryKey="ID" RowDraggable="true" RowDragEndScript="WebGridReorderRowHandler"></IgbHierarchicalGrid>
+```
 
-//In JavaScript
+```javascript
+//in JavaScript
 igRegisterScript("WebGridReorderRowHandler", (args) => {
     const ghostElement = args.detail.dragDirective.ghostElement;
     const dragElementPos = ghostElement.getBoundingClientRect();
@@ -1238,6 +1248,7 @@ function getCurrentRowIndex(rowList, cursorPosition) {
 }
 
 ```
+
 </PlatformBlock>
 
 </ComponentBlock>
diff --git a/docs/xplat/src/content/en/components/grids/_shared/row-editing.mdx b/docs/xplat/src/content/en/components/grids/_shared/row-editing.mdx
index f497e7b656..9cdcf85716 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/row-editing.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/row-editing.mdx
@@ -525,7 +525,7 @@ The `RowChangesCount` property is exposed and it holds the count of the changed
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("RowEditTextTemplate", (ctx) => {
     var html = window.igTemplating.html;
     return html`<div>
@@ -575,7 +575,7 @@ If you want the buttons to be part of the keyboard navigation, then each on of t
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```javascript
  igRegisterScript("RowEditActionsTemplate", (ctx) => {
     var html = window.igTemplating.html;
     window.endRowEdit = ctx.implicit;
diff --git a/docs/xplat/src/content/en/components/grids/_shared/row-pinning.mdx b/docs/xplat/src/content/en/components/grids/_shared/row-pinning.mdx
index 7c228ea52f..5e95e86279 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/row-pinning.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/row-pinning.mdx
@@ -113,7 +113,7 @@ gridRef.current.getRowByIndex(0).pinned = true;
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 this.Grid.PinRowAsync("ALFKI", 0);
 ```
 </PlatformBlock>
@@ -134,7 +134,7 @@ gridRef.current.unpinRow('ALFKI');
 ```
 </PlatformBlock>
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 this.Grid.PinRowAsync("ALFKI", 0);
 this.Grid.UnpinRowAsync("ALFKI");
 ```
@@ -200,9 +200,9 @@ const rowPinning = (event: IgrPinRowEventArgs) => {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
-// In JavaScript
 
+```javascript
+// In JavaScript
 function rowPinningHandler(event) {
     event.detail.insertAtIndex = 0;
 }
@@ -210,6 +210,7 @@ function rowPinningHandler(event) {
 igRegisterScript("rowPinningHandler", rowPinningHandler, false);
 
 ```
+
 </PlatformBlock>
 
 ## Pinning Position
@@ -291,6 +292,9 @@ This can be done by adding an extra column with a cell template containing the c
 ```razor
 <IgbColumn Width="70px" BodyTemplateScript="WebGridRowPinCellTemplate"/>
 
+```
+
+```javascript
 // In Javascript
 
 igRegisterScript("WebGridRowPinCellTemplate", (ctx) => {
@@ -387,6 +391,9 @@ const cellPinCellTemplate = (ctx: IgrCellTemplateContext) => {
 ```razor
 <IgbColumn Width="70px" BodyTemplateScript="WebHierarchicalGridRowPinCellTemplate"/>
 
+```
+
+```javascript
 // In Javascript
 
 igRegisterScript("WebHierarchicalGridRowPinCellTemplate", (ctx) => {
diff --git a/docs/xplat/src/content/en/components/grids/_shared/row-selection.mdx b/docs/xplat/src/content/en/components/grids/_shared/row-selection.mdx
index af3a2f0e7a..7a1faa3dac 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/row-selection.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/row-selection.mdx
@@ -607,7 +607,7 @@ The <ApiLink type="Column" member="selected" /> property shows whether the curre
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("WebGridRowSelectorTemplate", (ctx) => {
     var html = window.igTemplating.html;
     if (ctx.implicit.selected) {
diff --git a/docs/xplat/src/content/en/components/grids/_shared/search.mdx b/docs/xplat/src/content/en/components/grids/_shared/search.mdx
index f4a384e0f3..083a9c6b34 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/search.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/search.mdx
@@ -188,7 +188,7 @@ public exactMatch: boolean = false;
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 public string searchText = "";
 public bool caseSensitive = false;
 public bool exactMatch = false;
@@ -224,7 +224,7 @@ private exactMatchChip: IgcChipComponent;
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 private IgbTreeGrid treeGrid;
 
 public string searchText = "";
@@ -893,7 +893,7 @@ To do this, let's go and grab the <ApiLink pkg="core" type="Input" />, <ApiLink
 
 <ComponentBlock for="Grid">
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 // eg. Program.cs register the following:
 builder.Services.AddIgniteUIBlazor(
     typeof(IgbGridModule),
@@ -906,7 +906,7 @@ builder.Services.AddIgniteUIBlazor(
 </ComponentBlock>
 <ComponentBlock for="TreeGrid">
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 // eg. Program.cs register the following:
 builder.Services.AddIgniteUIBlazor(
     typeof(IgbTreeGridModule),
diff --git a/docs/xplat/src/content/en/components/grids/_shared/selection.mdx b/docs/xplat/src/content/en/components/grids/_shared/selection.mdx
index f958879bfb..b38b7a25a5 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/selection.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/selection.mdx
@@ -192,7 +192,7 @@ const rightClick = (event: IgrGridContextMenuEventArgs) => {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
     public void RightClick(MouseEventArgs e)
     {
         this.MenuX = e.ClientX + "px";
@@ -322,7 +322,7 @@ const copyData = (data: any[]) => {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
     public void CopyCellData()
     {
         this.ShowMenu = false;
diff --git a/docs/xplat/src/content/en/components/grids/_shared/size.mdx b/docs/xplat/src/content/en/components/grids/_shared/size.mdx
index 6c13eacc99..f4e1c1dcad 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/size.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/size.mdx
@@ -872,16 +872,16 @@ public webGridSetGridSize(sender: any, args: IgcPropertyEditorPropertyDescriptio
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
-@code {
-    // In JavaScript
+
+```javascript
+// In JavaScript
     igRegisterScript("WebGridSetGridSize", (sender, evtArgs) => {
         var newVal = evtArgs.newValue.toLowerCase();
         var grid = document.getElementById("grid");
         grid.style.setProperty('--ig-size', `var(--ig-size-${newVal})`);
     }, false);
-}
 ```
+
 </PlatformBlock>
 
 <PlatformBlock for="React">
diff --git a/docs/xplat/src/content/en/components/grids/_shared/state-persistence.mdx b/docs/xplat/src/content/en/components/grids/_shared/state-persistence.mdx
index 28572b02fe..3b0711af89 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/state-persistence.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/state-persistence.mdx
@@ -249,7 +249,7 @@ gridStateRef.current.applyState(sortingFilteringStates, [])
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 gridState.ApplyStateFromStringAsync(gridStateString, new string[0]);
 gridState.ApplyStateFromStringAsync(sortingFilteringStates, new string[0])
 ```
@@ -294,7 +294,7 @@ gridState.options = { cellSelection: false, sorting: false };
 </ComponentBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 gridState.Options = new IgbGridStateOptions
     {
         CellSelection = false,
@@ -710,17 +710,20 @@ function onColumnInit(s: IgrGridComponent, e: IgrColumnComponentEventArgs) {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
+
 ```razor
-// In Javascript
-public void OnColumnInit(IgbColumnComponentEventArgs args)
-{
-    IgbColumn column = args.Detail;
-    if (column.Field == "IsActive")
+@code {
+    public void OnColumnInit(IgbColumnComponentEventArgs args)
     {
-        column.BodyTemplate = ActiveTemplate;
+        IgbColumn column = args.Detail;
+        if (column.Field == "IsActive")
+        {
+            column.BodyTemplate = ActiveTemplate;
+        }
     }
 }
 ```
+
 </PlatformBlock>
 
 </ComponentBlock>
@@ -875,8 +878,8 @@ public onValueInit(event: any) {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
-// In Javascript
+
+```javascript
 const totalSale = (members, data) => {
     return data.reduce((accumulator, value) => accumulator + value.ProductUnitPrice * value.NumberOfUnits, 0);
 };
@@ -924,6 +927,7 @@ igRegisterScript("OnValueInit", (args) => {
 }, false);
 
 ```
+
 </PlatformBlock>
 <PlatformBlock for="Angular, WebComponents">
 - In the `DimensionInit` event handler set all custom <ApiLink type="PivotDimension" member="memberFunction" label="MemberFunction" /> implementations:
@@ -1047,7 +1051,7 @@ state.applyState(state, ['filtering', 'rowIslands']);
 <PlatformBlock for="Blazor">
 Then the <ApiLink type="GridState" member="getState" /> API will return the state for all grids (root grid and child grids) features excluding `Selection` and <ApiLink type="GridStateInfo" member="sorting" label="Sorting" />. If later on the developer wants to restore only the <ApiLink type="GridStateInfo" member="filtering" label="Filtering" /> state for all grids, use:
 
-```razor
+```csharp
 gridState.ApplyStateFromStringAsync(gridStateString, new string[] { "filtering", "rowIslands" });
 ```
 
diff --git a/docs/xplat/src/content/en/components/grids/_shared/summaries.mdx b/docs/xplat/src/content/en/components/grids/_shared/summaries.mdx
index 7647bec9ab..08e8392472 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/summaries.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/summaries.mdx
@@ -573,8 +573,8 @@ class MySummary extends IgcNumberSummaryOperand {
 
 <ComponentBlock for="Grid, HierarchicalGrid">
 <PlatformBlock for="Blazor">
-```razor
 
+```javascript
 //In JavaScript
 class WebGridDiscontinuedSummary {
     operate(data, allData, fieldName) {
@@ -605,12 +605,13 @@ class WebGridDiscontinuedSummary {
 }
 
 ```
+
 </PlatformBlock>
 </ComponentBlock>
 
 <ComponentBlock for="TreeGrid">
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 
 //In JavaScript
 class PtoSummary {
@@ -644,6 +645,7 @@ class PtoSummary {
         return result;
     }
 }
+
 ```
 
 </PlatformBlock>
@@ -661,6 +663,7 @@ interface IgxSummaryResult {
     summaryResult: any;
 }
 ```
+
 </PlatformBlock>
 
 <PlatformBlock for="WebComponents">
@@ -748,6 +751,9 @@ export class GridComponent implements OnInit {
         ColumnInitScript="WebGridCustomSummary">
 </{ComponentSelector}>
 
+```
+
+```javascript
 // In Javascript
 igRegisterScript("WebGridCustomSummary", (event) => {
     if (event.detail.field === "UnitsInStock") {
@@ -756,6 +762,7 @@ igRegisterScript("WebGridCustomSummary", (event) => {
 }, false);
 
 ```
+
 </PlatformBlock>
 </ComponentBlock>
 
@@ -815,6 +822,9 @@ export class HierarchicalGridComponent implements OnInit {
         ColumnInitScript="WebHierarchicalGridCustomSummary">
 </{ComponentSelector}>
 
+```
+
+```javascript
 // In Javascript
 igRegisterScript("WebHierarchicalGridCustomSummary", (event) => {
     if (event.detail.field === "GrammyAwards") {
@@ -823,6 +833,7 @@ igRegisterScript("WebHierarchicalGridCustomSummary", (event) => {
 }, false);
 
 ```
+
 </PlatformBlock>
 </ComponentBlock>
 
@@ -878,6 +889,9 @@ export class TreeGridComponent implements OnInit {
         ColumnInitScript="WebTreeGridCustomSummary">
 </{ComponentSelector}>
 
+```
+
+```javascript
 // In Javascript
 igRegisterScript("WebTreeGridCustomSummary", (event) => {
     if (event.detail.field === "Title") {
@@ -886,6 +900,7 @@ igRegisterScript("WebTreeGridCustomSummary", (event) => {
 }, false);
 
 ```
+
 </PlatformBlock>
 </ComponentBlock>
 
@@ -929,7 +944,7 @@ class MySummary extends IgcNumberSummaryOperand {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 class WebGridDiscontinuedSummary {
     operate(data, allData, fieldName) {
         const discontinuedData = allData.filter((rec) => rec['Discontinued']).map(r => r[fieldName]);
@@ -973,7 +988,7 @@ class MySummary extends IgcNumberSummaryOperand {
 ```
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 class PtoSummary {
     operate(data, allData, fieldName) {
         const result = [];
@@ -1075,7 +1090,9 @@ const summaryTemplate = (ctx: IgrSummaryTemplateContext) => {
 ```razor
 <IgbColumn HasSummary="true" SummaryTemplateScript="SummaryTemplate">
 </IgbColumn>
+```
 
+```javascript
 igRegisterScript("SummaryTemplate", (ctx) => {
     var html = window.igTemplating.html;
     return html`<div>
@@ -1083,6 +1100,7 @@ igRegisterScript("SummaryTemplate", (ctx) => {
 </div>`
 }, false);
 ```
+
 </PlatformBlock>
 
 When a default summary is defined, the height of the summary area is calculated by design depending on the column with the largest number of summaries and the `--ig-size` of the grid. Use the <ApiLink type="{ComponentName}" member="summaryRowHeight" label="SummaryRowHeight" /> input property to override the default value. As an argument it expects a number value, and setting a falsy value will trigger the default sizing behavior of the grid footer.
@@ -1274,7 +1292,9 @@ constructor() {
 <PlatformBlock for="Blazor">
 ```razor
 <IgbColumn HasSummary="true" SummaryFormatterScript="SummaryFormatter"/>
+```
 
+```javascript
 igRegisterScript("SummaryFormatter", (summary) => {
     const result = summary.summaryResult;
     if (summaryOperand instanceof IgcDateSummaryOperand && summary.key !== "count" && result !== null && result !== undefined) {
@@ -1285,6 +1305,7 @@ igRegisterScript("SummaryFormatter", (summary) => {
 }, true);
 
 ```
+
 </PlatformBlock>
 
 <PlatformBlock for="React">
@@ -1299,6 +1320,7 @@ const summaryFormatter = (summary: IgrSummaryResult, summaryOperand: IgrSummaryO
   }
 
 <IgrColumn hasSummary={true} summaryFormatter={summaryFormatter}></IgrColumn>
+
 ```
 
 </PlatformBlock>
@@ -1389,6 +1411,7 @@ In case you would like to change some of the colors, you need to set a class for
 ```html
 <{ComponentSelector} class="grid"></{ComponentSelector}>
 ```
+
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
diff --git a/docs/xplat/src/content/en/components/grids/_shared/toolbar.mdx b/docs/xplat/src/content/en/components/grids/_shared/toolbar.mdx
index e746bda6d9..2953c88812 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/toolbar.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/toolbar.mdx
@@ -472,7 +472,9 @@ public rowIslandToolbarTemplate = () => {
     <IgbRowIsland ToolbarTemplateScript="RowIslandToolbarTemplate">
     </IgbRowIsland>
 </IgbHierarchicalGrid>
+```
 
+```javascript
 //In JavaScript:
 igRegisterScript("RowIslandToolbarTemplate", () => {
     var html = window.igTemplating.html;
@@ -487,6 +489,7 @@ igRegisterScript("RowIslandToolbarTemplate", () => {
 }, false);
 
 ```
+
 </PlatformBlock>
 </ComponentBlock>
 
@@ -1087,7 +1090,8 @@ public configureExport(evt: CustomEvent<IgcGridToolbarExportEventArgs>) {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+
+```javascript
 // In Javascript
 igRegisterScript("WebGridToolbarExporting", (evt) => {
         const args = evt.detail;
@@ -1098,6 +1102,7 @@ igRegisterScript("WebGridToolbarExporting", (evt) => {
         });
 }, false);
 ```
+
 </PlatformBlock>
 
 </ComponentBlock>
@@ -1150,6 +1155,9 @@ const configureExport = (evt: IgrGridToolbarExportEventArgs) => {
 ```razor
 <{ComponentSelector} ToolbarExportingScript="ConfigureExport"></{ComponentSelector}>
 
+```
+
+```javascript
 // In Javascript
 igRegisterScript("ConfigureExport", (evt) => {
     const args = evt.detail;
@@ -1212,6 +1220,9 @@ const configureExport = (evt: IgrGridToolbarExportEventArgs) => {
 ```razor
 <{ComponentSelector} ToolbarExportingScript="ConfigureExport"></{ComponentSelector}>
 
+```
+
+```javascript
 // In Javascript
 igRegisterScript("ConfigureExport", (evt) => {
     const args = evt.detail;
diff --git a/docs/xplat/src/content/en/components/grids/_shared/virtualization.mdx b/docs/xplat/src/content/en/components/grids/_shared/virtualization.mdx
index 66d0567fbb..fd965d9330 100644
--- a/docs/xplat/src/content/en/components/grids/_shared/virtualization.mdx
+++ b/docs/xplat/src/content/en/components/grids/_shared/virtualization.mdx
@@ -72,7 +72,7 @@ This will render the template after first requesting and resolving it from the s
 </IgbColumn>
 ```
 
-```
+```javascript
 igRegisterScript("CellTemplate", (ctx) => {
     var html = window.igTemplating.html;
     return html`Template content here`;
diff --git a/docs/xplat/src/content/en/components/grids/data-grid.mdx b/docs/xplat/src/content/en/components/grids/data-grid.mdx
index e58705f3a9..f5cd676534 100644
--- a/docs/xplat/src/content/en/components/grids/data-grid.mdx
+++ b/docs/xplat/src/content/en/components/grids/data-grid.mdx
@@ -203,7 +203,7 @@ For more details on how to customize the appearance of the grid, you may have a
 The <ApiLink type="Grid" /> requires the following modules:
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbGridModule));
@@ -457,7 +457,9 @@ public formatUppercase(value: string) {
 
 ```razor
 <IgbColumn Field="Name" HeaderTemplateScript="UpperCaseTemplate" />
+```
 
+```javascript
 //In JavaScript:
 igRegisterScript("UpperCaseTemplate", (ctx) => {
 
@@ -543,7 +545,9 @@ public formatTitleCase(value: string) {
 
 ```razor
 <IgbColumn Field="Name" BodyTemplateScript="NameCellTemplate"/>
+```
 
+```javascript
 //In JavaScript:
 igRegisterScript("NameCellTemplate", (ctx) => {
     var html = window.igTemplating.html;
@@ -701,7 +705,9 @@ function formatTitleCase(value: string) {
     <IgbColumn Field="Name" BodyTemplateScript="NameCellTemplate" />
     <IgbColumn Field="Subscription" BodyTemplateScript="SubscriptionCellTemplate" />
 </IgbGrid>
+```
 
+```javascript
 //In JavaScript:
 igRegisterScript("NameCellTemplate", (ctx) => {
        var html = window.igTemplating.html;
@@ -838,7 +844,9 @@ function updateValue(value: number) {
 
 ```razor
 <IgbColumn Field="Price" Editable=true DataType="GridColumnDataType.Number" InlineEditorTemplateScript="PriceCellTemplate" />
+```
 
+```javascript
 //In JavaScript:
 igRegisterScript("PriceCellTemplate", (ctx) => {
     var html = window.igTemplating.html;
@@ -989,7 +997,9 @@ column.bodyTemplate = smallViewTemplate;
         column.BodyTemplateScript = "NormalViewTemplate";
     }
 }
+```
 
+```javascript
 //In JavaScript:
 igRegisterScript("NormalViewTemplate", (ctx) => {
     var html = window.igTemplating.html;
@@ -1422,7 +1432,7 @@ interface AminoAcid {
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 public class AminoAcid
 {
     public string Name { get; set; }
@@ -1636,7 +1646,9 @@ function abbreviationLongCellTemplate(ctx: IgrCellTemplateContext) {
 
 ```razor
 <IgbColumn Field="Abbreviation.Long" BodyTemplateScript="AbbreviationLongCellTemplate"/>
+```
 
+```javascript
 //In JavaScript:
 igRegisterScript("AbbreviationLongCellTemplate", (ctx) => {
     var html = window.igTemplating.html;
@@ -1710,7 +1722,7 @@ export const EMPLOYEE_DATA = [
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 public class EmployeesNestedData : List<EmployeesNestedDataItem>
 {
     public EmployeesNestedData()
@@ -1894,7 +1906,9 @@ function addressCellTemplate(ctx: IgrCellTemplateContext) {
 
 ```razor
 <IgbColumn Header="Employees" Field="Employees" BodyTemplateScript="WebGridNestedDataCellTemplate" />
+```
 
+```javascript
 //In JavaScript:
 igRegisterScript("WebGridNestedDataCellTemplate", (ctx) => {
     var html = window.igTemplating.html;
@@ -1965,7 +1979,7 @@ export const DATA: any[] = [
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 public class CustomersData : List<CustomersDataItem>
 {
     public CustomersData()
@@ -2106,7 +2120,9 @@ function addressCellTemplate(ctx: IgrCellTemplateContext) {
 <IgbColumn Header="Address" Field="Address"
            Editable="true"
            BodyTemplateScript="AddressCellTemplate" />
+```
 
+```javascript
 //In JavaScript:
 igRegisterScript("AddressCellTemplate", (ctx) => {
     var html = window.igTemplating.html;
@@ -2259,7 +2275,9 @@ function addressEditCellTemplate(ctx: IgrCellTemplateContext) {
 <IgbColumn Header="Address" Field="Address"
            Editable="true"
            InlineEditorTemplateScript="AddressEditCellTemplate" />
+```
 
+```javascript
 //In JavaScript:
 igRegisterScript("AddressEditCellTemplate", (ctx) => {
     var html = window.igTemplating.html;
diff --git a/docs/xplat/src/content/en/components/grids/grid/groupby.mdx b/docs/xplat/src/content/en/components/grids/grid/groupby.mdx
index ea9e63284c..95cde311f7 100644
--- a/docs/xplat/src/content/en/components/grids/grid/groupby.mdx
+++ b/docs/xplat/src/content/en/components/grids/grid/groupby.mdx
@@ -364,7 +364,7 @@ gridRef.current.selectRowsInGroup(groupRow);
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 var row = await this.grid.GetRowByIndexAsync(0);
 this.grid.SelectRowsInGroup(row.GroupRow, true);
 ```
@@ -399,7 +399,7 @@ gridRef.current.deselectRowsInGroup(groupRow);
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 var row = await this.grid.GetRowByIndexAsync(0);
 this.grid.DeselectRowsInGroup(row.GroupRow);
 ```
@@ -451,8 +451,9 @@ const template = (ctx: IgrGroupByRowTemplateContext) => {
 
 ```razor
 <IgbGrid AutoGenerate="true" Data="InvoicesData" @ref="grid" Id="grid" GroupRowTemplateScript="WebGridGroupByRowTemplate"></IgbGrid>
+```
 
-
+```javascript
 //In JavaScript:
 igRegisterScript("WebGridGroupByRowTemplate", (ctx) => {
     var html = window.igTemplating.html;
@@ -506,6 +507,9 @@ public groupByRowSelectorTemplate = (ctx: IgcGroupByRowSelectorTemplateContext)
 
 ```razor
 <IgbGrid GroupByRowSelectorTemplateScript="GroupByRowSelectorTemplate"></IgbGrid>
+```
+
+```javascript
 //In Javascript
 igRegisterScript("GroupByRowSelectorTemplate", (ctx) => {
     var html = window.igTemplating.html;
@@ -553,6 +557,9 @@ public groupByRowSelectorTemplate = (ctx: IgcGroupByRowSelectorTemplateContext)
 
 ```razor
 <IgbGrid GroupByRowSelectorTemplateScript="GroupByRowSelectorTemplate"></IgbGrid>
+```
+
+```javascript
 //In Javascript
 igRegisterScript("GroupByRowSelectorTemplate", (ctx) => {
     var html = window.igTemplating.html;
diff --git a/docs/xplat/src/content/en/components/grids/grid/master-detail.mdx b/docs/xplat/src/content/en/components/grids/grid/master-detail.mdx
index 6a68181f35..f897facbe1 100644
--- a/docs/xplat/src/content/en/components/grids/grid/master-detail.mdx
+++ b/docs/xplat/src/content/en/components/grids/grid/master-detail.mdx
@@ -103,7 +103,8 @@ Context of the template is the master record data, so that values from the maste
 
 <PlatformBlock for="Blazor">
 
-```razor
+
+```javascript
 // In JavaScript
 igRegisterScript("DetailTemplate", (ctx) => {
     var html = window.igTemplating.html;
diff --git a/docs/xplat/src/content/en/components/grids/grid/paste-excel.mdx b/docs/xplat/src/content/en/components/grids/grid/paste-excel.mdx
index a2d5afe835..37e3a9b6f8 100644
--- a/docs/xplat/src/content/en/components/grids/grid/paste-excel.mdx
+++ b/docs/xplat/src/content/en/components/grids/grid/paste-excel.mdx
@@ -177,7 +177,9 @@ public get textArea() {
      <IgbColumn Field="ShipCity" Header="Ship City" Width="200px"></IgbColumn>
     <IgbColumn Field="PostalCode" Header="Postal Code" Width="200px"></IgbColumn>
 </IgbGrid>
+```
 
+```javascript
 // In JavaScript
 igRegisterScript("WebGridPasteFromExcel", (evtArgs) => {
     const grid = document.getElementById("grid");
diff --git a/docs/xplat/src/content/en/components/grids/hierarchical-grid/load-on-demand.mdx b/docs/xplat/src/content/en/components/grids/hierarchical-grid/load-on-demand.mdx
index 7fe2eab01f..1983551011 100644
--- a/docs/xplat/src/content/en/components/grids/hierarchical-grid/load-on-demand.mdx
+++ b/docs/xplat/src/content/en/components/grids/hierarchical-grid/load-on-demand.mdx
@@ -77,7 +77,7 @@ As you can see `buildUrl()` will be the method that will generate our url based
 
 We will be communicating with our backend service over HTTP protocol using the [`fetch()`](https://developer.mozilla.org/en-US/docs/Web/API/fetch) global function the browsers provide. That way in order to get our data we will need this simple method in our service:
 
-```razor
+```javascript
 function getData(dataState) {
     return fetch(buildUrl(dataState))
         .then((result) => result.json());
@@ -167,7 +167,7 @@ function buildUrl(dataState: any) {
 
 We will define all this in the `dataState` object. An example:
 
-```razor
+```javascript
 const dataState: {
     key: string;
     parentID: any;
@@ -280,7 +280,7 @@ function buildUrl(dataState: any) {
 
 Finally, this is how our remote service would look like:
 
-```razor
+```javascript
 const DATA_URL = `https://data-northwind.indigo.design/`;
 
 function getData(dataState) {
@@ -755,7 +755,7 @@ useEffect(() => {
 
 We will get a reference to our root grid to set its data. In order to make sure that our grid is rendered before we request its data from the service and assign it, we will use the `Rendered` event. As it doesn't have any parents we can only pass that `rootLevel` is **true**, and the key for it, to the `getData` of our service. Since it returns a Promise we will need to subscribe to it:
 
-```razor
+```javascript
 igRegisterScript("OnGridRendered", () => {
     const grid = document.getElementById("hGrid");
 
@@ -867,7 +867,7 @@ function gridCreated(event: IgrGridCreatedEventArgs, _parentKey: string) {
 <PlatformBlock for="Blazor">
 
 
-```razor
+```javascript
 igRegisterScript("OnGridCreated", (args) => {
     const context = args.detail;
     const _parentKey = context.owner.childDataKey === "Orders" ? "Customers" : "Orders";
@@ -1047,7 +1047,7 @@ function gridCreated(event: IgrGridCreatedEventArgs, _parentKey: string) {
 <PlatformBlock for="Blazor">
 
 
-```razor
+```javascript
 igRegisterScript("OnGridRendered", () => {
     const grid = document.getElementById("hGrid");
 
diff --git a/docs/xplat/src/content/en/components/grids/hierarchical-grid/overview.mdx b/docs/xplat/src/content/en/components/grids/hierarchical-grid/overview.mdx
index 22b74b4502..4a679f5ec3 100644
--- a/docs/xplat/src/content/en/components/grids/hierarchical-grid/overview.mdx
+++ b/docs/xplat/src/content/en/components/grids/hierarchical-grid/overview.mdx
@@ -149,7 +149,7 @@ For more details on how to customize the appearance of the hierarchical grid, yo
 ### Component Modules
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbhierarchicalGridModule));
@@ -226,7 +226,7 @@ export const singers = [{
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 public class SingersData : List<SingersDataItem>
 {
     public SingersData()
@@ -585,8 +585,9 @@ function buildUrl(dataState: any) {
         <IgbRowIsland ChildDataKey="Details" PrimaryKey="productId" AutoGenerate="true" GridCreatedScript="OnGridCreated"></IgbRowIsland>
     </IgbRowIsland>
 </IgbHierarchicalGrid>
+```
 
-In JavaScript
+```javascript
 igRegisterScript("OnGridRendered", () => {
     const grid = document.getElementsByTagName("igc-hierarchical-grid")[0];
     grid.isLoading = true;
diff --git a/docs/xplat/src/content/en/components/grids/list.mdx b/docs/xplat/src/content/en/components/grids/list.mdx
index 67fbe9bed4..273f66b458 100644
--- a/docs/xplat/src/content/en/components/grids/list.mdx
+++ b/docs/xplat/src/content/en/components/grids/list.mdx
@@ -59,7 +59,7 @@ Before using the <ApiLink pkg="core" type="List" />, you need to register it as
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbListModule));
diff --git a/docs/xplat/src/content/en/components/grids/pivot-grid/features.mdx b/docs/xplat/src/content/en/components/grids/pivot-grid/features.mdx
index 2ea9d9fbf1..c61c27d873 100644
--- a/docs/xplat/src/content/en/components/grids/pivot-grid/features.mdx
+++ b/docs/xplat/src/content/en/components/grids/pivot-grid/features.mdx
@@ -107,7 +107,7 @@ public pivotConfigHierarchy: IPivotConfiguration = {
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
     var pivotConfiguration = new IgbPivotConfiguration();
     var rowDimension = new IgbPivotDimension() {
         MemberName = "SellerName",
@@ -161,7 +161,7 @@ public pivotConfigHierarchy: IPivotConfiguration = {
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
     var pivotConfiguration = new IgbPivotConfiguration();
     var rowDimension = new IgbPivotDimension() {
         MemberName = "SellerName",
diff --git a/docs/xplat/src/content/en/components/grids/pivot-grid/overview.mdx b/docs/xplat/src/content/en/components/grids/pivot-grid/overview.mdx
index f71ebe04d2..5c4e68e7c0 100644
--- a/docs/xplat/src/content/en/components/grids/pivot-grid/overview.mdx
+++ b/docs/xplat/src/content/en/components/grids/pivot-grid/overview.mdx
@@ -582,7 +582,7 @@ const pivotConfiguration1: IgrPivotConfiguration = {
 </PlatformBlock>
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
     IgbPivotConfiguration pivotConfiguration = new IgbPivotConfiguration();
     pivotConfiguration.Rows.Add(new IgbPivotDimension()
         {
@@ -636,7 +636,7 @@ public data = [
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 public PivotDataFlat()
 {
     this.Add(new PivotDataFlatItem()
diff --git a/docs/xplat/src/content/en/components/grids/tree-grid/overview.mdx b/docs/xplat/src/content/en/components/grids/tree-grid/overview.mdx
index e1fe94ed9a..4f5902d287 100644
--- a/docs/xplat/src/content/en/components/grids/tree-grid/overview.mdx
+++ b/docs/xplat/src/content/en/components/grids/tree-grid/overview.mdx
@@ -133,7 +133,7 @@ For more details on how to customize the appearance of the tree grid, you may ha
 ### Component Modules
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbTreeGridModule));
@@ -222,7 +222,7 @@ const EMPLOYEE_DATA = [
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 public class EmployeesNestedDataItem
 {
     public double ID { get; set; }
@@ -396,7 +396,7 @@ When we are using the **primary and foreign keys** option, every data object con
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 public class EmployeesFlatDataItem
 {
     public double Age { get; set; }
diff --git a/docs/xplat/src/content/en/components/grids/tree.mdx b/docs/xplat/src/content/en/components/grids/tree.mdx
index 374cb854b0..9ba2ed2905 100644
--- a/docs/xplat/src/content/en/components/grids/tree.mdx
+++ b/docs/xplat/src/content/en/components/grids/tree.mdx
@@ -97,7 +97,7 @@ You will also need to link an additional CSS file to apply the styling to the <A
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(
diff --git a/docs/xplat/src/content/en/components/inputs/badge.mdx b/docs/xplat/src/content/en/components/inputs/badge.mdx
index 24af6d7da1..c142ef717d 100644
--- a/docs/xplat/src/content/en/components/inputs/badge.mdx
+++ b/docs/xplat/src/content/en/components/inputs/badge.mdx
@@ -77,7 +77,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 Before using the <ApiLink pkg="core" type="Badge" />, you need to register it as follows:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbBadgeModule));
diff --git a/docs/xplat/src/content/en/components/inputs/button-group.mdx b/docs/xplat/src/content/en/components/inputs/button-group.mdx
index b3f2117761..e42064068f 100644
--- a/docs/xplat/src/content/en/components/inputs/button-group.mdx
+++ b/docs/xplat/src/content/en/components/inputs/button-group.mdx
@@ -72,7 +72,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 Before using the <ApiLink pkg="core" type="ButtonGroup" />, you need to register it as follows:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbButtonGroupModule));
diff --git a/docs/xplat/src/content/en/components/inputs/button.mdx b/docs/xplat/src/content/en/components/inputs/button.mdx
index 24febbcb96..8ae1a8a54f 100644
--- a/docs/xplat/src/content/en/components/inputs/button.mdx
+++ b/docs/xplat/src/content/en/components/inputs/button.mdx
@@ -74,7 +74,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 Before using the <ApiLink pkg="core" type="Button" />, you need to register it as follows:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbButtonModule));
diff --git a/docs/xplat/src/content/en/components/inputs/checkbox.mdx b/docs/xplat/src/content/en/components/inputs/checkbox.mdx
index 2fe61379e2..06899a5506 100644
--- a/docs/xplat/src/content/en/components/inputs/checkbox.mdx
+++ b/docs/xplat/src/content/en/components/inputs/checkbox.mdx
@@ -79,7 +79,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 Before using the <ApiLink pkg="core" type="Checkbox" />, you need to register it as follows:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbCheckboxModule));
diff --git a/docs/xplat/src/content/en/components/inputs/chip.mdx b/docs/xplat/src/content/en/components/inputs/chip.mdx
index 2dd9fe819e..54254a55ed 100644
--- a/docs/xplat/src/content/en/components/inputs/chip.mdx
+++ b/docs/xplat/src/content/en/components/inputs/chip.mdx
@@ -66,7 +66,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 Before using the <ApiLink pkg="core" type="Chip" />, you need to register it as follows:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbChipModule));
diff --git a/docs/xplat/src/content/en/components/inputs/circular-progress.mdx b/docs/xplat/src/content/en/components/inputs/circular-progress.mdx
index 4812703ffb..7da0713303 100644
--- a/docs/xplat/src/content/en/components/inputs/circular-progress.mdx
+++ b/docs/xplat/src/content/en/components/inputs/circular-progress.mdx
@@ -67,7 +67,7 @@ IgrCircularProgressModule.register();
 
 Before using the <ApiLink pkg="core" type="CircularProgress" />, you need to register it as follows:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbCircularProgressModule));
diff --git a/docs/xplat/src/content/en/components/inputs/color-editor.mdx b/docs/xplat/src/content/en/components/inputs/color-editor.mdx
index 861a87aba8..0eaced0662 100644
--- a/docs/xplat/src/content/en/components/inputs/color-editor.mdx
+++ b/docs/xplat/src/content/en/components/inputs/color-editor.mdx
@@ -89,7 +89,7 @@ First, add the **IgniteUI.Blazor.Controls** namespace in the **_Imports.razor**
 
 The following modules are required when using the Dashboard Tile component:
 
-```razor
+```csharp
 // in Program.cs file
 builder.Services.AddIgniteUIBlazor(
     typeof(IgbColorEditorModule)
diff --git a/docs/xplat/src/content/en/components/inputs/combo/features.mdx b/docs/xplat/src/content/en/components/inputs/combo/features.mdx
index aedce8f2f6..ca0b23b456 100644
--- a/docs/xplat/src/content/en/components/inputs/combo/features.mdx
+++ b/docs/xplat/src/content/en/components/inputs/combo/features.mdx
@@ -45,7 +45,7 @@ defineComponents(IgcComboComponent, IgcSwitchComponent);
 <PlatformBlock for="Blazor">
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbComboModule));
diff --git a/docs/xplat/src/content/en/components/inputs/combo/overview.mdx b/docs/xplat/src/content/en/components/inputs/combo/overview.mdx
index a5f5efa9be..0466b57b16 100644
--- a/docs/xplat/src/content/en/components/inputs/combo/overview.mdx
+++ b/docs/xplat/src/content/en/components/inputs/combo/overview.mdx
@@ -62,7 +62,7 @@ For a complete introduction to the {ProductName}, read the [**Getting Started**]
 To get started with the <ApiLink type="Combo" /> component, first we need to register its module as follows:
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbComboModule));
diff --git a/docs/xplat/src/content/en/components/inputs/date-time-input.mdx b/docs/xplat/src/content/en/components/inputs/date-time-input.mdx
index 30345e1dbe..ba20746ab5 100644
--- a/docs/xplat/src/content/en/components/inputs/date-time-input.mdx
+++ b/docs/xplat/src/content/en/components/inputs/date-time-input.mdx
@@ -76,7 +76,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 Before using the <ApiLink pkg="core" type="DateTimeInput" />, you need to register it as follows:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbDateTimeInputModule));
diff --git a/docs/xplat/src/content/en/components/inputs/dropdown.mdx b/docs/xplat/src/content/en/components/inputs/dropdown.mdx
index 8290243d97..df2edd4ecd 100644
--- a/docs/xplat/src/content/en/components/inputs/dropdown.mdx
+++ b/docs/xplat/src/content/en/components/inputs/dropdown.mdx
@@ -73,7 +73,8 @@ For a complete introduction to the {ProductName}, read the [**Getting Started**]
 
 Before using the <ApiLink pkg="core" type="Dropdown" />, you need to register it as follows:
 
-```razor
+
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbDropdownModule));
diff --git a/docs/xplat/src/content/en/components/inputs/highlight.mdx b/docs/xplat/src/content/en/components/inputs/highlight.mdx
index 9abb6595e3..e25ac2f737 100644
--- a/docs/xplat/src/content/en/components/inputs/highlight.mdx
+++ b/docs/xplat/src/content/en/components/inputs/highlight.mdx
@@ -65,7 +65,7 @@ dotnet add package IgniteUI.Blazor --version {PackageVerLatest}
 
 Register the <ApiLink pkg="core" type="Highlight" /> module in the `Program.cs` file as follows:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbHighlightModule));
diff --git a/docs/xplat/src/content/en/components/inputs/icon-button.mdx b/docs/xplat/src/content/en/components/inputs/icon-button.mdx
index 2049cb8eba..9c128d9281 100644
--- a/docs/xplat/src/content/en/components/inputs/icon-button.mdx
+++ b/docs/xplat/src/content/en/components/inputs/icon-button.mdx
@@ -78,7 +78,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 Before using the <ApiLink pkg="core" type="IconButton" />, you need to register it as follows:
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbIconButtonModule));
diff --git a/docs/xplat/src/content/en/components/inputs/input.mdx b/docs/xplat/src/content/en/components/inputs/input.mdx
index 6708da2eb6..96da10d998 100644
--- a/docs/xplat/src/content/en/components/inputs/input.mdx
+++ b/docs/xplat/src/content/en/components/inputs/input.mdx
@@ -35,7 +35,8 @@ To get started with the Input component, you first need to register its module.
 
 <PlatformBlock for="Blazor">
 
-```razor
+
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbInputModule));
diff --git a/docs/xplat/src/content/en/components/inputs/linear-progress.mdx b/docs/xplat/src/content/en/components/inputs/linear-progress.mdx
index 08194697a7..88eadca959 100644
--- a/docs/xplat/src/content/en/components/inputs/linear-progress.mdx
+++ b/docs/xplat/src/content/en/components/inputs/linear-progress.mdx
@@ -77,7 +77,7 @@ IgrLinearProgressModule.register();
 Before using the <ApiLink pkg="core" type="LinearProgress" />, you need to register it as follows:
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbLinearProgressModule));
diff --git a/docs/xplat/src/content/en/components/inputs/mask-input.mdx b/docs/xplat/src/content/en/components/inputs/mask-input.mdx
index 8ad8879177..6f0edd8a1c 100644
--- a/docs/xplat/src/content/en/components/inputs/mask-input.mdx
+++ b/docs/xplat/src/content/en/components/inputs/mask-input.mdx
@@ -88,7 +88,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 Before using the <ApiLink pkg="core" type="MaskInput" />, you need to register it as follows:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbMaskInputModule));
diff --git a/docs/xplat/src/content/en/components/inputs/query-builder.mdx b/docs/xplat/src/content/en/components/inputs/query-builder.mdx
index 7a55bc960c..3d226544a4 100644
--- a/docs/xplat/src/content/en/components/inputs/query-builder.mdx
+++ b/docs/xplat/src/content/en/components/inputs/query-builder.mdx
@@ -182,7 +182,8 @@ this.queryBuilder.addEventListener('expressionTreeChange', (e: CustomEvent<IgcEx
 
 The <ApiLink type="ExpressionTree" /> is a bindable property which means you can use `ExpressionTreeChangeScript` to receive notifications when the end-user changes the UI by creating, editing or removing conditions.
 
-```razor
+
+```javascript
 // In JavaScript
 igRegisterScript("WebQueryBuilderExpressionTreeChange", (evtArgs) => {
     const expressionTree = evtArgs.detail;
@@ -410,7 +411,8 @@ private buildSearchValueTemplate(ctx: IgcQueryBuilderSearchValueContext) {
 </IgbQueryBuilder>
 ```
 
-```razor
+
+```javascript
 // In JavaScript
 igRegisterScript("SearchValueTemplate", (ctx) => {
     const field = ctx.selectedField?.field;
@@ -663,7 +665,8 @@ For the Region Select example:
 new() { Field = "Region", DataType = GridColumnDataType.String }
 ```
 
-```razor
+
+```javascript
 // In JavaScript
 // Template
 function buildRegionSelect(ctx) {
@@ -693,7 +696,8 @@ For the Status Radio Group example:
 new() { Field = "OrderStatus", DataType = GridColumnDataType.String }
 ```
 
-```razor
+
+```javascript
 // In JavaScript
 // Template
 function buildStatusRadios(ctx) {
@@ -734,7 +738,8 @@ For the Date Picker example:
 new() { Field = "OrderDate", DataType = GridColumnDataType.Date }
 ```
 
-```razor
+
+```javascript
 // In JavaScript
 // Template
 function buildDatePicker(ctx) {
@@ -773,7 +778,8 @@ new()
 }
 ```
 
-```razor
+
+```javascript
 // In JavaScript
 // Template
 function buildTimeInput(ctx) {
@@ -805,7 +811,8 @@ new() { Field = "OrderID", DataType = GridColumnDataType.Number }
 new() { Field = "IsRushOrder", DataType = GridColumnDataType.Boolean }
 ```
 
-```razor
+
+```javascript
 // In JavaScript
 // Template that handles all these types
 function buildDefaultInput(ctx, equalityCondition) {
diff --git a/docs/xplat/src/content/en/components/inputs/radio.mdx b/docs/xplat/src/content/en/components/inputs/radio.mdx
index 863f0a8eff..6205179169 100644
--- a/docs/xplat/src/content/en/components/inputs/radio.mdx
+++ b/docs/xplat/src/content/en/components/inputs/radio.mdx
@@ -81,7 +81,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 Before using the <ApiLink pkg="core" type="Radio" /> and the <ApiLink pkg="core" type="RadioGroup" />, you need to register them as follows:
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(
diff --git a/docs/xplat/src/content/en/components/inputs/rating.mdx b/docs/xplat/src/content/en/components/inputs/rating.mdx
index 978826717a..b686a79c70 100644
--- a/docs/xplat/src/content/en/components/inputs/rating.mdx
+++ b/docs/xplat/src/content/en/components/inputs/rating.mdx
@@ -42,7 +42,8 @@ Before using the <ApiLink pkg="core" type="Rating" />, you need to register it a
 
 <PlatformBlock for="Blazor">
 
-```razor
+
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbRatingModule));
diff --git a/docs/xplat/src/content/en/components/inputs/ripple.mdx b/docs/xplat/src/content/en/components/inputs/ripple.mdx
index 595d78a90b..c1014b4484 100644
--- a/docs/xplat/src/content/en/components/inputs/ripple.mdx
+++ b/docs/xplat/src/content/en/components/inputs/ripple.mdx
@@ -76,7 +76,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 Before using the <ApiLink pkg="core" type="Ripple" />, you need to register it as follows:
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbRippleModule));
diff --git a/docs/xplat/src/content/en/components/inputs/select.mdx b/docs/xplat/src/content/en/components/inputs/select.mdx
index 9f2c031a28..6ec364f4c2 100644
--- a/docs/xplat/src/content/en/components/inputs/select.mdx
+++ b/docs/xplat/src/content/en/components/inputs/select.mdx
@@ -52,7 +52,7 @@ For a complete introduction to the {ProductName}, read the [**Getting Started**]
 
 Before using the <ApiLink pkg="core" type="Input" member="select" label="Select" /> component, you need to register it together with its additional components:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbSelectModule));
diff --git a/docs/xplat/src/content/en/components/inputs/slider.mdx b/docs/xplat/src/content/en/components/inputs/slider.mdx
index dbf927a9c1..0e182d21eb 100644
--- a/docs/xplat/src/content/en/components/inputs/slider.mdx
+++ b/docs/xplat/src/content/en/components/inputs/slider.mdx
@@ -77,7 +77,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 Before using the <ApiLink pkg="core" type="Slider" /> and <ApiLink pkg="core" type="RangeSlider" />, you need to register them as follows:
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(
diff --git a/docs/xplat/src/content/en/components/inputs/switch.mdx b/docs/xplat/src/content/en/components/inputs/switch.mdx
index 59cd9a8f27..8e8b67e47c 100644
--- a/docs/xplat/src/content/en/components/inputs/switch.mdx
+++ b/docs/xplat/src/content/en/components/inputs/switch.mdx
@@ -82,7 +82,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 Before using the <ApiLink pkg="core" type="Switch" />, you need to register it as follows:
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbSwitchModule));
diff --git a/docs/xplat/src/content/en/components/inputs/text-area.mdx b/docs/xplat/src/content/en/components/inputs/text-area.mdx
index fc194873e9..b82cc9e977 100644
--- a/docs/xplat/src/content/en/components/inputs/text-area.mdx
+++ b/docs/xplat/src/content/en/components/inputs/text-area.mdx
@@ -27,7 +27,9 @@ The {ProductName} Text Area represents a multi-line plain-text editing control,
 
 <PlatformBlock for="Blazor">
 
-```razor
+
+
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbTextareaModule));
diff --git a/docs/xplat/src/content/en/components/inputs/tooltip.mdx b/docs/xplat/src/content/en/components/inputs/tooltip.mdx
index c06a4613a5..55e630e26a 100644
--- a/docs/xplat/src/content/en/components/inputs/tooltip.mdx
+++ b/docs/xplat/src/content/en/components/inputs/tooltip.mdx
@@ -77,7 +77,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 Before using the <ApiLink pkg="core" type="Tooltip" />, you need to register it as follows:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbTooltipModule));
diff --git a/docs/xplat/src/content/en/components/layouts/accordion.mdx b/docs/xplat/src/content/en/components/layouts/accordion.mdx
index 062f4ee5de..3ecda645ec 100644
--- a/docs/xplat/src/content/en/components/layouts/accordion.mdx
+++ b/docs/xplat/src/content/en/components/layouts/accordion.mdx
@@ -76,7 +76,7 @@ Before using the <ApiLink pkg="core" type="Accordion" />, you need to register i
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbAccordionModule));
diff --git a/docs/xplat/src/content/en/components/layouts/avatar.mdx b/docs/xplat/src/content/en/components/layouts/avatar.mdx
index d0f28cc98e..97c2f86fe5 100644
--- a/docs/xplat/src/content/en/components/layouts/avatar.mdx
+++ b/docs/xplat/src/content/en/components/layouts/avatar.mdx
@@ -64,7 +64,7 @@ Before using the <ApiLink pkg="core" type="Avatar" />, you need to register it a
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbAvatarModule));
diff --git a/docs/xplat/src/content/en/components/layouts/card.mdx b/docs/xplat/src/content/en/components/layouts/card.mdx
index 09544a1aae..1734dcb20c 100644
--- a/docs/xplat/src/content/en/components/layouts/card.mdx
+++ b/docs/xplat/src/content/en/components/layouts/card.mdx
@@ -60,7 +60,7 @@ Before using the <ApiLink pkg="core" type="Card" />, you need to register it as
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbCardModule));
diff --git a/docs/xplat/src/content/en/components/layouts/carousel.mdx b/docs/xplat/src/content/en/components/layouts/carousel.mdx
index 47f0bddfb2..57029288e2 100644
--- a/docs/xplat/src/content/en/components/layouts/carousel.mdx
+++ b/docs/xplat/src/content/en/components/layouts/carousel.mdx
@@ -66,7 +66,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 Before using the <ApiLink pkg="core" type="Carousel" />, you need to register it as follows:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbCarouselModule));
diff --git a/docs/xplat/src/content/en/components/layouts/divider.mdx b/docs/xplat/src/content/en/components/layouts/divider.mdx
index 81f83244d3..53931a2091 100644
--- a/docs/xplat/src/content/en/components/layouts/divider.mdx
+++ b/docs/xplat/src/content/en/components/layouts/divider.mdx
@@ -66,7 +66,7 @@ Before using the <ApiLink pkg="core" type="Divider" />, you need to register it
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbDividerModule));
diff --git a/docs/xplat/src/content/en/components/layouts/icon.mdx b/docs/xplat/src/content/en/components/layouts/icon.mdx
index 0907c3616e..c488faebe4 100644
--- a/docs/xplat/src/content/en/components/layouts/icon.mdx
+++ b/docs/xplat/src/content/en/components/layouts/icon.mdx
@@ -44,7 +44,7 @@ Before using the <ApiLink pkg="core" type="Icon" />, you need to register it as
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbIconModule));
diff --git a/docs/xplat/src/content/en/components/layouts/splitter.mdx b/docs/xplat/src/content/en/components/layouts/splitter.mdx
index f6b409c7fd..ca597fd835 100644
--- a/docs/xplat/src/content/en/components/layouts/splitter.mdx
+++ b/docs/xplat/src/content/en/components/layouts/splitter.mdx
@@ -68,7 +68,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(
diff --git a/docs/xplat/src/content/en/components/layouts/stepper.mdx b/docs/xplat/src/content/en/components/layouts/stepper.mdx
index c946b600d9..725665e1c3 100644
--- a/docs/xplat/src/content/en/components/layouts/stepper.mdx
+++ b/docs/xplat/src/content/en/components/layouts/stepper.mdx
@@ -70,7 +70,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(
diff --git a/docs/xplat/src/content/en/components/layouts/tabs.mdx b/docs/xplat/src/content/en/components/layouts/tabs.mdx
index 1c1a4476d0..eca6e4b0e4 100644
--- a/docs/xplat/src/content/en/components/layouts/tabs.mdx
+++ b/docs/xplat/src/content/en/components/layouts/tabs.mdx
@@ -58,7 +58,7 @@ import { IgrTabs, IgrTab } from "igniteui-react";
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbTabsModule));
diff --git a/docs/xplat/src/content/en/components/layouts/tile-manager.mdx b/docs/xplat/src/content/en/components/layouts/tile-manager.mdx
index df19d69a95..bf4af3b91f 100644
--- a/docs/xplat/src/content/en/components/layouts/tile-manager.mdx
+++ b/docs/xplat/src/content/en/components/layouts/tile-manager.mdx
@@ -84,7 +84,8 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <PlatformBlock for="Blazor">
 
-```razor
+
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbTileManagerModule));
diff --git a/docs/xplat/src/content/en/components/linear-gauge.mdx b/docs/xplat/src/content/en/components/linear-gauge.mdx
index 8a38c5013d..8bfb7faa8b 100644
--- a/docs/xplat/src/content/en/components/linear-gauge.mdx
+++ b/docs/xplat/src/content/en/components/linear-gauge.mdx
@@ -47,7 +47,7 @@ The <ApiLink type="LinearGauge" /> requires the following modules:
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbLinearGaugeModule));
diff --git a/docs/xplat/src/content/en/components/menus/navbar.mdx b/docs/xplat/src/content/en/components/menus/navbar.mdx
index 3c2774cecb..199c9f69cd 100644
--- a/docs/xplat/src/content/en/components/menus/navbar.mdx
+++ b/docs/xplat/src/content/en/components/menus/navbar.mdx
@@ -44,7 +44,7 @@ Before using the <ApiLink pkg="core" type="Navbar" />, you need to register it a
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbNavbarModule));
diff --git a/docs/xplat/src/content/en/components/menus/navigation-drawer.mdx b/docs/xplat/src/content/en/components/menus/navigation-drawer.mdx
index db51ec9e56..e0cc3fa984 100644
--- a/docs/xplat/src/content/en/components/menus/navigation-drawer.mdx
+++ b/docs/xplat/src/content/en/components/menus/navigation-drawer.mdx
@@ -68,7 +68,7 @@ Before using the <ApiLink pkg="core" type="NavDrawer" />, you need to register i
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(
diff --git a/docs/xplat/src/content/en/components/menus/toolbar.mdx b/docs/xplat/src/content/en/components/menus/toolbar.mdx
index ac8ac44444..4b4cf41fad 100644
--- a/docs/xplat/src/content/en/components/menus/toolbar.mdx
+++ b/docs/xplat/src/content/en/components/menus/toolbar.mdx
@@ -112,7 +112,7 @@ Add the **IgniteUI.Blazor.Controls** namespace in the **_Imports.razor** file:
 
 The following modules are required when using the <ApiLink type="Toolbar" /> with the <ApiLink type="DataChart" /> component and it's features.
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(
diff --git a/docs/xplat/src/content/en/components/notifications/banner.mdx b/docs/xplat/src/content/en/components/notifications/banner.mdx
index af176567e5..61e0f607a8 100644
--- a/docs/xplat/src/content/en/components/notifications/banner.mdx
+++ b/docs/xplat/src/content/en/components/notifications/banner.mdx
@@ -72,7 +72,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 Before using the <ApiLink pkg="core" type="Banner" />, you need to register it as follows:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbBannerModule));
@@ -390,7 +390,8 @@ banner.addEventListener('igcClosing', (event) => {
 
 <PlatformBlock for="Blazor">
 
-```razor
+
+```javascript
 //In JavaScript:
 function handleClosing() {
     const banner = document.getElementById('banner');
diff --git a/docs/xplat/src/content/en/components/notifications/dialog.mdx b/docs/xplat/src/content/en/components/notifications/dialog.mdx
index 136a102695..cf815ffa2b 100644
--- a/docs/xplat/src/content/en/components/notifications/dialog.mdx
+++ b/docs/xplat/src/content/en/components/notifications/dialog.mdx
@@ -81,7 +81,7 @@ For a complete introduction to the {ProductName}, read the [**Getting Started**]
 Before using the {Platform} <ApiLink pkg="core" type="Dialog" />, you need to register it as follows:
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbDialogModule));
diff --git a/docs/xplat/src/content/en/components/notifications/snackbar.mdx b/docs/xplat/src/content/en/components/notifications/snackbar.mdx
index 4aef68b14f..11e775d64e 100644
--- a/docs/xplat/src/content/en/components/notifications/snackbar.mdx
+++ b/docs/xplat/src/content/en/components/notifications/snackbar.mdx
@@ -68,7 +68,7 @@ Before using the <ApiLink pkg="core" type="Snackbar" />, you need to register it
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbSnackbarModule));
diff --git a/docs/xplat/src/content/en/components/notifications/toast.mdx b/docs/xplat/src/content/en/components/notifications/toast.mdx
index c26cc411e7..e4c52776d1 100644
--- a/docs/xplat/src/content/en/components/notifications/toast.mdx
+++ b/docs/xplat/src/content/en/components/notifications/toast.mdx
@@ -71,7 +71,7 @@ Before using the {Platform} <ApiLink pkg="core" type="Toast" />, you need to reg
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbToastModule));
diff --git a/docs/xplat/src/content/en/components/radial-gauge.mdx b/docs/xplat/src/content/en/components/radial-gauge.mdx
index 10f2072aa4..65a344248f 100644
--- a/docs/xplat/src/content/en/components/radial-gauge.mdx
+++ b/docs/xplat/src/content/en/components/radial-gauge.mdx
@@ -66,7 +66,7 @@ The <ApiLink type="RadialGauge" /> requires the following modules:
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbRadialGaugeModule));
diff --git a/docs/xplat/src/content/en/components/scheduling/calendar.mdx b/docs/xplat/src/content/en/components/scheduling/calendar.mdx
index 908abe0fd3..4d0c776b24 100644
--- a/docs/xplat/src/content/en/components/scheduling/calendar.mdx
+++ b/docs/xplat/src/content/en/components/scheduling/calendar.mdx
@@ -60,7 +60,7 @@ Before using the <ApiLink pkg="core" type="Calendar" />, you need to register it
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbCalendarModule));
diff --git a/docs/xplat/src/content/en/components/scheduling/date-picker.mdx b/docs/xplat/src/content/en/components/scheduling/date-picker.mdx
index 286310e449..4f65e348d6 100644
--- a/docs/xplat/src/content/en/components/scheduling/date-picker.mdx
+++ b/docs/xplat/src/content/en/components/scheduling/date-picker.mdx
@@ -67,7 +67,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 To get started with the <ApiLink pkg="core" type="DatePicker" /> component, first we need to register its module as follows:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbDatePickerModule));
diff --git a/docs/xplat/src/content/en/components/scheduling/date-range-picker.mdx b/docs/xplat/src/content/en/components/scheduling/date-range-picker.mdx
index 7a12430b68..e2b93fff19 100644
--- a/docs/xplat/src/content/en/components/scheduling/date-range-picker.mdx
+++ b/docs/xplat/src/content/en/components/scheduling/date-range-picker.mdx
@@ -63,7 +63,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 To get started with the <ApiLink pkg="core" type="DateRangePicker" /> component, first we need to register its module as follows:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbDateRangePickerModule));
diff --git a/docs/xplat/src/content/en/components/spreadsheet-overview.mdx b/docs/xplat/src/content/en/components/spreadsheet-overview.mdx
index 2a004460e4..01c9c41d7f 100644
--- a/docs/xplat/src/content/en/components/spreadsheet-overview.mdx
+++ b/docs/xplat/src/content/en/components/spreadsheet-overview.mdx
@@ -75,7 +75,7 @@ The <ApiLink type="Spreadsheet" /> requires the following modules:
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(
diff --git a/docs/xplat/src/content/en/components/zoomslider-overview.mdx b/docs/xplat/src/content/en/components/zoomslider-overview.mdx
index 8729108fa5..27a415f09e 100644
--- a/docs/xplat/src/content/en/components/zoomslider-overview.mdx
+++ b/docs/xplat/src/content/en/components/zoomslider-overview.mdx
@@ -59,7 +59,7 @@ The <ApiLink type="ZoomSlider" /> requires the following modules:
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(
diff --git a/docs/xplat/src/content/en/toc.json b/docs/xplat/src/content/en/toc.json
index e0221faaf9..774fb63803 100644
--- a/docs/xplat/src/content/en/toc.json
+++ b/docs/xplat/src/content/en/toc.json
@@ -2612,7 +2612,9 @@
     "name": "Chat",
     "href": "interactivity/chat.md",
     "new": true,
-    "preview": true
+    "platforms": {
+      "Blazor": { "new": false, "preview": true }
+    }
   },
   {
     "exclude": [
diff --git a/docs/xplat/src/content/jp/components/bullet-graph.mdx b/docs/xplat/src/content/jp/components/bullet-graph.mdx
index 0704ea2188..03ce78455c 100644
--- a/docs/xplat/src/content/jp/components/bullet-graph.mdx
+++ b/docs/xplat/src/content/jp/components/bullet-graph.mdx
@@ -53,7 +53,7 @@ npm install --save {PackageGauges}
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbBulletGraphModule));
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-performance.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-performance.mdx
index 8de4b27b4a..6a8995572e 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-performance.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-performance.mdx
@@ -59,7 +59,7 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 this.CategoryChart.DataSource = FlattenDataSource.Create();
 this.FinancialChart.DataSource = FlattenDataSource.Create();
 
diff --git a/docs/xplat/src/content/jp/components/customize-marker-display-in-blazor-charts.mdx b/docs/xplat/src/content/jp/components/customize-marker-display-in-blazor-charts.mdx
index 55439cced7..ae1449f9c7 100644
--- a/docs/xplat/src/content/jp/components/customize-marker-display-in-blazor-charts.mdx
+++ b/docs/xplat/src/content/jp/components/customize-marker-display-in-blazor-charts.mdx
@@ -47,7 +47,7 @@ import blazorWasmApp2 from '@xplat-images/general/blazor-wasm-app-2.png';
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 public record SampleDataType (
     string Name,
     double XValue,
@@ -109,7 +109,7 @@ public IEnumerable<SampleDataType> DataSource { get; } = new SampleDataType[]
 
 <PlatformBlock for="Blazor">
 
-```razor
+```javascript
 // /wwwroot/customMarkerTemplateFunc.js で
 function customMarkerTemplateFunc() {
     return {
@@ -130,7 +130,7 @@ Ignite UI への回答方法は、この measure メソッド呼び出し時の
 
 <PlatformBlock for="Blazor">
 
-```razor
+```javascript
 // /wwwroot/customMarkerTemplateFunc.js で
 
 function customMarkerTemplateFunc() {
@@ -159,7 +159,7 @@ function customMarkerTemplateFunc() {
 
 <PlatformBlock for="Blazor">
 
-```razor
+```javascript
 // /wwwroot/customMarkerTemplateFunc.js で
 
 function customMarkerTemplateFunc() {
@@ -202,7 +202,7 @@ measure および render メソッドが実装できたら、残りの作業は
 
 <PlatformBlock for="Blazor">
 
-```razor
+```javascript
 // /wwwroot/customMarkerTemplateFunc.js で
 
 function customMarkerTemplateFunc() {
@@ -221,7 +221,7 @@ igRegisterScript("customMarkerTemplateFunc", customMarkerTemplateFunc);
 
 <PlatformBlock for="Blazor">
 
-```razor
+```javascript
 // /wwwroot/customMarkerTemplateFunc.js で
 
 (function() {
diff --git a/docs/xplat/src/content/jp/components/general-step-by-step-guide-using-cli.mdx b/docs/xplat/src/content/jp/components/general-step-by-step-guide-using-cli.mdx
new file mode 100644
index 0000000000..d96d4dcf3d
--- /dev/null
+++ b/docs/xplat/src/content/jp/components/general-step-by-step-guide-using-cli.mdx
@@ -0,0 +1,173 @@
+---
+title: "Ignite UI CLI を使用したステップバイステップ ガイド | {ProductName} | Infragistics"
+description: "Ignite UI CLI のインタラクティブ ウィザードを使用して、新しい {Platform} プロジェクトの作成、テンプレートとテーマの選択、{ProductName} コンポーネント ビューの追加を行う手順を説明します。"
+keywords: "{Platform} cli, ignite ui cli, {ProductName}, スキャフォールディング, ステップバイステップ, Infragistics"
+mentionedTypes: []
+last_updated: "2025-04-08"
+_language: ja
+---
+import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
+import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
+
+<PlatformBlock for="React, WebComponents">
+
+# Ignite UI CLI を使用したステップバイステップ ガイド
+
+Ignite UI CLI のステップバイステップ モードは、{ProductName} プロジェクトのプロジェクト作成、テンプレートの選択、テーマ設定、コンポーネント ビューの追加をガイドするインタラクティブ ウィザードです。非インタラクティブな `ig new` および `ig add` コマンドと同じ操作をカバーしますが、すべての引数を事前に指定する必要はなく、各ステップでプロンプトが表示されます。
+
+ステップバイステップ モードは、スクリプトや非インタラクティブな使用をサポートしていません。その場合は、明示的な引数を指定して `ig new` および `ig add` コマンドを使用してください。ウィザードは `Inquirer.js` を使用しています。互換性については、[サポートされているターミナル](https://github.com/SBoudrias/Inquirer.js#support-os-terminals) を参照してください。完全な CLI リファレンスについては、[Ignite UI CLI の概要](general-cli-overview.md) を参照してください。
+
+ウィザードを起動するには、以下を実行します:
+
+```cmd
+ig
+```
+
+または:
+
+```cmd
+ig new
+```
+
+## 新しいプロジェクトの作成
+
+ウィザードでは、プロジェクトの命名、フレームワークとタイプの選択、テンプレートの選択、テーマ設定の順に進みます。各ステップではオプションがインタラクティブなリストとして表示されます。矢印キーで移動し、ENTER で確定します。
+
+### プロジェクト名の入力
+
+最初に、アプリケーションの名前を入力するよう求められます。プロジェクトは同じ名前のディレクトリ内に作成されます。
+
+### フレームワークの選択
+
+矢印キーでオプションを移動し、ENTER を押して確定します:
+
+<PlatformBlock for="React">
+**React** を選択すると、{ProductName} 用に事前設定されたプロジェクトがスキャフォールディングされます。
+</PlatformBlock>
+
+<PlatformBlock for="WebComponents">
+**Web Components** を選択すると、{ProductName} 用に事前設定されたプロジェクトがスキャフォールディングされます。
+</PlatformBlock>
+
+### プロジェクト タイプの選択
+
+<PlatformBlock for="React">
+プロジェクト タイプとして **Ignite UI for React TS** を選択します。
+</PlatformBlock>
+
+<PlatformBlock for="WebComponents">
+プロジェクト タイプとして **Ignite UI for Web Components TS** を選択します。
+</PlatformBlock>
+
+### プロジェクト テンプレートの選択
+
+利用可能なプロジェクト テンプレートから選択します。矢印キーでオプションを移動し、ENTER を押して確定します:
+
+<PlatformBlock for="React">
+| テンプレート         | 説明                                                |
+| :--------------- | :-------------------------------------------------- |
+| Empty            | 定義済みビューのない最小限のプロジェクト構造。このテンプレートでは認証は使用できません。 |
+| Side Navigation  | サイド ナビゲーション ドロワーを持つプロジェクト構造     |
+| Side Navigation Mini | コンパクトなサイド ナビゲーション ドロワーを持つプロジェクト構造 |
+</PlatformBlock>
+
+<PlatformBlock for="WebComponents">
+| テンプレート         | 説明                                                |
+| :--------------- | :-------------------------------------------------- |
+| Empty            | 定義済みビューのない最小限のプロジェクト構造。このテンプレートでは認証は使用できません。 |
+| Side Navigation  | サイド ナビゲーション ドロワーを持つプロジェクト構造     |
+| Side Navigation Mini | コンパクトなサイド ナビゲーション ドロワーを持つプロジェクト構造 |
+</PlatformBlock>
+
+**Side Navigation** または **Side Navigation Mini** を選択した場合、プロジェクトに認証を追加するかどうかを尋ねる追加ステップが表示されます。はいと答えると、対応する認証バリアント（`side-nav-auth` または `side-nav-mini-auth`）が生成されます。**Empty** を選択した場合、認証プロンプトはスキップされます。
+
+### テーマの選択
+
+アプリケーションのテーマを選択します:
+
+- **default** オプションには、デフォルトの {ProductName} テーマを含む事前コンパイル済みの CSS ファイルが含まれます。
+- **custom** オプションは、[テーマ API](./themes/overview.md) を使用した Sass ベースのカラー パレットとテーマ設定を生成します。
+
+### AI ツールの設定
+
+テーマ設定後、ウィザードで AI コーディング アシスタントを設定するよう求められます。まず、MCP サーバー設定を受け取るアシスタントを選択します:
+
+```bash
+? Which AI coding assistants do you want to configure MCP servers for? (Press <space> to select)
+❯◉ VS Code (GitHub Copilot)
+ ◉ Cursor
+ ◯ Generic (.mcp.json)
+ ◯ Gemini CLI
+ ◯ JetBrains (AI Assistant)
+ ◯ None
+```
+
+次に、スキル ファイルを受け取る AI エージェントを選択します:
+
+```bash
+? Which AI agents should receive skill files? (Press <space> to select)
+❯◉ GitHub Copilot (.agents/skills/)
+ ◉ Claude (.claude/skills/)
+ ◉ Cursor (.cursor/rules/)
+ ◯ Codex (.codex/)
+ ◯ Windsurf (.windsurfrules)
+ ◯ Gemini CLI (.gemini/)
+ ◯ JetBrains Junie (.junie/guidelines/)
+ ◯ None
+```
+
+矢印キーでオプションを移動し、SPACE で選択を切り替え、ENTER で確定します。両方に **None** を選択すると、AI 設定を完全にスキップします。
+
+非インタラクティブ モードでこれらのプロンプトをバイパスするには、`ig new` に `--assistants` および `--agents` フラグを直接渡します:
+
+```cmd
+ig new my-app --framework=react --type=igr-ts --template=side-nav --assistants vscode --agents copilot claude
+```
+
+使用可能なフラグ値の詳細については、[Ignite UI CLI の概要](general-cli-overview.md#ai-configuration-during-project-creation) を参照してください。
+
+### 完了または続行
+
+上記の手順を完了すると、プロジェクト構造が生成され、Git リポジトリが初期化され、プロジェクトがコミットされます。その後、プロセスを完了するか、アプリケーションに新しいビューを追加するかを尋ねられます。
+
+## ビューの追加
+
+Ignite UI CLI は、既存のプロジェクトに追加できる複数のコンポーネント テンプレートをサポートしています。このモードは、プロジェクト作成の継続として、または以下を使用して既存のプロジェクト内で利用できます:
+
+```cmd
+ig add
+```
+
+カテゴリ別にグループ化された利用可能なコンポーネント テンプレートの一覧が表示されます。矢印キーでグループを移動し、ENTER で選択します。`Custom Grid` などの一部のテンプレートでは、選択を確定する前に SPACE キーでオンまたはオフにできるオプション機能の一覧が表示されます。
+
+グループを選択した後、一覧から特定のテンプレートを選択し、新しいコンポーネントの名前を入力します。シナリオ テンプレートを追加する場合は、利用可能なシナリオ テンプレートの一覧も表示されます。
+
+テンプレートを追加した後、さらにビューを追加するか、プロセスを完了するかを尋ねられます。完了すると、残りのパッケージ依存関係がインストールされ、アプリケーションがビルドされてデフォルト ブラウザーで開かれます。
+
+後でウィザードを使用せずにプロジェクトにビューを追加するには、直接 `add` コマンドを使用します:
+
+```cmd
+ig add [template] [name]
+```
+
+例:
+
+```cmd
+ig add grid MyGrid
+```
+
+<DocsAside type="info">
+ルーティング ファイルが新しく生成されたページへのパスで更新されます。たとえば、`MyGrid` という名前のコンポーネントは `/my-grid` でナビゲートできます。
+</DocsAside>
+
+## アプリケーションの実行
+
+プロジェクトが完成したら、いつでも以下を使用して実行できます:
+
+```cmd
+ig start
+```
+
+これにより、プロジェクトがビルドされ、ローカル Web サーバーが起動し、デフォルト ブラウザーでアプリケーションが開かれます。
+
+</PlatformBlock>
diff --git a/docs/xplat/src/content/jp/components/geo-map-binding-multiple-shapes.mdx b/docs/xplat/src/content/jp/components/geo-map-binding-multiple-shapes.mdx
index a78f08e4bf..ac152a3e36 100644
--- a/docs/xplat/src/content/jp/components/geo-map-binding-multiple-shapes.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-binding-multiple-shapes.mdx
@@ -90,7 +90,7 @@ import { IgxShapeDataSource } from 'igniteui-angular-core';
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(
diff --git a/docs/xplat/src/content/jp/components/geo-map-resources-esri.mdx b/docs/xplat/src/content/jp/components/geo-map-resources-esri.mdx
index 78f2ecf1e2..4eeade40fe 100644
--- a/docs/xplat/src/content/jp/components/geo-map-resources-esri.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-resources-esri.mdx
@@ -87,7 +87,7 @@ export enum EsriStyle {
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 public class EsriStyle
 {
     // these Esri maps show geographic tiles for the whole of world
diff --git a/docs/xplat/src/content/jp/components/geo-map-resources-world-connections.mdx b/docs/xplat/src/content/jp/components/geo-map-resources-world-connections.mdx
index 9c8d6bdd6d..be86ddf6a4 100644
--- a/docs/xplat/src/content/jp/components/geo-map-resources-world-connections.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-resources-world-connections.mdx
@@ -147,7 +147,7 @@ export default class WorldConnections {
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
     public class WorldConnections
     {
 
diff --git a/docs/xplat/src/content/jp/components/geo-map.mdx b/docs/xplat/src/content/jp/components/geo-map.mdx
index ec80ec8cb7..64923ac6a8 100644
--- a/docs/xplat/src/content/jp/components/geo-map.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map.mdx
@@ -55,7 +55,7 @@ npm install --save {PackageMaps}
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/cascading-combos.mdx b/docs/xplat/src/content/jp/components/grids/_shared/cascading-combos.mdx
index 7810edaa12..281c84c223 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/cascading-combos.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/cascading-combos.mdx
@@ -49,7 +49,7 @@ defineAllComponents();
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 builder.Services.AddIgniteUIBlazor(
     typeof(IgbGridModule),
     typeof(IgbComboModule)
@@ -133,7 +133,8 @@ public webGridCountryDropDownTemplate: IgcRenderFunction<IgcCellTemplateContext>
 選択の変更を処理するには、`onChange` イベントが必要です。発行されたイベント引数には、変更前の選択、現在の選択、追加または削除された項目に関する情報が含まれています。したがって、前のコンボの選択に基づいて値をフィルタリングします。
 
 <PlatformBlock for="Blazor">
-```razor
+
+```javascript
 //In Javascript
 igRegisterScript("CountryChange", (ctx) => {
     const value = e.detail.newValue;
@@ -154,6 +155,7 @@ igRegisterScript("CountryChange", (ctx) => {
     }
 });
 ```
+
 </PlatformBlock>
 
 <PlatformBlock for="WebComponents">
@@ -235,7 +237,7 @@ defineAllComponents();
 
 - `displayKey` - オブジェクト配列に必要 - 項目のテキストに使用されるプロパティを指定します。`displayKey` に値が指定されていない場合、Simple ComboBox は指定された `valueKey` (存在する場合) を使用します。
 
-```razor
+```csharp
 builder.Services.AddIgniteUIBlazor(
     typeof(IgbGridModule),
     typeof(IgbComboModule)
@@ -284,7 +286,7 @@ import { IgrCombo } from 'igniteui-react';
 
 </PlatformBlock>
 
-<PlatformBlock for="WebComponents">
+<PlatformBlock for="Blazor">
 最後に、データのリストを読み込むときに必要な <ApiLink pkg="core" type="LinearProgress" /> を追加します。
 `id` 属性の値を設定するには `id` が必要です。
 
@@ -305,7 +307,7 @@ import { IgrCombo } from 'igniteui-react';
 </PlatformBlock>
 
 
-<PlatformBlock for="Blazor">
+<PlatformBlock for="WebComponents">
 最後に、データのリストを読み込むときに必要な <ApiLink pkg="core" type="LinearProgress" /> を追加します。
 
 
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/cell-editing.mdx b/docs/xplat/src/content/jp/components/grids/_shared/cell-editing.mdx
index e134196b8a..4641ceebdc 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/cell-editing.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/cell-editing.mdx
@@ -75,7 +75,7 @@ public updateCell() {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 this.grid.UpdateCell(newValue, rowID, 'ReorderLevel')
 ```
 </PlatformBlock>
@@ -163,7 +163,7 @@ function updateCell() {
 </ComponentBlock>
 
 <ComponentBlock for="TreeGrid">
-```razor
+```csharp
 this.grid.UpdateCell(newValue, rowID, 'ReorderLevel')
 ```
 
@@ -1121,7 +1121,8 @@ function handleCellEdit(args: IgrGridEditEventArgs): void {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+
+```javascript
 // In JavaScript
 igRegisterScript("HandleCellEdit", (ev) => {
     var d = ev.detail;
@@ -1133,6 +1134,7 @@ igRegisterScript("HandleCellEdit", (ev) => {
     }
 }, false);
 ```
+
 </PlatformBlock>
 
 **Units On Order (注文済み)** 列の下のセルに入力された値が使用可能量 (**Units in Stock、在庫数** の値) よりも大きい場合、編集はキャンセルされ、ユーザーにキャンセルの警告が表示されます。
@@ -1162,7 +1164,8 @@ public webTreeGridCellEdit(event: CustomEvent<IgcGridEditEventArgs>): void {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+
+```javascript
 // In JavaScript
 igRegisterScript("HandleCellEdit", (ev) => {
     const column = event.detail.column;
@@ -1245,7 +1248,8 @@ public webHierarchicalGridCellEdit(event: CustomEvent<IgcGridEditEventArgs>): vo
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+
+```javascript
 // In JavaScript
 igRegisterScript("HandleCellEdit", (ev) => {
     const today = new Date();
@@ -1263,6 +1267,7 @@ igRegisterScript("HandleCellEdit", (ev) => {
     }
 }, false);
 ```
+
 </PlatformBlock>
 <PlatformBlock for="Blazor">
 Here, we are validating two columns. If the user tries to change an artist's **Debut** year or an album's **Launch Date**, the grid will not allow any dates that are greater than today.
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/column-moving.mdx b/docs/xplat/src/content/jp/components/grids/_shared/column-moving.mdx
index 38db1037f9..9c1c515b3a 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/column-moving.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/column-moving.mdx
@@ -46,10 +46,12 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
 <PlatformBlock for="Blazor">
 ```razor
+@code {
     public RenderFragment<IgbColumnTemplateContext> headerTemplate => (context) =>
     {
         return @<IgbIcon Collection="fas" IconName="fa-thumbtack" draggable="false" @onclick="() => onClick()"></IgbIcon>;
     };
+}
 ```
 </PlatformBlock>
 
@@ -167,7 +169,7 @@ grid.moveColumn(idColumn, nameColumn, DropPosition.AfterDropTarget);
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
     public async void HandleClick()
     {
         IgbColumn Col1 = await this.grid.GetColumnByVisibleIndexAsync(0);
@@ -189,7 +191,7 @@ idColumn.move(3);
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
     public async void HandleClick()
     {
         IgbColumn Col1 = await this.grid.GetColumnByVisibleIndexAsync(0);
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/column-pinning.mdx b/docs/xplat/src/content/jp/components/grids/_shared/column-pinning.mdx
index ebcb8a353a..c44d389eb0 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/column-pinning.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/column-pinning.mdx
@@ -451,7 +451,9 @@ public pinHeaderTemplate = (ctx: IgcCellTemplateContext) => {
     <IgbColumn Field="ContactTitle" Header="Title" Width="200px" Pinned="true"
     HeaderTemplateScript="WebGridPinHeaderTemplate" Name="column3" @ref="column3"> </IgbColumn>
 </IgbGrid>
+```
 
+```javascript
 // In JavaScript
 igRegisterScript("WebGridPinHeaderTemplate", (ctx) => {
     var html = window.igTemplating.html;
@@ -467,6 +469,7 @@ igRegisterScript("WebGridPinHeaderTemplate", (ctx) => {
 </div>`;
 }, false);
 ```
+
 </PlatformBlock>
 
 <PlatformBlock for="React">
@@ -615,10 +618,10 @@ public pinHeaderTemplate = (ctx: IgcCellTemplateContext) => {
     <IgbColumn Field="OnPTO" DataType="Boolean"
     HeaderTemplateScript="WebTreeGridPinHeaderTemplate" Name="column6" @ref="column6"></IgbColumn>
 </IgbTreeGrid>
+```
 
-
+```javascript
 // In JavaScript
-
 igRegisterScript("WebTreeGridPinHeaderTemplate", (ctx) => {
     var html = window.igTemplating.html;
     window.toggleColumnPin = function toggleColumnPin(field) {
@@ -633,6 +636,7 @@ igRegisterScript("WebTreeGridPinHeaderTemplate", (ctx) => {
 </div>`;
 }, false);
 ```
+
 </PlatformBlock>
 <PlatformBlock for="React">
 ```tsx
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/column-types.mdx b/docs/xplat/src/content/jp/components/grids/_shared/column-types.mdx
index 0ef83aa4fe..ab274282cd 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/column-types.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/column-types.mdx
@@ -689,12 +689,16 @@ const formatCurrency = (value: number) => {
  <IgbColumn FormatterScript="CurrencyFormatter"></IgbColumn>
 </{ComponentSelector}>
 
+```
+
+```javascript
 //In Javascript
 igRegisterScript("CurrencyFormatter", (value) => {
     return `$ ${value.toFixed(0)}`;
 }, false);
 
 ```
+
 </PlatformBlock>
 
 <PlatformBlock for="Angular">
@@ -712,6 +716,7 @@ public init(column: IgxColumnComponent) {
         default:
             return;
 }
+
 ```
 
 </PlatformBlock>
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/conditional-cell-styling.mdx b/docs/xplat/src/content/jp/components/grids/_shared/conditional-cell-styling.mdx
index 885299e08a..aa061e0260 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/conditional-cell-styling.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/conditional-cell-styling.mdx
@@ -94,7 +94,7 @@ public activeRowCondition = (row: RowType) => this.grid?.navigation.activeNode?.
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("RowClassesHandler", () => {
     return {
         activeRow: (row) => row.index === 0
@@ -187,7 +187,7 @@ const rowStyles = {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("WebGridRowStylesHandler", () => {
     return {
         'background': (row) => (+row.data['Change'] < 0 && +row.data['AnnualChange'] < 0) ? '#FF000088' : '#00000000',
@@ -278,7 +278,7 @@ public rowStyles = {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("WebTreeGridRowStylesHandler", () => {
     return {
         'background': (row) => row.data['Title'] === 'CEO' ? '#6c757d' :
@@ -382,7 +382,7 @@ const childRowStyles = {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("WebGridRowStylesHandler", () => {
     return {
         background:(row: RowType) => row.data['HasGrammyAward'] ? '#eeddd3' : '#f0efeb',
@@ -615,7 +615,7 @@ const beatsPerMinuteClasses = {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("CellClassesHandler", () => {
     return {
         downFont: (rowData, columnKey, cellValue, rowIndex) => rowData[columnKey] <= 95,
@@ -668,7 +668,7 @@ const grammyNominationsCellClassesHandler = {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("GrammyNominationsCellClassesHandler", () => {
     return {
         downFont: (rowData, columnKey) => rowData[columnKey] < 5,
@@ -704,7 +704,7 @@ public unitPriceCellClasses = {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("UnitPriceCellClassesHandler", () => {
     return {
         downPrice: (rowData, columnKey) => rowData[columnKey] <= 5,
@@ -807,7 +807,7 @@ public evenColStyles = {
 
 <ComponentBlock for="Grid">
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("WebGridCellStylesHandler", () => {
     return {
         background: (rowData, columnKey, cellValue, rowIndex) => rowIndex % 2 === 0 ? "#EFF4FD" : null,
@@ -988,7 +988,7 @@ constructor() {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("WebTreeGridCellStylesHandler", () => {
     return {
         background: (rowData, columnKey, cellValue, rowIndex) => rowIndex % 2 === 0 ? "#EFF4FD" : null,
@@ -1035,7 +1035,7 @@ const webTreeGridCellStyles = {
 
 <ComponentBlock for="HierarchicalGrid">
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("CellStylesHandler", () => {
     return {
         background: (rowData, columnKey, cellValue, rowIndex) => rowIndex % 2 === 0 ? "#EFF4FD" : null,
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/editing.mdx b/docs/xplat/src/content/jp/components/grids/_shared/editing.mdx
index 038fc6ff91..2e655eb468 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/editing.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/editing.mdx
@@ -156,7 +156,9 @@ public onSorting(event: IgcSortingEventArgs) {
     SortingScript="SortingHandler"
     RowEditable="true">
 </{ComponentSelector}>
+```
 
+```javascript
 //In JavaScript
 function SortingHandler() {
     grid.endEdit(true);
@@ -164,6 +166,7 @@ function SortingHandler() {
 igRegisterScript("SortingHandler", SortingHandler, false);
 
 ```
+
 </PlatformBlock>
 
 <PlatformBlock for="React">
@@ -175,6 +178,7 @@ function onSorting(args: IgrSortingEventArgs) {
 
 <{ComponentSelector} data={localData} primaryKey="ProductID" onSorting={onSorting}>
 </{ComponentSelector}>
+
 ```
 
 </PlatformBlock>
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/excel-style-filtering.mdx b/docs/xplat/src/content/jp/components/grids/_shared/excel-style-filtering.mdx
index a2935b6671..87c81183b7 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/excel-style-filtering.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/excel-style-filtering.mdx
@@ -301,7 +301,9 @@ Excel スタイル フィルター メニューをさらにカスタマイズす
     FilterMode="FilterMode.ExcelStyleFilter"
     ExcelStyleHeaderIconTemplateScript="WebGridFilterAltIconTemplate">
 </{ComponentSelector}>
+```
 
+```javascript
 // In JavaScript
 igRegisterScript("WebGridFilterAltIconTemplate", (ctx) => {
     var html = window.igTemplating.html;
@@ -309,6 +311,7 @@ igRegisterScript("WebGridFilterAltIconTemplate", (ctx) => {
 }, false);
 
 ```
+
 </PlatformBlock>
 
 <PlatformBlock for="WebComponents">
@@ -321,6 +324,7 @@ constructor() {
 public webGridFilterAltIconTemplate = (ctx: IgcCellTemplateContext) => {
     return html`<img height="15px" width="15px" src="http://static.infragistics.com/xplatform/images/grid/propeller-logo.svg" title="Continued" alt="Continued" />`
 }
+
 ```
 
 </PlatformBlock>
@@ -345,6 +349,7 @@ const webGridFilterAltIconTemplate = (ctx: IgrGridHeaderTemplateContext) => {
 </{ComponentSelector}>
 
 ```
+
 </PlatformBlock>
 
 </ComponentBlock>
@@ -556,7 +561,9 @@ Add razor snipets
     FilterMode="FilterMode.ExcelStyleFilter"
     ExcelStyleHeaderIconTemplateScript="WebGridFilterAltIconTemplate">
 </{ComponentSelector}>
+```
 
+```javascript
 // In JavaScript
 igRegisterScript("WebGridFilterAltIconTemplate", (ctx) => {
     var html = window.igTemplating.html;
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/keyboard-navigation.mdx b/docs/xplat/src/content/jp/components/grids/_shared/keyboard-navigation.mdx
index ca1805857b..91a9427b3f 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/keyboard-navigation.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/keyboard-navigation.mdx
@@ -215,9 +215,9 @@ API を使用して、ユーザー入力の検証やカスタム ナビゲーシ
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
-// In JavaScript
 
+```javascript
+// In JavaScript
 igRegisterScript("WebGridCustomKBNav", (evtArgs) => {
     const args = evtArgs.detail;
     const target = args.target;
@@ -233,6 +233,7 @@ igRegisterScript("WebGridCustomKBNav", (evtArgs) => {
 }, false);
 
 ```
+
 </PlatformBlock>
 
 <PlatformBlock for="React">
@@ -326,10 +327,9 @@ public customKeydown(args: : CustomEvent<IgcGridKeydownEventArgs>) {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
 
+```javascript
 // In JavaScript
-
 igRegisterScript("WebGridCustomKBNav", (evtArgs) => {
     const args = evtArgs.detail;
     const target = args.target;
@@ -349,6 +349,7 @@ igRegisterScript("WebGridCustomKBNav", (evtArgs) => {
 }, false);
 
 ```
+
 </PlatformBlock>
 
 <DocsAside type="info" title="情報">
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/live-data.mdx b/docs/xplat/src/content/jp/components/grids/_shared/live-data.mdx
index 5ea43a33af..ae5e3d022a 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/live-data.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/live-data.mdx
@@ -58,7 +58,7 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 public void OnStart()
 {
     this.StartButton.Disabled = true;
@@ -168,7 +168,7 @@ const updateData = (data: any[]) => {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
  grid1.Data = this.FinancialDataClass.UpdateRandomPrices(this.CurrentStocks);
 ```
 </PlatformBlock>
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/remote-data-operations.mdx b/docs/xplat/src/content/jp/components/grids/_shared/remote-data-operations.mdx
index 841d04f683..1bf8dde826 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/remote-data-operations.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/remote-data-operations.mdx
@@ -602,7 +602,7 @@ export class RemotePagingService {
 <PlatformBlock for="Blazor">
 As Blazor Server is already a remote instance, unlike the demos in the other platforms we do not need to set another remote instance for the data, as the data is already remote. In order to do remote paging, we just need to set a couple of methods ins the data class
 
-```razor
+```csharp
         public Task<List<NwindDataItem>> GetData(int index, int perPage)
         {
             var itemsToReturn = items.Skip(index).Take(perPage).ToList();
@@ -737,7 +737,7 @@ export class RemotePagingService {
 <PlatformBlock for="Blazor">
 As Blazor Server is already a remote instance, unlike the demos in the other platforms we do not need to set another remote instance for the data, as the data is already remote. In order to do remote paging, we just need to set a couple of methods ins the data class
 
-```razor
+```csharp
         public Task<List<NwindDataItem>> GetData(int index, int perPage)
         {
             var itemsToReturn = items.Skip(index).Take(perPage).ToList();
@@ -898,7 +898,7 @@ For further reference, please check the demo bellow:
 <PlatformBlock for="Blazor">
 First we should load some data to the grid. It is best to do after the grid has been rendered to avoid any timing issues.
 
-```razor
+```csharp
     protected override async Task OnAfterRenderAsync(bool firstRender)
     {
         if (firstRender)
@@ -1174,7 +1174,7 @@ For further reference, please check the demo bellow:
 <PlatformBlock for="Blazor">
 First we should load some data to the grid. It is best to do after the grid has been rendered to avoid any timing issues.
 
-```razor
+```csharp
     protected override async Task OnAfterRenderAsync(bool firstRender)
     {
         if (firstRender)
@@ -1605,7 +1605,7 @@ export class RemotePagingService {
 }
 ```
 
-```razor
+```csharp
         public Task<List<NwindDataItem>> GetData(int index, int perPage)
         {
             var itemsToReturn = items.Skip(index).Take(perPage).ToList();
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/row-adding.mdx b/docs/xplat/src/content/jp/components/grids/_shared/row-adding.mdx
index 1d7fe6be24..9e0e35d633 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/row-adding.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/row-adding.mdx
@@ -641,7 +641,9 @@ this.grid.rowEditActionsTemplate = (endRowEdit: IgcGridRowEditActionsTemplateCon
 ```razor
 <{ComponentSelector} Data="data" PrimaryKey="ProductID" AutoGenerate="false" RowEditable="true" RowEditActionsTemplateScript="rowEditActionsTemplate">
 </{ComponentSelector}>
+```
 
+```javascript
 //In JavaScript:
 igRegisterScript("rowEditActionsTemplate", (endRowEdit) => {
     var html = window.igTemplating.html;
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/row-drag.mdx b/docs/xplat/src/content/jp/components/grids/_shared/row-drag.mdx
index c12dc3ca44..02cf6272cb 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/row-drag.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/row-drag.mdx
@@ -634,7 +634,9 @@ constructor() {
 <PlatformBlock for="Blazor">
 ```razor
 <IgbHierarchicalGrid Data="CustomersData" PrimaryKey="ID" RowDraggable="true" RowDragEndScript="WebHierarchicalGridReorderRowHandler"></IgbHierarchicalGrid>
+```
 
+```javascript
 // In JavaScript
 igRegisterScript("WebHierarchicalGridReorderRowHandler", (args) => {
     const ghostElement = args.detail.dragDirective.ghostElement;
@@ -662,6 +664,7 @@ function getCurrentRowIndex(rowList, cursorPosition) {
 }
 
 ```
+
 </PlatformBlock>
 
 </ComponentBlock>
@@ -725,7 +728,9 @@ constructor() {
 <PlatformBlock for="Blazor">
 ```razor
 <IgbGrid Data="CustomersData" PrimaryKey="ID" RowDraggable="true" RowDragEndScript="WebGridReorderRowHandler"></IgbGrid>
+```
 
+```javascript
 // In JavaScript
 igRegisterScript("WebGridReorderRowHandler", (args) => {
     const ghostElement = args.detail.dragDirective.ghostElement;
@@ -753,6 +758,7 @@ function getCurrentRowIndex(rowList, cursorPosition) {
 }
 
 ```
+
 </PlatformBlock>
 
 </ComponentBlock>
@@ -1052,7 +1058,8 @@ public webTreeGridReorderRowStartHandler(args: CustomEvent<IgcRowDragStartEventA
 
 <PlatformBlock for="Blazor">
 <ComponentBlock for="TreeGrid">
-```razor
+
+```javascript
 //in JavaScript
 igRegisterScript("WebTreeGridReorderRowStartHandler", (args) => {
     const draggedRow = args.detail.dragElement;
@@ -1228,8 +1235,10 @@ public getCurrentRowIndex(rowList: any[], cursorPosition) {
 <PlatformBlock for="Blazor">
 ```razor
 <IgbHierarchicalGrid Data="SingersData" PrimaryKey="ID" RowDraggable="true" RowDragEndScript="WebGridReorderRowHandler"></IgbHierarchicalGrid >
+```
 
-//In JavaScript
+```javascript
+//in JavaScript
 igRegisterScript("WebGridReorderRowHandler", (args) => {
     const ghostElement = args.detail.dragDirective.ghostElement;
     const dragElementPos = ghostElement.getBoundingClientRect();
@@ -1256,6 +1265,7 @@ function getCurrentRowIndex(rowList, cursorPosition) {
 }
 
 ```
+
 </PlatformBlock>
 
 </ComponentBlock>
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/row-editing.mdx b/docs/xplat/src/content/jp/components/grids/_shared/row-editing.mdx
index 6f2ec7aebf..e6c36481a6 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/row-editing.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/row-editing.mdx
@@ -559,7 +559,7 @@ If you want the buttons to be part of the keyboard navigation, then each on of t
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```javascript
  igRegisterScript("RowEditActionsTemplate", (ctx) => {
     var html = window.igTemplating.html;
     window.endRowEdit = ctx.implicit;
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/row-pinning.mdx b/docs/xplat/src/content/jp/components/grids/_shared/row-pinning.mdx
index b067024826..da21161997 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/row-pinning.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/row-pinning.mdx
@@ -112,7 +112,7 @@ gridRef.current.getRowByIndex(0).pinned = true;
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 this.Grid.PinRowAsync("ALFKI", 0);
 ```
 </PlatformBlock>
@@ -134,7 +134,7 @@ gridRef.current.unpinRow('ALFKI');
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 this.Grid.PinRowAsync("ALFKI", 0);
 this.Grid.UnpinRowAsync("ALFKI");
 ```
@@ -289,6 +289,9 @@ const pinning: IgrPinningConfig = { rows : RowPinningPosition.Bottom };
 ```razor
 <IgbColumn Width="70px" BodyTemplateScript="WebGridRowPinCellTemplate"/>
 
+```
+
+```javascript
 // In Javascript
 
 igRegisterScript("WebGridRowPinCellTemplate", (ctx) => {
@@ -385,6 +388,9 @@ const cellPinCellTemplate = (ctx: IgrCellTemplateContext) => {
 ```razor
 <IgbColumn Width="70px" BodyTemplateScript="WebHierarchicalGridRowPinCellTemplate"/>
 
+```
+
+```javascript
 // In Javascript
 
 igRegisterScript("WebHierarchicalGridRowPinCellTemplate", (ctx) => {
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/row-selection.mdx b/docs/xplat/src/content/jp/components/grids/_shared/row-selection.mdx
index dbc2fa17e8..c8c11976b9 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/row-selection.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/row-selection.mdx
@@ -608,7 +608,7 @@ const mySelectedRows = [1,2,3];
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```javascript
 igRegisterScript("WebGridRowSelectorTemplate", (ctx) => {
     var html = window.igTemplating.html;
     if (ctx.implicit.selected) {
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/search.mdx b/docs/xplat/src/content/jp/components/grids/_shared/search.mdx
index ade357f989..c024ecceca 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/search.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/search.mdx
@@ -193,7 +193,7 @@ public exactMatch: boolean = false;
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 public string searchText = "";
 public bool caseSensitive = false;
 public bool exactMatch = false;
@@ -229,7 +229,7 @@ private exactMatchChip: IgcChipComponent;
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 private IgbTreeGrid treeGrid;
 
 public string searchText = "";
@@ -884,7 +884,7 @@ defineComponents(IgcInputComponent, IgcChipComponent, IgcIconComponent, IgcIconB
 
 <ComponentBlock for="Grid">
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 // eg. Program.cs register the following:
 builder.Services.AddIgniteUIBlazor(
     typeof(IgbGridModule),
@@ -897,7 +897,7 @@ builder.Services.AddIgniteUIBlazor(
 </ComponentBlock>
 <ComponentBlock for="TreeGrid">
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 // eg. Program.cs register the following:
 builder.Services.AddIgniteUIBlazor(
     typeof(IgbTreeGridModule),
@@ -909,7 +909,7 @@ builder.Services.AddIgniteUIBlazor(
 </PlatformBlock>
 </ComponentBlock>
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 // eg. Program.cs register the following:
 builder.Services.AddIgniteUIBlazor(
     typeof(IgbGridModule),
@@ -930,7 +930,7 @@ builder.Services.AddIgniteUIBlazor(
 </PlatformBlock>
 
 <PlatformBlock for="Angular">
-```razor
+```csharp
 // eg. Program.cs register the following:
 builder.Services.AddIgniteUIBlazor(
     typeof(IgbTreeGridModule),
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/selection.mdx b/docs/xplat/src/content/jp/components/grids/_shared/selection.mdx
index 0139462dec..3dae83b7c8 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/selection.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/selection.mdx
@@ -192,7 +192,7 @@ const rightClick = (event: IgrGridContextMenuEventArgs) => {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
     public void RightClick(MouseEventArgs e)
     {
         this.MenuX = e.ClientX + "px";
@@ -322,7 +322,7 @@ const copyData = (data: any[]) => {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
     public void CopyCellData()
     {
         this.ShowMenu = false;
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/size.mdx b/docs/xplat/src/content/jp/components/grids/_shared/size.mdx
index cba3d8463b..4f43191eef 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/size.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/size.mdx
@@ -863,16 +863,17 @@ public webGridSetGridSize(sender: any, args: IgcPropertyEditorPropertyDescriptio
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
-@code {
-    // In JavaScript
+
+
+```javascript
+// In JavaScript
     igRegisterScript("WebGridSetGridSize", (sender, evtArgs) => {
         var newVal = evtArgs.newValue.toLowerCase();
         var grid = document.getElementById("grid");
         grid.style.setProperty('--ig-size', `var(--ig-size-${newVal})`);
     }, false);
-}
 ```
+
 </PlatformBlock>
 
 <PlatformBlock for="React">
@@ -923,24 +924,6 @@ public webGridSetGridSize(sender: any, args: IgrPropertyEditorPropertyDescriptio
 
 サンプル機能を拡張して `RowHeight` プロパティを `{ComponentName}` に追加します。
 
- ```html
- <{ComponentSelector} #grid class="gridSize" width="100%" height="550px" [data]="data" [rowHeight]="'80px'" [allowFiltering]="true">
- </{ComponentSelector}>
- ```
-
-
- ```razor
- <{ComponentSelector}
-    @ref="grid"
-    Id="grid"
-    Class="gridSize"
-    Width="100%"
-    Height="100%"
-    AutoGenerate="true"
-    Data="northwindEmployees"
-    RowHeight="rowHeight">
-</{ComponentSelector}>
-
 <PlatformBlock for="Angular">
  ```html
  <{ComponentSelector} #grid class="gridSize" width="100%" height="550px" [data]="data" [rowHeight]="'80px'" [allowFiltering]="true">
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/state-persistence.mdx b/docs/xplat/src/content/jp/components/grids/_shared/state-persistence.mdx
index cf6358df9b..ae57c743dd 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/state-persistence.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/state-persistence.mdx
@@ -302,7 +302,7 @@ gridStateRef.current.applyState(sortingFilteringStates, [])
 </ComponentBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 gridState.ApplyStateFromStringAsync(gridStateString, new string[0]);
 gridState.ApplyStateFromStringAsync(sortingFilteringStates, new string[0])
 ```
@@ -614,17 +614,20 @@ function onColumnInit(s: IgrGridComponent, e: IgrColumnComponentEventArgs) {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
+
 ```razor
-// In Javascript
-public void OnColumnInit(IgbColumnComponentEventArgs args)
-{
-    IgbColumn column = args.Detail;
-    if (column.Field == "IsActive")
+@code {
+    public void OnColumnInit(IgbColumnComponentEventArgs args)
     {
-        column.BodyTemplate = ActiveTemplate;
+        IgbColumn column = args.Detail;
+        if (column.Field == "IsActive")
+        {
+            column.BodyTemplate = ActiveTemplate;
+        }
     }
 }
 ```
+
 </PlatformBlock>
 
 </ComponentBlock>
@@ -778,8 +781,8 @@ public onValueInit(event: any) {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
-// In Javascript
+
+```javascript
 const totalSale = (members, data) => {
     return data.reduce((accumulator, value) => accumulator + value.ProductUnitPrice * value.NumberOfUnits, 0);
 };
@@ -827,6 +830,7 @@ igRegisterScript("OnValueInit", (args) => {
 }, false);
 
 ```
+
 </PlatformBlock>
 <PlatformBlock for="Angular, WebComponents">
 - In the `DimensionInit` event handler set all custom <ApiLink type="PivotDimension" member="memberFunction" label="MemberFunction" /> implementations:
@@ -947,7 +951,7 @@ state.applyState(state, ['filtering', 'rowIslands']);
 <PlatformBlock for="Blazor">
 Then the <ApiLink type="GridState" member="getState" /> API will return the state for all grids (root grid and child grids) features excluding `Selection` and <ApiLink type="GridStateInfo" member="sorting" label="Sorting" />. If later on the developer wants to restore only the <ApiLink type="GridStateInfo" member="filtering" label="Filtering" /> state for all grids, use:
 
-```razor
+```csharp
 gridState.ApplyStateFromStringAsync(gridStateString, new string[] { "filtering", "rowIslands" });
 ```
 
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/summaries.mdx b/docs/xplat/src/content/jp/components/grids/_shared/summaries.mdx
index cd458f5d2a..f6f85c622e 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/summaries.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/summaries.mdx
@@ -569,8 +569,8 @@ class MySummary extends IgcNumberSummaryOperand {
 
 <ComponentBlock for="Grid, HierarchicalGrid">
 <PlatformBlock for="Blazor">
-```razor
 
+```javascript
 //In JavaScript
 class WebGridDiscontinuedSummary {
     operate(data, allData, fieldName) {
@@ -601,12 +601,13 @@ class WebGridDiscontinuedSummary {
 }
 
 ```
+
 </PlatformBlock>
 </ComponentBlock>
 
 <ComponentBlock for="TreeGrid">
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 
 //In JavaScript
 class PtoSummary {
@@ -640,6 +641,7 @@ class PtoSummary {
         return result;
     }
 }
+
 ```
 
 </PlatformBlock>
@@ -657,6 +659,7 @@ interface IgxSummaryResult {
     summaryResult: any;
 }
 ```
+
 </PlatformBlock>
 
 <PlatformBlock for="WebComponents">
@@ -736,6 +739,9 @@ export class GridComponent implements OnInit {
         ColumnInitScript="WebGridCustomSummary">
 </{ComponentSelector}>
 
+```
+
+```javascript
 // In Javascript
 igRegisterScript("WebGridCustomSummary", (event) => {
     if (event.detail.field === "UnitsInStock") {
@@ -744,6 +750,7 @@ igRegisterScript("WebGridCustomSummary", (event) => {
 }, false);
 
 ```
+
 </PlatformBlock>
 </ComponentBlock>
 
@@ -803,6 +810,9 @@ export class HierarchicalGridComponent implements OnInit {
         ColumnInitScript="WebHierarchicalGridCustomSummary">
 </{ComponentSelector}>
 
+```
+
+```javascript
 // In Javascript
 igRegisterScript("WebHierarchicalGridCustomSummary", (event) => {
     if (event.detail.field === "GrammyAwards") {
@@ -811,6 +821,7 @@ igRegisterScript("WebHierarchicalGridCustomSummary", (event) => {
 }, false);
 
 ```
+
 </PlatformBlock>
 </ComponentBlock>
 
@@ -866,6 +877,9 @@ export class TreeGridComponent implements OnInit {
         ColumnInitScript="WebTreeGridCustomSummary">
 </{ComponentSelector}>
 
+```
+
+```javascript
 // In Javascript
 igRegisterScript("WebTreeGridCustomSummary", (event) => {
     if (event.detail.field === "Title") {
@@ -874,6 +888,7 @@ igRegisterScript("WebTreeGridCustomSummary", (event) => {
 }, false);
 
 ```
+
 </PlatformBlock>
 </ComponentBlock>
 
@@ -917,7 +932,7 @@ class MySummary extends IgcNumberSummaryOperand {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 class WebGridDiscontinuedSummary {
     operate(data, allData, fieldName) {
         const discontinuedData = allData.filter((rec) => rec['Discontinued']).map(r => r[fieldName]);
@@ -961,7 +976,7 @@ class MySummary extends IgcNumberSummaryOperand {
 ```
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 class PtoSummary {
     operate(data, allData, fieldName) {
         const result = [];
@@ -1062,7 +1077,9 @@ const summaryTemplate = (ctx: IgrSummaryTemplateContext) => {
 ```razor
 <IgbColumn HasSummary="true" SummaryTemplateScript="SummaryTemplate">
 </IgbColumn>
+```
 
+```javascript
 igRegisterScript("SummaryTemplate", (ctx) => {
     var html = window.igTemplating.html;
     return html`<div>
@@ -1070,6 +1087,7 @@ igRegisterScript("SummaryTemplate", (ctx) => {
 </div>`
 }, false);
 ```
+
 </PlatformBlock>
 
 <ApiLink type="Column" member="summaryTemplate" label="SummaryTemplate" /> は、列の集計の結果をコンテキストとして提供する列の集計を対象としています。
@@ -1251,7 +1269,9 @@ public dateSummaryFormat(summary: IgxSummaryResult, summaryOperand: IgxSummaryOp
 <PlatformBlock for="Blazor">
 ```razor
 <IgbColumn HasSummary="true" SummaryFormatterScript="SummaryFormatter"/>
+```
 
+```javascript
 igRegisterScript("SummaryFormatter", (summary) => {
     const result = summary.summaryResult;
     if (summaryOperand instanceof IgcDateSummaryOperand && summary.key !== "count" && result !== null && result !== undefined) {
@@ -1262,6 +1282,7 @@ igRegisterScript("SummaryFormatter", (summary) => {
 }, true);
 
 ```
+
 </PlatformBlock>
 
 <PlatformBlock for="React">
@@ -1276,6 +1297,7 @@ const summaryFormatter = (summary: IgrSummaryResult, summaryOperand: IgrSummaryO
   }
 
 <IgrColumn hasSummary={true} summaryFormatter={summaryFormatter}></IgrColumn>
+
 ```
 
 </PlatformBlock>
@@ -1360,6 +1382,7 @@ const summaryFormatter = (summary: IgrSummaryResult, summaryOperand: IgrSummaryO
 ```html
 <{ComponentSelector} class="grid"></{ComponentSelector}>
 ```
+
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/toolbar.mdx b/docs/xplat/src/content/jp/components/grids/_shared/toolbar.mdx
index b13a80b41e..2ee9af9140 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/toolbar.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/toolbar.mdx
@@ -472,7 +472,9 @@ public rowIslandToolbarTemplate = () => {
     <IgbRowIsland ToolbarTemplateScript="RowIslandToolbarTemplate">
     </IgbRowIsland>
 </IgbHierarchicalGrid>
+```
 
+```javascript
 //In JavaScript:
 igRegisterScript("RowIslandToolbarTemplate", () => {
     var html = window.igTemplating.html;
@@ -487,6 +489,7 @@ igRegisterScript("RowIslandToolbarTemplate", () => {
 }, false);
 
 ```
+
 </PlatformBlock>
 </ComponentBlock>
 
@@ -1083,7 +1086,8 @@ public configureExport(evt: CustomEvent<IgcGridToolbarExportEventArgs>) {
 </PlatformBlock>
 
 <PlatformBlock for="Blazor">
-```razor
+
+```javascript
 // In Javascript
 igRegisterScript("WebGridToolbarExporting", (evt) => {
         const args = evt.detail;
@@ -1094,6 +1098,7 @@ igRegisterScript("WebGridToolbarExporting", (evt) => {
         });
 }, false);
 ```
+
 </PlatformBlock>
 
 </ComponentBlock>
@@ -1146,6 +1151,9 @@ const configureExport = (evt: IgrGridToolbarExportEventArgs) => {
 ```razor
 <{ComponentSelector} ToolbarExportingScript="ConfigureExport"></{ComponentSelector}>
 
+```
+
+```javascript
 // In Javascript
 igRegisterScript("ConfigureExport", (evt) => {
     const args = evt.detail;
@@ -1208,6 +1216,9 @@ const configureExport = (evt: IgrGridToolbarExportEventArgs) => {
 ```razor
 <{ComponentSelector} ToolbarExportingScript="ConfigureExport"></{ComponentSelector}>
 
+```
+
+```javascript
 // In Javascript
 igRegisterScript("ConfigureExport", (evt) => {
     const args = evt.detail;
diff --git a/docs/xplat/src/content/jp/components/grids/_shared/virtualization.mdx b/docs/xplat/src/content/jp/components/grids/_shared/virtualization.mdx
index e96cfe1a50..fccc1764fe 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/virtualization.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/virtualization.mdx
@@ -75,7 +75,7 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 </IgbColumn>
 ```
 
-```
+```javascript
 igRegisterScript("CellTemplate", (ctx) => {
     var html = window.igTemplating.html;
     return html`Template content here`;
diff --git a/docs/xplat/src/content/jp/components/grids/data-grid.mdx b/docs/xplat/src/content/jp/components/grids/data-grid.mdx
index b86a7f5d6d..a88f67bff9 100644
--- a/docs/xplat/src/content/jp/components/grids/data-grid.mdx
+++ b/docs/xplat/src/content/jp/components/grids/data-grid.mdx
@@ -174,7 +174,7 @@ For more details on how to customize the appearance of the grid, you may have a
 <ApiLink type="DataGrid" /> には以下のモジュールが必要です。
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbGridModule));
@@ -428,7 +428,9 @@ public formatUppercase(value: string) {
 
 ```razor
 <IgbColumn Field="Name" HeaderTemplateScript="UpperCaseTemplate" />
+```
 
+```javascript
 //In JavaScript:
 igRegisterScript("UpperCaseTemplate", (ctx) => {
 
@@ -514,7 +516,9 @@ public formatTitleCase(value: string) {
 
 ```razor
 <IgbColumn Field="Name" BodyTemplateScript="NameCellTemplate"/>
+```
 
+```javascript
 //In JavaScript:
 igRegisterScript("NameCellTemplate", (ctx) => {
     var html = window.igTemplating.html;
@@ -672,7 +676,9 @@ function formatTitleCase(value: string) {
     <IgbColumn Field="Name" BodyTemplateScript="NameCellTemplate" />
     <IgbColumn Field="Subscription" BodyTemplateScript="SubscriptionCellTemplate" />
 </IgbGrid>
+```
 
+```javascript
 //In JavaScript:
 igRegisterScript("NameCellTemplate", (ctx) => {
        var html = window.igTemplating.html;
@@ -808,7 +814,9 @@ function updateValue(value: number) {
 
 ```razor
 <IgbColumn Field="Price" Editable=true DataType="GridColumnDataType.Number" InlineEditorTemplateScript="PriceCellTemplate" />
+```
 
+```javascript
 //In JavaScript:
 igRegisterScript("PriceCellTemplate", (ctx) => {
     var html = window.igTemplating.html;
@@ -959,7 +967,9 @@ column.bodyTemplate = smallViewTemplate;
         column.BodyTemplateScript = "NormalViewTemplate";
     }
 }
+```
 
+```javascript
 //In JavaScript:
 igRegisterScript("NormalViewTemplate", (ctx) => {
     var html = window.igTemplating.html;
@@ -1392,7 +1402,7 @@ interface AminoAcid {
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 public class AminoAcid
 {
     public string Name { get; set; }
@@ -1604,7 +1614,9 @@ function abbreviationLongCellTemplate(ctx: IgrCellTemplateContext) {
 
 ```razor
 <IgbColumn Field="Abbreviation.Long" BodyTemplateScript="AbbreviationLongCellTemplate"/>
+```
 
+```javascript
 //In JavaScript:
 igRegisterScript("AbbreviationLongCellTemplate", (ctx) => {
     var html = window.igTemplating.html;
@@ -1678,7 +1690,7 @@ export const EMPLOYEE_DATA = [
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 public class EmployeesNestedData : List<EmployeesNestedDataItem>
 {
     public EmployeesNestedData()
@@ -1862,7 +1874,9 @@ function addressCellTemplate(ctx: IgrCellTemplateContext) {
 
 ```razor
 <IgbColumn Header="Employees" Field="Employees" BodyTemplateScript="WebGridNestedDataCellTemplate" />
+```
 
+```javascript
 //In JavaScript:
 igRegisterScript("WebGridNestedDataCellTemplate", (ctx) => {
     var html = window.igTemplating.html;
@@ -1933,7 +1947,7 @@ export const DATA: any[] = [
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 public class CustomersData : List<CustomersDataItem>
 {
     public CustomersData()
@@ -2074,7 +2088,9 @@ function addressCellTemplate(ctx: IgrCellTemplateContext) {
 <IgbColumn Header="Address" Field="Address"
            Editable="true"
            BodyTemplateScript="AddressCellTemplate" />
+```
 
+```javascript
 //In JavaScript:
 igRegisterScript("AddressCellTemplate", (ctx) => {
     var html = window.igTemplating.html;
@@ -2227,7 +2243,9 @@ function addressEditCellTemplate(ctx: IgrCellTemplateContext) {
 <IgbColumn Header="Address" Field="Address"
            Editable="true"
            InlineEditorTemplateScript="AddressEditCellTemplate" />
+```
 
+```javascript
 //In JavaScript:
 igRegisterScript("AddressEditCellTemplate", (ctx) => {
     var html = window.igTemplating.html;
diff --git a/docs/xplat/src/content/jp/components/grids/grid/groupby.mdx b/docs/xplat/src/content/jp/components/grids/grid/groupby.mdx
index db5a41bf7b..95d65a7a25 100644
--- a/docs/xplat/src/content/jp/components/grids/grid/groupby.mdx
+++ b/docs/xplat/src/content/jp/components/grids/grid/groupby.mdx
@@ -324,7 +324,7 @@ gridRef.current.groupBy([{ fieldName: 'ProductName', dir: SortingDirection.Desc,
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 var row = await this.grid.GetRowByIndexAsync(0);
 this.grid.SelectRowsInGroup(row.GroupRow, true);
 ```
@@ -355,7 +355,7 @@ this.grid.SelectRowsInGroup(row.GroupRow, true);
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 var row = await this.grid.GetRowByIndexAsync(0);
 this.grid.DeselectRowsInGroup(row.GroupRow);
 ```
@@ -406,8 +406,10 @@ const template = (ctx: IgrGroupByRowTemplateContext) => {
 
 ```razor
 <IgbGrid AutoGenerate="true" Data="InvoicesData" @ref="grid" Id="grid" GroupRowTemplateScript="WebGridGroupByRowTemplate"></IgbGrid>
+```
 
 
+```javascript
 //In JavaScript:
 igRegisterScript("WebGridGroupByRowTemplate", (ctx) => {
     var html = window.igTemplating.html;
@@ -460,6 +462,9 @@ const template = (ctx: IgrGroupByRowSelectorTemplateContext) => {
 
 ```razor
 <IgbGrid GroupByRowSelectorTemplateScript="GroupByRowSelectorTemplate"></IgbGrid>
+```
+
+```javascript
 //In Javascript
 igRegisterScript("GroupByRowSelectorTemplate", (ctx) => {
     var html = window.igTemplating.html;
@@ -507,6 +512,9 @@ const template = (ctx: IgrGroupByRowSelectorTemplateContext) => {
 
 ```razor
 <IgbGrid GroupByRowSelectorTemplateScript="GroupByRowSelectorTemplate"></IgbGrid>
+```
+
+```javascript
 //In Javascript
 igRegisterScript("GroupByRowSelectorTemplate", (ctx) => {
     var html = window.igTemplating.html;
diff --git a/docs/xplat/src/content/jp/components/grids/grid/master-detail.mdx b/docs/xplat/src/content/jp/components/grids/grid/master-detail.mdx
index 4a7f4620ec..5f5c24a3ba 100644
--- a/docs/xplat/src/content/jp/components/grids/grid/master-detail.mdx
+++ b/docs/xplat/src/content/jp/components/grids/grid/master-detail.mdx
@@ -99,7 +99,8 @@ constructor() {
 
 <PlatformBlock for="Blazor">
 
-```razor
+
+```javascript
 // In JavaScript
 igRegisterScript("DetailTemplate", (ctx) => {
     var html = window.igTemplating.html;
diff --git a/docs/xplat/src/content/jp/components/grids/grid/paste-excel.mdx b/docs/xplat/src/content/jp/components/grids/grid/paste-excel.mdx
index 0c09fe5a62..1bbde2efd7 100644
--- a/docs/xplat/src/content/jp/components/grids/grid/paste-excel.mdx
+++ b/docs/xplat/src/content/jp/components/grids/grid/paste-excel.mdx
@@ -179,7 +179,9 @@ public get textArea() {
      <IgbColumn Field="ShipCity" Header="Ship City" Width="200px"></IgbColumn>
     <IgbColumn Field="PostalCode" Header="Postal Code" Width="200px"></IgbColumn>
 </IgbGrid>
+```
 
+```javascript
 // In JavaScript
 igRegisterScript("WebGridPasteFromExcel", (evtArgs) => {
     const grid = document.getElementById("grid");
diff --git a/docs/xplat/src/content/jp/components/grids/hierarchical-grid/load-on-demand.mdx b/docs/xplat/src/content/jp/components/grids/hierarchical-grid/load-on-demand.mdx
index f16ad16531..4642f9b64d 100644
--- a/docs/xplat/src/content/jp/components/grids/hierarchical-grid/load-on-demand.mdx
+++ b/docs/xplat/src/content/jp/components/grids/hierarchical-grid/load-on-demand.mdx
@@ -79,7 +79,7 @@ export async function getData(dataState: any): Promise<any> {
 
 ブラウザーが提供する [`fetch()`](https://developer.mozilla.org/ja-JP/docs/Web/API/fetch) グローバル関数を使用した HTTP プロトコルでバックエンドサービスと通信します。データを取得にはサービスのシンプルなメソッドが必要となります。
 
-```razor
+```javascript
 function getData(dataState) {
     return fetch(buildUrl(dataState))
         .then((result) => result.json());
@@ -282,7 +282,7 @@ function buildUrl(dataState: any) {
 
 最後に、リモート サービスは以下のようになります。
 
-```razor
+```javascript
 const DATA_URL = `https://data-northwind.indigo.design/`;
 
 function getData(dataState) {
@@ -757,7 +757,7 @@ useEffect(() => {
 
 ルート グリッドへの参照を取得して、そのデータを設定します。グリッドがサービスのデータを要求して割り当てる前に描画されることを確認するために、`Rendered` イベントを使用します。親がないため、`rootLevel` は **true** でそのキーのみをサービスの `getData` へ渡すことができます。サブスクライブする必要のある Promise を返します。
 
-```razor
+```javascript
 igRegisterScript("OnGridRendered", () => {
     const grid = document.getElementById("hGrid");
 
@@ -869,7 +869,7 @@ function gridCreated(event: IgrGridCreatedEventArgs, _parentKey: string) {
 <PlatformBlock for="Blazor">
 
 
-```razor
+```javascript
 igRegisterScript("OnGridCreated", (args) => {
     const context = args.detail;
     const _parentKey = context.owner.childDataKey === "Orders" ? "Customers" : "Orders";
@@ -1049,7 +1049,7 @@ function gridCreated(event: IgrGridCreatedEventArgs, _parentKey: string) {
 <PlatformBlock for="Blazor">
 
 
-```razor
+```javascript
 igRegisterScript("OnGridRendered", () => {
     const grid = document.getElementById("hGrid");
 
diff --git a/docs/xplat/src/content/jp/components/grids/hierarchical-grid/overview.mdx b/docs/xplat/src/content/jp/components/grids/hierarchical-grid/overview.mdx
index b4e06cda19..a735fd4b78 100644
--- a/docs/xplat/src/content/jp/components/grids/hierarchical-grid/overview.mdx
+++ b/docs/xplat/src/content/jp/components/grids/hierarchical-grid/overview.mdx
@@ -138,7 +138,7 @@ For more details on how to customize the appearance of the hierarchical grid, yo
 ### コンポーネント モジュール
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbhierarchicalGridModule));
@@ -213,7 +213,7 @@ export const singers = [{
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 public class SingersData : List<SingersDataItem>
 {
     public SingersData()
@@ -566,8 +566,9 @@ function buildUrl(dataState: any) {
         <IgbRowIsland ChildDataKey="Details" PrimaryKey="productId" AutoGenerate="true" GridCreatedScript="OnGridCreated"></IgbRowIsland>
     </IgbRowIsland>
 </IgbHierarchicalGrid>
+```
 
-In JavaScript
+```javascript
 igRegisterScript("OnGridRendered", () => {
     const grid = document.getElementsByTagName("igc-hierarchical-grid")[0];
     grid.isLoading = true;
diff --git a/docs/xplat/src/content/jp/components/grids/list.mdx b/docs/xplat/src/content/jp/components/grids/list.mdx
index 2aea71827c..bbe5a36db3 100644
--- a/docs/xplat/src/content/jp/components/grids/list.mdx
+++ b/docs/xplat/src/content/jp/components/grids/list.mdx
@@ -70,7 +70,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbListModule));
diff --git a/docs/xplat/src/content/jp/components/grids/pivot-grid/features.mdx b/docs/xplat/src/content/jp/components/grids/pivot-grid/features.mdx
index 7155c529e9..a3d1d4ca48 100644
--- a/docs/xplat/src/content/jp/components/grids/pivot-grid/features.mdx
+++ b/docs/xplat/src/content/jp/components/grids/pivot-grid/features.mdx
@@ -109,7 +109,7 @@ public pivotConfigHierarchy: IPivotConfiguration = {
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
     var pivotConfiguration = new IgbPivotConfiguration();
     var rowDimension = new IgbPivotDimension() {
         MemberName = "SellerName",
@@ -163,7 +163,7 @@ public pivotConfigHierarchy: IPivotConfiguration = {
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
     var pivotConfiguration = new IgbPivotConfiguration();
     var rowDimension = new IgbPivotDimension() {
         MemberName = "SellerName",
diff --git a/docs/xplat/src/content/jp/components/grids/pivot-grid/overview.mdx b/docs/xplat/src/content/jp/components/grids/pivot-grid/overview.mdx
index 294779b6dd..f9174fcaad 100644
--- a/docs/xplat/src/content/jp/components/grids/pivot-grid/overview.mdx
+++ b/docs/xplat/src/content/jp/components/grids/pivot-grid/overview.mdx
@@ -584,7 +584,7 @@ const pivotConfiguration1: IgrPivotConfiguration = {
 </PlatformBlock>
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
     IgbPivotConfiguration pivotConfiguration = new IgbPivotConfiguration();
     pivotConfiguration.Rows.Add(new IgbPivotDimension()
         {
@@ -638,7 +638,7 @@ public data = [
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 public PivotDataFlat()
 {
     this.Add(new PivotDataFlatItem()
diff --git a/docs/xplat/src/content/jp/components/grids/tree-grid/overview.mdx b/docs/xplat/src/content/jp/components/grids/tree-grid/overview.mdx
index b025fd489b..cfb58b7570 100644
--- a/docs/xplat/src/content/jp/components/grids/tree-grid/overview.mdx
+++ b/docs/xplat/src/content/jp/components/grids/tree-grid/overview.mdx
@@ -125,7 +125,7 @@ For more details on how to customize the appearance of the tree grid, you may ha
 ### コンポーネント モジュール
 
 <PlatformBlock for="Blazor">
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbTreeGridModule));
@@ -213,7 +213,7 @@ const EMPLOYEE_DATA = [
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 public class EmployeesNestedDataItem
 {
     public double ID { get; set; }
@@ -385,7 +385,7 @@ public class EmployeesItem
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 public class EmployeesFlatDataItem
 {
     public double Age { get; set; }
diff --git a/docs/xplat/src/content/jp/components/grids/tree.mdx b/docs/xplat/src/content/jp/components/grids/tree.mdx
index e4ea668200..19be53eb05 100644
--- a/docs/xplat/src/content/jp/components/grids/tree.mdx
+++ b/docs/xplat/src/content/jp/components/grids/tree.mdx
@@ -97,7 +97,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(
diff --git a/docs/xplat/src/content/jp/components/inputs/badge.mdx b/docs/xplat/src/content/jp/components/inputs/badge.mdx
index fed5b1a9a7..001e0fc0d3 100644
--- a/docs/xplat/src/content/jp/components/inputs/badge.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/badge.mdx
@@ -79,7 +79,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <ApiLink pkg="core" type="Badge" /> を使用する前に、次のように登録する必要があります。
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbBadgeModule));
diff --git a/docs/xplat/src/content/jp/components/inputs/button-group.mdx b/docs/xplat/src/content/jp/components/inputs/button-group.mdx
index 4add252b72..0b56ffe218 100644
--- a/docs/xplat/src/content/jp/components/inputs/button-group.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/button-group.mdx
@@ -74,7 +74,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <ApiLink pkg="core" type="ButtonGroup" /> を使用する前に、次のように登録する必要があります:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbButtonGroupModule));
diff --git a/docs/xplat/src/content/jp/components/inputs/button.mdx b/docs/xplat/src/content/jp/components/inputs/button.mdx
index 44a83bd967..f3e49a21ed 100644
--- a/docs/xplat/src/content/jp/components/inputs/button.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/button.mdx
@@ -74,7 +74,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <ApiLink pkg="core" type="Button" /> を使用する前に、次のように登録する必要があります。
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbButtonModule));
diff --git a/docs/xplat/src/content/jp/components/inputs/checkbox.mdx b/docs/xplat/src/content/jp/components/inputs/checkbox.mdx
index 2ab3e0a77a..d8bb23a0ad 100644
--- a/docs/xplat/src/content/jp/components/inputs/checkbox.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/checkbox.mdx
@@ -81,7 +81,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <ApiLink pkg="core" type="Checkbox" /> を使用する前に、次のように登録する必要があります:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbCheckboxModule));
diff --git a/docs/xplat/src/content/jp/components/inputs/chip.mdx b/docs/xplat/src/content/jp/components/inputs/chip.mdx
index d7af66b1fb..0fe5862abc 100644
--- a/docs/xplat/src/content/jp/components/inputs/chip.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/chip.mdx
@@ -79,7 +79,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <ApiLink pkg="core" type="Chip" /> を使用する前に、次のように登録する必要があります:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbChipModule));
diff --git a/docs/xplat/src/content/jp/components/inputs/circular-progress.mdx b/docs/xplat/src/content/jp/components/inputs/circular-progress.mdx
index 208e9eadbc..e0c689ade6 100644
--- a/docs/xplat/src/content/jp/components/inputs/circular-progress.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/circular-progress.mdx
@@ -81,7 +81,7 @@ IgrCircularProgressModule.register();
 
 <ApiLink pkg="core" type="CircularProgress" /> を使用する前に、次のように登録する必要があります:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbCircularProgressModule));
diff --git a/docs/xplat/src/content/jp/components/inputs/combo/features.mdx b/docs/xplat/src/content/jp/components/inputs/combo/features.mdx
index 275420c01a..f6f8431b3d 100644
--- a/docs/xplat/src/content/jp/components/inputs/combo/features.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/combo/features.mdx
@@ -47,7 +47,7 @@ defineComponents(IgcComboComponent, IgcSwitchComponent);
 <PlatformBlock for="Blazor">
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbComboModule));
diff --git a/docs/xplat/src/content/jp/components/inputs/combo/overview.mdx b/docs/xplat/src/content/jp/components/inputs/combo/overview.mdx
index 92d8d7e6ab..e4d8245dde 100644
--- a/docs/xplat/src/content/jp/components/inputs/combo/overview.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/combo/overview.mdx
@@ -63,7 +63,7 @@ defineComponents(IgcComboComponent);
 <ApiLink type="Combo" /> コンポーネントの使用を開始するには、最初にそのモジュールを登録する必要があります。
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbComboModule));
diff --git a/docs/xplat/src/content/jp/components/inputs/date-time-input.mdx b/docs/xplat/src/content/jp/components/inputs/date-time-input.mdx
index dd518d8978..101395985e 100644
--- a/docs/xplat/src/content/jp/components/inputs/date-time-input.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/date-time-input.mdx
@@ -78,7 +78,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <ApiLink pkg="core" type="DateTimeInput" /> を使用する前に、次のように登録する必要があります:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbDateTimeInputModule));
diff --git a/docs/xplat/src/content/jp/components/inputs/dropdown.mdx b/docs/xplat/src/content/jp/components/inputs/dropdown.mdx
index 7376de05b4..9faa275a5e 100644
--- a/docs/xplat/src/content/jp/components/inputs/dropdown.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/dropdown.mdx
@@ -87,7 +87,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 <ApiLink pkg="core" type="Dropdown" /> を使用する前に、次のように登録する必要があります:
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbDropdownModule));
diff --git a/docs/xplat/src/content/jp/components/inputs/highlight.mdx b/docs/xplat/src/content/jp/components/inputs/highlight.mdx
index 6d5a00ded3..31e395c819 100644
--- a/docs/xplat/src/content/jp/components/inputs/highlight.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/highlight.mdx
@@ -66,7 +66,7 @@ dotnet add package IgniteUI.Blazor --version {PackageVerLatest}
 
 `Program.cs` で <ApiLink pkg="core" type="Highlight" /> モジュールを次のように登録します。
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbHighlightModule));
diff --git a/docs/xplat/src/content/jp/components/inputs/icon-button.mdx b/docs/xplat/src/content/jp/components/inputs/icon-button.mdx
index 3cec9a241b..a1b5ed14c8 100644
--- a/docs/xplat/src/content/jp/components/inputs/icon-button.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/icon-button.mdx
@@ -80,7 +80,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 <ApiLink pkg="core" type="IconButton" /> を使用する前に、次のように登録する必要があります:
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbIconButtonModule));
diff --git a/docs/xplat/src/content/jp/components/inputs/input.mdx b/docs/xplat/src/content/jp/components/inputs/input.mdx
index 5b93390cda..d6444cbd5e 100644
--- a/docs/xplat/src/content/jp/components/inputs/input.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/input.mdx
@@ -49,7 +49,7 @@ Input コンポーネントの使用を開始するには、最初にそのモ
 <PlatformBlock for="Blazor">
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbInputModule));
diff --git a/docs/xplat/src/content/jp/components/inputs/linear-progress.mdx b/docs/xplat/src/content/jp/components/inputs/linear-progress.mdx
index 231e62dce2..01814316d0 100644
--- a/docs/xplat/src/content/jp/components/inputs/linear-progress.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/linear-progress.mdx
@@ -79,7 +79,7 @@ IgrLinearProgressModule.register();
 <ApiLink pkg="core" type="LinearProgress" /> を使用する前に、次のように登録する必要があります:
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbLinearProgressModule));
diff --git a/docs/xplat/src/content/jp/components/inputs/mask-input.mdx b/docs/xplat/src/content/jp/components/inputs/mask-input.mdx
index cfda04324a..f908d15000 100644
--- a/docs/xplat/src/content/jp/components/inputs/mask-input.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/mask-input.mdx
@@ -90,7 +90,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <ApiLink pkg="core" type="MaskInput" /> を使用する前に、次のように登録する必要があります:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbMaskInputModule));
diff --git a/docs/xplat/src/content/jp/components/inputs/query-builder.mdx b/docs/xplat/src/content/jp/components/inputs/query-builder.mdx
index 6364023c7e..6376a7dee1 100644
--- a/docs/xplat/src/content/jp/components/inputs/query-builder.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/query-builder.mdx
@@ -183,7 +183,9 @@ this.queryBuilder.addEventListener('expressionTreeChange', (e: CustomEvent<IgcEx
 
 <ApiLink type="ExpressionTree" /> はバインド可能なプロパティです。つまり、`ExpressionTreeChangeScript` を使用して、エンドユーザーが条件を作成、編集、削除して UI を変更したときに通知を受け取ることができます。
 
-```razor
+
+
+```javascript
 // In JavaScript
 igRegisterScript("WebQueryBuilderExpressionTreeChange", (evtArgs) => {
     const expressionTree = evtArgs.detail;
@@ -410,7 +412,9 @@ private buildSearchValueTemplate(ctx: IgcQueryBuilderSearchValueContext) {
 </IgbQueryBuilder>
 ```
 
-```razor
+
+
+```javascript
 // In JavaScript
 igRegisterScript("SearchValueTemplate", (ctx) => {
     const field = ctx.selectedField?.field;
@@ -663,7 +667,9 @@ Region Select の例:
 new() { Field = "Region", DataType = GridColumnDataType.String }
 ```
 
-```razor
+
+
+```javascript
 // In JavaScript
 // Template
 function buildRegionSelect(ctx) {
@@ -693,7 +699,9 @@ Status Radio Group の例:
 new() { Field = "OrderStatus", DataType = GridColumnDataType.Number }
 ```
 
-```razor
+
+
+```javascript
 // In JavaScript
 // Template
 function buildStatusRadios(ctx) {
@@ -734,7 +742,9 @@ Date Picker の例:
 new() { Field = "OrderDate", DataType = GridColumnDataType.Date }
 ```
 
-```razor
+
+
+```javascript
 // In JavaScript
 // Template
 function buildDatePicker(ctx) {
@@ -773,7 +783,9 @@ new()
 }
 ```
 
-```razor
+
+
+```javascript
 // In JavaScript
 // Template
 function buildTimeInput(ctx) {
@@ -805,7 +817,9 @@ new() { Field = "OrderID", DataType = GridColumnDataType.Number }
 new() { Field = "IsRushOrder", DataType = GridColumnDataType.Boolean }
 ```
 
-```razor
+
+
+```javascript
 // In JavaScript
 // Template that handles all these types
 function buildDefaultInput(ctx, equalityCondition) {
diff --git a/docs/xplat/src/content/jp/components/inputs/radio.mdx b/docs/xplat/src/content/jp/components/inputs/radio.mdx
index d58a6ed3b3..46334005e1 100644
--- a/docs/xplat/src/content/jp/components/inputs/radio.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/radio.mdx
@@ -82,7 +82,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 <ApiLink pkg="core" type="Radio" /> と <ApiLink pkg="core" type="RadioGroup" /> を使用する前に、次のように登録する必要があります:
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(
diff --git a/docs/xplat/src/content/jp/components/inputs/rating.mdx b/docs/xplat/src/content/jp/components/inputs/rating.mdx
index 47caed4f0c..6f1e41f5ea 100644
--- a/docs/xplat/src/content/jp/components/inputs/rating.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/rating.mdx
@@ -58,7 +58,7 @@ npm install igniteui-react
 <PlatformBlock for="Blazor">
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbRatingModule));
diff --git a/docs/xplat/src/content/jp/components/inputs/ripple.mdx b/docs/xplat/src/content/jp/components/inputs/ripple.mdx
index a26db6a9fc..a4251f5142 100644
--- a/docs/xplat/src/content/jp/components/inputs/ripple.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/ripple.mdx
@@ -78,7 +78,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 <ApiLink pkg="core" type="Ripple" /> を使用する前に、次のように登録する必要があります:
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbRippleModule));
diff --git a/docs/xplat/src/content/jp/components/inputs/select.mdx b/docs/xplat/src/content/jp/components/inputs/select.mdx
index 01753905e2..582798671d 100644
--- a/docs/xplat/src/content/jp/components/inputs/select.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/select.mdx
@@ -65,7 +65,7 @@ defineComponents(IgcSelectComponent);
 
 <ApiLink pkg="core" type="Input" member="select" label="Select" /> コンポーネントを使用する前に、追加のコンポーネントとともに登録する必要があります:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbSelectModule));
diff --git a/docs/xplat/src/content/jp/components/inputs/slider.mdx b/docs/xplat/src/content/jp/components/inputs/slider.mdx
index 986ba710b2..73ca74485e 100644
--- a/docs/xplat/src/content/jp/components/inputs/slider.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/slider.mdx
@@ -79,7 +79,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 <ApiLink pkg="core" type="Slider" /> と <ApiLink pkg="core" type="RangeSlider" /> を使用する前に、次のように登録する必要があります:
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(
diff --git a/docs/xplat/src/content/jp/components/inputs/switch.mdx b/docs/xplat/src/content/jp/components/inputs/switch.mdx
index abe8c8eedf..daa532466a 100644
--- a/docs/xplat/src/content/jp/components/inputs/switch.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/switch.mdx
@@ -83,7 +83,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 まず、次のコマンドを実行して {ProductName} をインストールする必要があります:
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbSwitchModule));
diff --git a/docs/xplat/src/content/jp/components/inputs/text-area.mdx b/docs/xplat/src/content/jp/components/inputs/text-area.mdx
index 1e9eae8fd0..cda1178d46 100644
--- a/docs/xplat/src/content/jp/components/inputs/text-area.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/text-area.mdx
@@ -34,7 +34,7 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbTextareaModule));
diff --git a/docs/xplat/src/content/jp/components/inputs/tooltip.mdx b/docs/xplat/src/content/jp/components/inputs/tooltip.mdx
index 773260c76b..fdfdeddf93 100644
--- a/docs/xplat/src/content/jp/components/inputs/tooltip.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/tooltip.mdx
@@ -79,7 +79,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <ApiLink pkg="core" type="Tooltip" /> を使用する前に、次のように登録する必要があります:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbTooltipModule));
diff --git a/docs/xplat/src/content/jp/components/layouts/accordion.mdx b/docs/xplat/src/content/jp/components/layouts/accordion.mdx
index 7003801c88..66ea1142ae 100644
--- a/docs/xplat/src/content/jp/components/layouts/accordion.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/accordion.mdx
@@ -90,7 +90,7 @@ import "igniteui-webcomponents/themes/light/bootstrap.css";
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbAccordionModule));
diff --git a/docs/xplat/src/content/jp/components/layouts/avatar.mdx b/docs/xplat/src/content/jp/components/layouts/avatar.mdx
index 7337066575..71c04e2865 100644
--- a/docs/xplat/src/content/jp/components/layouts/avatar.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/avatar.mdx
@@ -55,7 +55,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbAvatarModule));
diff --git a/docs/xplat/src/content/jp/components/layouts/card.mdx b/docs/xplat/src/content/jp/components/layouts/card.mdx
index 628cb12bff..df0e335456 100644
--- a/docs/xplat/src/content/jp/components/layouts/card.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/card.mdx
@@ -73,7 +73,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbCardModule));
diff --git a/docs/xplat/src/content/jp/components/layouts/carousel.mdx b/docs/xplat/src/content/jp/components/layouts/carousel.mdx
index 75ada246d9..028c0afa2d 100644
--- a/docs/xplat/src/content/jp/components/layouts/carousel.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/carousel.mdx
@@ -77,7 +77,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <ApiLink pkg="core" type="Carousel" /> を使用する前に、次のように登録する必要があります:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbCarouselModule));
diff --git a/docs/xplat/src/content/jp/components/layouts/divider.mdx b/docs/xplat/src/content/jp/components/layouts/divider.mdx
index 507ca20c5f..beb8844d66 100644
--- a/docs/xplat/src/content/jp/components/layouts/divider.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/divider.mdx
@@ -68,7 +68,7 @@ IgrDividerModule.register();
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbDividerModule));
diff --git a/docs/xplat/src/content/jp/components/layouts/icon.mdx b/docs/xplat/src/content/jp/components/layouts/icon.mdx
index f5f5305c0a..10700f70b1 100644
--- a/docs/xplat/src/content/jp/components/layouts/icon.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/icon.mdx
@@ -54,7 +54,7 @@ defineComponents(IgcIconComponent);
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbIconModule));
diff --git a/docs/xplat/src/content/jp/components/layouts/splitter.mdx b/docs/xplat/src/content/jp/components/layouts/splitter.mdx
index 9e7f0e30e2..fa710d1b38 100644
--- a/docs/xplat/src/content/jp/components/layouts/splitter.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/splitter.mdx
@@ -4,10 +4,13 @@ description: "{ProductName} スプリッター コンポーネントを使用し
 keywords: "スプリッター, 分割ペイン, サイズ変更可能なペイン, Web Components スプリッター, {Platform} スプリッター, {ProductName}"
 license: MIT
 mentionedTypes: ["Splitter"]
+_language: ja
 llms:
   description: "{ProductName} スプリッターは、コンテンツを start と end の 2 つの領域に分割する、サイズ変更可能な分割ペイン レイアウトを提供します。"
 ---
+import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
+import ApiRef from 'igniteui-astro-components/components/mdx/ApiRef.astro';
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
 # {Platform} スプリッターの概要
@@ -16,10 +19,18 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
 ## {Platform} スプリッターの例
 
+<PlatformBlock for="WebComponents, React">
 <Sample src="/layouts/splitter/base" height={520} alt="{Platform} スプリッターの例" />
+</PlatformBlock>
 
+<PlatformBlock for="Blazor">
+<Sample src="/layouts/splitter/overview" height={520} alt="{Platform} スプリッターの例" />
+</PlatformBlock>
 
-## 使用方法
+
+## {Platform} スプリッターを使用した作業の開始
+
+<PlatformBlock for="WebComponents">
 
 まず、次のコマンドを実行して {ProductName} をインストールする必要があります:
 
@@ -37,8 +48,54 @@ defineComponents(IgcSplitterComponent);
 
 {ProductName} の概要については、[**作業の開始**](../general-getting-started.md) トピックを参照してください。
 
+</PlatformBlock>
+
+<PlatformBlock for="React">
+
+まず、次のコマンドを実行して、対応する {ProductName} npm パッケージをインストールする必要があります:
+
+```cmd
+npm install igniteui-react
+```
+
+次に、以下のように、<ApiLink type="Splitter" /> と必要な CSS をインポートする必要があります:
+
+```tsx
+import { IgrSplitter } from 'igniteui-react';
+import 'igniteui-webcomponents/themes/light/bootstrap.css';
+```
+
+</PlatformBlock>
+
+<PlatformBlock for="Blazor">
+
+```razor
+// in Program.cs file
+
+builder.Services.AddIgniteUIBlazor(
+    typeof(IgbSplitterModule)
+);
+```
+
+</PlatformBlock>
+
+
+<PlatformBlock for="Blazor">
+
+また、追加の CSS ファイルをリンクして、スタイルを <ApiLink pkg="core" type="Splitter" /> コンポーネントに適用する必要があります。以下は、**Blazor Web Assembly** プロジェクトの **wwwroot/index.html** ファイルまたは **Blazor Server** プロジェクトの **Pages/_Host.cshtml** ファイルに配置する必要があります:
+
+```razor
+<link href="_content/IgniteUI.Blazor/themes/light/bootstrap.css" rel="stylesheet" />
+```
+
+</PlatformBlock>
+
+## {Platform} スプリッターの使用
+
 `start` スロットと `end` スロットを使用してペイン コンテンツを配置します:
 
+<PlatformBlock for="WebComponents">
+
 ```html
 <igc-splitter style="height: 400px;">
   <div slot="start">Start pane content</div>
@@ -46,13 +103,39 @@ defineComponents(IgcSplitterComponent);
 </igc-splitter>
 ```
 
+</PlatformBlock>
+
+<PlatformBlock for="React">
+
+```tsx
+<IgrSplitter>
+  <div slot="start">Start pane content</div>
+  <div slot="end">End pane content</div>
+</IgrSplitter>
+```
+
+</PlatformBlock>
+
+<PlatformBlock for="Blazor">
+
+```razor
+<IgbSplitter>
+  <div slot="start">Start pane content</div>
+  <div slot="end">End pane content</div>
+</IgbSplitter>
+```
+
+</PlatformBlock>
+
 ### 方向
 
-`orientation` プロパティを設定してペインの方向を制御します:
+<ApiLink type="Splitter" member="orientation" label="Orientation" /> プロパティを設定してペインの方向を制御します:
 
 - `horizontal` (デフォルト): start ペインと end ペインが左右に表示されます。
 - `vertical`: start ペインと end ペインが上下に表示されます。
 
+<PlatformBlock for="WebComponents">
+
 ```html
 <igc-splitter orientation="vertical" style="height: 400px;">
   <div slot="start">Top pane</div>
@@ -60,16 +143,42 @@ defineComponents(IgcSplitterComponent);
 </igc-splitter>
 ```
 
+</PlatformBlock>
+
+<PlatformBlock for="React">
+
+```tsx
+<IgrSplitter orientation="vertical">
+  <div slot="start">Top pane</div>
+  <div slot="end">Bottom pane</div>
+</IgrSplitter>
+```
+
+</PlatformBlock>
+
+<PlatformBlock for="Blazor">
+
+```razor
+<IgbSplitter Orientation="SplitterOrientation.Vertical">
+  <div slot="start">Top pane</div>
+  <div slot="end">Bottom pane</div>
+</IgbSplitter>
+```
+
+</PlatformBlock>
+
 ### ペインのサイズと制約
 
 サイズ プロパティを使用して、初期ペイン サイズと制約付きペイン サイズを設定します:
 
-- `start-size`、`end-size`
-- `start-min-size`、`end-min-size`
-- `start-max-size`、`end-max-size`
+- <ApiLink type="Splitter" member="startSize" label="StartSize" />、<ApiLink type="Splitter" member="endSize" label="EndSize" />
+- <ApiLink type="Splitter" member="startMinSize" label="StartMinSize" />、<ApiLink type="Splitter" member="endMinSize" label="EndMinSize" />
+- <ApiLink type="Splitter" member="startMaxSize" label="StartMaxSize" />、<ApiLink type="Splitter" member="endMaxSize" label="EndMaxSize" />
 
 値には `px` や `%` などの CSS 長さの値を指定できます。
 
+<PlatformBlock for="WebComponents">
+
 ```html
 <igc-splitter
   start-size="35%"
@@ -83,17 +192,53 @@ defineComponents(IgcSplitterComponent);
 </igc-splitter>
 ```
 
+</PlatformBlock>
+
+<PlatformBlock for="React">
+
+```tsx
+<IgrSplitter
+  startSize="35%"
+  endSize="65%"
+  startMinSize="200px"
+  endMinSize="180px"
+>
+  <div slot="start">Navigation</div>
+  <div slot="end">Main content</div>
+</IgrSplitter>
+```
+
+</PlatformBlock>
+
+<PlatformBlock for="Blazor">
+
+```razor
+<IgbSplitter
+  StartSize="35%"
+  EndSize="65%"
+  StartMinSize="200px"
+  EndMinSize="180px"
+>
+  <div slot="start">Navigation</div>
+  <div slot="end">Main content</div>
+</IgbSplitter>
+```
+
+</PlatformBlock>
+
 ### 折りたたみとサイズ変更
 
 以下のプロパティを使用してインタラクションを制御します:
 
-- `disable-resize`: ペインのサイズ変更を無効にします。
-- `disable-collapse`: ペインの折りたたみを無効にします。
-- `hide-drag-handle`: ドラッグ ハンドルを非表示にします。
-- `hide-collapse-buttons`: 折りたたみボタンと展開ボタンを非表示にします。
+- <ApiLink type="Splitter" member="disableResize" label="DisableResize" />: ペインのサイズ変更を無効にします。
+- <ApiLink type="Splitter" member="disableCollapse" label="DisableCollapse" />: ペインの折りたたみを無効にします。
+- <ApiLink type="Splitter" member="hideDragHandle" label="HideDragHandle" />: ドラッグ ハンドルを非表示にします。
+- <ApiLink type="Splitter" member="hideCollapseButtons" label="HideCollapseButtons" />: 折りたたみボタンと展開ボタンを非表示にします。
 
 ペインをプログラムで折りたたんだり展開したりすることもできます:
 
+<PlatformBlock for="WebComponents">
+
 ```ts
 const splitter = document.querySelector('igc-splitter') as IgcSplitterComponent;
 
@@ -101,6 +246,42 @@ splitter.toggle('start'); // collapse start pane
 splitter.toggle('start'); // expand start pane
 ```
 
+</PlatformBlock>
+
+<PlatformBlock for="React">
+
+```tsx
+import { useRef } from 'react';
+
+const splitterRef = useRef<IgrSplitterComponent>(null);
+
+const toggleStartPane = () => {
+  splitterRef.current?.toggle('start');
+};
+```
+
+</PlatformBlock>
+
+<PlatformBlock for="Blazor">
+
+```razor
+<IgbSplitter @ref="SplitterRef">
+  <div slot="start">Start pane</div>
+  <div slot="end">End pane</div>
+</IgbSplitter>
+
+@code {
+    private IgbSplitter SplitterRef;
+
+    public async Task ToggleStartPane()
+    {
+      this.SplitterRef.Toggle(PanePosition.Start);
+    }
+}
+```
+
+</PlatformBlock>
+
 ### ネストされたスプリッター
 
 スプリッターをネストして、複数の領域のレイアウトを作成できます。
@@ -111,20 +292,71 @@ splitter.toggle('start'); // expand start pane
 
 スプリッターは、サイズ変更操作中に次のイベントを発行します:
 
+<PlatformBlock for="WebComponents">
+
 - `igcResizeStart`: サイズ変更の開始時に 1 回発行されます。
 - `igcResizing`: サイズ変更中に継続的に発行されます。
 - `igcResizeEnd`: サイズ変更の終了時に 1 回発行されます。
 
 イベントの詳細には、進行中のイベントと終了イベントの現在の `startPanelSize`、`endPanelSize`、および `delta` が含まれます。
 
+</PlatformBlock>
+
+<PlatformBlock for="React, Blazor">
+
+- <ApiLink type="Splitter" member="onResizeStart" label="ResizeStart" />: サイズ変更の開始時に 1 回発行されます。
+- <ApiLink type="Splitter" member="onResizing" label="Resizing" />: サイズ変更中に継続的に発行されます。
+- <ApiLink type="Splitter" member="onResizeEnd" label="ResizeEnd" />: サイズ変更の終了時に 1 回発行されます。
+
+イベントの詳細には、進行中のイベントと終了イベントの現在の `StartPanelSize`、`EndPanelSize`、および `Delta` が含まれます。
+
+</PlatformBlock>
+
+<PlatformBlock for="WebComponents">
+
 ```ts
-const splitter = document.querySelector('igc-splitter') as IgcSplitterComponent;
+const splitter = document.querySelector('igc-splitter');
 
-splitter.addEventListener('igcResizeEnd', (event: CustomEvent) => {
+splitter?.addEventListener('igcResizeEnd', (event: CustomEvent) => {
   console.log(event.detail.startPanelSize, event.detail.endPanelSize, event.detail.delta);
 });
 ```
 
+</PlatformBlock>
+
+<PlatformBlock for="React">
+
+```tsx
+const handleResizeEnd = (event: CustomEvent<IgcSplitterResizeEventArgs>) => {
+  console.log(event.detail.startPanelSize, event.detail.endPanelSize, event.detail.delta);
+};
+
+<IgrSplitter onResizeEnd={handleResizeEnd}>
+  <div slot="start">Start pane</div>
+  <div slot="end">End pane</div>
+</IgrSplitter>
+```
+
+</PlatformBlock>
+
+<PlatformBlock for="Blazor">
+
+```razor
+<IgbSplitter ResizeEnd="OnResizeEnd">
+  <div slot="start">Start pane</div>
+  <div slot="end">End pane</div>
+</IgbSplitter>
+
+@code {
+    public void OnResizeEnd(IgbSplitterResizeEventArgs e)
+    {
+        Console.WriteLine($"StartPanelSize: {e.Detail.StartPanelSize}, EndPanelSize: {e.Detail.EndPanelSize}");
+    }
+}
+```
+
+</PlatformBlock>
+
 ## キーボード ナビゲーション
 
 スプリッター バーにフォーカスがある場合:
@@ -179,9 +411,7 @@ igc-splitter {
 <Sample src="/layouts/splitter/styling" height={520} alt="{Platform} スプリッターのスタイリング例" />
 
 ## API リファレンス
-
-<ApiLink type="Splitter" />
-
+<ApiRef pkg="core" types={["Splitter"]} />
 - [`スタイル設定とテーマ`](../themes/overview.md)
 
 ## その他のリソース
diff --git a/docs/xplat/src/content/jp/components/layouts/stepper.mdx b/docs/xplat/src/content/jp/components/layouts/stepper.mdx
index 9d6d5a1580..0a3924a966 100644
--- a/docs/xplat/src/content/jp/components/layouts/stepper.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/stepper.mdx
@@ -81,7 +81,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(
diff --git a/docs/xplat/src/content/jp/components/layouts/tabs.mdx b/docs/xplat/src/content/jp/components/layouts/tabs.mdx
index 473e739614..363bc27793 100644
--- a/docs/xplat/src/content/jp/components/layouts/tabs.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/tabs.mdx
@@ -72,7 +72,7 @@ import { IgrTabs, IgrTab } from "igniteui-react";
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbTabsModule));
diff --git a/docs/xplat/src/content/jp/components/layouts/tile-manager.mdx b/docs/xplat/src/content/jp/components/layouts/tile-manager.mdx
index 9cfb382b75..6d2c558ca6 100644
--- a/docs/xplat/src/content/jp/components/layouts/tile-manager.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/tile-manager.mdx
@@ -102,7 +102,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 <PlatformBlock for="Blazor">
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbTileManagerModule));
diff --git a/docs/xplat/src/content/jp/components/linear-gauge.mdx b/docs/xplat/src/content/jp/components/linear-gauge.mdx
index fce6289c41..9799493499 100644
--- a/docs/xplat/src/content/jp/components/linear-gauge.mdx
+++ b/docs/xplat/src/content/jp/components/linear-gauge.mdx
@@ -49,7 +49,7 @@ npm install --save {PackageGauges}
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbLinearGaugeModule));
diff --git a/docs/xplat/src/content/jp/components/localization.mdx b/docs/xplat/src/content/jp/components/localization.mdx
new file mode 100644
index 0000000000..eb71f4c3ed
--- /dev/null
+++ b/docs/xplat/src/content/jp/components/localization.mdx
@@ -0,0 +1,589 @@
+---
+title: ローカライゼーション (i18n) | {ProductName} | Infragistics
+description: Infragistics の {Platform} ローカライゼーションを使用して、Infragistics の {Platform} コンポーネントを簡単に翻訳・ローカライズできます
+keywords: "{ProductName}, Infragistics, ローカライゼーション, 国際化, i18n"
+mentionedTypes: ["Grid"]
+_language: ja
+---
+import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
+import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
+import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
+import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
+
+
+# {Platform} ローカライゼーション (i18n)
+
+新しいローカライゼーションでは、利用可能なすべてのロケールのローカライゼーション文字列とフォーマットに関する要件を減らしながら、より多くの機能を提供します。フォーマットは `Intl` API によって導入された標準に基づいています。
+
+現在、{ProductName} には次の言語のリソース文字列が同梱されています: `Bulgarian`、`Czech`、`Danish`、`Dutch`、`English`、`French`、`German`、`Hungarian`、`Italian`、`Japanese`、`Korean`、`Norwegian`、`Polish`、`Portuguese`、`Romanian`、`Spanish`、`Swedish`、`Turkish`、`Traditional Chinese (zh-Hant)`、`Simplified Chinese (zh-Hans)`。これらは `igniteui-i18n-resources` パッケージ経由で利用可能ですが、英語はデフォルトのローカライゼーションとして提供されます。
+
+## {Platform} ローカライゼーションの例
+
+<Sample src="/{GridSample}/localization" height={605} alt="{Platform} {GridTitle} Localization Example" />
+
+
+<DocsAside type="info">
+サンプルに含まれているヒンディー語 (HI) は、カスタム ローカライゼーション オブジェクトを渡す可能性を示すための例示目的のみです。このサンプルでは、サマリー用のいくつかのローカライズ済み文字列のみが含まれています。詳細については、以下の「[カスタム ローカライズ リソース文字列](#custom-localized-resource-strings)」セクションを参照してください。
+</DocsAside>
+
+## ロケール
+
+**ロケール**という用語は、異なる言語や地域を定義する一般的な文字列を指します。これらは [BCP 47](https://developer.mozilla.org/en-US/docs/Glossary/BCP_47_language_tag) タグ定義に基づいています。基本的なものの多くは [IANA Language Subtag Registry](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry) に記載されています。言語の一覧については、[ISO 639 言語規格](https://www.loc.gov/standards/iso639-2/)を参照してください。
+
+これは、日付や数値のフォーマットと、{ProductName} コンポーネントが使用するローカライズ済みリソース文字列の両方に影響します。{ProductName} のデフォルト ロケールは `en-US` です。
+
+ロケールはグローバルまたはコンポーネントごとに複数の方法で設定できます。
+
+### グローバル API
+
+
+<PlatformBlock for="WebComponents">
+
+
+
+[`igniteui-webcomponents`](https://www.npmjs.com/package/igniteui-webcomponents) または [`igniteui-webcomponents-grids`](https://www.npmjs.com/package/igniteui-webcomponents-grids) パッケージから利用可能な <ApiLink pkg="core" type="setCurrentI18n" /> メソッドを使用して、グローバルで使用するロケールを設定できます。すべての型と API はどちらのパッケージからもインポートできます。これはフォーマットとすべてのコンポーネントで使用される登録済みリソース文字列の両方に影響します。リソース文字列の詳細については、「[ローカライズ リソース文字列](#localized-resource-strings)」を参照してください。
+
+
+</PlatformBlock>
+
+
+
+<PlatformBlock for="React">
+
+
+
+[`igniteui-react`](https://www.npmjs.com/package/igniteui-react) または [`igniteui-react-grids`](http://npmjs.com/package/igniteui-react-grids) パッケージから利用可能な <ApiLink pkg="core" type="setCurrentI18n" /> メソッドを使用して、グローバルで使用するロケールを設定できます。すべての型と API はどちらのパッケージからもインポートできます。これはフォーマットとすべてのコンポーネントで使用される登録済みリソース文字列の両方に影響します。リソース文字列の詳細については、「[ローカライズ リソース文字列](#localized-resource-strings)」を参照してください。
+
+
+</PlatformBlock>
+
+
+
+<PlatformBlock for="Blazor">
+
+
+
+`I18nManager` から利用可能な `SetCurrentI18n` メソッドを使用して、グローバルで使用するロケールを設定できます。これはフォーマットとすべてのコンポーネントで使用される登録済みリソース文字列の両方に影響します。リソース文字列の詳細については、「[ローカライズ リソース文字列](#localized-resource-strings)」を参照してください。前述のとおり、まず `IgniteUII18nManager` をインポートする必要があります:
+
+```razor
+@inject IIgniteUII18nManager I18nManager;
+
+I18nManager.SetCurrentI18nAsync("de");
+```
+
+
+</PlatformBlock>
+
+
+```ts
+setCurrentI18n('de');
+```
+
+{ProductName} は `Intl` でサポートされているすべてのロケールをサポートします。指定されたロケールが無効またはサポートされていない場合、有効なロケールが設定されるまでデフォルトの `en-US` ロケールが使用されます。
+
+一般的に、リソースはコンポーネントが適切にローカライズされるよう、使用を想定しているタグの言語、地域、スクリプトに登録する必要があります。詳細については、「[地域とスクリプト](#regions-and-scripts)」セクションを参照してください。
+
+### `lang` 属性
+
+このアプローチでは、`HTML` タグのグローバル属性 `lang` を通じてローカライゼーションを設定できます。この属性は監視されており、変更されると、すべてのレンダリング済みコンポーネントのリソース文字列が現在設定されている言語に更新されます。使用するタグに関するすべてのルールは上記の説明どおりに適用されます。
+
+<DocsAside type="info">
+これはルート レベルでのみ機能し、ページ内の内部要素には機能しません。
+</DocsAside>
+
+
+<PlatformBlock for="WebComponents, Blazor">
+
+
+
+```html
+<html lang="ja">
+    <head>
+        <title>My app</title>
+    </head>
+    <body></body>
+</html>
+```
+
+
+</PlatformBlock>
+
+
+<PlatformBlock for="React">
+
+```tsx
+<html lang="ja">
+    <head>
+        <title>My app</title>
+    </head>
+    <body></body>
+</html>
+```
+
+</PlatformBlock>
+
+<PlatformBlock for="Blazor">
+
+```razor
+<html lang="ja">
+    <head>
+        <title>My app</title>
+    </head>
+    <body></body>
+</html>
+```
+
+</PlatformBlock>
+
+### コンポーネントごと
+
+各コンポーネントには独自の `locale` プロパティもあります。指定された場合、コンポーネントはグローバル ロケールの影響を受けません。
+
+<PlatformBlock for="WebComponents">
+
+```html
+<igc-grid locale="ja">
+    <igc-column field="ProductName" header="Product Name" groupable="true"></igc-column>
+    <igc-column field="QuantityPerUnit" header="Quantity Per Unit" groupable="true"></igc-column>
+</igc-grid>
+```
+
+</PlatformBlock>
+
+<PlatformBlock for="React">
+
+```tsx
+<IgrGrid data={data} locale="ja">
+    <IgrColumn field="ProductName" header="Product Name" groupable={true}></IgrColumn>
+    <IgrColumn field="QuantityPerUnit" header="Quantity Per Unit" groupable={true}></IgrColumn>
+</IgrGrid>
+```
+
+</PlatformBlock>
+
+<PlatformBlock for="Blazor">
+
+```razor
+<IgbGrid Data="@data" Locale="ja">
+    <IgbColumn Field="ProductName" Header="Product Name" Groupable="true"></IgbColumn>
+    <IgbColumn Field="QuantityPerUnit" Header="Quantity Per Unit" Groupable="true"></IgbColumn>
+</IgbGrid>
+```
+
+</PlatformBlock>
+
+## フォーマット
+
+前述のとおり、ロケールは日付、数値、および関連する文字列をレンダリングするすべての {ProductName} コンポーネントのフォーマットに影響し、`Intl` API に基づいています。デフォルトで有効です。
+
+### 日付フォーマット
+
+Grid や DatePicker などのコンポーネントでは、日付フォーマットを指定できます (グリッドではカラムごとに指定可能)。以下の表に、設定または使用してカスタム フォーマットを構築できる利用可能なオプションを示します。
+
+利用可能な定義済みフォーマット オプション:
+
+| オプション | 相当する形式 | 例 (en-US ロケールでの表示) |
+| ------ | --------------| --------------------------------|
+| 'short' | 'M/d/yy, h:mm a' | 6/15/15, 9:03 AM |
+| 'medium' | 'MMM d, y, h:mm:ss a' | Jun 15, 2015, 9:03:01 AM |
+| 'long' | 'MMMM d, y, h:mm:ss a z' | June 15, 2015 at 9:03:01 AM GMT+1 |
+| 'full' | 'EEEE, MMMM d, y, h:mm:ss a zzzz' | Monday, June 15, 2015 at 9:03:01 AM GMT+01:00 |
+| 'shortDate' | 'M/d/yy' | 6/15/15 |
+| 'mediumDate' | 'MMM d, y' | Jun 15, 2015 |
+| 'longDate' | 'MMMM d, y' | June 15, 2015 |
+| 'fullDate' | 'EEEE, MMMM d, y' | Monday, June 15, 2015 |
+| 'shortTime' | 'h:mm a' | 9:03 AM |
+| 'mediumTime' | 'h:mm:ss a' | 9:03:01 AM |
+| 'longTime' | 'h:mm:ss a z' | 9:03:01 AM GMT+1 |
+| 'fullTime' | 'h:mm:ss a zzzz' | 9:03:01 AM GMT+01:00 |
+
+カスタム フォーマット オプション:
+
+| 日付フィールド | 値 | 説明 | 例 |
+|-|-|-|-|
+| 曜日 | c, cc, ccc, E, EE, EEE | 曜日の省略形 | Tue |
+| | cccc, EEEE | 曜日の完全形 | Tuesday |
+| | ccccc, EEEEE | 曜日の最短形 | T |
+| 日| d | 数値表示 (可能な場合は 1 桁) | 1, 10 |
+| | dd | 常に 2 桁 (ゼロ パディング) | 01, 10 |
+| 月 | M, L | 数値表示 (可能な場合は 1 桁) | 8, 12 |
+| | MM, LL | 常に 2 桁 (ゼロ パディング) | 08, 12 |
+| | MMM, LLL | 月の省略名 | Oct |
+| | MMMM, LLLL | 月の完全名 | October |
+| | MMMMM, LLLLL | 月の最短名 | O |
+| 年 | y, yyy, yyyy | 数値表示 | 1, 24, 632, 2025 |
+| | yy | 2 桁表示 (可能な場合はゼロ パディング) | 01, 24, 32, 25 |
+| ISO 8601 年  | Y, YYY, YYYY | 数値表示 | 1, 24, 632, 2025 |
+| | YY | 2 桁表示 (可能な場合はゼロ パディング) | 01, 24, 32, 25 |
+| 紀元 | G, GG, GGG | 省略表示 | AD, BC |
+| | GGGG | 完全表示 |  Anno Domini, Before Christ|
+| | GGGGG | 最短表示 | A, B |
+| 分 | m | 数値 (可能な場合は 1 桁) | 1, 5, 22 |
+| | mm | 2 桁表示 (ゼロ パディング)| 01, 05, 22 |
+| 時 (1-12) | h | 数値 (可能な場合は 1 桁) | 8, 12 |
+| | hh | 2 桁 (ゼロ パディング) | 08, 13 |
+| 時 (0-23) | H | 数値 (可能な場合は 1 桁) | 8, 21 |
+| | HH | 2 桁 (ゼロ パディング)| 08, 21 |
+| 時 (0-11) | K | 数値 (可能な場合は 1 桁) | 0, 11 |
+| | KK | 2 桁 (ゼロ パディング) | 00, 11 |
+| 秒 | s | 数値 (可能な場合は 1 桁) | 0...59 |
+| | ss | 2 桁 (ゼロ パディング) | 00...59 |
+| 小数秒 | S | 1 桁の数値 | 0...9 |
+| | SS | 2 桁の数値 | 00...99 |
+| | SSS | 3 桁の数値 | 000...999 |
+| 時間帯 (省略形) | a, t | 常に小文字 | am, pm |
+| | aa, aaa, tt, ttt | 常に大文字 | AM, PM |
+| | aaaa, tttt | ロケールに基づいて大文字・小文字 | am, pm, AM, PM |
+| | aaaaa, ttttt | 常に最短小文字 | a, p |
+| 時間帯 (拡張形) | b, bb, bbb, B, BB, BBB | 短い表示。`Intl` ロケールに基づく | en-GB: at night |
+| | bbbb, BBBB | 長い表示。`Intl` ロケールに基づく| en-GB: at night |
+| | bbbbb, BBBBB | 最短表示。`Intl` ロケールに基づく | en-GB: at night |
+| タイムゾーン | z, zz, zzz, Z, ZZ, ZZZ, O, OO, OOO | 短い表示 | GMT+4 |
+| | zzzz, ZZZZ, OOOO | 長い表示 | GMT+0430 |
+
+## ローカライズ リソース文字列
+
+すべての {ProductName} コンポーネントはデフォルトで英語でレンダリングされ、リストされている任意の言語でレンダリングできます。グローバルに設定する方法は 3 つ、コンポーネントごとに設定する方法は 1 つあります。現在利用できない言語については、API を通じて利用可能な各リソース文字列にカスタム翻訳を提供できます。
+
+コンポーネント文字列の翻訳はリソース文字列に格納されており、コンポーネントで使用する前にローカライゼーション システムに登録する必要があります。
+
+
+<PlatformBlock for="WebComponents, React">
+
+
+
+そのためには、まずすべての言語のローカライズ済みリソース文字列を含む [`igniteui-i18n-resources`](https://www.npmjs.com/package/igniteui-i18n-resources) パッケージをインストールする必要があります:
+
+```
+npm install igniteui-i18n-resources --save-dev
+```
+
+その後、利用可能にする各言語を登録します。たとえば、ドイツ語と日本語の場合:
+
+```ts
+import { ResourceStringsDE, ResourceStringsJA } from 'igniteui-i18n-resources';
+
+registerI18n(ResourceStringsDE, 'de');
+registerI18n(ResourceStringsJA, 'ja');
+```
+
+
+</PlatformBlock>
+
+
+
+<PlatformBlock for="Blazor">
+
+
+
+そのためには、まずすべての言語のローカライズ済みリソース文字列を含む [`IgniteUI.Blazor.I18n.Resources`] NuGet パッケージをインストールします:
+
+```
+nuget install IgnieteUI.Blazor.I18n.Resources
+```
+
+```razor
+I18nManager.RegisterI18nAsync(new IgbResourceStringsBG(), "bg");
+```
+
+
+</PlatformBlock>
+
+
+リソース文字列を適用するロケールも指定する必要があります。無効なタグが指定された場合、リソースはデフォルトの `en-US` ロケールに設定されます。
+
+### 地域とスクリプト
+
+リソースの登録に使用するロケールの `言語 + 地域` または `言語 + スクリプト` の部分が考慮されます。これらは最も一般的に使用される組み合わせです。地域とスクリプトは `-` で区切られ、通常は 2 番目または 3 番目の位置に定義されます。例: `en-US`、`en-GB`、`en-Latn`。
+
+地域もスクリプトも指定されていない場合、登録済みリソースはそのベース言語を使用するすべてのロケールに適用されます (例: `en`)。ただし、特定の地域またはスクリプト用にリソースが定義されている場合、独自のリソースが定義されていないロケールのみがベース言語リソースにフォールバックします。
+
+リソースを登録する際、スクリプトは地域よりも高い優先度を持ちます。両方を同時に混在させるのではなく、地域またはスクリプトのいずれかを使用することをお勧めします。これにより、特定のロケールに対してどのリソースが利用可能かを管理・識別しやすくなります。
+
+地域とスクリプトの両方が使用される場合、`en` 言語に `GB` 地域と `Latn` スクリプトを例として考えてみましょう。`en-GB` と `en-Latn` の両方に対してリソースが定義されており、後でロケールが `en-Latn-GB` (地域とスクリプトの両方を指定) に設定された場合、スクリプトのリソースが優先されます。スクリプトのリソースが利用できない場合は、地域のリソースが使用されます。地域もスクリプトもリソースが登録されていない場合、利用可能であればデフォルトの `en` リソースが使用されます。
+
+
+<PlatformBlock for="Angular">
+
+
+
+## コンポーネントのカスタマイズ
+
+アプリ内の特定のコンポーネントで、既にグローバルに登録されているリソースを使用しながら、異なるローカライゼーションを使用したい場合。
+
+### ロケール
+
+コンポーネントにグローバル ローカライゼーション ロケールと異なるロケールを設定したい場合、`locale` プロパティを設定することで対応できます。これはリソース文字列の言語とフォーマットの両方に影響します。これらは連携して機能するためです。
+
+このアプローチを使用する前に、利用可能なリソース文字列をグローバルに登録しておく必要があります:
+
+```ts
+import { ResourceStringsJA } from 'igniteui-i18n-resources';
+
+registerI18n(ResourceStringsJA, 'ja');
+```
+
+コンポーネントの `locale` プロパティを設定することで、現在使用中のグローバル ロケールが上書きされます:
+
+<PlatformBlock for="WebComponents">
+```html
+<igc-grid locale="ja">
+    <igc-column field="ProductName" header="Product Name" groupable="true"></igc-column>
+    <igc-column field="QuantityPerUnit" header="Quantity Per Unit" groupable="true"></igc-column>
+</igc-grid>
+```
+</PlatformBlock>
+
+<PlatformBlock for="React">
+```tsx
+<IgrGrid data={data} locale="ja">
+    <IgrColumn field="ProductName" header="Product Name" groupable={true}></IgrColumn>
+    <IgrColumn field="QuantityPerUnit" header="Quantity Per Unit" groupable={true}></IgrColumn>
+</IgrGrid>
+```
+</PlatformBlock>
+
+<PlatformBlock for="Blazor">
+```razor
+<IgbGrid Data="@data" Locale="ja">
+    <IgbColumn Field="ProductName" Header="Product Name" Groupable="true"></IgrColumn>
+    <IgbColumn Field="QuantityPerUnit" Header="Quantity Per Unit" Groupable="true"></IgrColumn>
+</IgbGrid>
+```
+</PlatformBlock>
+
+#### 言語のみ
+
+ロケールを変更せずにコンポーネントの言語のみを変更したい場合、`resourceStrings` プロパティを使用して各コンポーネントのリソース文字列を設定することができます。これによりグローバルに使用されるものが上書きされます:
+
+<PlatformBlock for="WebComponents">
+```html
+<igc-grid>
+    <igc-column field="ProductName" header="Product Name" groupable="true"></igc-column>
+    <igc-column field="QuantityPerUnit" header="Quantity Per Unit" groupable="true"></igc-column>
+</igc-grid>
+```
+</PlatformBlock>
+
+<PlatformBlock for="React">
+```tsx
+<IgrGrid data={data} resourceStrings={resourcesDE}>
+    <IgrColumn field="ProductName" header="Product Name" groupable={true}></IgrColumn>
+    <IgrColumn field="QuantityPerUnit" header="Quantity Per Unit" groupable={true}></IgrColumn>
+</IgrGrid>
+```
+</PlatformBlock>
+
+上書きするコンポーネントに対して正しいリソース文字列型を使用する必要があります。各コンポーネントには独自のリソース文字列のセットがあります。この場合、グリッドをドイツ語にする例:
+
+```ts
+import { GridResourceStringsDE } from 'igniteui-i18n-resources';
+
+// Inside App Component:
+public resourcesDE = GridResourceStringsDE;
+```
+
+</PlatformBlock>
+
+
+## カスタム ローカライズ リソース文字列
+
+{ProductName} が必要な言語のリソース文字列を提供していない場合、カスタム リソース文字列を常に提供できます。
+
+<DocsAside type="info">
+追加の言語を含む [`igniteui-i18n-resources`](https://github.com/IgniteUI/igniteui-i18n/tree/master/projects/igniteui-i18n-resources) GitHub リポジトリへの貢献を歓迎します。
+</DocsAside>
+
+
+<PlatformBlock for="WebComponents">
+
+
+提供されている <ApiLink type="IResourceStrings" /> 型を使用して、すべてのコンポーネントのリソース文字列の型定義を取得できます:
+
+```ts
+import { IResourceStrings } from 'igniteui-webcomponents';
+
+export const customResourcesForAll: IResourceStrings = {
+    //...
+};
+registerI18n(customResourcesForAll, 'custom');
+```
+
+</PlatformBlock>
+
+
+
+<PlatformBlock for="React">
+
+
+提供されている <ApiLink type="IResourceStrings" /> 型を使用して、すべてのコンポーネントのリソース文字列の型定義を取得できます:
+
+```tsx
+import { IResourceStrings } from 'igniteui-react';
+
+export const customResourcesForAll: IResourceStrings = {
+    //...
+};
+registerI18n(customResourcesForAll, 'custom');
+```
+
+</PlatformBlock>
+
+
+
+<PlatformBlock for="Blazor">
+
+
+提供されている `IgbResourceStrings` クラスを使用して、すべてのコンポーネントのリソース文字列の型定義を取得できます:
+
+```razor
+IgbResourceStrings customResourcesAll = new IgbResourceStrings()
+{
+    //...
+};
+
+I18nManager.RegisterI18nAsync(customResourcesAll, "de");
+```
+
+</PlatformBlock>
+
+
+または、この場合はグリッド用に特定のコンポーネントに対して個別に設定するには:
+
+
+<PlatformBlock for="WebComponents">
+
+
+```ts
+import { IGridResourceStrings } from 'igniteui-webcomponents';
+
+export const customGridResources: IGridResourceStrings = {
+    grid_summary_count: 'गणना',
+    grid_summary_min: 'न्यून',
+    grid_summary_max: 'अधिक',
+    grid_summary_sum: 'योग',
+    grid_summary_average: 'औसत'
+};
+
+```
+
+</PlatformBlock>
+
+
+
+<PlatformBlock for="React">
+
+
+```tsx
+import { IGridResourceStrings } from 'igniteui-react';
+
+export const customGridResources: IGridResourceStrings = {
+    grid_summary_count: 'गणना',
+    grid_summary_min: 'न्यून',
+    grid_summary_max: 'अधिक',
+    grid_summary_sum: 'योग',
+    grid_summary_average: 'औसत'
+};
+
+```
+
+</PlatformBlock>
+
+
+
+<PlatformBlock for="Blazor">
+
+
+```razor
+IgbGridResourceStrings gridRes = new IgbGridResourceStrings()
+{
+    GridSummaryCount: 'गणना',
+    GridSummaryMin: 'न्यून',
+    GridSummaryMax: 'अधिक',
+    GridSummarySum: 'योग',
+    GridSummaryAverage: 'औसत'
+};
+```
+
+</PlatformBlock>
+
+
+
+<PlatformBlock for="WebComponents">
+
+
+既存のリソース文字列は、デフォルトの英語を含む任意の組み合わせでカスタム文字列と混在させることができます:
+
+```ts
+import { IResourceStrings, CalendarResourceStringsEN, DatePickerResourceStringsEN } from 'igniteui-webcomponents';
+
+export const customResources: IResourceStrings = Object.assign(
+    {},
+    CalendarResourceStringsEN,
+    DatePickerResourceStringsEN,
+    {
+        grid_summary_count: 'Custom count',
+        grid_summary_min: 'Minium',
+        grid_summary_max: 'Maximum',
+        grid_summary_sum: 'Custom summary'
+    }
+);
+registerI18n(customResources, 'en');
+
+```
+
+</PlatformBlock>
+
+
+
+<PlatformBlock for="React">
+
+
+既存のリソース文字列は、デフォルトの英語を含む任意の組み合わせでカスタム文字列と混在させることができます:
+
+```tsx
+import { IResourceStrings, CalendarResourceStringsEN, DatePickerResourceStringsEN } from 'igniteui-react';
+
+export const customResources: IResourceStrings = Object.assign(
+    {},
+    CalendarResourceStringsEN,
+    DatePickerResourceStringsEN,
+    {
+        grid_summary_count: 'Custom count',
+        grid_summary_min: 'Minium',
+        grid_summary_max: 'Maximum',
+        grid_summary_sum: 'Custom summary'
+    }
+);
+registerI18n(customResources, 'en');
+
+```
+
+</PlatformBlock>
+
+
+<DocsAside type="info">
+最後の例では、特定のリソース文字列のみを設定しています。残りの文字列は、使用中のコンポーネントで利用できない場合、デフォルトで英語になります。
+</DocsAside>
+
+## 利用可能なリソース文字列
+
+- [ResourceStringsBG](https://github.com/IgniteUI/igniteui-i18n/tree/master/projects/igniteui-i18n-resources/src/i18n/BG/resources.ts)
+- [ResourceStringsCS](https://github.com/IgniteUI/igniteui-i18n/tree/master/projects/igniteui-i18n-resources/src/i18n/CS/resources.ts)
+- [ResourceStringsDA](https://github.com/IgniteUI/igniteui-i18n/tree/master/projects/igniteui-i18n-resources/src/i18n/DA/resources.ts)
+- [ResourceStringsDE](https://github.com/IgniteUI/igniteui-i18n/tree/master/projects/igniteui-i18n-resources/src/i18n/DE/resources.ts)
+- [ResourceStringsES](https://github.com/IgniteUI/igniteui-i18n/tree/master/projects/igniteui-i18n-resources/src/i18n/ES/resources.ts)
+- [ResourceStringsFR](https://github.com/IgniteUI/igniteui-i18n/tree/master/projects/igniteui-i18n-resources/src/i18n/FR/resources.ts)
+- [ResourceStringsHU](https://github.com/IgniteUI/igniteui-i18n/tree/master/projects/igniteui-i18n-resources/src/i18n/HU/resources.ts)
+- [ResourceStringsIT](https://github.com/IgniteUI/igniteui-i18n/tree/master/projects/igniteui-i18n-resources/src/i18n/IT/resources.ts)
+- [ResourceStringsJA](https://github.com/IgniteUI/igniteui-i18n/tree/master/projects/igniteui-i18n-resources/src/i18n/JA/resources.ts)
+- [ResourceStringsKO](https://github.com/IgniteUI/igniteui-i18n/tree/master/projects/igniteui-i18n-resources/src/i18n/KO/resources.ts)
+- [ResourceStringsNB](https://github.com/IgniteUI/igniteui-i18n/tree/master/projects/igniteui-i18n-resources/src/i18n/NB/resources.ts)
+- [ResourceStringsNL](https://github.com/IgniteUI/igniteui-i18n/tree/master/projects/igniteui-i18n-resources/src/i18n/NL/resources.ts)
+- [ResourceStringsPL](https://github.com/IgniteUI/igniteui-i18n/tree/master/projects/igniteui-i18n-resources/src/i18n/PL/resources.ts)
+- [ResourceStringsPT](https://github.com/IgniteUI/igniteui-i18n/tree/master/projects/igniteui-i18n-resources/src/i18n/PT/resources.ts)
+- [ResourceStringsRO](https://github.com/IgniteUI/igniteui-i18n/tree/master/projects/igniteui-i18n-resources/src/i18n/RO/resources.ts)
+- [ResourceStringsSV](https://github.com/IgniteUI/igniteui-i18n/tree/master/projects/igniteui-i18n-resources/src/i18n/SV/resources.ts)
+- [ResourceStringsTR](https://github.com/IgniteUI/igniteui-i18n/tree/master/projects/igniteui-i18n-resources/src/i18n/TR/resources.ts)
+- [ResourceStringsZHHANS](https://github.com/IgniteUI/igniteui-i18n/tree/master/projects/igniteui-i18n-resources/src/i18n/ZH-HANS/resources.ts)
+- [ResourceStringsZHHANT](https://github.com/IgniteUI/igniteui-i18n/tree/master/projects/igniteui-i18n-resources/src/i18n/ZH-HANT/resources.ts)
diff --git a/docs/xplat/src/content/jp/components/menus/navbar.mdx b/docs/xplat/src/content/jp/components/menus/navbar.mdx
index dc7012149e..fee364df53 100644
--- a/docs/xplat/src/content/jp/components/menus/navbar.mdx
+++ b/docs/xplat/src/content/jp/components/menus/navbar.mdx
@@ -46,7 +46,7 @@ npm install {PackageWebComponents}
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbNavbarModule));
diff --git a/docs/xplat/src/content/jp/components/menus/navigation-drawer.mdx b/docs/xplat/src/content/jp/components/menus/navigation-drawer.mdx
index 123a2d10c5..9cf092fa50 100644
--- a/docs/xplat/src/content/jp/components/menus/navigation-drawer.mdx
+++ b/docs/xplat/src/content/jp/components/menus/navigation-drawer.mdx
@@ -70,7 +70,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(
diff --git a/docs/xplat/src/content/jp/components/notifications/banner.mdx b/docs/xplat/src/content/jp/components/notifications/banner.mdx
index e70771d83c..ae34bf4091 100644
--- a/docs/xplat/src/content/jp/components/notifications/banner.mdx
+++ b/docs/xplat/src/content/jp/components/notifications/banner.mdx
@@ -74,7 +74,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <ApiLink pkg="core" type="Banner" /> を使用する前に、次のように登録する必要があります:
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbBannerModule));
@@ -390,7 +390,8 @@ banner.addEventListener('igcClosing', (event) => {
 
 <PlatformBlock for="Blazor">
 
-```razor
+
+```javascript
 //In JavaScript:
 function handleClosing() {
     const banner = document.getElementById('banner');
diff --git a/docs/xplat/src/content/jp/components/notifications/dialog.mdx b/docs/xplat/src/content/jp/components/notifications/dialog.mdx
index 1a1e77ea21..f1ab989f64 100644
--- a/docs/xplat/src/content/jp/components/notifications/dialog.mdx
+++ b/docs/xplat/src/content/jp/components/notifications/dialog.mdx
@@ -83,7 +83,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 {Platform} <ApiLink pkg="core" type="Dialog" /> を使用する前に、次のように登録する必要があります:
 
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbDialogModule));
diff --git a/docs/xplat/src/content/jp/components/notifications/snackbar.mdx b/docs/xplat/src/content/jp/components/notifications/snackbar.mdx
index 6f79028df5..79a41c0e5f 100644
--- a/docs/xplat/src/content/jp/components/notifications/snackbar.mdx
+++ b/docs/xplat/src/content/jp/components/notifications/snackbar.mdx
@@ -69,7 +69,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbSnackbarModule));
diff --git a/docs/xplat/src/content/jp/components/notifications/toast.mdx b/docs/xplat/src/content/jp/components/notifications/toast.mdx
index 2190e9cf9d..392b1f7d46 100644
--- a/docs/xplat/src/content/jp/components/notifications/toast.mdx
+++ b/docs/xplat/src/content/jp/components/notifications/toast.mdx
@@ -73,7 +73,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbToastModule));
diff --git a/docs/xplat/src/content/jp/components/radial-gauge.mdx b/docs/xplat/src/content/jp/components/radial-gauge.mdx
index 2b7e08ad79..8bc745b1b8 100644
--- a/docs/xplat/src/content/jp/components/radial-gauge.mdx
+++ b/docs/xplat/src/content/jp/components/radial-gauge.mdx
@@ -69,7 +69,7 @@ Afterwards you may start implementing the control by adding the following namesp
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbRadialGaugeModule));
diff --git a/docs/xplat/src/content/jp/components/scheduling/calendar.mdx b/docs/xplat/src/content/jp/components/scheduling/calendar.mdx
index 5884a34662..7d0a4a8ff6 100644
--- a/docs/xplat/src/content/jp/components/scheduling/calendar.mdx
+++ b/docs/xplat/src/content/jp/components/scheduling/calendar.mdx
@@ -61,7 +61,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbCalendarModule));
diff --git a/docs/xplat/src/content/jp/components/scheduling/date-picker.mdx b/docs/xplat/src/content/jp/components/scheduling/date-picker.mdx
index b4c652f782..395ca81a76 100644
--- a/docs/xplat/src/content/jp/components/scheduling/date-picker.mdx
+++ b/docs/xplat/src/content/jp/components/scheduling/date-picker.mdx
@@ -67,7 +67,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <ApiLink pkg="core" type="DatePicker" /> コンポーネントの使用を開始するには、最初にそのモジュールを登録する必要があります。
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbDatePickerModule));
diff --git a/docs/xplat/src/content/jp/components/scheduling/date-range-picker.mdx b/docs/xplat/src/content/jp/components/scheduling/date-range-picker.mdx
index 5dc30f9e6b..9984db182a 100644
--- a/docs/xplat/src/content/jp/components/scheduling/date-range-picker.mdx
+++ b/docs/xplat/src/content/jp/components/scheduling/date-range-picker.mdx
@@ -78,7 +78,7 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 <ApiLink pkg="core" type="DateRangePicker" /> コンポーネントの使用を開始するには、最初にそのモジュールを登録する必要があります。
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(typeof(IgbDateRangePickerModule));
diff --git a/docs/xplat/src/content/jp/components/spreadsheet-overview.mdx b/docs/xplat/src/content/jp/components/spreadsheet-overview.mdx
index 214aa4d1cf..01d878a283 100644
--- a/docs/xplat/src/content/jp/components/spreadsheet-overview.mdx
+++ b/docs/xplat/src/content/jp/components/spreadsheet-overview.mdx
@@ -75,7 +75,7 @@ npm install --save {PackageSpreadsheet}
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(
diff --git a/docs/xplat/src/content/jp/components/zoomslider-overview.mdx b/docs/xplat/src/content/jp/components/zoomslider-overview.mdx
index 544c722add..07a6832f63 100644
--- a/docs/xplat/src/content/jp/components/zoomslider-overview.mdx
+++ b/docs/xplat/src/content/jp/components/zoomslider-overview.mdx
@@ -61,7 +61,7 @@ npm install --save {PackageCharts}
 
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 // in Program.cs file
 
 builder.Services.AddIgniteUIBlazor(
diff --git a/docs/xplat/src/content/jp/toc.json b/docs/xplat/src/content/jp/toc.json
index 34b35e6fbc..43c77873ac 100644
--- a/docs/xplat/src/content/jp/toc.json
+++ b/docs/xplat/src/content/jp/toc.json
@@ -2284,8 +2284,7 @@
     },
     {
         "exclude": [
-            "Angular",
-            "Blazor"
+            "Angular"
         ],
         "name": "スプリッター",
         "href": "layouts/splitter.md",
@@ -2589,7 +2588,9 @@
         "name": "チャット",
         "href": "interactivity/chat.md",
         "new": true,
-        "preview": true
+        "platforms": {
+            "Blazor": { "new": false, "preview": true }
+        }
     },
     {
         "exclude": [
diff --git a/package-lock.json b/package-lock.json
index 900f0bd1eb..3567ad753d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,10 +12,10 @@
         "docs/xplat"
       ],
       "dependencies": {
-        "@astrojs/mdx": ">=5",
+        "@astrojs/mdx": "^6.0.3",
         "astro-seo-schema": "^6.0.0",
         "gray-matter": "^4.0.3",
-        "igniteui-astro-components": "0.0.24",
+        "igniteui-astro-components": "0.0.26",
         "igniteui-webcomponents": "^7.1.3",
         "js-yaml": "^4.1.1",
         "jsdom": "^29.0.1",
@@ -49,7 +49,7 @@
       "dependencies": {
         "astro": "^6.1.6",
         "docs-template": "file:../../",
-        "igniteui-astro-components": "0.0.24",
+        "igniteui-astro-components": "0.0.26",
         "sharp": "^0.34.2"
       },
       "devDependencies": {
@@ -84,7 +84,7 @@
       "dependencies": {
         "astro": "^6.1.6",
         "docs-template": "file:../../",
-        "igniteui-astro-components": "0.0.24",
+        "igniteui-astro-components": "0.0.26",
         "sharp": "^0.34.2"
       },
       "devDependencies": {
@@ -167,13 +167,13 @@
       }
     },
     "node_modules/@astrojs/internal-helpers/node_modules/@shikijs/core": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-4.2.0.tgz",
-      "integrity": "sha512-Hc87Ab1Ld/vEbZRCbwx344I5v+4RU8CVToUTRkqXL1+TjbuOp9U5Xa0M23V4GEWHxVn+yO5otb+HkQVm3ptWQQ==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-4.3.0.tgz",
+      "integrity": "sha512-EooU3i9F6IAE8kEu+AnGf9DFZWkQBZ+hJn3tLVbsH+61mtQiva5biai66fAA6nvFPXkLgvrh7BrR7YcJU83xQQ==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/primitive": "4.2.0",
-        "@shikijs/types": "4.2.0",
+        "@shikijs/primitive": "4.3.0",
+        "@shikijs/types": "4.3.0",
         "@shikijs/vscode-textmate": "^10.0.2",
         "@types/hast": "^3.0.4",
         "hast-util-to-html": "^9.0.5"
@@ -183,12 +183,12 @@
       }
     },
     "node_modules/@astrojs/internal-helpers/node_modules/@shikijs/engine-javascript": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-4.2.0.tgz",
-      "integrity": "sha512-fjETeq1k5ffyXqRgS6+3hpvqseLalp1kjNfRbXpUgWR8FpZ1CmQfiNHovc5lncYjt/Vg5JK/WJEmLahjwMa0og==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-4.3.0.tgz",
+      "integrity": "sha512-hTv/KiFf2tpiqlACPiztGGurEARWIutB8YUhcrA1pUC7VzzwKO+g5crUocrLztrZ5ro5Z4hbXg7bYclETn3gSQ==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/types": "4.2.0",
+        "@shikijs/types": "4.3.0",
         "@shikijs/vscode-textmate": "^10.0.2",
         "oniguruma-to-es": "^4.3.6"
       },
@@ -197,12 +197,12 @@
       }
     },
     "node_modules/@astrojs/internal-helpers/node_modules/@shikijs/engine-oniguruma": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-4.2.0.tgz",
-      "integrity": "sha512-hTorK1dffPkpbMUk6Z+828PgRo7d07HbnizoP0hNPFjhxMHctj0Px/qoHeGMYafc6ju+u9iMldN4JbVzNQM++g==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-4.3.0.tgz",
+      "integrity": "sha512-1vMdN3gHfnKfLYwecUI2ITJI4RhHt96xEaJumVn7Heb0IlJ8WQMIH0Voak+2j22BpSNKdnOfB/pCTPnPm2gq7A==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/types": "4.2.0",
+        "@shikijs/types": "4.3.0",
         "@shikijs/vscode-textmate": "^10.0.2"
       },
       "engines": {
@@ -210,33 +210,33 @@
       }
     },
     "node_modules/@astrojs/internal-helpers/node_modules/@shikijs/langs": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-4.2.0.tgz",
-      "integrity": "sha512-bwrVRlJ0wUhZxAbVdvBbv2TTC9yLsh4C/IO5Ofz0T8MQntgDvyVnkbjw9vi50r1kx7RCIJdnJnjZAwmAsXFLZQ==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-4.3.0.tgz",
+      "integrity": "sha512-rnlqFbBRSys9bT4gl/5rw9RnS0W/I84ZldXPkO7cvlEMoV85TyF/aU01N7/NbSR776RNLjrJKjfFUXJR6wN1Cg==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/types": "4.2.0"
+        "@shikijs/types": "4.3.0"
       },
       "engines": {
         "node": ">=20"
       }
     },
     "node_modules/@astrojs/internal-helpers/node_modules/@shikijs/themes": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-4.2.0.tgz",
-      "integrity": "sha512-RX8IHYeLv8Cu2W6ruc3RxUqWn0IYCqSrMBzi/uRGAmfyDNOnNO5BF/Px7o97n4XTpmFTo5GbRaazuOWj+2ak2w==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-4.3.0.tgz",
+      "integrity": "sha512-Avgt05YiT+Y3prjIc9lmQxhJzHBcCfR6cjiFW4OyaMBbt2A6trX5rfjUzx+Vj/mE9qpArYjatnqo9XPjQNW/AQ==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/types": "4.2.0"
+        "@shikijs/types": "4.3.0"
       },
       "engines": {
         "node": ">=20"
       }
     },
     "node_modules/@astrojs/internal-helpers/node_modules/@shikijs/types": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-4.2.0.tgz",
-      "integrity": "sha512-VT/MKtlpOhEPZloSH3Pb9WCZEBDoQVMa9jedp5UAwmJOar1DVc9DRODAxmYPW9M93IK4ryuqRejFfmlvlVDemw==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-4.3.0.tgz",
+      "integrity": "sha512-oc8b9U2SYvofKZk8e/737nIX0qwf6eV2vHFATeObAu7r+mUVpLs8Re0BmVkIjAWAYgkmG/CzLNo7rzuBzRu/wQ==",
       "license": "MIT",
       "dependencies": {
         "@shikijs/vscode-textmate": "^10.0.2",
@@ -247,17 +247,17 @@
       }
     },
     "node_modules/@astrojs/internal-helpers/node_modules/shiki": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/shiki/-/shiki-4.2.0.tgz",
-      "integrity": "sha512-hjNax6o/ylDy9lefQEaSDtzaT3iVNtZ3WmpQnbuQNoG4xvnSKf2kSKbihZVO4JRG1TTMejs7CmNRYlWgAL66pQ==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/shiki/-/shiki-4.3.0.tgz",
+      "integrity": "sha512-NKKjWzR6LIGL3sXBrWDw9sDS9cxx42/DkysaNqJEeOWE8Kix5gpak0bc00OfDVEO4oyXSyz8+aRaqKoBD1yo7A==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/core": "4.2.0",
-        "@shikijs/engine-javascript": "4.2.0",
-        "@shikijs/engine-oniguruma": "4.2.0",
-        "@shikijs/langs": "4.2.0",
-        "@shikijs/themes": "4.2.0",
-        "@shikijs/types": "4.2.0",
+        "@shikijs/core": "4.3.0",
+        "@shikijs/engine-javascript": "4.3.0",
+        "@shikijs/engine-oniguruma": "4.3.0",
+        "@shikijs/langs": "4.3.0",
+        "@shikijs/themes": "4.3.0",
+        "@shikijs/types": "4.3.0",
         "@shikijs/vscode-textmate": "^10.0.2",
         "@types/hast": "^3.0.4"
       },
@@ -437,9 +437,9 @@
       }
     },
     "node_modules/@bufbuild/protobuf": {
-      "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.12.0.tgz",
-      "integrity": "sha512-B/XlCaFIP8LOwzo+bz5uFzATYokcwCKQcghqnlfwSmM5eX/qTkvDBnDPs+gXtX/RyjxJ4DRikECcPJbyALA8FA==",
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.12.1.tgz",
+      "integrity": "sha512-BvAMfS6LrgZiryOAZ4pBYucu4wG/Ei/9o9DZ9akbREnMLbPJiom2i8b9C8IsKErQoiKqVhrerzt3kOT/RrzLHg==",
       "devOptional": true,
       "license": "(Apache-2.0 AND BSD-3-Clause)"
     },
@@ -456,9 +456,9 @@
       }
     },
     "node_modules/@clack/core": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/@clack/core/-/core-1.4.1.tgz",
-      "integrity": "sha512-FILJa1gGKEFTGZAJE9RpVhrjKz3c3h4ar60dSv6cGuDqufQ84YEIS3GAGvZiN+H6yaLbbvTFNejjCC4tXpZEuw==",
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/@clack/core/-/core-1.4.2.tgz",
+      "integrity": "sha512-0Ty/1Gfm+Kb07sXcuESjyKfwEhSy4Ns1AgeEisHb/bDY5fWme0tTeTkU14T1Gmcs17YIjB/teiDe4uaCghbYqQ==",
       "license": "MIT",
       "dependencies": {
         "fast-wrap-ansi": "^0.2.0",
@@ -469,12 +469,12 @@
       }
     },
     "node_modules/@clack/prompts": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/@clack/prompts/-/prompts-1.5.1.tgz",
-      "integrity": "sha512-zccHj2z2oCCO4yrDiRSlFOxWerGqRiysP7a5jPK6uoI9URKAquwY42Dd/iUP8JWHxEzdRe4TlbvZCo8z1/mhrw==",
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@clack/prompts/-/prompts-1.6.0.tgz",
+      "integrity": "sha512-EYlRokl8szrP9Z25qT5aepMdBjzBvHF9ZEhzIiUBc9guz/T31EqRgvD0QSgZcpE93xiwrr+OkB4nz0BZyF6fSA==",
       "license": "MIT",
       "dependencies": {
-        "@clack/core": "1.4.1",
+        "@clack/core": "1.4.2",
         "fast-string-width": "^3.0.2",
         "fast-wrap-ansi": "^0.2.0",
         "sisteransi": "^1.0.5"
@@ -3212,7 +3212,6 @@
       "version": "3.23.0",
       "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-3.23.0.tgz",
       "integrity": "sha512-NSWQz0riNb67xthdm5br6lAkvpDJRTgB36fxlo37ZzM2yq0PQFFzbd8psqC2XMPgCzo1fW6cVi18+ArJ44wqgA==",
-      "extraneous": true,
       "license": "MIT",
       "dependencies": {
         "@shikijs/types": "3.23.0",
@@ -3225,7 +3224,6 @@
       "version": "3.23.0",
       "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-3.23.0.tgz",
       "integrity": "sha512-aHt9eiGFobmWR5uqJUViySI1bHMqrAgamWE1TYSUoftkAeCCAiGawPMwM+VCadylQtF4V3VNOZ5LmfItH5f3yA==",
-      "extraneous": true,
       "license": "MIT",
       "dependencies": {
         "@shikijs/types": "3.23.0",
@@ -3237,7 +3235,6 @@
       "version": "3.23.0",
       "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-3.23.0.tgz",
       "integrity": "sha512-1nWINwKXxKKLqPibT5f4pAFLej9oZzQTsby8942OTlsJzOBZ0MWKiwzMsd+jhzu8YPCHAswGnnN1YtQfirL35g==",
-      "extraneous": true,
       "license": "MIT",
       "dependencies": {
         "@shikijs/types": "3.23.0",
@@ -3248,19 +3245,18 @@
       "version": "3.23.0",
       "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-3.23.0.tgz",
       "integrity": "sha512-2Ep4W3Re5aB1/62RSYQInK9mM3HsLeB91cHqznAJMuylqjzNVAVCMnNWRHFtcNHXsoNRayP9z1qj4Sq3nMqYXg==",
-      "extraneous": true,
       "license": "MIT",
       "dependencies": {
         "@shikijs/types": "3.23.0"
       }
     },
     "node_modules/@shikijs/primitive": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@shikijs/primitive/-/primitive-4.2.0.tgz",
-      "integrity": "sha512-NOq+DtUkVBJtZMVXL5A0vI0Xk8nvDYaXetFHSJFlOqjDZIVhIPRYFdGkSoElDqNuegikcc3A76SNUa8dTqtAYA==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/primitive/-/primitive-4.3.0.tgz",
+      "integrity": "sha512-CPkz64PTa5diRW1ggzMZH9VM/du4RNChYgVtgqrFcgruvIybmCvySv8GkiHSczUHXYuuR8TdKEwFx+UnZMpgdg==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/types": "4.2.0",
+        "@shikijs/types": "4.3.0",
         "@shikijs/vscode-textmate": "^10.0.2",
         "@types/hast": "^3.0.4"
       },
@@ -3269,9 +3265,9 @@
       }
     },
     "node_modules/@shikijs/primitive/node_modules/@shikijs/types": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-4.2.0.tgz",
-      "integrity": "sha512-VT/MKtlpOhEPZloSH3Pb9WCZEBDoQVMa9jedp5UAwmJOar1DVc9DRODAxmYPW9M93IK4ryuqRejFfmlvlVDemw==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-4.3.0.tgz",
+      "integrity": "sha512-oc8b9U2SYvofKZk8e/737nIX0qwf6eV2vHFATeObAu7r+mUVpLs8Re0BmVkIjAWAYgkmG/CzLNo7rzuBzRu/wQ==",
       "license": "MIT",
       "dependencies": {
         "@shikijs/vscode-textmate": "^10.0.2",
@@ -3285,7 +3281,6 @@
       "version": "3.23.0",
       "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-3.23.0.tgz",
       "integrity": "sha512-5qySYa1ZgAT18HR/ypENL9cUSGOeI2x+4IvYJu4JgVJdizn6kG4ia5Q1jDEOi7gTbN4RbuYtmHh0W3eccOrjMA==",
-      "extraneous": true,
       "license": "MIT",
       "dependencies": {
         "@shikijs/types": "3.23.0"
@@ -3295,7 +3290,6 @@
       "version": "3.23.0",
       "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-3.23.0.tgz",
       "integrity": "sha512-3JZ5HXOZfYjsYSk0yPwBrkupyYSLpAE26Qc0HLghhZNGTZg/SKxXIIgoxOpmmeQP0RRSDJTk1/vPfw9tbw+jSQ==",
-      "extraneous": true,
       "license": "MIT",
       "dependencies": {
         "@shikijs/vscode-textmate": "^10.0.2",
@@ -3392,9 +3386,9 @@
       }
     },
     "node_modules/@types/node": {
-      "version": "26.0.0",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-26.0.0.tgz",
-      "integrity": "sha512-vf2YFi1iY9lHGwNJMs01biZFbKJkrZR1T6/MlzjhJLPdntOHLhTrDSnSVcdtvjihi4VQNlrFRIxLsDBlQpAipA==",
+      "version": "26.0.1",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-26.0.1.tgz",
+      "integrity": "sha512-fc3KiUoBt6kie0N9bIW3E47vZsuaMf0PM2AaUpLCLT0s/LvX1nxAim6Fc049cNxODPpGm6qRAuUOB86SkRuPQw==",
       "devOptional": true,
       "license": "MIT",
       "dependencies": {
@@ -3428,9 +3422,9 @@
       "license": "MIT"
     },
     "node_modules/@ungap/structured-clone": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.1.tgz",
-      "integrity": "sha512-mUFwbeTqrVgDQxFveS+df2yfap6iuP20NAKAsBt5jDEoOTDew+zwLAOilHCeQJOVSvmgCX4ogqIrA0mnyr08yQ==",
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.2.tgz",
+      "integrity": "sha512-5jsZFwgR5rTdKwidH9Qmat75RKwqfpKlWWB1frDkljN127mwqBu8K0PYo7/hFpF03IEJpfVPpCQDY/eDx3iHvA==",
       "license": "ISC"
     },
     "node_modules/@volar/language-core": {
@@ -3710,13 +3704,13 @@
       "license": "MIT"
     },
     "node_modules/astro/node_modules/@shikijs/core": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-4.2.0.tgz",
-      "integrity": "sha512-Hc87Ab1Ld/vEbZRCbwx344I5v+4RU8CVToUTRkqXL1+TjbuOp9U5Xa0M23V4GEWHxVn+yO5otb+HkQVm3ptWQQ==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-4.3.0.tgz",
+      "integrity": "sha512-EooU3i9F6IAE8kEu+AnGf9DFZWkQBZ+hJn3tLVbsH+61mtQiva5biai66fAA6nvFPXkLgvrh7BrR7YcJU83xQQ==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/primitive": "4.2.0",
-        "@shikijs/types": "4.2.0",
+        "@shikijs/primitive": "4.3.0",
+        "@shikijs/types": "4.3.0",
         "@shikijs/vscode-textmate": "^10.0.2",
         "@types/hast": "^3.0.4",
         "hast-util-to-html": "^9.0.5"
@@ -3726,12 +3720,12 @@
       }
     },
     "node_modules/astro/node_modules/@shikijs/engine-javascript": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-4.2.0.tgz",
-      "integrity": "sha512-fjETeq1k5ffyXqRgS6+3hpvqseLalp1kjNfRbXpUgWR8FpZ1CmQfiNHovc5lncYjt/Vg5JK/WJEmLahjwMa0og==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-4.3.0.tgz",
+      "integrity": "sha512-hTv/KiFf2tpiqlACPiztGGurEARWIutB8YUhcrA1pUC7VzzwKO+g5crUocrLztrZ5ro5Z4hbXg7bYclETn3gSQ==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/types": "4.2.0",
+        "@shikijs/types": "4.3.0",
         "@shikijs/vscode-textmate": "^10.0.2",
         "oniguruma-to-es": "^4.3.6"
       },
@@ -3740,12 +3734,12 @@
       }
     },
     "node_modules/astro/node_modules/@shikijs/engine-oniguruma": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-4.2.0.tgz",
-      "integrity": "sha512-hTorK1dffPkpbMUk6Z+828PgRo7d07HbnizoP0hNPFjhxMHctj0Px/qoHeGMYafc6ju+u9iMldN4JbVzNQM++g==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-4.3.0.tgz",
+      "integrity": "sha512-1vMdN3gHfnKfLYwecUI2ITJI4RhHt96xEaJumVn7Heb0IlJ8WQMIH0Voak+2j22BpSNKdnOfB/pCTPnPm2gq7A==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/types": "4.2.0",
+        "@shikijs/types": "4.3.0",
         "@shikijs/vscode-textmate": "^10.0.2"
       },
       "engines": {
@@ -3753,33 +3747,33 @@
       }
     },
     "node_modules/astro/node_modules/@shikijs/langs": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-4.2.0.tgz",
-      "integrity": "sha512-bwrVRlJ0wUhZxAbVdvBbv2TTC9yLsh4C/IO5Ofz0T8MQntgDvyVnkbjw9vi50r1kx7RCIJdnJnjZAwmAsXFLZQ==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-4.3.0.tgz",
+      "integrity": "sha512-rnlqFbBRSys9bT4gl/5rw9RnS0W/I84ZldXPkO7cvlEMoV85TyF/aU01N7/NbSR776RNLjrJKjfFUXJR6wN1Cg==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/types": "4.2.0"
+        "@shikijs/types": "4.3.0"
       },
       "engines": {
         "node": ">=20"
       }
     },
     "node_modules/astro/node_modules/@shikijs/themes": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-4.2.0.tgz",
-      "integrity": "sha512-RX8IHYeLv8Cu2W6ruc3RxUqWn0IYCqSrMBzi/uRGAmfyDNOnNO5BF/Px7o97n4XTpmFTo5GbRaazuOWj+2ak2w==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-4.3.0.tgz",
+      "integrity": "sha512-Avgt05YiT+Y3prjIc9lmQxhJzHBcCfR6cjiFW4OyaMBbt2A6trX5rfjUzx+Vj/mE9qpArYjatnqo9XPjQNW/AQ==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/types": "4.2.0"
+        "@shikijs/types": "4.3.0"
       },
       "engines": {
         "node": ">=20"
       }
     },
     "node_modules/astro/node_modules/@shikijs/types": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-4.2.0.tgz",
-      "integrity": "sha512-VT/MKtlpOhEPZloSH3Pb9WCZEBDoQVMa9jedp5UAwmJOar1DVc9DRODAxmYPW9M93IK4ryuqRejFfmlvlVDemw==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-4.3.0.tgz",
+      "integrity": "sha512-oc8b9U2SYvofKZk8e/737nIX0qwf6eV2vHFATeObAu7r+mUVpLs8Re0BmVkIjAWAYgkmG/CzLNo7rzuBzRu/wQ==",
       "license": "MIT",
       "dependencies": {
         "@shikijs/vscode-textmate": "^10.0.2",
@@ -3790,17 +3784,17 @@
       }
     },
     "node_modules/astro/node_modules/shiki": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/shiki/-/shiki-4.2.0.tgz",
-      "integrity": "sha512-hjNax6o/ylDy9lefQEaSDtzaT3iVNtZ3WmpQnbuQNoG4xvnSKf2kSKbihZVO4JRG1TTMejs7CmNRYlWgAL66pQ==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/shiki/-/shiki-4.3.0.tgz",
+      "integrity": "sha512-NKKjWzR6LIGL3sXBrWDw9sDS9cxx42/DkysaNqJEeOWE8Kix5gpak0bc00OfDVEO4oyXSyz8+aRaqKoBD1yo7A==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/core": "4.2.0",
-        "@shikijs/engine-javascript": "4.2.0",
-        "@shikijs/engine-oniguruma": "4.2.0",
-        "@shikijs/langs": "4.2.0",
-        "@shikijs/themes": "4.2.0",
-        "@shikijs/types": "4.2.0",
+        "@shikijs/core": "4.3.0",
+        "@shikijs/engine-javascript": "4.3.0",
+        "@shikijs/engine-oniguruma": "4.3.0",
+        "@shikijs/langs": "4.3.0",
+        "@shikijs/themes": "4.3.0",
+        "@shikijs/types": "4.3.0",
         "@shikijs/vscode-textmate": "^10.0.2",
         "@types/hast": "^3.0.4"
       },
@@ -5817,9 +5811,9 @@
       }
     },
     "node_modules/hono": {
-      "version": "4.12.26",
-      "resolved": "https://registry.npmjs.org/hono/-/hono-4.12.26.tgz",
-      "integrity": "sha512-uyZtpnYxM9CmQ7QsQknM4zN8EftNqhON1qYeIKM0Se67CCEe2c44xyGURwB0axX2fBDu1dqHrHAc1hmNT8ITkw==",
+      "version": "4.12.27",
+      "resolved": "https://registry.npmjs.org/hono/-/hono-4.12.27.tgz",
+      "integrity": "sha512-1yrb/+w6HWQJrUCLkJ2IF5jNIPvvFkblV5RNOYl6bV+OA6p9GLcMpHFFGTosSvHvcAUibuUukRqhlYI4z32C7Q==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -5899,9 +5893,9 @@
       }
     },
     "node_modules/igniteui-astro-components": {
-      "version": "0.0.24",
-      "resolved": "https://registry.npmjs.org/igniteui-astro-components/-/igniteui-astro-components-0.0.24.tgz",
-      "integrity": "sha512-3LhAsu1Iq7zhQaU6JC9dxfKk7hk0k0Li+0nrfBdgh9ks6jle5LuPFcafDMX5QbPZU5Ssegu2ldoNMvK+flpGrw==",
+      "version": "0.0.26",
+      "resolved": "https://registry.npmjs.org/igniteui-astro-components/-/igniteui-astro-components-0.0.26.tgz",
+      "integrity": "sha512-517qJKcxqaO+QyOQppZ99RMgIeqEsz9U7S9MLF9lW1qlPl0y6kKHs5gDUWDNhtoYEhPUqNtR9wQCYU8iaMXz4A==",
       "license": "MIT",
       "workspaces": [
         "playground"
@@ -5911,7 +5905,8 @@
         "@fontsource-variable/inter": "^5.2.8",
         "@fontsource-variable/jetbrains-mono": "^5.2.8",
         "igniteui-webcomponents": "^7.1.3",
-        "jsdom": "^29.0.1"
+        "jsdom": "^29.0.1",
+        "shiki": "^3.23.0"
       },
       "engines": {
         "node": "^20.19.0 || ^22.13.0 || >=24.0.0"
@@ -6427,9 +6422,9 @@
       }
     },
     "node_modules/immutable": {
-      "version": "5.1.6",
-      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.6.tgz",
-      "integrity": "sha512-q1swsS8K7L8usSHuOqF2TAoCCkonYz0SG38wLAggaa4Wml70zixIvt2ql4coQ2C2B3hTjltJry4r6bULwgAXLQ==",
+      "version": "5.1.7",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.7.tgz",
+      "integrity": "sha512-47Xb+LFbZ/ZIjQMj6Q5J3IfK7PJFuqRdFOC9FpGgRTK6U2dAEVmkR9hp58qU4FpYux5YXpneDwkj2EP6lppzFA==",
       "devOptional": true,
       "license": "MIT"
     },
@@ -7052,6 +7047,19 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
+    "node_modules/markdownlint-cli/node_modules/smol-toml": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/smol-toml/-/smol-toml-1.6.1.tgz",
+      "integrity": "sha512-dWUG8F5sIIARXih1DTaQAX4SsiTXhInKf1buxdY9DIg4ZYPZK5nGM1VRIYmEbDbsHt7USo99xSLFu5Q1IqTmsg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/cyyynthia"
+      }
+    },
     "node_modules/math-intrinsics": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -8226,9 +8234,9 @@
       "license": "MIT"
     },
     "node_modules/nanoid": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.13.tgz",
-      "integrity": "sha512-sPdqC6ByMVVGvF1ynvvMo0/o+oD1VX7DaHhijt1bFgjvBkHBib4t49GoNDhf2NDta4oeUNlaGbSt5K7qjZ955Q==",
+      "version": "3.3.15",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.15.tgz",
+      "integrity": "sha512-y7Wygv/7mEOvxTuEQDB8StXdMRBWf1kR/tlhAzBRUFkB2jfcLOAxO/SHmOO2zgz1pVgK29/kyupn059/bCHdjA==",
       "funding": [
         {
           "type": "github",
@@ -8709,13 +8717,14 @@
       }
     },
     "node_modules/qs": {
-      "version": "6.15.2",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.2.tgz",
-      "integrity": "sha512-Rzq0KEyX/w/tEybncDgdkZrJgVUsUMk3xjh3t5bv3S1HTAtg+uOYt72+ZfwiQwKdysThkTBdL/rTi6HDmX9Ddw==",
+      "version": "6.15.3",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.3.tgz",
+      "integrity": "sha512-O9gl3zCl5h5blw1KGUzQKhA5oUXSl8rwUIM5o0S3nCXMliSvy5Dzx7/DJcI+SwgICv+IneSZwhBh1oSyEHA71A==",
       "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
-        "side-channel": "^1.1.0"
+        "es-define-property": "^1.0.1",
+        "side-channel": "^1.1.1"
       },
       "engines": {
         "node": ">=0.6"
@@ -9625,9 +9634,9 @@
       }
     },
     "node_modules/semver": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.4.tgz",
-      "integrity": "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA==",
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -9761,7 +9770,6 @@
       "version": "3.23.0",
       "resolved": "https://registry.npmjs.org/shiki/-/shiki-3.23.0.tgz",
       "integrity": "sha512-55Dj73uq9ZXL5zyeRPzHQsK7Nbyt6Y10k5s7OjuFZGMhpp4r/rsLBH0o/0fstIzX1Lep9VxefWljK/SKCzygIA==",
-      "extraneous": true,
       "license": "MIT",
       "dependencies": {
         "@shikijs/core": "3.23.0",
@@ -9857,9 +9865,9 @@
       "license": "MIT"
     },
     "node_modules/smol-toml": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/smol-toml/-/smol-toml-1.6.1.tgz",
-      "integrity": "sha512-dWUG8F5sIIARXih1DTaQAX4SsiTXhInKf1buxdY9DIg4ZYPZK5nGM1VRIYmEbDbsHt7USo99xSLFu5Q1IqTmsg==",
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/smol-toml/-/smol-toml-1.7.0.tgz",
+      "integrity": "sha512-aqVvWoyO21L23mb+drl4RmMXbf6N7FdHjAhTRA9ZBL7apWBgfWC16KjrASI+1p9GAroljyMHj6fK67i0UiTNvQ==",
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">= 18"
@@ -10085,9 +10093,9 @@
       "license": "MIT"
     },
     "node_modules/tinyclip": {
-      "version": "0.1.14",
-      "resolved": "https://registry.npmjs.org/tinyclip/-/tinyclip-0.1.14.tgz",
-      "integrity": "sha512-F1oWdz8tjT17qe1d5JgDK6z03WGOhYYAN0lK3/D/fzNiy93xswLLEw7pk+3g05onhAy6Bsc6PLNUGhdgVjemMQ==",
+      "version": "0.1.15",
+      "resolved": "https://registry.npmjs.org/tinyclip/-/tinyclip-0.1.15.tgz",
+      "integrity": "sha512-uo33abH+Ays0xYaDysoBt494Hb3hsEczMpcC0MwFl773pazORx4fmvKhclhR1wonUbB6vvpRsvVMwnhfqeMc+A==",
       "license": "MIT",
       "engines": {
         "node": "^16.14.0 || >= 17.3.0"
@@ -10119,21 +10127,21 @@
       }
     },
     "node_modules/tldts": {
-      "version": "7.4.3",
-      "resolved": "https://registry.npmjs.org/tldts/-/tldts-7.4.3.tgz",
-      "integrity": "sha512-A3BDQBeeukYPzB4QdQ1DtdlUmp4x2OCH8n5UVhEWbyANxNep8GavottKzd1xYKFJKjUgMyPT7EzOfnBO55s8Sg==",
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-7.4.4.tgz",
+      "integrity": "sha512-kFXFK7O4WPextIUAOk8qtnw9dxR9UIXP9CjuH1cTBVBZMDeQcUPgr/IazGiw1B0Yiw5L75gHLWeW4iD793r90g==",
       "license": "MIT",
       "dependencies": {
-        "tldts-core": "^7.4.3"
+        "tldts-core": "^7.4.4"
       },
       "bin": {
         "tldts": "bin/cli.js"
       }
     },
     "node_modules/tldts-core": {
-      "version": "7.4.3",
-      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-7.4.3.tgz",
-      "integrity": "sha512-27ep5H9PzdBrNd5OFM/j3WCU8F3kPwM9D0BOaOf7uYfxMJfyr0K5Tjj69Gri+sZlh2WXd5buIm47NuPF29CDiw==",
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-7.4.4.tgz",
+      "integrity": "sha512-vwVLJVvvpslm7vqAH7+XNj/neA/Ynq7DT2EEcMuwc5YzN5XaMyRAqxwU+uX3azZ1FQtB2gvrvnLnAEkvYlVdfg==",
       "license": "MIT"
     },
     "node_modules/toidentifier": {
@@ -10635,12 +10643,12 @@
       }
     },
     "node_modules/vite": {
-      "version": "7.3.5",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.5.tgz",
-      "integrity": "sha512-KuOaNhcnGFN2zIPGA7wRmzF+lJA1sea7rHq17aiJ++9lzY1WWG6Jpwqwe1KNbRVPIqHmr8GLYx7jbrQcN/7/ww==",
+      "version": "7.3.6",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.6.tgz",
+      "integrity": "sha512-4XP60spRGjSZFf1qYH+dJIkK2znL3zQfl9KkOV9MkkRR/3Dls0dxaBsQPTloEc5BLXWPL9vsOxopxyKoMmDueg==",
       "license": "MIT",
       "dependencies": {
-        "esbuild": "^0.27.0",
+        "esbuild": "^0.27.0 || ^0.28.0",
         "fdir": "^6.5.0",
         "picomatch": "^4.0.3",
         "postcss": "^8.5.6",
diff --git a/package.json b/package.json
index aab2f745bb..20ebefa3f6 100644
--- a/package.json
+++ b/package.json
@@ -142,10 +142,10 @@
     "check-mdx-links:broken:blazor": "node --experimental-strip-types scripts/check-mdx-links.mjs --platform=blazor --resolve-only --list-broken --broken-limit=100 --broken-md=reports/mdx-broken-links-blazor.md --list-ambiguities --ambiguity-md=reports/api-link-ambiguity-report-blazor.md --fail-on-ambiguity"
   },
   "dependencies": {
-    "@astrojs/mdx": ">=5",
+    "@astrojs/mdx": "^6.0.3",
     "astro-seo-schema": "^6.0.0",
     "gray-matter": "^4.0.3",
-    "igniteui-astro-components": "0.0.24",
+    "igniteui-astro-components": "0.0.26",
     "igniteui-webcomponents": "^7.1.3",
     "js-yaml": "^4.1.1",
     "jsdom": "^29.0.1",
diff --git a/src/lib/sidebar/types.ts b/src/lib/sidebar/types.ts
index 5f06eacfa5..7a8c5f8e15 100644
--- a/src/lib/sidebar/types.ts
+++ b/src/lib/sidebar/types.ts
@@ -6,6 +6,7 @@
  * Do not duplicate these types locally; keep this file as a thin re-export.
  */
 
+export { SIDEBAR_BADGE_VARIANTS } from 'igniteui-astro-components/lib/sidebar/types';
 export type {
   SidebarEntry,
   SidebarGroup,
diff --git a/src/sidebar.ts b/src/sidebar.ts
index 3de593d6cc..d6f4ff8cbf 100644
--- a/src/sidebar.ts
+++ b/src/sidebar.ts
@@ -17,26 +17,26 @@
 
 import fs from 'node:fs';
 import path from 'node:path';
-import type { SidebarEntry, SidebarGroup, SidebarLink } from './lib/sidebar/types';
+import { SIDEBAR_BADGE_VARIANTS } from './lib/sidebar/types';
+import type { SidebarBadgeVariant, SidebarEntry, SidebarGroup, SidebarLink } from './lib/sidebar/types';
 
 // Re-export so consumers (astro.config.ts in child sites) can import the
 // canonical types from the same module they already use.
-export type { SidebarEntry, SidebarGroup, SidebarLink } from './lib/sidebar/types';
+export { SIDEBAR_BADGE_VARIANTS } from './lib/sidebar/types';
+export type { SidebarBadgeVariant, SidebarEntry, SidebarGroup, SidebarLink } from './lib/sidebar/types';
 
 // ---------------------------------------------------------------------------
 // Internal types
 // ---------------------------------------------------------------------------
 
-interface TocItem {
+interface TocItem extends Partial<Record<SidebarBadgeVariant, boolean>> {
     name?: string;
     href?: string;
     header?: boolean;
     sortable?: boolean;
     items?: TocItem[];
-    new?: boolean;
-    preview?: boolean;
-    updated?: boolean;
-    premium?: boolean;
+    /** Per-platform badge overrides. Stripped during TOC generation. */
+    platforms?: Record<string, Partial<Pick<TocItem, SidebarBadgeVariant>>>;
 }
 
 // ---------------------------------------------------------------------------
@@ -124,12 +124,12 @@ function convertTocItem(
         if (!docExists(docsDir, item.href, exclude)) return null;
         const entry: SidebarLink = { label: item.name, slug: hrefToSlug(item.href) };
         const badges: NonNullable<SidebarLink['badges']> = [];
-        if (item.new)          badges.push({ text: 'New',     variant: 'new'     });
-        else if (item.preview) badges.push({ text: 'Preview', variant: 'preview' });
-        else if (item.updated) badges.push({ text: 'Updated', variant: 'updated' });
-        if (item.premium) {
-            entry.attrs = { 'data-premium': 'true' };
-            badges.push({ text: 'Premium', variant: 'premium' });
+        for (const variant of SIDEBAR_BADGE_VARIANTS) {
+            if (!item[variant]) continue;
+            if (variant === 'premium') {
+                entry.attrs = { 'data-premium': 'true' };
+            }
+            badges.push({ text: variant.charAt(0).toUpperCase() + variant.slice(1), variant });
         }
         if (badges.length) entry.badges = badges;
         return entry;

From e1a4288d61762bcd27f48024aa3998d1a040dd2f Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Fri, 26 Jun 2026 10:52:15 +0300
Subject: [PATCH 14/15] Merge branch 'vnext' of
 https://github.com/IgniteUI/docs-template into
 vkombov/convert-api-links-to-md-in-llms-md

---
 .../en/components/general-cli-overview.mdx    | 59 +++++++++++++++++--
 .../general-step-by-step-guide-using-cli.mdx  | 39 +++++++++++-
 .../content/en/components/grids/data-grid.mdx |  8 +--
 docs/xplat/src/content/en/toc.json            |  6 +-
 .../jp/components/layouts/splitter.mdx        |  2 +-
 5 files changed, 97 insertions(+), 17 deletions(-)

diff --git a/docs/xplat/src/content/en/components/general-cli-overview.mdx b/docs/xplat/src/content/en/components/general-cli-overview.mdx
index fedf6d4f3e..fc9d190922 100644
--- a/docs/xplat/src/content/en/components/general-cli-overview.mdx
+++ b/docs/xplat/src/content/en/components/general-cli-overview.mdx
@@ -1,4 +1,4 @@
----
+---
 title: "{Platform} CLI - {ProductName}"
 description: "The {ProductName} CLI scaffolds {Platform} projects, adds pre-configured component views, and connects AI coding assistants via a built-in MCP server."
 keywords: "{Platform} cli, command line interface, {ProductName}, Infragistics"
@@ -70,7 +70,7 @@ For a step-by-step walkthrough of the wizard options, see [Step-by-Step Guide Us
 To create a React project non-interactively, provide `react` as the framework and `igr-ts` as the project type:
 
 ```cmd
-ig new <project-name> --framework=react --type=igr-ts --template=side-nav
+ig new <project-name> --framework=react --template=side-nav
 ```
 
 The following base project templates are available for React:
@@ -114,6 +114,53 @@ When using the interactive wizard, selecting `side-nav` or `side-nav-mini` trigg
 
 </PlatformBlock>
 
+<PlatformBlock for="Blazor">
+
+Blazor projects are scaffolded through the **.NET CLI**, so a **.NET SDK 10.0 or newer** is required. On first use the CLI automatically installs the
+[`IgniteUI.Blazor.Templates`](https://www.nuget.org/packages/IgniteUI.Blazor.Templates) package if it isn't already present.
+
+To create a Blazor project non-interactively, provide `blazor` as the framework and choose a hosting model:
+
+```cmd
+ig new <project-name> --framework blazor --hosting Server
+```
+
+A more complete example that also sets the theme, the theme variant and skips package restore:
+
+```cmd
+ig new MyApp --framework blazor --hosting Auto --theme material --variant dark --skip-install
+```
+
+### Blazor options
+
+| Option            | Alias | Values                                          | Default     | Description                                                        |
+| :---------------- | :---- | :---------------------------------------------- | :---------- | :----------------------------------------------------------------- |
+| `--hosting`       |       | `Server`, `Wasm`, `Auto`                        | `Server`    | Blazor hosting model (Blazor only).                                |
+| `--theme`         | `-th` | `bootstrap`, `material`, `fluent`, `indigo`     | `bootstrap` | Ignite UI theme applied to the project.                            |
+| `--variant`       |       | `light`, `dark`                                 | `light`     | Theme color variant (Blazor only).                                |
+| `--skip-install`  | `-si` | —                                               | `false`     | Skip the package restore after scaffolding.                       |
+| `--skip-git`      | `-sg` | —                                               | `false`     | Do not initialize a git repository for the project.               |
+
+> [!NOTE]
+> `--hosting` and `--variant` are only valid for the Blazor framework and are ignored by other frameworks.
+
+### Base project templates
+
+The following base project templates are available for Blazor:
+
+| Template ID | Description                                                                      |
+| :---------- | :------------------------------------------------------------------------------- |
+| empty       | Minimal Blazor Web App scaffolded via the `IgniteUI.Blazor.Templates` package.   |
+
+Once the project is created, run it with the standard .NET tooling:
+
+```cmd
+cd <project-name>
+dotnet run
+```
+
+</PlatformBlock>
+
 The following arguments are available when creating a project:
 
 | Argument         | Alias  | Description                                                                                                           |
@@ -127,7 +174,7 @@ The following arguments are available when creating a project:
 | `--assistants`   |        | Configures MCP servers for the specified AI coding assistants. Values: `generic`, `vscode`, `cursor`, `gemini`, `junie`, `none`. |
 | `--agents`       |        | Copies Agent Skill files into the specified agents' skill directories. Values: `generic`, `claude`, `copilot`, `cursor`, `codex`, `windsurf`, `gemini`, `junie`, `none`. |
 
-<PlatformBlock for="React, WebComponents">
+<PlatformBlock for="React, WebComponents, Blazor">
 
 ### AI Configuration During Project Creation
 
@@ -160,13 +207,13 @@ Navigate through the options using the arrow keys, toggle selections with SPACE,
 To skip the AI configuration prompts entirely during project creation, pass `--assistants none --agents none`:
 
 ```cmd
-ig new my-app --framework=react --type=igr-ts --template=side-nav --assistants none --agents none
+ig new my-app --framework=react --template=side-nav --assistants none --agents none
 ```
 
 To auto-configure AI tools without prompting, specify the desired values:
 
 ```cmd
-ig new my-app --framework=react --type=igr-ts --template=side-nav --assistants vscode --agents copilot claude
+ig new my-app --framework=react --template=side-nav --assistants vscode --agents copilot claude
 ```
 
 </PlatformBlock>
@@ -290,7 +337,7 @@ Or, if you have Ignite UI CLI installed globally:
 ig mcp
 ```
 
-<PlatformBlock for="React, WebComponents">
+<PlatformBlock for="React, WebComponents, Blazor">
 
 ### Quick Setup with `ig ai-config`
 
diff --git a/docs/xplat/src/content/en/components/general-step-by-step-guide-using-cli.mdx b/docs/xplat/src/content/en/components/general-step-by-step-guide-using-cli.mdx
index eb0376e355..40043eee4e 100644
--- a/docs/xplat/src/content/en/components/general-step-by-step-guide-using-cli.mdx
+++ b/docs/xplat/src/content/en/components/general-step-by-step-guide-using-cli.mdx
@@ -1,4 +1,4 @@
----
+---
 title: "Step-by-Step Guide Using Ignite UI CLI | {ProductName} | Infragistics"
 description: "Walk through the Ignite UI CLI interactive wizard to create a new {Platform} project, choose a template and theme, and add {ProductName} component views."
 keywords: "{Platform} cli, ignite ui cli, {ProductName}, scaffolding, step-by-step, Infragistics"
@@ -10,7 +10,7 @@ llms:
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
 
-<PlatformBlock for="React, WebComponents">
+<PlatformBlock for="React, WebComponents, Blazor">
 
 # Step-by-Step Guide Using Ignite UI CLI
 
@@ -50,6 +50,10 @@ Select **React** to scaffold a project pre-configured for {ProductName}.
 Select **Web Components** to scaffold a project pre-configured for {ProductName}.
 </PlatformBlock>
 
+<PlatformBlock for="Blazor">
+Select **Blazor** to scaffold a project pre-configured for {ProductName}.
+</PlatformBlock>
+
 ### Select a project type
 
 <PlatformBlock for="React">
@@ -80,6 +84,12 @@ Choose one of the available project templates. Navigate through the options usin
 | Side Navigation Mini | Project structure with a compact side navigation drawer |
 </PlatformBlock>
 
+<PlatformBlock for="Blazor">
+| Template         | Description                                         |
+| :--------------- | :-------------------------------------------------- |
+| Empty            | Minimal project structure scaffolded via the IgniteUI.Blazor.Templates package |
+</PlatformBlock>
+
 If you select **Side Navigation** or **Side Navigation Mini**, the wizard prompts you with an additional step asking whether to add authentication to the project. Answering yes generates the corresponding auth variant (`side-nav-auth` or `side-nav-mini-auth`). If you select **Empty**, the authentication prompt is skipped.
 
 ### Select a theme
@@ -89,6 +99,31 @@ Choose a theme for your application:
 - The **default** option includes a pre-compiled CSS file with the default {ProductName} theme.
 - The **custom** option generates a Sass-based color palette and theme configuration using the [Theming API](./themes/overview.md).
 
+<PlatformBlock for="Blazor">
+
+### Choose a hosting Model
+
+Choose a hosting model for your application:
+
+```bash
+? Choose the hosting model:  (Use arrow keys)
+❯ Server
+  Wasm
+  Auto
+  ```
+
+### Choose a theme variant
+
+Choose a theme variant for your application:
+
+```bash
+? Choose the theme variant:  (Use arrow keys)
+❯ light
+  dark
+```
+
+</PlatformBlock>
+
 ### Configure AI Tooling
 
 After theming, the wizard prompts you to configure AI coding assistants. First, select which assistants should receive MCP server configuration:
diff --git a/docs/xplat/src/content/en/components/grids/data-grid.mdx b/docs/xplat/src/content/en/components/grids/data-grid.mdx
index f5cd676534..458438e732 100644
--- a/docs/xplat/src/content/en/components/grids/data-grid.mdx
+++ b/docs/xplat/src/content/en/components/grids/data-grid.mdx
@@ -1,5 +1,5 @@
 ---
-title: "{Platform} Data Grid Component - Infragistics"
+title: "{Platform} Data Grid Documentation & API"
 description: Create super-fast, responsive {Platform} Data Grids and tables with {ProductName}. Supports editing, filtering, data binding and many more. Try it now!
 keywords: "{Platform}, {ProductName}, Infragistics, Getting Started, Grid"
 license: commercial
@@ -44,14 +44,14 @@ import landingGridPage from '@xplat-images/general/landing-grid-page.png';
     }
 `}</style>
 
-# {Platform} Grid Overview and Configuration
+# {Platform} Data Grid Documentation
 
 <div class="sample-content">
     <article class="sample-column">
         <div class="tabbar-wrapper">
-            <p>The {Platform} Data Grid component is used for displaying large volumes of data. Modern and more complex grids ensure smooth UX and bring an array of features for manipulating tabular data. There is an intuitive API, theming, branding, filtering, sorting, data selection, Excel-style filtering, and many more.</p>
+            <p>The <PlatformBlock for="React">[{Platform} Data Grid](https://www.infragistics.com/products/react-data-grid)</PlatformBlock><PlatformBlock for="Blazor, WebComponents">{Platform} Data Grid</PlatformBlock> component is used for displaying large volumes of data. Modern and more complex grids ensure smooth UX and bring an array of features for manipulating tabular data. There is an intuitive API, theming, branding, filtering, sorting, data selection, Excel-style filtering, and many more.</p>
             <p>The {ProductName} Data Table / Data Grid is a tabular {Platform} grid component that allows you to quickly bind and display your data with little coding or configuration. Features of the {Platform} data grid in our toolbox include filtering, sorting, templates, row selection, row grouping, row pinning, movable columns, virtualization, Master-Detail, and much more.</p>
-            <p>The {Platform} tables are optimized for speed and performance, with the ability to handle millions of rows and columns, and real-time updates in an instant, making {ProductName} Data Grid the best {Platform} Data Grid on the market.  </p>
+            <p>The {Platform} tables are optimized for speed and performance, with the ability to handle millions of rows and columns, and real-time updates in an instant.</p>
         </div>
     </article>
     <article class="sample-column">
diff --git a/docs/xplat/src/content/en/toc.json b/docs/xplat/src/content/en/toc.json
index 774fb63803..a611cb6db3 100644
--- a/docs/xplat/src/content/en/toc.json
+++ b/docs/xplat/src/content/en/toc.json
@@ -128,8 +128,7 @@
   },
   {
     "exclude": [
-      "Angular",
-      "Blazor"
+      "Angular"
     ],
     "name": "Ignite UI CLI",
     "href": "general-cli-overview.md",
@@ -137,8 +136,7 @@
     "items": [
       {
         "exclude": [
-          "Angular",
-          "Blazor"
+          "Angular"
         ],
         "name": "Step-by-Step Guide Using Ignite UI CLI",
         "href": "general-step-by-step-guide-using-cli.md",
diff --git a/docs/xplat/src/content/jp/components/layouts/splitter.mdx b/docs/xplat/src/content/jp/components/layouts/splitter.mdx
index fa710d1b38..e20052a39e 100644
--- a/docs/xplat/src/content/jp/components/layouts/splitter.mdx
+++ b/docs/xplat/src/content/jp/components/layouts/splitter.mdx
@@ -3,7 +3,7 @@ title: "{Platform} スプリッター コンポーネント | レイアウト 
 description: "{ProductName} スプリッター コンポーネントを使用して、水平または垂直レイアウトでサイズ変更可能な 2 つのペインを作成し、折りたたみ/展開の動作、キーボード サポート、およびネストされた分割ビューを実現します。"
 keywords: "スプリッター, 分割ペイン, サイズ変更可能なペイン, Web Components スプリッター, {Platform} スプリッター, {ProductName}"
 license: MIT
-mentionedTypes: ["Splitter"]
+mentionedTypes: ["Splitter", "SplitterResizeEventArgs"]
 _language: ja
 llms:
   description: "{ProductName} スプリッターは、コンテンツを start と end の 2 つの領域に分割する、サイズ変更可能な分割ペイン レイアウトを提供します。"

From c69d27e6f16c5f4625ec76f569336f0cd0497974 Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Fri, 26 Jun 2026 10:53:46 +0300
Subject: [PATCH 15/15] Update package-lock

---
 package-lock.json | 30 +++++++++++++++++-------------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 3567ad753d..4894988408 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1113,9 +1113,9 @@
       }
     },
     "node_modules/@csstools/color-helpers": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-6.0.2.tgz",
-      "integrity": "sha512-LMGQLS9EuADloEFkcTBR3BwV/CGHV7zyDxVRtVDTwdI2Ca4it0CCVTT9wCkxSgokjE5Ho41hEPgb8OEUwoXr6Q==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-6.1.0.tgz",
+      "integrity": "sha512-064IFJdjTfUqnjpCVpMOdbr8FLQBhinbZj6yRv2An2E41O/pLEXqfFRWqGq/SxlE5PEUYTlvWsG2r8MswAVvkg==",
       "funding": [
         {
           "type": "github",
@@ -1155,9 +1155,9 @@
       }
     },
     "node_modules/@csstools/css-color-parser": {
-      "version": "4.1.8",
-      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-4.1.8.tgz",
-      "integrity": "sha512-3chWb7PRLijpJpPIKkDxdu6IBeO5MrFACND57On0j8OPpc0wZibcGc3xAHrSEbOx/KDRyMHoIxGn0w1PhXMYHw==",
+      "version": "4.1.9",
+      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-4.1.9.tgz",
+      "integrity": "sha512-paQcIaOO53Rk5+YrBaBjm/SgrV4INImjo2BT1DtQRYr+XeTRbeAYlS+jxXp9drqvKmtFnWRJKIalDLhZZDu42A==",
       "funding": [
         {
           "type": "github",
@@ -1170,7 +1170,7 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "@csstools/color-helpers": "^6.0.2",
+        "@csstools/color-helpers": "^6.1.0",
         "@csstools/css-calc": "^3.2.1"
       },
       "engines": {
@@ -6422,9 +6422,9 @@
       }
     },
     "node_modules/immutable": {
-      "version": "5.1.7",
-      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.7.tgz",
-      "integrity": "sha512-47Xb+LFbZ/ZIjQMj6Q5J3IfK7PJFuqRdFOC9FpGgRTK6U2dAEVmkR9hp58qU4FpYux5YXpneDwkj2EP6lppzFA==",
+      "version": "5.1.8",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.8.tgz",
+      "integrity": "sha512-TM5YqrGeTsVIPPpILzeqZ8D2Zc2TvNgSDi88zPF2a4cyqQdWV/wVWBDRDbNzzrLeRWScrFcOX9lW2iX6GOtUDw==",
       "devOptional": true,
       "license": "MIT"
     },
@@ -8740,13 +8740,17 @@
       "license": "MIT"
     },
     "node_modules/range-parser": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
-      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.3.0.tgz",
+      "integrity": "sha512-hek2mFQpPuI4E1BBKrSto+BU3e3x4xuarsbiwr3+lf7p44juvFMV0XFWQAP3xUyqXA4RrXLIoaSUGbSt056ZMw==",
       "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
     "node_modules/raw-body": {