Changed all icons of AI Studio to Lucide (#1187)

This commit is contained in:
Thorsten Sommer authored and GitHub committed 2026-11-11 14:20:49 +01:00
1 parent 9a676101f7
commit 7ef26cd5c8
352 files changed
+6261 -1620

No files matched your search

@@ -11,6 +11,7 @@ This folder keeps the Lua manifest (`plugin.lua`) that defines a custom assistan
- [Continuing in a Chat](#continuing-in-a-chat)
- [Supported types (matching the Blazor UI components):](#supported-types-matching-the-blazor-ui-components)
- [Component References](#component-references)
- [Icons](#icons)
- [`TEXT_AREA` reference](#text_area-reference)
- [`DROPDOWN` reference](#dropdown-reference)
- [`BUTTON` reference](#button-reference)
@@ -259,6 +260,14 @@ More information on rendered components can be found [here](https://www.mudblazo
## Component References
### Icons
Every prop which takes an icon, such as `AdornmentIcon`, `StartIcon`, or the `Icon` of a `SWITCH`, accepts two kinds of names:
- A Lucide icon as `"lucide:"` followed by its name on [lucide.dev](https://lucide.dev/icons/), such as `"lucide:house"` or `"lucide:wand-sparkles"`. AI Studio itself uses Lucide icons, so prefer them: they look like the rest of the app. Names are lowercase and exact; older names which Lucide still knows, such as `"lucide:home"`, keep working.
- An icon of MudBlazor by its C# name, such as `"Icons.Material.Filled.Home"`. These names keep working as well; see the [MudBlazor icons](https://www.mudblazor.com/features/icons#icons).
An unknown name shows no icon.
### `TEXT_AREA` reference
- Use `Type = "TEXT_AREA"` to render a MudBlazor text input or textarea.
- Required props:
@@ -268,7 +277,7 @@ More information on rendered components can be found [here](https://www.mudblazo
- `HelperText`: helper text rendered below the input.
- `HelperTextOnFocus`: defaults to `false`; show helper text only while the field is focused.
- `Adornment`: one of `Start`, `End`, `None`; invalid or omitted values fall back to `Start`.
- `AdornmentIcon`: MudBlazor icon identifier string for the adornment.
- `AdornmentIcon`: icon for the adornment, see [Icons](#icons).
- `AdornmentText`: plain adornment text. Do not set this together with `AdornmentIcon`.
- `AdornmentColor`: one of the MudBlazor `Color` enum names such as `Primary`, `Secondary`, `Warning`; invalid or omitted values fall back to `Default`.
- `Counter`: nullable integer. Omit it to hide the counter entirely. Set `0` to show only the current character count. Set `1` or higher to show `current/max`.
@@ -289,7 +298,7 @@ More information on rendered components can be found [here](https://www.mudblazo
["Label"] = "Budget",
["HelperText"] = "Enter the expected amount.",
["Adornment"] = "Start",
["AdornmentIcon"] = "Icons.Material.Filled.AttachMoney",
["AdornmentIcon"] = "lucide:circle-dollar-sign",
["AdornmentColor"] = "Success",
["Counter"] = 0,
["MaxLength"] = 100,
@@ -316,8 +325,8 @@ More information on rendered components can be found [here](https://www.mudblazo
- `HasSelectAll`: defaults to `false`; enables MudBlazor's select-all behavior for multiselect dropdowns.
- `SelectAllText`: custom label for the select-all action in multiselect mode.
- `HelperText`: helper text rendered below the dropdown.
- `OpenIcon`: MudBlazor icon identifier used while the dropdown is closed.
- `CloseIcon`: MudBlazor icon identifier used while the dropdown is open.
- `OpenIcon`: icon used while the dropdown is closed, see [Icons](#icons).
- `CloseIcon`: icon used while the dropdown is open, see [Icons](#icons).
- `IconColor`: one of the MudBlazor `Color` enum names such as `Primary`, `Secondary`, `Warning`; invalid or omitted values fall back to `Default`.
- `IconPositon`: one of `Start` or `End`; controls where the icon adornment is rendered.
- `Variant`: one of the MudBlazor `Variant` enum names such as `Text`, `Filled`, `Outlined`; invalid or omitted values fall back to `Outlined`.
@@ -345,8 +354,8 @@ More information on rendered components can be found [here](https://www.mudblazo
["HasSelectAll"] = true,
["SelectAllText"] = "Select all countries",
["HelperText"] = "Pick one or more countries.",
["OpenIcon"] = "Icons.Material.Filled.ArrowDropDown",
["CloseIcon"] = "Icons.Material.Filled.ArrowDropUp",
["OpenIcon"] = "lucide:chevron-down",
["CloseIcon"] = "lucide:chevron-up",
["IconColor"] = "Secondary",
["IconPositon"] = "End",
["Variant"] = "Filled",
@@ -379,8 +388,8 @@ More information on rendered components can be found [here](https://www.mudblazo
- `Color`: one of the MudBlazor `Color` enum names such as `Default`, `Primary`, `Secondary`, `Info`; omitted values fall back to `Default`.
- `IsFullWidth`: defaults to `false`; when `true`, the button expands to the available width.
- `Size`: one of the MudBlazor `Size` enum names such as `Small`, `Medium`, `Large`; omitted values fall back to `Medium`.
- `StartIcon`: MudBlazor icon identifier string rendered before the button text, or used as the icon itself when `IsIconButton = true`.
- `EndIcon`: MudBlazor icon identifier string rendered after the button text.
- `StartIcon`: icon rendered before the button text, or used as the icon itself when `IsIconButton = true`, see [Icons](#icons).
- `EndIcon`: icon rendered after the button text, see [Icons](#icons).
- `IconColor`: one of the MudBlazor `Color` enum names for text-button icons; omitted values fall back to `Inherit`.
- `IconSize`: one of the MudBlazor `Size` enum names; omitted values fall back to `Medium`.
- `Class`, `Style`: forwarded to the rendered component for layout/styling.
@@ -415,8 +424,8 @@ More information on rendered components can be found [here](https://www.mudblazo
["Color"] = "Primary",
["IsFullWidth"] = false,
["Size"] = "Medium",
["StartIcon"] = "Icons.Material.Filled.AutoFixHigh",
["EndIcon"] = "Icons.Material.Filled.ArrowForward",
["StartIcon"] = "lucide:wand-sparkles",
["EndIcon"] = "lucide:arrow-right",
["IconColor"] = "Inherit",
["IconSize"] = "Medium",
["Action"] = function(input)
@@ -453,7 +462,7 @@ More information on rendered components can be found [here](https://www.mudblazo
["Variant"] = "Outlined",
["Color"] = "Primary",
["Size"] = "Medium",
["StartIcon"] = "Icons.Material.Filled.Refresh",
["StartIcon"] = "lucide:refresh-cw",
["Action"] = function(input)
return {
state = {
@@ -510,7 +519,7 @@ More information on rendered components can be found [here](https://www.mudblazo
}
}
end,
["StartIcon"] = "Icons.Material.Filled.Build"
["StartIcon"] = "lucide:wrench"
}
},
{
@@ -523,7 +532,7 @@ More information on rendered components can be found [here](https://www.mudblazo
LogError("ColorPicker value: " .. colorValue)
return nil
end,
["EndIcon"] = "Icons.Material.Filled.BugReport"
["EndIcon"] = "lucide:bug"
}
}
}
@@ -544,7 +553,7 @@ More information on rendered components can be found [here](https://www.mudblazo
- `LabelOn`: text shown when the switch value is `true`.
- `LabelOff`: text shown when the switch value is `false`.
- `LabelPlacement`: one of `Bottom`, `End`, `Left`, `Right`, `Start`, `Top`; omitted values follow the renderer default.
- `Icon`: MudBlazor icon identifier string displayed inside the switch thumb.
- `Icon`: icon displayed inside the switch thumb, see [Icons](#icons).
- `IconColor`: one of the MudBlazor `Color` enum names such as `Primary`, `Secondary`, `Warning`; omitted values default to `Inherit`.
- `CheckedColor`: color used when the switch state is `true`; omitted values default to `Inherit`.
- `UncheckedColor`: color used when the switch state is `false`; omitted values default to `Inherit`.
@@ -573,7 +582,7 @@ More information on rendered components can be found [here](https://www.mudblazo
["LabelOn"] = "Summary enabled",
["LabelOff"] = "Summary disabled",
["LabelPlacement"] = "End",
["Icon"] = "Icons.Material.Filled.Summarize",
["Icon"] = "lucide:file-text",
["IconColor"] = "Primary",
["CheckedColor"] = "Success",
["UncheckedColor"] = "Default",
@@ -1113,12 +1122,12 @@ Use `LAYOUT_ACCORDION` as the outer wrapper and put the actual content into one
- `IsDense`: defaults to `false`; reduces section density.
- `HasInnerPadding`: defaults to `true`; controls the inner content gutter/padding.
- `HideIcon`: defaults to `false`; hides the expand/collapse icon.
- `HeaderIcon`: MudBlazor icon identifier rendered before the header text.
- `HeaderIcon`: icon rendered before the header text, see [Icons](#icons).
- `HeaderColor`: one of the MudBlazor `Color` enum names such as `Primary`, `Secondary`, `Warning`; omitted values fall back to `Inherit`.
- `HeaderTypo`: one of the MudBlazor `Typo` enum names such as `body1`, `subtitle1`, `h6`; omitted values follow the renderer default.
- `HeaderAlign`: one of the MudBlazor `Align` enum names such as `Start`, `Center`, `End`; omitted values follow the renderer default.
- `MaxHeight`: nullable integer max height in pixels for the expanded content area.
- `ExpandIcon`: MudBlazor icon identifier used for the expand/collapse control.
- `ExpandIcon`: icon used for the expand/collapse control, see [Icons](#icons).
- `Class`, `Style`: forwarded to the rendered `MudExpansionPanel` for layout/styling.
- `Children` may contain any other assistant components you want to reveal inside the section.
@@ -1134,12 +1143,12 @@ Use `LAYOUT_ACCORDION` as the outer wrapper and put the actual content into one
["IsDense"] = false,
["HasInnerPadding"] = true,
["HideIcon"] = false,
["HeaderIcon"] = "Icons.Material.Filled.Tune",
["HeaderIcon"] = "lucide:sliders-horizontal",
["HeaderColor"] = "Primary",
["HeaderTypo"] = "subtitle1",
["HeaderAlign"] = "Start",
["MaxHeight"] = 320,
["ExpandIcon"] = "Icons.Material.Filled.ExpandMore"
["ExpandIcon"] = "lucide:chevron-down"
},
["Children"] = {
{
@@ -1208,7 +1217,8 @@ LogInfo(dt.day .. "." .. dt.month .. "." .. dt.year)
## Useful Resources
- [translation example](./examples/translation/plugin.lua)
- [plugin.lua - Lua Manifest](https://github.com/MindWorkAI/AI-Studio/tree/main/app/MindWork%20AI%20Studio/Plugins/assistants/plugin.lua)
- [Supported Icons](https://www.mudblazor.com/features/icons#icons)
- [Lucide Icons](https://lucide.dev/icons/), named as `"lucide:<name>"`
- [MudBlazor Icons](https://www.mudblazor.com/features/icons#icons), the older way to name an icon
- [AI Studio Repository](https://github.com/MindWorkAI/AI-Studio/)
- [Lua 5.2 Reference Manual](https://www.lua.org/manual/5.2/manual.html)
- [MudBlazor Documentation](https://www.mudblazor.com/docs/overview)