@buoy-gg/ask-buoy 7.0.33 → 7.0.34

package/lib/module/components/Composer.js

@@ -1,170 +1 @@
-"use strict";
-
-/**
- * The message box.
- *
- * This is the first keyboard-safe BOTTOM input in Buoy, and the reason none
- * existed before is that JsModal has no keyboard handling at all: the sheet is
- * `position:absolute; bottom:0` inside the app tree, not an RN `Modal`, so on
- * iOS the keyboard simply draws over it. Two other tools hit this and chose to
- * dodge it — NetworkNumberPrompt and StorageValueEditModal both say so in
- * comments and pin their inputs to the TOP of the screen. A chat cannot.
- *
- * What makes it work:
- * - `KeyboardAvoidingView` with `behavior="padding"`, iOS only. On Android
- *   Expo's default `softwareKeyboardLayoutMode: "resize"` shrinks the window
- *   and a bottom-anchored view rides up for free; adding padding there would
- *   lift it twice.
- * - The parent list carries `keyboardShouldPersistTaps="handled"`. Without it
- *   the first tap after typing only dismisses the keyboard and Send never
- *   fires — a real shipped bug in Time Machine, and invisible to Detox because
- *   `replaceText` opens no keyboard.
- * - `keyboardType="ascii-capable"`, because iOS Smart Punctuation rewrites
- *   straight quotes as curly ones. That permanently broke the raw-JSON editor
- *   in Storage, and a tester pasting a JSON blob here would hit the same wall.
- *
- * While the agent is working the send button becomes a STOP button — a
- * square, the universal glyph — rather than a spinner in a circle, which
- * looked like a disabled control and gave no hint it was tappable.
- */
-import { useCallback, useState } from "react";
-import { Platform, Pressable, StyleSheet, Text, TextInput, View } from "react-native";
-import { night } from "@buoy-gg/shared-ui";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function Composer({
-  onSend,
-  onStop,
-  busy,
-  disabled,
-  placeholder
-}) {
-  const [text, setText] = useState("");
-  const submit = useCallback(() => {
-    const value = text.trim();
-    if (!value) return;
-    setText("");
-    onSend(value);
-  }, [text, onSend]);
-  const canSend = text.trim().length > 0 && !busy && !disabled;
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.wrap,
-    children: [/*#__PURE__*/_jsx(View, {
-      style: [styles.field, disabled && styles.fieldDisabled],
-      children: /*#__PURE__*/_jsx(TextInput, {
-        testID: "buoy-ask-buoy-input",
-        style: styles.input,
-        value: text,
-        onChangeText: setText,
-        placeholder: placeholder ?? (disabled ? "Ask Buoy isn't set up yet" : "Ask, or tell it what to change…"),
-        placeholderTextColor: night.color.placeholder,
-        multiline: true,
-        editable: !disabled
-        // Straight quotes only — see the header note.
-        ,
-        keyboardType: "ascii-capable",
-        autoCorrect: true,
-        autoCapitalize: "sentences"
-        // Enter sends; Shift-Enter is not a thing on a phone keyboard, and a
-        // multiline box with no submit affordance strands people.
-        ,
-        blurOnSubmit: false,
-        onSubmitEditing: submit,
-        returnKeyType: "send",
-        maxLength: 4000
-      })
-    }), busy ? /*#__PURE__*/_jsx(Pressable, {
-      testID: "buoy-ask-buoy-stop",
-      accessibilityRole: "button",
-      accessibilityLabel: "Stop",
-      onPress: onStop,
-      style: ({
-        pressed
-      }) => [styles.button, styles.stop, pressed && styles.pressed],
-      children: /*#__PURE__*/_jsx(View, {
-        style: styles.stopGlyph
-      })
-    }) : /*#__PURE__*/_jsx(Pressable, {
-      testID: "buoy-ask-buoy-send",
-      accessibilityRole: "button",
-      accessibilityLabel: "Send",
-      disabled: !canSend,
-      onPress: submit,
-      style: ({
-        pressed
-      }) => [styles.button, canSend ? styles.sendOn : styles.sendOff, pressed && canSend && styles.pressed],
-      children: /*#__PURE__*/_jsx(Text, {
-        style: [styles.sendGlyph, {
-          color: canSend ? night.color.onAccent : night.color.textTertiary
-        }],
-        children: "\u2191"
-      })
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  wrap: {
-    flexDirection: "row",
-    alignItems: "flex-end",
-    gap: 8,
-    paddingHorizontal: night.gutter,
-    paddingTop: 10,
-    paddingBottom: 6,
-    borderTopWidth: StyleSheet.hairlineWidth,
-    borderTopColor: night.color.border,
-    // Opaque: messages scroll UNDER the composer, and a translucent bar over
-    // moving text is unreadable.
-    backgroundColor: night.color.bg
-  },
-  field: {
-    flex: 1,
-    minHeight: 40,
-    justifyContent: "center",
-    borderRadius: 20,
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: night.color.border,
-    backgroundColor: night.color.surfaceElevated
-  },
-  fieldDisabled: {
-    opacity: 0.6
-  },
-  input: {
-    maxHeight: 120,
-    paddingHorizontal: 16,
-    paddingTop: Platform.OS === "ios" ? 10 : 6,
-    paddingBottom: Platform.OS === "ios" ? 10 : 6,
-    color: night.color.text,
-    fontSize: night.font.row,
-    lineHeight: 20
-  },
-  button: {
-    width: 40,
-    height: 40,
-    borderRadius: 20,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  sendGlyph: {
-    fontSize: 20,
-    fontWeight: "700",
-    lineHeight: 22
-  },
-  sendOn: {
-    backgroundColor: night.color.accent
-  },
-  sendOff: {
-    backgroundColor: night.color.fill
-  },
-  stop: {
-    backgroundColor: night.color.fillTertiary
-  },
-  stopGlyph: {
-    width: 12,
-    height: 12,
-    borderRadius: 2,
-    backgroundColor: night.color.text
-  },
-  pressed: {
-    opacity: 0.7
-  }
-});
-//# sourceMappingURL=Composer.js.map
+"use strict";import{useCallback,useState}from"react";import{Platform,Pressable,StyleSheet,Text,TextInput,View}from"react-native";import{night}from"@buoy-gg/shared-ui";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function Composer({onSend:e,onStop:t,busy:o,disabled:s,placeholder:i}){const[l,r]=useState(""),n=useCallback(()=>{const t=l.trim();t&&(r(""),e(t))},[l,e]),a=l.trim().length>0&&!o&&!s;return _jsxs(View,{style:styles.wrap,children:[_jsx(View,{style:[styles.field,s&&styles.fieldDisabled],children:_jsx(TextInput,{testID:"buoy-ask-buoy-input",style:styles.input,value:l,onChangeText:r,placeholder:i??(s?"Ask Buoy isn't set up yet":"Ask, or tell it what to change…"),placeholderTextColor:night.color.placeholder,multiline:!0,editable:!s,keyboardType:"ascii-capable",autoCorrect:!0,autoCapitalize:"sentences",blurOnSubmit:!1,onSubmitEditing:n,returnKeyType:"send",maxLength:4e3})}),_jsx(Pressable,o?{testID:"buoy-ask-buoy-stop",accessibilityRole:"button",accessibilityLabel:"Stop",onPress:t,style:({pressed:e})=>[styles.button,styles.stop,e&&styles.pressed],children:_jsx(View,{style:styles.stopGlyph})}:{testID:"buoy-ask-buoy-send",accessibilityRole:"button",accessibilityLabel:"Send",disabled:!a,onPress:n,style:({pressed:e})=>[styles.button,a?styles.sendOn:styles.sendOff,e&&a&&styles.pressed],children:_jsx(Text,{style:[styles.sendGlyph,{color:a?night.color.onAccent:night.color.textTertiary}],children:"↑"})})]})}const styles=StyleSheet.create({wrap:{flexDirection:"row",alignItems:"flex-end",gap:8,paddingHorizontal:night.gutter,paddingTop:10,paddingBottom:6,borderTopWidth:StyleSheet.hairlineWidth,borderTopColor:night.color.border,backgroundColor:night.color.bg},field:{flex:1,minHeight:40,justifyContent:"center",borderRadius:20,borderWidth:StyleSheet.hairlineWidth,borderColor:night.color.border,backgroundColor:night.color.surfaceElevated},fieldDisabled:{opacity:.6},input:{maxHeight:120,paddingHorizontal:16,paddingTop:"ios"===Platform.OS?10:6,paddingBottom:"ios"===Platform.OS?10:6,color:night.color.text,fontSize:night.font.row,lineHeight:20},button:{width:40,height:40,borderRadius:20,alignItems:"center",justifyContent:"center"},sendGlyph:{fontSize:20,fontWeight:"700",lineHeight:22},sendOn:{backgroundColor:night.color.accent},sendOff:{backgroundColor:night.color.fill},stop:{backgroundColor:night.color.fillTertiary},stopGlyph:{width:12,height:12,borderRadius:2,backgroundColor:night.color.text},pressed:{opacity:.7}});

package/lib/module/components/EmptyState.js

@@ -1,149 +1 @@
-"use strict";
-
-/**
- * The first screen.
- *
- * Written for someone who has never used a devtool. The suggestions are not
- * decoration — they are the fastest way to teach a tester what kind of sentence
- * works here, and they are phrased as outcomes ("why is this screen empty?")
- * rather than as tool names, because the tools are the thing this feature
- * exists to hide.
- */
-import { Pressable, StyleSheet, Text, View } from "react-native";
-import { ChevronRight, night, NightSectionLabel } from "@buoy-gg/shared-ui";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const isRelease = typeof __DEV__ !== "undefined" && !__DEV__;
-const SUGGESTIONS = ["Why is this screen empty?", "What did the last few network calls return?", "Show me what's saved for this user", "Make the next request to this screen fail with a 500"];
-export function EmptyState({
-  configured,
-  onPick
-}) {
-  if (!configured) {
-    return /*#__PURE__*/_jsxs(View, {
-      style: styles.wrap,
-      testID: "buoy-ask-buoy-unconfigured",
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.title,
-        children: "Not set up yet"
-      }), /*#__PURE__*/_jsxs(Text, {
-        style: styles.body,
-        children: ["Ask Buoy talks to your own company's AI endpoint \u2014 nothing goes to Buoy. A developer needs to add the ", /*#__PURE__*/_jsx(Text, {
-          style: styles.code,
-          children: "askBuoy"
-        }), " prop to", " ", /*#__PURE__*/_jsx(Text, {
-          style: styles.code,
-          children: "<FloatingDevTools />"
-        }), " with your team's endpoint and model."]
-      })]
-    });
-  }
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.wrap,
-    testID: "buoy-ask-buoy-empty",
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: styles.title,
-      children: "Ask about this app"
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.body,
-      children: "Ask what the app is doing right now, or tell it to change something. Anything it changes shows up in a bar at the top, and you can undo it."
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.buildLine,
-      testID: "buoy-ask-buoy-build-line",
-      children: isRelease ? "Release build — reading, impersonation and navigation work; simulations (forcing server responses, driving the screen) need a dev build." : "Dev build — full simulation available."
-    }), /*#__PURE__*/_jsxs(View, {
-      style: styles.group,
-      children: [/*#__PURE__*/_jsx(NightSectionLabel, {
-        children: "Try asking"
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.card,
-        children: SUGGESTIONS.map((s, i) => /*#__PURE__*/_jsx(Suggestion, {
-          text: s,
-          onPick: onPick,
-          last: i === SUGGESTIONS.length - 1
-        }, s))
-      })]
-    })]
-  });
-}
-function Suggestion({
-  text,
-  onPick,
-  last
-}) {
-  return /*#__PURE__*/_jsxs(Pressable, {
-    testID: `buoy-ask-buoy-suggestion-${text.slice(0, 12)}`,
-    accessibilityRole: "button",
-    onPress: () => onPick(text),
-    style: ({
-      pressed
-    }) => [styles.row, !last && styles.rowDivider, pressed && styles.pressed],
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: styles.rowText,
-      children: text
-    }), /*#__PURE__*/_jsx(ChevronRight, {
-      size: 14,
-      color: night.color.textTertiary
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  wrap: {
-    flex: 1,
-    justifyContent: "center",
-    paddingHorizontal: night.gutter,
-    paddingVertical: 24,
-    gap: 8
-  },
-  title: {
-    color: night.color.text,
-    fontSize: 22,
-    fontWeight: "700",
-    letterSpacing: -0.3
-  },
-  body: {
-    color: night.color.textSecondary,
-    fontSize: night.font.body,
-    lineHeight: 20
-  },
-  code: {
-    color: night.color.text,
-    fontFamily: "Menlo"
-  },
-  buildLine: {
-    marginTop: 8,
-    color: night.color.textTertiary,
-    fontSize: night.font.micro,
-    lineHeight: 15
-  },
-  group: {
-    marginTop: night.groupGap - 8
-  },
-  card: {
-    borderRadius: night.radius.card,
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: night.color.border,
-    backgroundColor: night.color.surface,
-    overflow: "hidden"
-  },
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10,
-    paddingHorizontal: night.rowPadH,
-    paddingVertical: 13
-  },
-  rowDivider: {
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: night.color.separator
-  },
-  rowText: {
-    flex: 1,
-    color: night.color.text,
-    fontSize: night.font.body,
-    lineHeight: 19
-  },
-  pressed: {
-    backgroundColor: night.color.fill
-  }
-});
-//# sourceMappingURL=EmptyState.js.map
+"use strict";import{Pressable,StyleSheet,Text,View}from"react-native";import{ChevronRight,night,NightSectionLabel}from"@buoy-gg/shared-ui";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const isRelease="undefined"!=typeof __DEV__&&!__DEV__,SUGGESTIONS=["Why is this screen empty?","What did the last few network calls return?","Show me what's saved for this user","Make the next request to this screen fail with a 500"];export function EmptyState({configured:e,onPick:t}){return _jsxs(View,e?{style:styles.wrap,testID:"buoy-ask-buoy-empty",children:[_jsx(Text,{style:styles.title,children:"Ask about this app"}),_jsx(Text,{style:styles.body,children:"Ask what the app is doing right now, or tell it to change something. Anything it changes shows up in a bar at the top, and you can undo it."}),_jsx(Text,{style:styles.buildLine,testID:"buoy-ask-buoy-build-line",children:isRelease?"Release build — reading, impersonation and navigation work; simulations (forcing server responses, driving the screen) need a dev build.":"Dev build — full simulation available."}),_jsxs(View,{style:styles.group,children:[_jsx(NightSectionLabel,{children:"Try asking"}),_jsx(View,{style:styles.card,children:SUGGESTIONS.map((e,o)=>_jsx(Suggestion,{text:e,onPick:t,last:o===SUGGESTIONS.length-1},e))})]})]}:{style:styles.wrap,testID:"buoy-ask-buoy-unconfigured",children:[_jsx(Text,{style:styles.title,children:"Not set up yet"}),_jsxs(Text,{style:styles.body,children:["Ask Buoy talks to your own company's AI endpoint — nothing goes to Buoy. A developer needs to add the ",_jsx(Text,{style:styles.code,children:"askBuoy"})," prop to"," ",_jsx(Text,{style:styles.code,children:"<FloatingDevTools />"})," with your team's endpoint and model."]})]})}function Suggestion({text:e,onPick:t,last:o}){return _jsxs(Pressable,{testID:`buoy-ask-buoy-suggestion-${e.slice(0,12)}`,accessibilityRole:"button",onPress:()=>t(e),style:({pressed:e})=>[styles.row,!o&&styles.rowDivider,e&&styles.pressed],children:[_jsx(Text,{style:styles.rowText,children:e}),_jsx(ChevronRight,{size:14,color:night.color.textTertiary})]})}const styles=StyleSheet.create({wrap:{flex:1,justifyContent:"center",paddingHorizontal:night.gutter,paddingVertical:24,gap:8},title:{color:night.color.text,fontSize:22,fontWeight:"700",letterSpacing:-.3},body:{color:night.color.textSecondary,fontSize:night.font.body,lineHeight:20},code:{color:night.color.text,fontFamily:"Menlo"},buildLine:{marginTop:8,color:night.color.textTertiary,fontSize:night.font.micro,lineHeight:15},group:{marginTop:night.groupGap-8},card:{borderRadius:night.radius.card,borderWidth:StyleSheet.hairlineWidth,borderColor:night.color.border,backgroundColor:night.color.surface,overflow:"hidden"},row:{flexDirection:"row",alignItems:"center",gap:10,paddingHorizontal:night.rowPadH,paddingVertical:13},rowDivider:{borderBottomWidth:StyleSheet.hairlineWidth,borderBottomColor:night.color.separator},rowText:{flex:1,color:night.color.text,fontSize:night.font.body,lineHeight:19},pressed:{backgroundColor:night.color.fill}});

package/lib/module/components/Markdown.js

@@ -1,246 +1 @@
-"use strict";
-
-/**
- * Just enough Markdown for a chat answer.
- *
- * Models write `**bold**`, bullet lists and `code` whether or not the prompt
- * asks for prose, and the asterisks rendered raw made every answer look like
- * a broken template. This handles the subset a chat actually receives —
- * paragraphs, `-`/`*`/`1.` lists, `#` headings (rendered bold, not huge),
- * bold, italics and inline code — with no dependency and no HTML. Anything it
- * does not understand falls through as plain text, never as a blank.
- */
-import { StyleSheet, Text, View } from "react-native";
-import { night } from "@buoy-gg/shared-ui";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const isTableRow = l => /^\s*\|.*\|\s*$/.test(l);
-const isTableRule = l => /^\s*\|?\s*:?-{2,}:?\s*(\|\s*:?-{2,}:?\s*)*\|?\s*$/.test(l);
-const splitRow = l => l.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map(c => c.trim());
-function parseBlocks(source) {
-  const blocks = [];
-  let para = [];
-  const flush = () => {
-    if (para.length) blocks.push({
-      kind: "p",
-      text: para.join(" ")
-    });
-    para = [];
-  };
-  const lines = source.split("\n");
-  for (let li = 0; li < lines.length; li++) {
-    const raw = lines[li];
-    const line = raw.replace(/\s+$/, "");
-    if (!line.trim()) {
-      flush();
-      continue;
-    }
-    // A pipe table: header row, a rule row, then body rows.
-    if (isTableRow(line) && lines[li + 1] && isTableRule(lines[li + 1])) {
-      flush();
-      const header = splitRow(line);
-      const rows = [];
-      let j = li + 2;
-      while (j < lines.length && isTableRow(lines[j])) {
-        rows.push(splitRow(lines[j]));
-        j++;
-      }
-      blocks.push({
-        kind: "table",
-        header,
-        rows
-      });
-      li = j - 1;
-      continue;
-    }
-    const heading = /^#{1,6}\s+(.*)$/.exec(line);
-    if (heading) {
-      flush();
-      blocks.push({
-        kind: "h",
-        text: heading[1]
-      });
-      continue;
-    }
-    const bullet = /^(\s*)([-*•]|\d+[.)])\s+(.*)$/.exec(line);
-    if (bullet) {
-      flush();
-      const depth = Math.min(2, Math.floor(bullet[1].length / 2));
-      const marker = /^\d/.test(bullet[2]) ? bullet[2].replace(")", ".") : "•";
-      blocks.push({
-        kind: "li",
-        text: bullet[3],
-        marker,
-        depth
-      });
-      continue;
-    }
-    para.push(line.trim());
-  }
-  flush();
-  return blocks;
-}
-
-/**
- * `**bold**`, `*italic*` / `_italic_`, `` `code` `` → styled spans. Links and
- * images collapse to their text: a phone chat has nowhere to open a URL, and
- * `![Snorlax](https://raw.githubusercontent.com/…/143.png)` printed raw is
- * three lines of noise for one word of meaning.
- */
-export function renderInline(source, base) {
-  const text = source.replace(/!?\[([^\]]*)\]\([^)]*\)/g, "$1");
-  const out = [];
-  const re = /(\*\*[^*]+\*\*|`[^`]+`|\*[^*\s][^*]*\*|_[^_\s][^_]*_)/g;
-  let last = 0;
-  let m;
-  let i = 0;
-  while (m = re.exec(text)) {
-    if (m.index > last) out.push(text.slice(last, m.index));
-    const tok = m[0];
-    if (tok.startsWith("**")) {
-      out.push(/*#__PURE__*/_jsx(Text, {
-        style: [base, styles.bold],
-        children: tok.slice(2, -2)
-      }, i++));
-    } else if (tok.startsWith("`")) {
-      out.push(/*#__PURE__*/_jsx(Text, {
-        style: [base, styles.code],
-        children: tok.slice(1, -1)
-      }, i++));
-    } else {
-      out.push(/*#__PURE__*/_jsx(Text, {
-        style: [base, styles.italic],
-        children: tok.slice(1, -1)
-      }, i++));
-    }
-    last = m.index + tok.length;
-  }
-  if (last < text.length) out.push(text.slice(last));
-  return out;
-}
-export function Markdown({
-  text,
-  style
-}) {
-  const blocks = parseBlocks(text);
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.wrap,
-    children: blocks.map((b, i) => {
-      if (b.kind === "table") {
-        const cols = b.header.slice(0, 4);
-        return /*#__PURE__*/_jsxs(View, {
-          style: styles.table,
-          children: [/*#__PURE__*/_jsx(View, {
-            style: styles.tableHead,
-            children: cols.map((c, k) => /*#__PURE__*/_jsx(Text, {
-              style: [styles.th, k === 0 && styles.firstCol],
-              numberOfLines: 1,
-              children: c.replace(/\*\*/g, "")
-            }, k))
-          }), b.rows.slice(0, 12).map((r, ri) => /*#__PURE__*/_jsx(View, {
-            style: [styles.tr, ri > 0 && styles.trDivider],
-            children: cols.map((_, k) => /*#__PURE__*/_jsx(Text, {
-              style: [styles.td, k === 0 && styles.firstCol, k === 0 && styles.tdFirst],
-              numberOfLines: 2,
-              children: renderInline((r[k] ?? "").replace(/!?\[([^\]]*)\]\([^)]*\)/g, "$1"), styles.td)
-            }, k))
-          }, ri))]
-        }, i);
-      }
-      if (b.kind === "li") {
-        return /*#__PURE__*/_jsxs(View, {
-          style: [styles.li, {
-            paddingLeft: 4 + b.depth * 14
-          }],
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: [style, styles.marker],
-            children: b.marker
-          }), /*#__PURE__*/_jsx(Text, {
-            style: [style, styles.liText],
-            selectable: true,
-            children: renderInline(b.text, style)
-          })]
-        }, i);
-      }
-      return /*#__PURE__*/_jsx(Text, {
-        style: [style, b.kind === "h" && styles.bold],
-        selectable: true,
-        children: renderInline(b.text, style)
-      }, i);
-    })
-  });
-}
-const styles = StyleSheet.create({
-  wrap: {
-    gap: 8
-  },
-  bold: {
-    fontWeight: "600"
-  },
-  italic: {
-    fontStyle: "italic"
-  },
-  code: {
-    fontFamily: "Menlo",
-    fontSize: 13,
-    color: night.color.accent,
-    backgroundColor: night.color.fill
-  },
-  li: {
-    flexDirection: "row",
-    gap: 8
-  },
-  table: {
-    borderRadius: night.radius.row,
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: night.color.border,
-    backgroundColor: night.color.surface,
-    overflow: "hidden"
-  },
-  tableHead: {
-    flexDirection: "row",
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    gap: 8,
-    backgroundColor: night.color.fill
-  },
-  th: {
-    flex: 1,
-    color: night.color.textTertiary,
-    fontSize: night.font.micro,
-    fontWeight: "700",
-    letterSpacing: 0.6,
-    textTransform: "uppercase"
-  },
-  tr: {
-    flexDirection: "row",
-    paddingHorizontal: 10,
-    paddingVertical: 7,
-    gap: 8
-  },
-  trDivider: {
-    borderTopWidth: StyleSheet.hairlineWidth,
-    borderTopColor: night.color.separator
-  },
-  td: {
-    flex: 1,
-    color: night.color.textSecondary,
-    fontSize: night.font.caption,
-    lineHeight: 17
-  },
-  tdFirst: {
-    color: night.color.text,
-    fontWeight: "500"
-  },
-  firstCol: {
-    flex: 1.3
-  },
-  marker: {
-    color: night.color.textSecondary,
-    minWidth: 14,
-    textAlign: "right"
-  },
-  liText: {
-    flex: 1
-  }
-});
-//# sourceMappingURL=Markdown.js.map
+"use strict";import{StyleSheet,Text,View}from"react-native";import{night}from"@buoy-gg/shared-ui";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const isTableRow=e=>/^\s*\|.*\|\s*$/.test(e),isTableRule=e=>/^\s*\|?\s*:?-{2,}:?\s*(\|\s*:?-{2,}:?\s*)*\|?\s*$/.test(e),splitRow=e=>e.trim().replace(/^\|/,"").replace(/\|$/,"").split("|").map(e=>e.trim());function parseBlocks(e){const t=[];let l=[];const s=()=>{l.length&&t.push({kind:"p",text:l.join(" ")}),l=[]},i=e.split("\n");for(let e=0;e<i.length;e++){const r=i[e].replace(/\s+$/,"");if(!r.trim()){s();continue}if(isTableRow(r)&&i[e+1]&&isTableRule(i[e+1])){s();const l=splitRow(r),o=[];let n=e+2;for(;n<i.length&&isTableRow(i[n]);)o.push(splitRow(i[n])),n++;t.push({kind:"table",header:l,rows:o}),e=n-1;continue}const o=/^#{1,6}\s+(.*)$/.exec(r);if(o){s(),t.push({kind:"h",text:o[1]});continue}const n=/^(\s*)([-*•]|\d+[.)])\s+(.*)$/.exec(r);if(n){s();const e=Math.min(2,Math.floor(n[1].length/2)),l=/^\d/.test(n[2])?n[2].replace(")","."):"•";t.push({kind:"li",text:n[3],marker:l,depth:e});continue}l.push(r.trim())}return s(),t}export function renderInline(e,t){const l=e.replace(/!?\[([^\]]*)\]\([^)]*\)/g,"$1"),s=[],i=/(\*\*[^*]+\*\*|`[^`]+`|\*[^*\s][^*]*\*|_[^_\s][^_]*_)/g;let r,o=0,n=0;for(;r=i.exec(l);){r.index>o&&s.push(l.slice(o,r.index));const e=r[0];e.startsWith("**")?s.push(_jsx(Text,{style:[t,styles.bold],children:e.slice(2,-2)},n++)):e.startsWith("`")?s.push(_jsx(Text,{style:[t,styles.code],children:e.slice(1,-1)},n++)):s.push(_jsx(Text,{style:[t,styles.italic],children:e.slice(1,-1)},n++)),o=r.index+e.length}return o<l.length&&s.push(l.slice(o)),s}export function Markdown({text:e,style:t}){const l=parseBlocks(e);return _jsx(View,{style:styles.wrap,children:l.map((e,l)=>{if("table"===e.kind){const t=e.header.slice(0,4);return _jsxs(View,{style:styles.table,children:[_jsx(View,{style:styles.tableHead,children:t.map((e,t)=>_jsx(Text,{style:[styles.th,0===t&&styles.firstCol],numberOfLines:1,children:e.replace(/\*\*/g,"")},t))}),e.rows.slice(0,12).map((e,l)=>_jsx(View,{style:[styles.tr,l>0&&styles.trDivider],children:t.map((t,l)=>_jsx(Text,{style:[styles.td,0===l&&styles.firstCol,0===l&&styles.tdFirst],numberOfLines:2,children:renderInline((e[l]??"").replace(/!?\[([^\]]*)\]\([^)]*\)/g,"$1"),styles.td)},l))},l))]},l)}return"li"===e.kind?_jsxs(View,{style:[styles.li,{paddingLeft:4+14*e.depth}],children:[_jsx(Text,{style:[t,styles.marker],children:e.marker}),_jsx(Text,{style:[t,styles.liText],selectable:!0,children:renderInline(e.text,t)})]},l):_jsx(Text,{style:[t,"h"===e.kind&&styles.bold],selectable:!0,children:renderInline(e.text,t)},l)})})}const styles=StyleSheet.create({wrap:{gap:8},bold:{fontWeight:"600"},italic:{fontStyle:"italic"},code:{fontFamily:"Menlo",fontSize:13,color:night.color.accent,backgroundColor:night.color.fill},li:{flexDirection:"row",gap:8},table:{borderRadius:night.radius.row,borderWidth:StyleSheet.hairlineWidth,borderColor:night.color.border,backgroundColor:night.color.surface,overflow:"hidden"},tableHead:{flexDirection:"row",paddingHorizontal:10,paddingVertical:6,gap:8,backgroundColor:night.color.fill},th:{flex:1,color:night.color.textTertiary,fontSize:night.font.micro,fontWeight:"700",letterSpacing:.6,textTransform:"uppercase"},tr:{flexDirection:"row",paddingHorizontal:10,paddingVertical:7,gap:8},trDivider:{borderTopWidth:StyleSheet.hairlineWidth,borderTopColor:night.color.separator},td:{flex:1,color:night.color.textSecondary,fontSize:night.font.caption,lineHeight:17},tdFirst:{color:night.color.text,fontWeight:"500"},firstCol:{flex:1.3},marker:{color:night.color.textSecondary,minWidth:14,textAlign:"right"},liText:{flex:1}});