Skip to content

Commit 6c5c34e

Browse files
committed
feat(ai): strings and styles for enable-AI checkbox in settings dialog
Companion to the phoenix-pro change adding an 'Enable AI features' checkbox to the Claude Code settings dialog. Adds the two strings and the checkbox row/note/menu-path-chip styles. Also bumps the settings dialog secondary text (note, provider URL) from quiet to medium in light theme for readability.
1 parent 780ba4b commit 6c5c34e

2 files changed

Lines changed: 59 additions & 1 deletion

File tree

src/nls/root/strings.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2737,6 +2737,8 @@ define({
27372737
"AI_SETTINGS_NAME_REQUIRED": "Provider name is required.",
27382738
"AI_SETTINGS_NAME_DUPLICATE": "A provider with this name already exists.",
27392739
"AI_SETTINGS_DONE": "Done",
2740+
"AI_SETTINGS_ENABLE_AI": "Enable AI features",
2741+
"AI_SETTINGS_ENABLE_AI_NOTE": "Turns all AI features in {APP_NAME} on or off. Takes effect after restart — you can enable it again anytime from <span class='ai-settings-menu-path'>View menu &gt; Enable AI</span>.",
27402742

27412743
// demo start - Phoenix Code Playground - Interactive Onboarding
27422744
"DEMO_SECTION1_TITLE": "Edit in Live Preview",

src/styles/Extn-AIChatPanel.less

Lines changed: 57 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3499,7 +3499,7 @@
34993499

35003500
.ai-settings-provider-url {
35013501
font-size: @ai-text-meta;
3502-
color: @bc-text-quiet;
3502+
color: @bc-text-medium;
35033503
white-space: nowrap;
35043504
overflow: hidden;
35053505
text-overflow: ellipsis;
@@ -3605,6 +3605,62 @@
36053605
}
36063606
}
36073607

3608+
.ai-settings-enable-row {
3609+
display: flex;
3610+
align-items: flex-start;
3611+
gap: 8px;
3612+
margin: 0;
3613+
cursor: pointer;
3614+
3615+
input[type="checkbox"] {
3616+
margin: 2px 0 0;
3617+
flex-shrink: 0;
3618+
cursor: pointer;
3619+
}
3620+
}
3621+
3622+
.ai-settings-enable-text {
3623+
display: flex;
3624+
flex-direction: column;
3625+
gap: 2px;
3626+
min-width: 0;
3627+
}
3628+
3629+
.ai-settings-enable-label {
3630+
font-size: @ai-text-body;
3631+
font-weight: 600;
3632+
color: @bc-text;
3633+
3634+
.dark & {
3635+
color: @dark-bc-text;
3636+
}
3637+
}
3638+
3639+
.ai-settings-enable-note {
3640+
font-size: @ai-text-meta;
3641+
color: @bc-text-medium;
3642+
3643+
.dark & {
3644+
color: @dark-bc-text-quiet;
3645+
}
3646+
3647+
.ai-settings-menu-path {
3648+
display: inline-block;
3649+
padding: 0 5px;
3650+
border: 1px solid @bc-panel-border;
3651+
border-radius: 3px;
3652+
background: @bc-panel-bg-alt;
3653+
color: @bc-text-medium;
3654+
white-space: nowrap;
3655+
3656+
.dark & {
3657+
border-color: @dark-bc-panel-border;
3658+
background: @dark-bc-panel-bg-alt;
3659+
color: @dark-bc-text-medium;
3660+
}
3661+
}
3662+
}
3663+
36083664
.ai-settings-footer {
36093665
display: flex;
36103666
align-items: center;

0 commit comments

Comments
 (0)