Target: ${html(result.providerConnection.target.origin)} · ${html(result.providerConnection.target.commit ?? "revision unavailable")} · ${result.providerConnection.assisted ? "Assisted login" : "Unassisted"} · ${html(result.providerConnection.authFreshness)} browser · ${html(result.providerConnection.entry)} / ${html(result.providerConnection.method)} · stopped at ${html(result.providerConnection.phase)}
` : ""} ${failures.length ? `Failed checks:
- ${failures.map((c) => `
- ${html(c.id)} — ${html(c.detail)} `).join("")}
No behavioral matcher failed.${notReached.length ? " The journey is incomplete; unexercised checks are not passes." : failed ? " The overall failure came from a separate run, cleanup, or evidence check." : ""}
` : ""} ${notReached.length ? `Not reached:
- ${notReached.map((c) => `
- ${html(c.id)} — ${html(c.notReached)} `).join("")}
See all behavioral checks (${checks.length})
| Result | Check | Detail |
|---|---|---|
| ${c.notReached ? "Not reached" : c.passed ? "Pass" : "Fail"} | ${html(c.id)} | ${html(c.detail)}${c.notReached ? ` — ${html(c.notReached)}` : ""} |
Synthetic cleanup fixture
"); + }); + await new PromiseHermes Gateway fields
: (
({
data-hide-instructions-file={String(hideInstructionsFile === true)}
data-managed-sandbox-only={String(managedSandboxOnly === true)}
/>
- ),
+ );
+ },
buildAdapterConfig: (values: { model?: string }) => ({
model: values.model || undefined,
}),
@@ -784,6 +787,44 @@ describe("AgentConfigForm environment selector", () => {
expect(result.onSave.mock.calls[0][0].adapterConfig.effort).toBeUndefined();
});
+ it.each([
+ ["Codex", "codex", undefined, DEFAULT_CODEX_LOCAL_MODEL],
+ ["ACP agents", "acpx", "claude", "claude-sonnet-5"],
+ ["Claude Managed", "claude_managed", undefined, "claude-sonnet-5"],
+ ])("saves the %s harness default without the previous OpenCode model prefix", async (label, provider, acpxAgent, model) => {
+ const accountList = vi.spyOn(aiConnectionsApi, "list").mockResolvedValue({
+ currentUserId: "you",
+ canManageConnections: true,
+ connections: [],
+ });
+ try {
+ const result = await renderForm([], {
+ adapterType: "paperclip_runner",
+ adapterConfig: { provider: "opencode", model: "openrouter/anthropic/claude-sonnet-4.6" },
+ runtimeConfig: { aiConnection: { mode: "responsible_user", provider: "openrouter", method: "api_key" } },
+ });
+ roots.push(result.root);
+ await act(async () => {
+ result.container.querySelector('[aria-label="Harness"]')!
+ .dispatchEvent(new KeyboardEvent("keydown", { key: "Enter", bubbles: true }));
+ });
+ await flushReact();
+ const option = [...document.querySelectorAll('[role="option"]')]
+ .find(element => element.textContent === label)!;
+ expect(option).toBeTruthy();
+ await act(async () => {
+ option.dispatchEvent(new KeyboardEvent("keydown", { key: "Enter", bubbles: true }));
+ });
+ await flushReact();
+ await clickByText(result.container, "Save");
+ expect(result.onSave).toHaveBeenCalledWith(expect.objectContaining({
+ adapterConfig: expect.objectContaining({ provider, model, ...(acpxAgent ? { acpxAgent } : {}) }),
+ }));
+ } finally {
+ accountList.mockRestore();
+ }
+ });
+
it("saves Grok 4.7 reasoning effort using the runtime key", async () => {
const result = await renderForm([], { adapterType: "grok_local", adapterConfig: { model: "grok-4.7", reasoningEffort: "high" } });
roots.push(result.root);
diff --git a/ui/src/components/AgentConfigForm.tsx b/ui/src/components/AgentConfigForm.tsx
index 6f655057762..533985df6dd 100644
--- a/ui/src/components/AgentConfigForm.tsx
+++ b/ui/src/components/AgentConfigForm.tsx
@@ -1,3 +1,5 @@
+import { useConnectionModels } from "./ai-connections/useConnectionModels";
+import { aiRoutingHarness } from "@paperclipai/shared";
import { AiConnectionField } from "./ai-connections/AiConnectionField";
import { aiConnectionBindingSchema, aiRuntimeConnectionBindingSchema } from "@paperclipai/shared";
import { testAgentSetup } from "@/lib/test-agent-setup";
@@ -42,6 +44,9 @@ import {
PopoverTrigger,
} from "@/components/ui/popover";
import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { NativeSelect, selectTriggerClassName } from "@/components/ui/select";
+import { AdapterMark } from "./AdapterMark";
import { FolderOpen, Heart, ChevronDown, X, Copy, Check, ExternalLink, Loader2, TriangleAlert, Bug } from "lucide-react";
import { asBoolean, asFiniteNumber, asObject, cn } from "../lib/utils";
import { copyTextToClipboard } from "../lib/clipboard";
@@ -76,7 +81,6 @@ import { getUIAdapter } from "../adapters";
import { ClaudeLocalAdvancedFields } from "../adapters/claude-local/config-fields";
import { MarkdownEditor } from "./MarkdownEditor";
import { ChoosePathButton } from "./PathInstructionsModal";
-import { OpenCodeLogoIcon } from "./OpenCodeLogoIcon";
import { ReportsToPicker } from "./ReportsToPicker";
import {
EnvironmentVariablesEditor,
@@ -894,6 +898,7 @@ export function AgentConfigForm(props: AgentConfigFormProps) {
const modelProvider = adapterType === "opencode_local" && aiConnectionBindingSchema.safeParse(
(overlay.runtime.runtimeConfig as Record | undefined)?.aiConnection ?? runtimeConfig.aiConnection,
).data?.provider === "openrouter" ? "openrouter" : runnerProvider;
+ const connectionModels = useConnectionModels(selectedCompanyId, isCreate ? undefined : aiConnectionBindingSchema.safeParse((overlay.runtime.runtimeConfig as Record | undefined)?.aiConnection ?? runtimeConfig.aiConnection).data, aiRoutingHarness(adapterType, runnerProvider, eff("adapterConfig", "acpxAgent", config.acpxAgent)));
// Fetch adapter models for the effective provider, including unsaved changes.
const modelQueryKey = selectedCompanyId
? queryKeys.agents.adapterModels(selectedCompanyId, adapterType, currentDefaultEnvironmentId || null, modelProvider)
@@ -901,17 +906,19 @@ export function AgentConfigForm(props: AgentConfigFormProps) {
const {
data: fetchedModels,
error: fetchedModelsError,
+ isLoading: fetchingModels,
} = useQuery({
queryKey: modelQueryKey,
queryFn: () => agentsApi.adapterModels(selectedCompanyId!, adapterType, {
environmentId: currentDefaultEnvironmentId || null,
provider: modelProvider,
}),
- enabled: Boolean(selectedCompanyId),
+ enabled: Boolean(selectedCompanyId) && !connectionModels,
});
const [refreshModelsError, setRefreshModelsError] = useState(null);
const [refreshingModels, setRefreshingModels] = useState(false);
- const models = fetchedModels ?? externalModels ?? [];
+ const models = connectionModels?.models ?? fetchedModels ?? externalModels ?? [];
+ const modelError = connectionModels ? connectionModels.error : fetchedModelsError;
const adapterCommandField = "command";
const {
data: detectedModelData,
@@ -946,7 +953,10 @@ export function AgentConfigForm(props: AgentConfigFormProps) {
set: isCreate ? (patch: Partial) => props.onChange(patch) : null,
config,
eff: eff as (group: "adapterConfig", field: string, original: T) => T,
- mark: mark as (group: "adapterConfig", field: string, value: unknown) => void,
+ // Harness transitions supply the new harness's default model. Resolve
+ // user-selected model IDs in ModelDropdown, not through the previous
+ // render's harness when adapter fields change several values together.
+ mark,
models,
// Resolve the effective instructions-file gate once. The instructions file
// is an absolute host path, so the managed-sandbox-only policy hides it for
@@ -1658,7 +1668,7 @@ export function AgentConfigForm(props: AgentConfigFormProps) {
)}
- {!isCreate && selectedCompanyId && | undefined)?.aiConnection ?? runtimeConfig.aiConnection).data}
model={String(eff("adapterConfig", "model", config.model) ?? "")} environmentId={currentDefaultEnvironmentId || undefined} legacy
onChange={binding => mark("runtime", "runtimeConfig", { ...runtimeConfig, aiConnection: binding })} />}
@@ -1719,6 +1729,7 @@ export function AgentConfigForm(props: AgentConfigFormProps) {
{isLocal && (<>
{
const supportedEfforts = setupEfforts(adapterType, v);
@@ -1732,7 +1743,7 @@ export function AgentConfigForm(props: AgentConfigFormProps) {
});
return;
}
- mark("adapterConfig", "model", v || undefined);
+ mark("adapterConfig", "model", connectionModels?.resolveModel(v) || v || undefined);
if (clearUnsupportedEffort) {
mark("adapterConfig", thinkingEffortKey, undefined);
mark("adapterConfig", "reasoningEffort", undefined);
@@ -1743,35 +1754,36 @@ export function AgentConfigForm(props: AgentConfigFormProps) {
defaultLabel={adapterType === "claude_local" ? `Default (${DEFAULT_CLAUDE_LOCAL_MODEL})` : undefined}
allowDefault={adapterType !== "opencode_local" && adapterType !== "pi_local" && adapterType !== "paperclip_runner"}
required={adapterType === "opencode_local" || adapterType === "pi_local"}
- groupByProvider={adapterType === "opencode_local" || adapterType === "pi_local"}
- preserveOrder={adapterCuratesModelOrder(adapterType)}
+ groupByProvider={!connectionModels && (adapterType === "opencode_local" || adapterType === "pi_local")}
+ preserveOrder={Boolean(connectionModels) || adapterCuratesModelOrder(adapterType)}
creatable
- detectedModel={detectedModel}
+ detectedModel={connectionModels ? undefined : detectedModel}
detectedModelCandidates={[]}
- onDetectModel={adapterType === "opencode_local" || adapterType === "paperclip_runner"
+ onDetectModel={connectionModels || adapterType === "opencode_local" || adapterType === "paperclip_runner"
? undefined
: async () => {
const result = await refetchDetectedModel();
return result.data?.model ?? null;
}}
onRefreshModels={
- supportsAdapterModelRefresh(adapterType)
+ connectionModels ? connectionModels.refreshModels : supportsAdapterModelRefresh(adapterType)
? handleRefreshModels
: undefined
}
- refreshingModels={refreshingModels}
+ refreshingModels={connectionModels?.refreshing ?? refreshingModels}
detectModelLabel="Detect model"
emptyDetectHint="No model detected. Select or enter one manually."
/>
- {(refreshModelsError || fetchedModelsError) && (
+ {(refreshModelsError || modelError) && (
{refreshModelsError - ?? (fetchedModelsError instanceof Error - ? fetchedModelsError.message + ?? (modelError instanceof Error + ? modelError.message : "Failed to load adapter models.")}
)} {adapterType === "opencode_local" + && !connectionModels && currentDefaultEnvironment && currentDefaultEnvironment.driver !== "local" && (
@@ -3666,19 +3678,26 @@ export function AdapterTypeDropdown({
return (