@agent-native/core 0.83.0 → 0.84.1

package/corpus/core/src/client/components/MissingKeyCard.tsx

@@ -12,12 +12,13 @@ export function MissingKeyCard({
   return (
     <div
       style={{
-        border: "1px solid #e2e8f0",
+        border: "1px solid hsl(var(--border))",
         borderRadius: 8,
         padding: "24px 28px",
         maxWidth: 420,
         margin: "32px auto",
-        background: "#f8fafc",
+        background: "hsl(var(--card))",
+        color: "hsl(var(--card-foreground))",
         textAlign: "center",
       }}
     >
@@ -25,13 +26,19 @@ export function MissingKeyCard({
         style={{
           fontSize: 14,
           fontWeight: 600,
-          color: "#334155",
+          color: "hsl(var(--card-foreground))",
           marginBottom: 8,
         }}
       >
         {label}
       </div>
-      <p style={{ fontSize: 13, color: "#64748b", margin: "0 0 16px" }}>
+      <p
+        style={{
+          fontSize: 13,
+          color: "hsl(var(--muted-foreground))",
+          margin: "0 0 16px",
+        }}
+      >
         {message}
       </p>
       <a
@@ -41,8 +48,8 @@ export function MissingKeyCard({
           padding: "8px 16px",
           fontSize: 13,
           fontWeight: 500,
-          color: "#fff",
-          background: "#3b82f6",
+          color: "hsl(var(--primary-foreground))",
+          background: "hsl(var(--primary))",
           borderRadius: 6,
           textDecoration: "none",
         }}

package/corpus/core/src/client/composer/TiptapComposer.tsx

@@ -750,6 +750,7 @@ const FRIENDLY_MODEL_NAMES: Record<string, string> = {
   "qwen3-coder": "Qwen3 Coder",
   "kimi-k2-5": "Kimi K2.5",
   "deepseek-v3-1": "DeepSeek v3.1",
+  "z-ai/glm-5.2": "GLM 5.2",
 };
 
 export const MODEL_SELECTOR_POPOVER_STYLE = {
@@ -759,13 +760,13 @@ export const MODEL_SELECTOR_POPOVER_STYLE = {
 
 function friendlyModelName(model: string): string {
   if (FRIENDLY_MODEL_NAMES[model]) return FRIENDLY_MODEL_NAMES[model];
-  // Claude: claude-{tier}-{major}-{minor}[-dateYYYYMMDD] → Tier Major.Minor
+  // Claude: claude-{tier}-{major}[-minor][-dateYYYYMMDD] → Tier Major[.Minor]
   const claude = model.match(
-    /^claude-(opus|sonnet|haiku)-(\d+)-(\d+)(?:-\d{8,})?$/,
+    /^claude-(opus|sonnet|haiku)-(\d+)(?:-(\d+))?(?:-\d{8,})?$/,
   );
   if (claude) {
     const tier = claude[1][0].toUpperCase() + claude[1].slice(1);
-    return `${tier} ${claude[2]}.${claude[3]}`;
+    return `${tier} ${claude[2]}${claude[3] ? `.${claude[3]}` : ""}`;
   }
   // GPT: gpt-{major}-{minor}[-suffix] or gpt-{major}.{minor}[-suffix]
   if (model.startsWith("gpt-")) {

package/corpus/core/src/client/extensions/ExtensionsSidebarSection.tsx

@@ -596,7 +596,6 @@ function ExtensionSortMenu({
           <DropdownMenuRadioItem value="alphabetical">
             {copy.alphabetical}
           </DropdownMenuRadioItem>
-          <DropdownMenuSeparator />
           <DropdownMenuRadioItem value="manual">
             {copy.manualOrder}
           </DropdownMenuRadioItem>

package/corpus/core/src/client/guided-questions.tsx

@@ -1,7 +1,6 @@
 import {
   IconCheck,
   IconChevronRight,
-  IconHelpCircle,
   IconUpload,
   IconX,
 } from "@tabler/icons-react";
@@ -433,8 +432,8 @@ export function GuidedQuestionFlow({
   questions,
   onSubmit,
   onSkip,
-  title = "A few choices before I generate",
-  description = "Pick what you know. Use Other for anything that does not fit, or let the agent decide.",
+  title = "Before I generate",
+  description = "Use Other for custom details, or let the agent decide.",
   skipLabel = "Skip",
   submitLabel = "Continue",
   className,
@@ -465,28 +464,23 @@ export function GuidedQuestionFlow({
   return (
     <div
       className={cn(
-        "flex h-full w-full items-center justify-center bg-background text-foreground",
+        "guided-question-flow flex h-full w-full items-center justify-center bg-background text-foreground",
         className,
       )}
     >
-      <div className="flex max-h-full w-full max-w-3xl flex-col px-4 py-6 sm:px-8 sm:py-10">
-        <div className="mb-6 flex items-start gap-3">
-          <div className="mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-md border border-border bg-muted/40 text-primary">
-            <IconHelpCircle className="h-5 w-5" />
-          </div>
-          <div className="min-w-0">
-            <h2 className="text-xl font-semibold tracking-normal text-foreground sm:text-2xl">
-              {title}
-            </h2>
-            {description && (
-              <p className="mt-1 max-w-2xl text-sm leading-5 text-muted-foreground">
-                {description}
-              </p>
-            )}
-          </div>
+      <div className="guided-question-flow-inner flex max-h-full w-full max-w-3xl flex-col px-3 py-4">
+        <div className="guided-question-flow-header mb-4 min-w-0">
+          <h2 className="guided-question-flow-title text-lg font-semibold leading-tight tracking-normal text-foreground">
+            {title}
+          </h2>
+          {description && (
+            <p className="guided-question-flow-description mt-1 max-w-2xl text-sm leading-5 text-muted-foreground">
+              {description}
+            </p>
+          )}
         </div>
 
-        <div className="min-h-0 flex-1 space-y-4 overflow-y-auto pe-1">
+        <div className="guided-question-flow-list min-h-0 flex-1 overflow-y-auto pe-1">
           {questions.map((question, index) => (
             <QuestionCard
               key={question.id}
@@ -501,7 +495,7 @@ export function GuidedQuestionFlow({
           ))}
         </div>
 
-        <div className="mt-5 flex shrink-0 items-center justify-between gap-4 border-t border-border pt-4">
+        <div className="guided-question-flow-footer mt-4 flex shrink-0 items-center justify-between gap-3 border-t border-border pt-3">
           <div className="flex items-center gap-1.5">
             {questions.map((question, index) => (
               <span
@@ -553,9 +547,9 @@ function QuestionCard({
   onSubmitAnswer: (value: unknown) => void;
 }) {
   return (
-    <section className="rounded-lg border border-border bg-card/65 p-4 shadow-sm">
-      <div className="mb-3 flex gap-3">
-        <div className="flex h-6 min-w-6 items-center justify-center rounded-md bg-muted text-xs font-medium text-muted-foreground">
+    <section className="guided-question-card border-t border-border/60 py-3 first:border-t-0 first:pt-0 last:pb-0">
+      <div className="mb-2 flex gap-2.5">
+        <div className="guided-question-index mt-0.5 min-w-4 text-xs font-medium tabular-nums text-muted-foreground">
           {index + 1}
         </div>
         <div className="min-w-0">
@@ -670,8 +664,8 @@ function TextOptions({
   const allowOther = question.allowOther !== false;
 
   return (
-    <div className="space-y-3">
-      <div className="grid gap-2 sm:grid-cols-2">
+    <div className="space-y-2.5">
+      <div className="guided-question-flow-options grid grid-cols-1 gap-2">
         {options.map((option) => (
           <OptionButton
             key={`${option.value}:${option.label}`}
@@ -724,7 +718,7 @@ function OptionButton({
       onClick={onClick}
       aria-pressed={selected}
       className={cn(
-        "group flex min-h-[56px] cursor-pointer items-start gap-2 rounded-md border px-3 py-2 text-start transition-colors",
+        "group flex min-h-11 min-w-0 cursor-pointer items-start gap-2 rounded-md border px-2.5 py-2 text-start transition-colors",
         selected
           ? "border-primary bg-primary/10 text-foreground ring-2 ring-primary/25"
           : "border-border bg-muted/30 text-muted-foreground hover:border-muted-foreground/50 hover:bg-muted/45 hover:text-foreground",

package/corpus/core/src/client/integrations/IntegrationCard.tsx

@@ -38,7 +38,7 @@ function StatusDot({
       ? "bg-green-500"
       : configured
         ? "bg-yellow-500"
-        : "bg-gray-400";
+        : "bg-muted-foreground/55";
   return <span className={`inline-block h-2 w-2 rounded-full ${color}`} />;
 }
 

package/corpus/core/src/client/integrations/IntegrationsPanel.tsx

@@ -598,7 +598,7 @@ export function IntegrationsPanel() {
                         ? "bg-green-500"
                         : s.configured
                           ? "bg-yellow-500"
-                          : "bg-gray-400"
+                          : "bg-muted-foreground/55"
                     }`}
                   />
                 )}

package/corpus/core/src/client/onboarding/OnboardingBanner.tsx

@@ -53,8 +53,8 @@ const styles: Record<string, React.CSSProperties> = {
     width: "100%",
     padding: "8px 12px",
     border: "none",
-    borderBottom: "1px solid rgba(255,255,255,0.06)",
-    background: "rgba(59,130,246,0.06)",
+    borderBottom: "1px solid hsl(var(--border) / 0.7)",
+    background: "hsl(var(--primary) / 0.06)",
     color: "inherit",
     fontSize: 12,
     cursor: "pointer",

package/corpus/core/src/client/onboarding/OnboardingPanel.tsx

@@ -749,9 +749,9 @@ function buttonPrimary(primary: boolean | undefined): React.CSSProperties {
     borderRadius: 6,
     border: primary
       ? "1px solid transparent"
-      : "1px solid rgba(255,255,255,0.15)",
-    background: primary ? "#3b82f6" : "rgba(255,255,255,0.04)",
-    color: primary ? "#fff" : "inherit",
+      : "1px solid hsl(var(--border) / 0.8)",
+    background: primary ? "hsl(var(--primary))" : "hsl(var(--muted) / 0.4)",
+    color: primary ? "hsl(var(--primary-foreground))" : "inherit",
     fontSize: 12,
     fontWeight: 500,
     cursor: "pointer",
@@ -761,9 +761,9 @@ function buttonPrimary(primary: boolean | undefined): React.CSSProperties {
 function buttonDisabled(primary: boolean | undefined): React.CSSProperties {
   return {
     ...buttonPrimary(primary),
-    border: "1px solid rgba(255,255,255,0.12)",
-    background: primary ? "rgba(255,255,255,0.08)" : "rgba(255,255,255,0.04)",
-    color: "rgba(255,255,255,0.5)",
+    border: "1px solid hsl(var(--border) / 0.6)",
+    background: "hsl(var(--muted) / 0.35)",
+    color: "hsl(var(--muted-foreground))",
     cursor: "not-allowed",
   };
 }
@@ -792,8 +792,8 @@ function badgeStyle(
 
 const styles: Record<string, React.CSSProperties> = {
   root: {
-    borderBottom: "1px solid rgba(255,255,255,0.06)",
-    background: "rgba(255,255,255,0.02)",
+    borderBottom: "1px solid hsl(var(--border) / 0.7)",
+    background: "hsl(var(--muted) / 0.25)",
     fontSize: 12,
     display: "flex",
     flexDirection: "column",
@@ -804,7 +804,7 @@ const styles: Record<string, React.CSSProperties> = {
     display: "flex",
     alignItems: "center",
     justifyContent: "space-between",
-    borderBottom: "1px solid rgba(255,255,255,0.06)",
+    borderBottom: "1px solid hsl(var(--border) / 0.7)",
     background: "rgba(34,197,94,0.04)",
     fontSize: 12,
   },
@@ -915,7 +915,7 @@ const styles: Record<string, React.CSSProperties> = {
     width: 16,
     height: 16,
     borderRadius: "50%",
-    border: "1px solid rgba(255,255,255,0.2)",
+    border: "1px solid hsl(var(--border))",
   },
   cardBody: {
     paddingBlock: "0 10px",
@@ -937,9 +937,9 @@ const styles: Record<string, React.CSSProperties> = {
   },
   method: {
     padding: "8px 10px",
-    border: "1px solid rgba(255,255,255,0.06)",
+    border: "1px solid hsl(var(--border) / 0.65)",
     borderRadius: 6,
-    background: "rgba(255,255,255,0.02)",
+    background: "hsl(var(--card) / 0.55)",
     display: "flex",
     flexDirection: "column",
     gap: 6,
@@ -967,8 +967,8 @@ const styles: Record<string, React.CSSProperties> = {
     gap: 8,
     padding: "7px 8px",
     borderRadius: 6,
-    border: "1px solid rgba(255,255,255,0.08)",
-    background: "rgba(255,255,255,0.025)",
+    border: "1px solid hsl(var(--border) / 0.7)",
+    background: "hsl(var(--muted) / 0.35)",
     color: "inherit",
     cursor: "pointer",
     fontSize: 11,
@@ -996,8 +996,8 @@ const styles: Record<string, React.CSSProperties> = {
     padding: "6px 8px",
     fontSize: 12,
     borderRadius: 5,
-    border: "1px solid rgba(255,255,255,0.1)",
-    background: "rgba(0,0,0,0.25)",
+    border: "1px solid hsl(var(--input))",
+    background: "hsl(var(--background))",
     color: "inherit",
     outline: "none",
     boxSizing: "border-box" as const,
@@ -1007,13 +1007,17 @@ const styles: Record<string, React.CSSProperties> = {
     padding: "6px 8px",
     fontSize: 12,
     borderRadius: 5,
-    border: "1px solid rgba(255,255,255,0.1)",
-    background: "rgba(0,0,0,0.25)",
+    border: "1px solid hsl(var(--input))",
+    background: "hsl(var(--background))",
     color: "inherit",
     outline: "none",
     boxSizing: "border-box" as const,
   },
-  methodHint: { margin: 0, fontSize: 11, color: "rgba(255,255,255,0.62)" },
+  methodHint: {
+    margin: 0,
+    fontSize: 11,
+    color: "hsl(var(--muted-foreground))",
+  },
   errText: { margin: 0, fontSize: 11, color: "#f87171" },
   footer: {
     padding: "0 12px 10px",

package/corpus/core/src/client/resources/ResourceEditor.tsx

@@ -11,6 +11,10 @@ import React, {
 } from "react";
 import { Markdown } from "tiptap-markdown";
 
+import {
+  CLAUDE_SONNET_MODEL_ID,
+  CLAUDE_SONNET_MODEL_LABEL,
+} from "../../agent/model-config.js";
 import {
   type ParsedFrontmatter,
   getRemoteAgentIdFromPath,
@@ -189,7 +193,9 @@ function FrontmatterBar({
             <option value="inherit">Default model</option>
             <option value="claude-fable-5">Claude Fable 5</option>
             <option value="claude-opus-4-8">Claude Opus 4.8</option>
-            <option value="claude-sonnet-4-6">Claude Sonnet 4.6</option>
+            <option value={CLAUDE_SONNET_MODEL_ID}>
+              {CLAUDE_SONNET_MODEL_LABEL}
+            </option>
             <option value="claude-haiku-4-5-20251001">Claude Haiku 4.5</option>
           </select>
         ) : null}
@@ -665,7 +671,7 @@ function InlineBubbleToolbar({ editor }: { editor: any }) {
             onClick={handleSetLink}
             style={{
               fontSize: 11,
-              color: "#60a5fa",
+              color: "hsl(var(--primary))",
               padding: "2px 6px",
               fontWeight: 500,
               background: "none",
@@ -689,7 +695,7 @@ function InlineBubbleToolbar({ editor }: { editor: any }) {
                   style={{
                     width: 1,
                     height: 16,
-                    background: "rgba(255,255,255,0.2)",
+                    background: "hsl(var(--border))",
                     margin: "0 2px",
                   }}
                 />
@@ -1437,28 +1443,30 @@ const editorStyles = `
 .re-bubble-toolbar {
   display: flex;
   align-items: center;
-  background: hsl(0 0% 15%);
+  background: hsl(var(--popover));
+  color: hsl(var(--popover-foreground));
+  border: 1px solid hsl(var(--border));
   border-radius: 6px;
   padding: 3px;
-  box-shadow: 0 4px 16px rgb(0 0 0 / 0.25), 0 0 0 1px rgb(255 255 255 / 0.06);
+  box-shadow: 0 4px 16px rgb(0 0 0 / 0.12);
 }
 .re-bubble-btn {
   padding: 3px 6px;
   border-radius: 4px;
   font-size: 12px;
-  color: rgba(255,255,255,0.75);
+  color: hsl(var(--muted-foreground));
   background: none;
   border: none;
   cursor: pointer;
   line-height: 1;
 }
 .re-bubble-btn:hover {
-  background: rgba(255,255,255,0.12);
-  color: white;
+  background: hsl(var(--accent));
+  color: hsl(var(--accent-foreground));
 }
 .re-bubble-btn--active {
-  background: rgba(255,255,255,0.18);
-  color: white;
+  background: hsl(var(--accent));
+  color: hsl(var(--accent-foreground));
 }
 
 /* Slash command menu */

package/corpus/core/src/client/resources/ResourcesPanel.tsx

@@ -22,6 +22,10 @@ import React, {
   useMemo,
 } from "react";
 
+import {
+  CLAUDE_SONNET_MODEL_ID,
+  CLAUDE_SONNET_MODEL_LABEL,
+} from "../../agent/model-config.js";
 import { serializeFrontmatter } from "../../resources/metadata.js";
 import { sendToAgentChat } from "../agent-chat.js";
 import { agentNativePath } from "../api-path.js";
@@ -90,7 +94,7 @@ const AGENT_MODEL_OPTIONS = [
   { value: "inherit", label: "Default model" },
   { value: "claude-fable-5", label: "Claude Fable 5" },
   { value: "claude-opus-4-8", label: "Claude Opus 4.8" },
-  { value: "claude-sonnet-4-6", label: "Claude Sonnet 4.6" },
+  { value: CLAUDE_SONNET_MODEL_ID, label: CLAUDE_SONNET_MODEL_LABEL },
   { value: "claude-haiku-4-5-20251001", label: "Claude Haiku 4.5" },
 ] as const;
 

package/corpus/core/src/client/settings/SettingsPanel.tsx

@@ -499,12 +499,13 @@ function ManualSetupCard({
 // ─── LLM helpers ────────────────────────────────────────────────────────────
 
 function friendlyModelName(model: string): string {
+  if (model === "z-ai/glm-5.2") return "GLM 5.2";
   const claude = model.match(
-    /^claude-(opus|sonnet|haiku)-(\d+)-(\d+)(?:-\d{8,})?$/,
+    /^claude-(opus|sonnet|haiku)-(\d+)(?:-(\d+))?(?:-\d{8,})?$/,
   );
   if (claude) {
     const tier = claude[1][0].toUpperCase() + claude[1].slice(1);
-    return `${tier} ${claude[2]}.${claude[3]}`;
+    return `${tier} ${claude[2]}${claude[3] ? `.${claude[3]}` : ""}`;
   }
   if (model.startsWith("gpt-")) return `GPT-${model.slice(4)}`;
   if (/^o\d/.test(model)) return model;
@@ -718,6 +719,10 @@ function LLMSectionInner({
     envVar,
     builderConnected,
   });
+  const manualSetupHint =
+    selectedEngine === "ai-sdk:openrouter"
+      ? "Provide an OpenRouter key to use OpenRouter models like GLM 5.2."
+      : "Choose your AI provider and model.";
 
   const engineChanged =
     selectedEngine !== currentEngine || selectedModel !== currentModel;
@@ -889,7 +894,7 @@ function LLMSectionInner({
           />
           {!builderConnected && (
             <ManualSetupCard
-              hint="Choose your AI provider and model."
+              hint={manualSetupHint}
               docsUrl={PROVIDER_DOCS[selectedEngine]}
               sourceBadge={sourceBadge}
               docsLabel="Get an API key"

package/corpus/core/src/client/settings/useBuilderStatus.ts

@@ -188,7 +188,6 @@ export interface BuilderConnectFlow {
 
 const POLL_INTERVAL_MS = 2000;
 const POLL_TIMEOUT_MS = 5 * 60 * 1000;
-const POPUP_CLOSED_CONFIRMATION_GRACE_MS = 5000;
 const CALLBACK_SUCCESS_STATUS_RETRY_MS = 500;
 const CALLBACK_SUCCESS_STATUS_RETRIES = 10;
 const BUILDER_CONNECT_PARAM = "_an_connect";
@@ -447,15 +446,6 @@ function delay(ms: number): Promise<void> {
   return new Promise((resolve) => setTimeout(resolve, ms));
 }
 
-function isPopupClosed(opened: Window | null): boolean {
-  if (!opened) return false;
-  try {
-    return opened.closed === true;
-  } catch {
-    return false;
-  }
-}
-
 function isTrustedBuilderConnectMessageOrigin(origin: string): boolean {
   if (typeof window !== "undefined" && origin === window.location.origin) {
     return true;
@@ -693,8 +683,6 @@ export function useBuilderConnectFlow(
       const clickTrackingSource =
         startOptions?.trackingSource ?? trackingSource;
       const clickTrackingFlow = startOptions?.trackingFlow ?? trackingFlow;
-      let openedPopup: Window | null = null;
-      let popupClosedAt: number | null = null;
       connectStartedAtRef.current = started;
       setConnecting(true);
       setError(null);
@@ -730,7 +718,6 @@ export function useBuilderConnectFlow(
           source: clickTrackingSource,
           flow: clickTrackingFlow,
         });
-        openedPopup = opened;
         if (!opened) {
           // Agent Native Desktop handles the popup in Electron and reports
           // null to the embedded webview, so null is not a blocker here.
@@ -783,7 +770,6 @@ export function useBuilderConnectFlow(
             );
           })();
         } else {
-          openedPopup = opened;
           showBuilderConnectPopupPlaceholder(opened);
           void (async () => {
             const s = await fetchStatus();
@@ -884,25 +870,6 @@ export function useBuilderConnectFlow(
           setError(
             `Couldn't save Builder credentials: ${s.connectError.message}. Try again or contact support.`,
           );
-        } else if (isPopupClosed(openedPopup)) {
-          popupClosedAt ??= Date.now();
-          if (Date.now() - popupClosedAt > POPUP_CLOSED_CONFIRMATION_GRACE_MS) {
-            stopPoll();
-            connectStartedAtRef.current = null;
-            setConnecting(false);
-            trackEvent("builder connect failed", {
-              feature: "builder",
-              stage: "client",
-              reason: "popup_closed_without_status",
-              source: clickTrackingSource,
-              flow:
-                cleanTrackingParam(clickTrackingFlow) ??
-                inferBuilderConnectTrackingFlow(clickTrackingSource),
-            });
-            setError(
-              "Builder finished, but this workspace couldn't confirm the saved credentials. Refresh this page or try Connect Builder.io again.",
-            );
-          }
         } else if (Date.now() - started > POLL_TIMEOUT_MS) {
           stopPoll();
           connectStartedAtRef.current = null;
@@ -972,7 +939,6 @@ export function useBuilderConnectFlow(
         )
           ? s?.connectError
           : null;
-        stopPoll();
         setHasFetchedStatus(true);
         if (s) {
           setConfigured(false);
@@ -983,13 +949,14 @@ export function useBuilderConnectFlow(
           statusConnectUrlAtRef.current = nextConnectUrl ? Date.now() : null;
           setOrgName(s.orgName ?? null);
         }
-        connectStartedAtRef.current = null;
-        setConnecting(false);
-        setError(
-          connectError
-            ? `Couldn't save Builder credentials: ${connectError.message}. Try again or contact support.`
-            : "Builder finished, but this workspace couldn't confirm the saved credentials. Refresh this page or try Connect Builder.io again.",
-        );
+        if (connectError) {
+          stopPoll();
+          connectStartedAtRef.current = null;
+          setConnecting(false);
+          setError(
+            `Couldn't save Builder credentials: ${connectError.message}. Try again or contact support.`,
+          );
+        }
         return;
       }
       stopPoll();

package/corpus/core/src/client/useProductionAgent.ts

@@ -1,6 +1,10 @@
 import { useState, useCallback, useRef } from "react";
 
-import type { AgentMessage, AgentChatEvent } from "../agent/types.js";
+import type {
+  AgentMessage,
+  AgentChatEvent,
+  AgentToolInput,
+} from "../agent/types.js";
 import { agentNativePath } from "./api-path.js";
 import { formatChatErrorText } from "./error-format.js";
 
@@ -10,7 +14,7 @@ export interface ProductionAgentMessage {
   content: string;
   toolCalls?: Array<{
     tool: string;
-    input: Record<string, string>;
+    input: AgentToolInput;
     result?: string;
   }>;
 }

package/corpus/core/src/deploy/build.ts

@@ -1135,7 +1135,7 @@ async function getHandler() {
         headers: {
           "Access-Control-Allow-Origin": "*",
           "Access-Control-Allow-Methods": "GET,HEAD,POST,PUT,PATCH,DELETE,OPTIONS",
-          "Access-Control-Allow-Headers": "Content-Type,Authorization,X-Requested-With,X-Request-Source,X-Agent-Native-CSRF,X-Agent-Native-Embed-Target",
+          "Access-Control-Allow-Headers": "Content-Type,Authorization,X-Requested-With,X-Request-Source,X-Agent-Native-CSRF,X-User-Timezone,X-Agent-Native-Tool-Bridge,X-Agent-Native-Tool-Id,X-Agent-Native-Frontend,X-Agent-Native-Embed-Target",
         },
       });
     }

package/corpus/core/src/eval/define-eval.ts

@@ -35,7 +35,10 @@ export function defineEval(spec: Eval): Eval {
   if (!spec.input || typeof spec.input.prompt !== "string") {
     throw new Error(`defineEval("${spec.name}"): \`input.prompt\` is required`);
   }
-  if (!Array.isArray(spec.scorers) || spec.scorers.length === 0) {
+  if (
+    (!Array.isArray(spec.scorers) || spec.scorers.length === 0) &&
+    !spec.skipReason
+  ) {
     throw new Error(
       `defineEval("${spec.name}"): at least one scorer is required`,
     );

package/corpus/core/src/eval/report.ts

@@ -27,13 +27,19 @@ export function formatReport(report: EvalRunReport): string {
   lines.push("  ─────");
 
   for (const row of report.results) {
-    const mark = row.passed ? "✓" : "✗";
+    const mark = row.status === "skipped" ? "-" : row.passed ? "✓" : "✗";
     lines.push("");
-    lines.push(
-      `  ${mark} ${row.eval}  (avg ${pct(row.avgScore)}, threshold ${pct(
-        row.threshold,
-      )})`,
-    );
+    if (row.status === "skipped") {
+      lines.push(`  ${mark} ${row.eval}  (skipped)`);
+      lines.push(`      reason: ${row.skipReason ?? "No reason provided"}`);
+      continue;
+    } else {
+      lines.push(
+        `  ${mark} ${row.eval}  (avg ${pct(row.avgScore)}, threshold ${pct(
+          row.threshold,
+        )})`,
+      );
+    }
     if (row.error) {
       lines.push(`      ⚠ run error: ${row.error}`);
     }
@@ -50,9 +56,18 @@ export function formatReport(report: EvalRunReport): string {
 
   lines.push("");
   lines.push("  ─────");
-  const verdict = report.failed === 0 ? "PASS" : "FAIL";
+  const skipped = report.skipped ?? 0;
+  const executedTotal = report.total - skipped;
+  const executedPassed = report.passed - skipped;
+  const verdict =
+    executedTotal === 0 && skipped > 0
+      ? "SKIPPED"
+      : report.failed === 0
+        ? "PASS"
+        : "FAIL";
   lines.push(
-    `  ${verdict}: ${report.passed}/${report.total} evals passed` +
+    `  ${verdict}: ${executedPassed}/${executedTotal} evals passed` +
+      (skipped > 0 ? `, ${skipped} skipped` : "") +
       (report.failed > 0 ? `, ${report.failed} below threshold` : ""),
   );
   lines.push("");