@robota-sdk/agent-ui-web 3.0.0-beta.96 → 3.0.0-beta.99

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@robota-sdk/agent-ui-web",
-  "version": "3.0.0-beta.96",
+  "version": "3.0.0-beta.99",
   "description": "Browser-safe React session presentation, wire reducer, WebSocket client and runtime-host contract for consumer-owned agent renderers.",
   "license": "AGPL-3.0-only OR LicenseRef-Commercial",
   "type": "module",
@@ -58,11 +58,11 @@
     "pretendard": "^1.3.9",
     "react-markdown": "^10.1.0",
     "remark-gfm": "^4.0.1",
-    "@robota-sdk/agent-interface-command": "3.0.0-beta.96",
-    "@robota-sdk/agent-interface-execution": "3.0.0-beta.96",
-    "@robota-sdk/agent-transport": "3.0.0-beta.96",
-    "@robota-sdk/agent-interface-transport": "3.0.0-beta.96",
-    "@robota-sdk/agent-interface-session": "3.0.0-beta.96"
+    "@robota-sdk/agent-interface-command": "3.0.0-beta.99",
+    "@robota-sdk/agent-interface-execution": "3.0.0-beta.99",
+    "@robota-sdk/agent-interface-session": "3.0.0-beta.99",
+    "@robota-sdk/agent-interface-transport": "3.0.0-beta.99",
+    "@robota-sdk/agent-transport": "3.0.0-beta.99"
   },
   "peerDependencies": {
     "react": ">=18"

package/src/components/SessionSurfaceChrome.tsx

@@ -268,7 +268,7 @@ function noticeSentence(notice: ISessionNotice): string | null {
 }
 
 /**
- * Session and protocol failures, as dismissible toasts over the top-right corner: they stay until
+ * Session outcomes and protocol failures, as dismissible toasts over the top-right corner: they stay until
  * dismissed, and never push the conversation or the composer out of view. Command output is not
  * here — it belongs to the conversation. A provider error classified at the wire boundary shows one
  * plain sentence with the next step; its raw text sits behind "Details" rather than as the headline.
@@ -280,13 +280,16 @@ export function SessionNotices({ state }: { state: IWsSessionState }): React.Rea
     <div className="pointer-events-none absolute right-4 top-16 z-40 flex w-[min(400px,calc(100%-32px))] flex-col gap-2">
       {notices.slice(-3).map((notice) => {
         const sentence = noticeSentence(notice);
+        const compacted = notice.kind === 'context-compacted';
         return (
           <div
             key={notice.id}
-            role="alert"
+            role={compacted ? 'status' : 'alert'}
             className="gui-rise pointer-events-auto flex items-start gap-3 rounded-xl bg-popover px-4 py-3 text-[14px] leading-snug text-popover-foreground shadow-xl shadow-black/30"
           >
-            <span className="mt-[7px] h-2 w-2 flex-shrink-0 rounded-full bg-destructive" />
+            <span
+              className={`mt-[7px] h-2 w-2 flex-shrink-0 rounded-full ${compacted ? 'bg-primary' : 'bg-destructive'}`}
+            />
             <span className="max-h-40 flex-1 overflow-y-auto whitespace-pre-wrap break-words">
               {sentence ?? notice.message}
               {sentence && (

package/src/hooks/server-message-handling.ts

@@ -20,11 +20,11 @@ export const SERVER_MESSAGE_HANDLING = {
   error: 'visible-notice',
   command_result: 'reducer-state',
   messages: 'reducer-state',
-  // #3189: the full history and its change signal serve a client that renders the whole session
-  // (the TUI); this surface builds its transcript from `messages` and the streamed turn.
+  // The full system history serves the TUI; this transcript uses `messages` and streamed turns.
+  // A history change carries optional compaction metadata for a notice without replacing the turn.
   history: 'intentionally-not-rendered',
-  history_changed: 'intentionally-not-rendered',
-  context: 'intentionally-not-rendered',
+  history_changed: 'visible-notice',
+  context: 'reducer-state',
   turn_source: 'intentionally-not-rendered',
   commands: 'reducer-state',
   session_status: 'reducer-state',

package/src/hooks/session-client-types.ts

@@ -157,7 +157,8 @@ export interface ISessionNotice {
     | 'protocol-error'
     | 'session-change-refused'
     | 'background-task-control-failed'
-    | 'command-failed';
+    | 'command-failed'
+    | 'context-compacted';
   message: string;
   /**
    * A `session-error` classified at the wire boundary (#3289 §3) — present only when the host could

package/src/hooks/useSessionClient.ts

@@ -464,6 +464,10 @@ export function useSessionClient<TStatus extends string = TConnectionStatus>(
   } = useAgentSwitcherState(send);
   const { handleSchedulesMessage, requestSchedules, ...schedulesState } = useSchedulesState(send);
 
+  const clearCompactionNotices = useCallback((): void => {
+    setSessionNotices((previous) => previous.filter((notice) => notice.kind !== 'context-compacted'));
+  }, []);
+
   const handleMessage = useCallback(
     (msg: TServerMessage): void => {
       // ARCH-2164: touching the exhaustive registry here keeps every decoded variant tied to an
@@ -663,6 +667,7 @@ export function useSessionClient<TStatus extends string = TConnectionStatus>(
           // Nothing of the old session stays on screen until the new one's answers arrive.
           sessionStatusRef.current = null;
           setSessionStatus(null);
+          clearCompactionNotices();
           streamingTextRef.current = '';
           turnSegmentsRef.current = [];
           setStreamingText('');
@@ -685,6 +690,7 @@ export function useSessionClient<TStatus extends string = TConnectionStatus>(
           break;
         }
         case 'history_cleared': {
+          clearCompactionNotices();
           rejectPendingAppRequests('The session history was cleared.');
           streamingTextRef.current = '';
           turnSegmentsRef.current = [];
@@ -793,6 +799,29 @@ export function useSessionClient<TStatus extends string = TConnectionStatus>(
           setCommandCatalog(catalog);
           break;
         }
+        case 'context': {
+          // A later status snapshot supplies identity and the latest context when none is known yet.
+          if (sessionStatusRef.current !== null) {
+            const next = { ...sessionStatusRef.current, context: msg.state };
+            sessionStatusRef.current = next;
+            setSessionStatus(next);
+          }
+          break;
+        }
+        case 'history_changed': {
+          const compact = msg.compact;
+          if (compact?.trigger === 'auto') {
+            setSessionNotices((previous) => [
+              ...previous,
+              {
+                id: nextId(),
+                kind: 'context-compacted',
+                message: `Auto compacted context: ${Math.round(compact.beforeUsedPercentage)}% → ${Math.round(compact.afterUsedPercentage)}%`,
+              },
+            ]);
+          }
+          break;
+        }
         case 'session_status': {
           sessionStatusRef.current = msg.status;
           setSessionStatus(msg.status);
@@ -877,6 +906,7 @@ export function useSessionClient<TStatus extends string = TConnectionStatus>(
       appendEntry,
       canListSessions,
       closeExecutionDetail,
+      clearCompactionNotices,
       finishTurn,
       handleAgentDefinitionsMessage,
       handleAppViewMessage,
@@ -921,7 +951,10 @@ export function useSessionClient<TStatus extends string = TConnectionStatus>(
       statusRef.current = next;
       setStatus(next);
       // A reply lost with the connection never arrives; the views waiting on one learn that now.
-      if (next !== 'connected') rejectPendingAppRequests();
+      if (next !== 'connected') {
+        rejectPendingAppRequests();
+        clearCompactionNotices();
+      }
       // Every client learns what it can offer and what is in effect as soon as it is attached.
       if (next === 'connected') {
         // A reply lost with the old connection never arrives; stop waiting for it.
@@ -954,6 +987,7 @@ export function useSessionClient<TStatus extends string = TConnectionStatus>(
   }, [
     makeClient,
     handleMessage,
+    clearCompactionNotices,
     requestSessions,
     requestSchedules,
     armRestore,