@cueloop/client 0.1.0-alpha.77 → 0.1.0-alpha.78
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/package.json +5 -5
- package/src/App.autoclose.test.tsx +3 -3
- package/src/App.diff.test.tsx +14 -2
- package/src/App.export.test.tsx +1 -2
- package/src/App.plan-review.test.tsx +16 -0
- package/src/App.submit-confirm.test.tsx +34 -5
- package/src/App.test.tsx +2 -2
- package/src/App.tsx +4 -0
- package/src/App.walk.test.tsx +2 -2
- package/src/__snapshots__/view-plan.regression.test.ts.snap +1 -1
- package/src/ansi-screen.test.ts +28 -0
- package/src/ansi-screen.ts +72 -0
- package/src/app-screens.tsx +7 -3
- package/src/app-view-model.ts +3 -0
- package/src/components/AnnotatableFileView.tsx +1 -1
- package/src/components/AnnotationCards.tsx +18 -2
- package/src/components/AnsiScreen.stories.tsx +12 -0
- package/src/components/AnsiScreen.tsx +28 -0
- package/src/components/CompletionOverlay.stories.tsx +15 -1
- package/src/components/CompletionOverlay.tsx +22 -5
- package/src/components/ConfirmCard.stories.tsx +2 -0
- package/src/components/ConfirmCard.tsx +45 -18
- package/src/components/ConfirmDialog.tsx +11 -12
- package/src/components/DiffContentView.tsx +4 -4
- package/src/components/FileContentsView.tsx +1 -1
- package/src/components/ManageAccessDialog.tsx +13 -11
- package/src/components/PromptDialog.test.tsx +2 -2
- package/src/components/PromptDialog.tsx +9 -10
- package/src/components/ShareChoiceDialog.tsx +0 -2
- package/src/components/SlashComposer.stories.tsx +37 -0
- package/src/components/SlashComposer.tsx +87 -0
- package/src/components/ThreadTree.tsx +11 -6
- package/src/components/ThreadView.selection.test.tsx +88 -1
- package/src/components/ThreadView.slash.test.tsx +0 -1
- package/src/components/ThreadView.tsx +66 -7
- package/src/components/Toast.tsx +0 -5
- package/src/components/WalkWizard.stories.tsx +2 -2
- package/src/components/WalkWizard.tsx +10 -12
- package/src/components/__snapshots__/stories.test.tsx.snap +219 -89
- package/src/components/primitives/Card.tsx +3 -0
- package/src/components/primitives/DialogActions.stories.tsx +20 -0
- package/src/components/primitives/DialogActions.tsx +39 -0
- package/src/components/session-tree.ts +7 -6
- package/src/components/stories-app.tsx +13 -4
- package/src/components/stories.test.tsx +8 -1
- package/src/components/story-tree.test.ts +32 -24
- package/src/components/story.ts +32 -15
- package/src/diff-intraline.test.ts +75 -2
- package/src/diff-intraline.ts +95 -26
- package/src/keymap.test.ts +2 -2
- package/src/keymap.ts +0 -1
- package/src/pasted-image.test.ts +67 -0
- package/src/pasted-image.ts +60 -0
- package/src/run.ts +31 -19
- package/src/serve.ts +1 -1
- package/src/share.ts +1 -1
- package/src/slash-palette.test.ts +17 -0
- package/src/slash-palette.ts +11 -0
- package/src/thread-controller.derivation.test.ts +62 -0
- package/src/thread-controller.optimistic.test.ts +69 -0
- package/src/thread-controller.switch-cache.test.ts +146 -0
- package/src/thread-controller.ts +157 -24
- package/src/use-annotation-surface.tsx +43 -27
|
@@ -17,12 +17,12 @@ exports[`stories catalog Surfaces/AnnotatableFileView/Loaded renders, snapshots,
|
|
|
17
17
|
`;
|
|
18
18
|
|
|
19
19
|
exports[`stories catalog Chrome/AnnotationCards/FocusedCard renders, snapshots, and carries its colors: Chrome/AnnotationCards/FocusedCard 1`] = `
|
|
20
|
-
"
|
|
21
|
-
╻────────────────────────────────────────────────────────┐
|
|
20
|
+
" ╻────────────────────────────────────────────────────────┐
|
|
22
21
|
┃ ● Needs an eviction story. │
|
|
23
22
|
╹────────────────────────────────────────────────────────┘
|
|
24
23
|
|
|
25
24
|
|
|
25
|
+
|
|
26
26
|
"
|
|
27
27
|
`;
|
|
28
28
|
|
|
@@ -39,14 +39,26 @@ exports[`stories catalog Chrome/AnnotationCards/SlashPaletteOpen renders, snapsh
|
|
|
39
39
|
`;
|
|
40
40
|
|
|
41
41
|
exports[`stories catalog Chrome/AnnotationCards/TwoVoices renders, snapshots, and carries its colors: Chrome/AnnotationCards/TwoVoices 1`] = `
|
|
42
|
-
"
|
|
43
|
-
╷────────────────────────────────────────────────────────┐
|
|
42
|
+
" ╷────────────────────────────────────────────────────────┐
|
|
44
43
|
│ ● Which daemon? │
|
|
45
44
|
│ ○ The one the CLI spawns. │
|
|
46
45
|
╵────────────────────────────────────────────────────────┘
|
|
47
46
|
|
|
48
47
|
|
|
49
48
|
|
|
49
|
+
|
|
50
|
+
"
|
|
51
|
+
`;
|
|
52
|
+
|
|
53
|
+
exports[`stories catalog Primitives/AnsiScreen/Positioned renders, snapshots, and carries its colors: Primitives/AnsiScreen/Positioned 1`] = `
|
|
54
|
+
"
|
|
55
|
+
Hello from
|
|
56
|
+
|
|
57
|
+
raw, positioned ANSI
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
|
|
50
62
|
"
|
|
51
63
|
`;
|
|
52
64
|
|
|
@@ -308,8 +320,8 @@ exports[`stories catalog Overlays/CompletionOverlay/ApprovedPrompt renders, snap
|
|
|
308
320
|
|
|
309
321
|
The agent has your approval and is unblocked.
|
|
310
322
|
|
|
311
|
-
close [return] · return to plan [esc] · always [a]
|
|
312
323
|
|
|
324
|
+
close back to plan always
|
|
313
325
|
|
|
314
326
|
|
|
315
327
|
|
|
@@ -336,9 +348,9 @@ exports[`stories catalog Overlays/CompletionOverlay/FeedbackCounting renders, sn
|
|
|
336
348
|
The agent has your feedback and is unblocked.
|
|
337
349
|
returning to agent/worker-3 on close
|
|
338
350
|
exported to vault/cueloop/plan.md
|
|
351
|
+
closing in 3s
|
|
339
352
|
|
|
340
|
-
|
|
341
|
-
|
|
353
|
+
close back to plan always
|
|
342
354
|
|
|
343
355
|
|
|
344
356
|
|
|
@@ -351,13 +363,13 @@ exports[`stories catalog Overlays/CompletionOverlay/FeedbackCounting renders, sn
|
|
|
351
363
|
`;
|
|
352
364
|
|
|
353
365
|
exports[`stories catalog Cards/ConfirmCard/ApproveDefault renders, snapshots, and carries its colors: Cards/ConfirmCard/ApproveDefault 1`] = `
|
|
354
|
-
"
|
|
355
|
-
│
|
|
356
|
-
│
|
|
357
|
-
│
|
|
358
|
-
│
|
|
359
|
-
│ send
|
|
360
|
-
|
|
366
|
+
"┌────────────────────────────────┐
|
|
367
|
+
│ Comment [Approve] Changes │
|
|
368
|
+
│ │
|
|
369
|
+
│ summary for the agent ( │
|
|
370
|
+
│ │
|
|
371
|
+
│ send cancel │
|
|
372
|
+
└────────────────────────────────┘
|
|
361
373
|
|
|
362
374
|
|
|
363
375
|
|
|
@@ -369,13 +381,13 @@ exports[`stories catalog Cards/ConfirmCard/ApproveDefault renders, snapshots, an
|
|
|
369
381
|
`;
|
|
370
382
|
|
|
371
383
|
exports[`stories catalog Cards/ConfirmCard/RequestChanges renders, snapshots, and carries its colors: Cards/ConfirmCard/RequestChanges 1`] = `
|
|
372
|
-
"
|
|
373
|
-
│
|
|
374
|
-
│
|
|
375
|
-
│
|
|
376
|
-
│
|
|
377
|
-
│ send
|
|
378
|
-
|
|
384
|
+
"┌────────────────────────────────┐
|
|
385
|
+
│ Comment Approve [Changes] │
|
|
386
|
+
│ │
|
|
387
|
+
│ Tighten the steps. │
|
|
388
|
+
│ │
|
|
389
|
+
│ send cancel │
|
|
390
|
+
└────────────────────────────────┘
|
|
379
391
|
|
|
380
392
|
|
|
381
393
|
|
|
@@ -387,15 +399,15 @@ exports[`stories catalog Cards/ConfirmCard/RequestChanges renders, snapshots, an
|
|
|
387
399
|
`;
|
|
388
400
|
|
|
389
401
|
exports[`stories catalog Cards/ConfirmCard/WithViewedSummary renders, snapshots, and carries its colors: Cards/ConfirmCard/WithViewedSummary 1`] = `
|
|
390
|
-
"
|
|
391
|
-
│ 2/3 files viewed
|
|
392
|
-
│
|
|
393
|
-
│
|
|
394
|
-
│
|
|
395
|
-
│
|
|
396
|
-
│
|
|
397
|
-
│ send
|
|
398
|
-
|
|
402
|
+
"┌────────────────────────────────┐
|
|
403
|
+
│ 2/3 files viewed │
|
|
404
|
+
│ │
|
|
405
|
+
│ Comment [Approve] Changes │
|
|
406
|
+
│ │
|
|
407
|
+
│ summary for the agent ( │
|
|
408
|
+
│ │
|
|
409
|
+
│ send cancel │
|
|
410
|
+
└────────────────────────────────┘
|
|
399
411
|
|
|
400
412
|
|
|
401
413
|
|
|
@@ -415,7 +427,7 @@ exports[`stories catalog Overlays/ConfirmDialog/DeletePlan renders, snapshots, a
|
|
|
415
427
|
│ Delete "Auth rollout"? This removes the plan and │
|
|
416
428
|
│ its review. │
|
|
417
429
|
│ │
|
|
418
|
-
│
|
|
430
|
+
│ delete cancel │
|
|
419
431
|
└────────────────────────────────────────────────────┘
|
|
420
432
|
|
|
421
433
|
|
|
@@ -432,9 +444,8 @@ exports[`stories catalog Surfaces/DiffContentView/AnnotatedLine renders, snapsho
|
|
|
432
444
|
▎1 1 export class Store {
|
|
433
445
|
2 - private items = [];
|
|
434
446
|
2 + private items = new Map();
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
│ ● Map needs an eviction story. │
|
|
447
|
+
╷─────────────────────────────────────────────────────────────────────────────────┐
|
|
448
|
+
│ ● Map needs an eviction story. │ ○
|
|
438
449
|
╵─────────────────────────────────────────────────────────────────────────────────┘
|
|
439
450
|
3 3 }
|
|
440
451
|
|
|
@@ -443,6 +454,7 @@ exports[`stories catalog Surfaces/DiffContentView/AnnotatedLine renders, snapsho
|
|
|
443
454
|
|
|
444
455
|
|
|
445
456
|
|
|
457
|
+
|
|
446
458
|
"
|
|
447
459
|
`;
|
|
448
460
|
|
|
@@ -513,10 +525,9 @@ exports[`stories catalog Surfaces/DiffContentView/SplitView renders, snapshots,
|
|
|
513
525
|
@@ -1,4 +1,4 @@
|
|
514
526
|
1 export class Store { │▎ 1 export class Store {
|
|
515
527
|
2 - private items = []; │ 2 + private items = new Map();
|
|
516
|
-
│
|
|
517
528
|
│ ╷─────────────────────────────────────────────────────┐
|
|
518
|
-
│ │ ● Map needs an eviction story. │
|
|
519
|
-
│ ╵─────────────────────────────────────────────────────┘
|
|
529
|
+
│ │ ● Map needs an eviction story. │
|
|
530
|
+
│ ╵─────────────────────────────────────────────────────┘ ○
|
|
520
531
|
3 } │ 3 }
|
|
521
532
|
|
|
522
533
|
|
|
@@ -525,6 +536,7 @@ exports[`stories catalog Surfaces/DiffContentView/SplitView renders, snapshots,
|
|
|
525
536
|
|
|
526
537
|
|
|
527
538
|
|
|
539
|
+
|
|
528
540
|
"
|
|
529
541
|
`;
|
|
530
542
|
|
|
@@ -683,7 +695,7 @@ exports[`stories catalog Dialogs/ManageAccess/Empty renders, snapshots, and carr
|
|
|
683
695
|
│ │
|
|
684
696
|
│ │
|
|
685
697
|
│ @handle │
|
|
686
|
-
│
|
|
698
|
+
│ add create link close │
|
|
687
699
|
└────────────────────────────────────────────────────┘
|
|
688
700
|
|
|
689
701
|
|
|
@@ -706,7 +718,7 @@ exports[`stories catalog Dialogs/ManageAccess/WithHandles renders, snapshots, an
|
|
|
706
718
|
│ │
|
|
707
719
|
│ │
|
|
708
720
|
│ @handle │
|
|
709
|
-
│
|
|
721
|
+
│ add create link close │
|
|
710
722
|
└────────────────────────────────────────────────────┘
|
|
711
723
|
|
|
712
724
|
|
|
@@ -837,7 +849,7 @@ exports[`stories catalog Overlays/PromptDialog/NameYourself renders, snapshots,
|
|
|
837
849
|
│ Your name (optional) - it attributes the notes │
|
|
838
850
|
│ you leave: │
|
|
839
851
|
│ your name │
|
|
840
|
-
│
|
|
852
|
+
│ save cancel │
|
|
841
853
|
└────────────────────────────────────────────────────┘
|
|
842
854
|
|
|
843
855
|
|
|
@@ -857,7 +869,7 @@ exports[`stories catalog Overlays/PromptDialog/RenameAuthor renders, snapshots,
|
|
|
857
869
|
│ Display name for this collaborator: │
|
|
858
870
|
│ Robin │
|
|
859
871
|
│ │
|
|
860
|
-
│
|
|
872
|
+
│ save cancel │
|
|
861
873
|
└────────────────────────────────────────────────────┘
|
|
862
874
|
|
|
863
875
|
|
|
@@ -1046,13 +1058,35 @@ exports[`stories catalog Chrome/SettingsRows/AllKinds renders, snapshots, and ca
|
|
|
1046
1058
|
"
|
|
1047
1059
|
`;
|
|
1048
1060
|
|
|
1049
|
-
exports[`stories catalog
|
|
1050
|
-
"
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1061
|
+
exports[`stories catalog Dialogs/ShareChoice/PrivateSelected renders, snapshots, and carries its colors: Dialogs/ShareChoice/PrivateSelected 1`] = `
|
|
1062
|
+
"
|
|
1063
|
+
|
|
1064
|
+
|
|
1065
|
+
┌─ Share ────────────────────────────────────┐
|
|
1066
|
+
│ public link │
|
|
1067
|
+
│ › private link │
|
|
1068
|
+
│ │
|
|
1069
|
+
│ │
|
|
1070
|
+
│ │
|
|
1071
|
+
└────────────────────────────────────────────┘
|
|
1072
|
+
|
|
1073
|
+
|
|
1074
|
+
"
|
|
1075
|
+
`;
|
|
1076
|
+
|
|
1077
|
+
exports[`stories catalog Dialogs/ShareChoice/PublicSelected renders, snapshots, and carries its colors: Dialogs/ShareChoice/PublicSelected 1`] = `
|
|
1078
|
+
"
|
|
1079
|
+
|
|
1080
|
+
|
|
1081
|
+
┌─ Share ────────────────────────────────────┐
|
|
1082
|
+
│ › public link │
|
|
1083
|
+
│ private link │
|
|
1084
|
+
│ │
|
|
1085
|
+
│ │
|
|
1086
|
+
│ │
|
|
1087
|
+
└────────────────────────────────────────────┘
|
|
1088
|
+
|
|
1089
|
+
|
|
1056
1090
|
"
|
|
1057
1091
|
`;
|
|
1058
1092
|
|
|
@@ -1067,6 +1101,30 @@ exports[`stories catalog Layout/ShellHeader/ReviewSurface renders, snapshots, an
|
|
|
1067
1101
|
"
|
|
1068
1102
|
Read Cueloop Repository Changes
|
|
1069
1103
|
|
|
1104
|
+
"
|
|
1105
|
+
`;
|
|
1106
|
+
|
|
1107
|
+
exports[`stories catalog Chrome/SlashComposer/Empty renders, snapshots, and carries its colors: Chrome/SlashComposer/Empty 1`] = `
|
|
1108
|
+
" ●
|
|
1109
|
+
|
|
1110
|
+
|
|
1111
|
+
|
|
1112
|
+
|
|
1113
|
+
|
|
1114
|
+
|
|
1115
|
+
|
|
1116
|
+
"
|
|
1117
|
+
`;
|
|
1118
|
+
|
|
1119
|
+
exports[`stories catalog Chrome/SlashComposer/WithDraft renders, snapshots, and carries its colors: Chrome/SlashComposer/WithDraft 1`] = `
|
|
1120
|
+
" ● looks good, ship it
|
|
1121
|
+
|
|
1122
|
+
|
|
1123
|
+
|
|
1124
|
+
|
|
1125
|
+
|
|
1126
|
+
|
|
1127
|
+
|
|
1070
1128
|
"
|
|
1071
1129
|
`;
|
|
1072
1130
|
|
|
@@ -1096,11 +1154,11 @@ exports[`stories catalog Surfaces/ThreadTree/Empty renders, snapshots, and carri
|
|
|
1096
1154
|
|
|
1097
1155
|
exports[`stories catalog Surfaces/ThreadTree/TwoPending renders, snapshots, and carries its colors: Surfaces/ThreadTree/TwoPending 1`] = `
|
|
1098
1156
|
" Projects
|
|
1099
|
-
|
|
1100
|
-
|
|
1157
|
+
widget
|
|
1158
|
+
Migration Plan
|
|
1101
1159
|
|
|
1102
1160
|
Threads
|
|
1103
|
-
|
|
1161
|
+
working tree
|
|
1104
1162
|
|
|
1105
1163
|
|
|
1106
1164
|
|
|
@@ -1117,7 +1175,6 @@ exports[`stories catalog Surfaces/ThreadView/InlineThreads renders, snapshots, a
|
|
|
1117
1175
|
Context
|
|
1118
1176
|
|
|
1119
1177
|
The daemon persists sessions to disk atomically.
|
|
1120
|
-
|
|
1121
1178
|
╷────────────────────────────────────────────────────────────────────────────────────────────┐
|
|
1122
1179
|
│ ● Which daemon owns this? │
|
|
1123
1180
|
╵────────────────────────────────────────────────────────────────────────────────────────────┘
|
|
@@ -1125,12 +1182,11 @@ exports[`stories catalog Surfaces/ThreadView/InlineThreads renders, snapshots, a
|
|
|
1125
1182
|
Steps
|
|
1126
1183
|
|
|
1127
1184
|
· move the store
|
|
1128
|
-
|
|
1129
1185
|
╷────────────────────────────────────────────────────────────────────────────────────────────┐
|
|
1130
|
-
│ ● move the store behind one interface │
|
|
1131
|
-
╵────────────────────────────────────────────────────────────────────────────────────────────┘
|
|
1132
|
-
· add recovery
|
|
1133
|
-
|
|
1186
|
+
│ ● move the store behind one interface │
|
|
1187
|
+
╵────────────────────────────────────────────────────────────────────────────────────────────┘
|
|
1188
|
+
· add recovery ○
|
|
1189
|
+
○
|
|
1134
1190
|
ts
|
|
1135
1191
|
export function persist(session: Session): void {
|
|
1136
1192
|
// one JSON document per session
|
|
@@ -1145,16 +1201,18 @@ exports[`stories catalog Surfaces/ThreadView/InlineThreads renders, snapshots, a
|
|
|
1145
1201
|
|
|
1146
1202
|
|
|
1147
1203
|
|
|
1204
|
+
|
|
1205
|
+
|
|
1148
1206
|
"
|
|
1149
1207
|
`;
|
|
1150
1208
|
|
|
1151
1209
|
exports[`stories catalog Surfaces/ThreadsSidebar/Open renders, snapshots, and carries its colors: Surfaces/ThreadsSidebar/Open 1`] = `
|
|
1152
1210
|
" Projects │
|
|
1153
|
-
|
|
1154
|
-
|
|
1211
|
+
widget │
|
|
1212
|
+
Migration Plan │
|
|
1155
1213
|
│
|
|
1156
1214
|
Threads │
|
|
1157
|
-
|
|
1215
|
+
working tree │
|
|
1158
1216
|
│
|
|
1159
1217
|
│
|
|
1160
1218
|
│
|
|
@@ -1172,7 +1230,7 @@ exports[`stories catalog Overlays/Toast/ShareLink renders, snapshots, and carrie
|
|
|
1172
1230
|
│ │
|
|
1173
1231
|
│ ssh review-4f2a@cueloop.dev │
|
|
1174
1232
|
│ │
|
|
1175
|
-
│
|
|
1233
|
+
│ │
|
|
1176
1234
|
└─────────────────────────────┘
|
|
1177
1235
|
|
|
1178
1236
|
|
|
@@ -1274,7 +1332,7 @@ exports[`stories catalog Overlays/WalkWizard/EndCard renders, snapshots, and car
|
|
|
1274
1332
|
┌─ walk complete ──────────────────────────────────────────────────────┐
|
|
1275
1333
|
│ every file viewed (3/3) │
|
|
1276
1334
|
│ │
|
|
1277
|
-
│
|
|
1335
|
+
│ submit back │
|
|
1278
1336
|
└──────────────────────────────────────────────────────────────────────┘
|
|
1279
1337
|
|
|
1280
1338
|
|
|
@@ -1302,7 +1360,7 @@ exports[`stories catalog Overlays/WalkWizard/EndCardPartialPass renders, snapsho
|
|
|
1302
1360
|
┌─ walk complete ──────────────────────────────────────────────────────┐
|
|
1303
1361
|
│ 1 of 3 files viewed │
|
|
1304
1362
|
│ │
|
|
1305
|
-
│
|
|
1363
|
+
│ submit back │
|
|
1306
1364
|
└──────────────────────────────────────────────────────────────────────┘
|
|
1307
1365
|
|
|
1308
1366
|
|
|
@@ -1636,6 +1694,20 @@ exports[`stories catalog Primitives/Dialog/Open renders, snapshots, and carries
|
|
|
1636
1694
|
|
|
1637
1695
|
|
|
1638
1696
|
|
|
1697
|
+
"
|
|
1698
|
+
`;
|
|
1699
|
+
|
|
1700
|
+
exports[`stories catalog Primitives/DialogActions/DeleteCancel renders, snapshots, and carries its colors: Primitives/DialogActions/DeleteCancel 1`] = `
|
|
1701
|
+
" delete cancel
|
|
1702
|
+
|
|
1703
|
+
|
|
1704
|
+
"
|
|
1705
|
+
`;
|
|
1706
|
+
|
|
1707
|
+
exports[`stories catalog Primitives/DialogActions/SaveCancel renders, snapshots, and carries its colors: Primitives/DialogActions/SaveCancel 1`] = `
|
|
1708
|
+
" save cancel
|
|
1709
|
+
|
|
1710
|
+
|
|
1639
1711
|
"
|
|
1640
1712
|
`;
|
|
1641
1713
|
|
|
@@ -1951,34 +2023,92 @@ exports[`stories catalog Foundations/Theme/ProviderSwap renders, snapshots, and
|
|
|
1951
2023
|
"
|
|
1952
2024
|
`;
|
|
1953
2025
|
|
|
1954
|
-
exports[`stories catalog
|
|
1955
|
-
"
|
|
1956
|
-
|
|
1957
|
-
|
|
1958
|
-
|
|
1959
|
-
|
|
1960
|
-
|
|
1961
|
-
|
|
1962
|
-
|
|
1963
|
-
|
|
1964
|
-
|
|
1965
|
-
|
|
1966
|
-
|
|
2026
|
+
exports[`stories catalog Collaborator Join/ConnectScreen renders, snapshots, and carries its colors: Collaborator Join/ConnectScreen 1`] = `
|
|
2027
|
+
"
|
|
2028
|
+
|
|
2029
|
+
|
|
2030
|
+
|
|
2031
|
+
|
|
2032
|
+
|
|
2033
|
+
connect github
|
|
2034
|
+
|
|
2035
|
+
cueloop recognizes you when you return. No account permissions are
|
|
2036
|
+
requested, and the token is discarded after one identity lookup.
|
|
2037
|
+
|
|
2038
|
+
open this link: https://github.com/login/device
|
|
2039
|
+
enter this code: WXYZ-1234
|
|
2040
|
+
|
|
2041
|
+
u copy code
|
|
2042
|
+
|
|
2043
|
+
waiting for authorization...
|
|
2044
|
+
|
|
2045
|
+
esc back
|
|
2046
|
+
|
|
2047
|
+
|
|
2048
|
+
|
|
2049
|
+
|
|
2050
|
+
|
|
2051
|
+
|
|
2052
|
+
|
|
1967
2053
|
"
|
|
1968
2054
|
`;
|
|
1969
2055
|
|
|
1970
|
-
exports[`stories catalog
|
|
1971
|
-
"
|
|
1972
|
-
|
|
1973
|
-
|
|
1974
|
-
|
|
1975
|
-
|
|
1976
|
-
|
|
1977
|
-
|
|
1978
|
-
|
|
1979
|
-
|
|
1980
|
-
|
|
1981
|
-
|
|
1982
|
-
|
|
2056
|
+
exports[`stories catalog Collaborator Join/ConnectScreenLinkCopied renders, snapshots, and carries its colors: Collaborator Join/ConnectScreenLinkCopied 1`] = `
|
|
2057
|
+
"
|
|
2058
|
+
|
|
2059
|
+
|
|
2060
|
+
|
|
2061
|
+
|
|
2062
|
+
|
|
2063
|
+
connect github
|
|
2064
|
+
|
|
2065
|
+
cueloop recognizes you when you return. No account permissions are
|
|
2066
|
+
requested, and the token is discarded after one identity lookup.
|
|
2067
|
+
|
|
2068
|
+
open this link: https://github.com/login/device
|
|
2069
|
+
enter this code: WXYZ-1234
|
|
2070
|
+
|
|
2071
|
+
code copied - paste it on the page
|
|
2072
|
+
|
|
2073
|
+
waiting for authorization...
|
|
2074
|
+
|
|
2075
|
+
esc back
|
|
2076
|
+
|
|
2077
|
+
|
|
2078
|
+
|
|
2079
|
+
|
|
2080
|
+
|
|
2081
|
+
|
|
2082
|
+
|
|
2083
|
+
"
|
|
2084
|
+
`;
|
|
2085
|
+
|
|
2086
|
+
exports[`stories catalog Collaborator Join/JoinSplash renders, snapshots, and carries its colors: Collaborator Join/JoinSplash 1`] = `
|
|
2087
|
+
"
|
|
2088
|
+
⠀⠀⠀⠀⠀⠀⠀⣀⣀⣀⣀⠀⣠⢤⣄⡸⢷⣲⢤⣀
|
|
2089
|
+
⠀⠀⢀⡤⠖⠛⠉⠉⠀⠀⠈⠙⢎⢣⠀⠉⠙⠮⡙⢮⠑⢦⡀
|
|
2090
|
+
⠀⢰⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⡎⣇⠀⠀⠀⠘⣆⢣⠀⠙⢆
|
|
2091
|
+
⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢹⢸⠀⠀⠀⠀⠘⡌⡇⠀⠈⢧
|
|
2092
|
+
⠀⢧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⢸⠀⠀⠀⠀⠀⣇⢳⠀⠀⠈⣇
|
|
2093
|
+
⡷⣜⢦⡀⠀⠀⠀⠀⠀⠀⠀⠀⢠⢇⡏⠀⠀⠀⠀⠀⡕⢸⠀⠀⠀⢸
|
|
2094
|
+
⢇⠈⠳⢭⣗⣶⠤⢤⣤⣤⠤⠴⣫⠞⠀⠀⠀⠀⠀⢀⡇⡎⠀⠀⠀⢸
|
|
2095
|
+
⣈⢣⡀⠀⠀⠉⠉⠙⠛⠛⠋⠉⠁⠀⠀⠀⠀⠀⢀⠞⡼⠁⠀⠀⠀⢸
|
|
2096
|
+
⢻⠓⢝⡢⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡴⣫⠞⠀⠀⠀⠀⢀⡏
|
|
2097
|
+
⠈⢧⠀⠙⠲⢽⣲⠤⣤⣀⣀⣀⣀⣀⣠⠴⣫⠞⠁⠀⠀⠀⠀⢀⡞
|
|
2098
|
+
⠀⠀⠳⣄⠀⠀⠈⠉⠓⠒⠺⠿⠿⠖⠒⠋⠀⠀⠀⠀⠀⠀⣠⠎
|
|
2099
|
+
⠀⠀⠀⠈⠳⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⠞⠁
|
|
2100
|
+
⠀⠀⠀⠀⠀⠀⠙⠲⠤⣄⣀⣀⣀⣀⣀⣀⣤⠴⠒⠋
|
|
2101
|
+
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠉⠁
|
|
2102
|
+
|
|
2103
|
+
cueloop
|
|
2104
|
+
|
|
2105
|
+
enter join esc skip
|
|
2106
|
+
|
|
2107
|
+
Connect GitHub to sign your comments with your name.
|
|
2108
|
+
No repo or account access is requested; your name is read once.
|
|
2109
|
+
|
|
2110
|
+
privacy https://cueloop.dev/privacy support hello@cueloop.dev
|
|
2111
|
+
|
|
2112
|
+
|
|
1983
2113
|
"
|
|
1984
2114
|
`;
|
|
@@ -14,6 +14,7 @@ export interface CardProps {
|
|
|
14
14
|
title?: string;
|
|
15
15
|
/** Number of content rows inside the border; the box adds the two border rows. */
|
|
16
16
|
contentRows: number;
|
|
17
|
+
width?: number;
|
|
17
18
|
borderColor?: string;
|
|
18
19
|
backgroundColor?: string;
|
|
19
20
|
marginLeft?: number;
|
|
@@ -30,6 +31,7 @@ export function cardHeight(contentRows: number): number {
|
|
|
30
31
|
export function Card({
|
|
31
32
|
title,
|
|
32
33
|
contentRows,
|
|
34
|
+
width,
|
|
33
35
|
borderColor,
|
|
34
36
|
backgroundColor,
|
|
35
37
|
marginLeft,
|
|
@@ -43,6 +45,7 @@ export function Card({
|
|
|
43
45
|
<box
|
|
44
46
|
style={{
|
|
45
47
|
height: cardHeight(contentRows),
|
|
48
|
+
width,
|
|
46
49
|
marginLeft,
|
|
47
50
|
marginRight,
|
|
48
51
|
border: true,
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { DARK } from "../../theme";
|
|
3
|
+
import type { Story, StoryMeta } from "../story";
|
|
4
|
+
import { DialogActions } from "./DialogActions";
|
|
5
|
+
|
|
6
|
+
export const meta: StoryMeta = { title: "Primitives/DialogActions" };
|
|
7
|
+
|
|
8
|
+
const noop = () => {};
|
|
9
|
+
|
|
10
|
+
export const SaveCancel: Story = {
|
|
11
|
+
render: () => <DialogActions confirmLabel="save" onConfirm={noop} onCancel={noop} />,
|
|
12
|
+
expectedColors: [DARK.accent],
|
|
13
|
+
size: { width: 40, height: 3 },
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
export const DeleteCancel: Story = {
|
|
17
|
+
render: () => <DialogActions confirmLabel="delete" onConfirm={noop} onCancel={noop} />,
|
|
18
|
+
expectedColors: [DARK.accent],
|
|
19
|
+
size: { width: 40, height: 3 },
|
|
20
|
+
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/** The one action row every overlay uses: a solid confirm word-button and a plain cancel, lowercased. */
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import type { Theme } from "../../theme";
|
|
5
|
+
import { Toolbar } from "./Toolbar";
|
|
6
|
+
import { Button } from "./Button";
|
|
7
|
+
|
|
8
|
+
export interface DialogActionsProps {
|
|
9
|
+
confirmLabel: string;
|
|
10
|
+
onConfirm: () => void;
|
|
11
|
+
onCancel: () => void;
|
|
12
|
+
cancelLabel?: string;
|
|
13
|
+
confirmDisabled?: boolean;
|
|
14
|
+
theme?: Theme;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export function DialogActions({
|
|
18
|
+
confirmLabel,
|
|
19
|
+
onConfirm,
|
|
20
|
+
onCancel,
|
|
21
|
+
cancelLabel = "cancel",
|
|
22
|
+
confirmDisabled = false,
|
|
23
|
+
theme,
|
|
24
|
+
}: DialogActionsProps): React.ReactNode {
|
|
25
|
+
return (
|
|
26
|
+
<Toolbar>
|
|
27
|
+
<Button
|
|
28
|
+
variant="solid"
|
|
29
|
+
marginRight={2}
|
|
30
|
+
onPress={onConfirm}
|
|
31
|
+
isDisabled={confirmDisabled}
|
|
32
|
+
theme={theme}
|
|
33
|
+
>
|
|
34
|
+
{` ${confirmLabel} `}
|
|
35
|
+
</Button>
|
|
36
|
+
<Button onPress={onCancel} theme={theme}>{` ${cancelLabel} `}</Button>
|
|
37
|
+
</Toolbar>
|
|
38
|
+
);
|
|
39
|
+
}
|