@openviking/react 0.1.4 → 0.1.5

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 +3 -1
  2. package/dist/28~0.js +15 -0
  3. package/dist/2~0.js +6 -3
  4. package/dist/3c~0.js +3 -1
  5. package/dist/3~0.js +3 -1
  6. package/dist/ae~0.js +6 -2
  7. package/dist/a~0.js +77 -70
  8. package/dist/client/provider.d.ts +10 -6
  9. package/dist/components/agent-connect/agent-connect-code-block.d.ts +14 -0
  10. package/dist/components/agent-connect/agent-connect-copy.d.ts +3 -0
  11. package/dist/components/agent-connect/agent-connect-design.d.ts +1 -1
  12. package/dist/components/agent-connect/agent-connect-installer.d.ts +1 -0
  13. package/dist/components/agent-connect/agent-connect-instructions-view.d.ts +4 -6
  14. package/dist/components/agent-connect/agent-connect-instructions.d.ts +13 -0
  15. package/dist/components/agent-connect/agent-connect-markdown.d.ts +8 -2
  16. package/dist/components/agent-connect/agent-connect-mask.d.ts +10 -0
  17. package/dist/components/agent-connect/agent-connect.d.ts +1 -1
  18. package/dist/components/agent-connect/locales/en-US.d.ts +3 -0
  19. package/dist/components/agent-connect/style.css +115 -1
  20. package/dist/components/agent-connect/types.d.ts +5 -3
  21. package/dist/components/agent-connect/use-agent-connect-copy.d.ts +6 -0
  22. package/dist/components/directory-tour/types.d.ts +2 -1
  23. package/dist/components/file-browser-entries/file-browser-entries.d.ts +1 -1
  24. package/dist/components/file-browser-entries/style.css +115 -1
  25. package/dist/components/file-browser-entries/types.d.ts +2 -2
  26. package/dist/components/file-preview/types.d.ts +2 -2
  27. package/dist/components/file-tree/types.d.ts +2 -2
  28. package/dist/components/scope-switcher/scope-switcher.d.ts +2 -2
  29. package/dist/components/scope-switcher/types.d.ts +5 -5
  30. package/dist/components/style.css +230 -2
  31. package/dist/components/tui/tui.d.ts +1 -1
  32. package/dist/components/tui/types.d.ts +2 -2
  33. package/dist/components/viking-bot/ark-message-list-view.d.ts +4 -1
  34. package/dist/components/viking-bot/interaction/types.d.ts +2 -2
  35. package/dist/components/viking-bot/interaction/viking-bot-interaction.d.ts +1 -1
  36. package/dist/components/viking-bot/session-actions.d.ts +2 -2
  37. package/dist/components/viking-bot/types.d.ts +7 -7
  38. package/dist/components/viking-bot/viking-bot.d.ts +1 -1
  39. package/dist/c~0.js +168 -154
  40. package/dist/e~0.js +3 -1
  41. package/dist/f~0.js +13 -7
  42. package/dist/lk~0.js +4 -1
  43. package/dist/l~0.js +77 -71
  44. package/dist/modules/console/console.d.ts +1 -1
  45. package/dist/modules/console/types.d.ts +2 -2
  46. package/dist/modules/console/use-console.d.ts +1 -1
  47. package/dist/modules/file-browser/file-browser.d.ts +1 -1
  48. package/dist/modules/file-browser/style.css +115 -1
  49. package/dist/modules/file-browser/types.d.ts +2 -2
  50. package/dist/modules/file-browser/use-file-browser.d.ts +3 -3
  51. package/dist/modules/scope-cascade/scope-cascade.d.ts +2 -2
  52. package/dist/modules/scope-cascade/types.d.ts +2 -2
  53. package/dist/modules/style.css +115 -1
  54. package/dist/n~0.js +3 -1
  55. package/dist/shared/locale-context.d.ts +8 -0
  56. package/dist/style.css +345 -3
  57. package/dist/u~0.js +324 -96
  58. package/dist/viking-bot-composer~0.js +3 -1
  59. package/dist/viking-bot-interaction~0.js +3 -1
  60. package/package.json +3 -1
package/dist/style.css CHANGED
@@ -5514,6 +5514,93 @@ button.ark-agentic-file-viewer-diff__gutter {
5514
5514
  --ov-ui-connect-notice-default: var(--ov-ui-text-2-default);
5515
5515
  }
5516
5516
 
5517
+ .ov-agent-connect__code-block {
5518
+ border: 1px solid var(--ov-ui-agent-connect-border);
5519
+ background: var(--ov-ui-agent-connect-bg);
5520
+ white-space: normal;
5521
+ border-radius: 8px;
5522
+ margin-bottom: 12px;
5523
+ overflow: hidden;
5524
+ }
5525
+
5526
+ .ov-agent-connect__code-block:last-child {
5527
+ margin-bottom: 0;
5528
+ }
5529
+
5530
+ .ov-agent-connect__code-header {
5531
+ border-bottom: 1px solid var(--ov-ui-agent-connect-border);
5532
+ color: var(--ov-ui-agent-connect-muted);
5533
+ justify-content: space-between;
5534
+ align-items: center;
5535
+ gap: 8px;
5536
+ padding: 6px 12px;
5537
+ font-size: 12px;
5538
+ display: flex;
5539
+ }
5540
+
5541
+ .ov-agent-connect__code-actions {
5542
+ align-items: center;
5543
+ gap: 12px;
5544
+ display: flex;
5545
+ }
5546
+
5547
+ .ov-agent-connect__code-actions button {
5548
+ width: 24px;
5549
+ height: 24px;
5550
+ color: var(--ov-ui-agent-connect-secondary);
5551
+ background: none;
5552
+ border: 0;
5553
+ border-radius: 4px;
5554
+ justify-content: center;
5555
+ align-items: center;
5556
+ padding: 4px;
5557
+ font-size: 12px;
5558
+ display: inline-flex;
5559
+ }
5560
+
5561
+ .ov-agent-connect__code-actions button:hover {
5562
+ color: var(--ov-ui-agent-connect-primary);
5563
+ }
5564
+
5565
+ .ov-agent-connect__code-actions button:disabled {
5566
+ opacity: .6;
5567
+ cursor: wait;
5568
+ }
5569
+
5570
+ .ov-agent-connect__code-actions svg {
5571
+ width: 16px;
5572
+ height: 16px;
5573
+ }
5574
+
5575
+ .ov-agent-connect .ov-agent-connect__code-block pre {
5576
+ white-space: pre-wrap;
5577
+ overflow-wrap: anywhere;
5578
+ background: none;
5579
+ border-radius: 0;
5580
+ margin: 0;
5581
+ padding: 12px;
5582
+ font-size: 12px;
5583
+ line-height: 20px;
5584
+ }
5585
+
5586
+ .ov-agent-connect__code-block code {
5587
+ font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
5588
+ }
5589
+
5590
+ .ov-agent-connect__code-block > .ov-agent-connect__feedback:not(:empty) {
5591
+ padding: 0 12px 8px;
5592
+ display: block;
5593
+ }
5594
+
5595
+ .ov-agent-connect__code-feedback {
5596
+ clip-path: inset(50%);
5597
+ white-space: nowrap;
5598
+ width: 1px;
5599
+ height: 1px;
5600
+ position: absolute;
5601
+ overflow: hidden;
5602
+ }
5603
+
5517
5604
  .ov-agent-connect {
5518
5605
  --ov-ui-agent-connect-text: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default));
5519
5606
  --ov-ui-agent-connect-secondary: var(--ov-ui-color-text-2, var(--ov-ui-text-2-default));
@@ -5844,7 +5931,7 @@ button.ark-agentic-file-viewer-diff__gutter {
5844
5931
  white-space: normal;
5845
5932
  }
5846
5933
 
5847
- .ov-agent-connect__markdown :where(p, pre, h5, table) {
5934
+ .ov-agent-connect__markdown :where(p, pre, h5, table, ul, ol, blockquote, details) {
5848
5935
  margin: 0 0 12px;
5849
5936
  }
5850
5937
 
@@ -5856,6 +5943,33 @@ button.ark-agentic-file-viewer-diff__gutter {
5856
5943
  white-space: pre-wrap;
5857
5944
  }
5858
5945
 
5946
+ .ov-agent-connect__markdown :where(ul, ol) {
5947
+ padding-left: 24px;
5948
+ }
5949
+
5950
+ .ov-agent-connect__markdown ul {
5951
+ list-style-type: disc;
5952
+ }
5953
+
5954
+ .ov-agent-connect__markdown ol {
5955
+ list-style-type: decimal;
5956
+ }
5957
+
5958
+ .ov-agent-connect__markdown blockquote {
5959
+ border-left: 2px solid var(--ov-ui-agent-connect-border);
5960
+ margin-left: 0;
5961
+ padding-left: 12px;
5962
+ }
5963
+
5964
+ .ov-agent-connect__markdown summary {
5965
+ cursor: pointer;
5966
+ }
5967
+
5968
+ .ov-agent-connect__markdown summary:focus-visible {
5969
+ outline: 2px solid var(--ov-ui-agent-connect-primary);
5970
+ outline-offset: 2px;
5971
+ }
5972
+
5859
5973
  .ov-agent-connect__markdown h5 {
5860
5974
  color: var(--ov-ui-agent-connect-text);
5861
5975
  font-size: 14px;
@@ -8443,6 +8557,93 @@ button.ov-scope-switcher__trigger:hover:not(:disabled), button.ov-scope-switcher
8443
8557
  --ov-ui-connect-notice-default: var(--ov-ui-text-2-default);
8444
8558
  }
8445
8559
 
8560
+ .ov-agent-connect__code-block {
8561
+ border: 1px solid var(--ov-ui-agent-connect-border);
8562
+ background: var(--ov-ui-agent-connect-bg);
8563
+ white-space: normal;
8564
+ border-radius: 8px;
8565
+ margin-bottom: 12px;
8566
+ overflow: hidden;
8567
+ }
8568
+
8569
+ .ov-agent-connect__code-block:last-child {
8570
+ margin-bottom: 0;
8571
+ }
8572
+
8573
+ .ov-agent-connect__code-header {
8574
+ border-bottom: 1px solid var(--ov-ui-agent-connect-border);
8575
+ color: var(--ov-ui-agent-connect-muted);
8576
+ justify-content: space-between;
8577
+ align-items: center;
8578
+ gap: 8px;
8579
+ padding: 6px 12px;
8580
+ font-size: 12px;
8581
+ display: flex;
8582
+ }
8583
+
8584
+ .ov-agent-connect__code-actions {
8585
+ align-items: center;
8586
+ gap: 12px;
8587
+ display: flex;
8588
+ }
8589
+
8590
+ .ov-agent-connect__code-actions button {
8591
+ width: 24px;
8592
+ height: 24px;
8593
+ color: var(--ov-ui-agent-connect-secondary);
8594
+ background: none;
8595
+ border: 0;
8596
+ border-radius: 4px;
8597
+ justify-content: center;
8598
+ align-items: center;
8599
+ padding: 4px;
8600
+ font-size: 12px;
8601
+ display: inline-flex;
8602
+ }
8603
+
8604
+ .ov-agent-connect__code-actions button:hover {
8605
+ color: var(--ov-ui-agent-connect-primary);
8606
+ }
8607
+
8608
+ .ov-agent-connect__code-actions button:disabled {
8609
+ opacity: .6;
8610
+ cursor: wait;
8611
+ }
8612
+
8613
+ .ov-agent-connect__code-actions svg {
8614
+ width: 16px;
8615
+ height: 16px;
8616
+ }
8617
+
8618
+ .ov-agent-connect .ov-agent-connect__code-block pre {
8619
+ white-space: pre-wrap;
8620
+ overflow-wrap: anywhere;
8621
+ background: none;
8622
+ border-radius: 0;
8623
+ margin: 0;
8624
+ padding: 12px;
8625
+ font-size: 12px;
8626
+ line-height: 20px;
8627
+ }
8628
+
8629
+ .ov-agent-connect__code-block code {
8630
+ font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
8631
+ }
8632
+
8633
+ .ov-agent-connect__code-block > .ov-agent-connect__feedback:not(:empty) {
8634
+ padding: 0 12px 8px;
8635
+ display: block;
8636
+ }
8637
+
8638
+ .ov-agent-connect__code-feedback {
8639
+ clip-path: inset(50%);
8640
+ white-space: nowrap;
8641
+ width: 1px;
8642
+ height: 1px;
8643
+ position: absolute;
8644
+ overflow: hidden;
8645
+ }
8646
+
8446
8647
  .ov-agent-connect {
8447
8648
  --ov-ui-agent-connect-text: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default));
8448
8649
  --ov-ui-agent-connect-secondary: var(--ov-ui-color-text-2, var(--ov-ui-text-2-default));
@@ -8773,7 +8974,7 @@ button.ov-scope-switcher__trigger:hover:not(:disabled), button.ov-scope-switcher
8773
8974
  white-space: normal;
8774
8975
  }
8775
8976
 
8776
- .ov-agent-connect__markdown :where(p, pre, h5, table) {
8977
+ .ov-agent-connect__markdown :where(p, pre, h5, table, ul, ol, blockquote, details) {
8777
8978
  margin: 0 0 12px;
8778
8979
  }
8779
8980
 
@@ -8785,6 +8986,33 @@ button.ov-scope-switcher__trigger:hover:not(:disabled), button.ov-scope-switcher
8785
8986
  white-space: pre-wrap;
8786
8987
  }
8787
8988
 
8989
+ .ov-agent-connect__markdown :where(ul, ol) {
8990
+ padding-left: 24px;
8991
+ }
8992
+
8993
+ .ov-agent-connect__markdown ul {
8994
+ list-style-type: disc;
8995
+ }
8996
+
8997
+ .ov-agent-connect__markdown ol {
8998
+ list-style-type: decimal;
8999
+ }
9000
+
9001
+ .ov-agent-connect__markdown blockquote {
9002
+ border-left: 2px solid var(--ov-ui-agent-connect-border);
9003
+ margin-left: 0;
9004
+ padding-left: 12px;
9005
+ }
9006
+
9007
+ .ov-agent-connect__markdown summary {
9008
+ cursor: pointer;
9009
+ }
9010
+
9011
+ .ov-agent-connect__markdown summary:focus-visible {
9012
+ outline: 2px solid var(--ov-ui-agent-connect-primary);
9013
+ outline-offset: 2px;
9014
+ }
9015
+
8788
9016
  .ov-agent-connect__markdown h5 {
8789
9017
  color: var(--ov-ui-agent-connect-text);
8790
9018
  font-size: 14px;
@@ -18372,6 +18600,93 @@ textarea.ov-viking-bot__interaction-input {
18372
18600
  --ov-ui-connect-notice-default: var(--ov-ui-text-2-default);
18373
18601
  }
18374
18602
 
18603
+ .ov-agent-connect__code-block {
18604
+ border: 1px solid var(--ov-ui-agent-connect-border);
18605
+ background: var(--ov-ui-agent-connect-bg);
18606
+ white-space: normal;
18607
+ border-radius: 8px;
18608
+ margin-bottom: 12px;
18609
+ overflow: hidden;
18610
+ }
18611
+
18612
+ .ov-agent-connect__code-block:last-child {
18613
+ margin-bottom: 0;
18614
+ }
18615
+
18616
+ .ov-agent-connect__code-header {
18617
+ border-bottom: 1px solid var(--ov-ui-agent-connect-border);
18618
+ color: var(--ov-ui-agent-connect-muted);
18619
+ justify-content: space-between;
18620
+ align-items: center;
18621
+ gap: 8px;
18622
+ padding: 6px 12px;
18623
+ font-size: 12px;
18624
+ display: flex;
18625
+ }
18626
+
18627
+ .ov-agent-connect__code-actions {
18628
+ align-items: center;
18629
+ gap: 12px;
18630
+ display: flex;
18631
+ }
18632
+
18633
+ .ov-agent-connect__code-actions button {
18634
+ width: 24px;
18635
+ height: 24px;
18636
+ color: var(--ov-ui-agent-connect-secondary);
18637
+ background: none;
18638
+ border: 0;
18639
+ border-radius: 4px;
18640
+ justify-content: center;
18641
+ align-items: center;
18642
+ padding: 4px;
18643
+ font-size: 12px;
18644
+ display: inline-flex;
18645
+ }
18646
+
18647
+ .ov-agent-connect__code-actions button:hover {
18648
+ color: var(--ov-ui-agent-connect-primary);
18649
+ }
18650
+
18651
+ .ov-agent-connect__code-actions button:disabled {
18652
+ opacity: .6;
18653
+ cursor: wait;
18654
+ }
18655
+
18656
+ .ov-agent-connect__code-actions svg {
18657
+ width: 16px;
18658
+ height: 16px;
18659
+ }
18660
+
18661
+ .ov-agent-connect .ov-agent-connect__code-block pre {
18662
+ white-space: pre-wrap;
18663
+ overflow-wrap: anywhere;
18664
+ background: none;
18665
+ border-radius: 0;
18666
+ margin: 0;
18667
+ padding: 12px;
18668
+ font-size: 12px;
18669
+ line-height: 20px;
18670
+ }
18671
+
18672
+ .ov-agent-connect__code-block code {
18673
+ font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
18674
+ }
18675
+
18676
+ .ov-agent-connect__code-block > .ov-agent-connect__feedback:not(:empty) {
18677
+ padding: 0 12px 8px;
18678
+ display: block;
18679
+ }
18680
+
18681
+ .ov-agent-connect__code-feedback {
18682
+ clip-path: inset(50%);
18683
+ white-space: nowrap;
18684
+ width: 1px;
18685
+ height: 1px;
18686
+ position: absolute;
18687
+ overflow: hidden;
18688
+ }
18689
+
18375
18690
  .ov-agent-connect {
18376
18691
  --ov-ui-agent-connect-text: var(--ov-ui-color-text-1, var(--ov-ui-text-1-default));
18377
18692
  --ov-ui-agent-connect-secondary: var(--ov-ui-color-text-2, var(--ov-ui-text-2-default));
@@ -18702,7 +19017,7 @@ textarea.ov-viking-bot__interaction-input {
18702
19017
  white-space: normal;
18703
19018
  }
18704
19019
 
18705
- .ov-agent-connect__markdown :where(p, pre, h5, table) {
19020
+ .ov-agent-connect__markdown :where(p, pre, h5, table, ul, ol, blockquote, details) {
18706
19021
  margin: 0 0 12px;
18707
19022
  }
18708
19023
 
@@ -18714,6 +19029,33 @@ textarea.ov-viking-bot__interaction-input {
18714
19029
  white-space: pre-wrap;
18715
19030
  }
18716
19031
 
19032
+ .ov-agent-connect__markdown :where(ul, ol) {
19033
+ padding-left: 24px;
19034
+ }
19035
+
19036
+ .ov-agent-connect__markdown ul {
19037
+ list-style-type: disc;
19038
+ }
19039
+
19040
+ .ov-agent-connect__markdown ol {
19041
+ list-style-type: decimal;
19042
+ }
19043
+
19044
+ .ov-agent-connect__markdown blockquote {
19045
+ border-left: 2px solid var(--ov-ui-agent-connect-border);
19046
+ margin-left: 0;
19047
+ padding-left: 12px;
19048
+ }
19049
+
19050
+ .ov-agent-connect__markdown summary {
19051
+ cursor: pointer;
19052
+ }
19053
+
19054
+ .ov-agent-connect__markdown summary:focus-visible {
19055
+ outline: 2px solid var(--ov-ui-agent-connect-primary);
19056
+ outline-offset: 2px;
19057
+ }
19058
+
18717
19059
  .ov-agent-connect__markdown h5 {
18718
19060
  color: var(--ov-ui-agent-connect-text);
18719
19061
  font-size: 14px;