Bubble up config and block errors to the extension GUI

[jpoly1219]

Description

Previously, errors when loading config and blocks were not being rendered. This made errors in configuration and rules difficult to catch.

Here's a motivating example:

name: BAD RULE
version: 0.0.1
schema: v1
rules:
  - "this is a rule."
  - "this is supposed to be a rule body."
  - "unfortunately, each hyphen corresponds to a new rule."
  - "so this is actually the fourth rule."

This is syntactically valid YAML, but our rule parser will error out because it expects one rule per YAML file. These errors in semantics were difficult to catch without an error message. Now users will be able to see errors from the extension GUI.

This PR also fixes a subtle bug where exclamation triangle icon in the warning box will shrink depending on the size of the displayed error message.

Checklist

• [*] I've read the contributing guide
• [*] The relevant docs, if any, have been updated or created
• [*] The relevant tests, if any, have been updated or created

Screenshots

Tests

[ What tests were added or updated to ensure the changes work as expected? ]

[cubic-dev-ai]

Your cubic subscription is currently inactive. Please reactivate your subscription to receive AI reviews and use cubic.

[netlify]

✅ Deploy Preview for continuedev canceled.

Name	Link
🔨 Latest commit	6ca0268
🔍 Latest deploy log	https://app.netlify.com/projects/continuedev/deploys/68436f221f6a42000738ded0

[Patrick-Erichsen]

Looks solid! Not nearly as many changes as I expected.

Also thanks for fixing the shrinking error on the icon, that has been bothering me for a bit 😅

Left a handful of nitpick comments. Most important are probably the error string copy and trying to reduce the ternaries on needErrorPropagation

[Patrick-Erichsen]

Here is the error message I got for the invalid rule

Failed to parse block: [
  {
    "code": "too_big",
    "maximum": 1,
    "type": "array",
    "inclusive": true,
    "exact": true,
    "message": "Array must contain exactly 1 element(s)",
    "path": [
      "rules"
    ]
  }
]:
{"uriType":"file","filePath":"file:///Users/patrickerichsen/Git/continue-dev/continue/extensions/.continue-debug/rules/test.yaml"}

I didn't realize this on our first pass but there's still 2 problems with error bubbling here:

• For local blocks, apparently we set the uses clause to an object with the URI
• For errors downstream of our changes here, we're still bubbling non-user friendly errors, eg my error was from here: https://github.com/continuedev/continue/blob/main/packages/config-yaml/src/load/unroll.ts#L64

Both of these are relatively easily solvable I think

• We could make a quick util fn that checks if uses is an object which contains a filePath and then print that instead of the object, else just print the regular uses
• Update the handful of downstream errors in unroll.ts to parse out the Zod errors into something more human readable, eg here is what Claude 4 gave me

function formatZodError(error: any): string {
  if (error.errors && Array.isArray(error.errors)) {
    return error.errors
      .map((e: any) => {
        const path = e.path.length > 0 ? `${e.path.join(".")}: ` : "";
        return `${path}${e.message}`;
      })
      .join(", ");
  }
  return error.message || "Validation failed";
}

export function parseBlock(configYaml: string): Block {
  try {
    const parsed = YAML.parse(configYaml);
    const result = blockSchema.safeParse(parsed);
    if (result.success) {
      return result.data;
    }
    throw new Error(`Block validation failed: ${formatZodError(result.error)}`);
  } catch (e: any) {
    if (e.message.includes("Block validation failed:")) {
      throw e; // Re-throw our formatted error
    }
    throw new Error(`Failed to parse block: ${e.message}`);
  }
}

With these changes my error would look like this

Block validation failed: rules: Array must contain exactly 1 element(s):
file:///Users/patrickerichsen/Git/continue-dev/continue/extensions/.continue-debug/rules/test.yaml

Although I think the most ideal version would read

Block validation failed!

Block: file:///Users/patrickerichsen/Git/continue-dev/continue/extensions/.continue-debug/rules/test.yaml
Error: Array must contain exactly 1 element(s)

[jpoly1219]

This is what the errors currently look like. I think it's a good idea to open a new issue specific to error formatting 👍