fix(ui): handle escaped single-quoted strings in schema changes

Author: adambenhassen

.changeset/beige-chicken-wonder.md

@@ -0,0 +1,5 @@
+---
+'hive': patch
+---
+
+handle escaped single-quoted strings in schema changes

packages/services/api/src/modules/schema/providers/inspector.ts

@@ -34,7 +34,7 @@ export class Inspector {
   async diff(existing: GraphQLSchema, incoming: GraphQLSchema) {
     this.logger.debug('Comparing Schemas');
 
-    const changes = await diff(existing, incoming);
+    const changes = await diff(existing, incoming, undefined, { escapeSingleQuotes: true });
 
     return changes
       .filter(dropTrimmedDescriptionChangedChange)

packages/web/app/src/components/target/history/errors-and-changes.tsx

@@ -31,11 +31,10 @@ import { CheckCircledIcon, InfoCircledIcon } from '@radix-ui/react-icons';
 import { Link } from '@tanstack/react-router';
 
 export function labelize(message: string) {
-  // Turn " into '
-  // Replace '...' with <Label>...</Label>
-  return reactStringReplace(message.replace(/"/g, "'"), /'([^']+)'/gim, (match, i) => {
-    return <Label key={i}>{match}</Label>;
-  });
+  // Replace '...' and "..." with <Label>...</Label>
+  return reactStringReplace(message.replace(/"/g, "'"), /'((?:[^'\\]|\\.)+?)'/g, (match, i) => (
+    <Label key={i}>{match.replace(/\\'/g, "'")}</Label>
+  ));
 }
 
 const severityLevelMapping = {