@windowkit/agent-chat 0.1.0 → 0.4.0

package/dist/view/PlanChecklist.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react-x11/jsx-runtime";
+import { Icon } from 'react-x11';
+import { useLook } from './look.js';
+export function PlanChecklist({ part }) {
+    const look = useLook();
+    const done = part.entries.filter((e) => e.status === 'completed').length;
+    return (_jsxs("box", { style: { flexDirection: 'column', gap: 2 }, "aria-label": "Plan", children: [_jsx("text", { style: {
+                    color: look.muted,
+                    fontSize: look.smallSize,
+                    fontWeight: 'bold',
+                }, children: `PLAN · ${done} OF ${part.entries.length} DONE` }), part.entries.map((e, i) => (_jsxs("box", { style: { flexDirection: 'row', gap: look.gap, alignItems: 'center' }, children: [e.status === 'completed' ? (_jsx(Icon, { name: "check", size: look.captionSize, color: look.success })) : e.status === 'in_progress' ? (_jsx(Icon, { name: "dot", size: look.captionSize, color: look.accent })) : (_jsx(Icon, { name: "dash", size: look.captionSize, color: look.muted })), _jsx("text", { style: {
+                            color: e.status === 'completed' ? look.muted : look.text,
+                            fontWeight: e.status === 'in_progress' ? 'bold' : 'normal',
+                        }, children: e.text })] }, i)))] }));
+}
+//# sourceMappingURL=PlanChecklist.js.map

package/dist/view/PlanChecklist.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanChecklist.js","sourceRoot":"","sources":["../../src/view/PlanChecklist.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAGjC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,UAAU,aAAa,CAAC,EAAE,IAAI,EAAsB;IACxD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC,MAAM,CAAC;IACzE,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,gBAAa,MAAM,aAChE,eACE,KAAK,EAAE;oBACL,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,QAAQ,EAAE,IAAI,CAAC,SAAS;oBACxB,UAAU,EAAE,MAAM;iBACnB,YAEA,UAAU,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,OAAO,GAC3C,EACN,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,eAEE,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,aAEnE,CAAC,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,CAC1B,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,GAAI,CACnE,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,aAAa,CAAC,CAAC,CAAC,CAC/B,KAAC,IAAI,IAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,GAAI,CAChE,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CAChE,EACD,eACE,KAAK,EAAE;4BACL,KAAK,EAAE,CAAC,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI;4BACxD,UAAU,EAAE,CAAC,CAAC,MAAM,KAAK,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;yBAC3D,YAEA,CAAC,CAAC,IAAI,GACF,KAjBF,CAAC,CAkBF,CACP,CAAC,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/view/PullRequestCard.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from 'react';
+import type { PullRequestData } from '../core/types.js';
+export declare function PullRequestCard({ value, }: {
+    value: PullRequestData;
+}): ReactElement;
+//# sourceMappingURL=PullRequestCard.d.ts.map

package/dist/view/PullRequestCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullRequestCard.d.ts","sourceRoot":"","sources":["../../src/view/PullRequestCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGxD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,GACN,EAAE;IACD,KAAK,EAAE,eAAe,CAAC;CACxB,GAAG,YAAY,CAef"}

package/dist/view/PullRequestCard.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react-x11/jsx-runtime";
+import { LinkCard, shortUrl } from './LinkCard.js';
+export function PullRequestCard({ value, }) {
+    const action = value.action.replace(/-/g, ' ');
+    return (_jsx(LinkCard, { kind: "Pull request", title: `#${value.number}`, detail: [
+            action.charAt(0).toUpperCase() + action.slice(1),
+            value.url ? shortUrl(value.url) : '',
+        ]
+            .filter(Boolean)
+            .join(' · '), ...(value.url ? { href: value.url } : {}) }));
+}
+//# sourceMappingURL=PullRequestCard.js.map

package/dist/view/PullRequestCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullRequestCard.js","sourceRoot":"","sources":["../../src/view/PullRequestCard.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEnD,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,GAGN;IACC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAC/C,OAAO,CACL,KAAC,QAAQ,IACP,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,IAAI,KAAK,CAAC,MAAM,EAAE,EACzB,MAAM,EAAE;YACN,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;YAChD,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE;SACrC;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,KAAK,CAAC,KACV,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAC1C,CACH,CAAC;AACJ,CAAC"}

package/dist/view/SessionCard.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from 'react';
+import type { SessionLinkData } from '../core/types.js';
+export declare function SessionCard({ value, }: {
+    value: SessionLinkData;
+}): ReactElement;
+//# sourceMappingURL=SessionCard.d.ts.map

package/dist/view/SessionCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionCard.d.ts","sourceRoot":"","sources":["../../src/view/SessionCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGxD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,GACN,EAAE;IACD,KAAK,EAAE,eAAe,CAAC;CACxB,GAAG,YAAY,CASf"}

package/dist/view/SessionCard.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react-x11/jsx-runtime";
+import { LinkCard, shortUrl } from './LinkCard.js';
+export function SessionCard({ value, }) {
+    return (_jsx(LinkCard, { kind: "Session started", title: value.title ?? 'A new session', detail: shortUrl(value.url), href: value.url }));
+}
+//# sourceMappingURL=SessionCard.js.map

package/dist/view/SessionCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionCard.js","sourceRoot":"","sources":["../../src/view/SessionCard.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEnD,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,GAGN;IACC,OAAO,CACL,KAAC,QAAQ,IACP,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,eAAe,EACrC,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAC3B,IAAI,EAAE,KAAK,CAAC,GAAG,GACf,CACH,CAAC;AACJ,CAAC"}

package/dist/view/SuggestedReplies.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+export declare function SuggestedReplies({ suggestions, }: {
+    suggestions: readonly string[];
+}): ReactElement;
+//# sourceMappingURL=SuggestedReplies.d.ts.map

package/dist/view/SuggestedReplies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestedReplies.d.ts","sourceRoot":"","sources":["../../src/view/SuggestedReplies.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAM1C,wBAAgB,gBAAgB,CAAC,EAC/B,WAAW,GACZ,EAAE;IACD,WAAW,EAAE,SAAS,MAAM,EAAE,CAAC;CAChC,GAAG,YAAY,CAmBf"}

package/dist/view/SuggestedReplies.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react-x11/jsx-runtime";
+import { Button } from 'react-x11';
+import { useChat } from './context.js';
+import { useLook } from './look.js';
+export function SuggestedReplies({ suggestions, }) {
+    const { composer } = useChat();
+    const look = useLook();
+    return (_jsx("box", { style: { flexDirection: 'row', flexWrap: 'wrap', gap: look.gap }, "aria-label": "Suggested replies", children: suggestions.map((s) => (_jsx(Button, { size: "small", variant: "outline", label: s, onPress: () => composer.fill(s) }, s))) }));
+}
+//# sourceMappingURL=SuggestedReplies.js.map

package/dist/view/SuggestedReplies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestedReplies.js","sourceRoot":"","sources":["../../src/view/SuggestedReplies.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,UAAU,gBAAgB,CAAC,EAC/B,WAAW,GAGZ;IACC,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,OAAO,CACL,cACE,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,gBACrD,mBAAmB,YAE7B,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,MAAM,IAEL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,SAAS,EACjB,KAAK,EAAE,CAAC,EACR,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAJ1B,CAAC,CAKN,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/view/TextBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextBlock.d.ts","sourceRoot":"","sources":["../../src/view/TextBlock.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,sEAInB,cAAc,KAAG,YAAY,CAoC9B,CAAC"}
+{"version":3,"file":"TextBlock.d.ts","sourceRoot":"","sources":["../../src/view/TextBlock.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAMrD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,sEAInB,cAAc,KAAG,YAAY,CAsC9B,CAAC"}

package/dist/view/TextBlock.js

@@ -5,12 +5,15 @@ import { memo, useMemo } from 'react';
 import { Markdown } from '@react-x11/components/markdown';
 import { CodeBlock } from './CodeBlock.js';
 import { useChat } from './context.js';
+import { useCodeLook } from './look.js';
 import { splitFences } from './fences.js';
 export const TextBlock = memo(function TextBlock({ text, streaming, message, }) {
     const { fences, components, onLink, fontSize } = useChat();
+    // segments alternate prose and fences: the gap is the space a fence keeps
+    const { spacing } = useCodeLook(fontSize);
     const segments = useMemo(() => splitFences(text, streaming), [text, streaming]);
     const link = useMemo(() => (onLink ? (href) => onLink(href) : undefined), [onLink]);
-    return (_jsx("box", { style: { flexDirection: 'column', gap: 8 }, children: segments.map((s, i) => {
+    return (_jsx("box", { style: { flexDirection: 'column', gap: spacing }, children: segments.map((s, i) => {
             if (s.type === 'prose') {
                 return (_jsx(Markdown, { source: s.text, partial: streaming && i === segments.length - 1, ...(fences ? { fences } : {}), ...(components ? { components } : {}), ...(link ? { onLink: link } : {}), ...(fontSize ? { fontSize } : {}) }, i));
             }

package/dist/view/TextBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextBlock.js","sourceRoot":"","sources":["../../src/view/TextBlock.tsx"],"names":[],"mappings":";AAAA,4EAA4E;AAC5E,mEAAmE;AAEnE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAqB,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAG1D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ1C,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,SAAS,CAAC,EAC/C,IAAI,EACJ,SAAS,EACT,OAAO,GACQ;IACf,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,CAAC;IAC3D,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,EAClC,CAAC,IAAI,EAAE,SAAS,CAAC,CAClB,CAAC;IACF,MAAM,IAAI,GAAG,OAAO,CAClB,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAC3D,CAAC,MAAM,CAAC,CACT,CAAC;IACF,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,YAC5C,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACrB,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;gBACvB,OAAO,CACL,KAAC,QAAQ,IAEP,MAAM,EAAE,CAAC,CAAC,IAAI,EACd,OAAO,EAAE,SAAS,IAAI,CAAC,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,KAC3C,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC1B,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAClC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC9B,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAN7B,CAAC,CAON,CACH,CAAC;YACJ,CAAC;YACD,MAAM,KAAK,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;YACjE,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YAChC,OAAO,MAAM,CAAC,CAAC,CAAC,CACd,wBAAc,MAAM,CAAC,KAAK,CAAC,IAAjB,CAAC,CAAuB,CACnC,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IAAS,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,IAAjC,CAAC,CAAoC,CACtD,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"TextBlock.js","sourceRoot":"","sources":["../../src/view/TextBlock.tsx"],"names":[],"mappings":";AAAA,4EAA4E;AAC5E,mEAAmE;AAEnE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAqB,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAG1D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ1C,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,SAAS,CAAC,EAC/C,IAAI,EACJ,SAAS,EACT,OAAO,GACQ;IACf,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,CAAC;IAC3D,0EAA0E;IAC1E,MAAM,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC1C,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,EAClC,CAAC,IAAI,EAAE,SAAS,CAAC,CAClB,CAAC;IACF,MAAM,IAAI,GAAG,OAAO,CAClB,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAC3D,CAAC,MAAM,CAAC,CACT,CAAC;IACF,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,YAClD,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACrB,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;gBACvB,OAAO,CACL,KAAC,QAAQ,IAEP,MAAM,EAAE,CAAC,CAAC,IAAI,EACd,OAAO,EAAE,SAAS,IAAI,CAAC,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,KAC3C,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC1B,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAClC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC9B,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAN7B,CAAC,CAON,CACH,CAAC;YACJ,CAAC;YACD,MAAM,KAAK,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;YACjE,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YAChC,OAAO,MAAM,CAAC,CAAC,CAAC,CACd,wBAAc,MAAM,CAAC,KAAK,CAAC,IAAjB,CAAC,CAAuB,CACnC,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IAAS,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,IAAjC,CAAC,CAAoC,CACtD,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/view/ToolCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolCard.d.ts","sourceRoot":"","sources":["../../src/view/ToolCard.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAkB,KAAK,YAAY,EAAkB,MAAM,OAAO,CAAC;AAM1E,OAAO,KAAK,EAAc,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAgB7D,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,kDAElB,aAAa,KAAG,YAAY,CA0H7B,CAAC"}
+{"version":3,"file":"ToolCard.d.ts","sourceRoot":"","sources":["../../src/view/ToolCard.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAkB,KAAK,YAAY,EAAkB,MAAM,OAAO,CAAC;AAM1E,OAAO,KAAK,EAAc,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAiB7D,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,kDAElB,aAAa,KAAG,YAAY,CA0H7B,CAAC"}

package/dist/view/ToolCard.js

@@ -10,6 +10,7 @@ import { Code } from '@react-x11/components/code';
 import { Markdown } from '@react-x11/components/markdown';
 import { TerminalOutput } from '@react-x11/components/terminal-output';
 import { useChat } from './context.js';
+import { ImageView } from './ImageView.js';
 import { clipLines, useLook } from './look.js';
 import { MessageList } from './MessageList.js';
 const STATE_LABEL = {
@@ -125,7 +126,9 @@ function Output({ output, look, }) {
         case 'diff':
             return _jsx(Diff, { output: output });
         case 'image':
-            return _jsxs("text", { style: { color: look.muted }, children: ["[image, ", output.mime, "]"] });
+            return (_jsx(ImageView, { source: { data: output.data }, ...(output.width && output.height
+                    ? { width: output.width, height: output.height }
+                    : {}), alt: `An image, ${output.mime}` }));
         case 'value':
             return (_jsx(Code, { source: clipLines(json(output.value), 80), lang: "json", wrap: true }));
     }

package/dist/view/ToolCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolCard.js","sourceRoot":"","sources":["../../src/view/ToolCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ToolCard.js","sourceRoot":"","sources":["../../src/view/ToolCard.tsx"],"names":[],"mappings":"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"}

package/dist/view/Transcript.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Transcript.d.ts","sourceRoot":"","sources":["../../src/view/Transcript.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAWf,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,YAAY,CAsCzE"}
+{"version":3,"file":"Transcript.d.ts","sourceRoot":"","sources":["../../src/view/Transcript.tsx"],"names":[],"mappings":"AAMA,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAYf,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,YAAY,CAqDzE"}

package/dist/view/Transcript.js

@@ -1,10 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react-x11/jsx-runtime";
 // The scrolling transcript. It follows the newest message while the reader
-// is at the bottom, and stops following once they scroll up to read.
+// is at the bottom, and stops following once they scroll up to read. It
+// follows content that grows after it was laid out too: a fence the app
+// draws itself (a diagram compiled after mount) would otherwise push the end
+// of the reply out of view.
 import { useLayoutEffect, useRef, } from 'react';
 import { useChat } from './context.js';
 import { useLook } from './look.js';
 import { MessageList } from './MessageList.js';
+import { SuggestedReplies } from './SuggestedReplies.js';
 import { useSessionSnapshot } from './use-agent.js';
 /** Within this many pixels of the end counts as at the end. */
 const STICK_PX = 24;
@@ -20,12 +24,24 @@ export function Transcript({ empty }) {
         if (stick.current)
             pane.current?.scrollTo(Infinity);
     }, [snap.messages, snap.status]);
+    // fires from layout whenever the content or viewport size changes, not
+    // only when the snapshot does
+    const onViewport = () => {
+        if (stick.current)
+            pane.current?.scrollTo(Infinity);
+    };
     const onScroll = (ev) => {
         stick.current =
             ev.scrollY + ev.viewportHeight >= ev.contentHeight - STICK_PX;
     };
     const activity = activityOf(snap.status, snap.messages);
-    return (_jsx("box", { ref: pane, onScroll: onScroll, style: { flexGrow: 1, flexShrink: 1, minHeight: 0, overflow: 'scroll' }, "data-testname": "agent-chat-transcript", children: _jsxs("box", { style: { flexDirection: 'column', gap: 14, padding: 14 }, children: [snap.messages.length ? (_jsx(MessageList, { messages: snap.messages })) : ((empty ?? null)), activity ? (_jsx("text", { style: { color: look.muted, fontSize: 12 }, children: activity })) : null] }) }));
+    // offered once the turn is over, under the reply they follow
+    const suggestions = snap.status === 'idle' &&
+        snap.suggestions.length &&
+        snap.messages[snap.messages.length - 1]?.role === 'assistant'
+        ? snap.suggestions
+        : null;
+    return (_jsx("box", { ref: pane, onScroll: onScroll, onViewport: onViewport, style: { flexGrow: 1, flexShrink: 1, minHeight: 0, overflow: 'scroll' }, "data-testname": "agent-chat-transcript", children: _jsxs("box", { style: { flexDirection: 'column', gap: 14, padding: 14 }, children: [snap.messages.length ? (_jsx(MessageList, { messages: snap.messages })) : ((empty ?? null)), suggestions ? _jsx(SuggestedReplies, { suggestions: suggestions }) : null, activity ? (_jsx("text", { style: { color: look.muted, fontSize: 12 }, children: activity })) : null] }) }));
 }
 function activityOf(status, messages) {
     switch (status) {

package/dist/view/Transcript.js.map

@@ -1 +1 @@
-{"version":3,"file":"Transcript.js","sourceRoot":"","sources":["../../src/view/Transcript.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Transcript.js","sourceRoot":"","sources":["../../src/view/Transcript.tsx"],"names":[],"mappings":"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"}

package/dist/view/context.d.ts

@@ -13,7 +13,16 @@ export interface ChatContextValue {
     onLink: ((href: string) => void) | undefined;
     /** Base text size, the theme's unless the app said. */
     fontSize: number | undefined;
+    /** The message box, for a part that puts text in it without sending. */
+    composer: ComposerChannel;
 }
+/** How a part reaches the composer: it attaches while mounted. */
+export interface ComposerChannel {
+    /** Replace what is in the box, and focus it. Sends nothing. */
+    fill(text: string): void;
+    attach(fill: ((text: string) => void) | null): void;
+}
+export declare function composerChannel(): ComposerChannel;
 export declare const ChatContext: import("react").Context<ChatContextValue | null>;
 export declare function useChat(): ChatContextValue;
 export declare function fenceMap(fences: Readonly<Record<string, FenceEntry>> | undefined): Record<string, (fence: FenceInfo) => ReactNode> | undefined;

package/dist/view/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/view/context.ts"],"names":[],"mappings":"AAOA,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EACV,UAAU,EACV,cAAc,EACd,UAAU,EACV,YAAY,EACb,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,YAAY,CAAC;IACtB,oDAAoD;IACpD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IACpE,mCAAmC;IACnC,UAAU,EACR,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IACrE,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IACnD,WAAW,EAAE,SAAS,UAAU,EAAE,CAAC;IACnC,MAAM,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7C,uDAAuD;IACvD,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,WAAW,kDAA+C,CAAC;AAExE,wBAAgB,OAAO,IAAI,gBAAgB,CAI1C;AAED,wBAAgB,QAAQ,CACtB,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,GAAG,SAAS,GACvD,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,SAAS,CAAC,GAAG,SAAS,CAQ7D;AAED,wBAAgB,YAAY,CAC1B,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,GAAG,SAAS,GAC/D,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,CAUpE"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/view/context.ts"],"names":[],"mappings":"AAOA,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EACV,UAAU,EACV,cAAc,EACd,UAAU,EACV,YAAY,EACb,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,YAAY,CAAC;IACtB,oDAAoD;IACpD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IACpE,mCAAmC;IACnC,UAAU,EACR,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IACrE,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IACnD,WAAW,EAAE,SAAS,UAAU,EAAE,CAAC;IACnC,MAAM,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7C,uDAAuD;IACvD,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,wEAAwE;IACxE,QAAQ,EAAE,eAAe,CAAC;CAC3B;AAED,kEAAkE;AAClE,MAAM,WAAW,eAAe;IAC9B,+DAA+D;IAC/D,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;CACrD;AAED,wBAAgB,eAAe,IAAI,eAAe,CAQjD;AAED,eAAO,MAAM,WAAW,kDAA+C,CAAC;AAExE,wBAAgB,OAAO,IAAI,gBAAgB,CAI1C;AAED,wBAAgB,QAAQ,CACtB,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,GAAG,SAAS,GACvD,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,SAAS,CAAC,GAAG,SAAS,CAQ7D;AAED,wBAAgB,YAAY,CAC1B,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,GAAG,SAAS,GAC/D,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,CAUpE"}

package/dist/view/context.js

@@ -5,6 +5,15 @@
 // `fences` and `components` maps, and a new map per render would re-parse
 // every message on every token.
 import { createContext, useContext, } from 'react';
+export function composerChannel() {
+    let current = null;
+    return {
+        fill: (text) => current?.(text),
+        attach: (fill) => {
+            current = fill;
+        },
+    };
+}
 export const ChatContext = createContext(null);
 export function useChat() {
     const value = useContext(ChatContext);

package/dist/view/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/view/context.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,mDAAmD;AACnD,EAAE;AACF,0EAA0E;AAC1E,0EAA0E;AAC1E,gCAAgC;AAEhC,OAAO,EACL,aAAa,EACb,UAAU,GAGX,MAAM,OAAO,CAAC;AAyBf,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAA0B,IAAI,CAAC,CAAC;AAExE,MAAM,UAAU,OAAO;IACrB,MAAM,KAAK,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACtC,IAAI,CAAC,KAAK;QAAE,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;IAC7E,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,QAAQ,CACtB,MAAwD;IAExD,IAAI,CAAC,MAAM;QAAE,OAAO,SAAS,CAAC;IAC9B,MAAM,GAAG,GAAoD,EAAE,CAAC;IAChE,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QACnD,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC;IACvD,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,MAAM,UAAU,YAAY,CAC1B,UAAgE;IAEhE,IAAI,CAAC,UAAU;QAAE,OAAO,SAAS,CAAC;IAClC,MAAM,GAAG,GAA2D,EAAE,CAAC;IACvE,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;QACvD,GAAG,CAAC,IAAI,CAAC;YACP,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,WAAW,IAAI,KAAK;gBACjE,CAAC,CAAC,KAAK,CAAC,SAAS;gBACjB,CAAC,CAAE,KAAgD,CAAC;IAC1D,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/view/context.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,mDAAmD;AACnD,EAAE;AACF,0EAA0E;AAC1E,0EAA0E;AAC1E,gCAAgC;AAEhC,OAAO,EACL,aAAa,EACb,UAAU,GAGX,MAAM,OAAO,CAAC;AAkCf,MAAM,UAAU,eAAe;IAC7B,IAAI,OAAO,GAAoC,IAAI,CAAC;IACpD,OAAO;QACL,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC;QAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;YACf,OAAO,GAAG,IAAI,CAAC;QACjB,CAAC;KACF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAA0B,IAAI,CAAC,CAAC;AAExE,MAAM,UAAU,OAAO;IACrB,MAAM,KAAK,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACtC,IAAI,CAAC,KAAK;QAAE,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;IAC7E,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,QAAQ,CACtB,MAAwD;IAExD,IAAI,CAAC,MAAM;QAAE,OAAO,SAAS,CAAC;IAC9B,MAAM,GAAG,GAAoD,EAAE,CAAC;IAChE,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QACnD,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC;IACvD,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,MAAM,UAAU,YAAY,CAC1B,UAAgE;IAEhE,IAAI,CAAC,UAAU;QAAE,OAAO,SAAS,CAAC;IAClC,MAAM,GAAG,GAA2D,EAAE,CAAC;IACvE,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;QACvD,GAAG,CAAC,IAAI,CAAC;YACP,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,WAAW,IAAI,KAAK;gBACjE,CAAC,CAAC,KAAK,CAAC,SAAS;gBACjB,CAAC,CAAE,KAAgD,CAAC;IAC1D,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/view/look.d.ts

@@ -1,3 +1,4 @@
+import { type CodeBlockLook } from '@react-x11/components/codeblock';
 export interface ChatLook {
     text: string;
     muted: string;
@@ -11,8 +12,28 @@ export interface ChatLook {
     mono: string;
     /** The user's bubble: the text colour, faintly, so it shows on any ground. */
     bubble: string;
+    /** Labels, states and captions. */
+    smallSize: number;
+    /** A secondary line: a thought, a notice, a card's detail. */
+    captionSize: number;
+    /** A card's corners. */
+    radius: number;
+    /** Inside a card, from its edge. */
+    inset: number;
+    /** Between a card's pieces. */
+    gap: number;
+    /** The tallest an image in a reply or a tool's output is drawn. */
+    imageHeight: number;
+    /** The tallest an image in the user's own message is drawn. */
+    thumbHeight: number;
 }
 export declare function useLook(): ChatLook;
+/**
+ * What a block of code looks like here: what `<Markdown>` draws a fence
+ * with, at the chat's text size, so a fence the chat draws itself (to carry
+ * its actions) has the fill, radius, inset and spacing of one it does not.
+ */
+export declare function useCodeLook(fontSize: number | undefined): CodeBlockLook;
 /** At most `max` lines: the first and last halves, and how many were cut. */
 export declare function clipLines(text: string, max?: number): string;
 //# sourceMappingURL=look.d.ts.map

package/dist/view/look.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"look.d.ts","sourceRoot":"","sources":["../../src/view/look.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,8EAA8E;IAC9E,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,OAAO,IAAI,QAAQ,CAkBlC;AAED,6EAA6E;AAC7E,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,SAAM,GAAG,MAAM,CASzD"}
+{"version":3,"file":"look.d.ts","sourceRoot":"","sources":["../../src/view/look.ts"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,8EAA8E;IAC9E,MAAM,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,WAAW,EAAE,MAAM,CAAC;IACpB,wBAAwB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,mEAAmE;IACnE,WAAW,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,OAAO,IAAI,QAAQ,CAyBlC;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,aAAa,CAMvE;AAED,6EAA6E;AAC7E,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,SAAM,GAAG,MAAM,CASzD"}

package/dist/view/look.js

@@ -3,6 +3,7 @@
 import { useMemo } from 'react';
 import { useTheme } from 'react-x11';
 import { tint } from 'react-x11/style';
+import { codeBlockLook, } from '@react-x11/components/codeblock';
 export function useLook() {
     const theme = useTheme();
     return useMemo(() => {
@@ -19,9 +20,25 @@ export function useLook() {
             warning: String(theme.warning ?? '#e67e22'),
             mono: String(theme.monoFamily ?? 'monospace'),
             bubble: tint(text, 0.07),
+            smallSize: 11,
+            captionSize: 12,
+            radius: 6,
+            inset: 8,
+            gap: 6,
+            imageHeight: 320,
+            thumbHeight: 160,
         };
     }, [theme]);
 }
+/**
+ * What a block of code looks like here: what `<Markdown>` draws a fence
+ * with, at the chat's text size, so a fence the chat draws itself (to carry
+ * its actions) has the fill, radius, inset and spacing of one it does not.
+ */
+export function useCodeLook(fontSize) {
+    const theme = useTheme();
+    return useMemo(() => codeBlockLook(theme, fontSize ? { baseSize: fontSize } : {}), [theme, fontSize]);
+}
 /** At most `max` lines: the first and last halves, and how many were cut. */
 export function clipLines(text, max = 200) {
     const lines = text.split('\n');

package/dist/view/look.js.map

@@ -1 +1 @@
-{"version":3,"file":"look.js","sourceRoot":"","sources":["../../src/view/look.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,+DAA+D;AAE/D,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAiBvC,MAAM,UAAU,OAAO;IACrB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC;QAC7C,OAAO;YACL,IAAI;YACJ,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,SAAS,IAAI,SAAS,CAAC;YAC3C,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC;YACzC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,IAAI,SAAS,CAAC;YAC3C,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,UAAU,IAAI,OAAO,CAAC;YAC/C,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC;YACzC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC;YACzC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,IAAI,SAAS,CAAC;YAC3C,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,IAAI,SAAS,CAAC;YAC3C,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,UAAU,IAAI,WAAW,CAAC;YAC7C,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;SACzB,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACd,CAAC;AAED,6EAA6E;AAC7E,MAAM,UAAU,SAAS,CAAC,IAAY,EAAE,GAAG,GAAG,GAAG;IAC/C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC/B,IAAI,KAAK,CAAC,MAAM,IAAI,GAAG;QAAE,OAAO,IAAI,CAAC;IACrC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IACjC,OAAO;QACL,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC;QACvB,KAAK,KAAK,CAAC,MAAM,GAAG,GAAG,eAAe;QACtC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;KACtB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACf,CAAC"}
+{"version":3,"file":"look.js","sourceRoot":"","sources":["../../src/view/look.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,+DAA+D;AAE/D,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EACL,aAAa,GAEd,MAAM,iCAAiC,CAAC;AA+BzC,MAAM,UAAU,OAAO;IACrB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC;QAC7C,OAAO;YACL,IAAI;YACJ,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,SAAS,IAAI,SAAS,CAAC;YAC3C,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC;YACzC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,IAAI,SAAS,CAAC;YAC3C,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,UAAU,IAAI,OAAO,CAAC;YAC/C,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC;YACzC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC;YACzC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,IAAI,SAAS,CAAC;YAC3C,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,IAAI,SAAS,CAAC;YAC3C,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,UAAU,IAAI,WAAW,CAAC;YAC7C,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;YACxB,SAAS,EAAE,EAAE;YACb,WAAW,EAAE,EAAE;YACf,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;YACR,GAAG,EAAE,CAAC;YACN,WAAW,EAAE,GAAG;YAChB,WAAW,EAAE,GAAG;SACjB,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACd,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,QAA4B;IACtD,MAAM,KAAK,GAAG,QAAQ,EAAwC,CAAC;IAC/D,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAClE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAClB,CAAC;AACJ,CAAC;AAED,6EAA6E;AAC7E,MAAM,UAAU,SAAS,CAAC,IAAY,EAAE,GAAG,GAAG,GAAG;IAC/C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC/B,IAAI,KAAK,CAAC,MAAM,IAAI,GAAG;QAAE,OAAO,IAAI,CAAC;IACrC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IACjC,OAAO;QACL,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC;QACvB,KAAK,KAAK,CAAC,MAAM,GAAG,GAAG,eAAe;QACtC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;KACtB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACf,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windowkit/agent-chat",
-  "version": "0.1.0",
+  "version": "0.4.0",
   "description": "An embeddable chat UI for local AI agent harnesses, for react-x11: the Claude Agent SDK first, your own tools as functions, your own renderers, and every action interceptable.",
   "keywords": [
     "react-x11",
@@ -68,7 +68,7 @@
   },
   "peerDependencies": {
     "@anthropic-ai/claude-agent-sdk": ">=0.3.300 <0.4.0",
-    "@react-x11/components": ">=0.38.0 <0.44.0",
+    "@react-x11/components": "^0.44.0",
     "react": "^19.0.0",
     "react-x11": "^2.56.3"
   },
@@ -79,7 +79,7 @@
   },
   "devDependencies": {
     "@anthropic-ai/claude-agent-sdk": "^0.3.319",
-    "@react-x11/components": "^0.43.0",
+    "@react-x11/components": "^0.44.0",
     "@types/node": "^26.2.0",
     "@types/pngjs": "^6.0.5",
     "@types/react": "^19.2.17",

package/src/core/driver.ts

@@ -74,6 +74,10 @@ export type DriverEvent =
       error?: string;
     }
   | { type: 'plan'; entries: readonly PlanEntry[]; parent?: string }
+  /** A data part: added, or its value replaced if the turn has one by `id`. */
+  | { type: 'data'; id: string; name: string; value: unknown; parent?: string }
+  /** What the user might say next, offered once the turn is over. */
+  | { type: 'suggestion'; text: string }
   /**
    * A message the harness took from someone other than the user — another
    * session, a channel — and is acting on. A turn starts with it if none is

package/src/core/markdown.ts

@@ -51,6 +51,40 @@ function partMarkdown(part: Part): string {
     case 'notice':
       return `_${part.text}_`;
     case 'data':
+      return dataMarkdown(part.name, part.value);
+  }
+}
+
+/** A data part this package's drivers write, as a line with its link. */
+function dataMarkdown(name: string, value: unknown): string {
+  const v = (value && typeof value === 'object' ? value : {}) as Record<
+    string,
+    unknown
+  >;
+  const s = (k: string) => (typeof v[k] === 'string' ? (v[k] as string) : '');
+  const link = (label: string, url: string) =>
+    url ? `[${label}](${url})` : label;
+  switch (name) {
+    case 'pull-request':
+      return typeof v.number === 'number'
+        ? `> Pull request ${link(`#${v.number}`, s('url'))} ${s('action').replace(/-/g, ' ')}`.trimEnd()
+        : '';
+    case 'session':
+      return s('url')
+        ? `> Session started: ${link(s('title') || s('url'), s('url'))}`
+        : '';
+    case 'artifact':
+      return s('url')
+        ? `> Published ${link(s('title') || s('path') || s('url'), s('url'))}`
+        : '';
+    case 'attachments': {
+      const files = Array.isArray(v.files) ? (v.files as unknown[]) : [];
+      const paths = files
+        .map((f) => (f as { path?: unknown } | null)?.path)
+        .filter((p): p is string => typeof p === 'string');
+      return paths.length ? `> Sent ${paths.join(', ')}` : '';
+    }
+    default:
       return '';
   }
 }

package/src/core/reducer.ts

@@ -126,6 +126,12 @@ export function reduce(
             plan(kids, action.entries, now),
           )
         : plan(messages, action.entries, now);
+    case 'data':
+      return action.parent
+        ? inChildren(messages, action.parent, now, (kids) =>
+            data(kids, action, now),
+          )
+        : data(messages, action, now);
     case 'notice':
       return appendPart(messages, now, (m) => ({
         type: 'notice',
@@ -178,6 +184,7 @@ export function reduce(
       return closeTurn(messages, action.reason === 'stopped');
     case 'info':
     case 'usage':
+    case 'suggestion':
       return messages;
   }
 }
@@ -334,6 +341,24 @@ function plan(
   return replaceAt(all, i, { ...m, parts });
 }
 
+function data(
+  messages: Messages,
+  ev: Extract<DriverEvent, { type: 'data' }>,
+  now: number,
+): Messages {
+  if (findLivePart(messages, ev.id)) {
+    return mapPart(messages, ev.id, (p) =>
+      p.type === 'data' ? { ...p, value: ev.value } : p,
+    );
+  }
+  return appendPart(messages, now, () => ({
+    type: 'data',
+    id: ev.id,
+    name: ev.name,
+    value: ev.value,
+  }));
+}
+
 /** Apply `fn` to the children of the tool call `parent` — a subagent. */
 function inChildren(
   messages: Messages,

package/src/core/session.ts

@@ -111,6 +111,9 @@ export interface SessionSnapshot {
   readonly paused: boolean;
   /** Text taken back out of the queue by `stop()`, for the composer. */
   readonly restored?: string;
+  /** Replies the harness suggests the user might send next, offered once a
+   *  turn is over and dropped when the next message is sent. */
+  readonly suggestions: readonly string[];
 }
 
 export interface AgentSession {
@@ -247,6 +250,7 @@ class Session implements AgentSession {
       },
       capabilities: NO_CAPABILITIES,
       paused: false,
+      suggestions: [],
     });
   }
 
@@ -334,9 +338,20 @@ class Session implements AgentSession {
           },
         });
         return;
+      case 'suggestion':
+        if (!event.text.trim()) return;
+        this.#set({
+          suggestions: [
+            ...this.#snapshot.suggestions.filter((t) => t !== event.text),
+            event.text,
+          ],
+        });
+        return;
       case 'message':
-        // the harness took it and is acting on it: a turn, if none runs
+        // the harness took it and is acting on it: a turn, if none runs,
+        // and the replies suggested for the last one no longer fit
         this.#dispatch(event);
+        if (this.#snapshot.suggestions.length) this.#set({ suggestions: [] });
         if (!this.#turn) {
           this.#turn = new AbortController();
           this.#set({ status: this.#paused ? 'paused' : 'running' });
@@ -377,6 +392,7 @@ class Session implements AgentSession {
     if (!text.trim() && !attachments.length) return;
     if (this.#snapshot.status === 'closed') return;
 
+    if (this.#snapshot.suggestions.length) this.#set({ suggestions: [] });
     const id = `u${++this.#ids}`;
     const parts: Part[] = [];
     if (text)