@guuey/chat 0.4.0 → 0.5.0

package/dist/native/components.d.ts

@@ -0,0 +1,94 @@
+/**
+ * The React Native per-category component kit (spec §3's override slots,
+ * §3.2's RN-parity obligation): one component per `DisplayItem` variant,
+ * each a THIN walk of its item — every rendering decision was already made
+ * by `planTranscript`; these translate decided items into RN primitives and
+ * never consult policy or invent copy. The override contract mirrors the
+ * web kit: `NativeTranscriptComponents` is the component map.
+ *
+ * Accessibility (spec §3.2 restated over RN):
+ *  - every `expanded` toggle is a `Pressable` with `accessibilityRole`
+ *    "button" + `accessibilityState.expanded`;
+ *  - the status line and streaming text announce via
+ *    `accessibilityLiveRegion="polite"` (Android) and are `accessible`
+ *    grouped nodes for screen readers on both platforms;
+ *  - R10 prompts are a live-region group so their appearance announces
+ *    (RN has no document focus to move — the web kit's focus contract maps
+ *    to announcement here);
+ *  - there are NO decorative animations in the native defaults, so
+ *    reduce-motion holds trivially at this tier (the transcript's scroll
+ *    animation is where motion lives — see `transcript.tsx`).
+ *
+ * The R6 DEFAULT is the documented native default-gap: the kit ships
+ * WITHOUT a WebView dependency, so the default `view` renderer is a
+ * labeled placeholder (`strings.viewSandboxUnavailable`) — never blank —
+ * and a host app supplies its own WebView-based mount as the `view` slot
+ * override (portal's card machinery is the reference consumer).
+ */
+import type { ComponentType, ReactNode } from "react";
+import type { ResolvedViewMount, ViewHostPhase } from "@guuey/mcp-apps-host";
+import type { ChatStrings } from "../strings.js";
+import type { CitationsItem, CodeItem, CompactionItem, DataResultItem, DisplayItem, ErrorItem, HistoryBoundaryItem, ItemKey, MediaItem, PromptItem, ReasoningItem, StatusLineItem, ToolGroupItem, ToolItem, UnknownItem, UserMessageItem, TextItem, ViewMountItem } from "../types.js";
+import type { NativeChatTokens } from "./theme-native.js";
+/** Everything a rendered native item may need beyond itself. */
+export interface NativeTranscriptItemContext {
+    strings: ChatStrings;
+    /** The resolved theme tokens (see `resolveNativeTheme`). */
+    tokens: NativeChatTokens;
+    /** Flip an item's collapse state (the renderer owns override state). */
+    onToggle: (key: ItemKey) => void;
+    /** R0 failed-send retry. */
+    onRetry?: (item: UserMessageItem) => void;
+    /** R10 prompt actions — the host owns what accept/decline DO. */
+    onPromptAction?: (item: PromptItem, action: "accept" | "decline" | "dismiss") => void;
+    /** R11 action slots (sign-in / retry affordances). */
+    onErrorAction?: (item: ErrorItem) => void;
+    /** R6: locator mounts resolved by `useTranscript` ("expired" = failed). */
+    resolvedMounts: ReadonlyMap<ItemKey, ResolvedViewMount | "expired">;
+    /** R6: live phase reports wired back into the next plan. */
+    onViewPhase: (key: ItemKey, phase: ViewHostPhase) => void;
+}
+interface ItemProps<T> {
+    item: T;
+    ctx: NativeTranscriptItemContext;
+}
+export declare function NativeUserMessage({ item, ctx }: ItemProps<UserMessageItem>): ReactNode;
+export declare function NativeText({ item, ctx }: ItemProps<TextItem>): ReactNode;
+export declare function NativeReasoning({ item, ctx }: ItemProps<ReasoningItem>): ReactNode;
+export declare function NativeDataResult({ item, ctx }: ItemProps<DataResultItem>): ReactNode;
+export declare function NativeTool({ item, ctx }: ItemProps<ToolItem>): ReactNode;
+export declare function NativeToolGroup({ item, ctx }: ItemProps<ToolGroupItem>): ReactNode;
+export declare function NativeView({ item, ctx }: ItemProps<ViewMountItem>): ReactNode;
+export declare function NativeMedia({ item, ctx }: ItemProps<MediaItem>): ReactNode;
+export declare function NativeCode({ item, ctx }: ItemProps<CodeItem>): ReactNode;
+export declare function NativeCitations({ item, ctx }: ItemProps<CitationsItem>): ReactNode;
+export declare function NativePrompt({ item, ctx }: ItemProps<PromptItem>): ReactNode;
+export declare function NativeError({ item, ctx }: ItemProps<ErrorItem>): ReactNode;
+export declare function NativeHistoryBoundary({ item, ctx }: ItemProps<HistoryBoundaryItem>): ReactNode;
+export declare function NativeCompaction({ item, ctx }: ItemProps<CompactionItem>): ReactNode;
+export declare function NativeUnknown({ item, ctx }: ItemProps<UnknownItem>): ReactNode;
+export declare function NativeStatus({ item, ctx }: ItemProps<StatusLineItem>): ReactNode;
+/** One component per §3 override slot — the native mirror of the web map. */
+export interface NativeTranscriptComponents {
+    userMessage: ComponentType<ItemProps<UserMessageItem>>;
+    text: ComponentType<ItemProps<TextItem>>;
+    reasoning: ComponentType<ItemProps<ReasoningItem>>;
+    tool: ComponentType<ItemProps<ToolItem>>;
+    toolGroup: ComponentType<ItemProps<ToolGroupItem>>;
+    dataResult: ComponentType<ItemProps<DataResultItem>>;
+    view: ComponentType<ItemProps<ViewMountItem>>;
+    media: ComponentType<ItemProps<MediaItem>>;
+    code: ComponentType<ItemProps<CodeItem>>;
+    citations: ComponentType<ItemProps<CitationsItem>>;
+    prompt: ComponentType<ItemProps<PromptItem>>;
+    error: ComponentType<ItemProps<ErrorItem>>;
+    history: ComponentType<ItemProps<HistoryBoundaryItem>>;
+    compaction: ComponentType<ItemProps<CompactionItem>>;
+    unknown: ComponentType<ItemProps<UnknownItem>>;
+    status: ComponentType<ItemProps<StatusLineItem>>;
+}
+export declare const nativeTranscriptComponents: NativeTranscriptComponents;
+/** Dispatch one display item through the (possibly overridden) map. */
+export declare function renderNativeItem(item: DisplayItem, components: NativeTranscriptComponents, ctx: NativeTranscriptItemContext): ReactNode;
+export {};
+//# sourceMappingURL=components.d.ts.map

package/dist/native/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/native/components.tsx"],"names":[],"mappings":"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"}

package/dist/native/components.js

@@ -0,0 +1,292 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Image, Pressable, Text, View } from "react-native";
+import { Linking } from "react-native";
+import { NativeMarkdown } from "./markdown.js";
+/** A collapse toggle + body pair with the RN accessibility plumbing. */
+function Collapsible({ itemKey, expanded, header, ctx, children, }) {
+    const { tokens } = ctx;
+    return (_jsxs(View, { style: {
+            backgroundColor: tokens.palette.surface,
+            borderRadius: tokens.radius,
+            paddingHorizontal: tokens.pad,
+            paddingVertical: tokens.pad - 4,
+        }, children: [_jsxs(Pressable, { accessibilityRole: "button", accessibilityState: { expanded }, onPress: () => ctx.onToggle(itemKey), style: { flexDirection: "row", alignItems: "center", gap: 6 }, children: [_jsx(View, { style: { flexShrink: 1, flexDirection: "row", alignItems: "center", gap: 6 }, children: header }), _jsx(Text, { accessibilityElementsHidden: true, style: { color: tokens.palette.inkMuted, fontSize: tokens.fontSize - 3 }, children: expanded ? "▾" : "▸" })] }), expanded ? _jsx(View, { style: { marginTop: 6, gap: 6 }, children: children }) : null] }));
+}
+function MutedText({ ctx, children }) {
+    const { tokens } = ctx;
+    return (_jsx(Text, { style: {
+            color: tokens.palette.inkMuted,
+            fontSize: tokens.fontSize - 2,
+            fontFamily: tokens.fontFamily,
+        }, children: children }));
+}
+// ─── R0 ────────────────────────────────────────────────────────────────────
+export function NativeUserMessage({ item, ctx }) {
+    const { tokens } = ctx;
+    return (_jsxs(View, { style: { alignItems: "flex-end", gap: 4, opacity: item.state === "sending" ? 0.6 : 1 }, children: [_jsx(View, { style: {
+                    maxWidth: "82%",
+                    backgroundColor: tokens.palette.ink,
+                    borderRadius: tokens.radius,
+                    paddingHorizontal: tokens.pad,
+                    paddingVertical: tokens.pad - 2,
+                }, children: _jsx(Text, { style: { color: tokens.palette.canvas, fontSize: tokens.fontSize, fontFamily: tokens.fontFamily }, children: item.text }) }), item.state === "failed" ? (_jsxs(View, { accessibilityLiveRegion: "polite", style: { flexDirection: "row", alignItems: "center", gap: 8 }, children: [_jsx(Text, { style: { color: tokens.palette.error, fontSize: tokens.fontSize - 2 }, children: ctx.strings.userCouldntSend }), item.retry ? (_jsx(Pressable, { accessibilityRole: "button", onPress: () => ctx.onRetry?.(item), children: _jsx(Text, { style: { color: tokens.palette.accent, fontSize: tokens.fontSize - 2, fontWeight: "600" }, children: ctx.strings.userRetry }) })) : null] })) : null] }));
+}
+// ─── R1 ────────────────────────────────────────────────────────────────────
+export function NativeText({ item, ctx }) {
+    const { tokens } = ctx;
+    const caret = item.streaming ? (_jsx(Text, { style: { color: tokens.palette.accent }, children: " ▍" })) : undefined;
+    return (_jsxs(View, { accessibilityLiveRegion: item.streaming ? "polite" : "none", style: {
+            alignSelf: "flex-start",
+            maxWidth: "92%",
+            backgroundColor: tokens.palette.surface,
+            borderRadius: tokens.radius,
+            paddingHorizontal: tokens.pad,
+            paddingVertical: tokens.pad - 2,
+            gap: 4,
+        }, children: [item.markdown ? (_jsx(NativeMarkdown, { text: item.text, color: tokens.palette.ink, tokens: tokens, trailing: caret })) : (_jsxs(Text, { style: { color: tokens.palette.ink, fontSize: tokens.fontSize, fontFamily: tokens.fontFamily }, children: [item.text, caret] })), item.stopped ? _jsx(MutedText, { ctx: ctx, children: ctx.strings.stopped }) : null] }));
+}
+// ─── R2 ────────────────────────────────────────────────────────────────────
+export function NativeReasoning({ item, ctx }) {
+    return (_jsx(Collapsible, { itemKey: item.key, expanded: item.expanded, ctx: ctx, header: _jsx(MutedText, { ctx: ctx, children: item.label }), children: _jsx(MutedText, { ctx: ctx, children: item.text }) }));
+}
+// ─── R5 ────────────────────────────────────────────────────────────────────
+export function NativeDataResult({ item, ctx }) {
+    const { tokens } = ctx;
+    const bytes = ctx.strings.bytes(item.byteCount);
+    if (item.state === "empty")
+        return _jsx(MutedText, { ctx: ctx, children: ctx.strings.noOutput });
+    if (item.preview === null)
+        return _jsx(MutedText, { ctx: ctx, children: bytes });
+    return (_jsxs(View, { style: { gap: 4 }, children: [_jsx(View, { style: {
+                    maxHeight: 220, // R5's scroll-cap projected to a fixed clamp (native has no rem)
+                    overflow: "hidden",
+                    backgroundColor: tokens.palette.canvasMuted,
+                    borderRadius: tokens.radius,
+                    padding: tokens.pad - 4,
+                }, children: _jsx(Text, { style: { color: tokens.palette.ink, fontSize: tokens.fontSize - 3, fontFamily: tokens.monoFontFamily }, children: item.preview }) }), item.showBytes ? _jsx(MutedText, { ctx: ctx, children: bytes }) : null] }));
+}
+// ─── R3 ────────────────────────────────────────────────────────────────────
+const TOOL_GLYPH = {
+    running: "◌",
+    done: "✓",
+    failed: "✕",
+    orphaned: "–",
+};
+export function NativeTool({ item, ctx }) {
+    // R4's display-bearing rule: in calm this call's line lives in its view
+    // row's chrome ("via {tool}") — rendering it here too would double it.
+    if (item.attribution)
+        return null;
+    const { tokens } = ctx;
+    const failed = item.state === "failed";
+    const header = (_jsxs(_Fragment, { children: [_jsx(Text, { style: { color: failed ? tokens.palette.error : tokens.palette.inkMuted, fontSize: tokens.fontSize - 2 }, children: TOOL_GLYPH[item.state] }), _jsxs(Text, { style: {
+                    color: failed ? tokens.palette.error : tokens.palette.inkMuted,
+                    fontSize: tokens.fontSize - 2,
+                    fontFamily: tokens.fontFamily,
+                    flexShrink: 1,
+                }, children: [item.title, item.state === "orphaned" ? ` — ${ctx.strings.toolDidntFinish}` : ""] })] }));
+    const expandable = item.argsPreview !== null || item.result !== null;
+    if (!expandable) {
+        return _jsx(View, { style: { flexDirection: "row", alignItems: "center", gap: 6, paddingHorizontal: ctx.tokens.pad }, children: header });
+    }
+    return (_jsxs(Collapsible, { itemKey: item.key, expanded: item.expanded, ctx: ctx, header: header, children: [item.argsPreview !== null ? (_jsx(Text, { style: { color: tokens.palette.inkMuted, fontSize: tokens.fontSize - 3, fontFamily: tokens.monoFontFamily }, children: item.argsPreview })) : null, item.result !== null ? _jsx(NativeDataResult, { item: item.result, ctx: ctx }) : null] }));
+}
+// ─── R4 ────────────────────────────────────────────────────────────────────
+export function NativeToolGroup({ item, ctx }) {
+    const { tokens } = ctx;
+    return (_jsx(Collapsible, { itemKey: item.key, expanded: item.expanded, ctx: ctx, header: _jsxs(_Fragment, { children: [_jsx(MutedText, { ctx: ctx, children: item.label }), item.failureBadge !== null ? (_jsx(Text, { style: { color: tokens.palette.error, fontSize: tokens.fontSize - 3 }, children: item.failureBadge })) : null] }), children: item.tools.map((tool) => (_jsx(NativeTool, { item: tool, ctx: ctx }, tool.key))) }));
+}
+// ─── R6 — the documented native default-gap ────────────────────────────────
+export function NativeView({ item, ctx }) {
+    const { tokens } = ctx;
+    // The kit's native tier ships without a WebView dependency, so there is
+    // no default mount host — the `view` slot is a REQUIRED override on
+    // native (labeled here, never blank; portal's card machinery is the
+    // reference override). The expired/labeled states still render honestly.
+    const label = item.phase === "expired"
+        ? ctx.strings.viewExpired
+        : (item.label ?? ctx.strings.viewSandboxUnavailable);
+    return (_jsxs(View, { accessibilityRole: "summary", style: {
+            backgroundColor: tokens.palette.canvasMuted,
+            borderRadius: tokens.radius,
+            padding: tokens.pad,
+            gap: 4,
+        }, children: [_jsx(MutedText, { ctx: ctx, children: label }), item.attribution !== null ? _jsx(MutedText, { ctx: ctx, children: item.attribution }) : null] }));
+}
+// ─── R7 ────────────────────────────────────────────────────────────────────
+/** Inline images allow https URLs and image/* base64 data — nothing else. */
+function imageSrc(item) {
+    const source = item.source;
+    if (source.type === "url" && /^https:\/\//i.test(source.url))
+        return source.url;
+    if (source.type === "base64" && /^image\//.test(source.mediaType)) {
+        return `data:${source.mediaType};base64,${source.data}`;
+    }
+    return null;
+}
+export function NativeMedia({ item, ctx }) {
+    const { tokens } = ctx;
+    if (item.presentation === "inline" && item.media === "image") {
+        const src = imageSrc(item);
+        if (src !== null) {
+            return (_jsx(Image, { accessibilityLabel: item.name ?? "", source: { uri: src }, resizeMode: "contain", style: { width: "100%", height: 220, borderRadius: tokens.radius, backgroundColor: tokens.palette.canvasMuted } }));
+        }
+    }
+    // Attachment chip: files, documents, audio (RN has no default audio
+    // element — a chip is the honest default), unloadable/oversized media.
+    return (_jsx(View, { style: {
+            alignSelf: "flex-start",
+            backgroundColor: tokens.palette.canvasMuted,
+            borderRadius: tokens.radius,
+            paddingHorizontal: tokens.pad,
+            paddingVertical: 4,
+        }, children: _jsx(MutedText, { ctx: ctx, children: item.name ?? item.media }) }));
+}
+// ─── R8 ────────────────────────────────────────────────────────────────────
+export function NativeCode({ item, ctx }) {
+    const { tokens } = ctx;
+    return (_jsxs(View, { style: { backgroundColor: tokens.palette.canvasMuted, borderRadius: tokens.radius, padding: tokens.pad - 2, gap: 4 }, children: [_jsx(MutedText, { ctx: ctx, children: item.language }), _jsx(Text, { style: { color: tokens.palette.ink, fontSize: tokens.fontSize - 3, fontFamily: tokens.monoFontFamily }, children: item.code })] }));
+}
+// ─── R9 ────────────────────────────────────────────────────────────────────
+/** Citation links navigate only to http(s) targets. */
+function safeCitationUrl(url) {
+    return url !== null && /^https?:\/\//i.test(url) ? url : null;
+}
+export function NativeCitations({ item, ctx }) {
+    const { tokens } = ctx;
+    return (_jsx(Collapsible, { itemKey: item.key, expanded: item.expanded, ctx: ctx, header: _jsx(MutedText, { ctx: ctx, children: item.label }), children: item.sources.map((source, i) => {
+            const url = safeCitationUrl(source.url);
+            const label = source.title ?? source.url ?? "";
+            if (url === null)
+                return _jsx(MutedText, { ctx: ctx, children: label }, i);
+            return (_jsx(Pressable, { accessibilityRole: "link", onPress: () => {
+                    void Linking.openURL(url).catch(() => { });
+                }, children: _jsx(Text, { style: { color: tokens.palette.accent, fontSize: tokens.fontSize - 2, textDecorationLine: "underline" }, children: label }) }, i));
+        }) }));
+}
+// ─── R10 ───────────────────────────────────────────────────────────────────
+export function NativePrompt({ item, ctx }) {
+    const { tokens } = ctx;
+    if (item.state !== "pending") {
+        return (_jsxs(MutedText, { ctx: ctx, children: [item.promptKind, ": ", item.state] }));
+    }
+    return (_jsxs(View
+    // RN has no document focus to move; the live region announces the ask
+    // (the web kit's focus contract, restated over the platform).
+    , { 
+        // RN has no document focus to move; the live region announces the ask
+        // (the web kit's focus contract, restated over the platform).
+        accessibilityLiveRegion: "polite", accessible: true, style: { backgroundColor: tokens.palette.surface, borderRadius: tokens.radius, padding: tokens.pad, gap: 8 }, children: [_jsx(Text, { style: { color: tokens.palette.ink, fontSize: tokens.fontSize, fontFamily: tokens.fontFamily }, children: item.promptKind === "consent"
+                    ? `${item.appId} requests ${item.requested} access`
+                    : `Link your account to ${item.appId}` }), _jsxs(View, { style: { flexDirection: "row", gap: 12 }, children: [_jsx(Pressable, { accessibilityRole: "button", onPress: () => ctx.onPromptAction?.(item, "accept"), children: _jsx(Text, { style: { color: tokens.palette.accent, fontWeight: "700", fontSize: tokens.fontSize }, children: "Allow" }) }), _jsx(Pressable, { accessibilityRole: "button", onPress: () => ctx.onPromptAction?.(item, "decline"), children: _jsx(Text, { style: { color: tokens.palette.inkMuted, fontSize: tokens.fontSize }, children: "Decline" }) })] })] }));
+}
+// ─── R11 ───────────────────────────────────────────────────────────────────
+export function NativeError({ item, ctx }) {
+    const { tokens } = ctx;
+    return (_jsxs(View, { accessibilityLiveRegion: "assertive", accessible: true, style: {
+            backgroundColor: tokens.palette.surface,
+            borderLeftWidth: 3,
+            borderLeftColor: tokens.palette.error,
+            borderRadius: tokens.radius,
+            padding: tokens.pad,
+            gap: 6,
+        }, children: [_jsx(Text, { style: { color: tokens.palette.ink, fontSize: tokens.fontSize - 1, fontFamily: tokens.fontFamily }, children: item.copy }), ctx.onErrorAction !== undefined && (item.family === "transient" || item.family === "auth") ? (_jsx(Pressable, { accessibilityRole: "button", onPress: () => ctx.onErrorAction?.(item), children: _jsx(Text, { style: { color: tokens.palette.accent, fontSize: tokens.fontSize - 1, fontWeight: "600" }, children: item.family === "auth" ? ctx.strings.errorAuth : ctx.strings.userRetry }) })) : null, item.verbatim !== null ? (_jsx(Text, { style: { color: tokens.palette.inkMuted, fontSize: tokens.fontSize - 3, fontFamily: tokens.monoFontFamily }, children: item.verbatim })) : null] }));
+}
+// ─── R13 / R14 / R15 ───────────────────────────────────────────────────────
+export function NativeHistoryBoundary({ item, ctx }) {
+    return (_jsx(View, { accessibilityLiveRegion: "polite", style: { alignItems: "center", paddingVertical: 4 }, children: _jsx(MutedText, { ctx: ctx, children: item.label }) }));
+}
+export function NativeCompaction({ item, ctx }) {
+    return (_jsx(View, { style: { alignItems: "center", paddingVertical: 4 }, children: _jsx(MutedText, { ctx: ctx, children: item.label }) }));
+}
+export function NativeUnknown({ item, ctx }) {
+    return (_jsx(Collapsible, { itemKey: item.key, expanded: item.expanded, ctx: ctx, header: _jsxs(MutedText, { ctx: ctx, children: [item.label, " (", item.typeName, ")"] }), children: item.raw !== null ? (_jsx(Text, { style: { color: ctx.tokens.palette.inkMuted, fontSize: ctx.tokens.fontSize - 3, fontFamily: ctx.tokens.monoFontFamily }, children: JSON.stringify(item.raw, null, 2) })) : (_jsx(MutedText, { ctx: ctx, children: ctx.strings.bytes(item.byteSize) })) }));
+}
+// ─── R12 / §4 ──────────────────────────────────────────────────────────────
+export function NativeStatus({ item, ctx }) {
+    const { tokens } = ctx;
+    return (_jsx(View, { accessibilityLiveRegion: "polite", accessible: true, style: { paddingHorizontal: tokens.pad, paddingVertical: 2 }, children: _jsxs(MutedText, { ctx: ctx, children: [item.copy, item.detail !== null ? ` · ${item.detail}` : ""] }) }));
+}
+export const nativeTranscriptComponents = {
+    userMessage: NativeUserMessage,
+    text: NativeText,
+    reasoning: NativeReasoning,
+    tool: NativeTool,
+    toolGroup: NativeToolGroup,
+    dataResult: NativeDataResult,
+    view: NativeView,
+    media: NativeMedia,
+    code: NativeCode,
+    citations: NativeCitations,
+    prompt: NativePrompt,
+    error: NativeError,
+    history: NativeHistoryBoundary,
+    compaction: NativeCompaction,
+    unknown: NativeUnknown,
+    status: NativeStatus,
+};
+/** Dispatch one display item through the (possibly overridden) map. */
+export function renderNativeItem(item, components, ctx) {
+    switch (item.kind) {
+        case "user": {
+            const C = components.userMessage;
+            return _jsx(C, { item: item, ctx: ctx }, item.key);
+        }
+        case "text": {
+            const C = components.text;
+            return _jsx(C, { item: item, ctx: ctx }, item.key);
+        }
+        case "reasoning": {
+            const C = components.reasoning;
+            return _jsx(C, { item: item, ctx: ctx }, item.key);
+        }
+        case "tool": {
+            const C = components.tool;
+            return _jsx(C, { item: item, ctx: ctx }, item.key);
+        }
+        case "tool-group": {
+            const C = components.toolGroup;
+            return _jsx(C, { item: item, ctx: ctx }, item.key);
+        }
+        case "data-result": {
+            const C = components.dataResult;
+            return _jsx(C, { item: item, ctx: ctx }, item.key);
+        }
+        case "view": {
+            const C = components.view;
+            return _jsx(C, { item: item, ctx: ctx }, item.key);
+        }
+        case "media": {
+            const C = components.media;
+            return _jsx(C, { item: item, ctx: ctx }, item.key);
+        }
+        case "code": {
+            const C = components.code;
+            return _jsx(C, { item: item, ctx: ctx }, item.key);
+        }
+        case "citations": {
+            const C = components.citations;
+            return _jsx(C, { item: item, ctx: ctx }, item.key);
+        }
+        case "prompt": {
+            const C = components.prompt;
+            return _jsx(C, { item: item, ctx: ctx }, item.key);
+        }
+        case "error": {
+            const C = components.error;
+            return _jsx(C, { item: item, ctx: ctx }, item.key);
+        }
+        case "history-boundary": {
+            const C = components.history;
+            return _jsx(C, { item: item, ctx: ctx }, item.key);
+        }
+        case "compaction": {
+            const C = components.compaction;
+            return _jsx(C, { item: item, ctx: ctx }, item.key);
+        }
+        case "unknown": {
+            const C = components.unknown;
+            return _jsx(C, { item: item, ctx: ctx }, item.key);
+        }
+    }
+}

package/dist/native/markdown.d.ts

@@ -0,0 +1,31 @@
+/**
+ * The R1 markdown surface, React Native projection.
+ *
+ * Same sanitizer boundary as the web kit (`react/markdown.tsx`), same
+ * pipeline: `@silverprotocol/richtext` parses markdown into a TYPED AST in
+ * which raw HTML is structurally unrepresentable — `<script>` in model
+ * output can only ever be literal text, there is no image node type (the
+ * spec's F5 ruling holds structurally), and link `href` is populated
+ * upstream only for http/https/mailto (`SAFE_HREF`). This module is pure
+ * presentation: AST node → themed RN elements. Navigable links open
+ * through `Linking` — the href is already allowlist-gated upstream, so no
+ * second gate is re-derived here.
+ *
+ * Streaming-tolerant by upstream design: an unclosed `**bol` renders as
+ * bold-so-far and completes in place as deltas arrive.
+ *
+ * Prior art: portal's `MarkdownText` (guuey#95) — this is its published,
+ * token-driven descendant (colors/fonts come from the kit's resolved
+ * `NativeChatTokens`, not an app theme context).
+ */
+import type { ReactNode } from "react";
+import type { NativeChatTokens } from "./theme-native.js";
+/** Sanitized markdown → themed RN elements (see the module docblock). */
+export declare function NativeMarkdown({ text, color, tokens, trailing, }: {
+    text: string;
+    color: string;
+    tokens: NativeChatTokens;
+    /** Appended inside the LAST block so a streaming caret hugs the text. */
+    trailing?: ReactNode;
+}): ReactNode;
+//# sourceMappingURL=markdown.d.ts.map

package/dist/native/markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../src/native/markdown.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAsJ1D,yEAAyE;AACzE,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,gBAAgB,CAAC;IACzB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,SAAS,CAeZ"}

package/dist/native/markdown.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Linking, Text, View } from "react-native";
+import { parseRichText, } from "@silverprotocol/richtext";
+function InlineRuns({ nodes, color, tokens, bold, italic, }) {
+    return nodes.map((node, i) => {
+        const baseStyle = {
+            color,
+            fontSize: tokens.fontSize,
+            fontFamily: tokens.fontFamily,
+            fontWeight: bold ? "700" : "400",
+            fontStyle: italic ? "italic" : "normal",
+        };
+        switch (node.type) {
+            case "text":
+                return (_jsx(Text, { style: baseStyle, children: node.text }, i));
+            case "break":
+                return _jsx(Text, { children: "\n" }, i);
+            case "strong":
+                return (_jsx(InlineRuns, { nodes: node.children, color: color, tokens: tokens, bold: true, italic: italic }, i));
+            case "em":
+                return (_jsx(InlineRuns, { nodes: node.children, color: color, tokens: tokens, bold: bold, italic: true }, i));
+            case "code":
+                return (_jsx(Text, { style: {
+                        color,
+                        fontSize: tokens.fontSize - 1,
+                        fontFamily: tokens.monoFontFamily,
+                        backgroundColor: tokens.palette.canvasMuted,
+                    }, children: node.code }, i));
+            case "link": {
+                const href = node.href;
+                if (href === undefined) {
+                    // Unsafe or unresolvable target: the styled text, no press target.
+                    return (_jsx(Text, { style: { ...baseStyle, textDecorationLine: "underline" }, children: _jsx(InlineRuns, { nodes: node.children, color: color, tokens: tokens, bold: bold, italic: italic }) }, i));
+                }
+                return (_jsx(Text, { accessibilityRole: "link", style: { ...baseStyle, color: tokens.palette.accent, textDecorationLine: "underline" }, onPress: () => {
+                        void Linking.openURL(href).catch(() => {
+                            // An unopenable-but-safe URL is a platform condition, not an error surface.
+                        });
+                    }, children: _jsx(InlineRuns, { nodes: node.children, color: color, tokens: tokens, bold: bold, italic: italic }) }, i));
+            }
+        }
+    });
+}
+function BlockView({ block, color, tokens, trailing, }) {
+    switch (block.type) {
+        case "paragraph":
+            return (_jsxs(Text, { style: { fontSize: tokens.fontSize, lineHeight: Math.round(tokens.fontSize * 1.45) }, children: [_jsx(InlineRuns, { nodes: block.children, color: color, tokens: tokens }), trailing] }));
+        case "heading":
+            return (_jsxs(Text, { style: {
+                    color,
+                    fontSize: tokens.fontSize + (block.level <= 3 ? 2 : 0),
+                    fontFamily: tokens.fontFamily,
+                    fontWeight: "700",
+                }, children: [_jsx(InlineRuns, { nodes: block.children, color: color, tokens: tokens, bold: true }), trailing] }));
+        case "code-fence":
+            return (_jsxs(View, { style: {
+                    backgroundColor: tokens.palette.canvasMuted,
+                    borderRadius: tokens.radius,
+                    padding: tokens.pad,
+                }, children: [_jsx(Text, { style: { color, fontSize: tokens.fontSize - 2, fontFamily: tokens.monoFontFamily }, children: block.code }), trailing] }));
+        case "list":
+            return (_jsx(View, { style: { gap: 2 }, children: block.items.map((item, j) => (_jsxs(View, { style: { flexDirection: "row" }, children: [_jsx(Text, { style: { color, fontSize: tokens.fontSize, fontFamily: tokens.fontFamily }, children: block.ordered ? `${(block.start ?? 1) + j}. ` : "•  " }), _jsxs(Text, { style: { flexShrink: 1, fontSize: tokens.fontSize, lineHeight: Math.round(tokens.fontSize * 1.45) }, children: [_jsx(InlineRuns, { nodes: item.children, color: color, tokens: tokens }), j === block.items.length - 1 ? trailing : null] })] }, j))) }));
+    }
+}
+/** Sanitized markdown → themed RN elements (see the module docblock). */
+export function NativeMarkdown({ text, color, tokens, trailing, }) {
+    const blocks = parseRichText(text);
+    return (_jsx(View, { style: { gap: 6 }, children: blocks.map((block, i) => (_jsx(BlockView, { block: block, color: color, tokens: tokens, trailing: i === blocks.length - 1 ? trailing : undefined }, i))) }));
+}

package/dist/native/theme-native.d.ts

@@ -0,0 +1,27 @@
+/**
+ * The React Native theme projection (spec §6): `GuueyChatTheme` is the
+ * cross-platform contract; CSS custom properties are the WEB projection
+ * (`react/theme-css.ts`), and this module is the native one — the same
+ * schema resolved into a flat token object RN components read as style
+ * values. No new vocabulary: every field here derives from the schema.
+ */
+import { type GuueyChatPalette, type GuueyChatTheme } from "../theme.js";
+export type NativeThemeMode = "light" | "dark";
+/** The resolved style tokens the native components consume. */
+export interface NativeChatTokens {
+    /** The mode-resolved palette (per-token fallback already applied). */
+    palette: GuueyChatPalette;
+    /** shape.radius → px: none 0, soft 10, round 18. */
+    radius: number;
+    /** shape.density → the bubble padding / row gap pair. */
+    pad: number;
+    gap: number;
+    /** typography — undefined means the platform default font. */
+    fontFamily: string | undefined;
+    monoFontFamily: string | undefined;
+    /** Base body size in sp, typography.scale applied (default 15). */
+    fontSize: number;
+}
+/** Resolve a (possibly partial/stale) theme + mode into native tokens. */
+export declare function resolveNativeTheme(theme: GuueyChatTheme, mode: NativeThemeMode): NativeChatTokens;
+//# sourceMappingURL=theme-native.d.ts.map

package/dist/native/theme-native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-native.d.ts","sourceRoot":"","sources":["../../src/native/theme-native.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAgB,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAEvF,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,CAAC;AAE/C,+DAA+D;AAC/D,MAAM,WAAW,gBAAgB;IAC/B,sEAAsE;IACtE,OAAO,EAAE,gBAAgB,CAAC;IAC1B,oDAAoD;IACpD,MAAM,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,8DAA8D;IAC9D,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,mEAAmE;IACnE,QAAQ,EAAE,MAAM,CAAC;CAClB;AAQD,0EAA0E;AAC1E,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,eAAe,GAAG,gBAAgB,CAajG"}

package/dist/native/theme-native.js

@@ -0,0 +1,28 @@
+/**
+ * The React Native theme projection (spec §6): `GuueyChatTheme` is the
+ * cross-platform contract; CSS custom properties are the WEB projection
+ * (`react/theme-css.ts`), and this module is the native one — the same
+ * schema resolved into a flat token object RN components read as style
+ * values. No new vocabulary: every field here derives from the schema.
+ */
+import { resolveTheme } from "../theme.js";
+const RADIUS = {
+    none: 0,
+    soft: 10,
+    round: 18,
+};
+/** Resolve a (possibly partial/stale) theme + mode into native tokens. */
+export function resolveNativeTheme(theme, mode) {
+    const resolved = resolveTheme(theme);
+    const palette = resolved.colors[mode];
+    const comfortable = resolved.shape.density === "comfortable";
+    return {
+        palette,
+        radius: RADIUS[resolved.shape.radius],
+        pad: comfortable ? 12 : 8,
+        gap: comfortable ? 10 : 6,
+        fontFamily: resolved.typography.fontFamily,
+        monoFontFamily: resolved.typography.monoFontFamily,
+        fontSize: Math.round(15 * (resolved.typography.scale ?? 1)),
+    };
+}

package/dist/native/transcript.d.ts

@@ -0,0 +1,48 @@
+/**
+ * `<NativeTranscript>` — the plan walker + the §3.2 renderer obligations,
+ * restated over React Native's own mechanics:
+ *
+ *  - **Scroll contract, the inverted way.** The list is an INVERTED
+ *    FlatList over the reversed plan (the chat-app contract portal's
+ *    agent-chat screen ratified — guuey#94/#100): content grows at the
+ *    scroll ORIGIN, so "stick to bottom while streaming" and "never shift
+ *    the viewport while the reader is up in history" hold by construction
+ *    — no scrollTo calls during streaming, no re-pin race with content
+ *    resize (an R6 card growing at the origin cannot move the reader's
+ *    viewport). "Release on scroll-up" is likewise structural; the kit
+ *    adds the jump-to-latest affordance when the reader has left the
+ *    newest turn, and its scroll animation respects the platform
+ *    reduce-motion setting.
+ *  - **Windowing** is the list primitive's own virtualization — FlatList
+ *    windows the DOM-equivalent natively; the plan's stable keys are the
+ *    `keyExtractor`, so item identity survives streaming updates.
+ *  - **Accessibility** lives on the item components (`components.tsx`).
+ *
+ * Platform chrome (keyboard insets, dismiss modes, dock scroll policies)
+ * stays HOST-OWNED: `listProps` passes the host's FlatList behavior
+ * through, with the kit composing `onScroll` so both the host's policy and
+ * the jump affordance see every event. The kit owns data/renderItem/keys/
+ * inversion — a host overriding those would be fighting the plan.
+ */
+import { type ReactNode } from "react";
+import { type FlatListProps } from "react-native";
+import { type GuueyChatTheme } from "../theme.js";
+import { type ChatStrings } from "../strings.js";
+import type { DisplayItem, TranscriptPlan } from "../types.js";
+import { type NativeTranscriptComponents, type NativeTranscriptItemContext } from "./components.js";
+import { type NativeThemeMode } from "./theme-native.js";
+/** The host-behavior pass-through — everything the kit deliberately does NOT own. */
+export type NativeTranscriptListProps = Pick<FlatListProps<DisplayItem>, "style" | "contentContainerStyle" | "keyboardDismissMode" | "keyboardShouldPersistTaps" | "automaticallyAdjustKeyboardInsets" | "onScroll" | "scrollEventThrottle" | "ListEmptyComponent" | "scrollIndicatorInsets">;
+export interface NativeTranscriptProps extends Pick<NativeTranscriptItemContext, "onToggle" | "onRetry" | "onPromptAction" | "onErrorAction" | "resolvedMounts" | "onViewPhase"> {
+    plan: TranscriptPlan;
+    /** Per-slot component overrides (spec §3's override column). */
+    components?: Partial<NativeTranscriptComponents>;
+    /** The i18n seam — pass the same strings the policy carries. */
+    strings?: ChatStrings;
+    theme?: GuueyChatTheme;
+    mode?: NativeThemeMode;
+    /** Host-owned FlatList behavior (keyboard/scroll chrome). */
+    listProps?: NativeTranscriptListProps;
+}
+export declare function NativeTranscript(props: NativeTranscriptProps): ReactNode;
+//# sourceMappingURL=transcript.d.ts.map

package/dist/native/transcript.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transcript.d.ts","sourceRoot":"","sources":["../../src/native/transcript.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAqD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1F,OAAO,EAML,KAAK,aAAa,EAGnB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAGL,KAAK,0BAA0B,EAC/B,KAAK,2BAA2B,EACjC,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAK7E,qFAAqF;AACrF,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,aAAa,CAAC,WAAW,CAAC,EACxB,OAAO,GACP,uBAAuB,GACvB,qBAAqB,GACrB,2BAA2B,GAC3B,mCAAmC,GACnC,UAAU,GACV,qBAAqB,GACrB,oBAAoB,GACpB,uBAAuB,CAC1B,CAAC;AAEF,MAAM,WAAW,qBACf,SAAQ,IAAI,CACV,2BAA2B,EAC3B,UAAU,GAAG,SAAS,GAAG,gBAAgB,GAAG,eAAe,GAAG,gBAAgB,GAAG,aAAa,CAC/F;IACD,IAAI,EAAE,cAAc,CAAC;IACrB,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAC;IACjD,gEAAgE;IAChE,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,yBAAyB,CAAC;CACvC;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CA0GxE"}