mirror of
https://github.com/MindWorkAI/AI-Studio.git
synced 2026-11-13 22:47:21 +00:00
Changed all icons of AI Studio to Lucide (#1187)
This commit is contained in:
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)
|
||||
Reference in new issue
Block a user