shumengya/sproutclaw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(login): More consistent styling

Browse Source
This commit is contained in:
Armin Ronacher
2026-04-24 00:30:31 +02:00
parent 59b0efa761
commit d4d3c2fd39
3 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/coding-agent/src/modes/interactive/components/extension-selector.ts
View File

@@ -41,7 +41,7 @@ export class ExtensionSelectorComponent extends Container {
this.addChild(new DynamicBorder());
this.addChild(new Spacer(1));
this.titleText = new Text(theme.fg("accent", title), 1, 0);
this.titleText = new Text(theme.fg("accent", theme.bold(title)), 1, 0);
this.addChild(this.titleText);
this.addChild(new Spacer(1));
@@ -49,7 +49,7 @@ export class ExtensionSelectorComponent extends Container {
this.countdown = new CountdownTimer(
opts.timeout,
opts.tui,
(s) => this.titleText.setText(theme.fg("accent", `${this.baseTitle} (${s}s)`)),
(s) => this.titleText.setText(theme.fg("accent", theme.bold(`${this.baseTitle} (${s}s)`))),
() => this.onCancelCallback(),
);
}

2
packages/coding-agent/src/modes/interactive/components/login-dialog.ts
View File

@@ -42,7 +42,7 @@ export class LoginDialogComponent extends Container implements Focusable {
this.addChild(new DynamicBorder());
// Title
this.addChild(new Text(theme.fg("warning", `Login to ${providerName}`), 1, 0));
this.addChild(new Text(theme.fg("accent", theme.bold(`Login to ${providerName}`)), 1, 0));
// Dynamic content area
this.contentContainer = new Container();

10
packages/coding-agent/src/modes/interactive/components/oauth-selector.ts
View File

@@ -65,7 +65,7 @@ export class OAuthSelectorComponent extends Container implements Focusable {
// Add title
const title = mode === "login" ? "Select provider to configure:" : "Select provider to logout:";
this.addChild(new TruncatedText(theme.bold(title)));
this.addChild(new TruncatedText(theme.fg("accent", theme.bold(title)), 1, 0));
this.addChild(new Spacer(1));
this.searchInput = new Input();
@@ -122,16 +122,16 @@ export class OAuthSelectorComponent extends Container implements Focusable {
const text = theme.fg("accent", provider.name);
line = prefix + text + statusIndicator;
} else {
const text = ` ${provider.name}`;
const text = ` ${theme.fg("text", provider.name)}`;
line = text + statusIndicator;
}
this.listContainer.addChild(new TruncatedText(line, 0, 0));
this.listContainer.addChild(new TruncatedText(line, 1, 0));
}
if (startIndex > 0 || endIndex < this.filteredProviders.length) {
const scrollInfo = theme.fg("muted", ` (${this.selectedIndex + 1}/${this.filteredProviders.length})`);
this.listContainer.addChild(new TruncatedText(scrollInfo, 0, 0));
this.listContainer.addChild(new TruncatedText(scrollInfo, 1, 0));
}
// Show "no providers" if empty
@@ -142,7 +142,7 @@ export class OAuthSelectorComponent extends Container implements Focusable {
? "No providers available"
: "No providers logged in. Use /login first."
: "No matching providers";
this.listContainer.addChild(new TruncatedText(theme.fg("muted", ` ${message}`), 0, 0));
this.listContainer.addChild(new TruncatedText(theme.fg("muted", ` ${message}`), 1, 0));
}
}