@adminide-stack/yantra-mobile 12.0.55-alpha.2 → 12.0.55-alpha.3

package/lib/features/chat/AssistantMarkdown.js

@@ -0,0 +1,313 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {memo,useMemo}from'react';import {Platform,StyleSheet,ScrollView,View,Text,Linking}from'react-native';import Markdown,{MarkdownIt,hasParents}from'react-native-markdown-display';import {ChatCodeBlock}from'./ChatCodeBlock.js';import {prepareAssistantMarkdown}from'./streamingMarkdown.js';const ASSISTANT_MARKDOWN_IT = MarkdownIt({
+  html: false,
+  breaks: true,
+  linkify: true,
+  typographer: true
+});
+function flattenNodeText(node) {
+  var _a;
+  if (!node) return "";
+  const own = typeof node.content === "string" ? node.content : "";
+  const kids = ((_a = node.children) != null ? _a : []).map(flattenNodeText).join("");
+  return own + kids;
+}
+function fenceNodeContent(node) {
+  var _a, _b;
+  const language = (node.sourceInfo || "").trim() || "code";
+  const raw = String((_a = node.content) != null ? _a : "").trim() ? String((_b = node.content) != null ? _b : "") : flattenNodeText(node);
+  return {
+    language,
+    code: raw.replace(/\n$/, "")
+  };
+}
+function openMarkdownLink(url) {
+  void Linking.openURL(url);
+  return false;
+}
+const AssistantMarkdown = memo(function AssistantMarkdown2({
+  text,
+  streaming = false,
+  isDark = false
+}) {
+  const source = useMemo(() => prepareAssistantMarkdown(text, streaming), [text, streaming]);
+  const style = useMemo(() => assistantMarkdownStyle(isDark), [isDark]);
+  const rules = useMemo(() => assistantMarkdownRules(isDark), [isDark]);
+  if (!source.trim()) return null;
+  return /* @__PURE__ */ jsx(Markdown, { markdownit: ASSISTANT_MARKDOWN_IT, style, rules, onLinkPress: openMarkdownLink, children: source });
+});
+function assistantMarkdownRules(isDark) {
+  const ink = isDark ? "#f3f5f8" : "#121926";
+  const muted = isDark ? "#aab3c2" : "#667085";
+  return {
+    fence: (node) => {
+      const {
+        language,
+        code
+      } = fenceNodeContent(node);
+      return /* @__PURE__ */ jsx(ChatCodeBlock, { language, code, isDark }, node.key);
+    },
+    code_block: (node) => {
+      const {
+        language,
+        code
+      } = fenceNodeContent(node);
+      return /* @__PURE__ */ jsx(ChatCodeBlock, { language, code: code || flattenNodeText(node), isDark }, node.key);
+    },
+    html_inline: (node) => /* @__PURE__ */ jsx(Text, { children: node.content }, node.key),
+    html_block: (node) => /* @__PURE__ */ jsx(Text, { children: node.content }, node.key),
+    // View + flexWrap rows clip mixed inline code and inflate list gaps.
+    // Render copy as Text (same as web <p>) so lines wrap.
+    paragraph: (node, children, parent) => {
+      const inList = hasParents(parent, "list_item");
+      return /* @__PURE__ */ jsx(Text, { style: inList ? [local.p, local.pInList, {
+        color: ink
+      }] : [local.p, {
+        color: ink
+      }], children }, node.key);
+    },
+    hardbreak: (node) => /* @__PURE__ */ jsx(Text, { children: "\n" }, node.key),
+    softbreak: (node) => /* @__PURE__ */ jsx(Text, { children: " " }, node.key),
+    list_item: (node, children, parent) => {
+      var _a, _b, _c;
+      if (hasParents(parent, "bullet_list")) {
+        return /* @__PURE__ */ jsxs(View, { style: local.li, children: [
+          /* @__PURE__ */ jsx(Text, { style: [local.bullet, {
+            color: muted
+          }], accessible: false, children: "\u2022" }),
+          /* @__PURE__ */ jsx(View, { style: local.liBody, children })
+        ] }, node.key);
+      }
+      if (hasParents(parent, "ordered_list")) {
+        const ordered = [...parent].reverse().find((el) => (el == null ? void 0 : el.type) === "ordered_list");
+        const start = (_b = (_a = ordered == null ? void 0 : ordered.attributes) == null ? void 0 : _a.start) != null ? _b : 1;
+        const n = start + ((_c = node.index) != null ? _c : 0);
+        return /* @__PURE__ */ jsxs(View, { style: local.li, children: [
+          /* @__PURE__ */ jsxs(Text, { style: [local.olMarker, {
+            color: muted
+          }], children: [
+            n,
+            "."
+          ] }),
+          /* @__PURE__ */ jsx(View, { style: local.liBody, children })
+        ] }, node.key);
+      }
+      return /* @__PURE__ */ jsx(View, { style: local.li, children }, node.key);
+    },
+    table: (node, children, _parent, styles) => /* @__PURE__ */ jsx(ScrollView, { horizontal: true, nestedScrollEnabled: true, showsHorizontalScrollIndicator: false, style: local.tableScroll, contentContainerStyle: local.tableScrollContent, children: /* @__PURE__ */ jsx(View, { style: styles._VIEW_SAFE_table, children }) }, node.key)
+  };
+}
+function assistantMarkdownStyle(isDark) {
+  const ink = isDark ? "#f3f5f8" : "#121926";
+  const muted = isDark ? "#aab3c2" : "#667085";
+  const border = isDark ? "#2a3240" : "#e3e7ee";
+  const borderStrong = isDark ? "#364052" : "#cfd7e3";
+  const surface = isDark ? "#171a20" : "#f6f7f8";
+  const inlineBg = isDark ? "rgba(251, 146, 60, 0.14)" : "rgba(249, 115, 22, 0.1)";
+  const inlineFg = isDark ? "#ffb36b" : "#d96b00";
+  const mono = Platform.OS === "ios" ? "Menlo" : "monospace";
+  return {
+    body: {
+      color: ink,
+      fontSize: 16,
+      lineHeight: 26
+    },
+    heading1: {
+      flexDirection: "row",
+      fontSize: 22,
+      fontWeight: "600",
+      letterSpacing: -0.3,
+      marginTop: 22,
+      marginBottom: 12,
+      color: ink
+    },
+    heading2: {
+      flexDirection: "row",
+      fontSize: 20,
+      fontWeight: "600",
+      letterSpacing: -0.3,
+      marginTop: 20,
+      marginBottom: 10,
+      color: ink
+    },
+    heading3: {
+      flexDirection: "row",
+      fontSize: 18,
+      fontWeight: "600",
+      marginTop: 16,
+      marginBottom: 8,
+      color: ink
+    },
+    heading4: {
+      flexDirection: "row",
+      fontSize: 16,
+      fontWeight: "600",
+      marginTop: 14,
+      marginBottom: 6,
+      color: ink
+    },
+    heading5: {
+      flexDirection: "row",
+      fontSize: 15,
+      fontWeight: "600",
+      marginTop: 12,
+      marginBottom: 6,
+      color: ink
+    },
+    heading6: {
+      flexDirection: "row",
+      fontSize: 14,
+      fontWeight: "600",
+      marginTop: 12,
+      marginBottom: 6,
+      color: ink
+    },
+    hr: {
+      backgroundColor: border,
+      height: StyleSheet.hairlineWidth,
+      marginVertical: 20
+    },
+    strong: {
+      fontWeight: "600",
+      color: ink
+    },
+    em: {
+      fontStyle: "italic",
+      color: muted
+    },
+    s: {
+      textDecorationLine: "line-through"
+    },
+    paragraph: {
+      marginTop: 0,
+      marginBottom: 0,
+      color: ink
+    },
+    text: {
+      color: ink
+    },
+    blockquote: {
+      backgroundColor: "transparent",
+      borderColor: borderStrong,
+      borderLeftWidth: 2,
+      marginLeft: 0,
+      marginVertical: 16,
+      paddingHorizontal: 16,
+      paddingVertical: 4
+    },
+    bullet_list: {
+      marginTop: 4,
+      marginBottom: 16
+    },
+    ordered_list: {
+      marginTop: 4,
+      marginBottom: 16
+    },
+    list_item: {
+      marginVertical: 0,
+      flexDirection: "row",
+      alignItems: "flex-start"
+    },
+    bullet_list_icon: {
+      color: muted
+    },
+    ordered_list_icon: {
+      color: muted
+    },
+    bullet_list_content: {
+      flexGrow: 0,
+      flexShrink: 1,
+      minWidth: 0
+    },
+    ordered_list_content: {
+      flexGrow: 0,
+      flexShrink: 1,
+      minWidth: 0
+    },
+    code_inline: {
+      borderWidth: 0,
+      padding: 0,
+      paddingHorizontal: 6,
+      paddingVertical: 2,
+      borderRadius: 5,
+      backgroundColor: inlineBg,
+      color: inlineFg,
+      fontSize: 14,
+      fontFamily: mono
+    },
+    table: {
+      borderWidth: 1,
+      borderColor: border,
+      borderRadius: 12,
+      marginVertical: 12,
+      overflow: "hidden"
+    },
+    thead: {
+      backgroundColor: surface
+    },
+    th: {
+      flex: 1,
+      paddingVertical: 10,
+      paddingHorizontal: 12,
+      fontWeight: "600",
+      fontSize: 12,
+      color: muted
+    },
+    td: {
+      flex: 1,
+      paddingVertical: 10,
+      paddingHorizontal: 12,
+      color: ink
+    },
+    tr: {
+      borderBottomWidth: StyleSheet.hairlineWidth,
+      borderColor: border,
+      flexDirection: "row"
+    },
+    link: {
+      color: ink,
+      textDecorationLine: "underline"
+    }
+  };
+}
+const local = StyleSheet.create({
+  p: {
+    fontSize: 16,
+    lineHeight: 26,
+    marginBottom: 16
+  },
+  pInList: {
+    marginBottom: 0
+  },
+  li: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    width: "100%",
+    marginVertical: 5,
+    flexGrow: 0
+  },
+  liBody: {
+    flex: 1,
+    minWidth: 0,
+    flexShrink: 1,
+    flexGrow: 1
+  },
+  bullet: {
+    width: 18,
+    fontSize: 16,
+    lineHeight: 26,
+    marginRight: 6
+  },
+  olMarker: {
+    minWidth: 22,
+    fontSize: 16,
+    lineHeight: 26,
+    marginRight: 8
+  },
+  tableScroll: {
+    flexGrow: 0,
+    marginVertical: 8
+  },
+  tableScrollContent: {
+    flexGrow: 0
+  }
+});export{AssistantMarkdown};//# sourceMappingURL=AssistantMarkdown.js.map

package/lib/features/chat/AssistantMarkdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantMarkdown.js","sources":["../../../src/features/chat/AssistantMarkdown.tsx"],"sourcesContent":["/**\n * Native stand-in for browser `FormattedMessageContent` (remark-gfm +\n * CodeBlockWithActions). Same GFM surface: headings, lists, tables, quotes,\n * autolinks, orange inline code, wrapping fenced cards.\n */\nimport React, { memo, useMemo } from 'react';\nimport { Linking, Platform, ScrollView, StyleSheet, Text as RNText, View } from 'react-native';\nimport Markdown, { MarkdownIt, hasParents } from 'react-native-markdown-display';\nimport { ChatCodeBlock } from './ChatCodeBlock';\nimport { prepareAssistantMarkdown } from './streamingMarkdown';\n\nconst ASSISTANT_MARKDOWN_IT = MarkdownIt({\n    html: false,\n    breaks: true,\n    linkify: true,\n    typographer: true,\n});\n\ntype FenceNode = {\n    key?: string;\n    content?: string;\n    sourceInfo?: string;\n    children?: Array<{ content?: string; children?: FenceNode['children'] }>;\n};\n\nfunction flattenNodeText(node: { content?: string; children?: FenceNode['children'] } | undefined): string {\n    if (!node) return '';\n    const own = typeof node.content === 'string' ? node.content : '';\n    const kids = (node.children ?? []).map(flattenNodeText).join('');\n    return own + kids;\n}\n\nfunction fenceNodeContent(node: FenceNode): { language: string; code: string } {\n    const language = (node.sourceInfo || '').trim() || 'code';\n    const raw = String(node.content ?? '').trim() ? String(node.content ?? '') : flattenNodeText(node);\n    return { language, code: raw.replace(/\\n$/, '') };\n}\n\nfunction openMarkdownLink(url: string) {\n    void Linking.openURL(url);\n    return false;\n}\n\nexport const AssistantMarkdown = memo(function AssistantMarkdown({\n    text,\n    streaming = false,\n    isDark = false,\n}: {\n    text: string;\n    streaming?: boolean;\n    isDark?: boolean;\n}) {\n    const source = useMemo(() => prepareAssistantMarkdown(text, streaming), [text, streaming]);\n    const style = useMemo(() => assistantMarkdownStyle(isDark), [isDark]);\n    const rules = useMemo(() => assistantMarkdownRules(isDark), [isDark]);\n    if (!source.trim()) return null;\n    return (\n        <Markdown markdownit={ASSISTANT_MARKDOWN_IT} style={style} rules={rules} onLinkPress={openMarkdownLink}>\n            {source}\n        </Markdown>\n    );\n});\n\nfunction assistantMarkdownRules(isDark: boolean) {\n    const ink = isDark ? '#f3f5f8' : '#121926';\n    const muted = isDark ? '#aab3c2' : '#667085';\n    return {\n        fence: (node: FenceNode) => {\n            const { language, code } = fenceNodeContent(node);\n            return <ChatCodeBlock key={node.key} language={language} code={code} isDark={isDark} />;\n        },\n        code_block: (node: FenceNode) => {\n            const { language, code } = fenceNodeContent(node);\n            return (\n                <ChatCodeBlock\n                    key={node.key}\n                    language={language}\n                    code={code || flattenNodeText(node)}\n                    isDark={isDark}\n                />\n            );\n        },\n        html_inline: (node: { key?: string; content?: string }) => <RNText key={node.key}>{node.content}</RNText>,\n        html_block: (node: { key?: string; content?: string }) => <RNText key={node.key}>{node.content}</RNText>,\n        // View + flexWrap rows clip mixed inline code and inflate list gaps.\n        // Render copy as Text (same as web <p>) so lines wrap.\n        paragraph: (node: { key?: string }, children: React.ReactNode[], parent: unknown[]) => {\n            const inList = hasParents(parent, 'list_item');\n            return (\n                <RNText\n                    key={node.key}\n                    style={inList ? [local.p, local.pInList, { color: ink }] : [local.p, { color: ink }]}\n                >\n                    {children}\n                </RNText>\n            );\n        },\n        hardbreak: (node: { key?: string }) => <RNText key={node.key}>{'\\n'}</RNText>,\n        softbreak: (node: { key?: string }) => <RNText key={node.key}> </RNText>,\n        list_item: (\n            node: { key?: string; index?: number; markup?: string },\n            children: React.ReactNode[],\n            parent: unknown[],\n        ) => {\n            if (hasParents(parent, 'bullet_list')) {\n                return (\n                    <View key={node.key} style={local.li}>\n                        <RNText style={[local.bullet, { color: muted }]} accessible={false}>\n                            {'\\u2022'}\n                        </RNText>\n                        <View style={local.liBody}>{children}</View>\n                    </View>\n                );\n            }\n            if (hasParents(parent, 'ordered_list')) {\n                const ordered = [...parent].reverse().find((el: { type?: string }) => el?.type === 'ordered_list') as\n                    | { attributes?: { start?: number } }\n                    | undefined;\n                const start = ordered?.attributes?.start ?? 1;\n                const n = start + (node.index ?? 0);\n                return (\n                    <View key={node.key} style={local.li}>\n                        <RNText style={[local.olMarker, { color: muted }]}>{n}.</RNText>\n                        <View style={local.liBody}>{children}</View>\n                    </View>\n                );\n            }\n            return (\n                <View key={node.key} style={local.li}>\n                    {children}\n                </View>\n            );\n        },\n        table: (\n            node: { key?: string },\n            children: React.ReactNode[],\n            _parent: unknown,\n            styles: Record<string, unknown>,\n        ) => (\n            <ScrollView\n                key={node.key}\n                horizontal\n                nestedScrollEnabled\n                showsHorizontalScrollIndicator={false}\n                style={local.tableScroll}\n                contentContainerStyle={local.tableScrollContent}\n            >\n                <View style={styles._VIEW_SAFE_table as object}>{children}</View>\n            </ScrollView>\n        ),\n    };\n}\n\nfunction assistantMarkdownStyle(isDark: boolean) {\n    const ink = isDark ? '#f3f5f8' : '#121926';\n    const muted = isDark ? '#aab3c2' : '#667085';\n    const border = isDark ? '#2a3240' : '#e3e7ee';\n    const borderStrong = isDark ? '#364052' : '#cfd7e3';\n    const surface = isDark ? '#171a20' : '#f6f7f8';\n    const inlineBg = isDark ? 'rgba(251, 146, 60, 0.14)' : 'rgba(249, 115, 22, 0.1)';\n    const inlineFg = isDark ? '#ffb36b' : '#d96b00';\n    const mono = Platform.OS === 'ios' ? 'Menlo' : 'monospace';\n\n    return {\n        body: {\n            color: ink,\n            fontSize: 16,\n            lineHeight: 26,\n        },\n        heading1: {\n            flexDirection: 'row' as const,\n            fontSize: 22,\n            fontWeight: '600' as const,\n            letterSpacing: -0.3,\n            marginTop: 22,\n            marginBottom: 12,\n            color: ink,\n        },\n        heading2: {\n            flexDirection: 'row' as const,\n            fontSize: 20,\n            fontWeight: '600' as const,\n            letterSpacing: -0.3,\n            marginTop: 20,\n            marginBottom: 10,\n            color: ink,\n        },\n        heading3: {\n            flexDirection: 'row' as const,\n            fontSize: 18,\n            fontWeight: '600' as const,\n            marginTop: 16,\n            marginBottom: 8,\n            color: ink,\n        },\n        heading4: {\n            flexDirection: 'row' as const,\n            fontSize: 16,\n            fontWeight: '600' as const,\n            marginTop: 14,\n            marginBottom: 6,\n            color: ink,\n        },\n        heading5: {\n            flexDirection: 'row' as const,\n            fontSize: 15,\n            fontWeight: '600' as const,\n            marginTop: 12,\n            marginBottom: 6,\n            color: ink,\n        },\n        heading6: {\n            flexDirection: 'row' as const,\n            fontSize: 14,\n            fontWeight: '600' as const,\n            marginTop: 12,\n            marginBottom: 6,\n            color: ink,\n        },\n        hr: {\n            backgroundColor: border,\n            height: StyleSheet.hairlineWidth,\n            marginVertical: 20,\n        },\n        strong: { fontWeight: '600' as const, color: ink },\n        em: { fontStyle: 'italic' as const, color: muted },\n        s: { textDecorationLine: 'line-through' as const },\n        paragraph: {\n            marginTop: 0,\n            marginBottom: 0,\n            color: ink,\n        },\n        text: { color: ink },\n        blockquote: {\n            backgroundColor: 'transparent',\n            borderColor: borderStrong,\n            borderLeftWidth: 2,\n            marginLeft: 0,\n            marginVertical: 16,\n            paddingHorizontal: 16,\n            paddingVertical: 4,\n        },\n        bullet_list: { marginTop: 4, marginBottom: 16 },\n        ordered_list: { marginTop: 4, marginBottom: 16 },\n        list_item: {\n            marginVertical: 0,\n            flexDirection: 'row' as const,\n            alignItems: 'flex-start' as const,\n        },\n        bullet_list_icon: { color: muted },\n        ordered_list_icon: { color: muted },\n        bullet_list_content: { flexGrow: 0, flexShrink: 1, minWidth: 0 },\n        ordered_list_content: { flexGrow: 0, flexShrink: 1, minWidth: 0 },\n        code_inline: {\n            borderWidth: 0,\n            padding: 0,\n            paddingHorizontal: 6,\n            paddingVertical: 2,\n            borderRadius: 5,\n            backgroundColor: inlineBg,\n            color: inlineFg,\n            fontSize: 14,\n            fontFamily: mono,\n        },\n        table: {\n            borderWidth: 1,\n            borderColor: border,\n            borderRadius: 12,\n            marginVertical: 12,\n            overflow: 'hidden',\n        },\n        thead: { backgroundColor: surface },\n        th: {\n            flex: 1,\n            paddingVertical: 10,\n            paddingHorizontal: 12,\n            fontWeight: '600' as const,\n            fontSize: 12,\n            color: muted,\n        },\n        td: {\n            flex: 1,\n            paddingVertical: 10,\n            paddingHorizontal: 12,\n            color: ink,\n        },\n        tr: {\n            borderBottomWidth: StyleSheet.hairlineWidth,\n            borderColor: border,\n            flexDirection: 'row' as const,\n        },\n        link: {\n            color: ink,\n            textDecorationLine: 'underline' as const,\n        },\n    };\n}\n\nconst local = StyleSheet.create({\n    p: {\n        fontSize: 16,\n        lineHeight: 26,\n        marginBottom: 16,\n    },\n    pInList: {\n        marginBottom: 0,\n    },\n    li: {\n        flexDirection: 'row',\n        alignItems: 'flex-start',\n        width: '100%',\n        marginVertical: 5,\n        flexGrow: 0,\n    },\n    liBody: {\n        flex: 1,\n        minWidth: 0,\n        flexShrink: 1,\n        flexGrow: 1,\n    },\n    bullet: {\n        width: 18,\n        fontSize: 16,\n        lineHeight: 26,\n        marginRight: 6,\n    },\n    olMarker: {\n        minWidth: 22,\n        fontSize: 16,\n        lineHeight: 26,\n        marginRight: 8,\n    },\n    tableScroll: { flexGrow: 0, marginVertical: 8 },\n    tableScrollContent: { flexGrow: 0 },\n});\n"],"names":["AssistantMarkdown","RNText"],"mappings":"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"}

package/lib/features/chat/ChatCodeBlock.js

@@ -0,0 +1,94 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {memo,useState,useRef,useEffect,useCallback}from'react';import {Clipboard,Share,View,StyleSheet,Pressable,Platform}from'react-native';import {Feather}from'@expo/vector-icons';import {Text}from'@admin-layout/gluestack-ui-mobile';const ChatCodeBlock = memo(function ChatCodeBlock2({
+  language,
+  code,
+  isDark = false
+}) {
+  const label = ((language || "code").trim() || "code").toUpperCase();
+  const body = code.replace(/\n$/, "");
+  const [copied, setCopied] = useState(false);
+  const copiedTimer = useRef(null);
+  useEffect(() => () => {
+    if (copiedTimer.current) clearTimeout(copiedTimer.current);
+  }, []);
+  const handleCopy = useCallback(() => {
+    Clipboard.setString(body);
+    setCopied(true);
+    if (copiedTimer.current) clearTimeout(copiedTimer.current);
+    copiedTimer.current = setTimeout(() => setCopied(false), 2e3);
+  }, [body]);
+  const handleDownload = useCallback(() => {
+    const ext = language === "jsx" || language === "tsx" ? "tsx" : language === "js" || language === "ts" ? "ts" : "txt";
+    void Share.share({
+      message: body,
+      title: `snippet.${ext}`
+    });
+  }, [body, language]);
+  const border = isDark ? "rgba(148, 163, 184, 0.28)" : "#ebeef3";
+  const headerBg = isDark ? "rgba(148, 163, 184, 0.10)" : "#f6f7f8";
+  const bodyBg = isDark ? "#171a20" : "#ffffff";
+  const muted = isDark ? "#94a3b8" : "#667085";
+  const ink = isDark ? "#f3f5f8" : "#121926";
+  return /* @__PURE__ */ jsxs(View, { style: [styles.wrap, {
+    borderColor: border,
+    backgroundColor: bodyBg
+  }], children: [
+    /* @__PURE__ */ jsxs(View, { style: [styles.header, {
+      backgroundColor: headerBg,
+      borderBottomColor: border
+    }], children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.lang, {
+        color: muted
+      }], children: label }),
+      /* @__PURE__ */ jsx(Pressable, { onPress: handleCopy, hitSlop: 8, accessibilityRole: "button", accessibilityLabel: copied ? "Copied" : "Copy code", children: /* @__PURE__ */ jsx(Feather, { name: copied ? "check" : "copy", size: 14, color: copied ? "#10b981" : muted }) })
+    ] }),
+    /* @__PURE__ */ jsx(Text, { selectable: true, style: [styles.code, {
+      color: ink
+    }], children: body }),
+    /* @__PURE__ */ jsxs(View, { style: styles.footer, children: [
+      /* @__PURE__ */ jsx(Pressable, { onPress: handleCopy, hitSlop: 8, accessibilityRole: "button", accessibilityLabel: copied ? "Copied" : "Copy code", style: styles.footerBtn, children: /* @__PURE__ */ jsx(Feather, { name: copied ? "check" : "copy", size: 15, color: copied ? "#10b981" : muted }) }),
+      /* @__PURE__ */ jsx(Pressable, { onPress: handleDownload, hitSlop: 8, accessibilityRole: "button", accessibilityLabel: "Share code", style: styles.footerBtn, children: /* @__PURE__ */ jsx(Feather, { name: "download", size: 15, color: muted }) })
+    ] })
+  ] });
+});
+const styles = StyleSheet.create({
+  wrap: {
+    alignSelf: "stretch",
+    flexGrow: 0,
+    borderWidth: 1,
+    borderRadius: 14,
+    overflow: "hidden",
+    marginVertical: 12
+  },
+  header: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    borderBottomWidth: 1
+  },
+  lang: {
+    fontSize: 10,
+    fontWeight: "600",
+    letterSpacing: 0.6
+  },
+  code: {
+    fontFamily: Platform.OS === "ios" ? "Menlo" : "monospace",
+    fontSize: 13,
+    lineHeight: 20,
+    paddingHorizontal: 16,
+    paddingTop: 14,
+    paddingBottom: 8
+  },
+  footer: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: 10,
+    paddingBottom: 10
+  },
+  footerBtn: {
+    padding: 6,
+    marginRight: 4,
+    borderRadius: 6
+  }
+});export{ChatCodeBlock};//# sourceMappingURL=ChatCodeBlock.js.map

package/lib/features/chat/ChatCodeBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatCodeBlock.js","sources":["../../../src/features/chat/ChatCodeBlock.tsx"],"sourcesContent":["import React, { memo, useCallback, useEffect, useRef, useState } from 'react';\nimport { Platform, Pressable, Share, StyleSheet, View } from 'react-native';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nimport { Clipboard } from 'react-native';\nimport { Feather } from '@expo/vector-icons';\nimport { Text } from '@admin-layout/gluestack-ui-mobile';\n\n/**\n * Same chrome as web `CodeBlockWithActions` in tailwind-chat-pro: language\n * header, wrapping monospace body, copy + share/download. Long lines wrap\n * (browser `whitespace-pre-wrap`) instead of a nested horizontal ScrollView,\n * which collapsed the card to empty height inside the transcript list.\n */\nexport const ChatCodeBlock = memo(function ChatCodeBlock({\n    language,\n    code,\n    isDark = false,\n}: {\n    language?: string;\n    code: string;\n    isDark?: boolean;\n}) {\n    const label = ((language || 'code').trim() || 'code').toUpperCase();\n    const body = code.replace(/\\n$/, '');\n    const [copied, setCopied] = useState(false);\n    const copiedTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n    useEffect(\n        () => () => {\n            if (copiedTimer.current) clearTimeout(copiedTimer.current);\n        },\n        [],\n    );\n\n    const handleCopy = useCallback(() => {\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        Clipboard.setString(body);\n        setCopied(true);\n        if (copiedTimer.current) clearTimeout(copiedTimer.current);\n        copiedTimer.current = setTimeout(() => setCopied(false), 2000);\n    }, [body]);\n\n    const handleDownload = useCallback(() => {\n        const ext =\n            language === 'jsx' || language === 'tsx' ? 'tsx' : language === 'js' || language === 'ts' ? 'ts' : 'txt';\n        void Share.share({ message: body, title: `snippet.${ext}` });\n    }, [body, language]);\n\n    const border = isDark ? 'rgba(148, 163, 184, 0.28)' : '#ebeef3';\n    const headerBg = isDark ? 'rgba(148, 163, 184, 0.10)' : '#f6f7f8';\n    const bodyBg = isDark ? '#171a20' : '#ffffff';\n    const muted = isDark ? '#94a3b8' : '#667085';\n    const ink = isDark ? '#f3f5f8' : '#121926';\n\n    return (\n        <View style={[styles.wrap, { borderColor: border, backgroundColor: bodyBg }]}>\n            <View style={[styles.header, { backgroundColor: headerBg, borderBottomColor: border }]}>\n                <Text style={[styles.lang, { color: muted }]}>{label}</Text>\n                <Pressable\n                    onPress={handleCopy}\n                    hitSlop={8}\n                    accessibilityRole=\"button\"\n                    accessibilityLabel={copied ? 'Copied' : 'Copy code'}\n                >\n                    <Feather name={copied ? 'check' : 'copy'} size={14} color={copied ? '#10b981' : muted} />\n                </Pressable>\n            </View>\n            <Text selectable style={[styles.code, { color: ink }]}>\n                {body}\n            </Text>\n            <View style={styles.footer}>\n                <Pressable\n                    onPress={handleCopy}\n                    hitSlop={8}\n                    accessibilityRole=\"button\"\n                    accessibilityLabel={copied ? 'Copied' : 'Copy code'}\n                    style={styles.footerBtn}\n                >\n                    <Feather name={copied ? 'check' : 'copy'} size={15} color={copied ? '#10b981' : muted} />\n                </Pressable>\n                <Pressable\n                    onPress={handleDownload}\n                    hitSlop={8}\n                    accessibilityRole=\"button\"\n                    accessibilityLabel=\"Share code\"\n                    style={styles.footerBtn}\n                >\n                    <Feather name=\"download\" size={15} color={muted} />\n                </Pressable>\n            </View>\n        </View>\n    );\n});\n\nconst styles = StyleSheet.create({\n    wrap: {\n        alignSelf: 'stretch',\n        flexGrow: 0,\n        borderWidth: 1,\n        borderRadius: 14,\n        overflow: 'hidden',\n        marginVertical: 12,\n    },\n    header: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        paddingHorizontal: 12,\n        paddingVertical: 8,\n        borderBottomWidth: 1,\n    },\n    lang: {\n        fontSize: 10,\n        fontWeight: '600',\n        letterSpacing: 0.6,\n    },\n    code: {\n        fontFamily: Platform.OS === 'ios' ? 'Menlo' : 'monospace',\n        fontSize: 13,\n        lineHeight: 20,\n        paddingHorizontal: 16,\n        paddingTop: 14,\n        paddingBottom: 8,\n    },\n    footer: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        paddingHorizontal: 10,\n        paddingBottom: 10,\n    },\n    footerBtn: {\n        padding: 6,\n        marginRight: 4,\n        borderRadius: 6,\n    },\n});\n"],"names":["ChatCodeBlock"],"mappings":"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"}

package/lib/features/chat/ChatTranscript.js

@@ -1,4 +1,4 @@
-import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useRef,useMemo,useCallback,useEffect,memo}from'react';import {View,StyleSheet,FlatList,Platform,Pressable}from'react-native';import {dismissKeyboard}from'../../utils/keyboardController.js';import {useKeyboardLiftHeight}from'../../components/KeyboardComposerDock.js';import Markdown from'react-native-markdown-display';import {shouldRenderUserTranscriptTurn,displayUserMessageText}from'../attachments/displayUserMessageText.js';import {MessageAttachmentPreviews}from'../attachments/MessageAttachmentPreviews.js';import {ToolTimeline}from'./ToolTimeline.js';import {parseToolActivity}from'./toolActivity.js';import {parseAskUser,displayAskUserAssistantText,stripAskUser}from'./askUser.js';import {collapseDuplicateUserRows,groupConsecutiveRoleRows}from'./transcriptGroups.js';import {closeOpenMarkdownFences}from'./streamingMarkdown.js';var __defProp = Object.defineProperty;
+import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useRef,useMemo,useCallback,useEffect,memo}from'react';import {View,StyleSheet,FlatList,Platform,Pressable}from'react-native';import {dismissKeyboard}from'../../utils/keyboardController.js';import {useKeyboardLiftHeight}from'../../components/KeyboardComposerDock.js';import Markdown from'react-native-markdown-display';import {shouldRenderUserTranscriptTurn,displayUserMessageText}from'../attachments/displayUserMessageText.js';import {MessageAttachmentPreviews}from'../attachments/MessageAttachmentPreviews.js';import {ToolTimeline}from'./ToolTimeline.js';import {parseToolActivity}from'./toolActivity.js';import {parseAskUser,displayAskUserAssistantText,stripAskUser}from'./askUser.js';import {collapseDuplicateUserRows,groupConsecutiveRoleRows}from'./transcriptGroups.js';import {AssistantMarkdown}from'./AssistantMarkdown.js';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -143,7 +143,7 @@ function ChatTranscript({
   const renderItem = useCallback(({
     item
   }) => /* @__PURE__ */ jsx(TranscriptGroupView, { group: item, isDark, renderMessageActions }), [isDark, renderMessageActions]);
-  return /* @__PURE__ */ jsx(View, { style: styles.list, children: /* @__PURE__ */ jsx(FlatList, { ref: listRef, data: groups, keyExtractor: (item) => item.id, renderItem, extraData: `${streamingContent != null ? streamingContent : ""}:${Boolean(listFooter)}`, ListFooterComponent: listFooter ? /* @__PURE__ */ jsx(Fragment, { children: listFooter }) : null, initialNumToRender: 12, maxToRenderPerBatch: 8, updateCellsBatchingPeriod: 50, windowSize: 7, nestedScrollEnabled: true, directionalLockEnabled: true, onScroll: handleScroll, onContentSizeChange: handleContentSizeChange, onLayout: () => {
+  return /* @__PURE__ */ jsx(View, { style: styles.list, children: /* @__PURE__ */ jsx(FlatList, { ref: listRef, data: groups, keyExtractor: (item) => item.id, renderItem, extraData: `${streamingContent != null ? streamingContent : ""}:${Boolean(listFooter)}`, ListFooterComponent: listFooter ? /* @__PURE__ */ jsx(Fragment, { children: listFooter }) : null, initialNumToRender: 12, maxToRenderPerBatch: 8, updateCellsBatchingPeriod: 50, windowSize: 21, scrollEnabled: true, nestedScrollEnabled: false, directionalLockEnabled: true, onScroll: handleScroll, onContentSizeChange: handleContentSizeChange, onLayout: () => {
     if (stickToBottomRef.current) scrollToLatest(false);
   }, scrollEventThrottle: 16, keyboardShouldPersistTaps: "handled", keyboardDismissMode: Platform.OS === "ios" ? "interactive" : "on-drag", automaticallyAdjustKeyboardInsets: false, automaticallyAdjustContentInsets: false, contentInsetAdjustmentBehavior: "never", contentContainerStyle: [styles.listContent, listContentStyle, !listFooter && styles.listContentFill], style: styles.list }) });
 }
@@ -164,16 +164,12 @@ const TranscriptGroupView = memo(function TranscriptGroupView2({
       ] }, item.id);
     }) });
   }
-  const markdownColor = isDark ? "#e2e8f0" : "#111827";
-  const codeBg = isDark ? "#1e293b" : "#f3f4f6";
   const last = group.items[group.items.length - 1];
-  return /* @__PURE__ */ jsx(View, { style: styles.assistantGroup, children: group.items.map((item, index) => /* @__PURE__ */ jsx(AssistantTurnView, { item, isDark, markdownColor, codeBg, tightTop: index > 0, renderMessageActions: item.streaming || item !== last ? void 0 : renderMessageActions }, item.id)) });
+  return /* @__PURE__ */ jsx(View, { style: styles.assistantGroup, children: group.items.map((item, index) => /* @__PURE__ */ jsx(AssistantTurnView, { item, isDark, tightTop: index > 0, renderMessageActions: item.streaming || item !== last ? void 0 : renderMessageActions }, item.id)) });
 });
 const AssistantTurnView = memo(function AssistantTurnView2({
   item,
   isDark,
-  markdownColor,
-  codeBg,
   tightTop,
   renderMessageActions
 }) {
@@ -182,10 +178,10 @@ const AssistantTurnView = memo(function AssistantTurnView2({
   const stripped = stripAskUser(item.content);
   const toolActivity = parseToolActivity(stripped, !!item.streaming);
   const text = parseToolActivity(displayAskUserAssistantText(item.content, !!item.askAnswered), !!item.streaming).text;
-  return /* @__PURE__ */ jsxs(Pressable, { style: [styles.assistantCol, tightTop && styles.assistantColTight], onPress: dismissKeyboard, accessible: false, children: [
+  return /* @__PURE__ */ jsxs(View, { style: [styles.assistantCol, tightTop && styles.assistantColTight], children: [
     attachments.length > 0 ? /* @__PURE__ */ jsx(MessageAttachmentPreviews, { attachments, align: "start", isDark }) : null,
     toolActivity.steps.length > 0 ? /* @__PURE__ */ jsx(ToolTimeline, { steps: toolActivity.steps, active: !!item.streaming, isDark }) : null,
-    text ? /* @__PURE__ */ jsx(Markdown, { style: assistantMarkdownStyle(markdownColor, codeBg), children: item.streaming ? closeOpenMarkdownFences(text) : text }) : null,
+    text ? /* @__PURE__ */ jsx(AssistantMarkdown, { text, streaming: !!item.streaming, isDark }) : null,
     renderMessageActions ? renderMessageActions({
       id: item.id,
       role: "assistant",
@@ -225,90 +221,10 @@ const USER_MARKDOWN = {
     color: "#ffffff"
   }
 };
-function assistantMarkdownStyle(markdownColor, codeBg) {
-  return {
-    body: {
-      color: markdownColor,
-      fontSize: 15,
-      lineHeight: 22
-    },
-    heading1: {
-      fontSize: 18,
-      fontWeight: "700",
-      marginTop: 12,
-      marginBottom: 4,
-      color: markdownColor
-    },
-    heading2: {
-      fontSize: 16,
-      fontWeight: "700",
-      marginTop: 10,
-      marginBottom: 4,
-      color: markdownColor
-    },
-    heading3: {
-      fontSize: 15,
-      fontWeight: "600",
-      marginTop: 8,
-      marginBottom: 4,
-      color: markdownColor
-    },
-    strong: {
-      fontWeight: "700"
-    },
-    paragraph: {
-      marginTop: 4,
-      marginBottom: 4
-    },
-    list_item: {
-      marginVertical: 4,
-      flexDirection: "row",
-      flexWrap: "wrap"
-    },
-    bullet_list: {
-      marginVertical: 6
-    },
-    ordered_list: {
-      marginVertical: 6
-    },
-    bullet_list_icon: {
-      marginRight: 8,
-      marginTop: 2
-    },
-    ordered_list_icon: {
-      minWidth: 22,
-      marginRight: 8,
-      marginTop: 2
-    },
-    code_inline: {
-      backgroundColor: codeBg,
-      paddingHorizontal: 4,
-      borderRadius: 4,
-      fontSize: 14,
-      color: markdownColor
-    },
-    code_block: {
-      backgroundColor: codeBg,
-      padding: 12,
-      borderRadius: 8,
-      marginVertical: 8,
-      fontSize: 14,
-      color: markdownColor
-    },
-    fence: {
-      backgroundColor: codeBg,
-      padding: 12,
-      borderRadius: 8,
-      marginVertical: 8,
-      fontSize: 14,
-      color: markdownColor
-    }
-  };
-}
 const styles = StyleSheet.create({
   list: {
     flex: 1,
-    overflow: "hidden"
+    minHeight: 0
   },
   listContent: {
     paddingTop: 8,
@@ -343,7 +259,8 @@ const styles = StyleSheet.create({
   },
   assistantCol: {
     width: "100%",
-    alignItems: "flex-start",
+    flexGrow: 0,
+    alignItems: "stretch",
     marginBottom: 8,
     paddingHorizontal: 4
   },