@jonsoc/console-app 1.1.34 → 1.1.46

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 (83) hide show
  1. package/package.json +5 -1
  2. package/public/robots.txt +5 -5
  3. package/script/generate-sitemap.ts +0 -0
  4. package/src/app.css +1 -1
  5. package/src/asset/brand/opencode-logo-dark.svg +16 -16
  6. package/src/asset/brand/opencode-logo-light.svg +16 -16
  7. package/src/asset/brand/opencode-wordmark-dark.svg +30 -30
  8. package/src/asset/brand/opencode-wordmark-light.svg +30 -30
  9. package/src/asset/brand/opencode-wordmark-simple-dark.svg +22 -22
  10. package/src/asset/brand/opencode-wordmark-simple-light.svg +22 -22
  11. package/src/asset/lander/brand-assets-dark.svg +10 -10
  12. package/src/asset/lander/brand-assets-light.svg +10 -10
  13. package/src/asset/lander/check.svg +3 -3
  14. package/src/asset/lander/copy.svg +3 -3
  15. package/src/asset/lander/logo-dark.svg +11 -11
  16. package/src/asset/lander/logo-light.svg +11 -11
  17. package/src/asset/lander/opencode-logo-dark.svg +11 -11
  18. package/src/asset/lander/opencode-logo-light.svg +11 -11
  19. package/src/asset/lander/opencode-wordmark-dark.svg +25 -25
  20. package/src/asset/lander/opencode-wordmark-light.svg +25 -25
  21. package/src/asset/lander/wordmark-dark.svg +3 -3
  22. package/src/asset/lander/wordmark-light.svg +3 -3
  23. package/src/asset/logo-ornate-dark.svg +18 -18
  24. package/src/asset/logo-ornate-light.svg +18 -18
  25. package/src/asset/logo.svg +18 -18
  26. package/src/asset/zen-ornate-dark.svg +8 -8
  27. package/src/asset/zen-ornate-light.svg +8 -8
  28. package/src/component/dropdown.css +80 -80
  29. package/src/component/header-context-menu.css +63 -63
  30. package/src/component/modal.css +66 -66
  31. package/src/component/spotlight.css +15 -15
  32. package/src/routes/[...404].css +130 -130
  33. package/src/routes/black/workspace.css +214 -214
  34. package/src/routes/black.css +828 -828
  35. package/src/routes/brand/index.css +555 -555
  36. package/src/routes/changelog/index.css +477 -477
  37. package/src/routes/download/index.css +750 -750
  38. package/src/routes/enterprise/index.css +578 -578
  39. package/src/routes/index.css +1251 -1251
  40. package/src/routes/legal/privacy-policy/index.css +343 -343
  41. package/src/routes/legal/terms-of-service/index.css +254 -254
  42. package/src/routes/user-menu.css +18 -18
  43. package/src/routes/workspace/[id]/billing/billing-section.module.css +185 -185
  44. package/src/routes/workspace/[id]/billing/black-section.module.css +142 -142
  45. package/src/routes/workspace/[id]/billing/black-waitlist-section.module.css +23 -23
  46. package/src/routes/workspace/[id]/billing/monthly-limit-section.module.css +96 -96
  47. package/src/routes/workspace/[id]/billing/payment-section.module.css +93 -93
  48. package/src/routes/workspace/[id]/billing/reload-section.module.css +261 -261
  49. package/src/routes/workspace/[id]/graph-section.module.css +145 -145
  50. package/src/routes/workspace/[id]/keys/key-section.module.css +197 -197
  51. package/src/routes/workspace/[id]/members/member-section.module.css +249 -249
  52. package/src/routes/workspace/[id]/members/role-dropdown.css +72 -72
  53. package/src/routes/workspace/[id]/model-section.module.css +173 -173
  54. package/src/routes/workspace/[id]/new-user-section.module.css +143 -143
  55. package/src/routes/workspace/[id]/provider-section.module.css +138 -138
  56. package/src/routes/workspace/[id]/settings/settings-section.module.css +94 -94
  57. package/src/routes/workspace/[id]/usage-section.module.css +185 -185
  58. package/src/routes/workspace/[id].css +308 -308
  59. package/src/routes/workspace-picker.css +74 -74
  60. package/src/routes/workspace.css +107 -107
  61. package/src/routes/zen/index.css +866 -866
  62. package/src/style/base.css +21 -21
  63. package/src/style/component/button.css +102 -102
  64. package/src/style/index.css +8 -8
  65. package/src/style/reset.css +76 -76
  66. package/src/style/token/color.css +91 -91
  67. package/src/style/token/font.css +21 -21
  68. package/src/style/token/space.css +46 -46
  69. package/public/apple-touch-icon-v3.png +0 -1
  70. package/public/apple-touch-icon.png +0 -1
  71. package/public/email +0 -1
  72. package/public/favicon-96x96-v3.png +0 -1
  73. package/public/favicon-96x96.png +0 -1
  74. package/public/favicon-v3.ico +0 -1
  75. package/public/favicon-v3.svg +0 -1
  76. package/public/favicon.ico +0 -1
  77. package/public/favicon.svg +0 -1
  78. package/public/site.webmanifest +0 -1
  79. package/public/social-share-black.png +0 -1
  80. package/public/social-share-zen.png +0 -1
  81. package/public/social-share.png +0 -1
  82. package/public/web-app-manifest-192x192.png +0 -1
  83. package/public/web-app-manifest-512x512.png +0 -1
@@ -1,23 +1,23 @@
1
- .root {
2
- [data-slot="title-row"] {
3
- display: flex;
4
- justify-content: space-between;
5
- align-items: center;
6
- gap: var(--space-4);
7
- }
8
-
9
- [data-slot="enroll-section"] {
10
- display: flex;
11
- flex-direction: column;
12
- gap: var(--space-3);
13
- }
14
-
15
- [data-slot="enroll-button"] {
16
- align-self: flex-start;
17
- }
18
-
19
- [data-slot="enroll-note"] {
20
- font-size: var(--font-size-sm);
21
- color: var(--color-text-muted);
22
- }
23
- }
1
+ .root {
2
+ [data-slot="title-row"] {
3
+ display: flex;
4
+ justify-content: space-between;
5
+ align-items: center;
6
+ gap: var(--space-4);
7
+ }
8
+
9
+ [data-slot="enroll-section"] {
10
+ display: flex;
11
+ flex-direction: column;
12
+ gap: var(--space-3);
13
+ }
14
+
15
+ [data-slot="enroll-button"] {
16
+ align-self: flex-start;
17
+ }
18
+
19
+ [data-slot="enroll-note"] {
20
+ font-size: var(--font-size-sm);
21
+ color: var(--color-text-muted);
22
+ }
23
+ }
@@ -1,96 +1,96 @@
1
- .root {
2
- [data-slot="balance"] {
3
- display: flex;
4
- flex-direction: column;
5
- gap: var(--space-3);
6
- padding: var(--space-4);
7
- border: 1px solid var(--color-border);
8
- border-radius: var(--border-radius-sm);
9
- min-width: 15rem;
10
- width: fit-content;
11
-
12
- @media (max-width: 30rem) {
13
- width: 100%;
14
- }
15
-
16
- [data-slot="amount"] {
17
- padding: var(--space-3-5) var(--space-4);
18
- background-color: var(--color-bg-surface);
19
- border-radius: var(--border-radius-sm);
20
- display: flex;
21
- align-items: baseline;
22
- gap: var(--space-1);
23
- justify-content: flex-end;
24
-
25
- [data-slot="currency"] {
26
- position: relative;
27
- bottom: 2px;
28
- font-size: var(--font-size-lg);
29
- color: var(--color-text-muted);
30
- font-weight: 400;
31
- }
32
-
33
- [data-slot="value"] {
34
- font-size: var(--font-size-3xl);
35
- font-weight: 500;
36
- color: var(--color-text);
37
- }
38
- }
39
-
40
- [data-slot="create-form"] {
41
- display: flex;
42
- flex-direction: column;
43
- gap: var(--space-3);
44
- margin-top: var(--space-1);
45
-
46
- [data-slot="input-container"] {
47
- display: flex;
48
- flex-direction: column;
49
- gap: var(--space-1);
50
- }
51
-
52
- @media (max-width: 30rem) {
53
- gap: var(--space-2);
54
- }
55
-
56
- input {
57
- flex: 1;
58
- padding: var(--space-2) var(--space-3);
59
- border: 1px solid var(--color-border);
60
- border-radius: var(--border-radius-sm);
61
- background-color: var(--color-bg);
62
- color: var(--color-text);
63
- font-size: var(--font-size-sm);
64
- font-family: var(--font-mono);
65
-
66
- &:focus {
67
- outline: none;
68
- border-color: var(--color-accent);
69
- }
70
-
71
- &::placeholder {
72
- color: var(--color-text-disabled);
73
- }
74
- }
75
-
76
- [data-slot="form-actions"] {
77
- display: flex;
78
- gap: var(--space-2);
79
- justify-content: flex-end;
80
- }
81
-
82
- [data-slot="form-error"] {
83
- color: var(--color-danger);
84
- font-size: var(--font-size-sm);
85
- line-height: 1.4;
86
- }
87
- }
88
- }
89
-
90
- [data-slot="usage-status"] {
91
- font-size: var(--font-size-sm);
92
- color: var(--color-text-secondary);
93
- margin: 0;
94
- line-height: 1.4;
95
- }
96
- }
1
+ .root {
2
+ [data-slot="balance"] {
3
+ display: flex;
4
+ flex-direction: column;
5
+ gap: var(--space-3);
6
+ padding: var(--space-4);
7
+ border: 1px solid var(--color-border);
8
+ border-radius: var(--border-radius-sm);
9
+ min-width: 15rem;
10
+ width: fit-content;
11
+
12
+ @media (max-width: 30rem) {
13
+ width: 100%;
14
+ }
15
+
16
+ [data-slot="amount"] {
17
+ padding: var(--space-3-5) var(--space-4);
18
+ background-color: var(--color-bg-surface);
19
+ border-radius: var(--border-radius-sm);
20
+ display: flex;
21
+ align-items: baseline;
22
+ gap: var(--space-1);
23
+ justify-content: flex-end;
24
+
25
+ [data-slot="currency"] {
26
+ position: relative;
27
+ bottom: 2px;
28
+ font-size: var(--font-size-lg);
29
+ color: var(--color-text-muted);
30
+ font-weight: 400;
31
+ }
32
+
33
+ [data-slot="value"] {
34
+ font-size: var(--font-size-3xl);
35
+ font-weight: 500;
36
+ color: var(--color-text);
37
+ }
38
+ }
39
+
40
+ [data-slot="create-form"] {
41
+ display: flex;
42
+ flex-direction: column;
43
+ gap: var(--space-3);
44
+ margin-top: var(--space-1);
45
+
46
+ [data-slot="input-container"] {
47
+ display: flex;
48
+ flex-direction: column;
49
+ gap: var(--space-1);
50
+ }
51
+
52
+ @media (max-width: 30rem) {
53
+ gap: var(--space-2);
54
+ }
55
+
56
+ input {
57
+ flex: 1;
58
+ padding: var(--space-2) var(--space-3);
59
+ border: 1px solid var(--color-border);
60
+ border-radius: var(--border-radius-sm);
61
+ background-color: var(--color-bg);
62
+ color: var(--color-text);
63
+ font-size: var(--font-size-sm);
64
+ font-family: var(--font-mono);
65
+
66
+ &:focus {
67
+ outline: none;
68
+ border-color: var(--color-accent);
69
+ }
70
+
71
+ &::placeholder {
72
+ color: var(--color-text-disabled);
73
+ }
74
+ }
75
+
76
+ [data-slot="form-actions"] {
77
+ display: flex;
78
+ gap: var(--space-2);
79
+ justify-content: flex-end;
80
+ }
81
+
82
+ [data-slot="form-error"] {
83
+ color: var(--color-danger);
84
+ font-size: var(--font-size-sm);
85
+ line-height: 1.4;
86
+ }
87
+ }
88
+ }
89
+
90
+ [data-slot="usage-status"] {
91
+ font-size: var(--font-size-sm);
92
+ color: var(--color-text-secondary);
93
+ margin: 0;
94
+ line-height: 1.4;
95
+ }
96
+ }
@@ -1,93 +1,93 @@
1
- .root {
2
- [data-slot="payments-table"] {
3
- overflow-x: auto;
4
- }
5
-
6
- [data-slot="payments-table-element"] {
7
- width: 100%;
8
- border-collapse: collapse;
9
- font-size: var(--font-size-sm);
10
-
11
- thead {
12
- border-bottom: 1px solid var(--color-border);
13
- }
14
-
15
- th {
16
- padding: var(--space-3) var(--space-4);
17
- text-align: left;
18
- font-weight: normal;
19
- color: var(--color-text-muted);
20
- text-transform: uppercase;
21
- }
22
-
23
- td {
24
- padding: var(--space-3) var(--space-4);
25
- border-bottom: 1px solid var(--color-border-muted);
26
- color: var(--color-text-muted);
27
- font-family: var(--font-mono);
28
-
29
- &[data-slot="payment-date"] {
30
- color: var(--color-text);
31
- }
32
-
33
- &[data-slot="payment-id"] {
34
- font-family: var(--font-mono);
35
- font-weight: 400;
36
- color: var(--color-text-muted);
37
- max-width: 200px;
38
- word-break: break-word;
39
- }
40
-
41
- &[data-slot="payment-amount"] {
42
- color: var(--color-text);
43
-
44
- &[data-refunded="true"] {
45
- text-decoration: line-through;
46
- }
47
- }
48
-
49
- &[data-slot="payment-receipt"] {
50
- span {
51
- display: inline-block;
52
- padding: var(--space-3) var(--space-4);
53
- font-size: var(--font-size-sm);
54
- line-height: 1.5;
55
- }
56
-
57
- button {
58
- font-size: var(--font-size-sm);
59
- }
60
- }
61
- }
62
-
63
- tbody tr {
64
- &:last-child td {
65
- border-bottom: none;
66
- }
67
- }
68
-
69
- @media (max-width: 40rem) {
70
- th,
71
- td {
72
- padding: var(--space-2) var(--space-3);
73
- font-size: var(--font-size-xs);
74
- }
75
-
76
- th {
77
- &:nth-child(2)
78
-
79
- /* Payment ID */ {
80
- display: none;
81
- }
82
- }
83
-
84
- td {
85
- &:nth-child(2)
86
-
87
- /* Payment ID */ {
88
- display: none;
89
- }
90
- }
91
- }
92
- }
93
- }
1
+ .root {
2
+ [data-slot="payments-table"] {
3
+ overflow-x: auto;
4
+ }
5
+
6
+ [data-slot="payments-table-element"] {
7
+ width: 100%;
8
+ border-collapse: collapse;
9
+ font-size: var(--font-size-sm);
10
+
11
+ thead {
12
+ border-bottom: 1px solid var(--color-border);
13
+ }
14
+
15
+ th {
16
+ padding: var(--space-3) var(--space-4);
17
+ text-align: left;
18
+ font-weight: normal;
19
+ color: var(--color-text-muted);
20
+ text-transform: uppercase;
21
+ }
22
+
23
+ td {
24
+ padding: var(--space-3) var(--space-4);
25
+ border-bottom: 1px solid var(--color-border-muted);
26
+ color: var(--color-text-muted);
27
+ font-family: var(--font-mono);
28
+
29
+ &[data-slot="payment-date"] {
30
+ color: var(--color-text);
31
+ }
32
+
33
+ &[data-slot="payment-id"] {
34
+ font-family: var(--font-mono);
35
+ font-weight: 400;
36
+ color: var(--color-text-muted);
37
+ max-width: 200px;
38
+ word-break: break-word;
39
+ }
40
+
41
+ &[data-slot="payment-amount"] {
42
+ color: var(--color-text);
43
+
44
+ &[data-refunded="true"] {
45
+ text-decoration: line-through;
46
+ }
47
+ }
48
+
49
+ &[data-slot="payment-receipt"] {
50
+ span {
51
+ display: inline-block;
52
+ padding: var(--space-3) var(--space-4);
53
+ font-size: var(--font-size-sm);
54
+ line-height: 1.5;
55
+ }
56
+
57
+ button {
58
+ font-size: var(--font-size-sm);
59
+ }
60
+ }
61
+ }
62
+
63
+ tbody tr {
64
+ &:last-child td {
65
+ border-bottom: none;
66
+ }
67
+ }
68
+
69
+ @media (max-width: 40rem) {
70
+ th,
71
+ td {
72
+ padding: var(--space-2) var(--space-3);
73
+ font-size: var(--font-size-xs);
74
+ }
75
+
76
+ th {
77
+ &:nth-child(2)
78
+
79
+ /* Payment ID */ {
80
+ display: none;
81
+ }
82
+ }
83
+
84
+ td {
85
+ &:nth-child(2)
86
+
87
+ /* Payment ID */ {
88
+ display: none;
89
+ }
90
+ }
91
+ }
92
+ }
93
+ }