@volter-ai-dev/supercode-ui 0.1.6 → 0.1.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 (8) hide show
  1. package/components.mjs +9 -0
  2. package/embed.mjs +9 -0
  3. package/index.d.ts +1 -1
  4. package/logo.mjs +9 -0
  5. package/messenger.mjs +9 -0
  6. package/package.json +1 -1
  7. package/sessions.mjs +9 -0
  8. package/styles.css +1 -0
package/components.mjs CHANGED
@@ -749,6 +749,15 @@ var LOGOS = {
749
749
  ["path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 1h16.5v11H12v5.5H6.5V23H1V1zm5.5 5.5V12H12V6.5H6.5z" }],
750
750
  ["path", { d: "M17.5 12H23v11h-5.5V12z" }]
751
751
  ]
752
+ },
753
+ // Product mark shared with the first-party browser frontend favicon.
754
+ supercode: {
755
+ viewBox: "0 0 64 64",
756
+ paths: [
757
+ ["rect", { width: "64", height: "64", rx: "14", fill: "#111923" }],
758
+ ["path", { d: "M18 21h28v6H18zm0 13h18v6H18z", fill: "#5f8fff" }],
759
+ ["circle", { cx: "46", cy: "37", r: "7", fill: "none", stroke: "#8ce0aa", "stroke-width": "4" }]
760
+ ]
752
761
  }
753
762
  };
754
763
  function hasHarnessLogo(id) {
package/embed.mjs CHANGED
@@ -755,6 +755,15 @@ var LOGOS = {
755
755
  ["path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 1h16.5v11H12v5.5H6.5V23H1V1zm5.5 5.5V12H12V6.5H6.5z" }],
756
756
  ["path", { d: "M17.5 12H23v11h-5.5V12z" }]
757
757
  ]
758
+ },
759
+ // Product mark shared with the first-party browser frontend favicon.
760
+ supercode: {
761
+ viewBox: "0 0 64 64",
762
+ paths: [
763
+ ["rect", { width: "64", height: "64", rx: "14", fill: "#111923" }],
764
+ ["path", { d: "M18 21h28v6H18zm0 13h18v6H18z", fill: "#5f8fff" }],
765
+ ["circle", { cx: "46", cy: "37", r: "7", fill: "none", stroke: "#8ce0aa", "stroke-width": "4" }]
766
+ ]
758
767
  }
759
768
  };
760
769
  function HarnessLogo({ id, activity, size = 28, onMissingLogo }) {
package/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import type { ComponentChildren, ComponentType, VNode } from 'preact';
2
2
 
3
- export type HarnessId = 'claude-code' | 'codex' | 'opencode' | 'pi' | 'grok' | (string & {});
3
+ export type HarnessId = 'claude-code' | 'codex' | 'gemini' | 'goose' | 'grok' | 'opencode' | 'pi' | 'supercode' | (string & {});
4
4
  export type UiTone = 'live' | 'warn' | 'dead' | 'off';
5
5
  export type StartupPhase = 'connecting' | 'starting' | 'discovering' | 'ready';
6
6
  export type SessionMode = 'none' | 'control' | 'mirror';
package/logo.mjs CHANGED
@@ -34,6 +34,15 @@ var LOGOS = {
34
34
  ["path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 1h16.5v11H12v5.5H6.5V23H1V1zm5.5 5.5V12H12V6.5H6.5z" }],
35
35
  ["path", { d: "M17.5 12H23v11h-5.5V12z" }]
36
36
  ]
37
+ },
38
+ // Product mark shared with the first-party browser frontend favicon.
39
+ supercode: {
40
+ viewBox: "0 0 64 64",
41
+ paths: [
42
+ ["rect", { width: "64", height: "64", rx: "14", fill: "#111923" }],
43
+ ["path", { d: "M18 21h28v6H18zm0 13h18v6H18z", fill: "#5f8fff" }],
44
+ ["circle", { cx: "46", cy: "37", r: "7", fill: "none", stroke: "#8ce0aa", "stroke-width": "4" }]
45
+ ]
37
46
  }
38
47
  };
39
48
  function hasHarnessLogo(id) {
package/messenger.mjs CHANGED
@@ -752,6 +752,15 @@ var LOGOS = {
752
752
  ["path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 1h16.5v11H12v5.5H6.5V23H1V1zm5.5 5.5V12H12V6.5H6.5z" }],
753
753
  ["path", { d: "M17.5 12H23v11h-5.5V12z" }]
754
754
  ]
755
+ },
756
+ // Product mark shared with the first-party browser frontend favicon.
757
+ supercode: {
758
+ viewBox: "0 0 64 64",
759
+ paths: [
760
+ ["rect", { width: "64", height: "64", rx: "14", fill: "#111923" }],
761
+ ["path", { d: "M18 21h28v6H18zm0 13h18v6H18z", fill: "#5f8fff" }],
762
+ ["circle", { cx: "46", cy: "37", r: "7", fill: "none", stroke: "#8ce0aa", "stroke-width": "4" }]
763
+ ]
755
764
  }
756
765
  };
757
766
  function HarnessLogo({ id, activity, size = 28, onMissingLogo }) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@volter-ai-dev/supercode-ui",
3
- "version": "0.1.6",
3
+ "version": "0.1.7",
4
4
  "type": "module",
5
5
  "description": "Composable default UI kit for Supercode-powered coding-agent experiences",
6
6
  "exports": {
package/sessions.mjs CHANGED
@@ -151,6 +151,15 @@ var LOGOS = {
151
151
  ["path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1 1h16.5v11H12v5.5H6.5V23H1V1zm5.5 5.5V12H12V6.5H6.5z" }],
152
152
  ["path", { d: "M17.5 12H23v11h-5.5V12z" }]
153
153
  ]
154
+ },
155
+ // Product mark shared with the first-party browser frontend favicon.
156
+ supercode: {
157
+ viewBox: "0 0 64 64",
158
+ paths: [
159
+ ["rect", { width: "64", height: "64", rx: "14", fill: "#111923" }],
160
+ ["path", { d: "M18 21h28v6H18zm0 13h18v6H18z", fill: "#5f8fff" }],
161
+ ["circle", { cx: "46", cy: "37", r: "7", fill: "none", stroke: "#8ce0aa", "stroke-width": "4" }]
162
+ ]
154
163
  }
155
164
  };
156
165
  function HarnessLogo({ id, activity, size = 28, onMissingLogo }) {
package/styles.css CHANGED
@@ -70,6 +70,7 @@
70
70
  .scui-logo[data-harness="gemini"] { color:#6e79dc; background:#f7f7f5 }
71
71
  .scui-logo[data-harness="goose"] { color:#101010; background:#f7f7f5 }
72
72
  .scui-logo[data-harness="pi"] { color:#111; background:#efefeb }
73
+ .scui-logo[data-harness="supercode"] { background:#111923 }
73
74
  .scui-logo > i { position:absolute; right:-5%; bottom:-5%; width:32%; height:32%; border:2px solid var(--scui-bg); border-radius:50%; background:var(--scui-muted) }
74
75
  .scui-logo[data-activity="working"] > i { background:var(--scui-accent); animation:scui-breathe 1.4s ease-in-out infinite }
75
76
  .scui-logo[data-activity="needs-input"] > i { background:var(--scui-warning) }