@plitzi/plitzi-builder 0.32.5 → 0.32.7

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # @plitzi/plitzi-builder
 
+## 0.32.7
+
+### Patch Changes
+
+- v0.32.7
+- Updated dependencies
+  - @plitzi/plitzi-sdk@0.32.7
+  - @plitzi/nexus@0.32.7
+  - @plitzi/sdk-auth@0.32.7
+  - @plitzi/sdk-collections@0.32.7
+  - @plitzi/sdk-dev-tools@0.32.7
+  - @plitzi/sdk-elements@0.32.7
+  - @plitzi/sdk-event-bridge@0.32.7
+  - @plitzi/sdk-interactions@0.32.7
+  - @plitzi/sdk-navigation@0.32.7
+  - @plitzi/sdk-plugins@0.32.7
+  - @plitzi/sdk-schema@0.32.7
+  - @plitzi/sdk-shared@0.32.7
+  - @plitzi/sdk-style@0.32.7
+  - @plitzi/sdk-variables@0.32.7
+
+## 0.32.6
+
+### Patch Changes
+
+- v0.32.6
+- Updated dependencies
+  - @plitzi/plitzi-sdk@0.32.6
+  - @plitzi/nexus@0.32.6
+  - @plitzi/sdk-auth@0.32.6
+  - @plitzi/sdk-collections@0.32.6
+  - @plitzi/sdk-dev-tools@0.32.6
+  - @plitzi/sdk-elements@0.32.6
+  - @plitzi/sdk-event-bridge@0.32.6
+  - @plitzi/sdk-interactions@0.32.6
+  - @plitzi/sdk-navigation@0.32.6
+  - @plitzi/sdk-plugins@0.32.6
+  - @plitzi/sdk-schema@0.32.6
+  - @plitzi/sdk-shared@0.32.6
+  - @plitzi/sdk-style@0.32.6
+  - @plitzi/sdk-variables@0.32.6
+
 ## 0.32.5
 
 ### Patch Changes

package/dist/index.html

@@ -57,7 +57,7 @@
         'plitzi',
         {
           webKey:
-            'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjp7InNwYWNlSWQiOjF9LCJpc3MiOiJodHRwczovL3NlcnZlci5wbGl0emkubG9jYWwiLCJhdWQiOlsiaHR0cHM6Ly9hcHAucGxpdHppLmxvY2FsIiwiaHR0cHM6Ly9zc3IucGxpdHppLmxvY2FsOjQwMDAiLCJodHRwczovL3NlcnZlci5wbGl0emkubG9jYWwiLCJodHRwczovL2FwaS5wbGl0emkubG9jYWwiLCJodHRwczovL21jcC5wbGl0emkubG9jYWwiLCJodHRwczovL2FwcC5wbGl0emkubG9jYWw6MzAwMCIsImh0dHBzOi8vYXBwLnBsaXR6aS5sb2NhbDozMDAxIiwiaHR0cHM6Ly93ZWJzaXRlLnBsaXR6aS5hcHAiXSwidmVyc2lvbiI6MSwiZXhwIjoxNzg1ODI2MDcwLCJpYXQiOjE3ODMxOTYwNzQsIm5iZiI6MTc4MzE5NjA3NH0.RJb3-crFskL_qIG4yxvEtiQ-omXKNROR4dHBvny_-MI',
+            'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjp7InNwYWNlSWQiOjF9LCJpc3MiOiJodHRwczovL3NlcnZlci5wbGl0emkubG9jYWwiLCJhdWQiOlsiaHR0cHM6Ly9hcHAucGxpdHppLmxvY2FsIiwiaHR0cHM6Ly9zc3IucGxpdHppLmxvY2FsIiwiaHR0cHM6Ly9zZXJ2ZXIucGxpdHppLmxvY2FsIiwiaHR0cHM6Ly9hcGkucGxpdHppLmxvY2FsIiwiaHR0cHM6Ly9tY3AucGxpdHppLmxvY2FsIiwiaHR0cHM6Ly9hcHAucGxpdHppLmxvY2FsOjMwMDAiLCJodHRwczovL2FwcC5wbGl0emkubG9jYWw6MzAwMSIsImh0dHBzOi8vd2Vic2l0ZS5wbGl0emkuYXBwIl0sInZlcnNpb24iOjEsImV4cCI6MTc4NzUxNzU3OSwiaWF0IjoxNzg0ODg3NTgzLCJuYmYiOjE3ODQ4ODc1ODN9.p5IEtdMhZrpampKtiWVuAUI6keMAAqtXmpdgL10A-6k',
           environment: 'main',
           revision: 0,
           renderMode: 'raw',
@@ -67,9 +67,7 @@
             apiServer: 'https://api.plitzi.local',
             ssrServer: 'https://ssr.plitzi.local',
             // SDK
-            nodeServer: 'https://server.plitzi.local',
-            aiServer: 'https://mcp.plitzi.local',
-            graphqlServer: 'https://server.plitzi.local',
+            serverUrl: 'https://server.plitzi.local',
             websocketServer: 'wss://server.plitzi.local',
             subscriptionServer: 'wss://server.plitzi.local/subscriptions'
           },

package/dist/modules/AI/components/ChatMessage/ChatMessage.d.ts

@@ -1,7 +1,7 @@
 import { AiMessage } from '../../types';
 export type ChatMessageProps = AiMessage & {
-    stagePreviewVersion?: number;
+    previewConceptVersion?: number;
     wireframeVersion?: number;
 };
-declare const _default: import('react').MemoExoticComponent<({ id, role, content, irrelevant, queued, mode, usage, actions, attachments, steps, createdAt, stagePreviewVersion, wireframeVersion }: ChatMessageProps) => import("react").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ id, role, content, irrelevant, queued, mode, usage, actions, attachments, steps, createdAt, previewConceptVersion, wireframeVersion }: ChatMessageProps) => import("react").JSX.Element>;
 export default _default;

package/dist/modules/AI/components/ChatMessage/components/AIBrandPreview/AIBrandPreview.d.ts

@@ -1,4 +1,4 @@
-import { BrandData } from '../../helpers/getBrandResult';
+import { BrandData } from '../../helpers/toolVisualTypes';
 import { AiMode } from '../../../../types';
 export type AIBrandPreviewProps = BrandData & {
     mode?: AiMode;

package/dist/modules/AI/components/ChatMessage/components/AIBrandPreview/components/BrandHero/BrandHero.d.ts

@@ -1,4 +1,4 @@
-import { BrandData } from '../../../../helpers/getBrandResult';
+import { BrandData } from '../../../../helpers/toolVisualTypes';
 export type BrandHeroProps = {
     name: string;
     tagline?: string;

package/dist/modules/AI/components/ChatMessage/components/AIBrandPreview/components/BrandTypography/BrandTypography.d.ts

@@ -1,4 +1,4 @@
-import { BrandData } from '../../../../helpers/getBrandResult';
+import { BrandData } from '../../../../helpers/toolVisualTypes';
 export type BrandTypographyProps = {
     typography: NonNullable<BrandData['typography']>;
     bg: string;

package/dist/modules/AI/components/ChatMessage/components/AIBrandPreview/components/BrandVoice/BrandVoice.d.ts

@@ -1,4 +1,4 @@
-import { BrandData } from '../../../../helpers/getBrandResult';
+import { BrandData } from '../../../../helpers/toolVisualTypes';
 export type BrandVoiceProps = {
     voice: NonNullable<BrandData['voice']>;
 };

package/dist/modules/AI/components/ChatMessage/components/AIColorPalettePreview/AIColorPalettePreview.d.ts

@@ -1,4 +1,4 @@
-import { ColorPaletteData } from '../../helpers/getColorPaletteResult';
+import { ColorPaletteData } from '../../helpers/toolVisualTypes';
 import { AiMode } from '../../../../types';
 export type AIColorPalettePreviewProps = ColorPaletteData & {
     mode?: AiMode;

package/dist/modules/AI/components/ChatMessage/components/AIColorPalettePreview/components/ColorPaletteRow/ColorPaletteRow.d.ts

@@ -1,4 +1,4 @@
-import { ColorItem } from '../../../../helpers/getColorPaletteResult';
+import { ColorItem } from '../../../../helpers/toolVisualTypes';
 export type ColorPaletteRowProps = {
     item: ColorItem;
     hex: string;

package/dist/modules/AI/components/ChatMessage/components/AIColorPalettePreview/helpers.d.ts

@@ -1,4 +1,4 @@
-import { ColorItem } from '../../helpers/getColorPaletteResult';
+import { ColorItem } from '../../helpers/toolVisualTypes';
 export declare const ROLE_ORDER: string[];
 export declare const sortedColors: (colors: ColorItem[]) => ColorItem[];
 export declare const toVarName: (role: string | undefined, name: string) => string;

package/dist/modules/AI/components/ChatMessage/components/AIStyleGuidePreview/AIStyleGuidePreview.d.ts

@@ -1,4 +1,4 @@
-import { StyleGuideData } from '../../helpers/getStyleGuideResult';
+import { StyleGuideData } from '../../helpers/toolVisualTypes';
 import { AiMode } from '../../../../types';
 export type AIStyleGuidePreviewProps = StyleGuideData & {
     mode?: AiMode;

package/dist/modules/AI/components/ChatMessage/components/AIStyleGuidePreview/components/ColorScaleRow/ColorScaleRow.d.ts

@@ -1,4 +1,4 @@
-import { ColorScale } from '../../../../helpers/getStyleGuideResult';
+import { ColorScale } from '../../../../helpers/toolVisualTypes';
 export type ColorScaleRowProps = {
     label: string;
     scale: ColorScale;

package/dist/modules/AI/components/ChatMessage/components/AIStyleGuidePreview/helpers.d.ts

@@ -1,4 +1,4 @@
-import { ColorScale, StyleGuideData } from '../../helpers/getStyleGuideResult';
+import { ColorScale, StyleGuideData } from '../../helpers/toolVisualTypes';
 export declare const needsWhiteText: (hex?: string) => boolean;
 export declare const SHADE_ORDER: string[];
 export declare const sortedShades: (scale: ColorScale) => [string, string][];

package/dist/modules/AI/components/ChatMessage/components/AIWireframePreview/AIWireframePreview.d.ts

@@ -1,4 +1,4 @@
-import { WireframeData } from '../../helpers/getWireframeResult';
+import { WireframeData } from '../../helpers/toolVisualTypes';
 import { AiMode } from '../../../../types';
 export type AIWireframePreviewProps = WireframeData & {
     mode?: AiMode;

package/dist/modules/AI/components/ChatMessage/components/AssistantMessage/AssistantMessage.d.ts

@@ -8,8 +8,8 @@ export type AssistantMessageProps = {
     actions?: AiMessage['actions'];
     steps?: AiMessageStep[];
     createdAt?: number;
-    stagePreviewVersion?: number;
+    previewConceptVersion?: number;
     wireframeVersion?: number;
 };
-declare const AssistantMessage: ({ id, content, irrelevant, mode, usage, actions, steps, createdAt, stagePreviewVersion, wireframeVersion }: AssistantMessageProps) => import("react").JSX.Element;
+declare const AssistantMessage: ({ id, content, irrelevant, mode, usage, actions, steps, createdAt, previewConceptVersion, wireframeVersion }: AssistantMessageProps) => import("react").JSX.Element;
 export default AssistantMessage;

package/dist/modules/AI/components/ChatMessage/helpers/extractToolVisual.d.ts

@@ -1,8 +1,4 @@
-import { BrandData } from './getBrandResult';
-import { ColorPaletteData } from './getColorPaletteResult';
-import { PreviewData } from './getStagePreviewResult';
-import { StyleGuideData } from './getStyleGuideResult';
-import { WireframeData } from './getWireframeResult';
+import { BrandData, ColorPaletteData, PreviewData, StyleGuideData, WireframeData } from './toolVisualTypes';
 import { Schema, Style } from '@plitzi/sdk-shared';
 import { AiToolCall } from '../../../types';
 type RenderElementData = {

package/dist/modules/AI/components/ChatMessage/helpers/groupStepsIntoItems.d.ts

@@ -0,0 +1,29 @@
+import { ToolVisual } from './extractToolVisual';
+import { AiLiveStep, AiMessageStep, AiToolCall } from '../../../types';
+export type GroupedStep<S extends AiMessageStep | AiLiveStep> = {
+    type: 'thinking';
+    step: Extract<S, {
+        type: 'thinking';
+    }>;
+    key: string;
+} | {
+    type: 'tools';
+    tools: AiToolCall[];
+    key: string;
+    visual?: ToolVisual;
+} | {
+    type: 'resource';
+    step: Extract<S, {
+        type: 'resource';
+    }>;
+    key: string;
+} | {
+    type: 'text';
+    step: Extract<S, {
+        type: 'text';
+    }>;
+    key: string;
+};
+declare function groupStepsIntoItems(steps: AiLiveStep[]): GroupedStep<AiLiveStep>[];
+declare function groupStepsIntoItems(steps: AiMessageStep[]): GroupedStep<AiMessageStep>[];
+export default groupStepsIntoItems;

package/dist/modules/AI/components/ChatMessage/helpers/toolVisualTypes.d.ts

@@ -0,0 +1,103 @@
+import { Schema, Style } from '@plitzi/sdk-shared';
+export type BrandTypeface = {
+    family: string;
+    weight?: string;
+    tracking?: string;
+};
+export type BrandData = {
+    name: string;
+    tagline?: string;
+    personality: string[];
+    colors: {
+        primary: string;
+        secondary?: string;
+        accent?: string;
+        background?: string;
+        surface?: string;
+        text?: string;
+    };
+    colorsDark?: {
+        primary?: string;
+        secondary?: string;
+        accent?: string;
+        background?: string;
+        surface?: string;
+        text?: string;
+    };
+    typography?: {
+        heading: BrandTypeface;
+        body: BrandTypeface;
+    };
+    voice?: {
+        tone: string;
+        keywords?: string[];
+    };
+};
+export type ColorItem = {
+    name: string;
+    hex: string;
+    darkHex?: string;
+    role?: string;
+};
+export type ColorPaletteData = {
+    name: string;
+    description?: string;
+    colors: ColorItem[];
+};
+export type PreviewData = {
+    baseElementId: string;
+    schema?: Pick<Schema, 'flat'>;
+    style?: Pick<Style, 'platform' | 'cache'>;
+    elements?: Array<Record<string, unknown>>;
+    html?: string;
+};
+export type WireframeData = {
+    baseElementId: string;
+    name: string;
+    description?: string;
+    schema?: Pick<Schema, 'flat'>;
+    style?: Pick<Style, 'platform' | 'cache'>;
+    html?: string;
+};
+export type NamedToken = {
+    name: string;
+    value: string;
+};
+export type ColorScale = Record<string, string>;
+export type StyleGuideData = {
+    name: string;
+    description?: string;
+    colors: {
+        primary: ColorScale;
+        secondary?: ColorScale;
+        accent?: ColorScale;
+        neutral?: ColorScale;
+        semantic?: {
+            success?: string;
+            warning?: string;
+            error?: string;
+            info?: string;
+        };
+    };
+    colorsDark?: {
+        primary?: ColorScale;
+        secondary?: ColorScale;
+        accent?: ColorScale;
+        neutral?: ColorScale;
+    };
+    typography?: {
+        fontFamily: {
+            heading: string;
+            body: string;
+        };
+        scale?: Array<{
+            name: string;
+            size: string;
+            lineHeight: string;
+            weight?: string;
+        }>;
+    };
+    spacing?: NamedToken[];
+    borderRadius?: NamedToken[];
+    shadows?: NamedToken[];
+};

package/dist/modules/AI/components/ToolVisualRenderer/ToolVisualRenderer.d.ts

@@ -3,8 +3,8 @@ import { AiMode } from '../../types';
 export type ToolVisualRendererProps = {
     visual: ToolVisual;
     mode?: AiMode;
-    stagePreviewVersion?: number;
+    previewConceptVersion?: number;
     wireframeVersion?: number;
 };
-declare const ToolVisualRenderer: ({ visual, mode, stagePreviewVersion, wireframeVersion }: ToolVisualRendererProps) => import("react").JSX.Element;
+declare const ToolVisualRenderer: ({ visual, mode, previewConceptVersion, wireframeVersion }: ToolVisualRendererProps) => import("react").JSX.Element;
 export default ToolVisualRenderer;

package/dist/modules/App/models/PageForm.d.ts

@@ -4,15 +4,17 @@ import { MouseEvent } from 'react';
 declare const pageFormSchema: z.ZodObject<{
     name: z.ZodString;
     slug: z.ZodString;
+    idRef: z.ZodString;
     pageFolder: z.ZodOptional<z.ZodString>;
 }, z.core.$strip>;
 export type PageFormProps = {
     name?: string;
     slug?: string;
+    idRef?: string;
     pageFolder?: string;
     pageFolders?: PageFolder[];
     onClose?: (e: MouseEvent) => void;
     onSubmit?: (e: MouseEvent | undefined, values: z.infer<typeof pageFormSchema>) => void;
 };
-declare const PageForm: ({ name, slug, pageFolder, pageFolders, onClose, onSubmit }: PageFormProps) => import("react").JSX.Element;
+declare const PageForm: ({ name, slug, idRef, pageFolder, pageFolders, onClose, onSubmit }: PageFormProps) => import("react").JSX.Element;
 export default PageForm;

package/dist/modules/Builder/components/BuilderElementTools/ElementDefinitionSettings.d.ts

@@ -1,7 +1,10 @@
 import { Element } from '@plitzi/sdk-shared';
 export type ElementDefinitionSettingsProps = {
     definition: Element['definition'];
+    idRef?: string | null;
+    getIdRefConflict: (idRef: string) => string | null;
     onUpdate?: (key: string, value: string | boolean | number | object, isDefinition?: boolean) => void;
+    onUpdateRef: (value: string) => void;
 };
-declare const ElementDefinitionSettings: ({ definition, onUpdate }: ElementDefinitionSettingsProps) => import("react").JSX.Element;
+declare const ElementDefinitionSettings: ({ definition, idRef, getIdRefConflict, onUpdate, onUpdateRef }: ElementDefinitionSettingsProps) => import("react").JSX.Element;
 export default ElementDefinitionSettings;

package/dist/modules/Builder/components/BuilderOverlay/OverlayButtonContainer.d.ts

@@ -9,5 +9,5 @@ export type OverlayButtonContainerProps = {
     zoom?: number;
     onHoverRemove?: (hoverRemove: boolean) => void;
 };
-declare const OverlayButtonContainer: ({ id, element, container, width, hoverRemove, zoom, onHoverRemove }: OverlayButtonContainerProps) => import("react").JSX.Element;
-export default OverlayButtonContainer;
+declare const _default: import('react').MemoExoticComponent<({ id, element, container, width, hoverRemove, zoom, onHoverRemove }: OverlayButtonContainerProps) => import("react").JSX.Element>;
+export default _default;

package/dist/modules/Builder/components/BuilderOverlay/OverlaySpacing.d.ts

@@ -7,5 +7,5 @@ export type OverlaySpacingProps = {
     elementDOM?: HTMLElement | null;
     zoom?: number;
 };
-declare const OverlaySpacing: ({ id, hoverRemove, hasItems, refIframe, elementDOM, zoom }: OverlaySpacingProps) => import("react").JSX.Element;
-export default OverlaySpacing;
+declare const _default: import('react').MemoExoticComponent<({ id, hoverRemove, hasItems, refIframe, elementDOM, zoom }: OverlaySpacingProps) => import("react").JSX.Element>;
+export default _default;

package/dist/modules/DataSource/BindingSelected.d.ts

@@ -4,8 +4,7 @@ export type BindingSelected = {
     id?: string;
     sources?: Record<string, SourceMeta>;
     category?: string;
-    fromPath?: string;
-    toPath?: string;
+    to?: string;
     source?: string;
     transformers?: BindingTransformer[];
     when?: RuleGroup;
@@ -14,5 +13,5 @@ export type BindingSelected = {
     onUpdate?: (category: BindingCategory, id: string) => void;
     onRemove?: (category: BindingCategory, id: string) => void;
 };
-declare const BindingSelected: ({ id, sources, category, fromPath, toPath, source, transformers, when, enabled, onEnable, onUpdate, onRemove }: BindingSelected) => import("react").JSX.Element;
+declare const BindingSelected: ({ id, sources, category, to, source, transformers, when, enabled, onEnable, onUpdate, onRemove }: BindingSelected) => import("react").JSX.Element;
 export default BindingSelected;

package/dist/modules/DataSource/helpers/getBindingWarnings.d.ts

@@ -0,0 +1,17 @@
+import { BindingTransformer, SourceMeta } from '@plitzi/sdk-shared';
+export type WarningLevel = 'warning' | 'danger';
+export interface BindingWarning {
+    level: WarningLevel;
+    message: string;
+}
+/** FontAwesome classes (icon + color) per level — same visual language as the interaction indicators. */
+export declare const WARNING_ICON: Record<WarningLevel, string>;
+/** The most severe level among a binding's warnings (danger beats warning), or undefined when there are none. */
+export declare const worstLevel: (warnings: BindingWarning[]) => WarningLevel | undefined;
+export type GetBindingWarningsProps = {
+    source?: string;
+    transformers?: BindingTransformer[];
+    sources?: Record<string, SourceMeta>;
+};
+declare const getBindingWarnings: ({ source, transformers, sources }: GetBindingWarningsProps) => BindingWarning[];
+export default getBindingWarnings;

package/dist/modules/DataSource/helpers/getBindingWarnings.test.d.ts

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

package/dist/modules/DataSource/helpers/transformerString.d.ts

@@ -1,6 +1,3 @@
-declare const transformerString: (transformers?: {
-    type: "unknown" | "utility";
-    action: string;
-    params: Record<string, any>;
-}[]) => string;
+import { BindingTransformer } from '@plitzi/sdk-shared';
+declare const transformerString: (transformers?: BindingTransformer[]) => string;
 export default transformerString;

package/dist/modules/DataSource/models/BindingForm/BindingForm.d.ts

@@ -3,16 +3,13 @@ import { Element, ElementBinding, SourceMeta } from '@plitzi/sdk-shared';
 export declare const bindingForm: z.ZodObject<{
     id: z.ZodString;
     source: z.ZodString;
-    fromPath: z.ZodString;
-    toPath: z.ZodString;
+    path: z.ZodString;
+    to: z.ZodString;
     when: z.ZodOptional<z.ZodAny>;
     transformers: z.ZodArray<z.ZodObject<{
-        type: z.ZodEnum<{
-            unknown: "unknown";
-            utility: "utility";
-        }>;
         action: z.ZodString;
-        params: z.ZodRecord<z.ZodString, z.ZodAny>;
+        params: z.ZodRecord<z.ZodString, z.ZodString>;
+        enabled: z.ZodOptional<z.ZodBoolean>;
     }, z.core.$strip>>;
 }, z.core.$strip>;
 export type BindingSchema = z.infer<typeof bindingForm>;

package/dist/modules/Interactions/Interactions.d.ts

@@ -1,9 +1,9 @@
 import { Element } from '@plitzi/sdk-shared';
 export type InteractionsProps = {
     className?: string;
-    id?: string;
+    idRef?: string;
     interactions?: Element['definition']['interactions'];
     onChange?: (interactions: Element['definition']['interactions']) => void;
 };
-declare const Interactions: ({ className, id, interactions, onChange }: InteractionsProps) => import("react").JSX.Element;
+declare const Interactions: ({ className, idRef, interactions, onChange }: InteractionsProps) => import("react").JSX.Element;
 export default Interactions;

package/dist/modules/Interactions/components/Workflow/WorkflowHeader.d.ts

@@ -1,5 +1,10 @@
+import { WarningLevel } from './helpers/nodeWarnings';
 import { ElementInteraction } from '@plitzi/sdk-shared';
 import { Dispatch, SetStateAction } from 'react';
+type FlowSummary = {
+    count: number;
+    level: WarningLevel | undefined;
+};
 export type WorkflowHeaderProps = {
     flows: {
         id: string;
@@ -8,7 +13,8 @@ export type WorkflowHeaderProps = {
         nodes: Record<string, ElementInteraction>;
     }[];
     flowId?: string;
+    flowSummaries?: Record<string, FlowSummary | undefined>;
     setFlowId: Dispatch<SetStateAction<string | undefined>>;
 };
-declare const WorkflowHeader: ({ flows, flowId, setFlowId }: WorkflowHeaderProps) => import("react").JSX.Element;
+declare const WorkflowHeader: ({ flows, flowId, flowSummaries, setFlowId }: WorkflowHeaderProps) => import("react").JSX.Element;
 export default WorkflowHeader;

package/dist/modules/Interactions/components/Workflow/helpers/nodeWarnings.d.ts

@@ -0,0 +1,24 @@
+import { ElementInteraction, InteractionCallback } from '@plitzi/sdk-shared';
+type NodeShape = Pick<ElementInteraction, 'type' | 'action' | 'elementId'>;
+export type WarningLevel = 'warning' | 'danger';
+export interface NodeWarning {
+    level: WarningLevel;
+    message: string;
+}
+/** FontAwesome classes (icon + color) per level — shared by the node and flow indicators so they stay consistent. */
+export declare const WARNING_ICON: Record<WarningLevel, string>;
+/** The definition a stored node resolves to, matched by type, action and (for element callbacks) target — mirrors
+ *  how WorkflowNode renders it. Undefined means the node points at nothing the runtime knows. */
+export declare const findNodeDefinition: (node: NodeShape, nodeDefinitions: InteractionCallback[] | undefined) => InteractionCallback | undefined;
+/** The node targets an element that exists but has no idRef (a flagged, unreferenced definition), so the runtime
+ *  cannot wire it — surfaced separately from the generic "not recognized" case. */
+export declare const isTargetUnreferenced: (node: Pick<ElementInteraction, "elementId">, nodeDefinitions: InteractionCallback[] | undefined) => boolean;
+export declare const getNodeWarnings: (node: NodeShape, nodeDefinition: InteractionCallback | undefined, targetUnreferenced: boolean) => NodeWarning[];
+/** The most severe level among a node's warnings (danger wins), or undefined when there are none. */
+export declare const worstLevel: (warnings: NodeWarning[]) => WarningLevel | undefined;
+/** Flow-level rollup: how many steps are malformed and the worst severity among them (drives the flow indicator). */
+export declare const summarizeFlow: (nodes: Record<string, ElementInteraction>, nodeDefinitions: InteractionCallback[] | undefined) => {
+    count: number;
+    level: WarningLevel | undefined;
+};
+export {};

package/dist/modules/Interactions/components/Workflow/helpers/nodeWarnings.test.d.ts

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

package/dist/modules/Segments/SegmentsReducer.d.ts

@@ -9,12 +9,14 @@ export declare const SegmentsActions: {
     readonly SEGMENTS_MOVE_ELEMENT: "SEGMENTS_MOVE_ELEMENT";
     readonly SEGMENTS_CLONE_ELEMENT: "SEGMENTS_CLONE_ELEMENT";
     readonly SEGMENTS_UPDATE_ELEMENT: "SEGMENTS_UPDATE_ELEMENT";
+    readonly SEGMENTS_UPDATE_ELEMENTS: "SEGMENTS_UPDATE_ELEMENTS";
     readonly SEGMENTS_SPACE_ADD_VARIABLE: "SEGMENTS_SPACE_ADD_VARIABLE";
     readonly SEGMENTS_SPACE_UPDATE_VARIABLE: "SEGMENTS_SPACE_UPDATE_VARIABLE";
     readonly SEGMENTS_SPACE_REMOVE_VARIABLE: "SEGMENTS_SPACE_REMOVE_VARIABLE";
     readonly SEGMENTS_STYLE_ADD_SELECTOR: "SEGMENTS_STYLE_ADD_SELECTOR";
     readonly SEGMENTS_STYLE_UPDATE_SELECTOR: "SEGMENTS_STYLE_UPDATE_SELECTOR";
     readonly SEGMENTS_STYLE_REMOVE_SELECTOR: "SEGMENTS_STYLE_REMOVE_SELECTOR";
+    readonly SEGMENTS_STYLE_REMOVE_SELECTORS: "SEGMENTS_STYLE_REMOVE_SELECTORS";
     readonly SEGMENTS_STYLE_ADD_SELECTOR_VARIABLE: "SEGMENTS_STYLE_ADD_SELECTOR_VARIABLE";
     readonly SEGMENTS_STYLE_UPDATE_SELECTOR_VARIABLE: "SEGMENTS_STYLE_UPDATE_SELECTOR_VARIABLE";
     readonly SEGMENTS_STYLE_REMOVE_SELECTOR_VARIABLE: "SEGMENTS_STYLE_REMOVE_SELECTOR_VARIABLE";
@@ -58,6 +60,9 @@ export type SegmentsReducerActions = ({
 } & SegmentsReducerActionsBase) | ({
     type: 'SEGMENTS_UPDATE_ELEMENT';
     element: Element;
+} & SegmentsReducerActionsBase) | ({
+    type: 'SEGMENTS_UPDATE_ELEMENTS';
+    elements: Element[];
 } & SegmentsReducerActionsBase) | ({
     type: 'SEGMENTS_SPACE_ADD_VARIABLE' | 'SEGMENTS_SPACE_UPDATE_VARIABLE';
     variable: SchemaVariable;
@@ -93,6 +98,10 @@ export type SegmentsReducerActions = ({
     type: 'SEGMENTS_STYLE_REMOVE_SELECTOR';
     displayMode: DisplayMode;
     selector: string;
+} & SegmentsReducerActionsBase) | ({
+    type: 'SEGMENTS_STYLE_REMOVE_SELECTORS';
+    displayMode: DisplayMode;
+    selectors: string[];
 } & SegmentsReducerActionsBase) | ({
     type: 'SEGMENTS_STYLE_ADD_SELECTOR_VARIABLE' | 'SEGMENTS_STYLE_UPDATE_SELECTOR_VARIABLE';
     displayMode: DisplayMode;

package/dist/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "@plitzi/plitzi-builder",
-  "version": "0.32.5",
+  "version": "0.32.7",
   "homepage": "./",
   "license": "AGPL-3.0",
   "files": [
@@ -26,11 +26,11 @@ declare const _default: {
     "./plitzi-builder-dev-vendor.js.map": "./dist/plitzi-builder-dev-vendor.js.map"
   },
   "dependencies": {
-    "@apollo/client": "^4.2.6",
-    "@fortawesome/fontawesome-free": "^7.3.0",
+    "@apollo/client": "^4.2.7",
+    "@fortawesome/fontawesome-free": "^7.3.1",
     "@plitzi/nexus": "workspace:*",
     "@plitzi/plitzi-sdk": "workspace:*",
-    "@plitzi/plitzi-ui": "^1.6.13",
+    "@plitzi/plitzi-ui": "^1.6.17",
     "@plitzi/sdk-auth": "workspace:*",
     "@plitzi/sdk-collections": "workspace:*",
     "@plitzi/sdk-dev-tools": "workspace:*",
@@ -43,18 +43,17 @@ declare const _default: {
     "@plitzi/sdk-shared": "workspace:*",
     "@plitzi/sdk-style": "workspace:*",
     "@plitzi/sdk-variables": "workspace:*",
-    "@tanstack/react-virtual": "^3.14.5",
+    "@tanstack/react-virtual": "^3.14.8",
     "@xyflow/react": "^12.11.2",
     "apollo-upload-client": "^19.0.0",
     "clsx": "^2.1.1",
     "graphql": "^17.0.2",
-    "graphql-ws": "^6.1.0",
-    "immer": "^11.1.11",
+    "graphql-ws": "^6.1.1",
+    "immer": "^11.1.15",
     "jszip": "^3.10.1",
-    "react-hook-form": "^7.81.0",
+    "react-hook-form": "^7.82.0",
     "react-router-dom": "^7.18.1",
     "swr": "^2.4.2",
-    "twig": "^3.0.0",
     "uuid": "^14.0.1",
     "zod": "^4.4.3"
   },
@@ -73,30 +72,30 @@ declare const _default: {
     "@babel/polyfill": "^7.12.1",
     "@babel/preset-env": "^8.0.2",
     "@babel/preset-react": "^8.0.1",
-    "@tailwindcss/postcss": "^4.3.2",
+    "@tailwindcss/postcss": "^4.3.3",
     "css-loader": "^7.1.4",
-    "cypress": "15.18.1",
-    "eslint": "^9.39.4",
+    "cypress": "15.19.0",
+    "eslint": "^9.39.5",
     "eslint-plugin-import": "^2.32.0",
-    "flow-bin": "^0.322.0",
-    "postcss": "^8.5.17",
+    "flow-bin": "^0.323.0",
+    "postcss": "^8.5.22",
     "postcss-loader": "^8.2.1",
     "postcss-scss": "^4.0.9",
-    "prettier": "^3.9.5",
+    "prettier": "^3.9.6",
     "prop-types": "^15.8.1",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "react-refresh": "^0.18.0",
-    "react-test-renderer": "^19.2.7",
-    "sass": "^1.101.0",
+    "react-test-renderer": "^19.2.8",
+    "sass": "^1.101.6",
     "sass-embedded": "^1.100.0",
     "sass-loader": "^17.0.0",
-    "stylelint": "^17.14.0",
+    "stylelint": "^17.14.1",
     "stylelint-order": "^8.1.1",
     "stylelint-scss": "^7.2.0",
     "terser": "^5.49.0",
     "typescript": "^6.0.3",
-    "vite": "^8.1.4",
+    "vite": "^8.1.5",
     "vite-plugin-dts": "^5.0.3",
     "vite-plugin-ejs": "^2.0.0",
     "vite-plugin-mkcert": "^2.1.0",