@volter-ai-dev/supercode-ui 0.1.10 → 0.1.12

package/components.mjs

@@ -545,7 +545,7 @@ function canContinueHere(state) {
 }
 function operationLabel(operation) {
   if (!operation) return "";
-  const labels = { discover: "Refreshing chats\u2026", attach: "Opening chat\u2026", resume: "Continuing here\u2026", branch: "Starting continuation\u2026", reduce: "Reducing context and verifying reversibility\u2026", terminal: "Preparing terminal handoff\u2026", export: "Exporting losslessly\u2026", refresh: "Retrying\u2026" };
+  const labels = { discover: "Refreshing chats\u2026", observe: "Loading recent messages\u2026", attach: "Opening chat\u2026", resume: "Continuing here\u2026", branch: "Starting continuation\u2026", reduce: "Reducing context and verifying reversibility\u2026", terminal: "Preparing terminal handoff\u2026", export: "Exporting losslessly\u2026", refresh: "Retrying\u2026" };
   return labels[operation] ?? `${operation.replaceAll("_", " ")}\u2026`;
 }
 function terminalCommand(handoff) {
@@ -1089,7 +1089,7 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
       if (remembered.top !== null && !remembered.atBottom) element.scrollTop = remembered.top;
       else pin();
     } else if (atBottom) pin();
-  }, [memoryKey, state.transcript.length, state.busy]);
+  }, [memoryKey, state.transcript, state.busy, state.operation]);
   return /* @__PURE__ */ jsxs2("div", { class: "scui-conversation-wrap", children: [
     /* @__PURE__ */ jsx3("div", { class: "scui-conversation", ref: scroller, tabIndex: 0, "aria-label": "Conversation", onScroll: (event) => {
       const element = event.currentTarget;
@@ -1192,7 +1192,7 @@ function HarnessLogo({ id, activity, size = 28, onMissingLogo }) {
 }
 
 // src/messenger.jsx
-import { useEffect as useEffect4, useRef as useRef3, useState as useState4 } from "preact/hooks";
+import { useEffect as useEffect4, useMemo as useMemo2, useRef as useRef3, useState as useState4 } from "preact/hooks";
 
 // src/sessions.jsx
 import { useState as useState3 } from "preact/hooks";
@@ -1413,7 +1413,7 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels }) {
   ] });
 }
 function SupercodeMessenger({ state: stateInput, adapter, class: className = "", initialView, labels, components = {}, slots = {} }) {
-  const state = normalizeUiState(stateInput);
+  const state = useMemo2(() => normalizeUiState(stateInput), [stateInput]);
   const copy = { ...DEFAULT_LABELS, ...labels };
   const [view, setView] = useState4(initialView ?? (state.attention.length ? "list" : state.attached || state.transcript.length ? "chat" : "list"));
   const [opening, setOpening] = useState4(null);

package/conversation.mjs

@@ -723,7 +723,7 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
       if (remembered.top !== null && !remembered.atBottom) element.scrollTop = remembered.top;
       else pin();
     } else if (atBottom) pin();
-  }, [memoryKey, state.transcript.length, state.busy]);
+  }, [memoryKey, state.transcript, state.busy, state.operation]);
   return /* @__PURE__ */ jsxs("div", { class: "scui-conversation-wrap", children: [
     /* @__PURE__ */ jsx2("div", { class: "scui-conversation", ref: scroller, tabIndex: 0, "aria-label": "Conversation", onScroll: (event) => {
       const element = event.currentTarget;

package/core.mjs

@@ -636,7 +636,7 @@ export function canContinueHere(state) {
 
 export function operationLabel(operation) {
   if (!operation) return '';
-  const labels = { discover: 'Refreshing chats…', attach: 'Opening chat…', resume: 'Continuing here…', branch: 'Starting continuation…', reduce: 'Reducing context and verifying reversibility…', terminal: 'Preparing terminal handoff…', export: 'Exporting losslessly…', refresh: 'Retrying…' };
+  const labels = { discover: 'Refreshing chats…', observe: 'Loading recent messages…', attach: 'Opening chat…', resume: 'Continuing here…', branch: 'Starting continuation…', reduce: 'Reducing context and verifying reversibility…', terminal: 'Preparing terminal handoff…', export: 'Exporting losslessly…', refresh: 'Retrying…' };
   return labels[operation] ?? `${operation.replaceAll('_', ' ')}…`;
 }
 

package/embed.mjs

@@ -2,7 +2,7 @@
 import { render } from "preact";
 
 // src/messenger.jsx
-import { useEffect as useEffect4, useRef as useRef3, useState as useState4 } from "preact/hooks";
+import { useEffect as useEffect4, useMemo as useMemo2, useRef as useRef3, useState as useState4 } from "preact/hooks";
 
 // core.mjs
 var HARNESS_NAMES = Object.freeze({
@@ -548,7 +548,7 @@ function canContinueHere(state) {
 }
 function operationLabel(operation) {
   if (!operation) return "";
-  const labels = { discover: "Refreshing chats\u2026", attach: "Opening chat\u2026", resume: "Continuing here\u2026", branch: "Starting continuation\u2026", reduce: "Reducing context and verifying reversibility\u2026", terminal: "Preparing terminal handoff\u2026", export: "Exporting losslessly\u2026", refresh: "Retrying\u2026" };
+  const labels = { discover: "Refreshing chats\u2026", observe: "Loading recent messages\u2026", attach: "Opening chat\u2026", resume: "Continuing here\u2026", branch: "Starting continuation\u2026", reduce: "Reducing context and verifying reversibility\u2026", terminal: "Preparing terminal handoff\u2026", export: "Exporting losslessly\u2026", refresh: "Retrying\u2026" };
   return labels[operation] ?? `${operation.replaceAll("_", " ")}\u2026`;
 }
 function terminalCommand(handoff) {
@@ -1095,7 +1095,7 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
       if (remembered.top !== null && !remembered.atBottom) element.scrollTop = remembered.top;
       else pin();
     } else if (atBottom) pin();
-  }, [memoryKey, state.transcript.length, state.busy]);
+  }, [memoryKey, state.transcript, state.busy, state.operation]);
   return /* @__PURE__ */ jsxs2("div", { class: "scui-conversation-wrap", children: [
     /* @__PURE__ */ jsx3("div", { class: "scui-conversation", ref: scroller, tabIndex: 0, "aria-label": "Conversation", onScroll: (event) => {
       const element = event.currentTarget;
@@ -1413,7 +1413,7 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels }) {
   ] });
 }
 function SupercodeMessenger({ state: stateInput, adapter, class: className = "", initialView, labels, components = {}, slots = {} }) {
-  const state = normalizeUiState(stateInput);
+  const state = useMemo2(() => normalizeUiState(stateInput), [stateInput]);
   const copy = { ...DEFAULT_LABELS, ...labels };
   const [view, setView] = useState4(initialView ?? (state.attention.length ? "list" : state.attached || state.transcript.length ? "chat" : "list"));
   const [opening, setOpening] = useState4(null);

package/messenger.mjs

@@ -1,5 +1,5 @@
 // src/messenger.jsx
-import { useEffect as useEffect4, useRef as useRef3, useState as useState4 } from "preact/hooks";
+import { useEffect as useEffect4, useMemo as useMemo2, useRef as useRef3, useState as useState4 } from "preact/hooks";
 
 // core.mjs
 var HARNESS_NAMES = Object.freeze({
@@ -545,7 +545,7 @@ function canContinueHere(state) {
 }
 function operationLabel(operation) {
   if (!operation) return "";
-  const labels = { discover: "Refreshing chats\u2026", attach: "Opening chat\u2026", resume: "Continuing here\u2026", branch: "Starting continuation\u2026", reduce: "Reducing context and verifying reversibility\u2026", terminal: "Preparing terminal handoff\u2026", export: "Exporting losslessly\u2026", refresh: "Retrying\u2026" };
+  const labels = { discover: "Refreshing chats\u2026", observe: "Loading recent messages\u2026", attach: "Opening chat\u2026", resume: "Continuing here\u2026", branch: "Starting continuation\u2026", reduce: "Reducing context and verifying reversibility\u2026", terminal: "Preparing terminal handoff\u2026", export: "Exporting losslessly\u2026", refresh: "Retrying\u2026" };
   return labels[operation] ?? `${operation.replaceAll("_", " ")}\u2026`;
 }
 function terminalCommand(handoff) {
@@ -1092,7 +1092,7 @@ function Conversation({ state, adapter, components = {}, slots = {}, memoryKey =
       if (remembered.top !== null && !remembered.atBottom) element.scrollTop = remembered.top;
       else pin();
     } else if (atBottom) pin();
-  }, [memoryKey, state.transcript.length, state.busy]);
+  }, [memoryKey, state.transcript, state.busy, state.operation]);
   return /* @__PURE__ */ jsxs2("div", { class: "scui-conversation-wrap", children: [
     /* @__PURE__ */ jsx3("div", { class: "scui-conversation", ref: scroller, tabIndex: 0, "aria-label": "Conversation", onScroll: (event) => {
       const element = event.currentTarget;
@@ -1410,7 +1410,7 @@ function NewChat({ state, adapter, onBack, onClose, onStarted, labels }) {
   ] });
 }
 function SupercodeMessenger({ state: stateInput, adapter, class: className = "", initialView, labels, components = {}, slots = {} }) {
-  const state = normalizeUiState(stateInput);
+  const state = useMemo2(() => normalizeUiState(stateInput), [stateInput]);
   const copy = { ...DEFAULT_LABELS, ...labels };
   const [view, setView] = useState4(initialView ?? (state.attention.length ? "list" : state.attached || state.transcript.length ? "chat" : "list"));
   const [opening, setOpening] = useState4(null);

package/package.json

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