@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
package/src/routes/workspace-picker.css CHANGED
@@ -1,74 +1,74 @@
1
- [data-component="workspace-picker"] {
2
- [data-component="dropdown"] {
3
- [data-slot="trigger"] {
4
- /* Override blue accent colors with neutral colors for dropdown trigger */
5
- --color-accent: var(--color-border);
6
- --color-accent-hover: var(--color-border);
7
- --color-accent-active: var(--color-border);
8
- --color-primary: var(--color-border);
9
- --color-primary-hover: var(--color-border);
10
- --color-primary-active: var(--color-border);
11
- --color-primary-alpha-20: transparent;
12
- }
13
-
14
- [data-slot="dropdown"] {
15
- max-height: 240px;
16
- overflow-y: auto;
17
- min-width: 200px;
18
- }
19
- }
20
-
21
- [data-slot="create-item"] {
22
- width: 100%;
23
- padding: var(--space-2-5) var(--space-3);
24
- border: none;
25
- background: none;
26
- color: var(--color-text);
27
- font-size: var(--font-size-sm);
28
- font-family: var(--font-sans);
29
- text-align: left;
30
- cursor: pointer;
31
- transition: background-color 0.15s ease;
32
-
33
- &:hover {
34
- background-color: var(--color-bg-surface);
35
- }
36
- }
37
-
38
- [data-slot="create-form"] {
39
- width: 100%;
40
- }
41
-
42
- [data-slot="create-input-group"] {
43
- display: flex;
44
- flex-direction: column;
45
- gap: var(--space-3);
46
- }
47
-
48
- [data-slot="button-group"] {
49
- display: flex;
50
- gap: var(--space-2);
51
- justify-content: flex-end;
52
- }
53
-
54
- [data-slot="create-input"] {
55
- flex: 1;
56
- padding: var(--space-2-5) var(--space-3);
57
- border: 1px solid var(--color-border);
58
- border-radius: var(--border-radius-sm);
59
- background-color: var(--color-bg);
60
- color: var(--color-text);
61
- font-size: var(--font-size-sm);
62
- font-family: var(--font-sans);
63
-
64
- &:focus {
65
- outline: none;
66
- border-color: var(--color-border);
67
- box-shadow: none;
68
- }
69
-
70
- &::placeholder {
71
- color: var(--color-text-muted);
72
- }
73
- }
74
- }
1
+ [data-component="workspace-picker"] {
2
+ [data-component="dropdown"] {
3
+ [data-slot="trigger"] {
4
+ /* Override blue accent colors with neutral colors for dropdown trigger */
5
+ --color-accent: var(--color-border);
6
+ --color-accent-hover: var(--color-border);
7
+ --color-accent-active: var(--color-border);
8
+ --color-primary: var(--color-border);
9
+ --color-primary-hover: var(--color-border);
10
+ --color-primary-active: var(--color-border);
11
+ --color-primary-alpha-20: transparent;
12
+ }
13
+
14
+ [data-slot="dropdown"] {
15
+ max-height: 240px;
16
+ overflow-y: auto;
17
+ min-width: 200px;
18
+ }
19
+ }
20
+
21
+ [data-slot="create-item"] {
22
+ width: 100%;
23
+ padding: var(--space-2-5) var(--space-3);
24
+ border: none;
25
+ background: none;
26
+ color: var(--color-text);
27
+ font-size: var(--font-size-sm);
28
+ font-family: var(--font-sans);
29
+ text-align: left;
30
+ cursor: pointer;
31
+ transition: background-color 0.15s ease;
32
+
33
+ &:hover {
34
+ background-color: var(--color-bg-surface);
35
+ }
36
+ }
37
+
38
+ [data-slot="create-form"] {
39
+ width: 100%;
40
+ }
41
+
42
+ [data-slot="create-input-group"] {
43
+ display: flex;
44
+ flex-direction: column;
45
+ gap: var(--space-3);
46
+ }
47
+
48
+ [data-slot="button-group"] {
49
+ display: flex;
50
+ gap: var(--space-2);
51
+ justify-content: flex-end;
52
+ }
53
+
54
+ [data-slot="create-input"] {
55
+ flex: 1;
56
+ padding: var(--space-2-5) var(--space-3);
57
+ border: 1px solid var(--color-border);
58
+ border-radius: var(--border-radius-sm);
59
+ background-color: var(--color-bg);
60
+ color: var(--color-text);
61
+ font-size: var(--font-size-sm);
62
+ font-family: var(--font-sans);
63
+
64
+ &:focus {
65
+ outline: none;
66
+ border-color: var(--color-border);
67
+ box-shadow: none;
68
+ }
69
+
70
+ &::placeholder {
71
+ color: var(--color-text-muted);
72
+ }
73
+ }
74
+ }
package/src/routes/workspace.css CHANGED
@@ -1,107 +1,107 @@
1
- [data-page="workspace"] {
2
- line-height: 1;
3
-
4
- /* Common elements */
5
- button {
6
- padding: var(--space-3) var(--space-4);
7
- border: 1px solid var(--color-border);
8
- border-radius: var(--border-radius-sm);
9
- background-color: var(--color-bg);
10
- color: var(--color-text);
11
- font-size: var(--font-size-sm);
12
- font-family: var(--font-sans);
13
- font-weight: 500;
14
- cursor: pointer;
15
- transition: all 0.15s ease;
16
-
17
- &:hover:not(:disabled) {
18
- background-color: var(--color-surface-hover);
19
- border-color: var(--color-accent);
20
- }
21
-
22
- &:active {
23
- transform: translateY(1px);
24
- }
25
-
26
- &:disabled {
27
- opacity: 0.5;
28
- transform: none;
29
- }
30
-
31
- &[data-color="primary"] {
32
- background-color: var(--color-primary);
33
- border-color: var(--color-primary);
34
- color: var(--color-primary-text);
35
-
36
- &:hover:not(:disabled) {
37
- background-color: var(--color-primary-hover);
38
- border-color: var(--color-primary-hover);
39
- }
40
- }
41
-
42
- &[data-color="ghost"] {
43
- background-color: transparent;
44
- border-color: transparent;
45
- color: var(--color-text-muted);
46
-
47
- &:hover:not(:disabled) {
48
- background-color: var(--color-surface-hover);
49
- border-color: var(--color-border);
50
- color: var(--color-text);
51
- }
52
- }
53
- }
54
-
55
- a {
56
- color: var(--color-text);
57
- }
58
-
59
- /* Workspace Header */
60
- [data-component="workspace-header"] {
61
- position: sticky;
62
- top: 0;
63
- z-index: 100;
64
- display: flex;
65
- justify-content: space-between;
66
- align-items: center;
67
- padding: var(--space-4) var(--space-4);
68
- border-bottom: 1px solid var(--color-border);
69
- background-color: var(--color-bg);
70
-
71
- @media (max-width: 30rem) {
72
- padding: var(--space-4) var(--space-4);
73
- }
74
- }
75
-
76
- [data-slot="header-brand"] {
77
- flex: 0 0 auto;
78
- padding-top: 4px;
79
- display: flex;
80
- align-items: center;
81
- gap: var(--space-4);
82
-
83
- [data-component="site-title"] {
84
- font-size: var(--font-size-lg);
85
- font-weight: 600;
86
- color: var(--color-text);
87
- letter-spacing: -0.02em;
88
- }
89
- }
90
-
91
- [data-slot="header-actions"] {
92
- display: flex;
93
- gap: var(--space-4);
94
- align-items: center;
95
- font-size: var(--font-size-sm);
96
-
97
- [data-slot="user"] {
98
- color: var(--color-text-muted);
99
- }
100
-
101
- @media (max-width: 30rem) {
102
- [data-slot="user"] {
103
- display: none;
104
- }
105
- }
106
- }
107
- }
1
+ [data-page="workspace"] {
2
+ line-height: 1;
3
+
4
+ /* Common elements */
5
+ button {
6
+ padding: var(--space-3) var(--space-4);
7
+ border: 1px solid var(--color-border);
8
+ border-radius: var(--border-radius-sm);
9
+ background-color: var(--color-bg);
10
+ color: var(--color-text);
11
+ font-size: var(--font-size-sm);
12
+ font-family: var(--font-sans);
13
+ font-weight: 500;
14
+ cursor: pointer;
15
+ transition: all 0.15s ease;
16
+
17
+ &:hover:not(:disabled) {
18
+ background-color: var(--color-surface-hover);
19
+ border-color: var(--color-accent);
20
+ }
21
+
22
+ &:active {
23
+ transform: translateY(1px);
24
+ }
25
+
26
+ &:disabled {
27
+ opacity: 0.5;
28
+ transform: none;
29
+ }
30
+
31
+ &[data-color="primary"] {
32
+ background-color: var(--color-primary);
33
+ border-color: var(--color-primary);
34
+ color: var(--color-primary-text);
35
+
36
+ &:hover:not(:disabled) {
37
+ background-color: var(--color-primary-hover);
38
+ border-color: var(--color-primary-hover);
39
+ }
40
+ }
41
+
42
+ &[data-color="ghost"] {
43
+ background-color: transparent;
44
+ border-color: transparent;
45
+ color: var(--color-text-muted);
46
+
47
+ &:hover:not(:disabled) {
48
+ background-color: var(--color-surface-hover);
49
+ border-color: var(--color-border);
50
+ color: var(--color-text);
51
+ }
52
+ }
53
+ }
54
+
55
+ a {
56
+ color: var(--color-text);
57
+ }
58
+
59
+ /* Workspace Header */
60
+ [data-component="workspace-header"] {
61
+ position: sticky;
62
+ top: 0;
63
+ z-index: 100;
64
+ display: flex;
65
+ justify-content: space-between;
66
+ align-items: center;
67
+ padding: var(--space-4) var(--space-4);
68
+ border-bottom: 1px solid var(--color-border);
69
+ background-color: var(--color-bg);
70
+
71
+ @media (max-width: 30rem) {
72
+ padding: var(--space-4) var(--space-4);
73
+ }
74
+ }
75
+
76
+ [data-slot="header-brand"] {
77
+ flex: 0 0 auto;
78
+ padding-top: 4px;
79
+ display: flex;
80
+ align-items: center;
81
+ gap: var(--space-4);
82
+
83
+ [data-component="site-title"] {
84
+ font-size: var(--font-size-lg);
85
+ font-weight: 600;
86
+ color: var(--color-text);
87
+ letter-spacing: -0.02em;
88
+ }
89
+ }
90
+
91
+ [data-slot="header-actions"] {
92
+ display: flex;
93
+ gap: var(--space-4);
94
+ align-items: center;
95
+ font-size: var(--font-size-sm);
96
+
97
+ [data-slot="user"] {
98
+ color: var(--color-text-muted);
99
+ }
100
+
101
+ @media (max-width: 30rem) {
102
+ [data-slot="user"] {
103
+ display: none;
104
+ }
105
+ }
106
+ }
107
+ }