From b949280b9394a270b007062f0b8ed6be49c4b3bc Mon Sep 17 00:00:00 2001 From: Bruno Bergher Date: Mon, 2 Feb 2026 13:50:52 +0000 Subject: [PATCH 01/13] main ux tweaks --- .../components/settings/CreateSkillDialog.tsx | 33 +-- .../components/settings/SkillsSettings.tsx | 243 +++++++++++------- .../__tests__/SkillsSettings.spec.tsx | 162 ++++++------ webview-ui/src/components/ui/input.tsx | 2 +- webview-ui/src/components/ui/textarea.tsx | 2 +- webview-ui/src/i18n/locales/en/settings.json | 13 +- 6 files changed, 248 insertions(+), 207 deletions(-) diff --git a/webview-ui/src/components/settings/CreateSkillDialog.tsx b/webview-ui/src/components/settings/CreateSkillDialog.tsx index a4daa9989c0..71266b38478 100644 --- a/webview-ui/src/components/settings/CreateSkillDialog.tsx +++ b/webview-ui/src/components/settings/CreateSkillDialog.tsx @@ -13,11 +13,13 @@ import { DialogFooter, DialogHeader, DialogTitle, + Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, + Textarea, } from "@/components/ui" import { vscode } from "@/utils/vscode" @@ -149,23 +151,23 @@ export const CreateSkillDialog: React.FC = ({ {t("settings:skills.createDialog.title")} - {t("settings:skills.createDialog.description")} + -
+
{/* Name Input */} -
+
- {t("settings:skills.createDialog.nameHint")} @@ -174,18 +176,17 @@ export const CreateSkillDialog: React.FC = ({
{/* Description Input */} -
+
-