@plitzi/plitzi-builder 0.37.9 → 0.37.10

package/dist/modules/Components/Components.d.ts

@@ -1,6 +1,11 @@
+export type ComponentsProps = {
+    /** What the catalog is searched for: the elements above and these alike. */
+    filter: string;
+};
 /**
- * The space's components: what each is called and how many places render it. A component is placed by dragging it
- * onto a page, and edited by opening it in the canvas, where its tree is edited like a page's.
+ * The space's components, at the foot of the element catalog: placed the way an element is, by dragging it onto a
+ * page — with what each is called and how many places render it. Edited by opening it in the canvas, where its tree is
+ * edited like a page's.
  */
-declare const Components: () => import('react').JSX.Element;
+declare const Components: ({ filter }: ComponentsProps) => import('react').JSX.Element;
 export default Components;

package/dist/modules/Connectors/ConnectorsContext.d.ts

@@ -3,8 +3,6 @@ export type ConnectorsContextValue = {
     connectors: Record<string, SpaceConnector>;
     isLoading: boolean;
     error: string;
-    /** True when the space has at least one deployment that can run server code, which is what resolves connectors. */
-    hasServerRendering: boolean;
     addConnector: (name: string, manifest: ConnectorManifestDraft) => Promise<SpaceConnector | undefined>;
     updateConnector: (identifier: string, name: string, manifest: ConnectorManifestDraft) => Promise<SpaceConnector | undefined>;
     removeConnector: (identifier: string) => Promise<boolean>;

package/dist/modules/Connectors/helpers/manifestDoc.d.ts

@@ -38,4 +38,3 @@ export declare const fieldDocs: {
     readonly mediaBaseUrl: "Host to prepend to relative image and file URLs the CMS returns. Only values under keys ending in url, src or href are rewritten.";
     readonly writeBodyPath: "Key to wrap the submitted values in, e.g. data. Leave empty to send them at the root.";
 };
-export declare const CONNECTOR_SERVER_ONLY_NOTE = "Connectors resolve on the server before the page reaches the browser. A space published without server rendering has no server to resolve them.";

package/dist/modules/Credentials/Credentials.d.ts

@@ -1,9 +1,2 @@
-/**
- * Manages the space's secrets in one place.
- *
- * Credentials were only reachable from the modals that consume them — a deployment form, a CDN row — so a secret
- * could not be prepared before the thing that needs it existed. A connector needs exactly that ordering: the CMS
- * token has to exist before there is a manifest to reference it from.
- */
 declare const Credentials: () => import('react').JSX.Element;
 export default Credentials;

package/dist/modules/Elements/hooks/useDragElement.d.ts

@@ -1,10 +1,10 @@
-import { Template } from '@plitzi/sdk-shared';
+import { Snippet } from '@plitzi/sdk-shared';
 import { DragEvent } from 'react';
 export type UseDragElementProps = {
     attributes?: Record<string, unknown>;
     type: string;
     variables?: object[];
-    manifest?: Template;
+    manifest?: Snippet;
     /** What the dropped element is called in the builder's tree, instead of its type's default label. */
     label?: string;
 };

package/dist/modules/Flags/Flags.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The space's feature flags: declared and ruled here, previewed in the canvas, and published on their own.
+ *
+ * Forcing one here is the canvas's `qa` layer — what the author looks at, never saved. Flags are not part of a
+ * snapshot: each environment has one set, shared by every revision it serves, and publishing them switches what the
+ * environment serves now without shipping whatever else the draft holds.
+ */
+declare const Flags: () => import('react').JSX.Element;
+export default Flags;

package/dist/modules/Flags/components/FlagForm/FlagForm.d.ts

@@ -0,0 +1,15 @@
+import { Field } from '@plitzi/plitzi-ui/QueryBuilder';
+import { SchemaFlag } from '@plitzi/sdk-shared';
+import { MouseEvent } from 'react';
+export type FlagFormProps = {
+    name?: string;
+    flag?: SchemaFlag;
+    isNewRecord?: boolean;
+    /** The names already declared, so a new flag cannot take one. */
+    takenNames?: string[];
+    fields: Record<string, Field>;
+    onSubmit: (name: string, flag: SchemaFlag) => void;
+    onClose: (e?: MouseEvent) => void;
+};
+declare const FlagForm: ({ name, flag, isNewRecord, takenNames, fields, onSubmit, onClose }: FlagFormProps) => import('react').JSX.Element;
+export default FlagForm;

package/dist/modules/Flags/components/FlagForm/FlagRule.d.ts

@@ -0,0 +1,11 @@
+import { Field } from '@plitzi/plitzi-ui/QueryBuilder';
+export type FlagRuleProps = {
+    index: number;
+    last: boolean;
+    fields: Record<string, Field>;
+    onRemove: (index: number) => void;
+    onMove: (from: number, to: number) => void;
+};
+/** One rule of a flag: the value it gives, and when. Rules are read top to bottom and the first that matches wins. */
+declare const FlagRule: ({ index, last, fields, onRemove, onMove }: FlagRuleProps) => import('react').JSX.Element;
+export default FlagRule;

package/dist/modules/Flags/components/FlagForm/index.d.ts

@@ -0,0 +1,3 @@
+import { default as FlagForm } from './FlagForm';
+export * from './FlagForm';
+export default FlagForm;

package/dist/modules/Flags/components/FlagForm/ruleGroup.d.ts

@@ -0,0 +1,5 @@
+import { RuleGroup } from '@plitzi/plitzi-ui/QueryBuilder';
+/** What a new rule starts as: no conditions yet. */
+export declare const EMPTY_WHEN: RuleGroup;
+/** A rule's `when` as the query builder edits it: `and` or `or` over a list of conditions and groups. */
+export declare const isRuleGroup: (value: unknown) => value is RuleGroup;

package/dist/modules/Flags/components/FlagForm/ruleGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/modules/Flags/components/FlagItem/FlagItem.d.ts

@@ -0,0 +1,14 @@
+import { Field } from '@plitzi/plitzi-ui/QueryBuilder';
+import { FlagResolution, SchemaFlag } from '@plitzi/sdk-shared';
+export type FlagItemProps = {
+    name: string;
+    flag: SchemaFlag;
+    resolution?: FlagResolution;
+    forced?: boolean;
+    fields: Record<string, Field>;
+    onUpdate: (name: string, flag: SchemaFlag) => void;
+    onRemove: (name: string) => void;
+    onForce: (name: string, value: boolean | undefined) => void;
+};
+declare const FlagItem: ({ name, flag, resolution, forced, fields, onUpdate, onRemove, onForce }: FlagItemProps) => import('react').JSX.Element;
+export default FlagItem;

package/dist/modules/Flags/components/FlagItem/FlagPreviewOption.d.ts

@@ -0,0 +1,13 @@
+export type FlagPreviewOptionValue = {
+    label: string;
+    value: boolean | undefined;
+    title: string;
+};
+export type FlagPreviewOptionProps = {
+    name: string;
+    option: FlagPreviewOptionValue;
+    active: boolean;
+    onForce: (name: string, value: boolean | undefined) => void;
+};
+declare const FlagPreviewOption: ({ name, option, active, onForce }: FlagPreviewOptionProps) => import('react').JSX.Element;
+export default FlagPreviewOption;

package/dist/modules/Flags/components/FlagItem/FlagPreviewToggle.d.ts

@@ -0,0 +1,9 @@
+export type FlagPreviewToggleProps = {
+    name: string;
+    /** What the canvas is forced to, if anything. */
+    forced?: boolean;
+    onForce: (name: string, value: boolean | undefined) => void;
+};
+/** Forces a flag in the canvas only — what an author looks at, never what is saved or published. */
+declare const FlagPreviewToggle: ({ name, forced, onForce }: FlagPreviewToggleProps) => import('react').JSX.Element;
+export default FlagPreviewToggle;

package/dist/modules/Flags/components/FlagItem/index.d.ts

@@ -0,0 +1,3 @@
+import { default as FlagItem } from './FlagItem';
+export * from './FlagItem';
+export default FlagItem;

package/dist/modules/Flags/components/PublishFlagsForm/PublishFlagsForm.d.ts

@@ -0,0 +1,21 @@
+import { z } from 'zod';
+import { MouseEvent } from 'react';
+declare const publishFlagsSchema: z.ZodObject<{
+    environment: z.ZodEnum<{
+        production: "production";
+        staging: "staging";
+        development: "development";
+    }>;
+    description: z.ZodString;
+}, z.core.$strip>;
+export type PublishFlagsValues = z.infer<typeof publishFlagsSchema>;
+export type PublishFlagsFormProps = {
+    onClose?: (e?: MouseEvent) => void;
+    onSubmit?: (e: MouseEvent | undefined, values: PublishFlagsValues) => void;
+};
+/**
+ * Where the draft's flags go, and why. Not the snapshot form: flags are no part of a snapshot, and saying so is the
+ * point — an author turning a flag in production must know the half-finished page they are also editing stays.
+ */
+declare const PublishFlagsForm: ({ onClose, onSubmit }: PublishFlagsFormProps) => import('react').JSX.Element;
+export default PublishFlagsForm;

package/dist/modules/Flags/components/PublishFlagsForm/index.d.ts

@@ -0,0 +1,3 @@
+import { default as PublishFlagsForm } from './PublishFlagsForm';
+export * from './PublishFlagsForm';
+export default PublishFlagsForm;

package/dist/modules/Flags/helpers/flagRuleFields.d.ts

@@ -0,0 +1,11 @@
+import { Field } from '@plitzi/plitzi-ui/QueryBuilder';
+import { QueryParams, RouteParams } from '@plitzi/sdk-shared';
+/**
+ * What a flag's rule may be written over: everything a variable's `when` sees — the environment, the host, the URL the
+ * builder is previewing — and the visitor, whose roles are offered from the ones this space declares.
+ */
+export declare const flagRuleFields: ({ routeParams, queryParams, visitorRoles }: {
+    routeParams: RouteParams;
+    queryParams: QueryParams;
+    visitorRoles: string[];
+}) => Record<string, Field>;

package/dist/modules/Flags/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Flags } from './Flags';
+export * from './Flags';
+export default Flags;

package/dist/modules/History/History.d.ts

@@ -1,7 +1,11 @@
+export type HistoryProps = {
+    /** Closes the dialog the history is read in, once a line has taken the author to its element. */
+    onDismiss: () => void;
+};
 /**
  * The space's change history: every save of its schema and style, by whoever made it — a person, an agent, the
  * autofix — newest first, with the published revisions marked where they fall. Read-only: it answers "what changed,
  * who did it and what exactly", and never writes anything back.
  */
-declare const History: () => import('react').JSX.Element;
+declare const History: ({ onDismiss }: HistoryProps) => import('react').JSX.Element;
 export default History;

package/dist/modules/History/components/ChangeGroup/ChangeGroup.d.ts

@@ -1,10 +1,11 @@
 import { ChangeGroup as Group } from '../../helpers';
 export type ChangeGroupProps = {
     group: Group;
+    onDismiss: () => void;
 };
 /**
  * A row of the timeline: who, from where and when, and what it did — one line per thing. Unfolded, every save it groups
  * on its own, with the fields each one changed.
  */
-declare const ChangeGroup: ({ group }: ChangeGroupProps) => import('react').JSX.Element;
+declare const ChangeGroup: ({ group, onDismiss }: ChangeGroupProps) => import('react').JSX.Element;
 export default ChangeGroup;

package/dist/modules/History/components/ChangeLine/ChangeLine.d.ts

@@ -1,10 +1,12 @@
 import { ChangeLine as Line } from '@plitzi/sdk-shared/history';
 export type ChangeLineProps = {
     line: Line;
+    /** Makes way for the element once it is on screen: the history is read in a dialog over it. */
+    onDismiss: () => void;
 };
 /**
  * One thing a save did. When it is about an element that is still in the space, the line is the way to it — the same
  * way the problems list takes someone to an element.
  */
-declare const ChangeLine: ({ line }: ChangeLineProps) => import('react').JSX.Element;
+declare const ChangeLine: ({ line, onDismiss }: ChangeLineProps) => import('react').JSX.Element;
 export default ChangeLine;

package/dist/modules/History/components/SaveDetail/SaveDetail.d.ts

@@ -1,7 +1,8 @@
 import { ChangeRecord } from '../../helpers';
 export type SaveDetailProps = {
     change: ChangeRecord;
+    onDismiss: () => void;
 };
 /** One save of a row: its number and time in a narrow column, what it did beside it, and the fields each edit changed. */
-declare const SaveDetail: ({ change }: SaveDetailProps) => import('react').JSX.Element;
+declare const SaveDetail: ({ change, onDismiss }: SaveDetailProps) => import('react').JSX.Element;
 export default SaveDetail;

package/dist/modules/Keyboard/index.d.ts

@@ -0,0 +1,4 @@
+import { default as KeyboardKey } from './KeyboardKey';
+export * from './KeyboardKey';
+export * from './platform';
+export default KeyboardKey;

package/dist/modules/Keyboard/platform.d.ts

@@ -0,0 +1,7 @@
+export declare const isMac: boolean;
+/** The modifier a shortcut is written with on this machine: the command key on a Mac, Control everywhere else. */
+export declare const modifierKey: string;
+/** A shortcut as this machine writes it: `⌘C` on a Mac, `Ctrl+C` everywhere else. */
+export declare const withModifier: (key: string) => string;
+/** The key that removes what is selected, as its keycap reads. */
+export declare const deleteKey: string;

package/dist/modules/Network/hooks/useBuilderNetwork.d.ts

@@ -0,0 +1,12 @@
+import { BuilderMutationsMap, BuilderQueriesMap } from '@plitzi/sdk-shared';
+import { BuilderNetworkContextValue } from '@plitzi/sdk-shared/network/NetworkContext';
+import { SpaceEventMap } from '@plitzi/sdk-shared/network/spaceEvents';
+export type BuilderNetwork = BuilderNetworkContextValue<BuilderQueriesMap, BuilderMutationsMap, SpaceEventMap>;
+/**
+ * The builder's network: its queries, mutations and the space's events, typed by what the builder asks for.
+ *
+ * The context is shared with the SDK, which fills it with less, so it is typed for both. Inside the builder its value
+ * is always the one `NetworkContextProvider` writes — that is what makes this the one place it is read as that.
+ */
+declare const useBuilderNetwork: () => BuilderNetwork;
+export default useBuilderNetwork;

package/dist/modules/Resources/components/Resource/subTypes/ResourceSnippet/ResourceSnippet.d.ts

@@ -0,0 +1,13 @@
+import { MouseEvent } from 'react';
+export type ResourceSnippetProps = {
+    className?: string;
+    id: string;
+    src: string;
+    title?: string;
+    removing?: boolean;
+    isLoading?: boolean;
+    onClick?: () => void;
+    onRemove?: (e: MouseEvent) => void;
+};
+declare const ResourceSnippet: ({ className, title, src, removing, isLoading, onClick, onRemove }: ResourceSnippetProps) => import('react').JSX.Element | undefined;
+export default ResourceSnippet;

package/dist/modules/Resources/components/Resource/subTypes/ResourceSnippet/SnippetContent.d.ts

@@ -0,0 +1,8 @@
+import { Snippet } from '@plitzi/sdk-shared';
+export type SnippetContentProps = {
+    baseElementId: string;
+    schema: Snippet['schema'];
+    style: Snippet['style'];
+};
+declare const SnippetContent: ({ baseElementId, schema, style }: SnippetContentProps) => import('react').JSX.Element;
+export default SnippetContent;

package/dist/modules/Resources/components/Resource/subTypes/ResourceSnippet/UnreadableSnippet.d.ts

@@ -0,0 +1,12 @@
+import { MouseEvent } from 'react';
+export type UnreadableSnippetProps = {
+    className?: string;
+    title?: string;
+    onRemove?: (e: MouseEvent) => void;
+};
+/**
+ * A file among the snippets that is not one — unreachable, or a JSON of some other shape. Shown rather than left out,
+ * so whoever put it there sees it and can take it away.
+ */
+declare const UnreadableSnippet: ({ className, title, onRemove }: UnreadableSnippetProps) => import('react').JSX.Element;
+export default UnreadableSnippet;

package/dist/modules/Resources/components/Resource/subTypes/ResourceSnippet/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ResourceSnippet } from './ResourceSnippet';
+export * from './ResourceSnippet';
+export default ResourceSnippet;

package/dist/modules/Resources/components/ResourceManager/helpers/isSnippetFile.d.ts

@@ -0,0 +1,3 @@
+/** Whether a JSON being uploaded is a snippet — which decides it goes among the snippets rather than the files. */
+declare const isSnippetFile: (file: File) => Promise<boolean>;
+export default isSnippetFile;

package/dist/modules/Resources/components/ResourceManager/helpers/isSnippetFile.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/modules/Resources/components/ResourcesCdnBucket/ResourcesCdnBucket.d.ts

@@ -10,7 +10,7 @@ export type ResourcesCdnBucketProps = {
     onChange?: () => void;
 };
 /**
- * One bucket of a CDN and the space's files in it. A public one takes uploads — plugins, images, templates — and serves
+ * One bucket of a CDN and the space's files in it. A public one takes uploads — plugins, images, snippets — and serves
  * them at its domain; a private one keeps the space's server code, written when it is saved or pushed, and serves
  * nothing.
  */

package/dist/modules/Runtime/components/RuntimeCodeNote/RuntimeCodeNote.d.ts

@@ -4,9 +4,6 @@ export type RuntimeCodeNoteProps = {
     /** How long a runtime may go unused before it is stopped; 0 when the platform never stops one. */
     idleMinutes: number;
 };
-/**
- * Where a runtime's code comes from, said where the question comes up: nothing in the builder changes it. It is a
- * project of the space owner's own — Node, its packages — packed and pushed from there, and published with the space.
- */
+/** How a runtime gets here: it is written in a project of the author's and pushed, never edited in the builder. */
 declare const RuntimeCodeNote: ({ pushed, idleMinutes }: RuntimeCodeNoteProps) => import('react').JSX.Element;
 export default RuntimeCodeNote;

package/dist/modules/Space/components/SpaceIssues/SpaceIssues.d.ts

@@ -10,7 +10,8 @@ export type SpaceIssuesProps = {
 };
 /**
  * Everything the linter found in the saved space: errors first, since they are what stops a publish, then what renders
- * but most likely not as meant. Each one names its element and takes you to it.
+ * but most likely not as meant, then the shorter ways to the same page. Each one names its elements and takes you to
+ * them.
  */
 declare const SpaceIssues: ({ issues, intro, onDismiss, onFix }: SpaceIssuesProps) => import('react').JSX.Element;
 export default SpaceIssues;

package/dist/modules/Space/components/SpaceIssues/components/ElementChip/ElementChip.d.ts

@@ -0,0 +1,12 @@
+export type ElementChipProps = {
+    elementId: string;
+    /** Called once the element is on screen, so whatever holds the list can get out of the way. */
+    onDismiss: () => void;
+};
+/**
+ * An element named in the list, and the way to it: a link that opens its page or layout, unfolds the tree down to it
+ * and selects it. One deleted since the space was saved is named but not linked — there is nothing left to take anyone
+ * to, and what named it goes away with the next save.
+ */
+declare const ElementChip: ({ elementId, onDismiss }: ElementChipProps) => import('react').JSX.Element;
+export default ElementChip;

package/dist/modules/Space/components/SpaceIssues/components/ElementChip/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ElementChip } from './ElementChip';
+export * from './ElementChip';
+export default ElementChip;

package/dist/modules/Space/components/SpaceIssues/components/IssueFix/IssueFix.d.ts

@@ -0,0 +1,12 @@
+export type IssueFixProps = {
+    /** What to write instead, as the code table has it: Markdown whose `code` is in backticks. */
+    fix: string;
+    /** What leads it — a problem's fix, or a suggestion's short way. */
+    label?: string;
+};
+/**
+ * What to write instead, under the problem it settles — the row the issue's code is filed under, so the panel says the
+ * fix the authoring page and an agent over MCP are told, not one of its own.
+ */
+declare const IssueFix: ({ fix, label }: IssueFixProps) => import('react').JSX.Element;
+export default IssueFix;

package/dist/modules/Space/components/SpaceIssues/components/IssueFix/index.d.ts

@@ -0,0 +1,3 @@
+import { default as IssueFix } from './IssueFix';
+export * from './IssueFix';
+export default IssueFix;

package/dist/modules/Space/components/SpaceIssues/components/IssueItem/IssueItem.d.ts

@@ -6,10 +6,6 @@ export type IssueItemProps = {
     /** Called once the element is on screen, so whatever holds the list can get out of the way. */
     onDismiss: () => void;
 };
-/**
- * One issue, and the way to it: the element it names is a link that opens its page or layout, unfolds the tree down
- * to it and selects it. An element deleted since the space was saved is named but not linked — there is nothing left
- * to take anyone to, and the issue goes away with the next save.
- */
+/** One issue, what to write instead, and the element it names — a link to it. */
 declare const IssueItem: ({ issue, severity, onDismiss }: IssueItemProps) => import('react').JSX.Element;
 export default IssueItem;

package/dist/modules/Space/components/SpaceIssues/components/SuggestionGroup/SuggestionGroup.d.ts

@@ -0,0 +1,8 @@
+import { TSpaceSuggestion } from '@plitzi/sdk-shared';
+export type SuggestionGroupProps = {
+    suggestions: TSpaceSuggestion[];
+    onDismiss: () => void;
+};
+/** The shorter ways to the same page, the ones that save the most elements first. Nothing in it blocks a publish. */
+declare const SuggestionGroup: ({ suggestions, onDismiss }: SuggestionGroupProps) => import('react').JSX.Element | null;
+export default SuggestionGroup;

package/dist/modules/Space/components/SpaceIssues/components/SuggestionGroup/index.d.ts

@@ -0,0 +1,3 @@
+import { default as SuggestionGroup } from './SuggestionGroup';
+export * from './SuggestionGroup';
+export default SuggestionGroup;

package/dist/modules/Space/components/SpaceIssues/components/SuggestionItem/SuggestionItem.d.ts

@@ -0,0 +1,12 @@
+import { TSpaceSuggestion } from '@plitzi/sdk-shared';
+export type SuggestionItemProps = {
+    suggestion: TSpaceSuggestion;
+    /** Called once an element is on screen, so whatever holds the list can get out of the way. */
+    onDismiss: () => void;
+};
+/**
+ * A shorter way to the same page: what it is, the short way, what taking it saves, and the elements it is about —
+ * the copies of a header, the buttons holding a text — each a link to it.
+ */
+declare const SuggestionItem: ({ suggestion, onDismiss }: SuggestionItemProps) => import('react').JSX.Element;
+export default SuggestionItem;

package/dist/modules/Space/components/SpaceIssues/components/SuggestionItem/index.d.ts

@@ -0,0 +1,3 @@
+import { default as SuggestionItem } from './SuggestionItem';
+export * from './SuggestionItem';
+export default SuggestionItem;

package/dist/modules/Space/components/SpaceIssues/helpers.d.ts

@@ -2,3 +2,5 @@ export type IssueSeverity = 'error' | 'warning';
 export declare const SEVERITY_TEXT: Record<IssueSeverity, string>;
 export declare const SEVERITY_ICON: Record<IssueSeverity, string>;
 export declare const MUTED = "text-zinc-500 dark:text-zinc-400";
+/** A suggestion is no problem at all: it reads in the accent, beside the red and the amber of what is wrong. */
+export declare const SUGGESTION_TEXT = "text-indigo-600 dark:text-indigo-400";

package/dist/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "@plitzi/plitzi-builder",
-  "version": "0.37.9",
+  "version": "0.37.10",
   "homepage": "./",
   "license": "AGPL-3.0",
   "files": [
@@ -34,7 +34,7 @@ declare const _default: {
     "@fortawesome/fontawesome-free": "^7.3.1",
     "@plitzi/nexus": "^1.4.0",
     "@plitzi/plitzi-sdk": "workspace:*",
-    "@plitzi/plitzi-ui": "^1.6.26",
+    "@plitzi/plitzi-ui": "^1.6.29",
     "@plitzi/sdk-auth": "workspace:*",
     "@plitzi/sdk-authoring": "workspace:*",
     "@plitzi/sdk-dev-tools": "workspace:*",
@@ -50,7 +50,6 @@ declare const _default: {
     "@tanstack/react-virtual": "^3.14.13",
     "@typescript/vfs": "^1.6.5",
     "@valtown/codemirror-ts": "^2.3.1",
-    "@xyflow/react": "^12.11.6",
     "apollo-upload-client": "^20.0.0",
     "clsx": "^2.1.1",
     "comlink": "^4.4.2",