@jonsoc/console-app 1.1.34 → 1.1.49

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 +19 -15
  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,138 +1,138 @@
1
- .root {
2
- [data-slot="providers-table"] {
3
- overflow-x: auto;
4
- }
5
-
6
- [data-slot="providers-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
- &:nth-child(1) {
23
- width: 180px;
24
- }
25
-
26
- &:nth-child(3) {
27
- width: 200px;
28
- }
29
- }
30
-
31
- td {
32
- padding: var(--space-3) var(--space-4);
33
- border-bottom: 1px solid var(--color-border-muted);
34
- color: var(--color-text-muted);
35
- font-family: var(--font-mono);
36
-
37
- &[data-slot="provider-name"] {
38
- color: var(--color-text);
39
- font-family: var(--font-mono);
40
- font-weight: 500;
41
- }
42
-
43
- &[data-slot="provider-key"] {
44
- text-align: left;
45
- color: var(--color-text-secondary);
46
-
47
- [data-slot="edit-form"] {
48
- display: flex;
49
- flex-direction: column;
50
- gap: var(--space-3);
51
- max-width: 100%;
52
-
53
- [data-slot="input-wrapper"] {
54
- display: flex;
55
- flex-direction: column;
56
- gap: var(--space-1);
57
- max-width: 100%;
58
-
59
- input {
60
- padding: var(--space-2) var(--space-3);
61
- border: 1px solid var(--color-border);
62
- border-radius: var(--border-radius-sm);
63
- background-color: var(--color-bg);
64
- color: var(--color-text);
65
- font-size: var(--font-size-sm);
66
- font-family: var(--font-mono);
67
- width: 100%;
68
- box-sizing: border-box;
69
-
70
- &:focus {
71
- outline: none;
72
- border-color: var(--color-accent);
73
- }
74
-
75
- &::placeholder {
76
- color: var(--color-text-disabled);
77
- }
78
- }
79
-
80
- [data-slot="form-error"] {
81
- color: var(--color-danger);
82
- font-size: var(--font-size-sm);
83
- line-height: 1.4;
84
- }
85
- }
86
- }
87
- }
88
-
89
- &[data-slot="provider-action"] {
90
- text-align: left;
91
- font-family: var(--font-sans);
92
- white-space: nowrap;
93
-
94
- [data-slot="configured-actions"] {
95
- display: flex;
96
- gap: var(--space-2);
97
-
98
- [data-slot="delete-form"] {
99
- opacity: 0;
100
- pointer-events: none;
101
- transition: opacity 0.2s;
102
- }
103
-
104
- &:hover [data-slot="delete-form"] {
105
- opacity: 1;
106
- pointer-events: auto;
107
- }
108
- }
109
-
110
- [data-slot="form-actions"] {
111
- display: flex;
112
- gap: var(--space-2);
113
- }
114
- }
115
- }
116
-
117
- tbody tr {
118
- &:hover {
119
- [data-slot="provider-action"] [data-slot="delete-form"] {
120
- opacity: 1;
121
- pointer-events: auto;
122
- }
123
- }
124
-
125
- &:last-child td {
126
- border-bottom: none;
127
- }
128
- }
129
-
130
- @media (max-width: 40rem) {
131
- th,
132
- td {
133
- padding: var(--space-2) var(--space-3);
134
- font-size: var(--font-size-xs);
135
- }
136
- }
137
- }
138
- }
1
+ .root {
2
+ [data-slot="providers-table"] {
3
+ overflow-x: auto;
4
+ }
5
+
6
+ [data-slot="providers-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
+ &:nth-child(1) {
23
+ width: 180px;
24
+ }
25
+
26
+ &:nth-child(3) {
27
+ width: 200px;
28
+ }
29
+ }
30
+
31
+ td {
32
+ padding: var(--space-3) var(--space-4);
33
+ border-bottom: 1px solid var(--color-border-muted);
34
+ color: var(--color-text-muted);
35
+ font-family: var(--font-mono);
36
+
37
+ &[data-slot="provider-name"] {
38
+ color: var(--color-text);
39
+ font-family: var(--font-mono);
40
+ font-weight: 500;
41
+ }
42
+
43
+ &[data-slot="provider-key"] {
44
+ text-align: left;
45
+ color: var(--color-text-secondary);
46
+
47
+ [data-slot="edit-form"] {
48
+ display: flex;
49
+ flex-direction: column;
50
+ gap: var(--space-3);
51
+ max-width: 100%;
52
+
53
+ [data-slot="input-wrapper"] {
54
+ display: flex;
55
+ flex-direction: column;
56
+ gap: var(--space-1);
57
+ max-width: 100%;
58
+
59
+ input {
60
+ padding: var(--space-2) var(--space-3);
61
+ border: 1px solid var(--color-border);
62
+ border-radius: var(--border-radius-sm);
63
+ background-color: var(--color-bg);
64
+ color: var(--color-text);
65
+ font-size: var(--font-size-sm);
66
+ font-family: var(--font-mono);
67
+ width: 100%;
68
+ box-sizing: border-box;
69
+
70
+ &:focus {
71
+ outline: none;
72
+ border-color: var(--color-accent);
73
+ }
74
+
75
+ &::placeholder {
76
+ color: var(--color-text-disabled);
77
+ }
78
+ }
79
+
80
+ [data-slot="form-error"] {
81
+ color: var(--color-danger);
82
+ font-size: var(--font-size-sm);
83
+ line-height: 1.4;
84
+ }
85
+ }
86
+ }
87
+ }
88
+
89
+ &[data-slot="provider-action"] {
90
+ text-align: left;
91
+ font-family: var(--font-sans);
92
+ white-space: nowrap;
93
+
94
+ [data-slot="configured-actions"] {
95
+ display: flex;
96
+ gap: var(--space-2);
97
+
98
+ [data-slot="delete-form"] {
99
+ opacity: 0;
100
+ pointer-events: none;
101
+ transition: opacity 0.2s;
102
+ }
103
+
104
+ &:hover [data-slot="delete-form"] {
105
+ opacity: 1;
106
+ pointer-events: auto;
107
+ }
108
+ }
109
+
110
+ [data-slot="form-actions"] {
111
+ display: flex;
112
+ gap: var(--space-2);
113
+ }
114
+ }
115
+ }
116
+
117
+ tbody tr {
118
+ &:hover {
119
+ [data-slot="provider-action"] [data-slot="delete-form"] {
120
+ opacity: 1;
121
+ pointer-events: auto;
122
+ }
123
+ }
124
+
125
+ &:last-child td {
126
+ border-bottom: none;
127
+ }
128
+ }
129
+
130
+ @media (max-width: 40rem) {
131
+ th,
132
+ td {
133
+ padding: var(--space-2) var(--space-3);
134
+ font-size: var(--font-size-xs);
135
+ }
136
+ }
137
+ }
138
+ }
@@ -1,94 +1,94 @@
1
- .root {
2
- max-width: 40rem;
3
-
4
- [data-slot="setting"] {
5
- display: flex;
6
- flex-direction: column;
7
- gap: var(--space-3);
8
-
9
- p {
10
- line-height: 1.2;
11
- margin: 0;
12
- color: var(--color-text-muted);
13
- }
14
-
15
- [data-slot="value-with-action"] {
16
- display: flex;
17
- align-items: center;
18
- justify-content: space-between;
19
- gap: var(--space-3);
20
-
21
- @media (max-width: 30rem) {
22
- flex-direction: column;
23
- align-items: flex-start;
24
- gap: var(--space-2);
25
- }
26
- }
27
-
28
- [data-slot="current-value"] {
29
- color: var(--color-text);
30
- line-height: 1.4;
31
- margin: 0;
32
- }
33
-
34
- > button {
35
- align-self: flex-start;
36
- }
37
- }
38
-
39
- [data-slot="create-form"] {
40
- display: flex;
41
- flex-direction: column;
42
- gap: var(--space-2);
43
-
44
- [data-slot="input-container"] {
45
- display: flex;
46
- flex-direction: row;
47
- align-items: center;
48
- gap: var(--space-2);
49
-
50
- @media (max-width: 30rem) {
51
- flex-direction: column;
52
- align-items: stretch;
53
- }
54
-
55
- button {
56
- white-space: nowrap;
57
- flex-shrink: 0;
58
- }
59
- }
60
-
61
- input {
62
- flex: 1;
63
- padding: var(--space-2) var(--space-3);
64
- border: 1px solid var(--color-border);
65
- border-radius: var(--border-radius-sm);
66
- background-color: var(--color-bg);
67
- color: var(--color-text);
68
- font-size: var(--font-size-sm);
69
- line-height: 1.5;
70
- min-width: 0;
71
-
72
- &:focus {
73
- outline: none;
74
- border-color: var(--color-accent);
75
- box-shadow: 0 0 0 3px var(--color-accent-alpha);
76
- }
77
-
78
- &::placeholder {
79
- color: var(--color-text-disabled);
80
- }
81
- }
82
-
83
- > button[type="reset"] {
84
- align-self: flex-start;
85
- }
86
-
87
- [data-slot="form-error"] {
88
- color: var(--color-danger);
89
- font-size: var(--font-size-sm);
90
- line-height: 1.4;
91
- margin-top: calc(var(--space-1) * -1);
92
- }
93
- }
94
- }
1
+ .root {
2
+ max-width: 40rem;
3
+
4
+ [data-slot="setting"] {
5
+ display: flex;
6
+ flex-direction: column;
7
+ gap: var(--space-3);
8
+
9
+ p {
10
+ line-height: 1.2;
11
+ margin: 0;
12
+ color: var(--color-text-muted);
13
+ }
14
+
15
+ [data-slot="value-with-action"] {
16
+ display: flex;
17
+ align-items: center;
18
+ justify-content: space-between;
19
+ gap: var(--space-3);
20
+
21
+ @media (max-width: 30rem) {
22
+ flex-direction: column;
23
+ align-items: flex-start;
24
+ gap: var(--space-2);
25
+ }
26
+ }
27
+
28
+ [data-slot="current-value"] {
29
+ color: var(--color-text);
30
+ line-height: 1.4;
31
+ margin: 0;
32
+ }
33
+
34
+ > button {
35
+ align-self: flex-start;
36
+ }
37
+ }
38
+
39
+ [data-slot="create-form"] {
40
+ display: flex;
41
+ flex-direction: column;
42
+ gap: var(--space-2);
43
+
44
+ [data-slot="input-container"] {
45
+ display: flex;
46
+ flex-direction: row;
47
+ align-items: center;
48
+ gap: var(--space-2);
49
+
50
+ @media (max-width: 30rem) {
51
+ flex-direction: column;
52
+ align-items: stretch;
53
+ }
54
+
55
+ button {
56
+ white-space: nowrap;
57
+ flex-shrink: 0;
58
+ }
59
+ }
60
+
61
+ input {
62
+ flex: 1;
63
+ padding: var(--space-2) var(--space-3);
64
+ border: 1px solid var(--color-border);
65
+ border-radius: var(--border-radius-sm);
66
+ background-color: var(--color-bg);
67
+ color: var(--color-text);
68
+ font-size: var(--font-size-sm);
69
+ line-height: 1.5;
70
+ min-width: 0;
71
+
72
+ &:focus {
73
+ outline: none;
74
+ border-color: var(--color-accent);
75
+ box-shadow: 0 0 0 3px var(--color-accent-alpha);
76
+ }
77
+
78
+ &::placeholder {
79
+ color: var(--color-text-disabled);
80
+ }
81
+ }
82
+
83
+ > button[type="reset"] {
84
+ align-self: flex-start;
85
+ }
86
+
87
+ [data-slot="form-error"] {
88
+ color: var(--color-danger);
89
+ font-size: var(--font-size-sm);
90
+ line-height: 1.4;
91
+ margin-top: calc(var(--space-1) * -1);
92
+ }
93
+ }
94
+ }