@oomol-lab/open-flow 0.1.0-beta.74 → 0.1.0-beta.75

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/README.md +1 -0
  2. package/dist/browser/{ContentIcon-CUQHjQIw.js → ContentIcon-FCpKiwjp.js} +2 -1
  3. package/dist/browser/{FlowCanvas-Dtf8_cQp.js → FlowCanvas-dzRBnlUT.js} +1 -1
  4. package/dist/browser/{createResourceDialog-DI9pL-Yr.js → createResourceDialog-BeYDdUl-.js} +2 -2
  5. package/dist/browser/{dialog-BYJGvItc.js → dialog-ZtpsFbl4.js} +284 -13
  6. package/dist/browser/{exportSvg-BOoy7-Db.js → exportSvg-DqXw1yf-.js} +2 -2
  7. package/dist/browser/{flowChanges-RL-H4CjD.js → flowChanges-b_5UobFj.js} +285 -44
  8. package/dist/browser/{flowWorkspace-BkDsETj0.js → flowWorkspace-ItojZbO4.js} +414 -53
  9. package/dist/browser/preview.css +181 -176
  10. package/dist/browser/preview.js +955 -182
  11. package/dist/browser/workbench.css +181 -176
  12. package/dist/browser/workbench.js +12 -6
  13. package/dist/browser/{workbenchSelect-BcWPWGzw.js → workbenchSelect-M441Lz0d.js} +1 -1
  14. package/dist/command/index.js +36 -36
  15. package/dist/common/authoring.d.ts +4 -4
  16. package/dist/common/authoringExamples.d.ts +3 -2
  17. package/dist/common/authoringSchema.d.ts +67 -4
  18. package/dist/common/control-api-conformance.js +58 -7
  19. package/dist/common/control-api.js +58 -7
  20. package/dist/common/control-requests.d.ts +3 -3
  21. package/dist/common/control-requests.js +234 -62
  22. package/dist/common/engine-contract.d.ts +1 -0
  23. package/dist/common/flow-authoring.js +56 -7
  24. package/dist/common/flow-change.d.ts +1 -1
  25. package/dist/common/flow-change.js +56 -7
  26. package/dist/common/flow-encoding.js +55 -7
  27. package/dist/common/flow-graph.d.ts +2 -1
  28. package/dist/common/flow-retry.d.ts +1 -1
  29. package/dist/common/flow-semantics.js +810 -577
  30. package/dist/common/http-request.d.ts +156 -0
  31. package/dist/common/http-request.js +5254 -0
  32. package/dist/common/mcp.d.ts +3 -3
  33. package/dist/common/mcp.js +58 -7
  34. package/dist/common/run-events.js +11 -9
  35. package/dist/common/runtime-contract.js +3 -0
  36. package/dist/common/scheduler.d.ts +1 -1
  37. package/dist/common/scheduler.js +70 -21
  38. package/dist/common/webhook-response.d.ts +0 -2
  39. package/dist/common/webhook-trigger.js +12 -11
  40. package/package.json +5 -1
  41. package/skills/open-flow/references/flow-authoring.md +1 -0
  42. package/skills/open-flow/references/flow-n8n-conversion.md +19 -15
  43. package/src/control/common/api.ts +1 -0
  44. package/src/control/common/authoring.ts +14 -3
  45. package/src/control/common/authoringExamples.ts +8 -0
  46. package/src/control/common/authoringSchema.ts +30 -24
  47. package/src/execution/common/engineContract.ts +4 -0
  48. package/src/execution/common/events.ts +3 -0
  49. package/src/execution/common/node-execution.ts +4 -2
  50. package/src/execution/common/scheduler.ts +1 -0
  51. package/src/flow/common/change.ts +3 -2
  52. package/src/flow/common/changeSchema.ts +12 -3
  53. package/src/flow/common/graph.ts +10 -4
  54. package/src/flow/common/retry.ts +1 -1
  55. package/src/flow/common/semantics.ts +60 -3
  56. package/src/flow/common/webhookResponse.ts +3 -7
  57. package/src/{openapi → http}/common/authBindings.ts +3 -3
  58. package/src/http/common/headers.ts +5 -0
  59. package/src/http/common/httpRequest.ts +251 -0
  60. package/src/trigger/common/webhook.ts +4 -3
@@ -14137,8 +14137,8 @@ svg.react-flow__connectionline {
14137
14137
  }
14138
14138
  }/* Each editor is one stacking unit. The field table raises the active unit;
14139
14139
  attached feedback stays behind the controls inside it. */
14140
- .valueEditor_root_64cb9,
14141
- .valueEditor_errorAnchor_64cb9 {
14140
+ .valueEditor_root_4a4f1,
14141
+ .valueEditor_errorAnchor_4a4f1 {
14142
14142
  --ui-danger-border-width: 1px;
14143
14143
  --ui-danger-focus-width: 2px;
14144
14144
  --value-body-inset: 0px;
@@ -14148,13 +14148,13 @@ svg.react-flow__connectionline {
14148
14148
 
14149
14149
  /* A structural field group has independent editors; hovering a descendant must
14150
14150
  not lift the entire group above sticky section titles. */
14151
- .valueEditor_root_64cb9:not([data-stacking=fields]),
14152
- .valueEditor_errorAnchor_64cb9,
14153
- .valueEditor_root_64cb9:not([data-stacking=fields]) > .valueEditor_body_64cb9 {
14151
+ .valueEditor_root_4a4f1:not([data-stacking=fields]),
14152
+ .valueEditor_errorAnchor_4a4f1,
14153
+ .valueEditor_root_4a4f1:not([data-stacking=fields]) > .valueEditor_body_4a4f1 {
14154
14154
  isolation: isolate;
14155
14155
  }
14156
14156
 
14157
- .valueEditor_root_64cb9 {
14157
+ .valueEditor_root_4a4f1 {
14158
14158
  --ui-danger-control-background: var(--ui-danger-control-background-default);
14159
14159
  --field-value-column: 1;
14160
14160
  --field-value-row: 1;
@@ -14173,11 +14173,11 @@ svg.react-flow__connectionline {
14173
14173
  color: var(--ui-foreground);
14174
14174
  }
14175
14175
 
14176
- .valueEditor_root_64cb9:has(> .valueEditor_valueTools_64cb9:hover) {
14176
+ .valueEditor_root_4a4f1:has(> .valueEditor_valueTools_4a4f1:hover) {
14177
14177
  --ui-danger-control-background: var(--ui-danger-control-background-hover);
14178
14178
  }
14179
14179
 
14180
- .valueEditor_body_64cb9 {
14180
+ .valueEditor_body_4a4f1 {
14181
14181
  position: relative;
14182
14182
  display: flex;
14183
14183
  min-width: 0;
@@ -14187,7 +14187,7 @@ svg.react-flow__connectionline {
14187
14187
  grid-row: 1;
14188
14188
  }
14189
14189
 
14190
- .valueEditor_options_64cb9 {
14190
+ .valueEditor_options_4a4f1 {
14191
14191
  grid-column: 2;
14192
14192
  grid-row: 1;
14193
14193
  display: flex;
@@ -14198,7 +14198,7 @@ svg.react-flow__connectionline {
14198
14198
  color: var(--ui-muted-foreground);
14199
14199
  }
14200
14200
 
14201
- .valueEditor_toolbar_64cb9 {
14201
+ .valueEditor_toolbar_4a4f1 {
14202
14202
  --ui-control-radius: 8px;
14203
14203
  display: flex;
14204
14204
  flex-direction: column;
@@ -14207,30 +14207,30 @@ svg.react-flow__connectionline {
14207
14207
  min-width: 140px;
14208
14208
  }
14209
14209
 
14210
- .valueEditor_toolbar_64cb9 > button {
14210
+ .valueEditor_toolbar_4a4f1 > button {
14211
14211
  justify-content: flex-start;
14212
14212
  gap: 8px;
14213
14213
  height: 28px;
14214
14214
  padding: 4px 8px;
14215
14215
  }
14216
14216
 
14217
- .valueEditor_toolbar_64cb9 > .valueEditor_presence_64cb9:empty {
14217
+ .valueEditor_toolbar_4a4f1 > .valueEditor_presence_4a4f1:empty {
14218
14218
  display: none;
14219
14219
  }
14220
14220
 
14221
- .valueEditor_actions_64cb9 {
14221
+ .valueEditor_actions_4a4f1 {
14222
14222
  display: flex;
14223
14223
  flex-wrap: wrap;
14224
14224
  align-items: center;
14225
14225
  gap: 4px;
14226
14226
  }
14227
14227
 
14228
- .valueEditor_presence_64cb9 {
14228
+ .valueEditor_presence_4a4f1 {
14229
14229
  font-size: 12px;
14230
14230
  color: var(--ui-muted-foreground);
14231
14231
  }
14232
14232
 
14233
- .valueEditor_collection_64cb9 {
14233
+ .valueEditor_collection_4a4f1 {
14234
14234
  container: value-fields/inline-size;
14235
14235
  display: flex;
14236
14236
  min-width: 0;
@@ -14238,7 +14238,7 @@ svg.react-flow__connectionline {
14238
14238
  gap: 8px;
14239
14239
  }
14240
14240
 
14241
- .valueEditor_fieldName_64cb9 {
14241
+ .valueEditor_fieldName_4a4f1 {
14242
14242
  flex: 1;
14243
14243
  min-width: 0;
14244
14244
  overflow-wrap: anywhere;
@@ -14246,25 +14246,25 @@ svg.react-flow__connectionline {
14246
14246
  font-weight: 500;
14247
14247
  }
14248
14248
 
14249
- .valueEditor_fieldType_64cb9 {
14249
+ .valueEditor_fieldType_4a4f1 {
14250
14250
  color: var(--ui-muted-foreground);
14251
14251
  font-family: ui-monospace, monospace;
14252
14252
  font-size: 12px;
14253
14253
  }
14254
14254
 
14255
- .valueEditor_json_64cb9 {
14255
+ .valueEditor_json_4a4f1 {
14256
14256
  min-height: 110px;
14257
14257
  max-height: 320px;
14258
14258
  resize: vertical;
14259
14259
  font-family: monospace;
14260
14260
  }
14261
- .valueEditor_json_64cb9[data-auto-height] {
14261
+ .valueEditor_json_4a4f1[data-auto-height] {
14262
14262
  max-height: none;
14263
14263
  resize: none;
14264
14264
  overflow: hidden;
14265
14265
  }
14266
14266
 
14267
- .valueEditor_description_64cb9 {
14267
+ .valueEditor_description_4a4f1 {
14268
14268
  margin: 4px 0;
14269
14269
  font-size: 12px;
14270
14270
  line-height: 1.5;
@@ -14273,7 +14273,7 @@ svg.react-flow__connectionline {
14273
14273
  }
14274
14274
 
14275
14275
  /* The feedback base tucks under the control; its rounded border stays in front. */
14276
- .valueEditor_error_64cb9 {
14276
+ .valueEditor_error_4a4f1 {
14277
14277
  position: absolute;
14278
14278
  --error-border-width: var(--ui-danger-border-width);
14279
14279
  --error-inline-outset: 0px;
@@ -14301,38 +14301,43 @@ svg.react-flow__connectionline {
14301
14301
  /* Only value-editor focus owns feedback. Pointer-focused disclosures and previews
14302
14302
  must not suppress hover feedback after collapsing a field. Text inputs retain
14303
14303
  :focus-visible on pointer focus; keyboard-focused value buttons do as well. */
14304
- [data-value-editor-scope]:has(.valueEditor_root_64cb9 > .valueEditor_summary_64cb9:focus-visible, .valueEditor_root_64cb9 > :is(.valueEditor_valueTools_64cb9) :focus-visible, .valueEditor_root_64cb9 > .valueEditor_body_64cb9:not([hidden]) :focus-visible),
14305
- [data-value-editor-scope]:has(.valueEditor_errorAnchor_64cb9 :focus-visible),
14306
- .valueEditor_root_64cb9:has(> .valueEditor_summary_64cb9:focus-visible, > :is(.valueEditor_valueTools_64cb9) :focus-visible, > .valueEditor_body_64cb9:not([hidden]) :focus-visible) {
14304
+ [data-value-editor-scope]:has([data-feedback] :focus-visible),
14305
+ [data-value-editor-scope]:has(.valueEditor_root_4a4f1[data-summary-feedback] > .valueEditor_summary_4a4f1:focus-visible, .valueEditor_root_4a4f1[data-summary-feedback] > :is(.valueEditor_valueTools_4a4f1) :focus-visible),
14306
+ .valueEditor_root_4a4f1:has([data-feedback] :focus-visible),
14307
+ .valueEditor_root_4a4f1[data-summary-feedback]:has(> .valueEditor_summary_4a4f1:focus-visible, > :is(.valueEditor_valueTools_4a4f1) :focus-visible) {
14307
14308
  --error-hover-opacity: 0;
14308
14309
  --error-hover-visibility: hidden;
14309
14310
  }
14310
14311
 
14311
- :is(.valueEditor_body_64cb9:not([hidden]), .valueEditor_errorAnchor_64cb9):hover > .valueEditor_error_64cb9,
14312
- .valueEditor_root_64cb9:has(> :is(.valueEditor_summary_64cb9, .valueEditor_valueTools_64cb9):hover) > .valueEditor_summaryError_64cb9 > .valueEditor_error_64cb9,
14313
- .valueEditor_summaryError_64cb9:hover > .valueEditor_error_64cb9 {
14312
+ :is(.valueEditor_body_4a4f1:not([hidden]), .valueEditor_errorAnchor_4a4f1):hover > .valueEditor_error_4a4f1,
14313
+ .valueEditor_root_4a4f1:has(> :is(.valueEditor_summary_4a4f1, .valueEditor_valueTools_4a4f1):hover) > .valueEditor_summaryError_4a4f1 > .valueEditor_error_4a4f1,
14314
+ .valueEditor_summaryError_4a4f1:hover > .valueEditor_error_4a4f1 {
14314
14315
  opacity: var(--error-hover-opacity, 1);
14315
14316
  visibility: var(--error-hover-visibility, visible);
14316
14317
  }
14317
14318
 
14318
- :is(.valueEditor_body_64cb9:not([hidden]), .valueEditor_errorAnchor_64cb9):has(:focus-visible) > .valueEditor_error_64cb9,
14319
- .valueEditor_root_64cb9:has(> .valueEditor_summary_64cb9:focus-visible, > :is(.valueEditor_valueTools_64cb9) :focus-visible) > .valueEditor_summaryError_64cb9 > .valueEditor_error_64cb9 {
14319
+ :is(.valueEditor_body_4a4f1:not([hidden]), .valueEditor_errorAnchor_4a4f1):has(:focus-visible) > .valueEditor_error_4a4f1,
14320
+ .valueEditor_root_4a4f1:has(> .valueEditor_summary_4a4f1:focus-visible, > :is(.valueEditor_valueTools_4a4f1) :focus-visible) > .valueEditor_summaryError_4a4f1 > .valueEditor_error_4a4f1 {
14320
14321
  --error-border-width: var(--ui-danger-focus-width);
14321
14322
  --error-inline-outset: calc(var(--ui-danger-focus-width) - var(--ui-danger-border-width));
14322
14323
  opacity: 1;
14323
14324
  visibility: visible;
14324
14325
  }
14325
14326
 
14326
- .valueEditor_root_64cb9:not([data-stacking=fields]):not(:has(> .valueEditor_summary_64cb9:focus-visible, > :is(.valueEditor_valueTools_64cb9) :focus-visible, > .valueEditor_body_64cb9:not([hidden]) :focus-visible)):has(> :is(.valueEditor_body_64cb9, .valueEditor_summary_64cb9, .valueEditor_valueTools_64cb9, .valueEditor_summaryError_64cb9):hover) {
14327
+ .valueEditor_root_4a4f1:not([data-stacking=fields]):not(:has(> .valueEditor_summary_4a4f1:focus-visible, > :is(.valueEditor_valueTools_4a4f1) :focus-visible, > .valueEditor_body_4a4f1:not([hidden]) :focus-visible)):has(> :is(.valueEditor_body_4a4f1, .valueEditor_summary_4a4f1, .valueEditor_valueTools_4a4f1, .valueEditor_summaryError_4a4f1):hover) {
14327
14328
  z-index: var(--value-editor-hover-layer, 1);
14328
14329
  }
14329
14330
 
14330
- .valueEditor_root_64cb9:not([data-stacking=fields]):has(> .valueEditor_summary_64cb9:focus-visible, > :is(.valueEditor_valueTools_64cb9) :focus-visible, > .valueEditor_body_64cb9:not([hidden]) :focus-visible),
14331
- .valueEditor_root_64cb9:not([data-stacking=fields]):has([data-popup-open]) {
14331
+ .valueEditor_root_4a4f1:not([data-stacking=fields]):has([data-feedback] :focus-visible),
14332
+ .valueEditor_root_4a4f1:not([data-stacking=fields])[data-summary-feedback]:has(> .valueEditor_summary_4a4f1:focus-visible, > :is(.valueEditor_valueTools_4a4f1) :focus-visible) {
14332
14333
  z-index: var(--value-editor-active-layer, 2);
14333
14334
  }
14334
14335
 
14335
- .valueEditor_srOnly_64cb9 {
14336
+ .valueEditor_root_4a4f1:not([data-stacking=fields]):has([data-popup-open]) {
14337
+ z-index: var(--value-editor-active-layer, 2);
14338
+ }
14339
+
14340
+ .valueEditor_srOnly_4a4f1 {
14336
14341
  position: absolute;
14337
14342
  width: 1px;
14338
14343
  height: 1px;
@@ -14342,7 +14347,7 @@ svg.react-flow__connectionline {
14342
14347
  white-space: nowrap;
14343
14348
  }
14344
14349
 
14345
- .valueEditor_option_64cb9 {
14350
+ .valueEditor_option_4a4f1 {
14346
14351
  display: flex;
14347
14352
  align-items: center;
14348
14353
  gap: 8px;
@@ -14351,7 +14356,7 @@ svg.react-flow__connectionline {
14351
14356
  }
14352
14357
 
14353
14358
  /* The main row has explicit slots. Expanded editors occupy their own row. */
14354
- .valueEditor_root_64cb9[data-header] {
14359
+ .valueEditor_root_4a4f1[data-header] {
14355
14360
  --field-nullable-width: var(--field-table-nullable-width, 0px);
14356
14361
  --field-name-track: minmax(0, 1fr);
14357
14362
  --field-type-track: minmax(64px, 0.48fr);
@@ -14368,10 +14373,10 @@ svg.react-flow__connectionline {
14368
14373
  column-gap: 0;
14369
14374
  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];
14370
14375
  }
14371
- .valueEditor_root_64cb9[data-header][data-value-prefix] {
14376
+ .valueEditor_root_4a4f1[data-header][data-value-prefix] {
14372
14377
  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];
14373
14378
  }
14374
- .valueEditor_root_64cb9[data-header][data-layout=values], .valueEditor_root_64cb9[data-header][data-layout=ports] {
14379
+ .valueEditor_root_4a4f1[data-header][data-layout=values], .valueEditor_root_4a4f1[data-header][data-layout=ports] {
14375
14380
  --field-name-track: minmax(
14376
14381
  90px,
14377
14382
  calc(
@@ -14386,38 +14391,38 @@ svg.react-flow__connectionline {
14386
14391
  --field-name-gap: var(--field-value-name-gap, 2px);
14387
14392
  --field-actions-gap: var(--field-table-actions-gap, 2px);
14388
14393
  }
14389
- .valueEditor_root_64cb9[data-header][data-output] {
14394
+ .valueEditor_root_4a4f1[data-header][data-output] {
14390
14395
  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];
14391
14396
  }
14392
14397
  @container value-fields (max-width: 340px) {
14393
- .valueEditor_root_64cb9[data-header]:not([data-output]) {
14398
+ .valueEditor_root_4a4f1[data-header]:not([data-output]) {
14394
14399
  --field-value-column: handle / content-end;
14395
14400
  --field-value-row: 2;
14396
14401
  --field-branch-row: 3;
14397
14402
  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];
14398
14403
  }
14399
- .valueEditor_root_64cb9[data-header][data-value-prefix]:not([data-output]) {
14404
+ .valueEditor_root_4a4f1[data-header][data-value-prefix]:not([data-output]) {
14400
14405
  --field-value-column: value / content-end;
14401
14406
  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];
14402
14407
  }
14403
14408
  }
14404
- .valueEditor_root_64cb9[data-header] {
14409
+ .valueEditor_root_4a4f1[data-header] {
14405
14410
  --field-row-gap: 4px;
14406
14411
  row-gap: var(--field-row-gap);
14407
14412
  }
14408
14413
 
14409
- .valueEditor_root_64cb9[data-header][data-value-only] {
14414
+ .valueEditor_root_4a4f1[data-header][data-value-only] {
14410
14415
  --field-value-column: handle / end;
14411
14416
  --field-value-row: 1;
14412
14417
  --field-branch-row: 2;
14413
14418
  }
14414
14419
 
14415
- .valueEditor_header_64cb9 {
14420
+ .valueEditor_header_4a4f1 {
14416
14421
  display: contents;
14417
14422
  }
14418
14423
 
14419
- .valueEditor_leadingControl_64cb9,
14420
- .valueEditor_toggleControl_64cb9 {
14424
+ .valueEditor_leadingControl_4a4f1,
14425
+ .valueEditor_toggleControl_4a4f1 {
14421
14426
  margin-left: var(--field-indent, 0px);
14422
14427
  justify-self: start;
14423
14428
  grid-row: 1;
@@ -14426,28 +14431,28 @@ svg.react-flow__connectionline {
14426
14431
  height: var(--field-control-height);
14427
14432
  }
14428
14433
 
14429
- .valueEditor_leadingControl_64cb9 {
14434
+ .valueEditor_leadingControl_4a4f1 {
14430
14435
  grid-column: toggle;
14431
14436
  }
14432
14437
 
14433
- .valueEditor_toggleControl_64cb9 {
14438
+ .valueEditor_toggleControl_4a4f1 {
14434
14439
  grid-column: toggle;
14435
14440
  }
14436
14441
 
14437
- .valueEditor_header_64cb9 [data-field-name],
14438
- .valueEditor_header_64cb9 > .valueEditor_fieldName_64cb9 {
14442
+ .valueEditor_header_4a4f1 [data-field-name],
14443
+ .valueEditor_header_4a4f1 > .valueEditor_fieldName_4a4f1 {
14439
14444
  grid-column: handle;
14440
14445
  }
14441
14446
 
14442
- .valueEditor_header_64cb9 [data-field-type],
14443
- .valueEditor_header_64cb9 > .valueEditor_fieldType_64cb9 {
14447
+ .valueEditor_header_4a4f1 [data-field-type],
14448
+ .valueEditor_header_4a4f1 > .valueEditor_fieldType_4a4f1 {
14444
14449
  grid-column: type;
14445
14450
  }
14446
14451
 
14447
- .valueEditor_header_64cb9 [data-field-name],
14448
- .valueEditor_header_64cb9 [data-field-type],
14449
- .valueEditor_header_64cb9 > .valueEditor_fieldName_64cb9,
14450
- .valueEditor_header_64cb9 > .valueEditor_fieldType_64cb9 {
14452
+ .valueEditor_header_4a4f1 [data-field-name],
14453
+ .valueEditor_header_4a4f1 [data-field-type],
14454
+ .valueEditor_header_4a4f1 > .valueEditor_fieldName_4a4f1,
14455
+ .valueEditor_header_4a4f1 > .valueEditor_fieldType_4a4f1 {
14451
14456
  grid-row: 1;
14452
14457
  min-width: 0;
14453
14458
  height: var(--field-control-height);
@@ -14460,23 +14465,23 @@ svg.react-flow__connectionline {
14460
14465
  font-weight: 400;
14461
14466
  }
14462
14467
 
14463
- .valueEditor_root_64cb9[data-header] > .valueEditor_options_64cb9 {
14468
+ .valueEditor_root_4a4f1[data-header] > .valueEditor_options_4a4f1 {
14464
14469
  grid-column: actions;
14465
14470
  }
14466
14471
 
14467
- .valueEditor_root_64cb9[data-header] > .valueEditor_body_64cb9,
14468
- .valueEditor_root_64cb9[data-header] > .valueEditor_summary_64cb9 {
14472
+ .valueEditor_root_4a4f1[data-header] > .valueEditor_body_4a4f1,
14473
+ .valueEditor_root_4a4f1[data-header] > .valueEditor_summary_4a4f1 {
14469
14474
  grid-column: var(--field-value-column);
14470
14475
  grid-row: var(--field-value-row);
14471
14476
  min-height: var(--field-control-height);
14472
14477
  }
14473
14478
 
14474
- .valueEditor_root_64cb9[data-header] > .valueEditor_body_64cb9 {
14479
+ .valueEditor_root_4a4f1[data-header] > .valueEditor_body_4a4f1 {
14475
14480
  gap: 4px;
14476
14481
  }
14477
14482
 
14478
14483
  /* The rounded value control sits in front of the attached addon base. */
14479
- .valueEditor_valueAddon_64cb9 {
14484
+ .valueEditor_valueAddon_4a4f1 {
14480
14485
  color: var(--ui-muted-foreground);
14481
14486
  grid-column: var(--field-value-column, 1);
14482
14487
  grid-row: var(--field-value-row, 1);
@@ -14493,29 +14498,29 @@ svg.react-flow__connectionline {
14493
14498
  background: color-mix(in srgb, var(--ui-foreground) 3%, var(--ui-control-background, var(--ui-background)));
14494
14499
  }
14495
14500
 
14496
- .valueEditor_root_64cb9:not([data-header])[data-value-addon] {
14501
+ .valueEditor_root_4a4f1:not([data-header])[data-value-addon] {
14497
14502
  --field-value-column: 1;
14498
14503
  --field-value-row: 1;
14499
14504
  }
14500
- .valueEditor_root_64cb9:not([data-header])[data-value-addon][data-expansion=branch] > .valueEditor_body_64cb9 {
14505
+ .valueEditor_root_4a4f1:not([data-header])[data-value-addon][data-expansion=branch] > .valueEditor_body_4a4f1 {
14501
14506
  grid-row: 2;
14502
14507
  }
14503
14508
 
14504
- .valueEditor_root_64cb9[data-value-addon] {
14509
+ .valueEditor_root_4a4f1[data-value-addon] {
14505
14510
  --value-start-addon-width: var(--value-addon-width);
14506
14511
  }
14507
- .valueEditor_root_64cb9[data-value-addon] > .valueEditor_summary_64cb9, .valueEditor_root_64cb9[data-value-addon]:not([data-expansion=branch]) > .valueEditor_body_64cb9 {
14512
+ .valueEditor_root_4a4f1[data-value-addon] > .valueEditor_summary_4a4f1, .valueEditor_root_4a4f1[data-value-addon]:not([data-expansion=branch]) > .valueEditor_body_4a4f1 {
14508
14513
  position: relative;
14509
14514
  margin-left: var(--value-start-addon-width);
14510
14515
  }
14511
- .valueEditor_root_64cb9[data-value-addon]:has(> .valueEditor_summary_64cb9[aria-expanded=true]) > .valueEditor_valueAddon_64cb9 {
14516
+ .valueEditor_root_4a4f1[data-value-addon]:has(> .valueEditor_summary_4a4f1[aria-expanded=true]) > .valueEditor_valueAddon_4a4f1 {
14512
14517
  background: color-mix(in srgb, var(--ui-foreground) 3%, var(--ui-background));
14513
14518
  }
14514
- .valueEditor_root_64cb9[data-value-addon] > .valueEditor_valueAddon_64cb9:has([data-source-trigger]:is(:hover, [aria-expanded=true])) {
14519
+ .valueEditor_root_4a4f1[data-value-addon] > .valueEditor_valueAddon_4a4f1:has([data-source-trigger]:is(:hover, [aria-expanded=true])) {
14515
14520
  background: var(--ui-control-hover-background, var(--ui-muted));
14516
14521
  }
14517
14522
 
14518
- .valueEditor_valueAddon_64cb9[data-side=end] {
14523
+ .valueEditor_valueAddon_4a4f1[data-side=end] {
14519
14524
  justify-self: end;
14520
14525
  justify-content: flex-end;
14521
14526
  padding-left: 0;
@@ -14525,23 +14530,23 @@ svg.react-flow__connectionline {
14525
14530
  border-radius: 0 var(--ui-control-radius, var(--ui-radius)) var(--ui-control-radius, var(--ui-radius)) 0;
14526
14531
  }
14527
14532
 
14528
- .valueEditor_root_64cb9[data-value-suffix] {
14533
+ .valueEditor_root_4a4f1[data-value-suffix] {
14529
14534
  --value-end-addon-width: var(--value-addon-width);
14530
14535
  }
14531
- .valueEditor_root_64cb9[data-value-suffix] > .valueEditor_summaryError_64cb9 {
14536
+ .valueEditor_root_4a4f1[data-value-suffix] > .valueEditor_summaryError_4a4f1 {
14532
14537
  margin-right: var(--value-end-addon-width);
14533
14538
  }
14534
- .valueEditor_root_64cb9[data-value-suffix] > .valueEditor_summary_64cb9, .valueEditor_root_64cb9[data-value-suffix]:not([data-expansion=branch]) > .valueEditor_body_64cb9 {
14539
+ .valueEditor_root_4a4f1[data-value-suffix] > .valueEditor_summary_4a4f1, .valueEditor_root_4a4f1[data-value-suffix]:not([data-expansion=branch]) > .valueEditor_body_4a4f1 {
14535
14540
  position: relative;
14536
14541
  margin-right: var(--value-end-addon-width);
14537
14542
  z-index: var(--value-editor-control-layer);
14538
14543
  }
14539
14544
 
14540
- .valueEditor_root_64cb9[data-compact][data-expansion=branch] > .valueEditor_summary_64cb9 {
14545
+ .valueEditor_root_4a4f1[data-compact][data-expansion=branch] > .valueEditor_summary_4a4f1 {
14541
14546
  grid-column: 1;
14542
14547
  grid-row: 1;
14543
14548
  }
14544
- .valueEditor_root_64cb9[data-compact][data-expansion=branch] > .valueEditor_body_64cb9 {
14549
+ .valueEditor_root_4a4f1[data-compact][data-expansion=branch] > .valueEditor_body_4a4f1 {
14545
14550
  grid-column: 1;
14546
14551
  grid-row: 2;
14547
14552
  padding-top: 6px;
@@ -14550,19 +14555,19 @@ svg.react-flow__connectionline {
14550
14555
  /* Expanded content is the base layer. Summary feedback covers that content,
14551
14556
  while the parent control stays in front of its attached feedback. An open
14552
14557
  descendant overlay raises the content plane above both. */
14553
- .valueEditor_root_64cb9:not([data-stacking=fields]) > .valueEditor_body_64cb9:has([data-popup-open]) {
14558
+ .valueEditor_root_4a4f1:not([data-stacking=fields]) > .valueEditor_body_4a4f1:has([data-popup-open]) {
14554
14559
  z-index: var(--value-editor-overlay-layer);
14555
14560
  }
14556
14561
 
14557
- .valueEditor_summary_64cb9 {
14562
+ .valueEditor_summary_4a4f1 {
14558
14563
  z-index: var(--value-editor-control-layer);
14559
14564
  }
14560
14565
 
14561
- .valueEditor_root_64cb9[data-stacking=fields] > .valueEditor_summary_64cb9 {
14566
+ .valueEditor_root_4a4f1[data-stacking=fields] > .valueEditor_summary_4a4f1 {
14562
14567
  z-index: auto;
14563
14568
  }
14564
14569
 
14565
- .valueEditor_summary_64cb9 {
14570
+ .valueEditor_summary_4a4f1 {
14566
14571
  --preview-background: var(--ui-control-background, var(--ui-muted));
14567
14572
  --preview-border: var(--ui-input);
14568
14573
  min-width: 0;
@@ -14576,25 +14581,25 @@ svg.react-flow__connectionline {
14576
14581
  border-color: var(--preview-border);
14577
14582
  background: var(--preview-background);
14578
14583
  }
14579
- .valueEditor_summary_64cb9[aria-expanded=true] {
14584
+ .valueEditor_summary_4a4f1[aria-expanded=true] {
14580
14585
  --preview-background: color-mix(in srgb, var(--ui-foreground) 3%, var(--ui-background));
14581
14586
  }
14582
14587
 
14583
- .valueEditor_summaryText_64cb9[data-empty-string] {
14588
+ .valueEditor_summaryText_4a4f1[data-empty-string] {
14584
14589
  color: var(--ui-muted-foreground);
14585
14590
  }
14586
- .valueEditor_summaryText_64cb9 {
14591
+ .valueEditor_summaryText_4a4f1 {
14587
14592
  min-width: 0;
14588
14593
  overflow: hidden;
14589
14594
  text-overflow: ellipsis;
14590
14595
  white-space: nowrap;
14591
14596
  }
14592
14597
 
14593
- .valueEditor_root_64cb9[data-expanded] > .valueEditor_summary_64cb9 > .valueEditor_summaryText_64cb9 {
14598
+ .valueEditor_root_4a4f1[data-expanded] > .valueEditor_summary_4a4f1 > .valueEditor_summaryText_4a4f1 {
14594
14599
  color: color-mix(in srgb, var(--ui-muted-foreground) 70%, transparent);
14595
14600
  }
14596
14601
 
14597
- .valueEditor_valueTools_64cb9 {
14602
+ .valueEditor_valueTools_4a4f1 {
14598
14603
  grid-column: var(--field-value-column);
14599
14604
  grid-row: var(--field-value-row);
14600
14605
  align-self: start;
@@ -14607,48 +14612,48 @@ svg.react-flow__connectionline {
14607
14612
  color: var(--ui-muted-foreground);
14608
14613
  }
14609
14614
 
14610
- .valueEditor_clearValue_64cb9[data-danger] {
14615
+ .valueEditor_clearValue_4a4f1[data-danger] {
14611
14616
  --ui-control-hover-background: var(--ui-danger-control-background-hover);
14612
14617
  }
14613
14618
 
14614
- .valueEditor_resetValue_64cb9,
14615
- .valueEditor_unsetValue_64cb9 > i {
14619
+ .valueEditor_resetValue_4a4f1,
14620
+ .valueEditor_unsetValue_4a4f1 > i {
14616
14621
  transition-property: opacity;
14617
14622
  transition-duration: var(--default-transition-duration, 100ms);
14618
14623
  transition-timing-function: var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
14619
14624
  }
14620
14625
 
14621
- .valueEditor_root_64cb9[data-value-tools] > .valueEditor_summary_64cb9, .valueEditor_root_64cb9[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_64cb9 > div > :is([data-slot=select-trigger], [aria-haspopup]) {
14626
+ .valueEditor_root_4a4f1[data-value-tools] > .valueEditor_summary_4a4f1, .valueEditor_root_4a4f1[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_4a4f1 > div > :is([data-slot=select-trigger], [aria-haspopup]) {
14622
14627
  position: relative;
14623
14628
  }
14624
- .valueEditor_root_64cb9[data-value-tools] > .valueEditor_summary_64cb9 > svg, .valueEditor_root_64cb9[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_64cb9 > div > :is([data-slot=select-trigger], [aria-haspopup]) > svg {
14629
+ .valueEditor_root_4a4f1[data-value-tools] > .valueEditor_summary_4a4f1 > svg, .valueEditor_root_4a4f1[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_4a4f1 > div > :is([data-slot=select-trigger], [aria-haspopup]) > svg {
14625
14630
  position: absolute;
14626
14631
  right: 8px;
14627
14632
  pointer-events: none;
14628
14633
  }
14629
- .valueEditor_root_64cb9[data-value-tools] > .valueEditor_summary_64cb9, .valueEditor_root_64cb9[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_64cb9 > :is(input, select, button, [role=button]), .valueEditor_root_64cb9[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_64cb9 > div > :is([data-slot=select-trigger], [data-field-control]) {
14634
+ .valueEditor_root_4a4f1[data-value-tools] > .valueEditor_summary_4a4f1, .valueEditor_root_4a4f1[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_4a4f1 > :is(input, select, button, [role=button]), .valueEditor_root_4a4f1[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_4a4f1 > div > :is([data-slot=select-trigger], [data-field-control]) {
14630
14635
  padding-right: calc(var(--value-tools-width) + var(--value-native-action-width, 0px) + var(--value-suffix-width) + 8px);
14631
14636
  }
14632
- .valueEditor_root_64cb9[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_64cb9 [data-slot=input-group] input {
14637
+ .valueEditor_root_4a4f1[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_4a4f1 [data-slot=input-group] input {
14633
14638
  padding-right: calc(var(--value-tools-width) + 8px);
14634
14639
  }
14635
14640
 
14636
- .valueEditor_root_64cb9[data-array-child] > .valueEditor_valueTools_64cb9 {
14641
+ .valueEditor_root_4a4f1[data-array-child] > .valueEditor_valueTools_4a4f1 {
14637
14642
  grid-column: handle/content-end;
14638
14643
  grid-row: 1;
14639
14644
  }
14640
14645
 
14641
- .valueEditor_root_64cb9 > .valueEditor_valueTools_64cb9 > :is(.valueEditor_clearValue_64cb9, .valueEditor_resetValue_64cb9) {
14646
+ .valueEditor_root_4a4f1 > .valueEditor_valueTools_4a4f1 > :is(.valueEditor_clearValue_4a4f1, .valueEditor_resetValue_4a4f1) {
14642
14647
  opacity: 0;
14643
14648
  pointer-events: none;
14644
14649
  }
14645
- .valueEditor_root_64cb9:has(> .valueEditor_body_64cb9:hover, > .valueEditor_summary_64cb9:hover, > .valueEditor_valueTools_64cb9:hover) > .valueEditor_valueTools_64cb9 > :is(.valueEditor_clearValue_64cb9, .valueEditor_resetValue_64cb9),
14646
- .valueEditor_root_64cb9 > .valueEditor_valueTools_64cb9 > :is(.valueEditor_clearValue_64cb9, .valueEditor_resetValue_64cb9):focus-visible {
14650
+ .valueEditor_root_4a4f1:has(> .valueEditor_body_4a4f1:hover, > .valueEditor_summary_4a4f1:hover, > .valueEditor_valueTools_4a4f1:hover) > .valueEditor_valueTools_4a4f1 > :is(.valueEditor_clearValue_4a4f1, .valueEditor_resetValue_4a4f1),
14651
+ .valueEditor_root_4a4f1 > .valueEditor_valueTools_4a4f1 > :is(.valueEditor_clearValue_4a4f1, .valueEditor_resetValue_4a4f1):focus-visible {
14647
14652
  opacity: 1;
14648
14653
  pointer-events: auto;
14649
14654
  }
14650
14655
 
14651
- .valueEditor_arrayIndex_64cb9 {
14656
+ .valueEditor_arrayIndex_4a4f1 {
14652
14657
  height: var(--field-control-height);
14653
14658
  display: flex;
14654
14659
  align-items: center;
@@ -14658,20 +14663,20 @@ svg.react-flow__connectionline {
14658
14663
  font-variant-numeric: tabular-nums;
14659
14664
  }
14660
14665
 
14661
- .valueEditor_root_64cb9[data-header][data-array-child] {
14666
+ .valueEditor_root_4a4f1[data-header][data-array-child] {
14662
14667
  --field-value-column: handle / content-end;
14663
14668
  --field-value-row: 1;
14664
14669
  }
14665
- .valueEditor_root_64cb9[data-header][data-array-child] > .valueEditor_valueAddon_64cb9:not([data-side=end]) {
14670
+ .valueEditor_root_4a4f1[data-header][data-array-child] > .valueEditor_valueAddon_4a4f1:not([data-side=end]) {
14666
14671
  margin-left: var(--field-indent);
14667
14672
  }
14668
- .valueEditor_root_64cb9[data-header][data-array-child] > .valueEditor_summary_64cb9, .valueEditor_root_64cb9[data-header][data-array-child]:not([data-expansion=branch]) > .valueEditor_body_64cb9 {
14673
+ .valueEditor_root_4a4f1[data-header][data-array-child] > .valueEditor_summary_4a4f1, .valueEditor_root_4a4f1[data-header][data-array-child]:not([data-expansion=branch]) > .valueEditor_body_4a4f1 {
14669
14674
  grid-column: handle/content-end;
14670
14675
  grid-row: 1;
14671
14676
  margin-left: calc(var(--field-indent) + var(--value-start-addon-width));
14672
14677
  }
14673
14678
 
14674
- .valueEditor_root_64cb9[data-header][data-expansion=branch] > .valueEditor_body_64cb9 {
14679
+ .valueEditor_root_4a4f1[data-header][data-expansion=branch] > .valueEditor_body_4a4f1 {
14675
14680
  --value-body-inset: calc(var(--field-indent, 0px) + 16px);
14676
14681
  --branch-origin: calc(var(--field-indent, 0px) - var(--branch-offset));
14677
14682
  --branch-offset: calc(var(--field-toggle-width, 24px) / 2 + var(--field-name-gap));
@@ -14683,22 +14688,22 @@ svg.react-flow__connectionline {
14683
14688
  }
14684
14689
 
14685
14690
  @container value-fields (max-width: 340px) {
14686
- .valueEditor_root_64cb9[data-header][data-expansion=branch]:not([data-array-child], [data-output], [data-value-only]) > .valueEditor_body_64cb9 {
14691
+ .valueEditor_root_4a4f1[data-header][data-expansion=branch]:not([data-array-child], [data-output], [data-value-only]) > .valueEditor_body_4a4f1 {
14687
14692
  --branch-extension: calc(var(--field-control-height) + var(--field-row-gap));
14688
14693
  }
14689
14694
  }
14690
- .valueEditor_root_64cb9[data-header][data-structured] > .valueEditor_body_64cb9 {
14695
+ .valueEditor_root_4a4f1[data-header][data-structured] > .valueEditor_body_4a4f1 {
14691
14696
  --branch-origin: calc(var(--field-indent, 0px) + var(--field-toggle-width, 24px) / 2);
14692
14697
  grid-column: handle/end;
14693
14698
  }
14694
14699
 
14695
- .valueEditor_body_64cb9[hidden] {
14700
+ .valueEditor_body_4a4f1[hidden] {
14696
14701
  display: none !important;
14697
14702
  }
14698
14703
 
14699
- .valueEditor_root_64cb9[data-header] > .valueEditor_body_64cb9 > input,
14700
- .valueEditor_root_64cb9[data-header] > .valueEditor_body_64cb9 > textarea,
14701
- .valueEditor_root_64cb9[data-header] > .valueEditor_body_64cb9 > select {
14704
+ .valueEditor_root_4a4f1[data-header] > .valueEditor_body_4a4f1 > input,
14705
+ .valueEditor_root_4a4f1[data-header] > .valueEditor_body_4a4f1 > textarea,
14706
+ .valueEditor_root_4a4f1[data-header] > .valueEditor_body_4a4f1 > select {
14702
14707
  min-height: 30px;
14703
14708
  height: 30px;
14704
14709
  padding: 5px 7px;
@@ -14706,12 +14711,12 @@ svg.react-flow__connectionline {
14706
14711
  font-size: 12px;
14707
14712
  }
14708
14713
 
14709
- .valueEditor_root_64cb9[data-header] > .valueEditor_body_64cb9 > textarea {
14714
+ .valueEditor_root_4a4f1[data-header] > .valueEditor_body_4a4f1 > textarea {
14710
14715
  height: 60px;
14711
14716
  resize: vertical;
14712
14717
  }
14713
14718
 
14714
- .valueEditor_root_64cb9[data-header] > .valueEditor_body_64cb9 > p:not([role=alert]) {
14719
+ .valueEditor_root_4a4f1[data-header] > .valueEditor_body_4a4f1 > p:not([role=alert]) {
14715
14720
  margin: 0;
14716
14721
  padding: 6px 7px;
14717
14722
  min-height: 30px;
@@ -14722,34 +14727,34 @@ svg.react-flow__connectionline {
14722
14727
  white-space: nowrap;
14723
14728
  }
14724
14729
 
14725
- .valueEditor_actions_64cb9 > button {
14730
+ .valueEditor_actions_4a4f1 > button {
14726
14731
  justify-content: flex-start;
14727
14732
  color: var(--ui-muted-foreground);
14728
14733
  font-size: 12px;
14729
14734
  }
14730
14735
 
14731
- .valueEditor_root_64cb9[data-expansion=branch]:not([data-header]) > .valueEditor_options_64cb9 {
14736
+ .valueEditor_root_4a4f1[data-expansion=branch]:not([data-header]) > .valueEditor_options_4a4f1 {
14732
14737
  align-self: end;
14733
14738
  margin: 0;
14734
14739
  }
14735
14740
 
14736
- .valueEditor_root_64cb9[data-header] > .valueEditor_body_64cb9 [data-slot=native-select-wrapper] {
14741
+ .valueEditor_root_4a4f1[data-header] > .valueEditor_body_4a4f1 [data-slot=native-select-wrapper] {
14737
14742
  min-width: 0;
14738
14743
  width: 100%;
14739
14744
  }
14740
14745
 
14741
- .valueEditor_root_64cb9[data-header] > .valueEditor_body_64cb9 [data-slot=native-select] {
14746
+ .valueEditor_root_4a4f1[data-header] > .valueEditor_body_4a4f1 [data-slot=native-select] {
14742
14747
  height: 30px;
14743
14748
  padding: 4px 22px 4px 7px;
14744
14749
  border-radius: var(--ui-control-radius, var(--ui-radius));
14745
14750
  font-size: 12px;
14746
14751
  }
14747
14752
 
14748
- .valueEditor_body_64cb9 .valueEditor_root_64cb9 {
14753
+ .valueEditor_body_4a4f1 .valueEditor_root_4a4f1 {
14749
14754
  --field-grip-width: 0px;
14750
14755
  }
14751
14756
 
14752
- .valueEditor_nullValue_64cb9 {
14757
+ .valueEditor_nullValue_4a4f1 {
14753
14758
  display: flex;
14754
14759
  align-items: center;
14755
14760
  justify-content: flex-start;
@@ -14765,7 +14770,7 @@ svg.react-flow__connectionline {
14765
14770
  font-weight: 400;
14766
14771
  }
14767
14772
 
14768
- .valueEditor_nullChip_64cb9 {
14773
+ .valueEditor_nullChip_4a4f1 {
14769
14774
  padding: 0 4px;
14770
14775
  border-radius: 4px;
14771
14776
  background: var(--ui-muted);
@@ -14774,13 +14779,13 @@ svg.react-flow__connectionline {
14774
14779
  }
14775
14780
 
14776
14781
  /* Editable names and types already supply their own control padding. */
14777
- .valueEditor_root_64cb9[data-header]:is([data-layout=values], [data-layout=ports]) > .valueEditor_header_64cb9 [data-field-name],
14778
- .valueEditor_root_64cb9[data-header]:is([data-layout=values], [data-layout=ports]) > .valueEditor_header_64cb9 [data-field-type] {
14782
+ .valueEditor_root_4a4f1[data-header]:is([data-layout=values], [data-layout=ports]) > .valueEditor_header_4a4f1 [data-field-name],
14783
+ .valueEditor_root_4a4f1[data-header]:is([data-layout=values], [data-layout=ports]) > .valueEditor_header_4a4f1 [data-field-type] {
14779
14784
  padding: 0;
14780
14785
  overflow: visible;
14781
14786
  font: inherit;
14782
14787
  }
14783
- .valueEditor_root_64cb9[data-header]:is([data-layout=values], [data-layout=ports]) > .valueEditor_header_64cb9 [data-field-name] input {
14788
+ .valueEditor_root_4a4f1[data-header]:is([data-layout=values], [data-layout=ports]) > .valueEditor_header_4a4f1 [data-field-name] input {
14784
14789
  width: 100%;
14785
14790
  height: var(--field-control-height);
14786
14791
  min-height: var(--field-control-height);
@@ -14791,19 +14796,19 @@ svg.react-flow__connectionline {
14791
14796
  color: var(--ui-foreground);
14792
14797
  }
14793
14798
 
14794
- .valueEditor_root_64cb9[data-inline][data-value-addon] {
14799
+ .valueEditor_root_4a4f1[data-inline][data-value-addon] {
14795
14800
  flex: 1;
14796
14801
  }
14797
- .valueEditor_root_64cb9[data-inline][data-value-addon] > .valueEditor_body_64cb9 > [data-slot=button],
14798
- .valueEditor_root_64cb9[data-inline][data-value-addon] > .valueEditor_body_64cb9 [data-slot=native-select] {
14802
+ .valueEditor_root_4a4f1[data-inline][data-value-addon] > .valueEditor_body_4a4f1 > [data-slot=button],
14803
+ .valueEditor_root_4a4f1[data-inline][data-value-addon] > .valueEditor_body_4a4f1 [data-slot=native-select] {
14799
14804
  height: var(--field-control-height);
14800
14805
  }
14801
14806
 
14802
- .valueEditor_root_64cb9[data-inline] {
14807
+ .valueEditor_root_4a4f1[data-inline] {
14803
14808
  grid-template-columns: minmax(0, 1fr);
14804
14809
  }
14805
- .valueEditor_root_64cb9[data-inline] > .valueEditor_body_64cb9 > input,
14806
- .valueEditor_root_64cb9[data-inline] > .valueEditor_body_64cb9 > textarea {
14810
+ .valueEditor_root_4a4f1[data-inline] > .valueEditor_body_4a4f1 > input,
14811
+ .valueEditor_root_4a4f1[data-inline] > .valueEditor_body_4a4f1 > textarea {
14807
14812
  height: 30px;
14808
14813
  min-height: 30px;
14809
14814
  border-radius: var(--ui-control-radius, var(--ui-radius));
@@ -14811,7 +14816,7 @@ svg.react-flow__connectionline {
14811
14816
  font-size: 12px;
14812
14817
  }
14813
14818
 
14814
- .valueEditor_collectionActions_64cb9 {
14819
+ .valueEditor_collectionActions_4a4f1 {
14815
14820
  --field-nullable-width: var(--field-table-nullable-width, 0px);
14816
14821
  --field-name-track: minmax(0, 1fr);
14817
14822
  --field-type-track: minmax(64px, 0.48fr);
@@ -14828,10 +14833,10 @@ svg.react-flow__connectionline {
14828
14833
  column-gap: 0;
14829
14834
  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];
14830
14835
  }
14831
- .valueEditor_collectionActions_64cb9[data-value-prefix] {
14836
+ .valueEditor_collectionActions_4a4f1[data-value-prefix] {
14832
14837
  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];
14833
14838
  }
14834
- .valueEditor_collectionActions_64cb9[data-layout=values], .valueEditor_collectionActions_64cb9[data-layout=ports] {
14839
+ .valueEditor_collectionActions_4a4f1[data-layout=values], .valueEditor_collectionActions_4a4f1[data-layout=ports] {
14835
14840
  --field-name-track: minmax(
14836
14841
  90px,
14837
14842
  calc(
@@ -14846,82 +14851,82 @@ svg.react-flow__connectionline {
14846
14851
  --field-name-gap: var(--field-value-name-gap, 2px);
14847
14852
  --field-actions-gap: var(--field-table-actions-gap, 2px);
14848
14853
  }
14849
- .valueEditor_collectionActions_64cb9[data-output] {
14854
+ .valueEditor_collectionActions_4a4f1[data-output] {
14850
14855
  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];
14851
14856
  }
14852
14857
  @container value-fields (max-width: 280px) {
14853
- .valueEditor_collectionActions_64cb9:not([data-output]) {
14858
+ .valueEditor_collectionActions_4a4f1:not([data-output]) {
14854
14859
  --field-value-column: handle / content-end;
14855
14860
  --field-value-row: 2;
14856
14861
  --field-branch-row: 3;
14857
14862
  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];
14858
14863
  }
14859
- .valueEditor_collectionActions_64cb9[data-value-prefix]:not([data-output]) {
14864
+ .valueEditor_collectionActions_4a4f1[data-value-prefix]:not([data-output]) {
14860
14865
  --field-value-column: value / content-end;
14861
14866
  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];
14862
14867
  }
14863
14868
  }
14864
- .valueEditor_collectionActions_64cb9 {
14869
+ .valueEditor_collectionActions_4a4f1 {
14865
14870
  --field-grip-width: 0px;
14866
14871
  }
14867
- .valueEditor_collectionActions_64cb9:empty {
14872
+ .valueEditor_collectionActions_4a4f1:empty {
14868
14873
  display: none;
14869
14874
  }
14870
- .valueEditor_collectionActions_64cb9 > * {
14875
+ .valueEditor_collectionActions_4a4f1 > * {
14871
14876
  grid-column: handle/content-end;
14872
14877
  }
14873
- .valueEditor_collectionActions_64cb9 > .valueEditor_errorAnchor_64cb9 {
14878
+ .valueEditor_collectionActions_4a4f1 > .valueEditor_errorAnchor_4a4f1 {
14874
14879
  margin-left: calc(var(--field-indent, 0px) + 16px);
14875
14880
  }
14876
- .valueEditor_collectionActions_64cb9 > .valueEditor_errorAnchor_64cb9 > .valueEditor_emptyObjectContent_64cb9 {
14881
+ .valueEditor_collectionActions_4a4f1 > .valueEditor_errorAnchor_4a4f1 > .valueEditor_emptyObjectContent_4a4f1 {
14877
14882
  margin-left: 0;
14878
14883
  width: 100%;
14879
14884
  }
14880
14885
 
14881
- .valueEditor_emptyObjectContent_64cb9 {
14886
+ .valueEditor_emptyObjectContent_4a4f1 {
14882
14887
  display: flex;
14883
14888
  align-items: center;
14884
14889
  color: var(--ui-muted-foreground);
14885
14890
  background-color: color-mix(in srgb, var(--ui-foreground) 5%, transparent);
14886
14891
  }
14887
- .valueEditor_emptyObjectContent_64cb9:not(:disabled):hover {
14892
+ .valueEditor_emptyObjectContent_4a4f1:not(:disabled):hover {
14888
14893
  background-color: color-mix(in srgb, var(--ui-foreground) 10%, transparent);
14889
14894
  }
14890
- .valueEditor_emptyObjectContent_64cb9 {
14895
+ .valueEditor_emptyObjectContent_4a4f1 {
14891
14896
  margin-left: calc(var(--field-indent, 0px) + 16px);
14892
14897
  height: var(--field-control-height, 30px);
14893
14898
  font: inherit;
14894
14899
  }
14895
14900
 
14896
- .valueEditor_emptyObjectConstraint_64cb9 {
14901
+ .valueEditor_emptyObjectConstraint_4a4f1 {
14897
14902
  height: auto;
14898
14903
  min-height: var(--field-control-height, 30px);
14899
14904
  white-space: normal;
14900
14905
  }
14901
14906
 
14902
- .valueEditor_unsetValue_64cb9 {
14907
+ .valueEditor_unsetValue_4a4f1 {
14903
14908
  position: relative;
14904
14909
  width: 100%;
14905
14910
  justify-content: space-between;
14906
14911
  border-color: var(--ui-input);
14907
14912
  background: var(--ui-control-background, var(--ui-muted));
14908
14913
  }
14909
- .valueEditor_unsetValue_64cb9 > i {
14914
+ .valueEditor_unsetValue_4a4f1 > i {
14910
14915
  position: absolute;
14911
14916
  right: 8px;
14912
14917
  opacity: 0;
14913
14918
  }
14914
- .valueEditor_unsetValue_64cb9:hover > i, .valueEditor_unsetValue_64cb9:focus-visible > i {
14919
+ .valueEditor_unsetValue_4a4f1:hover > i, .valueEditor_unsetValue_4a4f1:focus-visible > i {
14915
14920
  opacity: 1;
14916
14921
  }
14917
14922
 
14918
- .valueEditor_jsonCode_64cb9 {
14923
+ .valueEditor_jsonCode_4a4f1 {
14919
14924
  font-size: 12px;
14920
14925
  }
14921
- .valueEditor_jsonCode_64cb9[hidden] {
14926
+ .valueEditor_jsonCode_4a4f1[hidden] {
14922
14927
  display: none;
14923
14928
  }
14924
- .valueEditor_jsonCode_64cb9 .cm-editor {
14929
+ .valueEditor_jsonCode_4a4f1 .cm-editor {
14925
14930
  height: 110px;
14926
14931
  min-height: 110px;
14927
14932
  max-height: 320px;
@@ -14931,84 +14936,84 @@ svg.react-flow__connectionline {
14931
14936
  border-radius: var(--ui-control-radius, var(--ui-radius));
14932
14937
  background: var(--ui-control-background, var(--ui-background));
14933
14938
  }
14934
- .valueEditor_jsonCode_64cb9 .cm-scroller {
14939
+ .valueEditor_jsonCode_4a4f1 .cm-scroller {
14935
14940
  height: 100%;
14936
14941
  min-height: 0;
14937
14942
  overflow: auto;
14938
14943
  }
14939
14944
 
14940
- .valueEditor_jsonCode_64cb9[data-auto-height] .cm-editor {
14945
+ .valueEditor_jsonCode_4a4f1[data-auto-height] .cm-editor {
14941
14946
  height: auto;
14942
14947
  max-height: none;
14943
14948
  resize: none;
14944
14949
  }
14945
- .valueEditor_jsonCode_64cb9[data-auto-height] .cm-scroller {
14950
+ .valueEditor_jsonCode_4a4f1[data-auto-height] .cm-scroller {
14946
14951
  height: auto;
14947
14952
  overflow: visible;
14948
14953
  }
14949
14954
 
14950
- .valueEditor_emptyString_64cb9::placeholder,
14951
- .valueEditor_summaryText_64cb9[data-empty-string] {
14955
+ .valueEditor_emptyString_4a4f1::placeholder,
14956
+ .valueEditor_summaryText_4a4f1[data-empty-string] {
14952
14957
  opacity: 0.5;
14953
14958
  }
14954
14959
 
14955
14960
  /* Each recursive row owns its tracks; indentation affects only its leading cells. */
14956
- .valueEditor_root_64cb9[data-header][data-structured] > .valueEditor_body_64cb9 {
14961
+ .valueEditor_root_4a4f1[data-header][data-structured] > .valueEditor_body_4a4f1 {
14957
14962
  --branch-origin: calc(var(--field-indent, 0px) + var(--field-toggle-width, 24px) / 2);
14958
14963
  grid-column: 1/-1;
14959
14964
  margin-bottom: 0;
14960
14965
  padding-left: 0;
14961
14966
  }
14962
- .valueEditor_root_64cb9[data-header][data-structured] > .valueEditor_body_64cb9 > .valueEditor_collection_64cb9 {
14967
+ .valueEditor_root_4a4f1[data-header][data-structured] > .valueEditor_body_4a4f1 > .valueEditor_collection_4a4f1 {
14963
14968
  container-type: normal;
14964
14969
  }
14965
14970
 
14966
- .valueEditor_root_64cb9[data-header][data-nested-field] > .valueEditor_header_64cb9 [data-field-name],
14967
- .valueEditor_root_64cb9[data-header][data-nested-field] > .valueEditor_header_64cb9 > .valueEditor_fieldName_64cb9 {
14971
+ .valueEditor_root_4a4f1[data-header][data-nested-field] > .valueEditor_header_4a4f1 [data-field-name],
14972
+ .valueEditor_root_4a4f1[data-header][data-nested-field] > .valueEditor_header_4a4f1 > .valueEditor_fieldName_4a4f1 {
14968
14973
  padding-left: var(--field-indent);
14969
14974
  }
14970
14975
 
14971
- .valueEditor_root_64cb9:is([data-object-child], [data-array-child]) > .valueEditor_options_64cb9 {
14976
+ .valueEditor_root_4a4f1:is([data-object-child], [data-array-child]) > .valueEditor_options_4a4f1 {
14972
14977
  grid-column: nullable/end;
14973
14978
  display: grid;
14974
14979
  grid-template-columns: repeat(2, minmax(0, 1fr));
14975
14980
  gap: var(--field-action-pair-gap, 0px);
14976
14981
  }
14977
- .valueEditor_root_64cb9:is([data-object-child], [data-array-child]) > .valueEditor_options_64cb9 > * {
14982
+ .valueEditor_root_4a4f1:is([data-object-child], [data-array-child]) > .valueEditor_options_4a4f1 > * {
14978
14983
  justify-self: center;
14979
14984
  }
14980
14985
 
14981
- .valueEditor_root_64cb9:not([data-expansion=branch]) > .valueEditor_body_64cb9::before {
14986
+ .valueEditor_root_4a4f1:not([data-expansion=branch]) > .valueEditor_body_4a4f1::before {
14982
14987
  content: none;
14983
14988
  }
14984
14989
 
14985
- .valueEditor_root_64cb9:not([data-header]) > .valueEditor_body_64cb9::before {
14990
+ .valueEditor_root_4a4f1:not([data-header]) > .valueEditor_body_4a4f1::before {
14986
14991
  content: none;
14987
14992
  }
14988
14993
 
14989
- .valueEditor_booleanControl_64cb9 {
14994
+ .valueEditor_booleanControl_4a4f1 {
14990
14995
  position: relative;
14991
14996
  }
14992
- .valueEditor_booleanControl_64cb9 > [data-field-control] {
14997
+ .valueEditor_booleanControl_4a4f1 > [data-field-control] {
14993
14998
  width: 100%;
14994
14999
  justify-content: flex-start;
14995
15000
  padding-right: 44px;
14996
15001
  }
14997
- .valueEditor_booleanControl_64cb9 > .valueEditor_booleanIndicator_64cb9 {
15002
+ .valueEditor_booleanControl_4a4f1 > .valueEditor_booleanIndicator_4a4f1 {
14998
15003
  position: absolute;
14999
15004
  right: 8px;
15000
15005
  top: 50%;
15001
15006
  transform: translateY(-50%);
15002
15007
  pointer-events: none;
15003
15008
  }
15004
- .valueEditor_booleanControl_64cb9 > .valueEditor_booleanIndicator_64cb9 > [data-slot=switch-thumb] {
15009
+ .valueEditor_booleanControl_4a4f1 > .valueEditor_booleanIndicator_4a4f1 > [data-slot=switch-thumb] {
15005
15010
  background: light-dark(color-mix(in srgb, var(--ui-foreground) 2%, var(--ui-popover)), var(--ui-primary-foreground));
15006
15011
  }
15007
- .valueEditor_booleanControl_64cb9 > .valueEditor_booleanIndicator_64cb9 > [data-slot=switch-thumb][data-unchecked] {
15012
+ .valueEditor_booleanControl_4a4f1 > .valueEditor_booleanIndicator_4a4f1 > [data-slot=switch-thumb][data-unchecked] {
15008
15013
  background: light-dark(color-mix(in srgb, var(--ui-foreground) 2%, var(--ui-popover)), color-mix(in srgb, var(--ui-background) 6%, var(--ui-foreground)));
15009
15014
  }
15010
15015
 
15011
- .valueEditor_summaryError_64cb9 {
15016
+ .valueEditor_summaryError_4a4f1 {
15012
15017
  z-index: var(--value-editor-feedback-layer);
15013
15018
  position: relative;
15014
15019
  grid-column: 1;
@@ -15018,38 +15023,38 @@ svg.react-flow__connectionline {
15018
15023
  height: 0;
15019
15024
  min-width: 0;
15020
15025
  }
15021
- .valueEditor_summaryError_64cb9 > .valueEditor_error_64cb9 {
15026
+ .valueEditor_summaryError_4a4f1 > .valueEditor_error_4a4f1 {
15022
15027
  top: 0;
15023
15028
  }
15024
15029
 
15025
- .valueEditor_root_64cb9[data-header] > .valueEditor_summaryError_64cb9 {
15030
+ .valueEditor_root_4a4f1[data-header] > .valueEditor_summaryError_4a4f1 {
15026
15031
  grid-column: var(--field-value-column);
15027
15032
  grid-row: var(--field-value-row);
15028
15033
  }
15029
15034
 
15030
- .valueEditor_root_64cb9[data-value-addon] > .valueEditor_summaryError_64cb9 {
15035
+ .valueEditor_root_4a4f1[data-value-addon] > .valueEditor_summaryError_4a4f1 {
15031
15036
  margin-left: var(--value-start-addon-width);
15032
15037
  }
15033
15038
 
15034
- .valueEditor_root_64cb9[data-array-child] > .valueEditor_summaryError_64cb9 {
15039
+ .valueEditor_root_4a4f1[data-array-child] > .valueEditor_summaryError_4a4f1 {
15035
15040
  grid-column: handle/content-end;
15036
15041
  grid-row: 1;
15037
15042
  margin-left: var(--field-indent);
15038
15043
  }
15039
15044
 
15040
- .valueEditor_errorAnchor_64cb9:hover {
15045
+ .valueEditor_errorAnchor_4a4f1:hover {
15041
15046
  z-index: var(--value-editor-hover-layer, 1);
15042
15047
  }
15043
15048
 
15044
- .valueEditor_errorAnchor_64cb9:has(:focus-visible, [data-popup-open]) {
15049
+ .valueEditor_errorAnchor_4a4f1:has(:focus-visible, [data-popup-open]) {
15045
15050
  z-index: var(--value-editor-active-layer, 2);
15046
15051
  }
15047
15052
 
15048
- .valueEditor_collection_64cb9 > :is([data-object-fields], [data-array-fields]):empty {
15053
+ .valueEditor_collection_4a4f1 > :is([data-object-fields], [data-array-fields]):empty {
15049
15054
  display: none;
15050
15055
  }
15051
15056
 
15052
- .valueEditor_objectNotice_64cb9 {
15057
+ .valueEditor_objectNotice_4a4f1 {
15053
15058
  height: auto;
15054
15059
  min-height: var(--field-control-height, 30px);
15055
15060
  padding: 4px 8px;
@@ -15059,7 +15064,7 @@ svg.react-flow__connectionline {
15059
15064
  gap: 4px 8px;
15060
15065
  }
15061
15066
 
15062
- .valueEditor_valuePrefix_64cb9 {
15067
+ .valueEditor_valuePrefix_4a4f1 {
15063
15068
  grid-column: value-prefix;
15064
15069
  grid-row: var(--field-value-row);
15065
15070
  align-self: start;
@@ -15071,24 +15076,24 @@ svg.react-flow__connectionline {
15071
15076
  }
15072
15077
 
15073
15078
  @container value-fields (max-width: 340px) {
15074
- .valueEditor_root_64cb9[data-header][data-value-prefix] > .valueEditor_header_64cb9 [data-field-name],
15075
- .valueEditor_root_64cb9[data-header][data-value-prefix] > .valueEditor_header_64cb9 > .valueEditor_fieldName_64cb9 {
15079
+ .valueEditor_root_4a4f1[data-header][data-value-prefix] > .valueEditor_header_4a4f1 [data-field-name],
15080
+ .valueEditor_root_4a4f1[data-header][data-value-prefix] > .valueEditor_header_4a4f1 > .valueEditor_fieldName_4a4f1 {
15076
15081
  grid-column: handle/type;
15077
15082
  }
15078
15083
  }
15079
15084
  /* Nested text/code values grow in their existing value cell, without a tree branch. */
15080
- .valueEditor_summary_64cb9[hidden] {
15085
+ .valueEditor_summary_4a4f1[hidden] {
15081
15086
  display: none;
15082
15087
  }
15083
15088
 
15084
15089
  /* The expanded editor stacks disclosure and value actions in its top-right corner. */
15085
- .valueEditor_root_64cb9[data-expansion=inline][data-expanded] > .valueEditor_valueTools_64cb9 {
15090
+ .valueEditor_root_4a4f1[data-expansion=inline][data-expanded] > .valueEditor_valueTools_4a4f1 {
15086
15091
  flex-direction: column;
15087
15092
  height: auto;
15088
15093
  margin-top: 3px;
15089
15094
  }
15090
- .valueEditor_root_64cb9[data-expansion=inline][data-expanded] > .valueEditor_body_64cb9 > textarea,
15091
- .valueEditor_root_64cb9[data-expansion=inline][data-expanded] > .valueEditor_body_64cb9 .cm-content {
15095
+ .valueEditor_root_4a4f1[data-expansion=inline][data-expanded] > .valueEditor_body_4a4f1 > textarea,
15096
+ .valueEditor_root_4a4f1[data-expansion=inline][data-expanded] > .valueEditor_body_4a4f1 .cm-content {
15092
15097
  padding-right: 32px;
15093
15098
  }.sortableFieldList_list_c1437 {
15094
15099
  display: flex;