@oomol-lab/open-flow 0.1.0-beta.85 → 0.1.0-beta.87

package/dist/browser/workbench.css

@@ -1933,7 +1933,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
 
 .open-flow-theme {
   --_open-flow-theme: light;
-  color-scheme: var(--_open-flow-theme);
+  color-scheme: light;
   --_open-flow-background: var(--open-flow-background, light-dark(#fdfdfd, #1c1c1c));
   --_open-flow-foreground: var(--open-flow-foreground, light-dark(#242424, #eee));
   --_open-flow-card: var(--open-flow-card, light-dark(#fefefe, #242424));
@@ -1972,6 +1972,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
 
 .open-flow-theme[data-theme="dark"] {
   --_open-flow-theme: dark;
+  color-scheme: dark;
 }
 
 .open-flow-theme, .open-flow-canvas-root :is(.react-flow__controls, [data-canvas-control-scope]) {
@@ -3291,6 +3292,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     min-height: min(360px, 80dvh);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .min-h-min {
+    min-height: min-content;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .w-\(--anchor-width\) {
     width: var(--anchor-width);
   }
@@ -7972,23 +7977,20 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
 }
 
 .open-flow-navigation-menu {
+  width: max-content;
+  max-width: calc(100vw - 16px);
+  max-height: var(--available-height);
+  overscroll-behavior: contain;
   border: 1px solid var(--ui-border);
   border-radius: var(--ui-radius);
   background: var(--ui-popover);
   color: var(--ui-popover-foreground);
-  margin: 0;
+  gap: 0;
   padding: 4px;
-  position: fixed;
-  inset: 48px 16px auto auto;
+  overflow-y: auto;
   box-shadow: 0 4px 12px #0002;
 }
 
-.open-flow-navigation-menu:popover-open {
-  flex-direction: column;
-  align-items: stretch;
-  display: flex;
-}
-
 .open-flow-navigation-menu button[aria-pressed="true"] {
   background: var(--ui-muted);
 }
@@ -15205,6 +15207,187 @@ svg.react-flow__connectionline {
     opacity: 1;
     transform: translateX(0);
   }
+}.fieldTable_list_14bfd {
+  /* Stay in the containing panel's stacking context so rows can cross section boundaries. */
+  container: value-fields/inline-size;
+  min-width: 0;
+  --field-toggle-width: 20px;
+  --field-value-name-gap: 2px;
+  --field-grip-width: 0px;
+  padding: 8px 8px 16px 3px;
+  --field-actions-width: 28px;
+  color: var(--ui-foreground);
+}
+
+.fieldTable_list_14bfd[data-action-slots="2"] {
+  --field-actions-width: 58px;
+  --field-table-actions-gap: 4px;
+  --field-action-pair-gap: 2px;
+}
+
+.fieldTable_list_14bfd[data-standalone] {
+  --field-outer-gutter: calc(var(--field-toggle-width) + var(--field-value-name-gap));
+  width: calc(100% + var(--field-outer-gutter));
+  margin-inline-start: calc(-1 * var(--field-outer-gutter));
+  padding: 0;
+}
+
+.fieldTable_columns_14bfd {
+  --field-nullable-width: var(--field-table-nullable-width, 0px);
+  --field-name-track: minmax(0, 1fr);
+  --field-type-track: minmax(64px, 0.48fr);
+  --field-value-track: minmax(0, 1.5fr);
+  --field-name-gap: 4px;
+  --field-actions-gap: var(--field-table-actions-gap, 4px);
+  --field-name-type-gap: 4px;
+  --field-type-value-gap: 4px;
+  --field-value-prefix-gap: 8px;
+  --field-value-column: value;
+  --field-value-row: 1;
+  --field-branch-row: 2;
+  display: grid;
+  column-gap: 0;
+  grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] var(--field-name-track) var(--field-name-type-gap) [type] var(--field-type-track) var(--field-type-value-gap) [value] var(--field-value-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
+}
+.fieldTable_columns_14bfd[data-value-prefix] {
+  grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] var(--field-name-track) var(--field-name-type-gap) [type] var(--field-type-track) var(--field-type-value-gap) [value-prefix] max-content var(--field-value-prefix-gap) [value] var(--field-value-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
+}
+.fieldTable_columns_14bfd[data-layout=values], .fieldTable_columns_14bfd[data-layout=ports] {
+  --field-name-track: minmax(
+    90px,
+    calc(
+      (100% - var(--field-grip-width, 0px) - var(--field-toggle-width, 24px) - var(--field-name-gap) - var(--field-name-type-gap) -
+          var(--field-table-type-width, 56px) - var(--field-type-value-gap) - var(--field-actions-gap) - var(--field-nullable-width) -
+          var(--field-actions-width, 28px)) *
+        0.4
+    )
+  );
+  --field-value-track: minmax(0, 1fr);
+  --field-type-track: var(--field-type-width, 56px);
+  --field-name-gap: var(--field-value-name-gap, 2px);
+  --field-actions-gap: var(--field-table-actions-gap, 2px);
+}
+.fieldTable_columns_14bfd[data-output] {
+  grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] minmax(0, 1fr) var(--field-name-type-gap) [type] var(--field-type-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
+}
+@container value-fields (max-width: 340px) {
+  .fieldTable_columns_14bfd:not([data-output]) {
+    --field-value-column: handle / content-end;
+    --field-value-row: 2;
+    --field-branch-row: 3;
+    grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] minmax(0, 1fr) var(--field-name-type-gap) [type] var(--field-type-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
+  }
+  .fieldTable_columns_14bfd[data-value-prefix]:not([data-output]) {
+    --field-value-column: value / content-end;
+    grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle value-prefix] max-content var(--field-value-prefix-gap) [value] minmax(0, 1fr) var(--field-name-type-gap) [type] var(--field-type-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
+  }
+}
+@container value-fields (max-width: 340px) {
+  .fieldTable_columns_14bfd:not([data-output]) {
+    display: none;
+  }
+}
+.fieldTable_columns_14bfd {
+  row-gap: 4px;
+  color: var(--ui-muted-foreground);
+  font-size: 12px;
+  padding: 4px 0;
+}
+.fieldTable_columns_14bfd > span {
+  padding-left: 7px;
+}
+.fieldTable_columns_14bfd > .fieldTable_nameHeading_14bfd {
+  grid-column: handle;
+  grid-row: 1;
+}
+.fieldTable_columns_14bfd > .fieldTable_typeHeading_14bfd {
+  grid-column: type;
+  grid-row: 1;
+}
+.fieldTable_list_14bfd[data-fixed-types] .fieldTable_columns_14bfd > .fieldTable_typeHeading_14bfd {
+  padding-left: 0;
+}
+.fieldTable_columns_14bfd > .fieldTable_valueHeading_14bfd {
+  grid-column: var(--field-value-heading-column, var(--field-value-column));
+  grid-row: var(--field-value-row);
+}
+
+.fieldTable_list_14bfd[data-fixed-types] {
+  --field-table-type-width: 32px;
+  --field-type-width: 32px;
+}
+
+.fieldTable_list_14bfd:not([data-type-column]) {
+  --field-table-type-width: 0px;
+  --field-type-width: 0px;
+  --field-type-value-gap: 0px;
+}
+
+.fieldTable_list_14bfd[data-output] {
+  --field-type-width: minmax(96px, 0.65fr);
+}
+
+.fieldTable_list_14bfd[data-output][data-composite-types] {
+  --field-type-width: minmax(176px, 1.15fr);
+}
+
+.fieldTable_list_14bfd[data-nullable] {
+  --field-table-nullable-width: 28px;
+}
+
+.fieldTable_list_14bfd[data-layout=ports] {
+  padding-top: 2px;
+}
+.fieldTable_list_14bfd[data-layout=ports] .fieldTable_columns_14bfd {
+  padding-block: 2px;
+}
+
+.fieldTable_list_14bfd[data-empty] {
+  padding-block: 0;
+}
+
+.fieldTable_row_14bfd {
+  position: relative;
+  min-width: 0;
+  --row-gap: 6px;
+  margin: var(--row-gap) 0;
+}
+
+.fieldTable_nullableControl_14bfd,
+.fieldTable_columns_14bfd > .fieldTable_nullableHeading_14bfd {
+  display: flex;
+  grid-column: nullable;
+  grid-row: 1;
+  padding: 0;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+}
+
+.fieldTable_nullableControl_14bfd {
+  height: var(--field-control-height, 30px);
+}.fieldBranch_branch_a5820 {
+  --branch-origin: calc(var(--field-indent, 0px) + var(--field-toggle-width, 24px) / 2);
+  --branch-extension: 0px;
+  position: relative;
+}
+.fieldBranch_branch_a5820::before {
+  content: "";
+  position: absolute;
+  width: 16px;
+  height: calc(20px + var(--branch-extension, 0px));
+  border-left: 1px solid color-mix(in srgb, var(--ui-foreground) 20%, var(--ui-background));
+  border-bottom: 1px solid color-mix(in srgb, var(--ui-foreground) 20%, var(--ui-background));
+  border-bottom-left-radius: 10px;
+  left: var(--branch-origin, calc(var(--field-indent, 0px) + var(--field-toggle-width, 24px) / 2));
+  top: calc(-1 * var(--branch-extension, 0px));
+  width: 16px;
+}
+.fieldBranch_branch_a5820[data-branch-endpoint=marker]::before {
+  width: 6px;
+}
+.fieldBranch_branch_a5820[hidden] {
+  display: none;
 }.sortableFieldList_list_c1437 {
   display: flex;
   flex-direction: column;
@@ -15238,28 +15421,6 @@ svg.react-flow__connectionline {
 }
 .sortableFieldList_grip_c1437:active {
   cursor: grabbing;
-}.fieldBranch_branch_a5820 {
-  --branch-origin: calc(var(--field-indent, 0px) + var(--field-toggle-width, 24px) / 2);
-  --branch-extension: 0px;
-  position: relative;
-}
-.fieldBranch_branch_a5820::before {
-  content: "";
-  position: absolute;
-  width: 16px;
-  height: calc(20px + var(--branch-extension, 0px));
-  border-left: 1px solid color-mix(in srgb, var(--ui-foreground) 20%, var(--ui-background));
-  border-bottom: 1px solid color-mix(in srgb, var(--ui-foreground) 20%, var(--ui-background));
-  border-bottom-left-radius: 10px;
-  left: var(--branch-origin, calc(var(--field-indent, 0px) + var(--field-toggle-width, 24px) / 2));
-  top: calc(-1 * var(--branch-extension, 0px));
-  width: 16px;
-}
-.fieldBranch_branch_a5820[data-branch-endpoint=marker]::before {
-  width: 6px;
-}
-.fieldBranch_branch_a5820[hidden] {
-  display: none;
 }.open-flow-workbench .condition-groups[hidden],
 .open-flow-workbench .condition-expressions[hidden] {
   display: none;
@@ -15399,165 +15560,6 @@ svg.react-flow__connectionline {
 .nodeInputValue_sourceControl_67a3d:focus-visible {
   outline: 2px solid var(--ui-destructive);
   outline-offset: -1px;
-}.fieldTable_list_14bfd {
-  /* Stay in the containing panel's stacking context so rows can cross section boundaries. */
-  container: value-fields/inline-size;
-  min-width: 0;
-  --field-toggle-width: 20px;
-  --field-value-name-gap: 2px;
-  --field-grip-width: 0px;
-  padding: 8px 8px 16px 3px;
-  --field-actions-width: 28px;
-  color: var(--ui-foreground);
-}
-
-.fieldTable_list_14bfd[data-action-slots="2"] {
-  --field-actions-width: 58px;
-  --field-table-actions-gap: 4px;
-  --field-action-pair-gap: 2px;
-}
-
-.fieldTable_list_14bfd[data-standalone] {
-  --field-outer-gutter: calc(var(--field-toggle-width) + var(--field-value-name-gap));
-  width: calc(100% + var(--field-outer-gutter));
-  margin-inline-start: calc(-1 * var(--field-outer-gutter));
-  padding: 0;
-}
-
-.fieldTable_columns_14bfd {
-  --field-nullable-width: var(--field-table-nullable-width, 0px);
-  --field-name-track: minmax(0, 1fr);
-  --field-type-track: minmax(64px, 0.48fr);
-  --field-value-track: minmax(0, 1.5fr);
-  --field-name-gap: 4px;
-  --field-actions-gap: var(--field-table-actions-gap, 4px);
-  --field-name-type-gap: 4px;
-  --field-type-value-gap: 4px;
-  --field-value-prefix-gap: 8px;
-  --field-value-column: value;
-  --field-value-row: 1;
-  --field-branch-row: 2;
-  display: grid;
-  column-gap: 0;
-  grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] var(--field-name-track) var(--field-name-type-gap) [type] var(--field-type-track) var(--field-type-value-gap) [value] var(--field-value-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
-}
-.fieldTable_columns_14bfd[data-value-prefix] {
-  grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] var(--field-name-track) var(--field-name-type-gap) [type] var(--field-type-track) var(--field-type-value-gap) [value-prefix] max-content var(--field-value-prefix-gap) [value] var(--field-value-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
-}
-.fieldTable_columns_14bfd[data-layout=values], .fieldTable_columns_14bfd[data-layout=ports] {
-  --field-name-track: minmax(
-    90px,
-    calc(
-      (100% - var(--field-grip-width, 0px) - var(--field-toggle-width, 24px) - var(--field-name-gap) - var(--field-name-type-gap) -
-          var(--field-table-type-width, 56px) - var(--field-type-value-gap) - var(--field-actions-gap) - var(--field-nullable-width) -
-          var(--field-actions-width, 28px)) *
-        0.4
-    )
-  );
-  --field-value-track: minmax(0, 1fr);
-  --field-type-track: var(--field-type-width, 56px);
-  --field-name-gap: var(--field-value-name-gap, 2px);
-  --field-actions-gap: var(--field-table-actions-gap, 2px);
-}
-.fieldTable_columns_14bfd[data-output] {
-  grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] minmax(0, 1fr) var(--field-name-type-gap) [type] var(--field-type-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
-}
-@container value-fields (max-width: 340px) {
-  .fieldTable_columns_14bfd:not([data-output]) {
-    --field-value-column: handle / content-end;
-    --field-value-row: 2;
-    --field-branch-row: 3;
-    grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] minmax(0, 1fr) var(--field-name-type-gap) [type] var(--field-type-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
-  }
-  .fieldTable_columns_14bfd[data-value-prefix]:not([data-output]) {
-    --field-value-column: value / content-end;
-    grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle value-prefix] max-content var(--field-value-prefix-gap) [value] minmax(0, 1fr) var(--field-name-type-gap) [type] var(--field-type-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
-  }
-}
-@container value-fields (max-width: 340px) {
-  .fieldTable_columns_14bfd:not([data-output]) {
-    display: none;
-  }
-}
-.fieldTable_columns_14bfd {
-  row-gap: 4px;
-  color: var(--ui-muted-foreground);
-  font-size: 12px;
-  padding: 4px 0;
-}
-.fieldTable_columns_14bfd > span {
-  padding-left: 7px;
-}
-.fieldTable_columns_14bfd > .fieldTable_nameHeading_14bfd {
-  grid-column: handle;
-  grid-row: 1;
-}
-.fieldTable_columns_14bfd > .fieldTable_typeHeading_14bfd {
-  grid-column: type;
-  grid-row: 1;
-}
-.fieldTable_list_14bfd[data-fixed-types] .fieldTable_columns_14bfd > .fieldTable_typeHeading_14bfd {
-  padding-left: 0;
-}
-.fieldTable_columns_14bfd > .fieldTable_valueHeading_14bfd {
-  grid-column: var(--field-value-heading-column, var(--field-value-column));
-  grid-row: var(--field-value-row);
-}
-
-.fieldTable_list_14bfd[data-fixed-types] {
-  --field-table-type-width: 32px;
-  --field-type-width: 32px;
-}
-
-.fieldTable_list_14bfd:not([data-type-column]) {
-  --field-table-type-width: 0px;
-  --field-type-width: 0px;
-  --field-type-value-gap: 0px;
-}
-
-.fieldTable_list_14bfd[data-output] {
-  --field-type-width: minmax(96px, 0.65fr);
-}
-
-.fieldTable_list_14bfd[data-output][data-composite-types] {
-  --field-type-width: minmax(176px, 1.15fr);
-}
-
-.fieldTable_list_14bfd[data-nullable] {
-  --field-table-nullable-width: 28px;
-}
-
-.fieldTable_list_14bfd[data-layout=ports] {
-  padding-top: 2px;
-}
-.fieldTable_list_14bfd[data-layout=ports] .fieldTable_columns_14bfd {
-  padding-block: 2px;
-}
-
-.fieldTable_list_14bfd[data-empty] {
-  padding-block: 0;
-}
-
-.fieldTable_row_14bfd {
-  position: relative;
-  min-width: 0;
-  --row-gap: 6px;
-  margin: var(--row-gap) 0;
-}
-
-.fieldTable_nullableControl_14bfd,
-.fieldTable_columns_14bfd > .fieldTable_nullableHeading_14bfd {
-  display: flex;
-  grid-column: nullable;
-  grid-row: 1;
-  padding: 0;
-  align-items: center;
-  justify-content: center;
-  white-space: nowrap;
-}
-
-.fieldTable_nullableControl_14bfd {
-  height: var(--field-control-height, 30px);
 }.portList_row_51bf3 {
   padding: 0;
 }

package/dist/browser/workbench.js

@@ -1,9 +1,9 @@
-import { A as DropdownMenuItem, C as IconifyProvider, E as DropdownMenu, O as DropdownMenuContent, P as DropdownMenuSeparator, R as DropdownMenuTrigger, c as PopoverContent, f as PopoverTitle, p as PopoverTrigger, pt as IconThemeContext, s as Popover, v as ContentIcon } from "./wrapLayout-C4moMKgb.js";
+import { A as DropdownMenuItem, C as IconifyProvider, E as DropdownMenu, O as DropdownMenuContent, P as DropdownMenuSeparator, R as DropdownMenuTrigger, c as PopoverContent, f as PopoverTitle, p as PopoverTrigger, pt as IconThemeContext, s as Popover, v as ContentIcon } from "./wrapLayout-BB_qwy3k.js";
 import { a as derive, i as compute, l as val } from "./dist-bO8nvHFH.js";
 import { c as useLang, l as useTranslate, o as I18nProvider, u as useVal } from "./dist-BFmpkX4P.js";
-import { Cr as cn, i as TooltipTrigger, n as TooltipContent, t as Tooltip, xr as Button } from "./tooltip-DGj5pudg.js";
-import { C as upgradeManualTrigger, Dt as matchesSchema, M as mapConditionSources, N as nodeInputMappings, Rt as dequal, S as resourceNameIssue, _ as applyFlowChanges, a as DialogFooter, d as Field, g as FlowChangeError, h as FieldLabel, i as DialogDescription, in as Input, kt as schemaObject, l as Icon, m as FieldGroup, o as DialogHeader, p as FieldError, r as DialogContent, s as DialogTitle, t as Dialog, u as Spinner, v as isTriggerNode, w as upgradeRevisionContent } from "./dialog-BzoSxhXQ.js";
-import { $ as resourceValue, $n as allConnectorConnectionsQuery, $t as WorkflowExportDialog, At as actionWithConnections, Bn as EmptyMedia, Br as ApiError, Bt as setNodeContentHidden, C as updateValue, Ct as flowResourceReferences, Et as diagnosticItems, Fn as InputGroupInput, Ft as removeComments, Gt as setCodeActions, Hn as Badge, Ht as setVerticalNodeWidth, In as Empty, It as restoreCanvasPresentation, J as scopedValue, Jt as setServiceConnections, K as combineSources, Kn as createI18n, Kt as setConnectorConnection, Ln as EmptyContent, Lt as setCanvasLayout, Mn as followWorkbenchLink, Mt as canvasPresentationChange, Nn as InputGroup, Nt as commentIds, Pn as InputGroupAddon, Pr as workflowCandidate, Pt as flowPresentation, Q as resourceData, Qn as randomId, Qt as WorkflowBundleSummary, Rn as EmptyDescription, Rr as invalidResponse, Rt as setComment, S as updateTriggerConfig, St as revisionView, Tt as deriveInspectorDiagnostics, U as addNodeIntent, Un as EventSourcesPage, Ut as repairNodeNames, Vn as EmptyTitle, Vr as controlErrorCode, Vt as setNodePositions, W as deriveAddNodeOptions, Wt as resetInputValues, X as CacheResource, Xn as WorkbenchClient, Xt as updateTriggerSchedule, Y as connectorActionPresentation, Yn as errorNotice, Yt as updateStartInputDefs, Zn as normalizeFlowQuery, Zt as dequal$1, _ as updateOutputPorts, _r as workflowBundleFromPreview, a as nameCreatedNodes, an as FlowTagChips, at as getActionsCache, b as updateTaskAdditionalInputs, br as workflowNameFromFile, c as setInputVariable, cr as normalizeTriggerOutputs, ct as getProvidersCache, d as updateCondition, en as WorkflowExportMenuItem, et as action, f as updateHttpParameters, fr as isJsonValue, ft as designerGraph, g as updateNodeSettings, gr as parseWorkflowImportFile, h as updateNodeName, hr as encodeWorkflowBundle, i as deleteSelection, in as FlowSettingsDialog, jn as useFlowQuery, jt as connectionCatalog, l as setTriggerConnection, lr as sampleErrorOutputs, lt as createPersistentCache, m as updateNodeIcon, mr as connectorActionMetadata, nn as IdTooltip, nt as proxyResponse, o as selectWebhookResponse, on as TagPicker, p as updateNodeDescription, pr as connection, qt as setInputSources, r as applyFlowChanges$1, rt as validateAction, s as setInputValue, st as getConnectionsCache, t as addNode, tn as useWorkflowExportAction, tr as decodeTriggerCatalog, tt as provider, u as setTriggerEventSource, ur as triggerOutputDefinitions, ut as createSessionCache, v as updateResolution, vr as encodeWorkflowFile, vt as providerIcon, w as updateWebhook, wt as Latest, x as updateTaskPorts, y as updateTask, yr as workflowFileName, yt as RunStore, zn as EmptyHeader, zr as record, zt as setFlowViewport } from "./flowChanges-C567g-Pc.js";
+import { Cr as cn, i as TooltipTrigger, n as TooltipContent, t as Tooltip, xr as Button } from "./tooltip-BZ6tpqnr.js";
+import { Bt as schemaObject, C as upgradeManualTrigger, Dt as connectorProxyTask, M as mapConditionSources, N as nodeInputMappings, Rt as matchesSchema, S as resourceNameIssue, Yt as dequal, _ as applyFlowChanges, a as DialogFooter, bt as connectorProxyConfigSchema, d as Field, g as FlowChangeError, h as FieldLabel, hn as Input, i as DialogDescription, l as Icon, m as FieldGroup, o as DialogHeader, p as FieldError, r as DialogContent, s as DialogTitle, t as Dialog, u as Spinner, v as isTriggerNode, w as upgradeRevisionContent } from "./dialog-Bi-MVTGj.js";
+import { $ as resourceValue, $n as allConnectorConnectionsQuery, $t as WorkflowExportDialog, At as actionWithConnections, Bn as EmptyMedia, Br as ApiError, Bt as setNodeContentHidden, C as updateValue, Ct as flowResourceReferences, Et as diagnosticItems, Fn as InputGroupInput, Ft as removeComments, Gt as setCodeActions, Hn as Badge, Ht as setVerticalNodeWidth, In as Empty, It as restoreCanvasPresentation, J as scopedValue, Jt as setServiceConnections, K as combineSources, Kn as createI18n, Kt as setConnectorConnection, Ln as EmptyContent, Lt as setCanvasLayout, Mn as followWorkbenchLink, Mt as canvasPresentationChange, Nn as InputGroup, Nt as commentIds, Pn as InputGroupAddon, Pr as workflowCandidate, Pt as flowPresentation, Q as resourceData, Qn as randomId, Qt as WorkflowBundleSummary, Rn as EmptyDescription, Rr as invalidResponse, Rt as setComment, S as updateTriggerConfig, St as revisionView, Tt as deriveInspectorDiagnostics, U as addNodeIntent, Un as EventSourcesPage, Ut as repairNodeNames, Vn as EmptyTitle, Vr as controlErrorCode, Vt as setNodePositions, W as deriveAddNodeOptions, Wt as resetInputValues, X as CacheResource, Xn as WorkbenchClient, Xt as updateTriggerSchedule, Y as connectorActionPresentation, Yn as errorNotice, Yt as updateStartInputDefs, Zn as normalizeFlowQuery, Zt as dequal$1, _ as updateRequestParameters, _r as workflowBundleFromPreview, a as nameCreatedNodes, an as FlowTagChips, at as getActionsCache, b as updateTaskAdditionalInputs, br as workflowNameFromFile, c as setInputVariable, cr as normalizeTriggerOutputs, ct as getProvidersCache, d as updateCondition, en as WorkflowExportMenuItem, et as action, f as updateNodeDescription, fr as isJsonValue, ft as designerGraph, g as updateOutputPorts, gr as parseWorkflowImportFile, h as updateNodeSettings, hr as encodeWorkflowBundle, i as deleteSelection, in as FlowSettingsDialog, jn as useFlowQuery, jt as connectionCatalog, l as setTriggerConnection, lr as sampleErrorOutputs, lt as createPersistentCache, m as updateNodeName, mr as connectorActionMetadata, nn as IdTooltip, nt as proxyResponse, o as selectWebhookResponse, on as TagPicker, p as updateNodeIcon, pr as connection, qt as setInputSources, r as applyFlowChanges$1, rt as validateAction, s as setInputValue, st as getConnectionsCache, t as addNode, tn as useWorkflowExportAction, tr as decodeTriggerCatalog, tt as provider, u as setTriggerEventSource, ur as triggerOutputDefinitions, ut as createSessionCache, v as updateResolution, vr as encodeWorkflowFile, vt as providerIcon, w as updateWebhook, wt as Latest, x as updateTaskPorts, y as updateTask, yr as workflowFileName, yt as RunStore, zn as EmptyHeader, zr as record, zt as setFlowViewport } from "./flowChanges-azhepfr-.js";
 import { a as uiLanguages, i as uiLanguageNames, n as isUiLanguage, r as resolveUiLanguage, t as importedWorkflowName } from "./languages-gYzoQqCi.js";
 import { i as objectValue, n as isJsonValue$1, s as valueType, t as initialValue } from "./value-BbFQZZ_V.js";
 import { Suspense, forwardRef, lazy, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
@@ -520,7 +520,7 @@ function FlowDeletionDialog({ flow, workspace, container, busy, finalFocus, onCl
 }
 //#endregion
 //#region src/workbench/browser/runtime/shell/resourceBrowser.tsx
-var CreateResourceDialog = lazy(() => import("./createResourceDialog-Bi4fUnbD.js"));
+var CreateResourceDialog = lazy(() => import("./createResourceDialog-CB3eiK7e.js"));
 var flowIdTooltipAlignOffset = 44;
 var renamePopoverAlignOffset = -12;
 function compactFlowId(flowId) {
@@ -3251,6 +3251,20 @@ function option$1(action, t) {
 		outputs: ports(action.outputs)
 	};
 }
+function proxyOption(provider, t) {
+	const task = connectorProxyTask(connectorProxyConfigSchema.parse({ providerId: provider.serviceId }));
+	return {
+		kind: "connector-proxy",
+		provider,
+		id: `connector-proxy:${provider.serviceId}`,
+		label: t("connectorProxy.title"),
+		description: t("connectorProxy.description"),
+		group: t("addNode.connectorActions"),
+		icon: providerIcon(provider),
+		inputs: task.inputs.flatMap((port) => "handle" in port ? [port] : []),
+		outputs: task.outputs.flatMap((port) => "handle" in port ? [port] : [])
+	};
+}
 function providerOptions(actions, t) {
 	const providers = /* @__PURE__ */ new Map();
 	for (const action of actions) {
@@ -3268,6 +3282,18 @@ function providerOptions(actions, t) {
 				option: child
 			};
 		});
+		const proxy = proxyOption({
+			serviceId: first.serviceId,
+			serviceName: first.serviceName,
+			icon: first.icon,
+			iconSprite: first.iconSprite,
+			iconSpritePosition: first.iconSpritePosition
+		}, t);
+		choices.push({
+			description: proxy.description,
+			label: proxy.label,
+			option: proxy
+		});
 		return {
 			choices,
 			description: t(choices.length == 1 ? "addNode.connectorActionCountOne" : "addNode.connectorActionCount", { count: choices.length }),
@@ -3300,7 +3326,13 @@ function providerOption(provider, t) {
 function connectorTarget(selection) {
 	if (selection == null) return;
 	const task = selection.kind == "task" ? selection.definition : void 0;
-	if (task == null || !("executor" in task) || task.executor.kind != "connector") return;
+	if (task == null || !("executor" in task)) return;
+	if (task.executor.kind === "connector-proxy") return {
+		providerId: task.executor.providerId,
+		connectionId: task.executor.connectionId,
+		nodeId: selection.id
+	};
+	if (task.executor.kind !== "connector") return;
 	return {
 		actionId: task.executor.action,
 		connectionId: task.executor.connectionId,
@@ -3383,13 +3415,16 @@ var ConnectorStore = class {
 				const t = get(this.#i18n.t$);
 				return {
 					...state,
-					data: state.data?.map((action) => option$1(actionWithConnections({
+					data: state.data == null && (provider == null || state.error == null) ? void 0 : [...(state.data ?? []).map((action) => option$1(actionWithConnections({
 						...action,
 						...provider == null ? {} : {
 							serviceName: provider.serviceName,
 							icon: action.icon ?? provider.icon
 						}
-					}, void 0), t))
+					}, void 0), t)), proxyOption(provider ?? {
+						serviceId: service,
+						serviceName: service
+					}, t)]
 				};
 			});
 		};
@@ -3439,6 +3474,21 @@ var ConnectorStore = class {
 			const target = connectorTarget(get(workspace.$.selection));
 			const state = get(this.#state);
 			if (target == null) return { authorizationPending: false };
+			if (target.providerId != null) {
+				const flowId = get(workspace.$.flowId);
+				const providerState = get(this.data.providers.get(flowId, this.#language));
+				const provider = providerState.data?.find((item) => item.serviceId === target.providerId);
+				const catalog = get(catalogs)[target.providerId];
+				const connectionFailure = provider?.noSetup === true ? void 0 : get(this.data.connections.get(target.providerId, flowId)).error;
+				return {
+					provider,
+					actionError: providerState.error != null ? { message: errorNotice(providerState.error, this.#i18n.t).message } : providerState.data != null && provider == null ? { message: this.#i18n.t("inspector.account.statusUnavailable", { action: target.providerId }) } : void 0,
+					activeConnections: catalog?.active,
+					authorizationPending: state.authorizationServiceId === target.providerId,
+					connection: target.connectionId == null ? void 0 : catalog?.byId.get(target.connectionId),
+					connectionError: connectionFailure == null ? void 0 : errorNotice(connectionFailure, this.#i18n.t).message
+				};
+			}
 			const action = get(actions)[target.actionId];
 			const catalog = action == null ? void 0 : get(catalogs)[action.serviceId];
 			const actionFailure = get(this.data.actions.detail(target.actionId, get(workspace.$.flowId), this.#language)).error;
@@ -3470,6 +3520,7 @@ var ConnectorStore = class {
 			connectionLoading: derive(this.#state, (state) => state.connectionLoading),
 			diagnostics: compute((get) => connectionDiagnostics(get(workspace.$.revision), get(actions), get(catalogs))),
 			selectedAction: derive(this.#selected, (value) => value.action),
+			selectedProvider: derive(this.#selected, (value) => value.provider),
 			selectedActionError: derive(this.#selected, (value) => value.actionError),
 			selectedActiveConnections: derive(this.#selected, (value) => value.activeConnections),
 			selectedAuthorizationPending: derive(this.#selected, (value) => value.authorizationPending),
@@ -3542,6 +3593,25 @@ var ConnectorStore = class {
 			});
 			return;
 		}
+		if (target.providerId != null) {
+			this.#set({
+				actionLoading: target.providerId,
+				connectionError: void 0
+			});
+			try {
+				const providers = await resourceValue(this.data.providers.get(flowId, this.#language, force), void 0, force);
+				if (!this.#isCurrent(current, flowId)) return;
+				if (providers.find((provider) => provider.serviceId === target.providerId)?.noSetup !== true) await this.#refreshConnections(flowId, target, target.providerId, force, current);
+			} catch (error) {
+				if (this.#isCurrent(current, flowId)) this.#set({ actionError: {
+					actionId: target.providerId,
+					message: errorNotice(error, this.#i18n.t).message
+				} });
+			} finally {
+				if (this.#isCurrent(current, flowId)) this.#set({ actionLoading: void 0 });
+			}
+			return;
+		}
 		const actionState = this.data.actions.detail(target.actionId, flowId, this.#language, force);
 		this.#set({
 			actionError: void 0,
@@ -3611,7 +3681,7 @@ var ConnectorStore = class {
 		if (this.#disposed || this.#authorization == null) return;
 		const serviceId = this.#authorization.serviceId;
 		this.#set({ authorizationServiceId: void 0 });
-		if (this.$.selectedAction.value?.serviceId == serviceId) await this.refresh(true);
+		if (this.$.selectedAction.value?.serviceId == serviceId || this.$.selectedProvider.value?.serviceId == serviceId) await this.refresh(true);
 		if (!this.#disposed && this.#authorization?.serviceId == serviceId) this.#authorization = void 0;
 	}
 	async #refreshConnections(flowId, target, serviceId, force, current) {
@@ -3670,7 +3740,7 @@ var ConnectorStore = class {
 		const flowId = this.#workspace.$.flowId.value;
 		const revision = this.#workspace.$.revision.value;
 		if (flowId == null || revision == null) return;
-		if (Object.values(revision.graph()?.nodes ?? {}).some((node) => node.kind == "integration" || node.kind == "poll")) this.data.providers.get(flowId, this.#language);
+		if (Object.values(revision.graph()?.nodes ?? {}).some((node) => node.kind == "integration" || node.kind == "poll") || revision.connectorReferences.accounts.some((reference) => reference.kind === "connector-proxy")) this.data.providers.get(flowId, this.#language);
 		const missing = [...revision.connectorActionIds].filter((actionId) => this.$.actions.value[actionId] == null && !this.#loadingActions.has(actionId));
 		if (missing.length > 0) {
 			for (const actionId of missing) this.#loadingActions.add(actionId);
@@ -3678,14 +3748,13 @@ var ConnectorStore = class {
 				const actions = await Promise.all(missing.map((actionId) => resourceValue(this.data.actions.detail(actionId, flowId, this.#language))));
 				if (!this.#isCurrent(current, flowId)) return;
 				this.#remember(this.#actionIds, actions.map((action) => action.actionId));
-			} catch {
-				return;
-			} finally {
+			} catch {} finally {
 				for (const actionId of missing) this.#loadingActions.delete(actionId);
 			}
 		}
 		if (!this.#isCurrent(current, flowId)) return;
 		const services = /* @__PURE__ */ new Set();
+		for (const reference of revision.connectorReferences.accounts) if (reference.kind === "connector-proxy") services.add(reference.providerId);
 		for (const { actionId } of revision.connectorNodes()) {
 			const action = this.$.actions.value[actionId];
 			if (action?.authenticated == true) services.add(action.serviceId);
@@ -6072,10 +6141,10 @@ var NodeEdits = class {
 		const changes = updateResolution(revision, nodeId, settings, values);
 		return changes != null && await this.save(changes, deletion);
 	}
-	async saveHttpParameters(nodeId, group, edit, deletion) {
+	async saveRequestParameters(nodeId, group, edit, deletion) {
 		const revision = this.revision.value;
 		if (revision == null) return false;
-		const changes = updateHttpParameters(revision, nodeId, group, edit, this.identity());
+		const changes = updateRequestParameters(revision, nodeId, group, edit, this.identity());
 		return changes != null && this.save(changes, deletion);
 	}
 	async saveTaskSettings(nodeId, settings, deletion) {
@@ -6978,7 +7047,7 @@ var WorkbenchStore = class {
 	async downloadPng(result) {
 		const title = this.workspace.$.flow.value?.name ?? this.workspace.$.flowId.value ?? "Workflow";
 		try {
-			const { downloadPng } = await import("./exportPng-CXVWVlLc.js");
+			const { downloadPng } = await import("./exportPng-CLZKdNzR.js");
 			downloadPng(result, title);
 			if (!this.#disposed) this.#notice.set({
 				kind: "success",
@@ -7245,7 +7314,7 @@ var WorkbenchStore = class {
 };
 //#endregion
 //#region src/workbench/browser/runtime/openFlowWorkbench.tsx
-var FlowWorkspace = lazy(() => import("./flowWorkspace-BNdBKtla.js"));
+var FlowWorkspace = lazy(() => import("./flowWorkspace-Cs2ZGBYK.js"));
 function OpenFlowSessionGate({ action, description, error, onSubmit, onTokenChange, pending = false, title, token, tokenLabel }) {
 	const hasToken = token != null && tokenLabel != null && onTokenChange != null;
 	const tokenValue = token ?? "";

package/dist/browser/{workbenchSelect-BIaEVTx6.js → workbenchSelect-CHOeceKA.js}

@@ -1,5 +1,5 @@
-import { Cr as cn } from "./tooltip-DGj5pudg.js";
-import { Gt as SelectTrigger, Ht as SelectGroup, Kt as SelectValue, Ut as SelectItem, Vt as SelectContent, zt as Select } from "./dialog-BzoSxhXQ.js";
+import { Cr as cn } from "./tooltip-BZ6tpqnr.js";
+import { $t as SelectGroup, Qt as SelectContent, Xt as Select, en as SelectItem, nn as SelectTrigger, rn as SelectValue } from "./dialog-Bi-MVTGj.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/workbench/browser/runtime/shell/workbenchSelect.tsx
 function WorkbenchSelect({ ariaLabel, className, disabled = false, id, onValueChange, options, portalRoot, size, value, variant }) {