@opengeni/react 3.7.0-canary.5 → 3.7.0-canary.7

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 (61) hide show
  1. package/README.md +43 -3
  2. package/dist/artifacts.js +7 -7
  3. package/dist/{browser-viewer-NTD6UIPR.js → browser-viewer-SS46LUAC.js} +3 -3
  4. package/dist/chat.d.ts +37 -0
  5. package/dist/chat.js +315 -0
  6. package/dist/chat.js.map +1 -0
  7. package/dist/{chunk-LUYB4SRW.js → chunk-3HIF5IFC.js} +1048 -2439
  8. package/dist/chunk-3HIF5IFC.js.map +1 -0
  9. package/dist/{chunk-3IY6UZI6.js → chunk-BQGIXRKV.js} +288 -396
  10. package/dist/chunk-BQGIXRKV.js.map +1 -0
  11. package/dist/{chunk-MOWYEBCQ.js → chunk-BXJOQFCD.js} +5 -4
  12. package/dist/chunk-BXJOQFCD.js.map +1 -0
  13. package/dist/{chunk-BV5A4OTE.js → chunk-ELIYWBZR.js} +4 -4
  14. package/dist/chunk-F2CFHN3Y.js +1415 -0
  15. package/dist/chunk-F2CFHN3Y.js.map +1 -0
  16. package/dist/chunk-HQV2I5HV.js +124 -0
  17. package/dist/chunk-HQV2I5HV.js.map +1 -0
  18. package/dist/{chunk-JT33KZZN.js → chunk-R4KRSFGA.js} +11 -20
  19. package/dist/chunk-R4KRSFGA.js.map +1 -0
  20. package/dist/{chunk-KWEZ4MPF.js → chunk-UMECRJRV.js} +63 -60
  21. package/dist/chunk-UMECRJRV.js.map +1 -0
  22. package/dist/{chunk-24M4YBCL.js → chunk-VEPNNDNG.js} +4 -4
  23. package/dist/{chunk-WMGF4Z7X.js → chunk-VRBL3F5E.js} +23 -3
  24. package/dist/{chunk-WMGF4Z7X.js.map → chunk-VRBL3F5E.js.map} +1 -1
  25. package/dist/components/model-policy-picker.d.ts +4 -0
  26. package/dist/components/sandbox-files.d.ts +3 -1
  27. package/dist/composer.js +6 -5
  28. package/dist/{computer-viewer-7TEZC6Y2.js → computer-viewer-FWEZISW4.js} +3 -3
  29. package/dist/hooks/use-session-events.d.ts +2 -0
  30. package/dist/index.d.ts +1 -1
  31. package/dist/index.js +92 -36
  32. package/dist/index.js.map +1 -1
  33. package/dist/interaction.js +8 -8
  34. package/dist/{model-policy-picker-menu-R6WXNWJL.js → model-policy-picker-menu-3R336DP2.js} +4 -4
  35. package/dist/model-policy.d.ts +2 -0
  36. package/dist/model-policy.js +3 -1
  37. package/dist/realtime.js +5 -5
  38. package/dist/session-ui.js +11 -8
  39. package/dist/session.js +1 -1
  40. package/package.json +6 -2
  41. package/src/chat.tsx +393 -0
  42. package/src/components/model-policy-picker-menu.tsx +92 -71
  43. package/src/components/model-policy-picker.tsx +21 -18
  44. package/src/components/sandbox-files.tsx +90 -14
  45. package/src/components/sandbox-workspace.tsx +16 -1
  46. package/src/hooks/use-session-events.ts +3 -0
  47. package/src/hooks/use-session.ts +10 -3
  48. package/src/index.ts +1 -0
  49. package/src/model-policy.ts +26 -2
  50. package/styles/compiled.css +40 -8
  51. package/styles/tokens.css +2 -2
  52. package/dist/chunk-3IY6UZI6.js.map +0 -1
  53. package/dist/chunk-JT33KZZN.js.map +0 -1
  54. package/dist/chunk-KWEZ4MPF.js.map +0 -1
  55. package/dist/chunk-LUYB4SRW.js.map +0 -1
  56. package/dist/chunk-MOWYEBCQ.js.map +0 -1
  57. /package/dist/{browser-viewer-NTD6UIPR.js.map → browser-viewer-SS46LUAC.js.map} +0 -0
  58. /package/dist/{chunk-BV5A4OTE.js.map → chunk-ELIYWBZR.js.map} +0 -0
  59. /package/dist/{chunk-24M4YBCL.js.map → chunk-VEPNNDNG.js.map} +0 -0
  60. /package/dist/{computer-viewer-7TEZC6Y2.js.map → computer-viewer-FWEZISW4.js.map} +0 -0
  61. /package/dist/{model-policy-picker-menu-R6WXNWJL.js.map → model-policy-picker-menu-3R336DP2.js.map} +0 -0
package/styles/compiled.css CHANGED
@@ -116,7 +116,7 @@
116
116
  @property --og-model-picker-menu-width {
117
117
  syntax: "*";
118
118
  inherits: true;
119
- initial-value: 18rem;
119
+ initial-value: 22rem;
120
120
  }
121
121
  @property --og-model-picker-menu-padding {
122
122
  syntax: "*";
@@ -520,7 +520,7 @@
520
520
  --og-line-height-composer-wide: 20px;
521
521
  --og-model-picker-trigger-height: 1.75rem;
522
522
  --og-model-picker-trigger-height-mobile: 1.75rem;
523
- --og-model-picker-menu-width: 15rem;
523
+ --og-model-picker-menu-width: 20rem;
524
524
  --og-model-picker-menu-padding: 0.25rem;
525
525
  --og-model-picker-row-padding-x: 0.5rem;
526
526
  --og-model-picker-row-padding-y: 0.375rem;
@@ -1607,6 +1607,9 @@
1607
1607
  :where(.og-root).min-w-0,:where(.og-root) .min-w-0 {
1608
1608
  min-width: calc(var(--spacing) * 0);
1609
1609
  }
1610
+ :where(.og-root).min-w-10,:where(.og-root) .min-w-10 {
1611
+ min-width: calc(var(--spacing) * 10);
1612
+ }
1610
1613
  :where(.og-root).min-w-11,:where(.og-root) .min-w-11 {
1611
1614
  min-width: calc(var(--spacing) * 11);
1612
1615
  }
@@ -2160,12 +2163,6 @@
2160
2163
  border-color: color-mix(in oklab, var(--og-color-border) 50%, transparent);
2161
2164
  }
2162
2165
  }
2163
- :where(.og-root).border-og-border\/60,:where(.og-root) .border-og-border\/60 {
2164
- border-color: var(--og-color-border);
2165
- @supports (color: color-mix(in lab, red, red)) {
2166
- border-color: color-mix(in oklab, var(--og-color-border) 60%, transparent);
2167
- }
2168
- }
2169
2166
  :where(.og-root).border-og-border\/70,:where(.og-root) .border-og-border\/70 {
2170
2167
  border-color: var(--og-color-border);
2171
2168
  @supports (color: color-mix(in lab, red, red)) {
@@ -3967,6 +3964,25 @@
3967
3964
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3968
3965
  }
3969
3966
  }
3967
+ :where(.og-root).focus-within\:outline-2,:where(.og-root) .focus-within\:outline-2 {
3968
+ &:focus-within {
3969
+ outline-style: var(--tw-outline-style);
3970
+ outline-width: 2px;
3971
+ }
3972
+ }
3973
+ :where(.og-root).focus-within\:-outline-offset-2,:where(.og-root) .focus-within\:-outline-offset-2 {
3974
+ &:focus-within {
3975
+ outline-offset: calc(2px * -1);
3976
+ }
3977
+ }
3978
+ :where(.og-root).focus-within\:outline-og-accent\/40,:where(.og-root) .focus-within\:outline-og-accent\/40 {
3979
+ &:focus-within {
3980
+ outline-color: var(--og-color-accent);
3981
+ @supports (color: color-mix(in lab, red, red)) {
3982
+ outline-color: color-mix(in oklab, var(--og-color-accent) 40%, transparent);
3983
+ }
3984
+ }
3985
+ }
3970
3986
  :where(.og-root).hover\:-translate-y-0\.5,:where(.og-root) .hover\:-translate-y-0\.5 {
3971
3987
  &:hover {
3972
3988
  @media (hover: hover) {
@@ -4673,6 +4689,22 @@
4673
4689
  background-color: var(--og-color-accent);
4674
4690
  }
4675
4691
  }
4692
+ :where(.og-root).data-\[state\=checked\]\:bg-og-surface-1,:where(.og-root) .data-\[state\=checked\]\:bg-og-surface-1 {
4693
+ &[data-state="checked"] {
4694
+ background-color: var(--og-color-surface-1);
4695
+ }
4696
+ }
4697
+ :where(.og-root).data-\[state\=checked\]\:text-og-fg,:where(.og-root) .data-\[state\=checked\]\:text-og-fg {
4698
+ &[data-state="checked"] {
4699
+ color: var(--og-color-fg);
4700
+ }
4701
+ }
4702
+ :where(.og-root).data-\[state\=checked\]\:shadow-sm,:where(.og-root) .data-\[state\=checked\]\:shadow-sm {
4703
+ &[data-state="checked"] {
4704
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
4705
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4706
+ }
4707
+ }
4676
4708
  :where(.og-root).data-\[state\=closed\]\:animate-og-collapse,:where(.og-root) .data-\[state\=closed\]\:animate-og-collapse {
4677
4709
  &[data-state="closed"] {
4678
4710
  animation: og-collapse var(--_og-duration-disclose) var(--og-ease-in-out);
package/styles/tokens.css CHANGED
@@ -45,7 +45,7 @@
45
45
  embedded composer and its portalled menu can be tuned as one surface. */
46
46
  --og-model-picker-trigger-height: 2rem;
47
47
  --og-model-picker-trigger-height-mobile: 1.75rem;
48
- --og-model-picker-menu-width: 18rem;
48
+ --og-model-picker-menu-width: 22rem;
49
49
  --og-model-picker-menu-padding: 0.375rem;
50
50
  --og-model-picker-row-padding-x: 0.625rem;
51
51
  --og-model-picker-row-padding-y: 0.5rem;
@@ -190,7 +190,7 @@
190
190
  --og-line-height-composer-wide: 20px;
191
191
  --og-model-picker-trigger-height: 1.75rem;
192
192
  --og-model-picker-trigger-height-mobile: 1.75rem;
193
- --og-model-picker-menu-width: 15rem;
193
+ --og-model-picker-menu-width: 20rem;
194
194
  --og-model-picker-menu-padding: 0.25rem;
195
195
  --og-model-picker-row-padding-x: 0.5rem;
196
196
  --og-model-picker-row-padding-y: 0.375rem;