igniteui-cli 15.2.0 → 15.2.1

package/lib/commands/upgrade.js

@@ -10,6 +10,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const cli_core_1 = require("@igniteui/cli-core");
+const FRAMEWORK_PROJECT_TYPE_MAP = {
+    angular: "igx-ts",
+    react: "igr-ts",
+    webcomponents: "igc-ts"
+};
 const command = {
     command: "upgrade-packages",
     aliases: ["upgrade"],
@@ -34,9 +39,23 @@ const command = {
     },
     upgrade(argv) {
         return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c;
             const config = cli_core_1.ProjectConfig.getConfig();
-            const framework = config.project.framework;
-            const projectType = config.project.projectType;
+            let framework = (_a = config.project) === null || _a === void 0 ? void 0 : _a.framework;
+            let projectType = (_b = config.project) === null || _b === void 0 ? void 0 : _b.projectType;
+            if (!framework) {
+                const detected = (0, cli_core_1.detectFrameworkFromPackageJson)();
+                if (!detected) {
+                    cli_core_1.Util.warn("Unable to determine the project framework. " +
+                        "Please ensure you are running this command in a project directory with a package.json file, " +
+                        "or create an ignite-ui-cli.json configuration file.", "yellow");
+                    return;
+                }
+                framework = detected;
+            }
+            if (!projectType) {
+                projectType = FRAMEWORK_PROJECT_TYPE_MAP[framework.toLowerCase()] || "";
+            }
             switch (framework.toLowerCase()) {
                 case "jquery":
                     cli_core_1.Util.log("Upgrading packages for jQuery projects is currently not supported!");
@@ -48,7 +67,7 @@ const command = {
                         const templateManager = cli_core_1.App.container.get(cli_core_1.TEMPLATE_MANAGER);
                         const projectLibrary = templateManager.getProjectLibrary(framework, projectType);
                         let project;
-                        if (!config.project.projectTemplate || !projectLibrary.hasProject(config.project.projectTemplate)) {
+                        if (!((_c = config.project) === null || _c === void 0 ? void 0 : _c.projectTemplate) || !projectLibrary.hasProject(config.project.projectTemplate)) {
                             // in case project template is missing from the config we provide backward.
                             project = projectLibrary.getProject(projectLibrary.projectIds[0]);
                         }

package/package.json

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

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

@@ -92,7 +92,8 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbDataChartCoreModule), typeof(IgbDat
 ```
 
 ```razor
-<IgbDataChart Height="500px" Width="100%" IsHorizontalZoomEnabled="true">
+<IgbLegend @ref="Legend" Orientation="LegendOrientation.Horizontal" />
+<IgbDataChart Legend="Legend" Height="500px" Width="100%" IsHorizontalZoomEnabled="true">
     <IgbCategoryXAxis Name="xAxis" DataSource="ChartData" Label="Month" />
     <IgbNumericYAxis Name="yAxis" />
     <IgbLineSeries DataSource="ChartData"
@@ -105,11 +106,17 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbDataChartCoreModule), typeof(IgbDat
                      YAxisName="yAxis"
                      ValueMemberPath="Expenses"
                      Title="Expenses" />
-    <IgbChartLegend Name="legend" />
 </IgbDataChart>
 
 @code {
     public List<MonthData> ChartData { get; set; } = SampleData.GetMonthly();
+
+    private IgbLegend _legend;
+    private IgbLegend Legend
+    {
+        get { return _legend; }
+        set { _legend = value; StateHasChanged(); } // triggers re-render so Legend="Legend" receives the ref
+    }
 }
 ```
 
@@ -143,7 +150,7 @@ 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`, `IsTooltipVisible`, `VolumeType`.
+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`.
 
 ---
 
@@ -152,21 +159,30 @@ The data source must contain `Open`, `High`, `Low`, `Close`, and `Volume` numeri
 > **Docs:** [Pie Chart](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/charts/types/pie-chart)
 
 ```csharp
-builder.Services.AddIgniteUIBlazor(typeof(IgbPieChartModule));
+builder.Services.AddIgniteUIBlazor(typeof(IgbPieChartModule), typeof(IgbItemLegendModule));
 ```
 
 ```razor
+<IgbItemLegend @ref="PieLegend" Orientation="LegendOrientation.Horizontal" />
 <IgbPieChart DataSource="SliceData"
              LabelMemberPath="Department"
              ValueMemberPath="Budget"
              Width="500px"
              Height="400px"
              LegendLabelMemberPath="Department"
+             Legend="PieLegend"
              SliceClick="OnSliceClick" />
 
 @code {
     public List<BudgetSlice> SliceData { get; set; } = SampleData.GetBudget();
 
+    private IgbItemLegend _pieLegend;
+    private IgbItemLegend PieLegend
+    {
+        get { return _pieLegend; }
+        set { _pieLegend = value; StateHasChanged(); }
+    }
+
     void OnSliceClick(IgbSliceClickEventArgs e) { /* handle click */ }
 }
 ```
@@ -211,11 +227,11 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbSparklineModule));
               DisplayType="SparklineDisplayType.Line"
               Width="120px"
               Height="40px"
-              Brushes="DodgerBlue"
+              Brush="DodgerBlue"
               LineThickness="2" />
 ```
 
-Key attributes: `DataSource`, `ValueMemberPath`, `DisplayType` (`SparklineDisplayType.Line` / `Area` / `Column` / `WinLoss`), `Width`, `Height`, `Brushes`, `LineThickness`, `MarkerVisibility`, `FirstMarkerVisibility`, `LastMarkerVisibility`, `HighMarkerVisibility`, `LowMarkerVisibility`.
+Key attributes: `DataSource`, `ValueMemberPath`, `DisplayType` (`SparklineDisplayType.Line` / `Area` / `Column` / `WinLoss`), `Width`, `Height`, `Brush`, `LineThickness`, `MarkerVisibility`, `FirstMarkerVisibility`, `LastMarkerVisibility`, `HighMarkerVisibility`, `LowMarkerVisibility`.
 
 ---
 
@@ -256,15 +272,27 @@ Use Dashboard Tile when the requested component should infer or render compact d
 ### Legends
 
 ```razor
-<IgbLegend @ref="Legend" Orientation="LandmarkOrientation.Horizontal" />
+<IgbLegend @ref="Legend" Orientation="LegendOrientation.Horizontal" />
 <IgbCategoryChart DataSource="Data" Legend="Legend" />
+
+@code {
+    private IgbLegend _legend;
+    private IgbLegend Legend
+    {
+        get { return _legend; }
+        set { _legend = value; StateHasChanged(); } // triggers re-render so Legend="Legend" receives the ref
+    }
+}
 ```
 
 ### Tooltips
 
 ```razor
-<IgbCategoryChart IsDefaultTooltipEnabled="true" />
-<!-- Or custom tooltip via ToolTipTemplate slot -->
+<!-- Default tooltip is shown automatically on hover — no property needed -->
+<IgbCategoryChart DataSource="Data" />
+
+<!-- Custom tooltip via TooltipTemplate -->
+<IgbCategoryChart DataSource="Data" TooltipTemplate="@TooltipFragment" />
 ```
 
 ### Animations
@@ -277,7 +305,8 @@ Use Dashboard Tile when the requested component should infer or render compact d
 
 ```razor
 <IgbCategoryChart IsSeriesHighlightingEnabled="true"
-                  HighlightingBehavior="SeriesHighlightingBehavior.BrightenSpecificItemsAndDarkenOthers" />
+                  HighlightingMode="SeriesHighlightingMode.FadeOthers"
+                  HighlightingBehavior="SeriesHighlightingBehavior.NearestItemsAndSeries" />
 ```
 
 ### Zooming and Panning

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

@@ -40,7 +40,7 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbButtonModule), typeof(IgbButtonGrou
 <IgbButton Variant="@ButtonVariant.Flat">Flat</IgbButton>
 
 <!-- Button Group (toggle buttons) -->
-<IgbButtonGroup Selection="ButtonGroupSelection.Single">
+<IgbButtonGroup Selection="@ButtonGroupSelection.Single">
     <IgbToggleButton Value="left">Left</IgbToggleButton>
     <IgbToggleButton Value="center" Selected="true">Center</IgbToggleButton>
     <IgbToggleButton Value="right">Right</IgbToggleButton>
@@ -202,11 +202,11 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbBadgeModule));
 ```
 
 ```razor
-<IgbBadge Variant="@BadgeVariant.Primary">5</IgbBadge>
-<IgbBadge Variant="@BadgeVariant.Danger" Shape="@BadgeShape.Dot" />
+<IgbBadge Variant="@StyleVariant.Primary">5</IgbBadge>
+<IgbBadge Variant="@StyleVariant.Danger" Shape="@BadgeShape.Square" />
 ```
 
-Key attributes: `Variant` (`BadgeVariant.Primary` / `Info` / `Success` / `Warning` / `Danger`), `Shape` (`BadgeShape.Rounded` / `Square` / `Dot`), `Outlined`.
+Key attributes: `Variant` (`StyleVariant.Primary` / `Info` / `Success` / `Warning` / `Danger`), `Shape` (`BadgeShape.Rounded` / `Square`), `Outlined`.
 
 ---
 
@@ -229,7 +229,7 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbChipModule));
 }
 ```
 
-Key attributes: `Selectable`, `Selected`, `Removable`, `Disabled`, `Variant` (`ChipVariant.Primary` / `Info` / `Success` / `Warning` / `Danger`).
+Key attributes: `Selectable`, `Selected`, `Removable`, `Disabled`, `Variant` (`StyleVariant.Primary` / `Info` / `Success` / `Warning` / `Danger`).
 
 Slots: `start`, `end` (prefix/suffix icons).
 
@@ -255,7 +255,7 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbCircularProgressModule));
 <IgbCircularProgress Indeterminate="true" />
 ```
 
-Key attributes: `Value`, `Max`, `Indeterminate`, `AnimationDuration`, `Variant` (`ProgressBaseVariant.Primary` / `Info` / `Success` / `Warning` / `Danger`).
+Key attributes: `Value`, `Max`, `Indeterminate`, `AnimationDuration`, `Variant` (`StyleVariant.Primary` / `Info` / `Success` / `Warning` / `Danger`).
 
 ---
 

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

@@ -56,7 +56,7 @@ Slots: `footer` (action buttons). The default slot is the dialog body.
 
 Methods: `ShowAsync()`, `HideAsync()`, `ToggleAsync()`.
 
-Events: `Opening` (cancellable), `Opened`, `Closing` (cancellable), `Closed`.
+Events: `Closing` (cancellable), `Closed`.
 
 CSS parts: `base`, `title`, `footer`, `content`.
 
@@ -144,7 +144,7 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbBannerModule));
 
 ```razor
 <IgbBanner @ref="BannerRef">
-    <IgbIcon slot="illustration" IconName="wifi_off" Collection="material" />
+    <IgbIcon slot="prefix" IconName="wifi_off" Collection="material" />
     You are currently offline.
     <IgbButton slot="actions" @onclick="RetryConnection">Retry</IgbButton>
 </IgbBanner>
@@ -158,13 +158,13 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbBannerModule));
 }
 ```
 
-Slots: `illustration` (icon or image), `actions` (buttons shown at the right or bottom). Default slot = message text.
+Slots: `prefix` (icon or image), `actions` (buttons shown at the right or bottom). Default slot = message text.
 
 Methods: `ShowAsync()`, `HideAsync()`, `ToggleAsync()`.
 
-Events: `Opening` (cancellable), `Opened`, `Closing` (cancellable), `Closed`.
+Events: `Closing` (cancellable), `Closed`.
 
-CSS parts: `spacer`, `message`, `illustration`, `actions`.
+CSS parts: `base`, `spacer`, `message`, `illustration`, `content`, `actions`.
 
 ---
 

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

@@ -45,13 +45,13 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbInputModule));
 }
 ```
 
-Key attributes: `Label`, `Placeholder`, `DisplayType` (`InputType.Text / Email / Password / Tel / Number`), `Required`, `Disabled`, `Readonly`, `MinLength`, `MaxLength`.
+Key attributes: `Label`, `Placeholder`, `DisplayType` (`InputType.Text / Email / Password / Tel / Number`), `Required`, `Disabled`, `ReadOnly`, `MinLength`, `MaxLength`.
 
 Slots: `prefix`, `suffix`, `helper-text`.
 
 > **AGENT INSTRUCTION - Icons in slots:** Always use `IgbIcon` in `prefix`/`suffix` slots, never `<span class="material-icons">`. Font spans are `display: inline` so `vertical-align` is ignored inside the slot's flex context - the icon floats to the top. `IgbIcon` (`igc-icon`) is `display: inline-flex; align-items: center` and self-centers automatically. Register the icon in `OnAfterRenderAsync(firstRender)` after `EnsureReady()`.
 
-Events: `IgbInput` (fires while typing), `Change` (fires on commit/blur).
+Events: `InputOcurred` (fires while typing), `Change` (fires on commit/blur).
 
 > **AGENT INSTRUCTION:** `IgbInput` has **no** `GetValueAsync()` method. Read values via the synchronous `Value` property or, preferably, use `@bind-Value` bound directly to a model property - that is the correct Blazor pattern and avoids the need to imperatively read the value at all.
 
@@ -82,7 +82,7 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbComboModule));
 
 Key attributes: `Data`, `ValueKey` (required for complex objects), `DisplayKey`, `T` (type parameter - must match `ValueKey` property type or `"object"` if no `ValueKey`), `Label`, `Placeholder`, `SingleSelect` (for single-selection mode), `Disabled`, `Required`.
 
-Events: `Opening`, `Opened`, `Closing`, `Closed`, `SelectionChanging`.
+Events: `Opening`, `Opened`, `Closing`, `Closed`, `Change` (IgbComboChangeEventArgs).
 
 > **AGENT INSTRUCTION:** `IgbCombo` does **not** work inside a standard HTML `<form>`. Use `<EditForm>` with `@bind-Value` instead.
 
@@ -131,7 +131,7 @@ Key attributes: `Value` (DateTime), `Min`, `Max`, `InputFormat`, `DisplayFormat`
 
 Slots: `calendar`, `clear`, `prefix`, `suffix`, `actions` (custom footer buttons).
 
-Methods: `StepUp(DatePart)`, `StepDown(DatePart)`, `Clear()`, `Show()`, `Hide()`, `Toggle()`.
+Methods: `StepUp(DatePart)`, `StepDown(DatePart)`, `Clear()`.
 
 ---
 
@@ -189,7 +189,7 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbDateTimeInputModule));
 }
 ```
 
-Key attributes: `Value` (DateTime?), `InputFormat`, `DisplayFormat`, `Min`, `Max`, `MinutesStep`, `SpinLoop`.
+Key attributes: `Value` (DateTime?), `InputFormat`, `DisplayFormat`, `Min`, `Max`, `SpinLoop`.
 
 Methods: `StepUp()`, `StepDown()`, `Clear()`.
 
@@ -209,7 +209,7 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbMaskInputModule));
               Placeholder="(555) 123-4567" />
 ```
 
-Key attributes: `Mask` (pattern string: `0` = digit, `L` = letter, `A` = alphanumeric), `Placeholder`, `Prompt` (fill character, default `_`), `ValueMode` (`raw` or `withFormatting`).
+Key attributes: `Mask` (pattern string: `0` = digit, `L` = letter, `A` = alphanumeric), `Placeholder`, `Prompt` (fill character, default `_`), `ValueMode` (`MaskInputValueMode.Raw` or `MaskInputValueMode.WithFormatting`).
 
 ---
 
@@ -302,7 +302,7 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbSliderModule), typeof(IgbRangeSlide
 
 Key attributes on `IgbSlider`: `Value`, `Min`, `Max`, `Step`, `Disabled`, `HideTooltip`. On `IgbRangeSlider`: `Lower`, `Upper`, `Min`, `Max`, `Step`.
 
-Events (both): `IgbInput` (fires while dragging), `Change` (fires on commit).
+Events (both): `Input` (fires while dragging), `Change` (fires on commit).
 
 ---
 
@@ -322,7 +322,7 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbRatingModule));
 }
 ```
 
-Key attributes: `Value`, `Max`, `Step` (for half-star: `0.5`), `Disabled`, `Readonly`, `Label`, `ValueFormat`.
+Key attributes: `Value`, `Max`, `Step` (for half-star: `0.5`), `Disabled`, `ReadOnly`, `Label`, `ValueFormat`.
 
 Events: `Change`, `Hover`.
 

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

@@ -28,6 +28,32 @@ Dock Manager provides an IDE-like dockable pane layout. Users can drag panes to
 builder.Services.AddIgniteUIBlazor(typeof(IgbDockManagerModule));
 ```
 
+Key properties on `IgbDockManager`:
+
+| Property | Type | Description |
+|---|---|---|
+| `Layout` | `IgbDockManagerLayout` | Gets/sets the layout configuration |
+| `ActivePane` | `IgbContentPane` | Gets/sets the currently active (focused) pane |
+| `MaximizedPane` | `IgbDockManagerPane` | Gets/sets the maximized pane |
+| `AllowFloatingPanesResize` | `bool` | Allows resizing floating panes (default: `true`) |
+| `AllowInnerDock` | `bool` | Allows inner-docking panes (default: `true`) |
+| `AllowMaximize` | `bool` | Allows maximizing panes (default: `true`) |
+| `AllowSplitterDock` | `bool` | Allows docking by dragging over a splitter (default: `false`) |
+| `CloseBehavior` | `PaneActionBehavior` | `AllPanes` or `SelectedPane` — which pane(s) close when clicking close in a TabGroup (default: `AllPanes`) |
+| `UnpinBehavior` | `PaneActionBehavior` | `AllPanes` or `SelectedPane` — which pane(s) unpin when clicking unpin (default: `AllPanes`) |
+| `ContainedInBoundaries` | `bool` | Keeps floating panes inside the Dock Manager bounds (default: `false`) |
+| `ProximityDock` | `bool` | Enables docking by proximity instead of indicators (default: `false`) |
+| `ShowPaneHeaders` | `DockManagerShowPaneHeaders` | `Always` or `OnHoverOnly` (default: `Always`) |
+| `ShowHeaderIconOnHover` | `DockManagerShowHeaderIconOnHover` | Which tab icons show on hover: `None`, `All`, `CloseOnly`, `MoreOptionsOnly` (default: `None`) |
+| `DisableKeyboardNavigation` | `bool` | Disables built-in keyboard shortcuts (default: `false`) |
+
+Key methods on `IgbDockManager`:
+
+| Method | Returns | Description |
+|---|---|---|
+| `FocusPane(string contentId)` | `void` | Programmatically focuses a pane by its content ID |
+| `GetCurrentLayout()` | `IgbDockManagerLayout` | Returns the current layout object reflecting runtime state |
+
 ### Basic Setup
 
 Dock Manager uses a C# layout object graph to define pane structure. Pane content is projected via named slots.
@@ -43,6 +69,9 @@ Dock Manager uses a C# layout object graph to define pane structure. Pane conten
 @code {
     IgbDockManager DockRef { get; set; }
 
+    // IgbDockManagerLayout has two top-level properties:
+    //   RootPane (IgbSplitPane) - the main docked layout
+    //   FloatingPanes (IgbSplitPaneCollection) - initially floating panes
     IgbDockManagerLayout DockLayout { get; set; } = new IgbDockManagerLayout
     {
         RootPane = new IgbSplitPane
@@ -54,7 +83,7 @@ Dock Manager uses a C# layout object graph to define pane structure. Pane conten
                 new IgbTabGroupPane
                 {
                     PaneType = DockManagerPaneType.TabGroupPane,
-                    Panes = new List<IgbContentPane>
+                    Panes = new()
                     {
                         new IgbContentPane
                         {
@@ -90,6 +119,7 @@ Dock Manager uses a C# layout object graph to define pane structure. Pane conten
 | `IgbSplitPane` | Container that splits horizontally or vertically into child panes |
 | `IgbTabGroupPane` | Container that groups content panes into tabs |
 | `IgbContentPane` | Leaf pane with actual content (maps to a named slot) |
+| `IgbDocumentHost` | Special container for document-style tabbed panes (like an IDE editor area). Contains a `RootPane` (`IgbSplitPane`) |
 
 Key properties on `IgbContentPane`:
 
@@ -97,24 +127,56 @@ Key properties on `IgbContentPane`:
 |---|---|---|
 | `ContentId` | `string` | Must match the `slot` name on the projected content element |
 | `Header` | `string` | Pane tab header title |
-| `Size` | `double` | Initial size (pixels or percentage depending on parent) |
+| `HeaderId` | `string` | Slot name for a custom header template element. Falls back to `Header` text if not set |
+| `Size` | `double` | Size relative to sibling panes (default: `100`) |
 | `AllowClose` | `bool` | Shows/hides the close button (default: `true`) |
 | `AllowPinning` | `bool` | Allows pin/unpin (default: `true`) |
-| `AllowMaximize` | `bool` | Allows maximize (default: `true`) |
+| `AllowMaximize` | `bool` | Allows maximize |
 | `AllowFloating` | `bool` | Allows tearing off into a floating window (default: `true`) |
+| `AllowDocking` | `bool` | Allows the user to dock the pane (default: `true`) |
 | `IsPinned` | `bool` | Set to `false` to start as an unpinned (collapsed to edge) pane |
-| `Floating` | `bool` | Starts as a floating window |
-| `FloatingLocation` | `IgbDockManagerPoint` | Initial position of a floating pane |
-| `FloatingWidth` | `double` | Initial width of a floating pane |
-| `FloatingHeight` | `double` | Initial height of a floating pane |
+| `IsMaximized` | `bool` | Whether the pane is maximized (default: `false`) |
+| `Hidden` | `bool` | Hides the pane from the UI (default: `false`) |
+| `Disabled` | `bool` | Disables the pane (default: `false`) |
+| `DocumentOnly` | `bool` | Restricts the pane so it can only be docked inside a document host |
+| `UnpinnedLocation` | `UnpinnedLocation` | Edge where the unpinned flyout appears. Auto-calculated from document host if not set |
+| `UnpinnedSize` | `double` | Absolute size of the pane when unpinned (default: `200`) |
+| `Id` | `string` | Pane identifier. Auto-generated if not set |
 
 Key properties on `IgbSplitPane`:
 
 | Property | Type | Description |
 |---|---|---|
 | `Orientation` | `SplitPaneOrientation` | `Horizontal` or `Vertical` |
-| `Panes` | pane collection | Child panes. Use the exact collection type and initialization style shown in the current MCP docs. |
-| `Size` | `double` | Size in parent context |
+| `Panes` | `IgbDockManagerPaneCollection` | Child panes |
+| `Size` | `double` | Size relative to sibling panes (default: `100`) |
+| `FloatingLocation` | `IgbDockManagerPoint` | Absolute position of a floating pane |
+| `FloatingWidth` | `double` | Absolute width of a floating pane (default: `100`) |
+| `FloatingHeight` | `double` | Absolute height of a floating pane (default: `100`) |
+| `FloatingResizable` | `bool` | Whether floating pane resizing is allowed |
+| `AllowEmpty` | `bool` | Whether the pane stays in the UI when it has no children |
+| `IsMaximized` | `bool` | Whether the split pane is maximized (default: `false`) |
+| `UseFixedSize` | `bool` | Sizes children in pixels instead of relative; allows scrollable overflow (default: `false`) |
+| `Id` | `string` | Pane identifier. Auto-generated if not set |
+
+Key properties on `IgbTabGroupPane`:
+
+| Property | Type | Description |
+|---|---|---|
+| `Panes` | `IgbContentPaneCollection` | Child content panes displayed as tabs |
+| `SelectedIndex` | `double` | Index of the initially selected tab |
+| `Size` | `double` | Size relative to sibling panes (default: `100`) |
+| `AllowEmpty` | `bool` | Whether the tab group stays in the UI when it has no children |
+| `IsMaximized` | `bool` | Whether the tab group is maximized (default: `false`) |
+| `Id` | `string` | Pane identifier. Auto-generated if not set |
+
+Key properties on `IgbDocumentHost`:
+
+| Property | Type | Description |
+|---|---|---|
+| `RootPane` | `IgbSplitPane` | The root split pane inside the document host |
+| `Size` | `double` | Size relative to sibling panes (default: `100`) |
+| `Id` | `string` | Pane identifier. Auto-generated if not set |
 
 ### Layout Serialization
 
@@ -124,12 +186,21 @@ Persisting a Dock Manager layout is version-sensitive. The current `dock-manager
 
 ### Events
 
+**Blazor EventCallbacks** (direct Blazor binding):
+
+| Event | Type | Description |
+|---|---|---|
+| `LayoutChange` | `EventCallback<IgbLayoutChangeEventArgs>` | Fires when the layout is modified by user interaction (drag, close, resize) |
+| `LayoutChanged` | `EventCallback<IgbDockManagerLayout>` | Fires after the layout has changed; provides the updated layout object |
+
+**Web-component-level events** (accessible via JavaScript interop, not as Blazor EventCallbacks):
+
 | Event | Description |
 |---|---|
-| `LayoutChange` | Fires when the layout is modified by user interaction (drag, close, resize) |
-| `PaneClose` | Fires when a pane is closed; `e.Detail.Panes` contains the closed pane(s) |
-| `ActivePaneChange` | Fires when the active (focused) pane changes |
-| `Splitter Resize` | Fires while a splitter is being dragged |
+| `paneClose` | Fires when a pane is closed; detail contains the closed pane(s) |
+| `activePaneChanged` | Fires when the active (focused) pane changes |
+| `splitterResizeStart` | Fires when a splitter drag begins |
+| `splitterResizeEnd` | Fires when a splitter drag ends |
 
 ---
 
@@ -162,11 +233,11 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbTileManagerModule));
 
 Key attributes on `IgbTileManager`: `ColumnCount`, `Gap` (CSS length string such as `"8px"`), `MinColumnWidth`, `MinRowHeight`, `ResizeMode` (`TileManagerResizeMode.*`), `DragMode` (`TileManagerDragMode.*`).
 
-Key attributes on `IgbTile`: `ColSpan`, `RowSpan`, `ColStart`, `RowStart`, `DisableFullscreen`, `DisableMaximize`, `DisableResize`.
+Key attributes on `IgbTile`: `ColSpan`, `RowSpan`, `ColStart`, `RowStart`, `Maximized`, `Position`, `DisableFullscreen`, `DisableMaximize`, `DisableResize`.
 
 Slots on `IgbTile`: `title` (header), `actions` (header action buttons), `fullscreen-action`, `maximize-action`, `side-adorner`, `corner-adorner`, `bottom-adorner`. Default slot = tile body content.
 
-Methods on `IgbTileManager`: `SaveLayout()` and `LoadLayout(string)` persist tile order, size, and position. Tile content is not serialized.
+Methods on `IgbTileManager`: `SaveLayout()` and `LoadLayout(string)` persist tile order, size, and position. `GetTiles()` returns the current `IgbTile[]` array. Tile content is not serialized.
 
 ---
 

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

@@ -53,7 +53,9 @@ For icon tabs, use the `label` slot inside `IgbTab`:
 
 Key attributes on `IgbTabs`: `Alignment` (`TabsAlignment.Start` / `End` / `Center` / `Justify`), `Activation` (`TabsActivation.Auto` / `Manual`). On `IgbTab`: `Label`, `Disabled`, `Selected`.
 
-Events on `IgbTabs`: `Change` - fires when the selected tab changes.
+Events on `IgbTabs`: `Change` (`EventCallback<IgbTabComponentEventArgs>`) - fires when the selected tab changes.
+
+Methods on `IgbTabs`: `Select(string id)` — selects a tab by id; `GetSelected()` — returns the id of the currently selected tab.
 
 CSS parts: `headers`, `headers-content`, `headers-wrapper`, `header`, `selected-indicator`, `content`.
 
@@ -92,7 +94,7 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbStepperModule));
 }
 ```
 
-Key attributes on `IgbStepper`: `Linear` (prevents skipping steps), `Orientation` (`StepperOrientation.Horizontal` / `Vertical`), `StepType` (`StepperStepType.Indicator` / `Title` / `Full`), `TitlePosition` (`StepperTitlePosition.Bottom` / `Top` / `End` / `Start`), `HorizontalAnimation`, `VerticalAnimation`, `AnimationDuration`.
+Key attributes on `IgbStepper`: `Linear` (prevents skipping steps), `Orientation` (`StepperOrientation.Horizontal` / `Vertical`), `StepType` (`StepperStepType.Indicator` / `Title` / `Full`), `TitlePosition` (`StepperTitlePosition.Auto` / `Bottom` / `Top` / `End` / `Start`), `ContentTop` (renders step content above the header), `HorizontalAnimation` (`HorizontalTransitionAnimation.Slide` / `Fade` / `None`), `VerticalAnimation` (`StepperVerticalAnimation.Grow` / `Fade` / `None`), `AnimationDuration`.
 
 Key attributes on `IgbStep`: `Complete`, `Optional`, `Disabled`, `Invalid`, `Active`.
 
@@ -139,13 +141,13 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbAccordionModule));
 }
 ```
 
-Key attributes on `IgbAccordion`: `SingleExpand` (only one panel open at a time). On `IgbExpansionPanel`: `Open`, `Disabled`.
+Key attributes on `IgbAccordion`: `SingleExpand` (only one panel open at a time). On `IgbExpansionPanel`: `Open`, `Disabled`, `IndicatorPosition` (`ExpansionPanelIndicatorPosition.Start` / `End` / `None`).
 
 Slots on `IgbExpansionPanel`: `title`, `subtitle`, `indicator` (custom expand icon).
 
-Events on `IgbExpansionPanel`: `Opening` (cancellable), `Opened`, `Closing` (cancellable), `Closed`.
+Events on `IgbExpansionPanel`: `Opening` (cancellable), `Opened`, `Closing` (cancellable), `Closed`. These same events also fire on `IgbAccordion` at the accordion level.
 
-Methods: `Show()`, `Hide()`, `Toggle()`.
+Methods on `IgbExpansionPanel`: `Show()`, `Hide()`, `Toggle()`. Methods on `IgbAccordion`: `ShowAll()`, `HideAll()`.
 
 ---
 
@@ -187,7 +189,6 @@ Required theme CSS:
 ```csharp
 builder.Services.AddIgniteUIBlazor(
     typeof(IgbNavDrawerModule),
-    typeof(IgbNavDrawerItemModule),
     typeof(IgbNavDrawerHeaderItemModule)
 );
 ```
@@ -267,7 +268,7 @@ Mini variant:
 </IgbNavDrawer>
 ```
 
-Key attributes on `IgbNavDrawer`: `Open`, `Position` (`NavDrawerPosition.Start` / `End` / `Top` / `Bottom`). Use the `mini` slot to provide collapsed icon-only content.
+Key attributes on `IgbNavDrawer`: `Open`, `Position` (`NavDrawerPosition.Start` / `End` / `Top` / `Bottom` / `Relative`). On `IgbNavDrawerItem`: `Active`, `Disabled`. Use the `mini` slot to provide collapsed icon-only content.
 
 Methods: `Show()`, `Hide()`, `Toggle()`.
 
@@ -291,7 +292,7 @@ CSS parts: `base`, `main`, `mini`.
 > **Docs:** [Tree](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/grids/tree)
 
 ```csharp
-builder.Services.AddIgniteUIBlazor(typeof(IgbTreeModule));
+builder.Services.AddIgniteUIBlazor(typeof(IgbTreeModule), typeof(IgbTreeItemModule));
 ```
 
 ```razor
@@ -306,11 +307,13 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbTreeModule));
 </IgbTree>
 ```
 
-Key attributes on `IgbTree`: `Selection` (`TreeSelection.None` / `Multiple` / `Cascade`). On `IgbTreeItem`: `Label`, `Expanded`, `Selected`, `Disabled`, `Active`.
+Key attributes on `IgbTree`: `Selection` (`TreeSelection.None` / `Multiple` / `Cascade`), `SingleBranchExpand` (only one branch expanded at a time), `ToggleNodeOnClick` (toggle expand on click). On `IgbTreeItem`: `Label`, `Value`, `Expanded`, `Selected`, `Disabled`, `Active`, `Loading`.
 
 Slots on `IgbTreeItem`: `label` (custom label content), `indicator` (expand/collapse icon override). Nest `IgbTreeItem` children directly inside a parent `IgbTreeItem`.
 
-Events on `IgbTree`: `NodeSelectionChanging` (cancellable), `NodeSelectionChanged`, `NodeExpanded`, `NodeCollapsed`.
+Methods on `IgbTree`: `ExpandToItem(IgbTreeItem)`. Methods on `IgbTreeItem`: `Expand()`, `Collapse()`, `Toggle()`, `GetPath()` (returns ancestor chain).
+
+Events on `IgbTree`: `SelectionChanged` (`EventCallback<IgbTreeSelectionEventArgs>`), `ItemExpanding` (cancellable), `ItemExpanded`, `ItemCollapsing` (cancellable), `ItemCollapsed`, `ActiveItem`.
 
 ---