@parhelia/alpaca 0.1.12808 → 0.1.12838

package/dist/GraphQL.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GraphQL.d.ts","sourceRoot":"","sources":["../src/GraphQL.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,OAAO,mDAmQtB"}
+{"version":3,"file":"GraphQL.d.ts","sourceRoot":"","sources":["../src/GraphQL.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,OAAO,mDAsRtB"}

package/dist/GraphQL.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from "react";
 import { ActionButton, createAgentCommand, getComponentById, SecretAgentIcon, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, useEditContext, } from "@parhelia/core";
-import { getGraphQLSchema, } from "./graphqlService";
+import { getGraphQLSchema } from "./graphqlService";
 import { GraphiQLPanel } from "./GraphiQLPanel";
 function sameItem(left, right) {
     return (!!left &&
@@ -17,6 +17,7 @@ export function GraphQL() {
     const [query, setQuery] = useState("");
     const [schemaResult, setSchemaResult] = useState({});
     const [showSchemaSpinner, setShowSchemaSpinner] = useState(false);
+    const [schemaLoadKey, setSchemaLoadKey] = useState("");
     const [aiGeneratedQuery, setAiGeneratedQuery] = useState("");
     const [graphiqlVariables, setGraphiqlVariables] = useState("{}");
     const [baseItem, setBaseItem] = useState(null);
@@ -24,7 +25,7 @@ export function GraphQL() {
         if (!editContext?.page || (editContext.selection?.length || 0) !== 1) {
             return null;
         }
-        return getComponentById(editContext.selection[0], editContext.page) || null;
+        return (getComponentById(editContext.selection[0], editContext.page) || null);
     }, [editContext?.page, selectionKey]);
     const baseItemDescriptor = useMemo(() => {
         const componentItem = selectedComponent?.datasourceItem || selectedComponent?.items?.[0];
@@ -95,18 +96,30 @@ export function GraphQL() {
     }, [queryField?.id, queryField?.rawValue]);
     useEffect(() => {
         setSchemaResult({});
+        setSchemaLoadKey("");
         setGraphiqlVariables("{}");
         setAiGeneratedQuery("");
     }, [currentItem?.id, currentItem?.language, currentItem?.version]);
+    const currentItemKey = currentItem
+        ? `${currentItem.id}:${currentItem.language}:${currentItem.version}`
+        : "";
     useEffect(() => {
-        if (currentItem && !schemaResult?.data && !showSchemaSpinner) {
+        if (currentItem &&
+            !schemaResult?.data &&
+            !schemaResult?.error &&
+            !showSchemaSpinner &&
+            schemaLoadKey !== currentItemKey) {
+            setSchemaLoadKey(currentItemKey);
             void fetchSchema();
         }
     }, [
         currentItem?.id,
         currentItem?.language,
         currentItem?.version,
+        currentItemKey,
+        schemaLoadKey,
         schemaResult?.data,
+        schemaResult?.error,
         showSchemaSpinner,
     ]);
     useEffect(() => {
@@ -169,7 +182,7 @@ export function GraphQL() {
         setQuery(newQuery);
         setAiGeneratedQuery(newQuery);
     };
-    return (_jsxs("div", { className: "relative flex h-full min-h-0 flex-col overflow-hidden text-xs", children: [aiGeneratedQuery && aiGeneratedQuery !== query && (_jsxs("div", { className: "shrink-0 flex items-center gap-2 border-b border-yellow-200 bg-yellow-50 p-2 text-xs", children: [_jsx("span", { className: "text-yellow-800", children: "AI generated a new query" }), _jsx(ActionButton, { onClick: () => applyQueryToEditor(aiGeneratedQuery), className: "p-1 text-xs", variant: "outline", children: "Apply" }), _jsx(ActionButton, { onClick: () => setAiGeneratedQuery(""), className: "p-1", variant: "ghost", children: "x" })] })), _jsx(GraphiQLPanel, { item: currentItem, itemLabel: baseItemLabel, query: query, variables: graphiqlVariables, onQueryChange: setQuery, onVariablesChange: setGraphiqlVariables, onExecutionResult: () => { }, headerActions: _jsx(TooltipProvider, { delayDuration: 300, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs(ActionButton, { variant: "outline", className: "h-8 w-8 rounded-full p-0", onClick: () => {
+    return (_jsxs("div", { className: "relative flex h-full min-h-0 flex-col overflow-hidden text-xs", children: [aiGeneratedQuery && aiGeneratedQuery !== query && (_jsxs("div", { className: "shrink-0 flex items-center gap-2 border-b border-feedback-orange bg-feedback-orange-light p-2 text-xs", children: [_jsx("span", { className: "text-feedback-orange", children: "AI generated a new query" }), _jsx(ActionButton, { onClick: () => applyQueryToEditor(aiGeneratedQuery), className: "p-1 text-xs", variant: "outline", children: "Apply" }), _jsx(ActionButton, { onClick: () => setAiGeneratedQuery(""), className: "p-1", variant: "ghost", children: "x" })] })), _jsx(GraphiQLPanel, { item: currentItem, itemLabel: baseItemLabel, query: query, variables: graphiqlVariables, onQueryChange: setQuery, onVariablesChange: setGraphiqlVariables, onExecutionResult: () => { }, headerActions: _jsx(TooltipProvider, { delayDuration: 300, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs(ActionButton, { variant: "outline", className: "h-8 w-8 rounded-full p-0", onClick: () => {
                                         editContext?.executeCommand?.({
                                             command: createAgentCommand,
                                             data: {

package/dist/GraphiQLPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GraphiQLPanel.d.ts","sourceRoot":"","sources":["../src/GraphiQLPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,qCAAqC,CAAC;AAC7C,OAAO,gCAAgC,CAAC;AAOxC,OAAO,EAGL,uBAAuB,EAEvB,gBAAgB,EAEjB,MAAM,kBAAkB,CAAC;AAwD1B,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,EACT,aAAa,GACd,EAAE;IACD,IAAI,EAAE,gBAAgB,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,iBAAiB,EAAE,CAAC,MAAM,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC,2CA4IA"}
+{"version":3,"file":"GraphiQLPanel.d.ts","sourceRoot":"","sources":["../src/GraphiQLPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,qCAAqC,CAAC;AAC7C,OAAO,gCAAgC,CAAC;AAQxC,OAAO,EAGL,uBAAuB,EAEvB,gBAAgB,EAEjB,MAAM,kBAAkB,CAAC;AAiF1B,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,EACT,aAAa,GACd,EAAE;IACD,IAAI,EAAE,gBAAgB,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,iBAAiB,EAAE,CAAC,MAAM,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC,2CAmOA"}

package/dist/GraphiQLPanel.js

@@ -6,6 +6,8 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { GraphiQL as GraphiQLIDE } from "graphiql";
 import { useGraphiQL, useGraphiQLActions } from "@graphiql/react";
 import { explorerPlugin } from "@graphiql/plugin-explorer";
+import { ActionButton } from "@parhelia/core";
+import { RefreshCw } from "lucide-react";
 import { executeGraphiQLRequest, fetchGraphiQLSchema, isSchemaIntrospectionQuery, } from "./graphqlService";
 function GraphiQLSyncBridge({ query, variables, }) {
     const { updateActiveTabValues } = useGraphiQLActions();
@@ -40,31 +42,91 @@ function parseVariables(variables) {
             : "Variables JSON is invalid.");
     }
 }
+function getSchemaErrorMessage(result) {
+    if (result.error) {
+        return result.error;
+    }
+    const firstError = Array.isArray(result.errors)
+        ? result.errors[0]
+        : result.errors;
+    if (firstError) {
+        if (typeof firstError.message === "string") {
+            return firstError.message;
+        }
+        if (typeof firstError === "string") {
+            return firstError;
+        }
+    }
+    if (result.status && result.status !== 200) {
+        return "Schema introspection failed";
+    }
+    return undefined;
+}
 export function GraphiQLPanel({ item, query, variables, onQueryChange, onVariablesChange, onExecutionResult, itemLabel, headerActions, }) {
     const [schemaResult, setSchemaResult] = useState({});
     const [isRefreshingSchema, setIsRefreshingSchema] = useState(false);
+    const [autoSchemaLoadKey, setAutoSchemaLoadKey] = useState("");
+    const activeSchemaRequestRef = useRef(0);
+    const failedSchemaRequestKeyRef = useRef("");
     const explorer = useMemo(() => explorerPlugin(), []);
     const plugins = useMemo(() => [explorer], [explorer]);
     const handleEditHeaders = useCallback(() => { }, []);
     const graphiqlSchema = schemaResult.schema ?? null;
+    const schemaRequestKey = useMemo(() => `${item.id}:${item.language}:${item.version}`, [item.id, item.language, item.version]);
     const refreshSchema = useCallback(async () => {
+        const requestKey = schemaRequestKey;
+        const requestId = activeSchemaRequestRef.current + 1;
+        activeSchemaRequestRef.current = requestId;
         setIsRefreshingSchema(true);
         try {
             const result = await fetchGraphiQLSchema(item);
-            setSchemaResult(result);
+            if (activeSchemaRequestRef.current === requestId) {
+                const error = getSchemaErrorMessage(result);
+                if (error) {
+                    failedSchemaRequestKeyRef.current = requestKey;
+                    setSchemaResult({ ...result, error });
+                }
+                else {
+                    failedSchemaRequestKeyRef.current = "";
+                    setSchemaResult(result);
+                }
+            }
         }
         finally {
-            setIsRefreshingSchema(false);
+            if (activeSchemaRequestRef.current === requestId) {
+                setIsRefreshingSchema(false);
+            }
         }
-    }, [item.id, item.language, item.version]);
+    }, [item.id, item.language, item.version, schemaRequestKey]);
     useEffect(() => {
+        activeSchemaRequestRef.current += 1;
+        failedSchemaRequestKeyRef.current = "";
+        setAutoSchemaLoadKey("");
         setSchemaResult({});
-    }, [item.id, item.language, item.version]);
+        setIsRefreshingSchema(false);
+    }, [schemaRequestKey]);
     useEffect(() => {
-        if (!graphiqlSchema && !isRefreshingSchema) {
+        if (!graphiqlSchema &&
+            !schemaResult.error &&
+            !isRefreshingSchema &&
+            autoSchemaLoadKey !== schemaRequestKey) {
+            setAutoSchemaLoadKey(schemaRequestKey);
             void refreshSchema();
         }
-    }, [graphiqlSchema, isRefreshingSchema, refreshSchema]);
+    }, [
+        autoSchemaLoadKey,
+        graphiqlSchema,
+        isRefreshingSchema,
+        refreshSchema,
+        schemaRequestKey,
+        schemaResult.error,
+    ]);
+    const handleRefreshSchema = useCallback(() => {
+        failedSchemaRequestKeyRef.current = "";
+        setSchemaResult({});
+        setAutoSchemaLoadKey(schemaRequestKey);
+        void refreshSchema();
+    }, [refreshSchema, schemaRequestKey]);
     const fetcher = useCallback(async (graphQLParams) => {
         if (!graphQLParams.query) {
             return {
@@ -82,14 +144,32 @@ export function GraphiQLPanel({ item, query, variables, onQueryChange, onVariabl
                 ],
             };
         }
+        const isIntrospectionQuery = isSchemaIntrospectionQuery(graphQLParams.query);
+        if (isIntrospectionQuery &&
+            failedSchemaRequestKeyRef.current === schemaRequestKey) {
+            const message = schemaResult.error ||
+                "Schema introspection failed. Use Retry to try loading the schema again.";
+            return {
+                data: null,
+                errors: [{ message }],
+            };
+        }
         const result = await executeGraphiQLRequest({
             item,
             query: graphQLParams.query,
             variables: graphQLParams.variables ?? parsedVariables,
             operationName: graphQLParams.operationName,
         });
-        if (isSchemaIntrospectionQuery(graphQLParams.query)) {
-            setSchemaResult(result);
+        if (isIntrospectionQuery) {
+            const error = getSchemaErrorMessage(result);
+            if (error) {
+                failedSchemaRequestKeyRef.current = schemaRequestKey;
+                setSchemaResult({ ...result, error });
+            }
+            else {
+                failedSchemaRequestKeyRef.current = "";
+                setSchemaResult(result);
+            }
         }
         else {
             onExecutionResult(result);
@@ -104,7 +184,15 @@ export function GraphiQLPanel({ item, query, variables, onQueryChange, onVariabl
             data: result.data ?? null,
             errors: result.errors,
         };
-    }, [item.id, item.language, item.version, onExecutionResult, variables]);
+    }, [
+        item.id,
+        item.language,
+        item.version,
+        onExecutionResult,
+        schemaRequestKey,
+        schemaResult.error,
+        variables,
+    ]);
     const lastTransportMessage = useMemo(() => {
         if (schemaResult.transport?.used === "v1-fallback") {
             return `Schema fetch fell back to v1 after v2 status ${schemaResult.transport.fallbackFromStatus}.`;
@@ -115,5 +203,5 @@ export function GraphiQLPanel({ item, query, variables, onQueryChange, onVariabl
         .alpaca-graphiql-shell .graphiql-logo {
           display: none;
         }
-      ` }), _jsxs("div", { className: "flex items-center justify-between gap-3 border-b border-gray-200 bg-gray-50 px-3 py-2 text-xs text-gray-600", children: [_jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [_jsxs("span", { children: ["Base item: ", _jsx("span", { className: "font-mono", children: itemLabel || item.id })] }), _jsxs("span", { children: [item.language, " v", item.version] })] }), headerActions && (_jsx("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: headerActions }))] }), !!lastTransportMessage && (_jsx("div", { className: "border-b border-amber-300 bg-amber-50 px-3 py-2 text-xs text-amber-800", children: lastTransportMessage })), schemaResult.error && (_jsx("div", { className: "border-b border-red-300 bg-red-50 px-3 py-2 text-xs text-red-800", children: schemaResult.error })), _jsx("div", { className: "alpaca-graphiql-shell min-h-0 flex-1 bg-white [&_.graphiql-container]:h-full", children: _jsx(GraphiQLIDE, { className: "h-full", fetcher: fetcher, schema: graphiqlSchema, forcedTheme: "light", initialQuery: query, initialVariables: variables, initialHeaders: "", onEditQuery: onQueryChange, onEditVariables: onVariablesChange, onEditHeaders: handleEditHeaders, isHeadersEditorEnabled: false, defaultEditorToolsVisibility: "variables", plugins: plugins, children: _jsx(GraphiQLSyncBridge, { query: query, variables: variables }) }) })] }));
+      ` }), _jsxs("div", { className: "flex items-center justify-between gap-3 border-b border-border-default bg-neutral-grey-5 px-3 py-2 text-xs text-neutral-grey-50", children: [_jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [_jsxs("span", { children: ["Base item: ", _jsx("span", { className: "font-mono", children: itemLabel || item.id })] }), _jsxs("span", { children: [item.language, " v", item.version] })] }), headerActions && (_jsx("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: headerActions }))] }), !!lastTransportMessage && (_jsx("div", { className: "border-b border-feedback-orange bg-feedback-orange-light px-3 py-2 text-xs text-feedback-orange", children: lastTransportMessage })), schemaResult.error && (_jsxs("div", { className: "flex items-center justify-between gap-3 border-b border-feedback-red bg-feedback-red-light px-3 py-2 text-xs text-feedback-red", children: [_jsx("span", { children: schemaResult.error }), _jsxs(ActionButton, { className: "shrink-0", disabled: isRefreshingSchema, isLoading: isRefreshingSchema, loadingText: "Retrying", onClick: handleRefreshSchema, variant: "outline", children: [_jsx(RefreshCw, { className: "h-3.5 w-3.5" }), _jsx("span", { children: "Retry" })] })] })), _jsx("div", { className: "alpaca-graphiql-shell min-h-0 flex-1 bg-white [&_.graphiql-container]:h-full", children: _jsx(GraphiQLIDE, { className: "h-full", fetcher: fetcher, schema: graphiqlSchema, forcedTheme: "light", initialQuery: query, initialVariables: variables, initialHeaders: "", onEditQuery: onQueryChange, onEditVariables: onVariablesChange, onEditHeaders: handleEditHeaders, isHeadersEditorEnabled: false, defaultEditorToolsVisibility: "variables", plugins: plugins, children: _jsx(GraphiQLSyncBridge, { query: query, variables: variables }) }) })] }));
 }

package/dist/Layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../src/Layout.tsx"],"names":[],"mappings":"AAYA,wBAAgB,MAAM,mDA0GrB"}
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../src/Layout.tsx"],"names":[],"mappings":"AAYA,wBAAgB,MAAM,mDA6GrB"}

package/dist/Layout.js

@@ -62,5 +62,5 @@ export function Layout() {
         id: "page",
         content: (_jsx("div", { className: "relative h-full min-h-0", children: _jsx("div", { className: "absolute inset-0 overflow-auto p-2", children: _jsx(ObjectInspector, { data: page, nodeRenderer: defaultNodeRenderer }) }) })),
     });
-    return (_jsxs("div", { className: "relative flex h-full min-h-0 flex-col", children: [_jsx(SimpleTabs, { tabs: tabs, activeTab: activeTab, setActiveTab: setActiveTab, className: "border-gray-3 flex border-b px-2 pt-2 text-xs" }), _jsx("div", { className: "absolute top-2 right-1 h-4 w-4", children: _jsx(CopyButton, { textToCopy: JSON.stringify(activeTab === 0 && component ? component : page, replacer, 2), iconOnly: true }) })] }));
+    return (_jsxs("div", { className: "relative flex h-full min-h-0 flex-col", children: [_jsx(SimpleTabs, { tabs: tabs, activeTab: activeTab, setActiveTab: setActiveTab, className: "border-border-default flex border-b px-2 pt-2" }), _jsx("div", { className: "absolute top-2 right-1 h-4 w-4", children: _jsx(CopyButton, { textToCopy: JSON.stringify(activeTab === 0 && component ? component : page, replacer, 2), iconOnly: true }) })] }));
 }

package/dist/graphqlService.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"graphqlService.d.ts","sourceRoot":"","sources":["../src/graphqlService.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"graphqlService.d.ts","sourceRoot":"","sources":["../src/graphqlService.ts"],"names":[],"mappings":"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"}

package/dist/graphqlService.js

@@ -140,7 +140,7 @@ function getStatus(result) {
     return result.response?.status ?? 500;
 }
 function getErrorMessage(result) {
-    return result.details || result.summary || result.rawDetails || "Request failed";
+    return (result.details || result.summary || result.rawDetails || "Request failed");
 }
 function joinWarnings(...warnings) {
     return warnings.filter(Boolean).join(" ");

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,mBAAmB,EAIpB,MAAM,gBAAgB,CAAC;AAuCxB,wBAAgB,eAAe,CAAC,aAAa,EAAE,mBAAmB,uBAgCjE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EAIpB,MAAM,gBAAgB,CAAC;AAwDxB,wBAAgB,eAAe,CAAC,aAAa,EAAE,mBAAmB,uBA6BjE"}

package/dist/index.js

@@ -1,9 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { lazy, Suspense } from "react";
 import { PanelsTopLeft } from "lucide-react";
 import { GraphQLIcon, JsonIcon, } from "@parhelia/core";
 import { Layout } from "./Layout";
-import { GraphQL } from "./GraphQL";
 import { alpacaComponentCommandProvider } from "./componentCommands";
+const GraphQL = lazy(() => import("./GraphQL").then((module) => ({ default: module.GraphQL })));
+function LazyGraphQLPanel() {
+    return (_jsx(Suspense, { fallback: _jsx("div", { className: "p-4 text-sm text-muted-foreground", children: "Loading GraphQL editor..." }), children: _jsx(GraphQL, {}) }));
+}
 const layoutDebugSidebar = {
     id: "layout",
     title: "Layout",
@@ -31,7 +35,7 @@ const graphqlSidebar = {
             name: "graphql",
             icon: _jsx(GraphQLIcon, {}),
             title: "GraphQL",
-            content: _jsx(GraphQL, {}),
+            content: _jsx(LazyGraphQLPanel, {}),
             initialSize: 100,
         },
     ],
@@ -52,10 +56,7 @@ export function configureAlpaca(configuration) {
     const componentCommandProviders = configuration.componentCommands?.providers ?? [];
     if (!componentCommandProviders.includes(alpacaComponentCommandProvider)) {
         configuration.componentCommands = {
-            providers: [
-                ...componentCommandProviders,
-                alpacaComponentCommandProvider,
-            ],
+            providers: [...componentCommandProviders, alpacaComponentCommandProvider],
         };
     }
     return configuration;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parhelia/alpaca",
-  "version": "0.1.12808",
+  "version": "0.1.12838",
   "type": "module",
   "publishConfig": {
     "access": "public"