igniteui-cli 15.2.2-alpha.3 → 15.3.0

package/lib/PromptSession.js

@@ -58,7 +58,7 @@ class PromptSession extends cli_core_1.BasePromptSession {
     }
     configureAI(frameworkId) {
         return __awaiter(this, void 0, void 0, function* () {
-            yield (0, ai_config_1.configure)(frameworkId);
+            yield (0, ai_config_1.configure)(frameworkId, { verbose: false });
         });
     }
     templateSelectedTask(type = "component") {

package/lib/commands/ai-config.d.ts

@@ -1,10 +1,17 @@
 import { type AIAgentTarget, type AiCodingAssistant } from "@igniteui/cli-core";
 import { CommandModule } from "yargs";
 export declare function configureMCP(assistants: AiCodingAssistant[]): void;
-export declare function configureSkills(agents: AIAgentTarget[], framework: string): void;
+export declare function configureSkills(agents: AIAgentTarget[], framework: string, verbose?: boolean): void;
+export declare function configureInstructions(agents: AIAgentTarget[], framework: string, verbose?: boolean): void;
 type AIAgentOption = AIAgentTarget | "none";
 type AIAssistantOption = AiCodingAssistant | "none";
-export declare function configure(framework: string, agents?: AIAgentOption[], assistants?: AIAssistantOption[], skills?: boolean): Promise<{
+interface ConfigureOptions {
+    agents?: AIAgentOption[];
+    assistants?: AIAssistantOption[];
+    skills?: boolean;
+    verbose?: boolean;
+}
+export declare function configure(framework: string, options?: ConfigureOptions): Promise<{
     agents: AIAgentTarget[];
     assistants: AiCodingAssistant[];
 }>;

package/lib/commands/ai-config.js

@@ -11,6 +11,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.configureMCP = configureMCP;
 exports.configureSkills = configureSkills;
+exports.configureInstructions = configureInstructions;
 exports.configure = configure;
 const cli_core_1 = require("@igniteui/cli-core");
 function configureMCP(assistants) {
@@ -18,32 +19,66 @@ function configureMCP(assistants) {
         const { mcpFilePath } = cli_core_1.AI_ASSISTANT_MCP_CONFIGS[assistant];
         const modified = (0, cli_core_1.addMcpServers)(assistant);
         if (!modified) {
-            cli_core_1.Util.log(` Ignite UI MCP servers already configured in ${mcpFilePath}`);
+            cli_core_1.Util.log(cli_core_1.Util.greenCheck() + ` Ignite UI MCP servers already configured in ${mcpFilePath}`);
         }
         else {
             cli_core_1.Util.log(cli_core_1.Util.greenCheck() + ` MCP servers configured in ${mcpFilePath}`);
         }
     }
 }
-function configureSkills(agents, framework) {
+function logFileActions(result) {
+    for (const detail of result.details) {
+        if (detail.action === "created") {
+            cli_core_1.Util.log(`  Created ${detail.path}`);
+        }
+        else if (detail.action === "updated") {
+            cli_core_1.Util.log(`  Updated ${detail.path}`);
+        }
+    }
+}
+function logResultSummary(result, label) {
+    if (result.failed > 0) {
+        cli_core_1.Util.warn(`Failed to write ${result.failed} ${label} file(s) out of ${result.found}.`, "yellow");
+    }
+    else if (result.found > 0 && result.skipped === result.found) {
+        cli_core_1.Util.log(cli_core_1.Util.greenCheck() + ` ${label} file(s) already up-to-date.`);
+    }
+    else if (result.found > 0) {
+        const written = result.found - result.skipped;
+        cli_core_1.Util.log(cli_core_1.Util.greenCheck() + ` ${written} ${label} file(s) created or updated.`);
+    }
+}
+function configureSkills(agents, framework, verbose = true) {
     const result = (0, cli_core_1.copyAISkillsToProject)(agents, framework);
     if (result.found === 0) {
         cli_core_1.Util.warn("No AI skill files found. Make sure packages are installed (npm install) " +
             "and your Ignite UI packages are up-to-date.", "yellow");
+        return;
     }
-    else if (result.failed > 0) {
-        cli_core_1.Util.warn(`Failed to write ${result.failed} skill file(s) out of ${result.found}.`, "yellow");
-    }
-    else if (result.skipped === result.found) {
-        cli_core_1.Util.log("Everything is already up-to-date.");
+    if (verbose) {
+        for (const source of result.sources) {
+            if (source.type === "package") {
+                cli_core_1.Util.log(`Using skills from ${source.packageName}@${source.packageVersion}`);
+            }
+            else {
+                cli_core_1.Util.log("Using bundled Ignite UI skills");
+            }
+        }
+        logFileActions(result);
     }
-    else {
-        const written = result.found - result.skipped;
-        cli_core_1.Util.log(cli_core_1.Util.greenCheck() + ` ${written} AI skill file(s) created or updated.`);
+    logResultSummary(result, "AI skill");
+}
+function configureInstructions(agents, framework, verbose = true) {
+    const result = (0, cli_core_1.copyAgentInstructionFiles)(agents, framework);
+    if (verbose) {
+        logFileActions(result);
     }
+    logResultSummary(result, "instruction");
 }
 function configure(framework_1) {
-    return __awaiter(this, arguments, void 0, function* (framework, agents = [], assistants = [], skills = true) {
+    return __awaiter(this, arguments, void 0, function* (framework, options = {}) {
+        const { skills = true, verbose = true } = options;
+        let { agents = [], assistants = [] } = options;
         if (framework === "jquery") {
             // currently not supported
             return { agents: [], assistants: [] };
@@ -65,9 +100,9 @@ function configure(framework_1) {
         }
         else {
             if (skills) {
-                configureSkills(resolvedAgents, framework);
+                configureSkills(resolvedAgents, framework, verbose);
             }
-            (0, cli_core_1.copyAgentInstructionFiles)(resolvedAgents, framework);
+            configureInstructions(resolvedAgents, framework, verbose);
         }
         return { agents: resolvedAgents, assistants: resolvedAssistants };
     });
@@ -184,7 +219,7 @@ const command = {
             if (framework === "jquery") {
                 cli_core_1.Util.log("AI Config currently not available for jQuery projects.");
             }
-            const result = yield configure(framework, agents, assistants);
+            const result = yield configure(framework, { agents, assistants });
             cli_core_1.GoogleAnalytics.post({
                 t: "event",
                 ec: "$ig ai-config",

package/lib/commands/build.js

@@ -45,7 +45,7 @@ const command = {
                 t: "screenview",
                 cd: "Build"
             });
-            command.build(argv);
+            yield command.build();
         });
     },
     build() {
@@ -68,20 +68,15 @@ const command = {
             });
             yield cli_core_1.PackageManager.installPackages();
             if (config.project.theme.includes(".less") || config.project.theme.includes(".sass")) {
-                fs.mkdirSync("./themes");
-                const source = path.join(config.project.igniteuiSource, "/css/themes/", config.project.theme.split(".")[0]);
+                const source = path.join(config.project.igniteuiSource, "css", "themes", config.project.theme.split(".")[0]);
                 const destination = path.join(config.project.sourceRoot, "themes");
                 cli_core_1.Util.ensureDirectoryExists(destination);
-                if (!cli_core_1.Util.isDirectory(source)) {
-                    fs.copyFileSync(source, destination);
-                    return;
+                if (cli_core_1.Util.isDirectory(source)) {
+                    fs.cpSync(source, destination, { recursive: true, force: true });
+                }
+                else {
+                    fs.copyFileSync(source, path.join(destination, path.basename(source)));
                 }
-                const entries = fs.readdirSync(source, { withFileTypes: true });
-                entries.forEach((entry) => {
-                    const sourcePath = path.join(source, entry.name);
-                    const destinationPath = path.join(destination, entry.name);
-                    fs.copyFileSync(sourcePath, destinationPath);
-                });
             }
         });
     }

package/lib/commands/new.js

@@ -174,7 +174,10 @@ const command = {
                 yield cli_core_1.Util.processTemplates(templatePath, path.join(process.cwd(), argv.name), config, projTemplate.delimiters, false);
             }
             process.chdir(argv.name);
-            yield (0, ai_config_1.configure)(argv.framework, argv.agents, argv.assistants);
+            yield (0, ai_config_1.configure)(argv.framework, {
+                agents: argv.agents,
+                assistants: argv.assistants
+            });
             process.chdir("..");
             cli_core_1.Util.log(cli_core_1.Util.greenCheck() + " Project Created");
             if (!argv.skipInstall) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-cli",
-  "version": "15.2.2-alpha.3",
+  "version": "15.3.0",
   "description": "CLI tool for creating Ignite UI projects",
   "keywords": [
     "CLI",
@@ -66,9 +66,9 @@
     "all": true
   },
   "dependencies": {
-    "@igniteui/angular-templates": "^21.2.1522-alpha.3",
-    "@igniteui/cli-core": "^15.2.2-alpha.3",
-    "@igniteui/mcp-server": "^15.2.2-alpha.3",
+    "@igniteui/angular-templates": "~21.2.1530",
+    "@igniteui/cli-core": "~15.3.0",
+    "@igniteui/mcp-server": "~15.3.0",
     "@inquirer/prompts": "^7.9.0",
     "chalk": "^5.3.0",
     "glob": "^11.0.0",

package/templates/blazor/igb/projects/ai-config/files/skills/AGENTS.md

@@ -58,9 +58,4 @@ You are an expert in C#, Blazor, and scalable web application development. You w
 ## UI Components
 
 - Use `IgniteUI.Blazor.Lite`, `IgniteUI.Blazor.GridLite` for general purpose components and light-weight grid, and `IgniteUI.Blazor` (trial version available publicly as `IgniteUI.Blazor.Trial`) for specialized feature-rich grids and charts. If the project already references full `IgniteUI.Blazor`, do not add `IgniteUI.Blazor.Lite` or `IgniteUI.Blazor.GridLite` unless the user explicitly chooses to switch package strategy.
-- Components use the `Igb` prefix (e.g., `IgbGrid`, `IgbCombo`, `IgbDatePicker`).
-- Every component requires module registration in `Program.cs`: `builder.Services.AddIgniteUIBlazor(typeof(IgbGridModule))`.
-- Add `@using IgniteUI.Blazor.Controls` to `_Imports.razor`.
-- Link a theme stylesheet in the host page (e.g., `_content/IgniteUI.Blazor/themes/light/bootstrap.css`).
-- Add the Ignite UI runtime script before the Blazor framework script in the host page: `<script src="_content/IgniteUI.Blazor/app.bundle.js"></script>`.
 - If no Ignite UI package is present, add the package that matches the chosen package strategy.

package/templates/blazor/igb/projects/ai-config/files/skills/igniteui-blazor-components/SKILL.md

@@ -76,12 +76,14 @@ Base your code and explanation exclusively on what you read. If the reference fi
 | `IgniteUI.Blazor.Lite` | NuGet.org | Open-source / MIT users needing core UI components (forms, layout, navigation, data display, feedback) |
 | `IgniteUI.Blazor.GridLite` | NuGet.org | Open-source / MIT users needing the lightweight `IgbGridLite` data grid |
 | `IgniteUI.Blazor` | Infragistics private NuGet feed (`https://packages.infragistics.com/nuget/licensed/`) | Licensed / enterprise users that need the full component suite (grids, charts, maps, gauges, Dock Manager) |
-| `IgniteUI.Blazor.Trial` | NuGet.org | Evaluation users — same full suite as `IgniteUI.Blazor` but with a trial watermark |
+| `IgniteUI.Blazor.Trial` | NuGet.org | Evaluation users - same full suite as `IgniteUI.Blazor` but with a trial watermark |
 
 `IgniteUI.Blazor.Lite` contains the open-source UI component set, while `IgniteUI.Blazor.GridLite` contains the free `IgbGridLite` data grid package. Both use the `IgniteUI.Blazor.Controls` namespace. Do **not** mix the licensed `IgniteUI.Blazor` package with `IgniteUI.Blazor.Lite` in the same project; they use the same namespaces and duplicate some components. If full `IgniteUI.Blazor` is already referenced, do not add Lite/GridLite unless the user explicitly asks to switch package strategy.
 
 ## Key Blazor-Specific Notes
 
+Add the Ignite UI runtime script before the Blazor framework script in the host page: `<script src="_content/IgniteUI.Blazor/app.bundle.js"></script>`. **If this script is missing, web components will not register and the app will render blank or broken. Verify this is present in every new project.**
+
 > **AGENT INSTRUCTION - Module Registration**
 >
 > Every Ignite UI for Blazor component **and its sub-components** has a corresponding module. Register **all** modules for every component used on the page in `Program.cs`:

package/templates/blazor/igb/projects/ai-config/files/skills/igniteui-blazor-components/references/charts.md

@@ -32,14 +32,14 @@ This reference gives high-level guidance on when to use some of the chart types,
 |---|---|
 | Simple line/area/column/point/spline/waterfall charts with minimal config | `IgbCategoryChart` |
 | Multiple series types on the same chart, custom axes, annotations | `IgbDataChart` |
-| Candlestick / OHLC financial data with range selector | `IgbFinancialChart` / stock chart docs |
+| Candlestick / OHLC financial data with range selector | `IgbFinancialChart` |
 | Part-to-whole proportions (slices) | `IgbPieChart` |
 | Donut with center label | `IgbDoughnutChart` |
 | Inline sparkline for tables or cards | `IgbSparkline` |
-| Hierarchical part-to-whole data | Treemap docs |
-| Geographic points, shapes, map markers | Geographic Map docs |
-| KPI values, ranges, scales, bullet comparisons | Gauge docs |
-| Auto-generated dashboard visualization from data | Dashboard Tile docs |
+| Hierarchical part-to-whole data | `IgbTreemap` |
+| Geographic points, shapes, map markers | `IgbGeographicMap` |
+| KPI values, ranges, scales, bullet comparisons | `IgbLinearGauge` / `IgbRadialGauge` / `IgbBulletGraph` |
+| Auto-generated dashboard visualization from data | `IgbDashboardTile` |
 
 ---
 
@@ -66,8 +66,6 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbCategoryChartModule));
 }
 ```
 
-Key attributes: `DataSource`, `ChartType` (`CategoryChartType.Line` / `Area` / `Column` / `Point` / `Spline` / `SplineArea` / `StepLine` / `StepArea` / `Waterfall` / `Auto`), `Height`, `Width`, `YAxisTitle`, `XAxisTitle`, `Brushes`, `Outlines`, `MarkerBrushes`, `IsTransitionInEnabled`, `IsHorizontalZoomEnabled`, `IsVerticalZoomEnabled`.
-
 > **AGENT INSTRUCTION:** `CategoryChartType.Bar` does **not** exist. For a horizontal bar-style chart, use `CategoryChartType.Column` (vertical) or switch to `IgbDataChart` with `IgbBarSeries` for true horizontal bars. Never generate `ChartType="CategoryChartType.Bar"`.
 
 > **AGENT INSTRUCTION:** `IgbCategoryChart` auto-detects which string or date property in the data to use as X-axis labels. To control which data properties are charted, use `IncludedProperties` or `ExcludedProperties` (string arrays).
@@ -120,10 +118,6 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbDataChartCoreModule), typeof(IgbDat
 }
 ```
 
-Common axis types: `IgbCategoryXAxis`, `IgbNumericXAxis`, `IgbNumericYAxis`, `IgbCategoryYAxis`, `IgbTimeXAxis`, `IgbOrdinalTimeXAxis`.
-
-Common series types: `IgbLineSeries`, `IgbAreaSeries`, `IgbColumnSeries`, `IgbBarSeries`, `IgbSplineSeries`, `IgbBubbleSeries`, `IgbScatterSeries`.
-
 Every series must reference its axes by matching `Name` and `XAxisName` / `YAxisName`.
 
 > **AGENT INSTRUCTION:** `IgbDataChart` requires separate NuGet module registrations for each category of series. Always check `get_doc` to find the exact module names, for example category, scatter, polar, radial, stacked, or financial modules.
@@ -132,8 +126,6 @@ Every series must reference its axes by matching `Name` and `XAxisName` / `YAxis
 
 ## Financial / Stock Chart
 
-> **Docs:** [Financial Chart](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/stock-chart)
-
 ```csharp
 builder.Services.AddIgniteUIBlazor(typeof(IgbFinancialChartModule));
 ```
@@ -150,14 +142,12 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbFinancialChartModule));
 }
 ```
 
-The data source must contain `Open`, `High`, `Low`, `Close`, and `Volume` numeric fields plus a `Date`/`Time` field. Key attributes: `ChartType` (`FinancialChartType.Candle` / `Bar` / `Line`), `ZoomSliderType`, `VolumeType`.
+The data source must contain `Open`, `High`, `Low`, `Close`, and `Volume` numeric fields plus a `Date`/`Time` field.
 
 ---
 
 ## Pie Chart
 
-> **Docs:** [Pie Chart](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/pie-chart)
-
 ```csharp
 builder.Services.AddIgniteUIBlazor(typeof(IgbPieChartModule), typeof(IgbItemLegendModule));
 ```
@@ -187,16 +177,10 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbPieChartModule), typeof(IgbItemLege
 }
 ```
 
-Key attributes: `DataSource`, `LabelMemberPath`, `ValueMemberPath`, `RadiusFactor` (0-1), `StartAngle`, `OthersCategoryThreshold`, `OthersCategoryType`, `LegendLabelMemberPath`, `LegendItemTemplate`.
-
-Events: `SliceClick`.
-
 ---
 
 ## Donut Chart
 
-> **Docs:** [Doughnut Chart](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/donut-chart)
-
 ```csharp
 builder.Services.AddIgniteUIBlazor(typeof(IgbDoughnutChartModule), typeof(IgbRingSeriesModule));
 ```
@@ -215,8 +199,6 @@ Supports multiple `IgbRingSeries` for concentric rings.
 
 ## Sparkline
 
-> **Docs:** [Sparkline](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/sparkline-chart)
-
 ```csharp
 builder.Services.AddIgniteUIBlazor(typeof(IgbSparklineModule));
 ```
@@ -231,38 +213,28 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbSparklineModule));
               LineThickness="2" />
 ```
 
-Key attributes: `DataSource`, `ValueMemberPath`, `DisplayType` (`SparklineDisplayType.Line` / `Area` / `Column` / `WinLoss`), `Width`, `Height`, `Brush`, `LineThickness`, `MarkerVisibility`, `FirstMarkerVisibility`, `LastMarkerVisibility`, `HighMarkerVisibility`, `LowMarkerVisibility`.
-
 ---
 
 ## Treemap
 
-> **Docs:** [Treemap](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/treemap-chart)
-
-Use Treemap for hierarchical, weighted, part-to-whole data. Always call `get_doc("treemap-chart")` before writing markup because hierarchy binding, member paths, and layout options are component-specific.
+Always call `get_doc("blazor", "treemap-chart")` before writing markup because hierarchy binding, member paths, and layout options are component-specific.
 
 ---
 
 ## Geographic Map
 
-> **Docs:** [Geographic Map](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/geo-map-type-scatter-area-series)
-
 Use Geographic Map for map backgrounds, shape files, geographic points, bubbles, and marker layers. Do not adapt Data Chart axis or series examples to maps unless the Blazor Geographic Map docs explicitly show the same API.
 
 ---
 
 ## Gauges
 
-> **Docs:** [Radial Gauge](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/radial-gauge), [Linear Gauge](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/linear-gauge), [Bullet Graph](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/bullet-graph)
-
 Use gauges for KPI values, ranges, thresholds, progress-style numeric summaries, and bullet comparisons. Select the exact gauge doc first, then use the MCP-documented property names for ranges, labels, scale, and value binding.
 
 ---
 
 ## Dashboard Tile
 
-> **Docs:** [Dashboard Tile](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/dashboard-tile)
-
 Use Dashboard Tile when the requested component should infer or render compact dashboard visualizations from bound data. Verify supported chart modes and binding shape with MCP before producing code.
 
 ---

package/templates/blazor/igb/projects/ai-config/files/skills/igniteui-blazor-components/references/data-display.md

@@ -27,8 +27,6 @@ This reference gives high-level guidance on data display and action components,
 
 ## Button & Button Group
 
-> **Docs:** [Button](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/button), [Button Group](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/button-group)
-
 ```csharp
 builder.Services.AddIgniteUIBlazor(typeof(IgbButtonModule), typeof(IgbButtonGroupModule));
 ```
@@ -47,16 +45,10 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbButtonModule), typeof(IgbButtonGrou
 </IgbButtonGroup>
 ```
 
-Key attributes on `IgbButton`: `Variant` (`ButtonVariant.Contained` / `Outlined` / `Flat` / `Fab`), `Disabled`, `DisplayType` (`ButtonBaseType.Button` / `Submit` / `Reset`), `Href` (renders as `<a>`).
-
-Key attributes on `IgbButtonGroup`: `Selection` (`ButtonGroupSelection.Single` / `SingleRequired` / `Multiple`), `Alignment` (`ContentOrientation.Horizontal` / `ContentOrientation.Vertical`).
-
 ---
 
 ## Icon & Icon Button
 
-> **Docs:** [Icon](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/layouts/icon), [Icon Button](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/icon-button)
-
 ```csharp
 builder.Services.AddIgniteUIBlazor(typeof(IgbIconModule), typeof(IgbIconButtonModule));
 ```
@@ -81,16 +73,12 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbIconModule), typeof(IgbIconButtonMo
 }
 ```
 
-Key attributes: `IconName`, `Collection`, `Mirrored` (for RTL). Size is controlled via CSS `--ig-size: var(--ig-size-small | --ig-size-medium | --ig-size-large)`.
-
 > **AGENT INSTRUCTION - Icon Registration:** Icons are registered by name+collection. Registration must happen in `OnAfterRenderAsync(bool firstRender)` after calling `EnsureReady()`. Re-use the same collection name across the app for consistency.
 
 ---
 
 ## Card
 
-> **Docs:** [Card](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/layouts/card)
-
 ```csharp
 builder.Services.AddIgniteUIBlazor(typeof(IgbCardModule));
 ```
@@ -110,18 +98,15 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbCardModule));
     <IgbCardActions>
         <IgbButton slot="start" Variant="@ButtonVariant.Flat">Like</IgbButton>
         <IgbButton slot="start" Variant="@ButtonVariant.Flat">Share</IgbButton>
+        <IgbButton slot="end" Variant="@ButtonVariant.Contained">Buy Now</IgbButton>
     </IgbCardActions>
 </IgbCard>
 ```
 
-Sub-components: `IgbCardMedia`, `IgbCardHeader`, `IgbCardContent`, `IgbCardActions`. Slots on `IgbCardHeader`: `thumbnail`, `title`, `subtitle`.
-
 ---
 
 ## Carousel
 
-> **Docs:** [Carousel](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/layouts/carousel)
-
 ```csharp
 builder.Services.AddIgniteUIBlazor(typeof(IgbCarouselModule));
 ```
@@ -143,8 +128,6 @@ Use Carousel for image/content slides, banners, onboarding panels, or media gall
 
 ## List
 
-> **Docs:** [List](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/grids/list)
-
 ```csharp
 builder.Services.AddIgniteUIBlazor(typeof(IgbListModule), typeof(IgbListItemModule), typeof(IgbListHeaderModule));
 ```
@@ -164,14 +147,10 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbListModule), typeof(IgbListItemModu
 </IgbList>
 ```
 
-Slots on `IgbListItem`: `start`, `end`, `title`, `subtitle`.
-
 ---
 
 ## Avatar
 
-> **Docs:** [Avatar](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/layouts/avatar)
-
 ```csharp
 builder.Services.AddIgniteUIBlazor(typeof(IgbAvatarModule));
 ```
@@ -189,14 +168,10 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbAvatarModule));
 </IgbAvatar>
 ```
 
-Key attributes: `Src`, `Alt`, `Initials`, `Shape` (`AvatarShape.Circle` / `Square` / `Rounded`). Size is controlled via CSS `--ig-size: var(--ig-size-small | --ig-size-medium | --ig-size-large)`.
-
 ---
 
 ## Badge
 
-> **Docs:** [Badge](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/badge)
-
 ```csharp
 builder.Services.AddIgniteUIBlazor(typeof(IgbBadgeModule));
 ```
@@ -206,14 +181,10 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbBadgeModule));
 <IgbBadge Variant="@StyleVariant.Danger" Shape="@BadgeShape.Square" />
 ```
 
-Key attributes: `Variant` (`StyleVariant.Primary` / `Info` / `Success` / `Warning` / `Danger`), `Shape` (`BadgeShape.Rounded` / `Square`), `Outlined`.
-
 ---
 
 ## Chip
 
-> **Docs:** [Chip](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/chip)
-
 ```csharp
 builder.Services.AddIgniteUIBlazor(typeof(IgbChipModule));
 ```
@@ -229,18 +200,10 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbChipModule));
 }
 ```
 
-Key attributes: `Selectable`, `Selected`, `Removable`, `Disabled`, `Variant` (`StyleVariant.Primary` / `Info` / `Success` / `Warning` / `Danger`).
-
-Slots: `start`, `end` (prefix/suffix icons).
-
-Events: `Select`, `Remove`.
-
 ---
 
 ## Circular Progress
 
-> **Docs:** [Circular Progress](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/circular-progress)
-
 ```csharp
 builder.Services.AddIgniteUIBlazor(typeof(IgbCircularProgressModule));
 ```
@@ -255,14 +218,10 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbCircularProgressModule));
 <IgbCircularProgress Indeterminate="true" />
 ```
 
-Key attributes: `Value`, `Max`, `Indeterminate`, `AnimationDuration`, `Variant` (`StyleVariant.Primary` / `Info` / `Success` / `Warning` / `Danger`).
-
 ---
 
 ## Linear Progress
 
-> **Docs:** [Linear Progress](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/linear-progress)
-
 ```csharp
 builder.Services.AddIgniteUIBlazor(typeof(IgbLinearProgressModule));
 ```
@@ -272,14 +231,10 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbLinearProgressModule));
 <IgbLinearProgress Indeterminate="true" />
 ```
 
-Key attributes: `Value`, `Max`, `Indeterminate`, `Striped`, `Variant`, `LabelAlign` (`LinearProgressLabelAlign.TopStart` / `Top` / `TopEnd` / `BottomStart` / `Bottom` / `BottomEnd`).
-
 ---
 
 ## Dropdown
 
-> **Docs:** [Dropdown](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/dropdown)
-
 ```csharp
 builder.Services.AddIgniteUIBlazor(typeof(IgbDropdownModule));
 ```
@@ -297,14 +252,10 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbDropdownModule));
 
 ```
 
-Key attributes on `IgbDropdown`: `Placement` (`PopoverPlacement.*`), `Flip`, `Distance`, `SameWidth`, `KeepOpenOnOutsideClick`, `KeepOpenOnSelect`. Key attributes on `IgbDropdownItem`: `Value`, `Selected`, `Disabled`. Events on `IgbDropdown`: `Opening`, `Opened`, `Closing`, `Closed`, `Change`.
-
 ---
 
 ## Tooltip
 
-> **Docs:** [Tooltip](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/tooltip)
-
 ```csharp
 builder.Services.AddIgniteUIBlazor(typeof(IgbTooltipModule));
 ```
@@ -316,14 +267,10 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbTooltipModule));
 </IgbTooltip>
 ```
 
-Key attributes: `Anchor` (target element ID string), `Placement` (`PopoverPlacement.Top` / `Bottom` / `Left` / `Right` and start/end variants), `ShowDelay`, `HideDelay`, `ShowTriggers`, `HideTriggers`, `Sticky`, `WithArrow`, `Open`.
-
 ---
 
 ## Ripple
 
-> **Docs:** [Ripple](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/inputs/ripple)
-
 ```csharp
 builder.Services.AddIgniteUIBlazor(typeof(IgbRippleModule));
 ```

package/templates/blazor/igb/projects/ai-config/files/skills/igniteui-blazor-components/references/feedback.md

@@ -18,8 +18,6 @@ This reference gives high-level guidance on feedback and overlay components, the
 
 ## Dialog
 
-> **Docs:** [Dialog](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/notifications/dialog)
-
 ```csharp
 builder.Services.AddIgniteUIBlazor(typeof(IgbDialogModule));
 ```
@@ -50,22 +48,10 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbDialogModule));
 }
 ```
 
-Key attributes: `Title`, `KeepOpenOnEscape` (default: `false`; set `true` to prevent closing on ESC), `CloseOnOutsideClick` (default: `false`), `Open`, `HideDefaultAction`.
-
-Slots: `footer` (action buttons). The default slot is the dialog body.
-
-Methods: `ShowAsync()`, `HideAsync()`, `ToggleAsync()`.
-
-Events: `Closing` (cancellable), `Closed`.
-
-CSS parts: `base`, `title`, `footer`, `content`.
-
 ---
 
 ## Snackbar
 
-> **Docs:** [Snackbar](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/notifications/snackbar)
-
 ```csharp
 builder.Services.AddIgniteUIBlazor(typeof(IgbSnackbarModule));
 ```
@@ -93,22 +79,12 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbSnackbarModule));
 }
 ```
 
-Key attributes: `DisplayTime` (ms, default 4000; 0 keeps it open), `KeepOpen` (overrides `DisplayTime`), `ActionText` (text for the action button).
-
-Methods: `ShowAsync()`, `HideAsync()`.
-
-Events: `Action` - fires when the action button is clicked.
-
-CSS parts: `base`, `message`, `action`, `action-container`.
-
 > **TIP - JS interop shortcut:** Add `id="snackbar"` to `IgbSnackbar` and `onclick="snackbar.show()"` to the trigger button as a lightweight alternative when you don't need C# event handling.
 
 ---
 
 ## Toast
 
-> **Docs:** [Toast](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/notifications/toast)
-
 ```csharp
 builder.Services.AddIgniteUIBlazor(typeof(IgbToastModule));
 ```
@@ -126,18 +102,12 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbToastModule));
 }
 ```
 
-Key attributes: `DisplayTime` (ms), `KeepOpen`.
-
-Methods: `ShowAsync()`, `HideAsync()`.
-
 > **AGENT INSTRUCTION - Toast vs Snackbar:** `IgbToast` is a simple auto-dismissing notification with no action button. Use `IgbSnackbar` when you need an action button (e.g., "Undo"). Check the doc via `get_doc` for the current difference, as these components evolve.
 
 ---
 
 ## Banner
 
-> **Docs:** [Banner](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/notifications/banner)
-
 ```csharp
 builder.Services.AddIgniteUIBlazor(typeof(IgbBannerModule));
 ```
@@ -158,14 +128,6 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbBannerModule));
 }
 ```
 
-Slots: `prefix` (icon or image), `actions` (buttons shown at the right or bottom). Default slot = message text.
-
-Methods: `ShowAsync()`, `HideAsync()`, `ToggleAsync()`.
-
-Events: `Closing` (cancellable), `Closed`.
-
-CSS parts: `base`, `spacer`, `message`, `illustration`, `content`, `actions`.
-
 ---
 
 ## Key Rules