@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.
- package/README.md +1 -0
- package/dist/browser/{ContentIcon-CUQHjQIw.js → ContentIcon-FCpKiwjp.js} +2 -1
- package/dist/browser/{FlowCanvas-Dtf8_cQp.js → FlowCanvas-dzRBnlUT.js} +1 -1
- package/dist/browser/{createResourceDialog-DI9pL-Yr.js → createResourceDialog-BeYDdUl-.js} +2 -2
- package/dist/browser/{dialog-BYJGvItc.js → dialog-ZtpsFbl4.js} +284 -13
- package/dist/browser/{exportSvg-BOoy7-Db.js → exportSvg-DqXw1yf-.js} +2 -2
- package/dist/browser/{flowChanges-RL-H4CjD.js → flowChanges-b_5UobFj.js} +285 -44
- package/dist/browser/{flowWorkspace-BkDsETj0.js → flowWorkspace-ItojZbO4.js} +414 -53
- package/dist/browser/preview.css +181 -176
- package/dist/browser/preview.js +955 -182
- package/dist/browser/workbench.css +181 -176
- package/dist/browser/workbench.js +12 -6
- package/dist/browser/{workbenchSelect-BcWPWGzw.js → workbenchSelect-M441Lz0d.js} +1 -1
- package/dist/command/index.js +36 -36
- package/dist/common/authoring.d.ts +4 -4
- package/dist/common/authoringExamples.d.ts +3 -2
- package/dist/common/authoringSchema.d.ts +67 -4
- package/dist/common/control-api-conformance.js +58 -7
- package/dist/common/control-api.js +58 -7
- package/dist/common/control-requests.d.ts +3 -3
- package/dist/common/control-requests.js +234 -62
- package/dist/common/engine-contract.d.ts +1 -0
- package/dist/common/flow-authoring.js +56 -7
- package/dist/common/flow-change.d.ts +1 -1
- package/dist/common/flow-change.js +56 -7
- package/dist/common/flow-encoding.js +55 -7
- package/dist/common/flow-graph.d.ts +2 -1
- package/dist/common/flow-retry.d.ts +1 -1
- package/dist/common/flow-semantics.js +810 -577
- package/dist/common/http-request.d.ts +156 -0
- package/dist/common/http-request.js +5254 -0
- package/dist/common/mcp.d.ts +3 -3
- package/dist/common/mcp.js +58 -7
- package/dist/common/run-events.js +11 -9
- package/dist/common/runtime-contract.js +3 -0
- package/dist/common/scheduler.d.ts +1 -1
- package/dist/common/scheduler.js +70 -21
- package/dist/common/webhook-response.d.ts +0 -2
- package/dist/common/webhook-trigger.js +12 -11
- package/package.json +5 -1
- package/skills/open-flow/references/flow-authoring.md +1 -0
- package/skills/open-flow/references/flow-n8n-conversion.md +19 -15
- package/src/control/common/api.ts +1 -0
- package/src/control/common/authoring.ts +14 -3
- package/src/control/common/authoringExamples.ts +8 -0
- package/src/control/common/authoringSchema.ts +30 -24
- package/src/execution/common/engineContract.ts +4 -0
- package/src/execution/common/events.ts +3 -0
- package/src/execution/common/node-execution.ts +4 -2
- package/src/execution/common/scheduler.ts +1 -0
- package/src/flow/common/change.ts +3 -2
- package/src/flow/common/changeSchema.ts +12 -3
- package/src/flow/common/graph.ts +10 -4
- package/src/flow/common/retry.ts +1 -1
- package/src/flow/common/semantics.ts +60 -3
- package/src/flow/common/webhookResponse.ts +3 -7
- package/src/{openapi → http}/common/authBindings.ts +3 -3
- package/src/http/common/headers.ts +5 -0
- package/src/http/common/httpRequest.ts +251 -0
- 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
|
-
.
|
|
14141
|
-
.
|
|
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
|
-
.
|
|
14152
|
-
.
|
|
14153
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
14217
|
+
.valueEditor_toolbar_4a4f1 > .valueEditor_presence_4a4f1:empty {
|
|
14218
14218
|
display: none;
|
|
14219
14219
|
}
|
|
14220
14220
|
|
|
14221
|
-
.
|
|
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
|
-
.
|
|
14228
|
+
.valueEditor_presence_4a4f1 {
|
|
14229
14229
|
font-size: 12px;
|
|
14230
14230
|
color: var(--ui-muted-foreground);
|
|
14231
14231
|
}
|
|
14232
14232
|
|
|
14233
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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(
|
|
14305
|
-
[data-value-editor-scope]:has(.
|
|
14306
|
-
.
|
|
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(.
|
|
14312
|
-
.
|
|
14313
|
-
.
|
|
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(.
|
|
14319
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
14331
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
14420
|
+
.valueEditor_header_4a4f1 {
|
|
14416
14421
|
display: contents;
|
|
14417
14422
|
}
|
|
14418
14423
|
|
|
14419
|
-
.
|
|
14420
|
-
.
|
|
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
|
-
.
|
|
14434
|
+
.valueEditor_leadingControl_4a4f1 {
|
|
14430
14435
|
grid-column: toggle;
|
|
14431
14436
|
}
|
|
14432
14437
|
|
|
14433
|
-
.
|
|
14438
|
+
.valueEditor_toggleControl_4a4f1 {
|
|
14434
14439
|
grid-column: toggle;
|
|
14435
14440
|
}
|
|
14436
14441
|
|
|
14437
|
-
.
|
|
14438
|
-
.
|
|
14442
|
+
.valueEditor_header_4a4f1 [data-field-name],
|
|
14443
|
+
.valueEditor_header_4a4f1 > .valueEditor_fieldName_4a4f1 {
|
|
14439
14444
|
grid-column: handle;
|
|
14440
14445
|
}
|
|
14441
14446
|
|
|
14442
|
-
.
|
|
14443
|
-
.
|
|
14447
|
+
.valueEditor_header_4a4f1 [data-field-type],
|
|
14448
|
+
.valueEditor_header_4a4f1 > .valueEditor_fieldType_4a4f1 {
|
|
14444
14449
|
grid-column: type;
|
|
14445
14450
|
}
|
|
14446
14451
|
|
|
14447
|
-
.
|
|
14448
|
-
.
|
|
14449
|
-
.
|
|
14450
|
-
.
|
|
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
|
-
.
|
|
14468
|
+
.valueEditor_root_4a4f1[data-header] > .valueEditor_options_4a4f1 {
|
|
14464
14469
|
grid-column: actions;
|
|
14465
14470
|
}
|
|
14466
14471
|
|
|
14467
|
-
.
|
|
14468
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
14509
|
+
.valueEditor_root_4a4f1[data-value-addon] {
|
|
14505
14510
|
--value-start-addon-width: var(--value-addon-width);
|
|
14506
14511
|
}
|
|
14507
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
14533
|
+
.valueEditor_root_4a4f1[data-value-suffix] {
|
|
14529
14534
|
--value-end-addon-width: var(--value-addon-width);
|
|
14530
14535
|
}
|
|
14531
|
-
.
|
|
14536
|
+
.valueEditor_root_4a4f1[data-value-suffix] > .valueEditor_summaryError_4a4f1 {
|
|
14532
14537
|
margin-right: var(--value-end-addon-width);
|
|
14533
14538
|
}
|
|
14534
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
14562
|
+
.valueEditor_summary_4a4f1 {
|
|
14558
14563
|
z-index: var(--value-editor-control-layer);
|
|
14559
14564
|
}
|
|
14560
14565
|
|
|
14561
|
-
.
|
|
14566
|
+
.valueEditor_root_4a4f1[data-stacking=fields] > .valueEditor_summary_4a4f1 {
|
|
14562
14567
|
z-index: auto;
|
|
14563
14568
|
}
|
|
14564
14569
|
|
|
14565
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
14588
|
+
.valueEditor_summaryText_4a4f1[data-empty-string] {
|
|
14584
14589
|
color: var(--ui-muted-foreground);
|
|
14585
14590
|
}
|
|
14586
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
14615
|
+
.valueEditor_clearValue_4a4f1[data-danger] {
|
|
14611
14616
|
--ui-control-hover-background: var(--ui-danger-control-background-hover);
|
|
14612
14617
|
}
|
|
14613
14618
|
|
|
14614
|
-
.
|
|
14615
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
14646
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
14700
|
+
.valueEditor_body_4a4f1[hidden] {
|
|
14696
14701
|
display: none !important;
|
|
14697
14702
|
}
|
|
14698
14703
|
|
|
14699
|
-
.
|
|
14700
|
-
.
|
|
14701
|
-
.
|
|
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
|
-
.
|
|
14714
|
+
.valueEditor_root_4a4f1[data-header] > .valueEditor_body_4a4f1 > textarea {
|
|
14710
14715
|
height: 60px;
|
|
14711
14716
|
resize: vertical;
|
|
14712
14717
|
}
|
|
14713
14718
|
|
|
14714
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
14753
|
+
.valueEditor_body_4a4f1 .valueEditor_root_4a4f1 {
|
|
14749
14754
|
--field-grip-width: 0px;
|
|
14750
14755
|
}
|
|
14751
14756
|
|
|
14752
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
14778
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
14799
|
+
.valueEditor_root_4a4f1[data-inline][data-value-addon] {
|
|
14795
14800
|
flex: 1;
|
|
14796
14801
|
}
|
|
14797
|
-
.
|
|
14798
|
-
.
|
|
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
|
-
.
|
|
14807
|
+
.valueEditor_root_4a4f1[data-inline] {
|
|
14803
14808
|
grid-template-columns: minmax(0, 1fr);
|
|
14804
14809
|
}
|
|
14805
|
-
.
|
|
14806
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
14869
|
+
.valueEditor_collectionActions_4a4f1 {
|
|
14865
14870
|
--field-grip-width: 0px;
|
|
14866
14871
|
}
|
|
14867
|
-
.
|
|
14872
|
+
.valueEditor_collectionActions_4a4f1:empty {
|
|
14868
14873
|
display: none;
|
|
14869
14874
|
}
|
|
14870
|
-
.
|
|
14875
|
+
.valueEditor_collectionActions_4a4f1 > * {
|
|
14871
14876
|
grid-column: handle/content-end;
|
|
14872
14877
|
}
|
|
14873
|
-
.
|
|
14878
|
+
.valueEditor_collectionActions_4a4f1 > .valueEditor_errorAnchor_4a4f1 {
|
|
14874
14879
|
margin-left: calc(var(--field-indent, 0px) + 16px);
|
|
14875
14880
|
}
|
|
14876
|
-
.
|
|
14881
|
+
.valueEditor_collectionActions_4a4f1 > .valueEditor_errorAnchor_4a4f1 > .valueEditor_emptyObjectContent_4a4f1 {
|
|
14877
14882
|
margin-left: 0;
|
|
14878
14883
|
width: 100%;
|
|
14879
14884
|
}
|
|
14880
14885
|
|
|
14881
|
-
.
|
|
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
|
-
.
|
|
14892
|
+
.valueEditor_emptyObjectContent_4a4f1:not(:disabled):hover {
|
|
14888
14893
|
background-color: color-mix(in srgb, var(--ui-foreground) 10%, transparent);
|
|
14889
14894
|
}
|
|
14890
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
14914
|
+
.valueEditor_unsetValue_4a4f1 > i {
|
|
14910
14915
|
position: absolute;
|
|
14911
14916
|
right: 8px;
|
|
14912
14917
|
opacity: 0;
|
|
14913
14918
|
}
|
|
14914
|
-
.
|
|
14919
|
+
.valueEditor_unsetValue_4a4f1:hover > i, .valueEditor_unsetValue_4a4f1:focus-visible > i {
|
|
14915
14920
|
opacity: 1;
|
|
14916
14921
|
}
|
|
14917
14922
|
|
|
14918
|
-
.
|
|
14923
|
+
.valueEditor_jsonCode_4a4f1 {
|
|
14919
14924
|
font-size: 12px;
|
|
14920
14925
|
}
|
|
14921
|
-
.
|
|
14926
|
+
.valueEditor_jsonCode_4a4f1[hidden] {
|
|
14922
14927
|
display: none;
|
|
14923
14928
|
}
|
|
14924
|
-
.
|
|
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
|
-
.
|
|
14939
|
+
.valueEditor_jsonCode_4a4f1 .cm-scroller {
|
|
14935
14940
|
height: 100%;
|
|
14936
14941
|
min-height: 0;
|
|
14937
14942
|
overflow: auto;
|
|
14938
14943
|
}
|
|
14939
14944
|
|
|
14940
|
-
.
|
|
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
|
-
.
|
|
14950
|
+
.valueEditor_jsonCode_4a4f1[data-auto-height] .cm-scroller {
|
|
14946
14951
|
height: auto;
|
|
14947
14952
|
overflow: visible;
|
|
14948
14953
|
}
|
|
14949
14954
|
|
|
14950
|
-
.
|
|
14951
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
14967
|
+
.valueEditor_root_4a4f1[data-header][data-structured] > .valueEditor_body_4a4f1 > .valueEditor_collection_4a4f1 {
|
|
14963
14968
|
container-type: normal;
|
|
14964
14969
|
}
|
|
14965
14970
|
|
|
14966
|
-
.
|
|
14967
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
14982
|
+
.valueEditor_root_4a4f1:is([data-object-child], [data-array-child]) > .valueEditor_options_4a4f1 > * {
|
|
14978
14983
|
justify-self: center;
|
|
14979
14984
|
}
|
|
14980
14985
|
|
|
14981
|
-
.
|
|
14986
|
+
.valueEditor_root_4a4f1:not([data-expansion=branch]) > .valueEditor_body_4a4f1::before {
|
|
14982
14987
|
content: none;
|
|
14983
14988
|
}
|
|
14984
14989
|
|
|
14985
|
-
.
|
|
14990
|
+
.valueEditor_root_4a4f1:not([data-header]) > .valueEditor_body_4a4f1::before {
|
|
14986
14991
|
content: none;
|
|
14987
14992
|
}
|
|
14988
14993
|
|
|
14989
|
-
.
|
|
14994
|
+
.valueEditor_booleanControl_4a4f1 {
|
|
14990
14995
|
position: relative;
|
|
14991
14996
|
}
|
|
14992
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
15026
|
+
.valueEditor_summaryError_4a4f1 > .valueEditor_error_4a4f1 {
|
|
15022
15027
|
top: 0;
|
|
15023
15028
|
}
|
|
15024
15029
|
|
|
15025
|
-
.
|
|
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
|
-
.
|
|
15035
|
+
.valueEditor_root_4a4f1[data-value-addon] > .valueEditor_summaryError_4a4f1 {
|
|
15031
15036
|
margin-left: var(--value-start-addon-width);
|
|
15032
15037
|
}
|
|
15033
15038
|
|
|
15034
|
-
.
|
|
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
|
-
.
|
|
15045
|
+
.valueEditor_errorAnchor_4a4f1:hover {
|
|
15041
15046
|
z-index: var(--value-editor-hover-layer, 1);
|
|
15042
15047
|
}
|
|
15043
15048
|
|
|
15044
|
-
.
|
|
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
|
-
.
|
|
15053
|
+
.valueEditor_collection_4a4f1 > :is([data-object-fields], [data-array-fields]):empty {
|
|
15049
15054
|
display: none;
|
|
15050
15055
|
}
|
|
15051
15056
|
|
|
15052
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
15075
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
15091
|
-
.
|
|
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;
|