@umodeapporg/ui 0.23.0 → 0.23.1

package/dist/locales/index.d.ts

@@ -218,73 +218,6 @@ export declare const uiLocales: {
             keepEditing: string;
             discard: string;
         };
-        flow: {
-            canvas: string;
-            resizePanel: string;
-            ports: {
-                next: string;
-                true: string;
-                false: string;
-                error: string;
-            };
-            categories: {
-                trigger: string;
-                condition: string;
-                action: string;
-            };
-            palette: {
-                title: string;
-                search: string;
-                empty: string;
-                limitReached: string;
-            };
-            inspector: {
-                title: string;
-                empty: string;
-                label: string;
-                delete: string;
-                duplicate: string;
-                unknownBlock: string;
-                close: string;
-            };
-            issues: {
-                title: string;
-                none: string;
-                missingTrigger: string;
-                multipleTriggers: string;
-                unknownBlock: string;
-                unreachableNode: string;
-                multipleInputs: string;
-                portFanOut: string;
-                cycle: string;
-                missingTrueBranch: string;
-            };
-            run: {
-                passed: string;
-                failed: string;
-                skipped: string;
-                wouldRun: string;
-                error: string;
-                blocked: string;
-            };
-            controls: {
-                zoomIn: string;
-                zoomOut: string;
-                fitView: string;
-                undo: string;
-                redo: string;
-                layout: string;
-            };
-            node: {
-                disabled: string;
-                addBlock: string;
-                issueCount_one: string;
-                issueCount_other: string;
-            };
-            laneMap: {
-                label: string;
-            };
-        };
         followUp: {
             messages: string;
             chat: {
@@ -839,73 +772,6 @@ export declare const uiLocales: {
             keepEditing: string;
             discard: string;
         };
-        flow: {
-            canvas: string;
-            resizePanel: string;
-            ports: {
-                next: string;
-                true: string;
-                false: string;
-                error: string;
-            };
-            categories: {
-                trigger: string;
-                condition: string;
-                action: string;
-            };
-            palette: {
-                title: string;
-                search: string;
-                empty: string;
-                limitReached: string;
-            };
-            inspector: {
-                title: string;
-                empty: string;
-                label: string;
-                delete: string;
-                duplicate: string;
-                unknownBlock: string;
-                close: string;
-            };
-            issues: {
-                title: string;
-                none: string;
-                missingTrigger: string;
-                multipleTriggers: string;
-                unknownBlock: string;
-                unreachableNode: string;
-                multipleInputs: string;
-                portFanOut: string;
-                cycle: string;
-                missingTrueBranch: string;
-            };
-            run: {
-                passed: string;
-                failed: string;
-                skipped: string;
-                wouldRun: string;
-                error: string;
-                blocked: string;
-            };
-            controls: {
-                zoomIn: string;
-                zoomOut: string;
-                fitView: string;
-                undo: string;
-                redo: string;
-                layout: string;
-            };
-            node: {
-                disabled: string;
-                addBlock: string;
-                issueCount_one: string;
-                issueCount_other: string;
-            };
-            laneMap: {
-                label: string;
-            };
-        };
         followUp: {
             messages: string;
             chat: {

package/dist/locales/pt/ui.json.d.ts

@@ -216,73 +216,6 @@ declare const _default: {
     "keepEditing": "Continuar editando",
     "discard": "Descartar"
   },
-  "flow": {
-    "canvas": "Editor de fluxo",
-    "resizePanel": "Arraste para ajustar a largura. Clique duplo restaura",
-    "ports": {
-      "next": "Próximo",
-      "true": "Sim",
-      "false": "Não",
-      "error": "Erro"
-    },
-    "categories": {
-      "trigger": "Gatilhos",
-      "condition": "Condições",
-      "action": "Ações"
-    },
-    "palette": {
-      "title": "Blocos",
-      "search": "Buscar bloco",
-      "empty": "Nenhum bloco encontrado",
-      "limitReached": "Este fluxo já tem o máximo deste bloco"
-    },
-    "inspector": {
-      "title": "Configuração do bloco",
-      "empty": "Selecione um bloco para configurar",
-      "label": "Nome do bloco",
-      "delete": "Excluir bloco",
-      "duplicate": "Duplicar bloco",
-      "unknownBlock": "Este tipo de bloco não existe mais",
-      "close": "Fechar"
-    },
-    "issues": {
-      "title": "Pendências",
-      "none": "Nenhuma pendência",
-      "missingTrigger": "O fluxo precisa de um gatilho",
-      "multipleTriggers": "O fluxo só pode ter um gatilho",
-      "unknownBlock": "Bloco de um tipo que não existe mais",
-      "unreachableNode": "Bloco solto: nenhum caminho do gatilho chega até ele",
-      "multipleInputs": "Bloco com mais de uma entrada",
-      "portFanOut": "Uma saída só pode ligar a um bloco",
-      "cycle": "Os blocos formam um ciclo",
-      "missingTrueBranch": "A condição não tem o caminho do sim"
-    },
-    "run": {
-      "passed": "Passou",
-      "failed": "Não passou",
-      "skipped": "Pulado",
-      "wouldRun": "Executaria",
-      "error": "Erro",
-      "blocked": "Bloqueado"
-    },
-    "controls": {
-      "zoomIn": "Aproximar",
-      "zoomOut": "Afastar",
-      "fitView": "Enquadrar",
-      "undo": "Desfazer",
-      "redo": "Refazer",
-      "layout": "Organizar blocos"
-    },
-    "node": {
-      "disabled": "Desativado",
-      "addBlock": "Adicionar o próximo bloco",
-      "issueCount_one": "{{count}} pendência",
-      "issueCount_other": "{{count}} pendências"
-    },
-    "laneMap": {
-      "label": "Mapa do fluxo"
-    }
-  },
   "followUp": {
     "messages": "Mensagens",
     "chat": {

package/dist/locales/pt/ui.json.js

@@ -12,7 +12,6 @@ const detailsTable = { "size": "Tam", "quantity": "Qtd" };
 const errorPage = { "message": "Esta tela não conseguiu carregar", "headline": "Algo inesperado aconteceu ao montar a página. Atualizar costuma resolver. Se acontecer de novo, fale com o suporte contando o que você estava fazendo.", "backToStart": "Voltar para o início" };
 const filters = { "activeFilters": "Filtros aplicados", "appliedCount_one": "{{count}} filtro aplicado", "appliedCount_other": "{{count}} filtros aplicados", "clearAll": "Limpar tudo", "noFields": "Nenhum filtro disponível para esta listagem.", "noOptions": "Nenhuma opção encontrada.", "optionsError": "Não foi possível carregar as opções de {{field}}.", "rangeMax": "Máximo", "rangeMin": "Mínimo", "rangeSeparator": "até", "searchOptions": "Buscar opções" };
 const filtersDrawer = { "selectedFilters": "Filtros Selecionados:", "pendingChanges": "Alterações pendentes", "discardChangesTitle": "Descartar alterações?", "discardChangesMessage": "Você tem alterações de filtro não aplicadas. Deseja descartá-las?", "keepEditing": "Continuar editando", "discard": "Descartar" };
-const flow = { "canvas": "Editor de fluxo", "resizePanel": "Arraste para ajustar a largura. Clique duplo restaura", "ports": { "next": "Próximo", "true": "Sim", "false": "Não", "error": "Erro" }, "categories": { "trigger": "Gatilhos", "condition": "Condições", "action": "Ações" }, "palette": { "title": "Blocos", "search": "Buscar bloco", "empty": "Nenhum bloco encontrado", "limitReached": "Este fluxo já tem o máximo deste bloco" }, "inspector": { "title": "Configuração do bloco", "empty": "Selecione um bloco para configurar", "label": "Nome do bloco", "delete": "Excluir bloco", "duplicate": "Duplicar bloco", "unknownBlock": "Este tipo de bloco não existe mais", "close": "Fechar" }, "issues": { "title": "Pendências", "none": "Nenhuma pendência", "missingTrigger": "O fluxo precisa de um gatilho", "multipleTriggers": "O fluxo só pode ter um gatilho", "unknownBlock": "Bloco de um tipo que não existe mais", "unreachableNode": "Bloco solto: nenhum caminho do gatilho chega até ele", "multipleInputs": "Bloco com mais de uma entrada", "portFanOut": "Uma saída só pode ligar a um bloco", "cycle": "Os blocos formam um ciclo", "missingTrueBranch": "A condição não tem o caminho do sim" }, "run": { "passed": "Passou", "failed": "Não passou", "skipped": "Pulado", "wouldRun": "Executaria", "error": "Erro", "blocked": "Bloqueado" }, "controls": { "zoomIn": "Aproximar", "zoomOut": "Afastar", "fitView": "Enquadrar", "undo": "Desfazer", "redo": "Refazer", "layout": "Organizar blocos" }, "node": { "disabled": "Desativado", "addBlock": "Adicionar o próximo bloco", "issueCount_one": "{{count}} pendência", "issueCount_other": "{{count}} pendências" }, "laneMap": { "label": "Mapa do fluxo" } };
 const followUp = { "messages": "Mensagens", "chat": { "loadingMessages": "Carregando mensagens", "placeholder": "Escrever mensagem...", "invalidMessage": "Por favor, insira uma mensagem válida", "noMessagesYet": "Nenhuma mensagem por enquanto", "startConversation": "Inicie uma conversa adicionando a primeira mensagem", "loadError": "Não foi possível carregar as mensagens", "sendFailed": "Não foi possível enviar a mensagem. Tente novamente.", "sendFailedInline": "Falha no envio", "resend": "Reenviar", "discard": "Descartar", "today": "Hoje", "yesterday": "Ontem", "typingOne": "{{name}} está digitando...", "typingMany": "{{count}} pessoas estão digitando...", "someone": "Alguém", "you": "Você", "newMessages": "Novas mensagens", "backToLatest": "Voltar para as recentes", "deletedMessage": "Mensagem apagada", "edited": "editada", "readBy": "Lida por {{names}}", "copied": "Mensagem copiada", "replyingTo": "Respondendo a {{name}}", "attachmentFallback": "Anexo", "editTitle": "Editar mensagem", "deleteTitle": "Apagar mensagem?", "deleteSubtitle": "A mensagem será marcada como apagada para todos os participantes", "sendHint": "Enter envia, Shift+Enter quebra a linha", "formatting": "Formatação" }, "actions": { "reply": "Responder", "copy": "Copiar texto", "edit": "Editar", "delete": "Apagar" }, "attachments": { "attach": "Anexar", "pickFile": "Arquivo", "pickImage": "Imagem", "takePhoto": "Tirar foto", "dropHere": "Solte os arquivos para anexar", "tooMany": "Limite de {{max}} anexos por mensagem", "tooLarge": "O arquivo {{name}} passa do limite de 50 MB", "uploadFailed": "Falha no upload", "uploading": "Enviando anexos...", "imagePreview": "Visualizar imagem", "showTranscript": "Ver transcrição", "hideTranscript": "Ocultar transcrição" }, "voice": { "record": "Gravar áudio", "recording": "Gravando", "stop": "Concluir gravação", "cancel": "Cancelar gravação", "rerecord": "Regravar", "attach": "Adicionar ao envio", "discard": "Descartar", "transcriptLabel": "Transcrição", "transcriptPlaceholder": "A transcrição da fala aparece aqui e pode ser editada" }, "camera": { "title": "Tirar foto", "unavailable": "Câmera indisponível", "unavailableHint": "Verifique a permissão de câmera do navegador", "switch": "Alternar câmera", "capture": "Capturar foto" }, "search": { "open": "Buscar na conversa", "placeholder": "Buscar mensagens", "noResults": "Nenhuma mensagem encontrada", "error": "Não foi possível buscar as mensagens" } };
 const generatedByAI = { "tooltip": "Gerado por IA" };
 const imageAiAdjust = { "action": "Ajustar com IA", "title": "Ajustar imagem com IA", "subtitle": "Descreva o ajuste. A IA altera só o que você pedir e preserva o resto da imagem.", "original": "Original", "result": "Resultado", "resultHint": "Descreva o ajuste e clique em Gerar para ver o resultado aqui.", "promptLabel": "Ajuste desejado", "promptPlaceholder": "Ex.: remover o fundo e deixar branco, tirar os vincos da manga, clarear a iluminação", "generate": "Gerar", "generating": "Gerando a imagem...", "tryAgain": "Gerar outra", "useResult": "Usar esta imagem", "errorGenerate": "Não foi possível ajustar a imagem com IA", "errorSave": "Não foi possível salvar a imagem ajustada", "errorRefused": "A IA não conseguiu fazer este ajuste: {{reason}}", "mask": { "start": "Marcar a área", "stop": "Usar a imagem toda", "hint": "Pinte a área que a IA pode alterar. O resto da imagem é mantido." }, "verification": { "changedMoreThanRequested": "A IA mudou mais do que o pedido. Confira as áreas fora do ajuste antes de usar.", "colorMismatch": "A cor da peça ({{dominant}}) ficou diferente da cor pedida ({{target}})." } };
@@ -51,7 +50,6 @@ const pt = {
   errorPage,
   filters,
   filtersDrawer,
-  flow,
   followUp,
   generatedByAI,
   imageAiAdjust,
@@ -92,7 +90,6 @@ export {
   errorPage,
   filters,
   filtersDrawer,
-  flow,
   followUp,
   generatedByAI,
   imageAiAdjust,

package/dist/locales/pt/ui.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ui.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umodeapporg/ui",
-  "version": "0.23.0",
+  "version": "0.23.1",
   "license": "UNLICENSED",
   "type": "module",
   "sideEffects": [
@@ -50,10 +50,6 @@
       "types": "./dist/components/UI/DataTable/index.d.ts",
       "import": "./dist/components/UI/DataTable/index.js"
     },
-    "./components/UI/Flow": {
-      "types": "./dist/components/UI/Flow/index.d.ts",
-      "import": "./dist/components/UI/Flow/index.js"
-    },
     "./components/UI/ImageMaskPainter": {
       "types": "./dist/components/UI/ImageMaskPainter/index.d.ts",
       "import": "./dist/components/UI/ImageMaskPainter/index.js"
@@ -109,7 +105,6 @@
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@tanstack/react-table": "^8.21.3",
-    "@xyflow/react": "^12.11.2",
     "apexcharts": ">=3.52.0 <4",
     "date-fns": "^4.0.0",
     "i18next": ">=23",
@@ -142,9 +137,6 @@
     "@tanstack/react-table": {
       "optional": true
     },
-    "@xyflow/react": {
-      "optional": true
-    },
     "apexcharts": {
       "optional": true
     },
@@ -201,7 +193,6 @@
     "@typescript-eslint/eslint-plugin": "^8.42.0",
     "@typescript-eslint/parser": "^8.42.0",
     "@vitejs/plugin-react-swc": "^3.5.0",
-    "@xyflow/react": "^12.12.0",
     "apexcharts": "3.52.0",
     "autoprefixer": "^10.4.19",
     "conventional-changelog-conventionalcommits": "^8.0.0",

package/dist/components/UI/Flow/FlowBlockNode.d.ts

@@ -1,35 +0,0 @@
-import { ReactNode } from 'react';
-import { SymbolCodepoints } from '../MaterialSymbol';
-import { Node, NodeProps } from '@xyflow/react';
-import { TFlowIssueSeverity, TFlowPortId, TFlowRunStepStatus } from './flowTypes';
-export declare const FLOW_INPUT_HANDLE_ID = "in";
-export interface IFlowAddableBlock {
-    type: string;
-    label: string;
-    icon: SymbolCodepoints;
-}
-export interface IFlowBlockNodeData extends Record<string, unknown> {
-    icon: SymbolCodepoints;
-    title: string;
-    categoryLabel: string;
-    summary?: ReactNode;
-    hasInput: boolean;
-    outputs: Array<TFlowPortId>;
-    /** Ports already wired: their edge carries the label, so the port does not repeat it. */
-    connectedPorts: Array<TFlowPortId>;
-    portLabels: Record<TFlowPortId, string>;
-    /** What a free port can grow into; empty in a read-only canvas. */
-    addableBlocks: Array<IFlowAddableBlock>;
-    onAddFromPort?: (port: TFlowPortId, type: string) => void;
-    disabled?: boolean;
-    issueSeverity?: TFlowIssueSeverity;
-    issueCount: number;
-    runStatus?: TFlowRunStepStatus;
-}
-export type TFlowBlockNode = Node<IFlowBlockNodeData, 'flowBlock'>;
-/**
- * Input on the left edge, output ports spread along the right edge; a lone `next` port needs no
- * label. A free port shows a "+" that adds the next block already wired to it.
- */
-declare const FlowBlockNode: React.FC<NodeProps<TFlowBlockNode>>;
-export default FlowBlockNode;

package/dist/components/UI/Flow/FlowBlockNode.js

@@ -1,84 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import ControlledButton from "../../Form/ControlledButton.js";
-import ControlledMenu from "../ControlledMenu.js";
-import { MaterialSymbol } from "../MaterialSymbol/index.js";
-import { Handle, Position } from "@xyflow/react";
-import FlowNodeShell from "./FlowNodeShell.js";
-const FLOW_INPUT_HANDLE_ID = "in";
-const portTop = (index, count) => `${(index + 1) / (count + 1) * 100}%`;
-const FlowBlockNode = ({ data, selected }) => {
-  const { t } = useTranslation("ui");
-  const outputs = Array.isArray(data.outputs) ? data.outputs : [];
-  const connectedPorts = Array.isArray(data.connectedPorts) ? data.connectedPorts : [];
-  const addableBlocks = Array.isArray(data.addableBlocks) ? data.addableBlocks : [];
-  const showPortLabels = !(outputs.length === 1 && outputs[0] === "next");
-  const canAdd = Boolean(data.onAddFromPort) && addableBlocks.length > 0;
-  return /* @__PURE__ */ jsxs(
-    FlowNodeShell,
-    {
-      icon: data.icon,
-      title: data.title,
-      categoryLabel: data.categoryLabel,
-      summary: data.summary,
-      selected,
-      disabled: data.disabled,
-      issueSeverity: data.issueSeverity,
-      issueCount: data.issueCount,
-      runStatus: data.runStatus,
-      className: showPortLabels ? "pr-12" : void 0,
-      children: [
-        data.hasInput && /* @__PURE__ */ jsx(Handle, { id: FLOW_INPUT_HANDLE_ID, type: "target", position: Position.Left, className: "umode-flow-handle" }),
-        outputs.map((port, index) => /* @__PURE__ */ jsx(
-          Handle,
-          {
-            id: port,
-            type: "source",
-            position: Position.Right,
-            className: "umode-flow-handle",
-            "data-port": port,
-            style: { top: portTop(index, outputs.length) },
-            children: showPortLabels && !connectedPorts.includes(port) && /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 whitespace-nowrap text-xxs font-semibold text-foreground-subtle", children: data.portLabels[port] })
-          },
-          port
-        )),
-        canAdd && outputs.map(
-          (port, index) => connectedPorts.includes(port) ? null : /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "nodrag nopan absolute -right-10 -translate-y-1/2",
-              style: { top: portTop(index, outputs.length) },
-              children: /* @__PURE__ */ jsx(
-                ControlledMenu,
-                {
-                  placement: "right-start",
-                  triggerTooltip: t("flow.node.addBlock"),
-                  items: addableBlocks.map((block) => ({
-                    key: block.type,
-                    label: block.label,
-                    icon: block.icon,
-                    onClick: () => data.onAddFromPort?.(port, block.type)
-                  })),
-                  trigger: /* @__PURE__ */ jsx(
-                    ControlledButton,
-                    {
-                      defaultHtmlButton: true,
-                      className: "interactive flex size-6 items-center justify-center rounded-full border border-border-emphasis bg-surface text-foreground-muted shadow-sm hover:border-brand-border hover:bg-brand-soft hover:text-brand-emphasis focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                      children: /* @__PURE__ */ jsx(MaterialSymbol, { icon: "add", size: 16, "aria-hidden": true })
-                    }
-                  )
-                }
-              )
-            },
-            `add|${port}`
-          )
-        )
-      ]
-    }
-  );
-};
-export {
-  FLOW_INPUT_HANDLE_ID,
-  FlowBlockNode as default
-};
-//# sourceMappingURL=FlowBlockNode.js.map

package/dist/components/UI/Flow/FlowBlockNode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FlowBlockNode.js","sources":["../../../../src/components/UI/Flow/FlowBlockNode.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport ControlledButton from '@/components/Form/ControlledButton';\nimport ControlledMenu from '@/components/UI/ControlledMenu';\nimport { MaterialSymbol, type SymbolCodepoints } from '@/components/UI/MaterialSymbol';\nimport { Handle, type Node, type NodeProps, Position } from '@xyflow/react';\n\nimport FlowNodeShell from './FlowNodeShell';\nimport type { TFlowIssueSeverity, TFlowPortId, TFlowRunStepStatus } from './flowTypes';\n\nexport const FLOW_INPUT_HANDLE_ID = 'in';\n\nexport interface IFlowAddableBlock {\n  type: string;\n  label: string;\n  icon: SymbolCodepoints;\n}\n\nexport interface IFlowBlockNodeData extends Record<string, unknown> {\n  icon: SymbolCodepoints;\n  title: string;\n  categoryLabel: string;\n  summary?: ReactNode;\n  hasInput: boolean;\n  outputs: Array<TFlowPortId>;\n  /** Ports already wired: their edge carries the label, so the port does not repeat it. */\n  connectedPorts: Array<TFlowPortId>;\n  portLabels: Record<TFlowPortId, string>;\n  /** What a free port can grow into; empty in a read-only canvas. */\n  addableBlocks: Array<IFlowAddableBlock>;\n  onAddFromPort?: (port: TFlowPortId, type: string) => void;\n  disabled?: boolean;\n  issueSeverity?: TFlowIssueSeverity;\n  issueCount: number;\n  runStatus?: TFlowRunStepStatus;\n}\n\nexport type TFlowBlockNode = Node<IFlowBlockNodeData, 'flowBlock'>;\n\nconst portTop = (index: number, count: number): string => `${((index + 1) / (count + 1)) * 100}%`;\n\n/**\n * Input on the left edge, output ports spread along the right edge; a lone `next` port needs no\n * label. A free port shows a \"+\" that adds the next block already wired to it.\n */\nconst FlowBlockNode: React.FC<NodeProps<TFlowBlockNode>> = ({ data, selected }) => {\n  const { t } = useTranslation('ui');\n  const outputs = Array.isArray(data.outputs) ? data.outputs : [];\n  const connectedPorts = Array.isArray(data.connectedPorts) ? data.connectedPorts : [];\n  const addableBlocks = Array.isArray(data.addableBlocks) ? data.addableBlocks : [];\n  const showPortLabels = !(outputs.length === 1 && outputs[0] === 'next');\n  const canAdd = Boolean(data.onAddFromPort) && addableBlocks.length > 0;\n\n  return (\n    <FlowNodeShell\n      icon={data.icon}\n      title={data.title}\n      categoryLabel={data.categoryLabel}\n      summary={data.summary}\n      selected={selected}\n      disabled={data.disabled}\n      issueSeverity={data.issueSeverity}\n      issueCount={data.issueCount}\n      runStatus={data.runStatus}\n      className={showPortLabels ? 'pr-12' : undefined}\n    >\n      {data.hasInput && (\n        <Handle id={FLOW_INPUT_HANDLE_ID} type=\"target\" position={Position.Left} className=\"umode-flow-handle\" />\n      )}\n      {outputs.map((port, index) => (\n        <Handle\n          key={port}\n          id={port}\n          type=\"source\"\n          position={Position.Right}\n          className=\"umode-flow-handle\"\n          data-port={port}\n          style={{ top: portTop(index, outputs.length) }}\n        >\n          {showPortLabels && !connectedPorts.includes(port) && (\n            <span className=\"pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 whitespace-nowrap text-xxs font-semibold text-foreground-subtle\">\n              {data.portLabels[port]}\n            </span>\n          )}\n        </Handle>\n      ))}\n      {canAdd &&\n        outputs.map((port, index) =>\n          connectedPorts.includes(port) ? null : (\n            <div\n              key={`add|${port}`}\n              className=\"nodrag nopan absolute -right-10 -translate-y-1/2\"\n              style={{ top: portTop(index, outputs.length) }}\n            >\n              <ControlledMenu\n                placement=\"right-start\"\n                triggerTooltip={t('flow.node.addBlock')}\n                items={addableBlocks.map((block) => ({\n                  key: block.type,\n                  label: block.label,\n                  icon: block.icon,\n                  onClick: () => data.onAddFromPort?.(port, block.type),\n                }))}\n                trigger={\n                  <ControlledButton\n                    defaultHtmlButton\n                    className=\"interactive flex size-6 items-center justify-center rounded-full border border-border-emphasis bg-surface text-foreground-muted shadow-sm hover:border-brand-border hover:bg-brand-soft hover:text-brand-emphasis focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                  >\n                    <MaterialSymbol icon=\"add\" size={16} aria-hidden />\n                  </ControlledButton>\n                }\n              />\n            </div>\n          ),\n        )}\n    </FlowNodeShell>\n  );\n};\n\nexport default FlowBlockNode;\n"],"names":[],"mappings":";;;;;;;AAWO,MAAM,uBAAuB;AA6BpC,MAAM,UAAU,CAAC,OAAe,UAA0B,IAAK,QAAQ,MAAM,QAAQ,KAAM,GAAG;AAM9F,MAAM,gBAAqD,CAAC,EAAE,MAAM,eAAe;AACjF,QAAM,EAAE,EAAA,IAAM,eAAe,IAAI;AACjC,QAAM,UAAU,MAAM,QAAQ,KAAK,OAAO,IAAI,KAAK,UAAU,CAAA;AAC7D,QAAM,iBAAiB,MAAM,QAAQ,KAAK,cAAc,IAAI,KAAK,iBAAiB,CAAA;AAClF,QAAM,gBAAgB,MAAM,QAAQ,KAAK,aAAa,IAAI,KAAK,gBAAgB,CAAA;AAC/E,QAAM,iBAAiB,EAAE,QAAQ,WAAW,KAAK,QAAQ,CAAC,MAAM;AAChE,QAAM,SAAS,QAAQ,KAAK,aAAa,KAAK,cAAc,SAAS;AAErE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM,KAAK;AAAA,MACX,OAAO,KAAK;AAAA,MACZ,eAAe,KAAK;AAAA,MACpB,SAAS,KAAK;AAAA,MACd;AAAA,MACA,UAAU,KAAK;AAAA,MACf,eAAe,KAAK;AAAA,MACpB,YAAY,KAAK;AAAA,MACjB,WAAW,KAAK;AAAA,MAChB,WAAW,iBAAiB,UAAU;AAAA,MAErC,UAAA;AAAA,QAAA,KAAK,YACJ,oBAAC,QAAA,EAAO,IAAI,sBAAsB,MAAK,UAAS,UAAU,SAAS,MAAM,WAAU,oBAAA,CAAoB;AAAA,QAExG,QAAQ,IAAI,CAAC,MAAM,UAClB;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,IAAI;AAAA,YACJ,MAAK;AAAA,YACL,UAAU,SAAS;AAAA,YACnB,WAAU;AAAA,YACV,aAAW;AAAA,YACX,OAAO,EAAE,KAAK,QAAQ,OAAO,QAAQ,MAAM,EAAA;AAAA,YAE1C,UAAA,kBAAkB,CAAC,eAAe,SAAS,IAAI,KAC9C,oBAAC,QAAA,EAAK,WAAU,iIACb,UAAA,KAAK,WAAW,IAAI,EAAA,CACvB;AAAA,UAAA;AAAA,UAXG;AAAA,QAAA,CAcR;AAAA,QACA,UACC,QAAQ;AAAA,UAAI,CAAC,MAAM,UACjB,eAAe,SAAS,IAAI,IAAI,OAC9B;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAU;AAAA,cACV,OAAO,EAAE,KAAK,QAAQ,OAAO,QAAQ,MAAM,EAAA;AAAA,cAE3C,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,gBAAgB,EAAE,oBAAoB;AAAA,kBACtC,OAAO,cAAc,IAAI,CAAC,WAAW;AAAA,oBACnC,KAAK,MAAM;AAAA,oBACX,OAAO,MAAM;AAAA,oBACb,MAAM,MAAM;AAAA,oBACZ,SAAS,MAAM,KAAK,gBAAgB,MAAM,MAAM,IAAI;AAAA,kBAAA,EACpD;AAAA,kBACF,SACE;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,mBAAiB;AAAA,sBACjB,WAAU;AAAA,sBAEV,8BAAC,gBAAA,EAAe,MAAK,OAAM,MAAM,IAAI,eAAW,KAAA,CAAC;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACnD;AAAA,cAAA;AAAA,YAEJ;AAAA,YArBK,OAAO,IAAI;AAAA,UAAA;AAAA,QAsBlB;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGR;"}

package/dist/components/UI/Flow/FlowCanvas.d.ts

@@ -1,22 +0,0 @@
-import { ReactNode } from 'react';
-import { PanelPosition } from '@xyflow/react';
-import { IFlowIssue, IFlowRunOverlay } from './flowTypes';
-export interface IFlowCanvasProps {
-    issues?: Array<IFlowIssue>;
-    runOverlay?: IFlowRunOverlay | null;
-    readOnly?: boolean;
-    /** Accessible name of the canvas region, from `t()`. Defaults to the library label. */
-    ariaLabel?: string;
-    className?: string;
-    /** Where the zoom and history controls sit; move them when floating chrome takes that corner. */
-    controlsPosition?: PanelPosition;
-    /** Floating chrome drawn over the canvas (toolbars, panels); position it with absolute classes. */
-    children?: ReactNode;
-}
-/**
- * The editing surface. Renders the graph held by `FlowEditorProvider` and turns every
- * gesture (drag, connect, select, delete, drop, shortcuts) into a store action, so undo
- * and the dirty flag see all of them.
- */
-declare const FlowCanvas: React.FC<IFlowCanvasProps>;
-export default FlowCanvas;