@volter-ai-dev/supercode-ui 0.1.27 → 0.1.29

package/components.mjs

@@ -550,7 +550,7 @@ function readSessions(value) {
       messages: nullableNumber(row.messages),
       active: row.active === true,
       live: row.live === true,
-      runtimeStatus: row.runtimeStatus === "busy" || row.runtimeStatus === "idle" ? row.runtimeStatus : null
+      runtimeStatus: row.runtimeStatus === "running" || row.runtimeStatus === "busy" || row.runtimeStatus === "idle" ? row.runtimeStatus : null
     }];
   });
 }
@@ -688,6 +688,7 @@ function sessionActivity(state, row) {
   const attention = state.attention.find((item) => item.key === row.key)?.kind;
   if (attention) return attention;
   if (row.runtimeStatus === "busy") return "working";
+  if (row.runtimeStatus === "running") return "running";
   if (row.live || row.runtimeStatus === "idle") return "recent";
   return "idle";
 }
@@ -745,7 +746,7 @@ function activitySummary(entries) {
 function canContinueHere(state) {
   if (state.mode !== "mirror" || state.canSend) return false;
   const row = state.attached?.key ? state.sessions.find((item) => item.key === state.attached.key) : null;
-  return state.canResume && row?.runtimeStatus !== "busy" && row?.runtimeStatus !== "idle";
+  return state.canResume && row?.runtimeStatus !== "running" && row?.runtimeStatus !== "busy" && row?.runtimeStatus !== "idle";
 }
 function operationLabel(operation) {
   if (!operation) return "";
@@ -1092,7 +1093,7 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
   if (state.mode !== "mirror" || state.canSend) return null;
   const attached = state.attached;
   const row = attached?.key ? state.sessions.find((item) => item.key === attached.key) : null;
-  const activeElsewhere = row?.runtimeStatus === "busy" || row?.runtimeStatus === "idle";
+  const activeElsewhere = row?.runtimeStatus === "running" || row?.runtimeStatus === "busy" || row?.runtimeStatus === "idle";
   const resume = canContinueHere(state);
   const join = state.canAttach;
   const branch = state.canBranch;
@@ -1995,11 +1996,12 @@ var sessionListMemory = /* @__PURE__ */ new Map();
 function sessionPathParts(value) {
   const complete = String(value ?? "").replaceAll("\\", "/");
   const boundary = complete.lastIndexOf("/");
-  if (boundary <= 0) return { complete, leading: complete, trailing: "" };
+  if (boundary < 0) return { complete, leading: complete, separator: "", trailing: "" };
   return {
     complete,
     leading: complete.slice(0, boundary),
-    trailing: complete.slice(boundary)
+    separator: "/",
+    trailing: complete.slice(boundary + 1)
   };
 }
 function SessionRow({ row, state, onOpen }) {
@@ -2019,6 +2021,7 @@ function SessionRow({ row, state, onOpen }) {
       ] }),
       path.complete ? /* @__PURE__ */ jsxs6("small", { class: "scui-session-path", title: row.cwd, children: [
         /* @__PURE__ */ jsx7("span", { class: "scui-session-path-leading", children: path.leading }),
+        path.separator ? /* @__PURE__ */ jsx7("span", { class: "scui-session-path-separator", children: path.separator }) : null,
         path.trailing ? /* @__PURE__ */ jsx7("span", { class: "scui-session-path-trailing", children: path.trailing }) : null
       ] }) : null,
       preview || unreadCount ? /* @__PURE__ */ jsxs6("span", { class: "scui-session-preview", children: [

package/composer.mjs

@@ -65,7 +65,7 @@ function harnessDisplayName(id) {
 function canContinueHere(state) {
   if (state.mode !== "mirror" || state.canSend) return false;
   const row = state.attached?.key ? state.sessions.find((item) => item.key === state.attached.key) : null;
-  return state.canResume && row?.runtimeStatus !== "busy" && row?.runtimeStatus !== "idle";
+  return state.canResume && row?.runtimeStatus !== "running" && row?.runtimeStatus !== "busy" && row?.runtimeStatus !== "idle";
 }
 function isSendKey(event) {
   return event.key === "Enter" && !event.shiftKey && !event.isComposing;
@@ -252,7 +252,7 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
   if (state.mode !== "mirror" || state.canSend) return null;
   const attached = state.attached;
   const row = attached?.key ? state.sessions.find((item) => item.key === attached.key) : null;
-  const activeElsewhere = row?.runtimeStatus === "busy" || row?.runtimeStatus === "idle";
+  const activeElsewhere = row?.runtimeStatus === "running" || row?.runtimeStatus === "busy" || row?.runtimeStatus === "idle";
   const resume = canContinueHere(state);
   const join = state.canAttach;
   const branch = state.canBranch;

package/core.mjs

@@ -545,7 +545,7 @@ function readSessions(value) {
       messages: nullableNumber(row.messages),
       active: row.active === true,
       live: row.live === true,
-      runtimeStatus: row.runtimeStatus === 'busy' || row.runtimeStatus === 'idle' ? row.runtimeStatus : null,
+      runtimeStatus: row.runtimeStatus === 'running' || row.runtimeStatus === 'busy' || row.runtimeStatus === 'idle' ? row.runtimeStatus : null,
     }];
   });
 }
@@ -729,6 +729,7 @@ export function sessionActivity(state, row) {
   const attention = state.attention.find((item) => item.key === row.key)?.kind;
   if (attention) return attention;
   if (row.runtimeStatus === 'busy') return 'working';
+  if (row.runtimeStatus === 'running') return 'running';
   if (row.live || row.runtimeStatus === 'idle') return 'recent';
   return 'idle';
 }
@@ -793,7 +794,7 @@ export function activitySummary(entries) {
 export function canContinueHere(state) {
   if (state.mode !== 'mirror' || state.canSend) return false;
   const row = state.attached?.key ? state.sessions.find((item) => item.key === state.attached.key) : null;
-  return state.canResume && row?.runtimeStatus !== 'busy' && row?.runtimeStatus !== 'idle';
+  return state.canResume && row?.runtimeStatus !== 'running' && row?.runtimeStatus !== 'busy' && row?.runtimeStatus !== 'idle';
 }
 
 export function operationLabel(operation) {

package/embed.mjs

@@ -553,7 +553,7 @@ function readSessions(value) {
       messages: nullableNumber(row.messages),
       active: row.active === true,
       live: row.live === true,
-      runtimeStatus: row.runtimeStatus === "busy" || row.runtimeStatus === "idle" ? row.runtimeStatus : null
+      runtimeStatus: row.runtimeStatus === "running" || row.runtimeStatus === "busy" || row.runtimeStatus === "idle" ? row.runtimeStatus : null
     }];
   });
 }
@@ -691,6 +691,7 @@ function sessionActivity(state, row) {
   const attention = state.attention.find((item) => item.key === row.key)?.kind;
   if (attention) return attention;
   if (row.runtimeStatus === "busy") return "working";
+  if (row.runtimeStatus === "running") return "running";
   if (row.live || row.runtimeStatus === "idle") return "recent";
   return "idle";
 }
@@ -748,7 +749,7 @@ function activitySummary(entries) {
 function canContinueHere(state) {
   if (state.mode !== "mirror" || state.canSend) return false;
   const row = state.attached?.key ? state.sessions.find((item) => item.key === state.attached.key) : null;
-  return state.canResume && row?.runtimeStatus !== "busy" && row?.runtimeStatus !== "idle";
+  return state.canResume && row?.runtimeStatus !== "running" && row?.runtimeStatus !== "busy" && row?.runtimeStatus !== "idle";
 }
 function operationLabel(operation) {
   if (!operation) return "";
@@ -1098,7 +1099,7 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
   if (state.mode !== "mirror" || state.canSend) return null;
   const attached = state.attached;
   const row = attached?.key ? state.sessions.find((item) => item.key === attached.key) : null;
-  const activeElsewhere = row?.runtimeStatus === "busy" || row?.runtimeStatus === "idle";
+  const activeElsewhere = row?.runtimeStatus === "running" || row?.runtimeStatus === "busy" || row?.runtimeStatus === "idle";
   const resume = canContinueHere(state);
   const join = state.canAttach;
   const branch = state.canBranch;
@@ -1974,11 +1975,12 @@ var sessionListMemory = /* @__PURE__ */ new Map();
 function sessionPathParts(value) {
   const complete = String(value ?? "").replaceAll("\\", "/");
   const boundary = complete.lastIndexOf("/");
-  if (boundary <= 0) return { complete, leading: complete, trailing: "" };
+  if (boundary < 0) return { complete, leading: complete, separator: "", trailing: "" };
   return {
     complete,
     leading: complete.slice(0, boundary),
-    trailing: complete.slice(boundary)
+    separator: "/",
+    trailing: complete.slice(boundary + 1)
   };
 }
 function SessionRow({ row, state, onOpen }) {
@@ -1998,6 +2000,7 @@ function SessionRow({ row, state, onOpen }) {
       ] }),
       path.complete ? /* @__PURE__ */ jsxs6("small", { class: "scui-session-path", title: row.cwd, children: [
         /* @__PURE__ */ jsx7("span", { class: "scui-session-path-leading", children: path.leading }),
+        path.separator ? /* @__PURE__ */ jsx7("span", { class: "scui-session-path-separator", children: path.separator }) : null,
         path.trailing ? /* @__PURE__ */ jsx7("span", { class: "scui-session-path-trailing", children: path.trailing }) : null
       ] }) : null,
       preview || unreadCount ? /* @__PURE__ */ jsxs6("span", { class: "scui-session-preview", children: [

package/index.d.ts

@@ -5,7 +5,7 @@ export type UiTone = 'live' | 'warn' | 'dead' | 'off';
 export type StartupPhase = 'connecting' | 'starting' | 'discovering' | 'ready';
 export type SessionMode = 'none' | 'control' | 'mirror';
 export type ControlStrategy = 'start' | 'resume' | 'attach' | 'branch' | 'reduce' | null;
-export type SessionActivity = 'idle' | 'recent' | 'working' | 'needs-input' | 'finished' | 'failed' | 'unseen';
+export type SessionActivity = 'idle' | 'recent' | 'running' | 'working' | 'needs-input' | 'finished' | 'failed' | 'unseen';
 
 export interface HarnessOption {
   id: HarnessId;
@@ -28,7 +28,7 @@ export interface SessionRowModel {
   messages: number | null;
   active: boolean;
   live: boolean;
-  runtimeStatus: 'busy' | 'idle' | null;
+  runtimeStatus: 'running' | 'busy' | 'idle' | null;
 }
 
 export interface AttachedSessionModel {

package/messenger.mjs

@@ -550,7 +550,7 @@ function readSessions(value) {
       messages: nullableNumber(row.messages),
       active: row.active === true,
       live: row.live === true,
-      runtimeStatus: row.runtimeStatus === "busy" || row.runtimeStatus === "idle" ? row.runtimeStatus : null
+      runtimeStatus: row.runtimeStatus === "running" || row.runtimeStatus === "busy" || row.runtimeStatus === "idle" ? row.runtimeStatus : null
     }];
   });
 }
@@ -688,6 +688,7 @@ function sessionActivity(state, row) {
   const attention = state.attention.find((item) => item.key === row.key)?.kind;
   if (attention) return attention;
   if (row.runtimeStatus === "busy") return "working";
+  if (row.runtimeStatus === "running") return "running";
   if (row.live || row.runtimeStatus === "idle") return "recent";
   return "idle";
 }
@@ -745,7 +746,7 @@ function activitySummary(entries) {
 function canContinueHere(state) {
   if (state.mode !== "mirror" || state.canSend) return false;
   const row = state.attached?.key ? state.sessions.find((item) => item.key === state.attached.key) : null;
-  return state.canResume && row?.runtimeStatus !== "busy" && row?.runtimeStatus !== "idle";
+  return state.canResume && row?.runtimeStatus !== "running" && row?.runtimeStatus !== "busy" && row?.runtimeStatus !== "idle";
 }
 function operationLabel(operation) {
   if (!operation) return "";
@@ -1095,7 +1096,7 @@ function ContinuationBar({ state, adapter, labels = DEFAULT_LABELS }) {
   if (state.mode !== "mirror" || state.canSend) return null;
   const attached = state.attached;
   const row = attached?.key ? state.sessions.find((item) => item.key === attached.key) : null;
-  const activeElsewhere = row?.runtimeStatus === "busy" || row?.runtimeStatus === "idle";
+  const activeElsewhere = row?.runtimeStatus === "running" || row?.runtimeStatus === "busy" || row?.runtimeStatus === "idle";
   const resume = canContinueHere(state);
   const join = state.canAttach;
   const branch = state.canBranch;
@@ -1971,11 +1972,12 @@ var sessionListMemory = /* @__PURE__ */ new Map();
 function sessionPathParts(value) {
   const complete = String(value ?? "").replaceAll("\\", "/");
   const boundary = complete.lastIndexOf("/");
-  if (boundary <= 0) return { complete, leading: complete, trailing: "" };
+  if (boundary < 0) return { complete, leading: complete, separator: "", trailing: "" };
   return {
     complete,
     leading: complete.slice(0, boundary),
-    trailing: complete.slice(boundary)
+    separator: "/",
+    trailing: complete.slice(boundary + 1)
   };
 }
 function SessionRow({ row, state, onOpen }) {
@@ -1995,6 +1997,7 @@ function SessionRow({ row, state, onOpen }) {
       ] }),
       path.complete ? /* @__PURE__ */ jsxs6("small", { class: "scui-session-path", title: row.cwd, children: [
         /* @__PURE__ */ jsx7("span", { class: "scui-session-path-leading", children: path.leading }),
+        path.separator ? /* @__PURE__ */ jsx7("span", { class: "scui-session-path-separator", children: path.separator }) : null,
         path.trailing ? /* @__PURE__ */ jsx7("span", { class: "scui-session-path-trailing", children: path.trailing }) : null
       ] }) : null,
       preview || unreadCount ? /* @__PURE__ */ jsxs6("span", { class: "scui-session-preview", children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@volter-ai-dev/supercode-ui",
-  "version": "0.1.27",
+  "version": "0.1.29",
   "type": "module",
   "description": "Composable default UI kit for Supercode-powered coding-agent experiences",
   "exports": {

package/sessions.mjs

@@ -72,6 +72,7 @@ function sessionActivity(state, row) {
   const attention = state.attention.find((item) => item.key === row.key)?.kind;
   if (attention) return attention;
   if (row.runtimeStatus === "busy") return "working";
+  if (row.runtimeStatus === "running") return "running";
   if (row.live || row.runtimeStatus === "idle") return "recent";
   return "idle";
 }
@@ -282,11 +283,12 @@ var sessionListMemory = /* @__PURE__ */ new Map();
 function sessionPathParts(value) {
   const complete = String(value ?? "").replaceAll("\\", "/");
   const boundary = complete.lastIndexOf("/");
-  if (boundary <= 0) return { complete, leading: complete, trailing: "" };
+  if (boundary < 0) return { complete, leading: complete, separator: "", trailing: "" };
   return {
     complete,
     leading: complete.slice(0, boundary),
-    trailing: complete.slice(boundary)
+    separator: "/",
+    trailing: complete.slice(boundary + 1)
   };
 }
 function SessionRow({ row, state, onOpen }) {
@@ -306,6 +308,7 @@ function SessionRow({ row, state, onOpen }) {
       ] }),
       path.complete ? /* @__PURE__ */ jsxs5("small", { class: "scui-session-path", title: row.cwd, children: [
         /* @__PURE__ */ jsx6("span", { class: "scui-session-path-leading", children: path.leading }),
+        path.separator ? /* @__PURE__ */ jsx6("span", { class: "scui-session-path-separator", children: path.separator }) : null,
         path.trailing ? /* @__PURE__ */ jsx6("span", { class: "scui-session-path-trailing", children: path.trailing }) : null
       ] }) : null,
       preview || unreadCount ? /* @__PURE__ */ jsxs5("span", { class: "scui-session-preview", children: [

package/styles.css

@@ -74,6 +74,7 @@
 .scui-logo[data-harness="supercode"] { background:#111923 }
 .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) }
 .scui-logo[data-activity="working"] > i { background:var(--scui-accent); animation:scui-breathe 1.4s ease-in-out infinite }
+.scui-logo[data-activity="running"] > i { background:var(--scui-positive) }
 .scui-logo[data-activity="needs-input"] > i { background:var(--scui-warning) }
 .scui-logo[data-activity="failed"] > i { background:var(--scui-danger) }
 .scui-logo[data-activity="finished"] > i,.scui-logo[data-activity="unseen"] > i { background:var(--scui-positive) }
@@ -99,7 +100,7 @@
 .scui-session-copy strong,.scui-session-copy span > small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
 .scui-session-copy strong { flex:1; font-size:12.5px }.scui-session-title time { flex:none; color:var(--scui-muted); font-size:10px }
 .scui-session-path { display:flex; min-width:0; overflow:hidden; color:var(--scui-muted); font-size:9.5px; white-space:nowrap }
-.scui-session-path-leading { flex:0 1 auto; overflow:hidden; text-overflow:ellipsis }.scui-session-path-trailing { flex:none; max-width:58%; overflow:hidden; direction:rtl; text-align:left; text-overflow:ellipsis; unicode-bidi:plaintext }
+.scui-session-path-leading { flex:0 1 auto; overflow:hidden; text-overflow:ellipsis }.scui-session-path-separator { flex:none }.scui-session-path-trailing { flex:none; max-width:58%; overflow:hidden; direction:rtl; text-align:left; text-overflow:ellipsis; unicode-bidi:plaintext }
 .scui-session-preview small { flex:1; min-width:0; color:var(--scui-muted); font-size:10.5px }.scui-session-preview b { display:grid; flex:none; min-width:16px; height:16px; padding:0 4px; place-items:center; border-radius:8px; background:var(--scui-accent); color:var(--scui-bg); font-size:9px; line-height:16px }
 .scui-session-copy em { overflow:hidden; color:var(--scui-danger); font-size:10px; font-style:normal; text-overflow:ellipsis; white-space:nowrap }
 .scui-load { display:block; margin:7px auto; padding:5px 10px; border:1px solid var(--scui-border); border-radius:8px; background:var(--scui-bg-raised); color:var(--scui-muted); cursor:pointer }.scui-load:disabled { opacity:.65; cursor:default }