@volter-ai-dev/supercode-ui 0.1.4 → 0.1.6

package/components.mjs

@@ -647,6 +647,7 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
   const blocks = groupConversation(state.transcript);
   const Entry = components.TranscriptEntry ?? TranscriptEntry;
   const Group = components.ActivityGroup ?? ActivityGroup;
+  const Plan = components.TaskPlan ?? TaskPlan;
   const Before = slots.beforeConversation;
   const After = slots.afterConversation;
   const Empty = slots.emptyConversation;
@@ -681,7 +682,7 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
       remember({ top: element.scrollTop, atBottom: bottom });
     }, children: /* @__PURE__ */ jsxs2("div", { children: [
       Before ? /* @__PURE__ */ jsx3(Before, { state, adapter, value: null }) : null,
-      /* @__PURE__ */ jsx3(TaskPlan, { plan: state.taskPlan }),
+      /* @__PURE__ */ jsx3(Plan, { plan: state.taskPlan, value: state.taskPlan, state, adapter }),
       /* @__PURE__ */ jsx3(SessionDetails, { semantics: state.semantics }),
       state.history.hasEarlier ? /* @__PURE__ */ jsx3("button", { class: "scui-load", type: "button", disabled: Boolean(state.operation), onClick: () => {
         const element = scroller.current;

package/controller.mjs

@@ -178,12 +178,32 @@ function projectConversation(conversation, options) {
   // Start at the tail and stop as soon as the bounded render window is full. Hidden harness
   // context never consumes a slot. The independent scan cap prevents a corrupt/all-context
   // transcript from turning this display projection back into an unbounded whole-history walk.
-  for (let index = conversation.length - 1, scanned = 0;
+  let index = conversation.length - 1;
+  let scanned = 0;
+  for (;
     index >= 0 && rows.length < maxEntries && scanned < maxScanEntries;
     index -= 1, scanned += 1) {
     const row = projectConversationEntry(conversation[index], maxEntryChars);
     if (row) rows.push(row);
   }
+
+  // A messenger tail needs a conversational anchor. If the hard entry boundary landed inside a
+  // long assistant/tool run, use the remaining scan budget to find its nearest preceding human
+  // prompt and spend one existing render slot on it. When a prompt is already present, discard
+  // older orphaned activity so the visible slice begins on that turn boundary. Both the render
+  // count and native-history scan remain strictly bounded.
+  const oldestVisibleUser = rows.findLastIndex((row) => row.role === 'user');
+  if (oldestVisibleUser >= 0) {
+    rows.length = oldestVisibleUser + 1;
+  } else {
+    for (; index >= 0 && scanned < maxScanEntries; index -= 1, scanned += 1) {
+      const row = projectConversationEntry(conversation[index], maxEntryChars);
+      if (row?.role !== 'user') continue;
+      if (rows.length === maxEntries) rows[rows.length - 1] = row;
+      else rows.push(row);
+      break;
+    }
+  }
   rows.reverse();
   return rows;
 }

package/conversation.d.ts

@@ -4,6 +4,7 @@ export type {
   MessengerSlots,
   SessionSemanticsModel,
   SupercodeUiState,
+  TaskPlanProps,
   TaskPlanModel,
   TranscriptEntryModel,
   TranscriptEntryProps,

package/conversation.mjs

@@ -315,6 +315,7 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
   const blocks = groupConversation(state.transcript);
   const Entry = components.TranscriptEntry ?? TranscriptEntry;
   const Group = components.ActivityGroup ?? ActivityGroup;
+  const Plan = components.TaskPlan ?? TaskPlan;
   const Before = slots.beforeConversation;
   const After = slots.afterConversation;
   const Empty = slots.emptyConversation;
@@ -349,7 +350,7 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
       remember({ top: element.scrollTop, atBottom: bottom });
     }, children: /* @__PURE__ */ jsxs("div", { children: [
       Before ? /* @__PURE__ */ jsx2(Before, { state, adapter, value: null }) : null,
-      /* @__PURE__ */ jsx2(TaskPlan, { plan: state.taskPlan }),
+      /* @__PURE__ */ jsx2(Plan, { plan: state.taskPlan, value: state.taskPlan, state, adapter }),
       /* @__PURE__ */ jsx2(SessionDetails, { semantics: state.semantics }),
       state.history.hasEarlier ? /* @__PURE__ */ jsx2("button", { class: "scui-load", type: "button", disabled: Boolean(state.operation), onClick: () => {
         const element = scroller.current;

package/embed.mjs

@@ -653,6 +653,7 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
   const blocks = groupConversation(state.transcript);
   const Entry = components.TranscriptEntry ?? TranscriptEntry;
   const Group = components.ActivityGroup ?? ActivityGroup;
+  const Plan = components.TaskPlan ?? TaskPlan;
   const Before = slots.beforeConversation;
   const After = slots.afterConversation;
   const Empty = slots.emptyConversation;
@@ -687,7 +688,7 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
       remember({ top: element.scrollTop, atBottom: bottom });
     }, children: /* @__PURE__ */ jsxs2("div", { children: [
       Before ? /* @__PURE__ */ jsx3(Before, { state, adapter, value: null }) : null,
-      /* @__PURE__ */ jsx3(TaskPlan, { plan: state.taskPlan }),
+      /* @__PURE__ */ jsx3(Plan, { plan: state.taskPlan, value: state.taskPlan, state, adapter }),
       /* @__PURE__ */ jsx3(SessionDetails, { semantics: state.semantics }),
       state.history.hasEarlier ? /* @__PURE__ */ jsx3("button", { class: "scui-load", type: "button", disabled: Boolean(state.operation), onClick: () => {
         const element = scroller.current;

package/index.d.ts

@@ -240,10 +240,18 @@ export interface ActivityGroupProps {
   adapter: UiAdapter;
 }
 
+export interface TaskPlanProps {
+  plan: TaskPlanModel;
+  value?: TaskPlanModel;
+  state: SupercodeUiState;
+  adapter: UiAdapter;
+}
+
 export interface MessengerComponents {
   SessionRow?: ComponentType<SessionRowProps>;
   TranscriptEntry?: ComponentType<TranscriptEntryProps>;
   ActivityGroup?: ComponentType<ActivityGroupProps>;
+  TaskPlan?: ComponentType<TaskPlanProps>;
   HarnessLogo?: ComponentType<{ id: HarnessId; activity?: SessionActivity; size?: number }>;
 }
 

package/messenger.mjs

@@ -650,6 +650,7 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
   const blocks = groupConversation(state.transcript);
   const Entry = components.TranscriptEntry ?? TranscriptEntry;
   const Group = components.ActivityGroup ?? ActivityGroup;
+  const Plan = components.TaskPlan ?? TaskPlan;
   const Before = slots.beforeConversation;
   const After = slots.afterConversation;
   const Empty = slots.emptyConversation;
@@ -684,7 +685,7 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
       remember({ top: element.scrollTop, atBottom: bottom });
     }, children: /* @__PURE__ */ jsxs2("div", { children: [
       Before ? /* @__PURE__ */ jsx3(Before, { state, adapter, value: null }) : null,
-      /* @__PURE__ */ jsx3(TaskPlan, { plan: state.taskPlan }),
+      /* @__PURE__ */ jsx3(Plan, { plan: state.taskPlan, value: state.taskPlan, state, adapter }),
       /* @__PURE__ */ jsx3(SessionDetails, { semantics: state.semantics }),
       state.history.hasEarlier ? /* @__PURE__ */ jsx3("button", { class: "scui-load", type: "button", disabled: Boolean(state.operation), onClick: () => {
         const element = scroller.current;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@volter-ai-dev/supercode-ui",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "type": "module",
   "description": "Composable default UI kit for Supercode-powered coding-agent experiences",
   "exports": {
@@ -77,15 +77,16 @@
     "storybook": "npm run build && storybook dev -p 6006",
     "build:storybook": "npm run build && storybook build",
     "test:storybook": "npm run build && vitest --run",
+    "test:headless": "npm run build && npm run typecheck && npm test",
     "typecheck": "tsc -p tsconfig.json && tsc -p test/tsconfig.json",
     "test": "node --test test/*.test.mjs",
-    "prepack": "npm run build && npm run typecheck && npm test && npm run test:storybook"
+    "prepack": "npm run test:headless"
   },
   "dependencies": {
     "markdown-it": "^14.1.0"
   },
   "peerDependencies": {
-    "@volter-ai-dev/supercode-client": ">=0.3.9 <0.4.0",
+    "@volter-ai-dev/supercode-client": ">=0.3.10 <0.4.0",
     "preact": ">=10.19.0 <11"
   },
   "peerDependenciesMeta": {