@datatechsolutions/ui 2.11.44 → 2.11.46

package/dist/{chunk-IWATRHQP.mjs → chunk-MAGSMQG7.mjs}

@@ -1216,7 +1216,8 @@ function DatasourceNodeConfigForm({
   onCancel,
   datasources,
   onLoadTables,
-  onLoadSchema
+  onLoadSchema,
+  readOnly = false
 }) {
   const t = useTranslations("agents.workflow.datasourceNodeConfig");
   const [activeSectionId, setActiveSectionId] = useState("connection");
@@ -1338,9 +1339,12 @@ function DatasourceNodeConfigForm({
               {
                 type: "button",
                 onClick: () => {
-                  handleDatasourceChange(datasource.id);
-                  setActiveSectionId("table");
+                  if (!readOnly) {
+                    handleDatasourceChange(datasource.id);
+                    setActiveSectionId("table");
+                  }
                 },
+                disabled: readOnly && datasource.id !== selectedDatasourceId,
                 className: `flex items-center gap-3 rounded-xl border px-3 py-2.5 text-left transition-all ${isSelected ? "border-cyan-500/50 bg-cyan-500/5 ring-1 ring-cyan-500/20 dark:border-cyan-400/40 dark:bg-cyan-400/5" : "border-gray-200 bg-white hover:border-gray-300 hover:shadow-sm dark:border-white/10 dark:bg-white/[0.03] dark:hover:border-white/20"}`,
                 children: [
                   /* @__PURE__ */ jsx("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center", children: logo2 ? /* @__PURE__ */ jsx("img", { src: logo2, alt: datasource.dialect, className: "h-7 w-7" }) : /* @__PURE__ */ jsx(ServerStackIcon, { className: "h-6 w-6 text-gray-400" }) }),
@@ -1382,8 +1386,10 @@ function DatasourceNodeConfigForm({
                   {
                     type: "button",
                     onClick: () => {
-                      handleTableChange(table);
-                      setActiveSectionId("columns");
+                      if (!readOnly) {
+                        handleTableChange(table);
+                        setActiveSectionId("columns");
+                      }
                     },
                     className: `flex w-full items-center gap-2 rounded-lg px-3 py-2 text-left text-xs transition-colors ${isSelected ? "bg-cyan-500/10 font-semibold text-cyan-700 dark:text-cyan-300" : "text-gray-700 hover:bg-gray-100/60 dark:text-gray-300 dark:hover:bg-white/5"}`,
                     children: [
@@ -1407,7 +1413,7 @@ function DatasourceNodeConfigForm({
               availableColumns.length,
               " selected"
             ] }),
-            /* @__PURE__ */ jsx(
+            !readOnly && /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
@@ -1441,7 +1447,9 @@ function DatasourceNodeConfigForm({
                   "button",
                   {
                     type: "button",
-                    onClick: () => handleToggleColumn(column.name),
+                    onClick: () => {
+                      if (!readOnly) handleToggleColumn(column.name);
+                    },
                     className: `flex w-full items-center gap-2 rounded-lg px-3 py-1.5 text-left transition-colors ${isSelected ? "bg-cyan-500/8 dark:bg-cyan-400/5" : "hover:bg-gray-100/60 dark:hover:bg-white/5"}`,
                     children: [
                       /* @__PURE__ */ jsx("div", { className: `flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors ${isSelected ? "border-cyan-500 bg-cyan-500 dark:border-cyan-400 dark:bg-cyan-400" : "border-gray-300 dark:border-gray-600"}`, children: isSelected && /* @__PURE__ */ jsx(CheckIcon, { className: "h-2.5 w-2.5 text-white" }) }),
@@ -1462,7 +1470,7 @@ function DatasourceNodeConfigForm({
         return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: t("filtersHelp") }),
-            /* @__PURE__ */ jsxs(
+            !readOnly && /* @__PURE__ */ jsxs(
               "button",
               {
                 type: "button",
@@ -1496,7 +1504,8 @@ function DatasourceNodeConfigForm({
               {
                 value: columnName,
                 onChange: (event) => handleUpdateFilterField(variableName, event.target.value),
-                className: "flex-1 rounded bg-transparent text-xs text-gray-900 outline-none dark:text-white",
+                disabled: readOnly,
+                className: "flex-1 rounded bg-transparent text-xs text-gray-900 outline-none disabled:opacity-60 dark:text-white",
                 children: [
                   /* @__PURE__ */ jsx("option", { value: "", children: t("columnName") }),
                   availableColumns.map((column) => /* @__PURE__ */ jsx("option", { value: column.name, children: column.name }, column.name))
@@ -1511,10 +1520,11 @@ function DatasourceNodeConfigForm({
                 value: variableName,
                 onChange: (event) => handleUpdateFilterVariable(variableName, event.target.value),
                 placeholder: t("variableReference"),
+                readOnly,
                 className: "flex-1 bg-transparent text-xs text-gray-900 outline-none placeholder:text-gray-400 dark:text-white dark:placeholder:text-gray-500"
               }
             ),
-            /* @__PURE__ */ jsx(
+            !readOnly && /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
@@ -1539,6 +1549,7 @@ function DatasourceNodeConfigForm({
                   value: outputVariable,
                   onChange: (event) => setOutputVariable(event.target.value),
                   placeholder: "datasourceResult",
+                  readOnly,
                   className: "flex-1 bg-transparent text-sm text-gray-900 outline-none placeholder:text-gray-400 dark:text-white dark:placeholder:text-gray-500"
                 }
               )
@@ -1555,6 +1566,7 @@ function DatasourceNodeConfigForm({
                 onChange: (event) => setLimit(Math.max(1, Number.parseInt(event.target.value, 10) || 1)),
                 min: 1,
                 max: 1e4,
+                readOnly,
                 className: "w-32 rounded-xl border border-gray-200 bg-white px-3 py-2.5 text-sm text-gray-900 outline-none focus:border-cyan-400 dark:border-white/10 dark:bg-white/[0.03] dark:text-white"
               }
             )
@@ -1620,10 +1632,10 @@ function DatasourceNodeConfigForm({
         activeSectionId,
         onSectionChange: setActiveSectionId
       },
-      footer: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 px-6 py-3", children: [
+      footer: /* @__PURE__ */ jsx("div", { className: "flex justify-end gap-2 px-6 py-3", children: readOnly ? /* @__PURE__ */ jsx(Button, { outline: true, onClick: onCancel, children: "Close" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(Button, { outline: true, onClick: onCancel, children: t("cancel") }),
         /* @__PURE__ */ jsx(Button, { color: "cyan", onClick: handleSave, disabled: !canSave, children: t("save") })
-      ] }),
+      ] }) }),
       children: renderSection()
     }
   );
@@ -3431,7 +3443,7 @@ var DatasourceFlowNode = memo(function DatasourceFlowNode2({ id, data, selected
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(NodeRunningIndicator, { nodeId: id }),
     /* @__PURE__ */ jsx(WorkflowHandle, { type: "target", position: Position.Left, id: "left-in", colorClass: "!bg-cyan-400" }),
-    readOnly || !onEdit ? /* @__PURE__ */ jsx("div", { className: "w-full", children: content }) : /* @__PURE__ */ jsx(
+    !onEdit ? /* @__PURE__ */ jsx("div", { className: "w-full", children: content }) : /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
@@ -7668,6 +7680,7 @@ function WorkflowCanvasInner({
         open: true,
         nodeId: editingLogicNode.nodeId,
         config: editingLogicNode.config,
+        readOnly: Boolean(nodes.find((n) => n.id === editingLogicNode.nodeId)?.data?.readOnly),
         onSave: (updatedConfig) => {
           handleSaveLogicNodeConfig(editingLogicNode.nodeId, updatedConfig);
           setEditingLogicNodeId(null);
@@ -7815,5 +7828,5 @@ function Workspace({
 }
 
 export { AgentFlowNode, AgentToolFlowNode, AnswerFlowNode, AnthropicIcon, CATEGORY_COLORS, CATEGORY_PILL_COLORS, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, EndFlowNode, EntityFlowNode, FRAMEWORK_META, GoogleADKIcon, GroupFlowNode, HttpRequestFlowNode, ICON_MAP, IfElseFlowNode, IterationFlowNode, IterationStartFlowNode, KnowledgeBaseFlowNode, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, ListOperatorFlowNode, LogicNodeModal, MINIMAP_NODE_COLORS, ModelProviderFlowNode, NODE_EXECUTION_ACCENT_COLORS, NodeCard, NodeContextMenu, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, QuestionClassifierFlowNode, RuleFlowNode, SelectionContextMenu, StartFlowNode, StrandsIcon, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, WorkflowBuilderProvider, WorkflowCanvas, Workspace, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getNodeExecutionAccent, getNodeExecutionAccentRgb, isFrameworkCompatibleWithProviders, isModelCompatibleWithFramework, useModalStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore };
-//# sourceMappingURL=chunk-IWATRHQP.mjs.map
-//# sourceMappingURL=chunk-IWATRHQP.mjs.map
+//# sourceMappingURL=chunk-MAGSMQG7.mjs.map
+//# sourceMappingURL=chunk-MAGSMQG7.mjs.map