anentrypoint-design 0.0.301 → 0.0.302

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "0.0.301",
+  "version": "0.0.302",
   "description": "247420 design system SDK — webjsx + modified ripple-ui, single-file ESM bundle for reproducible use of the AnEntrypoint design.",
   "type": "module",
   "main": "./dist/247420.js",

package/src/components/agent-chat.js

@@ -355,7 +355,7 @@ export function AgentChat(props = {}) {
     ? h('div', { class: 'agentchat-empty', role: 'status' },
         h('p', { class: 'agentchat-empty-title' }, selectedAgent ? 'Start a conversation with ' + name : 'Choose an agent to begin'),
         h('p', { class: 'agentchat-empty-sub' },
-          selectedAgent ? 'Type a message below. The agent can read files, run tools, and search.' : 'Pick an agent from the selector above, then send a message.'),
+          selectedAgent ? 'Type a message below to get started.' : 'Pick an agent from the selector above, then send a message.'),
         (suggestions && suggestions.length)
           ? h('div', { class: 'agentchat-empty-suggestions' },
               ...suggestions.map((s, i) => h('button', {

package/src/components/chat.js

@@ -674,7 +674,7 @@ export function Chat({ title = 'chat', sub, messages = [], composer, header, sug
             messages.length === 0
                 ? h('div', { key: '_empty', class: 'chat-empty', role: 'status' },
                     h('p', { class: 'chat-empty-title' }, 'start a conversation'),
-                    h('p', { class: 'chat-empty-sub' }, sub || 'ask anything — i can search, read files, recall context, and call tools'),
+                    h('p', { class: 'chat-empty-sub' }, sub || 'Send a message to start the conversation'),
                     (suggestions && suggestions.length)
                         ? h('div', { class: 'chat-empty-suggestions' },
                             ...suggestions.map((s, i) => h('button', { key: 'sug' + i, type: 'button', class: 'chat-empty-suggestion',

package/src/components/context-pane.js

@@ -83,14 +83,19 @@ export function ContextPane({ agent, model, cwd, toolCount = 0, usage, session,
     // Conversation block: whole-session totals (turn count + accumulated cost)
     // between the context panel and the per-turn usage panel. All-zero totals
     // are noise, not context - hide the block until there is a conversation.
+    // Rendered as a lighter fact group (no card chrome) since it's 1-2 short
+    // facts, not enough weight to justify a full bordered Panel.
     if (hasSession && (Number(session.turns) > 0 || Number(session.cost) > 0)) {
         const sesRows = [];
         if (session.turns != null) sesRows.push(Row({ title: 'turns', meta: String(session.turns) }));
         if (session.cost != null) sesRows.push(Row({ title: 'total cost', meta: '$' + Number(session.cost).toFixed(4) }));
-        panels.push(Panel({ title: 'conversation', children: sesRows }));
+        panels.push(h('div', { class: 'ds-context-group' },
+            h('div', { class: 'ds-context-group-label' }, 'conversation'),
+            ...sesRows));
     }
     // Usage block: surface the last turn's token/cost/turn/duration so the
-    // result event is no longer silently dropped.
+    // result event is no longer silently dropped. Lighter fact group, not a
+    // full Panel - same reasoning as the conversation block above.
     if (hasUsage) {
         const tokRows = [];
         if (usage.inputTokens != null) tokRows.push(Row({ title: 'input', meta: fmtTok(usage.inputTokens) + ' tok' }));
@@ -99,10 +104,13 @@ export function ContextPane({ agent, model, cwd, toolCount = 0, usage, session,
         if (usage.turns != null) tokRows.push(Row({ title: 'turns', meta: String(usage.turns) }));
         // One duration vocabulary kit-wide: shared fmtDuration (s -> m -> h).
         if (usage.durationMs != null) tokRows.push(Row({ title: 'duration', meta: fmtDuration(usage.durationMs) }));
-        panels.push(Panel({ title: 'last turn', children: tokRows }));
+        panels.push(h('div', { class: 'ds-context-group' },
+            h('div', { class: 'ds-context-group-label' }, 'last turn'),
+            ...tokRows));
     }
     // Recent files: files touched by tool calls this session, most-recent
-    // first, capped to 5 rows so the panel stays a glance not a log.
+    // first, capped to 5 rows so the panel stays a glance not a log. Lighter
+    // fact group, not a full Panel - same reasoning as above.
     if (Array.isArray(recentFiles) && recentFiles.length) {
         const fileRows = recentFiles.slice(0, 5).map((f) => Row({
             title: f.path.split(/[/\\]/).filter(Boolean).pop() || f.path,
@@ -110,7 +118,9 @@ export function ContextPane({ agent, model, cwd, toolCount = 0, usage, session,
             meta: f.time || undefined,
             onClick: onOpenFile ? () => onOpenFile(f.path) : undefined,
         }));
-        panels.push(Panel({ title: 'recent files', children: fileRows }));
+        panels.push(h('div', { class: 'ds-context-group' },
+            h('div', { class: 'ds-context-group-label' }, 'recent files'),
+            ...fileRows));
     }
     // The cwd action lives on the working-dir row above; no floating footer button.
     return h('div', { class: 'ds-context' }, ...panels);