opensource/coder
3
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2026-09-24 15:04:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(site): compact context compaction rows in behavior settings (#23543)

Browse Source
This commit is contained in:
Danielle Maywood
2026-03-25 00:39:17 +00:00
committed by GitHub
parent 6a04e76b48
commit 4a0d707bca
2 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/pages/AgentsPage/UserCompactionThresholdSettings.stories.tsx
-2
View File
@@ -88,8 +88,6 @@ export const Default: Story = {
expect(canvas.getByText("GPT-4o")).toBeInTheDocument();
expect(canvas.getByText("Claude Sonnet")).toBeInTheDocument();
expect(canvas.getByText("System default: 80%")).toBeInTheDocument();
expect(canvas.getByText("System default: 70%")).toBeInTheDocument();
expect(canvas.queryByText("GPT-3.5 (Disabled)")).not.toBeInTheDocument();
await userEvent.type(gpt4oInput, "100");
site/src/pages/AgentsPage/UserCompactionThresholdSettings.tsx
+14 -12
View File
@@ -184,7 +184,7 @@ export const UserCompactionThresholdSettings: FC<
models before compaction thresholds can be set.
</p>
) : (
<div className="space-y-3">
<div className="space-y-2">
{enabledModelConfigs.map((modelConfig) => {
const existingOverride = overridesByModelID.get(modelConfig.id);
const hasOverride = overridesByModelID.has(modelConfig.id);
@@ -200,27 +200,27 @@ export const UserCompactionThresholdSettings: FC<
isThisModelMutating;
return (
<div
key={modelConfig.id}
className="space-y-2 rounded-lg border border-border bg-surface-secondary/40 p-4"
>
<div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
<div className="flex-1">
<span className="text-sm font-medium text-content-primary">
<div key={modelConfig.id} className="space-y-1">
<div className="flex items-center justify-between gap-3">
<div className="flex min-w-0 flex-1 items-baseline gap-2">
<span className="text-[13px] font-medium text-content-primary">
{modelConfig.display_name || modelConfig.model}
</span>
<span className="ml-2 text-xs text-content-secondary">
System default: {modelConfig.compression_threshold}%
<span className="ml-auto text-xs text-content-secondary">
System default:{" "}
<span className="inline-block w-[4ch] text-right tabular-nums">
{modelConfig.compression_threshold}%
</span>
</span>
</div>
<div className="flex flex-wrap items-center gap-2 sm:justify-end">
<div className="flex items-center gap-1.5">
<Input
aria-label={`${modelConfig.display_name || modelConfig.model} compaction threshold`}
type="number"
min={0}
max={100}
inputMode="numeric"
className="h-9 w-20 text-[13px]"
className="h-7 w-16 px-2 text-xs"
value={draftValue}
placeholder={String(modelConfig.compression_threshold)}
onChange={(event) => {
@@ -235,6 +235,7 @@ export const UserCompactionThresholdSettings: FC<
<span className="text-xs text-content-secondary">%</span>
<Button
size="sm"
className="h-7"
type="button"
disabled={isSaveDisabled}
onClick={() => {
@@ -258,6 +259,7 @@ export const UserCompactionThresholdSettings: FC<
{hasOverride && (
<Button
size="sm"
className="h-7"
variant="outline"
type="button"
disabled={isThisModelMutating}