@adatechnology/conversations-ui 0.1.0-rc.27 → 0.1.0-rc.29

package/dist/{chunk-UZJBYD5O.js → chunk-GY472G6E.js}

@@ -1966,9 +1966,9 @@ function ConversationDocumentsPanel({
 }
 
 // src/DocumentsLibrary.tsx
-import { useEffect as useEffect4, useState as useState11 } from "react";
-import { ArrowUpDown as ArrowUpDown2, Bot as Bot2, Download as Download2, Eye as Eye2, MessageSquare, Users as Users2 } from "lucide-react";
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useEffect as useEffect4, useRef as useRef5, useState as useState11 } from "react";
+import { ArrowUpDown as ArrowUpDown2, Bot as Bot2, Download as Download2, Eye as Eye2, MessageSquare, Upload, Users as Users2 } from "lucide-react";
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 var DEFAULT_DOCUMENTS_LIBRARY_LABELS = {
   title: "Documentos",
   searchPlaceholder: "Buscar por nome do arquivo ou telefone",
@@ -1985,6 +1985,8 @@ var DEFAULT_DOCUMENTS_LIBRARY_LABELS = {
   sortMostRecent: "Mais recentes",
   sortOldest: "Mais antigos",
   clearFilters: "Limpar filtros",
+  upload: "Enviar documento",
+  uploadError: "N\xE3o foi poss\xEDvel enviar o arquivo.",
   total: (count) => `${count} arquivo${count === 1 ? "" : "s"}`,
   page: (current, last) => `${current} / ${last}`
 };
@@ -2007,9 +2009,14 @@ function DocumentsLibrary({
   const [total, setTotal] = useState11(0);
   const [loading, setLoading] = useState11(false);
   const [failed, setFailed] = useState11(false);
+  const [uploading, setUploading] = useState11(false);
+  const [uploadFailed, setUploadFailed] = useState11(false);
+  const [reloadToken, setReloadToken] = useState11(0);
+  const fileInputRef = useRef5(null);
   const hasFilters = search !== "" || sourceFilter !== DOCUMENT_SOURCE_FILTER.ALL || sortDirection !== "desc";
   const lastPage = Math.max(1, Math.ceil(total / perPage));
   const fetchAll = context?.api.getAllDocuments;
+  const uploadDocument = context?.api.uploadDocument;
   useEffect4(() => {
     if (!fetchAll) return;
     let active = true;
@@ -2033,7 +2040,7 @@ function DocumentsLibrary({
     return () => {
       active = false;
     };
-  }, [fetchAll, search, sourceFilter, sortDirection, page, perPage]);
+  }, [fetchAll, search, sourceFilter, sortDirection, page, perPage, reloadToken]);
   function applyFilter(change) {
     change();
     setPage(1);
@@ -2042,6 +2049,19 @@ function DocumentsLibrary({
     const url = await context?.api.getDocumentUrl(uploadId, disposition);
     if (url) window.open(url, "_blank", "noopener,noreferrer");
   }
+  async function handleUpload(file) {
+    if (!uploadDocument) return;
+    setUploading(true);
+    setUploadFailed(false);
+    try {
+      await uploadDocument(file);
+      setReloadToken((token) => token + 1);
+    } catch {
+      setUploadFailed(true);
+    } finally {
+      setUploading(false);
+    }
+  }
   if (!fetchAll) return null;
   return /* @__PURE__ */ jsxs12("div", { className: cn("space-y-3", classNames?.root, className), children: [
     /* @__PURE__ */ jsx17("h2", { className: cn("text-lg font-semibold", classNames?.title), children: labels.title }),
@@ -2099,10 +2119,41 @@ function DocumentsLibrary({
           className: cn("cv-header-action", classNames?.clearButton),
           children: labels.clearFilters
         }
-      ) : null
+      ) : null,
+      uploadDocument ? /* @__PURE__ */ jsxs12(Fragment4, { children: [
+        /* @__PURE__ */ jsx17(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            hidden: true,
+            onChange: (event) => {
+              const file = event.target.files?.[0];
+              event.target.value = "";
+              if (file) void handleUpload(file);
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs12(
+          "button",
+          {
+            "data-cv-tooltip": labels.upload,
+            "aria-label": labels.upload,
+            type: "button",
+            onClick: () => fileInputRef.current?.click(),
+            disabled: uploading,
+            className: "cv-header-action ml-auto inline-flex items-center gap-1 disabled:opacity-40",
+            children: [
+              /* @__PURE__ */ jsx17(Upload, { size: 14, "aria-hidden": "true" }),
+              labels.upload
+            ]
+          }
+        )
+      ] }) : null
     ] }),
     loading ? /* @__PURE__ */ jsx17("p", { className: cn("text-sm text-gray-500", classNames?.status), children: labels.loading }) : null,
     failed ? /* @__PURE__ */ jsx17("p", { role: "alert", className: cn("text-sm text-red-600 dark:text-red-400", classNames?.status), children: labels.failure }) : null,
+    uploadFailed ? /* @__PURE__ */ jsx17("p", { role: "alert", className: cn("text-sm text-red-600 dark:text-red-400", classNames?.status), children: labels.uploadError }) : null,
     !loading && !failed && documents.length === 0 ? /* @__PURE__ */ jsx17("p", { className: cn("text-sm text-gray-500", classNames?.status), children: hasFilters ? labels.noResults : labels.empty }) : null,
     /* @__PURE__ */ jsx17("ul", { className: cn("space-y-2", classNames?.list), children: documents.map((document2) => {
       const isFromCustomer = !TEAM_SOURCES2.has(document2.source);

package/dist/flows/index.d.ts

@@ -64,7 +64,7 @@ type CollectionChain = {
     actionNodeId: string;
 };
 declare function findCollectionChains(graph: FlowGraphData): CollectionChain[];
-declare function slugifyNodeId(label: string, existing: Set<string>): string;
+declare function slugifyNodeId(label: string, existing: ReadonlySet<string>): string;
 
 interface FlowEditorLabels {
     legend: Record<FlowNodeType, string>;
@@ -383,4 +383,75 @@ interface FlowsWorkspaceProps {
  */
 declare function FlowsWorkspace({ api, rootFlowKey, labels: labelsOverride, actionOptions, renderMediaPicker, livePollIntervalMs, className, }: FlowsWorkspaceProps): react.JSX.Element;
 
-export { BUILT_IN_ACTION_KINDS, CONDITION_OPERATORS, CROSS_FLOW_PREFIX, type CollectionChain, type CreateFlowInput, DEFAULT_FLOW_EDITOR_LABELS, type FlowEditorLabels, FlowGroupFrame, type FlowGroupFrameData, FlowGroupHeader, type FlowGroupHeaderData, type FlowLivePosition, FlowMapCanvas, type FlowMapCanvasProps, FlowMapNode, type FlowMapNodeData, FlowNodeCard, type FlowNodeCardData, FlowNodePanel, type FlowNodePanelProps, FlowPalette, type FlowPaletteActionOption, type FlowPaletteProps, FlowPortalNode, type FlowPortalNodeData, type FlowValidationLabels, FlowWhatsAppPreview, type FlowWhatsAppPreviewProps, FlowsWorkspace, type FlowsWorkspaceApi, type FlowsWorkspaceProps, type GraphIssue, NODE_CARD_WIDTH, type NewNodeSpec, WHATSAPP_LIMITS, computeAutoLayout, computeFlowMapLayout, crossFlowKey, crossFlowTargetsOf, estimateNodeHeight, findCollectionChains, flowGroupFrameNodeTypes, flowGroupHeaderNodeTypes, flowMapNodeTypes, flowNodeTypes, flowPortalNodeTypes, isCrossFlowTarget, mergeFlowEditorLabels, nodeLabel, rendersAsButtons, slugifyNodeId, targetsOf, validateGraph };
+/**
+ * Copyright (c) 2026 Ada Technology. MIT License.
+ *
+ * Operações puras de grafo que o editor de fluxo precisa, e que viviam soltas dentro da página de
+ * 973 linhas do financiamento.
+ *
+ * Puras e separadas do hook de propósito: são a parte que dá para testar sem navegador, sem React e
+ * sem estado — e três delas (`removeNodeAndCleanRefs`, `resolveConnection`, `mergedFlowKeysFrom`)
+ * decidem o que acontece com o fluxo que alguém desenhou. Errar ali não dá erro; dá aresta apontando
+ * para nó que não existe mais, ou fluxo que some do canvas.
+ */
+
+/**
+ * Id de nó no canvas mesclado: vários fluxos dividem o mesmo espaço, e `boas-vindas` pode existir em
+ * dois deles. Sem o prefixo, arrastar um card moveria o homônimo do outro fluxo.
+ */
+declare function namespaceNodeId(flowKey: string, nodeId: string): string;
+declare function parseNamespacedId(value: string): {
+    flowKey: string;
+    nodeId: string;
+};
+/**
+ * Apaga o nó E as referências a ele.
+ *
+ * A limpeza não é cortesia: uma aresta apontando para nó inexistente faz o motor do bot parar a
+ * conversa no meio, e o sintoma aparece para o cliente, não para quem editou.
+ */
+declare function removeNodeAndCleanRefs(nodes: Readonly<Record<string, FlowNodeData>>, removedId: string): Record<string, FlowNodeData>;
+/**
+ * O fecho transitivo dos fluxos alcançáveis a partir de um — é o conjunto que o canvas abre junto.
+ *
+ * BFS e não recursão: fluxo que referencia a si mesmo (menu que volta ao menu) é comum, e recursão
+ * ingênua estouraria a pilha no caso mais banal que existe.
+ */
+declare function mergedFlowKeysFrom(rootKey: string, graphs: Readonly<Record<string, FlowGraphData>>): readonly string[];
+type ConnectionRequest = {
+    readonly source: string;
+    readonly target: string;
+    readonly sourceHandle?: string | null | undefined;
+};
+type ResolvedConnection = {
+    readonly flowKey: string;
+    readonly nodeId: string;
+    readonly handle: string;
+    /** O que gravar no `next`: id de nó local, ou `flow:<key>` quando atravessa fluxo. */
+    readonly targetValue: string;
+};
+/**
+ * Traduz um arraste de aresta no valor que vai para o `next` — e recusa o que o motor do bot não
+ * sabe executar.
+ *
+ * A regra que não é óbvia: conectar num nó de OUTRO fluxo só funciona se for o nó inicial dele,
+ * porque o motor só sabe pular para o começo de um fluxo, não para um nó do meio. Conectar no meio
+ * devolve `undefined` — recusa silenciosa é melhor que gravar um salto que o bot vai ignorar em
+ * produção, deixando a conversa parada sem ninguém entender por quê.
+ */
+declare function resolveConnection(params: {
+    readonly connection: ConnectionRequest;
+    readonly graphs: Readonly<Record<string, FlowGraphData>>;
+}): ResolvedConnection | undefined;
+/** Aplica a conexão resolvida no nó. `next` string para saída única, objeto para ramificação. */
+declare function applyConnection(node: FlowNodeData, resolved: ResolvedConnection): FlowNodeData;
+/**
+ * Um fluxo está sujo quando o rascunho difere do publicado.
+ *
+ * Comparação estrutural por JSON: é grosseira, e é suficiente porque o grafo é dado serializável sem
+ * ordem significativa de chave — o servidor devolve o que gravou. Comparar campo a campo daria a
+ * mesma resposta com mais código para errar.
+ */
+declare function isGraphDirty(working: FlowGraphData | undefined, published: FlowGraphData | undefined): boolean;
+
+export { BUILT_IN_ACTION_KINDS, CONDITION_OPERATORS, CROSS_FLOW_PREFIX, type CollectionChain, type ConnectionRequest, type CreateFlowInput, DEFAULT_FLOW_EDITOR_LABELS, type FlowEditorLabels, FlowGroupFrame, type FlowGroupFrameData, FlowGroupHeader, type FlowGroupHeaderData, type FlowLivePosition, FlowMapCanvas, type FlowMapCanvasProps, FlowMapNode, type FlowMapNodeData, FlowNodeCard, type FlowNodeCardData, FlowNodePanel, type FlowNodePanelProps, FlowPalette, type FlowPaletteActionOption, type FlowPaletteProps, FlowPortalNode, type FlowPortalNodeData, type FlowValidationLabels, FlowWhatsAppPreview, type FlowWhatsAppPreviewProps, FlowsWorkspace, type FlowsWorkspaceApi, type FlowsWorkspaceProps, type GraphIssue, NODE_CARD_WIDTH, type NewNodeSpec, type ResolvedConnection, WHATSAPP_LIMITS, applyConnection, computeAutoLayout, computeFlowMapLayout, crossFlowKey, crossFlowTargetsOf, estimateNodeHeight, findCollectionChains, flowGroupFrameNodeTypes, flowGroupHeaderNodeTypes, flowMapNodeTypes, flowNodeTypes, flowPortalNodeTypes, isCrossFlowTarget, isGraphDirty, mergeFlowEditorLabels, mergedFlowKeysFrom, namespaceNodeId, nodeLabel, parseNamespacedId, removeNodeAndCleanRefs, rendersAsButtons, resolveConnection, slugifyNodeId, targetsOf, validateGraph };

package/dist/flows/index.js

@@ -1267,6 +1267,87 @@ import {
 } from "@xyflow/react";
 import "@xyflow/react/dist/style.css";
 import { Plus as Plus3, Trash2 as Trash22, LayoutGrid, AlertTriangle as AlertTriangle3, AlertCircle as AlertCircle3, Save as Save2, Undo2, Map as MapIcon, Workflow } from "lucide-react";
+
+// src/flows/flowEditorOps.ts
+var NAMESPACE_SEPARATOR = "::";
+function namespaceNodeId(flowKey, nodeId) {
+  return `${flowKey}${NAMESPACE_SEPARATOR}${nodeId}`;
+}
+function parseNamespacedId(value) {
+  const index = value.indexOf(NAMESPACE_SEPARATOR);
+  if (index === -1) return { flowKey: "", nodeId: value };
+  return { flowKey: value.slice(0, index), nodeId: value.slice(index + NAMESPACE_SEPARATOR.length) };
+}
+function removeNodeAndCleanRefs(nodes, removedId) {
+  const remaining = {};
+  for (const [id, node] of Object.entries(nodes)) {
+    if (id === removedId) continue;
+    remaining[id] = { ...node, next: cleanNext(node.next, removedId) };
+  }
+  return remaining;
+}
+function cleanNext(next, removedId) {
+  if (next === void 0) return void 0;
+  if (typeof next === "string") return next === removedId ? "" : next;
+  const byAnswer = {};
+  for (const [answer, target] of Object.entries(next.byAnswer ?? {})) {
+    byAnswer[answer] = target === removedId ? "" : target;
+  }
+  return { byAnswer, default: next.default === removedId ? "" : next.default ?? "" };
+}
+function mergedFlowKeysFrom(rootKey, graphs) {
+  const visited = /* @__PURE__ */ new Set();
+  const queue = [rootKey];
+  while (queue.length > 0) {
+    const key = queue.shift();
+    if (visited.has(key) || !graphs[key]) continue;
+    visited.add(key);
+    for (const target of crossFlowTargetsOf(graphs[key])) {
+      if (!visited.has(target) && graphs[target]) queue.push(target);
+    }
+  }
+  return [...visited];
+}
+function resolveConnection(params) {
+  const { source, target, sourceHandle } = params.connection;
+  if (!source || !target || source === target) return void 0;
+  const sourceRef = parseNamespacedId(source);
+  const targetRef = parseNamespacedId(target);
+  let targetValue;
+  if (targetRef.flowKey === sourceRef.flowKey) {
+    targetValue = targetRef.nodeId;
+  } else {
+    const targetGraph = params.graphs[targetRef.flowKey];
+    if (!targetGraph || targetGraph.startNodeId !== targetRef.nodeId) return void 0;
+    targetValue = `${CROSS_FLOW_PREFIX}${targetRef.flowKey}`;
+  }
+  return {
+    flowKey: sourceRef.flowKey,
+    nodeId: sourceRef.nodeId,
+    handle: sourceHandle ?? "next",
+    targetValue
+  };
+}
+function applyConnection(node, resolved) {
+  const currentNext = typeof node.next === "object" && node.next ? node.next : void 0;
+  if (resolved.handle === "next") return { ...node, next: resolved.targetValue };
+  if (resolved.handle === "__default") {
+    return { ...node, next: { byAnswer: currentNext?.byAnswer ?? {}, default: resolved.targetValue } };
+  }
+  return {
+    ...node,
+    next: {
+      byAnswer: { ...currentNext?.byAnswer ?? {}, [resolved.handle]: resolved.targetValue },
+      default: currentNext?.default ?? ""
+    }
+  };
+}
+function isGraphDirty(working, published) {
+  if (!working || !published) return false;
+  return JSON.stringify(working) !== JSON.stringify(published);
+}
+
+// src/flows/FlowsWorkspace.tsx
 import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var RF_NODE_TYPES = {
   ...flowNodeTypes,
@@ -1277,7 +1358,6 @@ var RF_NODE_TYPES = {
 var CHAIN_FRAME_PADDING = 36;
 var COLUMN_GAP = 360;
 var ROW_GAP = 40;
-var NS_SEP = "::";
 var FLOW_KEY_PATTERN = /^[a-z0-9_]{2,40}$/;
 var EDGE_COLOR_LINEAR = "#94a3b8";
 var EDGE_COLOR_BRANCH = "#8b5cf6";
@@ -1289,25 +1369,8 @@ var BACKGROUND_COLOR_DARK2 = "#334155";
 function portalNodeId(sourceId, target) {
   return `__portal__${sourceId}__${target}`;
 }
-function ns(flowKey, nodeId) {
-  return `${flowKey}${NS_SEP}${nodeId}`;
-}
-function parseNs(id) {
-  const index = id.indexOf(NS_SEP);
-  return index === -1 ? { flowKey: "", nodeId: id } : { flowKey: id.slice(0, index), nodeId: id.slice(index + NS_SEP.length) };
-}
 function autoMergeAll(rootKey, graphsSource) {
-  const visited = /* @__PURE__ */ new Set();
-  const queue = [rootKey];
-  while (queue.length > 0) {
-    const key = queue.shift();
-    if (visited.has(key) || !graphsSource[key]) continue;
-    visited.add(key);
-    for (const target of crossFlowTargetsOf(graphsSource[key])) {
-      if (!visited.has(target) && graphsSource[target]) queue.push(target);
-    }
-  }
-  return [...visited].map((key) => ({ key, offset: { x: 0, y: 0 } }));
+  return mergedFlowKeysFrom(rootKey, graphsSource).map((key) => ({ key, offset: { x: 0, y: 0 } }));
 }
 function computeMergedLayout(openFlows, workingGraphs, primaryFlowKey) {
   const openKeys = new Set(openFlows.map((flow) => flow.key));
@@ -1315,7 +1378,7 @@ function computeMergedLayout(openFlows, workingGraphs, primaryFlowKey) {
   for (const { key } of openFlows) {
     const graph = workingGraphs[key];
     if (!graph) continue;
-    for (const node of Object.values(graph.nodes)) nodeByNsId.set(ns(key, node.id), node);
+    for (const node of Object.values(graph.nodes)) nodeByNsId.set(namespaceNodeId(key, node.id), node);
   }
   function forwardEdges(flowKey, node) {
     const result = [];
@@ -1323,16 +1386,16 @@ function computeMergedLayout(openFlows, workingGraphs, primaryFlowKey) {
       if (isCrossFlowTarget(target)) {
         const targetFlowKey = crossFlowKey(target);
         const targetGraph = openKeys.has(targetFlowKey) ? workingGraphs[targetFlowKey] : void 0;
-        if (targetGraph) result.push(ns(targetFlowKey, targetGraph.startNodeId));
+        if (targetGraph) result.push(namespaceNodeId(targetFlowKey, targetGraph.startNodeId));
       } else if (workingGraphs[flowKey]?.nodes[target]) {
-        result.push(ns(flowKey, target));
+        result.push(namespaceNodeId(flowKey, target));
       }
     }
     return result;
   }
   const rank = /* @__PURE__ */ new Map();
   const primaryGraph = workingGraphs[primaryFlowKey];
-  const rootId = primaryGraph ? ns(primaryFlowKey, primaryGraph.startNodeId) : void 0;
+  const rootId = primaryGraph ? namespaceNodeId(primaryFlowKey, primaryGraph.startNodeId) : void 0;
   if (rootId && nodeByNsId.has(rootId)) {
     rank.set(rootId, 0);
     const queue = [rootId];
@@ -1340,7 +1403,7 @@ function computeMergedLayout(openFlows, workingGraphs, primaryFlowKey) {
       const id = queue.shift();
       const node = nodeByNsId.get(id);
       if (!node) continue;
-      for (const nextId of forwardEdges(parseNs(id).flowKey, node)) {
+      for (const nextId of forwardEdges(parseNamespacedId(id).flowKey, node)) {
         if (!rank.has(nextId)) {
           rank.set(nextId, rank.get(id) + 1);
           queue.push(nextId);
@@ -1387,6 +1450,7 @@ function buildAllEdges(openFlows, workingGraphs, rootFlowKey, livePositions) {
     for (const [id, node] of Object.entries(graph.nodes)) {
       const isLive = (liveCounts[id] ?? 0) > 0;
       for (const { target, optionId, isDefault } of targetsOf(node)) {
+        if (!target) continue;
         const crossFlow = isCrossFlowTarget(target);
         let targetFlowKey = flowKey;
         let rawTargetId = target;
@@ -1400,8 +1464,8 @@ function buildAllEdges(openFlows, workingGraphs, rootFlowKey, livePositions) {
             rawTargetId = portalNodeId(id, target);
           }
         }
-        const source = ns(flowKey, id);
-        const edgeTarget = ns(targetFlowKey, rawTargetId);
+        const source = namespaceNodeId(flowKey, id);
+        const edgeTarget = namespaceNodeId(targetFlowKey, rawTargetId);
         if (optionId === void 0 && !isDefault) {
           const color = crossFlow ? EDGE_COLOR_CROSS_FLOW : isLive ? EDGE_COLOR_LIVE : EDGE_COLOR_LINEAR;
           edges.push({
@@ -1468,29 +1532,6 @@ function newNodeFromSpec(spec, existingIds) {
   const id = slugifyNodeId("nova_acao", existingIds);
   return { id, type: "action", actionKind: spec.actionKind };
 }
-function removeNodeAndCleanRefs(nodes, nodeId) {
-  const { [nodeId]: _removed, ...rest } = nodes;
-  return Object.fromEntries(
-    Object.entries(rest).map(([id, node]) => {
-      if (!node.next) return [id, node];
-      if (typeof node.next === "string") {
-        return [id, node.next === nodeId ? { ...node, next: void 0 } : node];
-      }
-      return [
-        id,
-        {
-          ...node,
-          next: {
-            byAnswer: Object.fromEntries(
-              Object.entries(node.next.byAnswer).map(([key, value]) => [key, value === nodeId ? "" : value])
-            ),
-            default: node.next.default === nodeId ? "" : node.next.default
-          }
-        }
-      ];
-    })
-  );
-}
 function extractErrorMessage(error) {
   if (error instanceof Error) return error.message;
   return void 0;
@@ -1667,7 +1708,7 @@ function FlowsWorkspace({
     for (const { key: flowKey, offset } of openFlows) {
       let resolvePosition2 = function(nodeId) {
         if (mergedPositions) {
-          const nsId = ns(flowKey, nodeId);
+          const nsId = namespaceNodeId(flowKey, nodeId);
           return renderedPositionsRef.current.get(nsId) ?? mergedPositions.get(nsId) ?? { x: 0, y: 0 };
         }
         const local = graph.nodes[nodeId]?.position ?? fallbackPositions[nodeId] ?? { x: 0, y: 0 };
@@ -1689,7 +1730,7 @@ function FlowsWorkspace({
       for (const node of Object.values(graph.nodes)) {
         const position = resolvePosition2(node.id);
         allNodes.push({
-          id: ns(flowKey, node.id),
+          id: namespaceNodeId(flowKey, node.id),
           type: "flowNode",
           position,
           draggable: true,
@@ -1709,7 +1750,7 @@ function FlowsWorkspace({
           const targetFlowKey = crossFlowKey(target);
           if (openFlows.some((flow) => flow.key === targetFlowKey)) return;
           allNodes.push({
-            id: ns(flowKey, portalNodeId(node.id, target)),
+            id: namespaceNodeId(flowKey, portalNodeId(node.id, target)),
             type: "flowPortal",
             draggable: false,
             selectable: false,
@@ -1729,7 +1770,7 @@ function FlowsWorkspace({
         const minY = Math.min(...positions.map((point) => point.y));
         const maxY = Math.max(...positions.map((point) => point.y)) + estimateNodeHeight(graph.nodes[chain.actionNodeId]);
         allNodes.push({
-          id: ns(flowKey, `__chain__${chain.actionNodeId}`),
+          id: namespaceNodeId(flowKey, `__chain__${chain.actionNodeId}`),
           type: "flowGroupFrame",
           draggable: false,
           selectable: false,
@@ -1747,7 +1788,7 @@ function FlowsWorkspace({
       if (!isPrimary) {
         const startPosition = resolvePosition2(graph.startNodeId);
         allNodes.push({
-          id: ns(flowKey, "__group_header__"),
+          id: namespaceNodeId(flowKey, "__group_header__"),
           type: "flowGroupHeader",
           draggable: false,
           selectable: false,
@@ -1799,10 +1840,11 @@ function FlowsWorkspace({
   const onNodeDragStop = useCallback(
     (_event, node) => {
       renderedPositionsRef.current.set(node.id, node.position);
-      const { flowKey, nodeId } = parseNs(node.id);
+      const { flowKey, nodeId } = parseNamespacedId(node.id);
       const openFlow = openFlows.find((flow) => flow.key === flowKey);
       if (!openFlow) return;
-      const localPosition = { x: node.position.x - openFlow.offset.x, y: node.position.y - openFlow.offset.y };
+      const drawnWithOffset = openFlows.length === 1;
+      const localPosition = drawnWithOffset ? { x: node.position.x - openFlow.offset.x, y: node.position.y - openFlow.offset.y } : node.position;
       updateFlow(
         flowKey,
         (graph) => graph.nodes[nodeId] ? { ...graph, nodes: { ...graph.nodes, [nodeId]: { ...graph.nodes[nodeId], position: localPosition } } } : graph
@@ -1812,26 +1854,15 @@ function FlowsWorkspace({
   );
   const onConnect = useCallback(
     (connection) => {
-      const { source, sourceHandle, target } = connection;
-      if (!source || !target || source === target) return;
-      const sourceRef = parseNs(source);
-      const targetRef = parseNs(target);
-      let targetValue;
-      if (targetRef.flowKey === sourceRef.flowKey) {
-        targetValue = targetRef.nodeId;
-      } else {
-        const targetGraph = workingGraphs[targetRef.flowKey];
-        if (!targetGraph || targetGraph.startNodeId !== targetRef.nodeId) return;
-        targetValue = `${CROSS_FLOW_PREFIX}${targetRef.flowKey}`;
-      }
-      updateFlow(sourceRef.flowKey, (graph) => {
-        const node = graph.nodes[sourceRef.nodeId];
+      const resolved = resolveConnection({
+        connection: { source: connection.source, target: connection.target, sourceHandle: connection.sourceHandle },
+        graphs: workingGraphs
+      });
+      if (!resolved) return;
+      updateFlow(resolved.flowKey, (graph) => {
+        const node = graph.nodes[resolved.nodeId];
         if (!node) return graph;
-        const handle = sourceHandle ?? "next";
-        const currentByAnswer = typeof node.next === "object" && node.next ? node.next.byAnswer : {};
-        const currentDefault = typeof node.next === "object" && node.next ? node.next.default : "";
-        const updatedNode = handle === "next" ? { ...node, next: targetValue } : handle === "__default" ? { ...node, next: { byAnswer: currentByAnswer, default: targetValue } } : { ...node, next: { byAnswer: { ...currentByAnswer, [handle]: targetValue }, default: currentDefault } };
-        return { ...graph, nodes: { ...graph.nodes, [sourceRef.nodeId]: updatedNode } };
+        return { ...graph, nodes: { ...graph.nodes, [resolved.nodeId]: applyConnection(node, resolved) } };
       });
     },
     [workingGraphs, updateFlow]
@@ -1843,7 +1874,7 @@ function FlowsWorkspace({
     newNode.position = { x: 0, y: maxY + 170 };
     updateFlow(primaryFlowKey, (graph) => ({ ...graph, nodes: { ...graph.nodes, [newNode.id]: newNode } }));
     setEditingRef({ flowKey: primaryFlowKey, nodeId: newNode.id });
-    setPendingFocusNodeId(ns(primaryFlowKey, newNode.id));
+    setPendingFocusNodeId(namespaceNodeId(primaryFlowKey, newNode.id));
   }
   function handleNodePanelChange(updated) {
     if (!editingRef) return;
@@ -1865,7 +1896,7 @@ function FlowsWorkspace({
           ...graph,
           nodes: Object.fromEntries(
             Object.entries(graph.nodes).map(([id, node]) => {
-              const position = positions2.get(ns(key, id));
+              const position = positions2.get(namespaceNodeId(key, id));
               return [
                 id,
                 position ? { ...node, position: { x: position.x - offset.x, y: position.y - offset.y } } : node
@@ -2289,6 +2320,7 @@ export {
   FlowsWorkspace,
   NODE_CARD_WIDTH,
   WHATSAPP_LIMITS,
+  applyConnection,
   computeAutoLayout,
   computeFlowMapLayout,
   crossFlowKey,
@@ -2301,9 +2333,15 @@ export {
   flowNodeTypes,
   flowPortalNodeTypes,
   isCrossFlowTarget,
+  isGraphDirty,
   mergeFlowEditorLabels,
+  mergedFlowKeysFrom,
+  namespaceNodeId,
   nodeLabel,
+  parseNamespacedId,
+  removeNodeAndCleanRefs,
   rendersAsButtons,
+  resolveConnection,
   slugifyNodeId,
   targetsOf,
   validateGraph

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import react__default, { ReactNode, CSSProperties, UIEvent, FormEvent, RefObject } from 'react';
-import { G as MessagePayload, N as ResolveMediaUrl, z as InteractiveSelection, J as MessageTranscription, x as InteractivePayload, r as ConversationsFeatures, o as ConversationSummary, j as ConversationChannel, L as ListConversationsParams, q as ConversationsApi, S as SSEProvider, T as TranscriptionMode, B as ListDocumentsParams, k as ConversationDocument, p as ConversationTemplate, f as ChannelFilter, g as ChannelFilterOption } from './types-BfINicc-.js';
-export { A as AudioRecorderButton, a as AudioRecorderButtonLabels, b as AudioRecorderButtonProps, C as CHANNEL_CAPABILITIES, c as CHANNEL_FILTER_ALL, d as CONVERSATION_CHANNEL, e as ChannelCapabilities, h as CompanyDocument, i as CompanyDocumentPage, l as ConversationDocumentPage, m as ConversationEventSource, n as ConversationPage, s as ConversationsTheme, t as ConversationsUIConfig, D as DEFAULT_AUDIO_RECORDER_BUTTON_LABELS, u as DEFAULT_CONVERSATION_CHANNEL, v as DEFAULT_MAX_RECORDING_MILLISECONDS, F as FormatContactHandleParams, H as HANDLE_KIND, w as HandleKind, I as InteractiveOption, y as InteractiveSection, M as MediaRenderer, E as MediaRendererProps, R as REOPEN_MECHANISM, K as ReopenMechanism, O as TranscriptionStatus, P as capabilitiesOf, Q as channelFiltersFor, U as contactFlag, V as formatContactHandle } from './types-BfINicc-.js';
+import { G as MessagePayload, N as ResolveMediaUrl, z as InteractiveSelection, J as MessageTranscription, x as InteractivePayload, r as ConversationsFeatures, o as ConversationSummary, j as ConversationChannel, L as ListConversationsParams, q as ConversationsApi, S as SSEProvider, T as TranscriptionMode, B as ListDocumentsParams, k as ConversationDocument, p as ConversationTemplate, f as ChannelFilter, g as ChannelFilterOption } from './types-De5aN-E_.js';
+export { A as AudioRecorderButton, a as AudioRecorderButtonLabels, b as AudioRecorderButtonProps, C as CHANNEL_CAPABILITIES, c as CHANNEL_FILTER_ALL, d as CONVERSATION_CHANNEL, e as ChannelCapabilities, h as CompanyDocument, i as CompanyDocumentPage, l as ConversationDocumentPage, m as ConversationEventSource, n as ConversationPage, s as ConversationsTheme, t as ConversationsUIConfig, D as DEFAULT_AUDIO_RECORDER_BUTTON_LABELS, u as DEFAULT_CONVERSATION_CHANNEL, v as DEFAULT_MAX_RECORDING_MILLISECONDS, F as FormatContactHandleParams, H as HANDLE_KIND, w as HandleKind, I as InteractiveOption, y as InteractiveSection, M as MediaRenderer, E as MediaRendererProps, R as REOPEN_MECHANISM, K as ReopenMechanism, O as TranscriptionStatus, P as capabilitiesOf, Q as channelFiltersFor, U as contactFlag, V as formatContactHandle } from './types-De5aN-E_.js';
 
 interface MessageBubbleProps {
     message: MessagePayload;
@@ -727,6 +727,8 @@ interface DocumentsLibraryLabels {
     sortMostRecent: string;
     sortOldest: string;
     clearFilters: string;
+    upload: string;
+    uploadError: string;
     total: (count: number) => string;
     page: (current: number, last: number) => string;
 }
@@ -835,6 +837,8 @@ interface DocumentsWorkspaceLabels {
     readonly bulkDownloadZip: string;
     readonly bulkRemove: (count: number) => string;
     readonly bulkRemoveConfirm: (count: number) => string;
+    readonly upload: string;
+    readonly uploadError: string;
     readonly columnFilename: string;
     readonly columnContact: string;
     readonly columnType: string;