Merge branch 'main' into renovate/eslint-monorepo

.changeset/long-cobras-peel.md

@@ -0,0 +1,5 @@
+---
+'@pathfinder-ide/react': patch
+---
+
+Fix compatibility issue with `graphql-sse`

.changeset/ten-carrots-guess.md

@@ -0,0 +1,5 @@
+---
+'@pathfinder-ide/react': patch
+---
+
+Rollback SchemaDocumentation UI changes

package.json

@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.26.2",
-    "@types/node": "22.8.1",
+    "@types/node": "22.8.7",
     "husky": "^8.0.3",
     "lint-staged": "^15.1.0",
     "prettier": "3.3.3",

packages/react/src/compass/compass.tsx

@@ -15,7 +15,7 @@ export const Compass = () => {
   // local state to control whether we should show the query or mutation tab
   const [selectedTabIndex, setSelectedTabIndex] = useState<number>(0);
 
-  const activeDetailsPane = useSchemaDocumentationStore.use.activeDetailsPane();
+  const activeTertiaryPane = useSchemaDocumentationStore.use.activeTertiaryPane();
 
   const schema = useSchemaStore.use.schema();
 
@@ -107,7 +107,7 @@ export const Compass = () => {
 
   return (
     <div className={compassClass}>
-      {activeDetailsPane ? (
+      {activeTertiaryPane ? (
         <QuickDocs />
       ) : (
         <Tabs

packages/react/src/compass/components/details-actions/details-actions.tsx

@@ -26,7 +26,7 @@ export const DetailsActions = ({
   showActions = false,
   type,
 }: DetailsActionsProps) => {
-  const { setActiveDetailsPane } = useSchemaDocumentationStore.getState();
+  const { setActiveTertiaryPane } = useSchemaDocumentationStore.getState();
 
   return (
     <div
@@ -37,7 +37,7 @@ export const DetailsActions = ({
       <div className={detailsActionsControlsClass}>
         <IconButton
           action={() => {
-            setActiveDetailsPane({ destinationPane: type });
+            setActiveTertiaryPane({ destinationPane: type });
           }}
           iconName="Docs"
           title="View Quick Docs"

packages/react/src/compass/components/quick-docs/quick-docs.tsx

@@ -1,17 +1,17 @@
-import { DetailsPane, useSchemaDocumentationStore } from '../../../schema-documentation';
+import { TertiaryPane, useSchemaDocumentationStore } from '../../../schema-documentation';
 
 import { quickDocsClass } from './quick-docs.css';
 
 export const QuickDocs = () => {
-  const activeDetailsPane = useSchemaDocumentationStore.use.activeDetailsPane();
+  const activeTertiaryPane = useSchemaDocumentationStore.use.activeTertiaryPane();
 
   return (
     <div
       className={quickDocsClass({
-        dialogActive: !!activeDetailsPane,
+        dialogActive: !!activeTertiaryPane,
       })}
     >
-      {activeDetailsPane && <DetailsPane pane={activeDetailsPane['pane']} />}
+      {activeTertiaryPane && <TertiaryPane pane={activeTertiaryPane['pane']} />}
     </div>
   );
 };

packages/react/src/reference/reference.tsx

@@ -49,8 +49,8 @@ const NavButton = ({
 }) => {
   const title = `View ${panesMap[paneName]}`;
 
-  const clearDetailsPaneStack =
-    useSchemaDocumentationStore.getState().clearDetailsPaneStack;
+  const clearTertiaryPaneStack =
+    useSchemaDocumentationStore.getState().clearTertiaryPaneStack;
 
   return (
     <button
@@ -60,7 +60,7 @@ const NavButton = ({
         isActive: visiblePane === paneName,
       })}
       onClick={() => {
-        clearDetailsPaneStack();
+        clearTertiaryPaneStack();
         return setVisiblePane(paneName);
       }}
     >

packages/react/src/schema-documentation/components/arguments-list/arguments-list.tsx

@@ -14,16 +14,16 @@ import { returnTypeButtonClass, scalarArgumentNameClass } from '../../shared.sty
 
 export const ArgumentsList = ({
   args,
-  resetDetailsPaneOnClick,
+  resetTertiaryPaneOnClick,
   showBorder = false,
   showDescription = false,
 }: {
   args: readonly GraphQLArgument[];
-  resetDetailsPaneOnClick: boolean;
+  resetTertiaryPaneOnClick: boolean;
   showBorder?: boolean;
   showDescription?: boolean;
 }) => {
-  const { setActiveDetailsPane } = useSchemaDocumentationStore.getState();
+  const { setActiveTertiaryPane } = useSchemaDocumentationStore.getState();
 
   if (args.length < 1) {
     return null;
@@ -48,9 +48,9 @@ export const ArgumentsList = ({
               <button
                 className={returnTypeButtonClass}
                 onClick={() =>
-                  setActiveDetailsPane({
+                  setActiveTertiaryPane({
                     destinationPane: unwrapType(a.type),
-                    reset: resetDetailsPaneOnClick,
+                    reset: resetTertiaryPaneOnClick,
                   })
                 }
               >