Add UI for managing skills

[katinthehatsite]

Related issues

• Fixes STU-1337

How AI was used in this PR

I used it to get the basic idea and implementation from https://github.com/Automattic/studio/pull/2511/changes#diff-c69fa338d4e3c20084125a9fa7186cf40116a7460210922cfd4b4021935f4c18

Proposed Changes

This PR adds Skills tab to the AI Settings modal which allows to install and manage diffeent skills.

Testing Instructions

• Pull the changes from this branch
• Start Studio with npm start
• Enable the feature flag for Agents Suite feature in the topbar menu under Electron > Feature Flags
• Navigate to the Assistant tab
• Click on the three dots in the chat input field
• Open the AI Settings modal
• Test different options in the Skills tab such as installing and removing skills and confirm it works as expected

Pre-merge Checklist

• Have you checked for TypeScript, React or other console errors?

[nightnei]

I tried a few times using Install All button and at some moment it fails always with:

Does it work well for you?

[nightnei]

Personal feeling - we have different lists for already installed and not installed skills, so I find this "Installed" badge redundant. Especially when we have a few installed Skills.

[katinthehatsite]

I tried a few times using Install All button and at some moment it fails always with:

@nightnei Let's hold off with this PR for now. I think we will implement #2741 first as the base for the backend and then rebase this one to the UI based on the discussion here #2741 (comment)

I will mark this as draft for now to avoid confusion.

[katinthehatsite]

@nightnei this is now available for review, thank you!

[wpmobilebot]

📊 Performance Test Results

Comparing 2833c86 vs trunk

app-size

Metric	trunk	2833c86	Diff	Change
App Size (Mac)	1236.43 MB	1236.44 MB	+0.01 MB	⚪ 0.0%

site-editor

Metric	trunk	2833c86	Diff	Change
load	1893 ms	1952 ms	+59 ms	🔴 3.1%

site-startup

Metric	trunk	2833c86	Diff	Change
siteCreation	7080 ms	7083 ms	+3 ms	⚪ 0.0%
siteStartup	3920 ms	3929 ms	+9 ms	⚪ 0.0%

---

Results are median values from multiple test runs.

Legend: 🟢 Improvement (faster) | 🔴 Regression (slower) | ⚪ No change (<50ms diff)

[nightnei]

Hm, again I have this problem when installing doesn't work 🤔 cc @sejas @epeicher
What I did:

1. npm i
2. npm start
3. And just created a new site

On Monday, I am planning to debug my environment and find the root cause, since it seems that we need to add error handling in some places and anyway it's good to know why it doesn't work for me second time.

The code LGTM, but I would ask somebody else to test it, to ensure that it works for other folks. Feel free to not wait for my approval, most likelly it's my local issue.
https://github.com/user-attachments/assets/d8f6ba16-abf4-4e82-b06b-6ae8ca366c33

[epeicher]

Hm, again I have this problem when installing doesn't work 🤔 cc @sejas @epeicher What I did:

Hi @nightnei, the latest code changes included additional error handling, for example 02d4a71, but it definitely requires some further digging. Please let us know your findings.