@comergehq/studio 0.1.25 → 0.1.26

package/dist/index.js

@@ -62,7 +62,7 @@ var lightTheme = {
     surfaceRaised: "#FFFFFF",
     border: "#E4E4E7",
     borderStrong: "#D4D4D8",
-    primary: "#6200EE",
+    primary: "#00CBC0",
     onPrimary: "#FFFFFF",
     neutral: "#ECECEE",
     onNeutral: "#09090B",
@@ -75,13 +75,13 @@ var lightTheme = {
     warning: "#FACC15",
     onWarning: "#09090B",
     warningSubtle: "rgba(250, 204, 21, 0.14)",
-    link: "#6200EE",
+    link: "#00CBC0",
     backdrop: "rgba(0, 0, 0, 0.35)",
     handleIndicator: "#71717A",
     floatingSurface: "rgba(255, 255, 255, 0.6)",
     floatingContent: "#000000",
-    accentRingFrom: "rgba(98, 0, 238, 0.20)",
-    accentRingTo: "rgba(98, 0, 238, 0.90)",
+    accentRingFrom: "rgba(0, 203, 192, 0.20)",
+    accentRingTo: "rgba(0, 203, 192, 0.90)",
     dangerRingFrom: "rgba(244, 63, 94, 0.35)",
     dangerRingTo: "rgba(244, 63, 94, 1.0)"
   },
@@ -104,7 +104,7 @@ var darkTheme = {
     surfaceRaised: "#0B080F",
     border: "#404049",
     borderStrong: "#52525B",
-    primary: "#6200EE",
+    primary: "#00CBC0",
     onPrimary: "#FFFFFF",
     neutral: "#0B080F",
     onNeutral: "#FFFFFF",
@@ -117,13 +117,13 @@ var darkTheme = {
     warning: "#FBBF24",
     onWarning: "#0B080F",
     warningSubtle: "rgba(251, 191, 36, 0.18)",
-    link: "#6200EE",
+    link: "#00CBC0",
     backdrop: "rgba(0, 0, 0, 0.55)",
     handleIndicator: "#A1A1AA",
     floatingSurface: "rgba(0, 0, 0, 0.6)",
     floatingContent: "#FFFFFF",
-    accentRingFrom: "rgba(98, 0, 238, 0.20)",
-    accentRingTo: "rgba(98, 0, 238, 0.90)",
+    accentRingFrom: "rgba(0, 203, 192, 0.20)",
+    accentRingTo: "rgba(0, 203, 192, 0.90)",
     dangerRingFrom: "rgba(244, 63, 94, 0.35)",
     dangerRingTo: "rgba(244, 63, 94, 1.0)"
   },
@@ -2850,7 +2850,7 @@ function baseColor(role, theme) {
       return theme.colors.warning;
     case "accent":
     default:
-      return "#A855F7";
+      return theme.colors.primary;
   }
 }
 function EdgeGlowFrame({
@@ -4705,8 +4705,8 @@ var STATUS_BG = {
   // blue-500
   editing: "#F59E0B",
   // amber-500
-  forking: "#8B5CF6",
-  // violet-500
+  forking: "#00CBC0",
+  // brand teal
   merging: "#06B6D4",
   // cyan-500
   error: "#F43F5E",
@@ -4871,7 +4871,7 @@ function PreviewMetaSection({ app, isOwner, creator, downloadsCount }) {
       subtitle: app.description,
       avatarUri: (creator == null ? void 0 : creator.avatar) ?? null,
       creatorName: (creator == null ? void 0 : creator.name) ?? null,
-      tag: isOwner || app.forkedFromAppId ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_native34.View, { style: { paddingHorizontal: 8, paddingVertical: 2, borderRadius: 999, backgroundColor: "#3700B3" }, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Text, { variant: "caption", style: { color: "#fff", fontWeight: theme.typography.fontWeight.semibold }, children: app.forkedFromAppId ? "Remix" : "Owner" }) }) : null,
+      tag: isOwner || app.forkedFromAppId ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_native34.View, { style: { paddingHorizontal: 8, paddingVertical: 2, borderRadius: 999, backgroundColor: "#007A75" }, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Text, { variant: "caption", style: { color: "#fff", fontWeight: theme.typography.fontWeight.semibold }, children: app.forkedFromAppId ? "Remix" : "Owner" }) }) : null,
       rightMetric: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
         import_react_native34.View,
         {
@@ -5127,17 +5127,25 @@ function MarkdownText({ markdown, variant = "chat", bodyColor, style }) {
   const theme = useTheme();
   const isDark = theme.scheme === "dark";
   const [showCopied, setShowCopied] = (0, import_react2.useState)(false);
-  const [tooltipPosition, setTooltipPosition] = (0, import_react2.useState)(null);
+  const [tooltipAnchor, setTooltipAnchor] = (0, import_react2.useState)(null);
   const [tooltipWidth, setTooltipWidth] = (0, import_react2.useState)(0);
   const hideTimerRef = (0, import_react2.useRef)(null);
-  const containerRef = (0, import_react2.useRef)(null);
   const baseBodyColor = variant === "mergeRequest" ? theme.colors.textMuted : theme.colors.text;
-  const linkColor = variant === "mergeRequest" ? isDark ? theme.colors.primary : "#3700B3" : theme.colors.link;
+  const linkColor = variant === "mergeRequest" ? isDark ? theme.colors.primary : "#007A75" : theme.colors.link;
   const linkWeight = variant === "mergeRequest" ? theme.typography.fontWeight.semibold : void 0;
   const codeBgColor = isDark ? "#27272A" : "#E4E4E7";
   const codeTextColor = isDark ? "#FFFFFF" : theme.colors.text;
   const paragraphBottom = variant === "mergeRequest" ? 8 : 6;
   const baseLineHeight = variant === "mergeRequest" ? 22 : 20;
+  const screen = import_react_native37.Dimensions.get("window");
+  const tooltipPadding = theme.spacing.sm;
+  const tooltipYOffset = theme.spacing.lg + 32;
+  const minTooltipY = theme.spacing.xl;
+  const tooltipTop = tooltipAnchor ? Math.max(minTooltipY, tooltipAnchor.y - tooltipYOffset) : 0;
+  const tooltipLeft = tooltipAnchor ? Math.min(
+    Math.max(tooltipAnchor.x, tooltipPadding),
+    Math.max(tooltipPadding, screen.width - tooltipPadding - Math.max(tooltipWidth, 1))
+  ) : 0;
   (0, import_react2.useEffect)(() => {
     return () => {
       if (hideTimerRef.current) {
@@ -5146,16 +5154,11 @@ function MarkdownText({ markdown, variant = "chat", bodyColor, style }) {
     };
   }, []);
   const handleLongPress = (event) => {
-    var _a;
-    const { locationX, locationY, pageX, pageY } = event.nativeEvent;
-    if ((_a = containerRef.current) == null ? void 0 : _a.measureInWindow) {
-      containerRef.current.measureInWindow((x, y) => {
-        setTooltipPosition({ x: pageX - x, y: pageY - y });
-      });
-    } else {
-      setTooltipPosition({ x: locationX, y: locationY });
-    }
+    const { pageX, pageY } = event.nativeEvent;
+    setTooltipAnchor({ x: pageX, y: pageY });
+    setTooltipWidth(0);
     copyMarkdownToClipboard(markdown);
+    void impact("light");
     setShowCopied(true);
     if (hideTimerRef.current) {
       clearTimeout(hideTimerRef.current);
@@ -5164,7 +5167,7 @@ function MarkdownText({ markdown, variant = "chat", bodyColor, style }) {
       setShowCopied(false);
     }, 1200);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_native37.Pressable, { style, onLongPress: handleLongPress, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react_native37.View, { ref: containerRef, style: { position: "relative" }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_native37.Pressable, { style, onPress: import_react_native37.Keyboard.dismiss, onLongPress: handleLongPress, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react_native37.View, { style: { position: "relative" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       import_react_native_markdown_display.default,
       {
@@ -5199,19 +5202,18 @@ function MarkdownText({ markdown, variant = "chat", bodyColor, style }) {
         children: markdown
       }
     ),
-    showCopied && tooltipPosition ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    showCopied && tooltipAnchor ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_native37.Modal, { transparent: true, visible: true, statusBarTranslucent: true, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_native37.View, { pointerEvents: "none", style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       import_react_native37.View,
       {
         pointerEvents: "none",
         style: {
           position: "absolute",
-          left: tooltipPosition.x,
-          top: tooltipPosition.y - theme.spacing.lg - 32,
+          left: tooltipLeft,
+          top: tooltipTop,
           backgroundColor: theme.colors.success,
           borderRadius: theme.radii.pill,
           paddingHorizontal: theme.spacing.sm,
-          paddingVertical: theme.spacing.xs,
-          transform: [{ translateX: tooltipWidth ? -tooltipWidth / 2 : 0 }]
+          paddingVertical: theme.spacing.xs
         },
         onLayout: (event) => setTooltipWidth(event.nativeEvent.layout.width),
         children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
@@ -5226,7 +5228,7 @@ function MarkdownText({ markdown, variant = "chat", bodyColor, style }) {
           }
         )
       }
-    ) : null
+    ) }) }) : null
   ] }) });
 }
 
@@ -5509,7 +5511,7 @@ function ReviewMergeRequestCard({
           padding: 16,
           backgroundColor: withAlpha(theme.colors.surfaceRaised, 0.5),
           borderWidth: 1,
-          borderColor: withAlpha("#3700B3", 0.2)
+          borderColor: withAlpha("#007A75", 0.2)
         }
       ],
       children: [
@@ -6653,7 +6655,7 @@ function ChatPage({
   const insets = (0, import_react_native_safe_area_context4.useSafeAreaInsets)();
   const [composerHeight, setComposerHeight] = React38.useState(0);
   const [composerTopHeight, setComposerTopHeight] = React38.useState(0);
-  const footerBottomPadding = import_react_native48.Platform.OS === "ios" ? insets.bottom : insets.bottom + 10;
+  const footerBottomPadding = import_react_native48.Platform.OS === "ios" ? insets.bottom - 24 : insets.bottom + 10;
   const totalComposerHeight = composerHeight + composerTopHeight;
   const overlayBottom = totalComposerHeight + footerBottomPadding + theme.spacing.lg;
   const bottomInset = totalComposerHeight + footerBottomPadding + theme.spacing.xl;
@@ -7144,7 +7146,7 @@ var import_react_native55 = require("react-native");
 // src/components/primitives/Modal.tsx
 var import_react_native54 = require("react-native");
 var import_jsx_runtime56 = require("react/jsx-runtime");
-function Modal({
+function Modal2({
   visible,
   onRequestClose,
   dismissOnBackdropPress = true,
@@ -7206,7 +7208,7 @@ function ConfirmMergeRequestDialog({
     alignSelf: "stretch"
   };
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
-    Modal,
+    Modal2,
     {
       visible,
       onRequestClose: close,