clawdex-mobile 5.0.1 → 5.0.2

package/apps/mobile/src/bridgeUrl.ts

@@ -1,105 +0,0 @@
-const SUPPORTED_PROTOCOLS = new Set(['http:', 'https:', 'ws:', 'wss:']);
-
-export function normalizeBridgeUrlInput(value: string): string | null {
-  if (typeof value !== 'string') {
-    return null;
-  }
-
-  const trimmed = value.trim();
-  if (!trimmed) {
-    return null;
-  }
-
-  let parsed: URL;
-  try {
-    parsed = new URL(trimmed);
-  } catch {
-    return null;
-  }
-
-  if (!SUPPORTED_PROTOCOLS.has(parsed.protocol)) {
-    return null;
-  }
-
-  if (!parsed.hostname || parsed.username || parsed.password) {
-    return null;
-  }
-
-  const normalizedProtocol =
-    parsed.protocol === 'ws:' ? 'http:' : parsed.protocol === 'wss:' ? 'https:' : parsed.protocol;
-  const normalizedPath = parsed.pathname.replace(/\/+$/, '');
-
-  parsed.protocol = normalizedProtocol;
-  parsed.pathname = normalizedPath || '';
-  parsed.search = '';
-  parsed.hash = '';
-  parsed.username = '';
-  parsed.password = '';
-
-  return parsed.toString().replace(/\/$/, '');
-}
-
-export function isInsecureRemoteUrl(url: string): boolean {
-  try {
-    const parsed = new URL(url);
-    if (parsed.protocol !== 'http:') {
-      return false;
-    }
-
-    return !isLikelyPrivateHost(parsed.hostname);
-  } catch {
-    return false;
-  }
-}
-
-export function toBridgeHealthUrl(baseUrl: string): string {
-  return `${baseUrl.replace(/\/$/, '')}/health`;
-}
-
-function isLikelyPrivateHost(hostname: string): boolean {
-  const normalized = hostname.trim().toLowerCase();
-  const host =
-    normalized.startsWith('[') && normalized.endsWith(']')
-      ? normalized.slice(1, -1)
-      : normalized;
-  if (!host) {
-    return false;
-  }
-
-  if (
-    host === 'localhost' ||
-    host === '127.0.0.1' ||
-    host === '::1' ||
-    host.endsWith('.local')
-  ) {
-    return true;
-  }
-
-  if (host.includes(':')) {
-    return (
-      host.startsWith('fc') ||
-      host.startsWith('fd') ||
-      host.startsWith('fe80:')
-    );
-  }
-
-  const octets = host.split('.');
-  if (octets.length !== 4) {
-    return false;
-  }
-
-  const [firstStr, secondStr] = octets;
-  const first = Number.parseInt(firstStr, 10);
-  const second = Number.parseInt(secondStr, 10);
-  if (!Number.isInteger(first) || !Number.isInteger(second)) {
-    return false;
-  }
-
-  return (
-    first === 10 ||
-    (first === 172 && second >= 16 && second <= 31) ||
-    (first === 192 && second === 168) ||
-    (first === 169 && second === 254) ||
-    (first === 100 && second >= 64 && second <= 127)
-  );
-}

package/apps/mobile/src/components/ActivityBar.tsx

@@ -1,95 +0,0 @@
-import { Ionicons } from '@expo/vector-icons';
-import { BlurView } from 'expo-blur';
-import { useEffect, useState } from 'react';
-import { ActivityIndicator, Platform, StyleSheet, Text, View } from 'react-native';
-
-import { colors, spacing, typography } from '../theme';
-
-export type ActivityTone = 'running' | 'complete' | 'error' | 'idle';
-
-interface ActivityBarProps {
-  title: string;
-  detail?: string | null;
-  tone: ActivityTone;
-}
-
-const ICON_BY_TONE: Record<ActivityTone, keyof typeof Ionicons.glyphMap> = {
-  running: 'sparkles-outline',
-  complete: 'checkmark-circle-outline',
-  error: 'close-circle-outline',
-  idle: 'ellipse-outline',
-};
-
-const COLOR_BY_TONE: Record<ActivityTone, string> = {
-  running: colors.statusRunning,
-  complete: colors.statusComplete,
-  error: colors.statusError,
-  idle: colors.statusIdle,
-};
-
-export function ActivityBar({ title, detail, tone }: ActivityBarProps) {
-  const color = COLOR_BY_TONE[tone];
-  const [dotFrame, setDotFrame] = useState(0);
-
-  useEffect(() => {
-    setDotFrame(0);
-    if (tone !== 'running') {
-      return;
-    }
-    const timer = setInterval(() => {
-      setDotFrame((prev) => (prev + 1) % 4);
-    }, 450);
-    return () => clearInterval(timer);
-  }, [tone]);
-
-  const dots = tone === 'running' ? '.'.repeat(dotFrame) : '';
-  const suffix = detail ? ` · ${detail}` : '';
-  const text = `${title}${suffix}${dots}`;
-
-  return (
-    <BlurView
-      intensity={42}
-      tint={Platform.OS === 'ios' ? 'systemUltraThinMaterialDark' : 'dark'}
-      blurMethod="dimezisBlurViewSdk31Plus"
-      style={styles.container}
-    >
-      <View style={styles.content}>
-        {tone === 'running' ? (
-          <ActivityIndicator size="small" color={color} />
-        ) : (
-          <Ionicons name={ICON_BY_TONE[tone]} size={13} color={color} />
-        )}
-        <Text style={styles.text} numberOfLines={1}>
-          {text}
-        </Text>
-      </View>
-    </BlurView>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    borderRadius: 10,
-    overflow: 'hidden',
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: 'rgba(255, 255, 255, 0.12)',
-    backgroundColor: 'rgba(18, 22, 28, 0.16)',
-    marginHorizontal: spacing.lg,
-    marginBottom: spacing.xs / 2,
-  },
-  content: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: spacing.xs,
-    paddingHorizontal: spacing.sm + 2,
-    paddingVertical: 3,
-  },
-  text: {
-    ...typography.caption,
-    fontSize: 11,
-    lineHeight: 15,
-    fontWeight: '600',
-    color: colors.textPrimary,
-    flex: 1,
-  },
-});

package/apps/mobile/src/components/ApprovalBanner.tsx

@@ -1,207 +0,0 @@
-import { Ionicons } from '@expo/vector-icons';
-import { ActivityIndicator, Platform, Pressable, StyleSheet, Text, View } from 'react-native';
-import Animated, { FadeInDown } from 'react-native-reanimated';
-import { useState } from 'react';
-
-import type { ApprovalDecision, PendingApproval } from '../api/types';
-import { colors, radius, spacing, typography } from '../theme';
-
-interface ApprovalBannerProps {
-  approval: PendingApproval;
-  onResolve: (id: string, decision: ApprovalDecision) => void;
-}
-
-export function ApprovalBanner({ approval, onResolve }: ApprovalBannerProps) {
-  const [resolving, setResolving] = useState<string | null>(null);
-
-  const handleResolve = (decision: ApprovalDecision) => {
-    setResolving(decisionKey(decision));
-    onResolve(approval.id, decision);
-  };
-
-  const label = approval.kind === 'commandExecution'
-    ? approval.command ?? 'Run command'
-    : 'File change';
-  const canAllowSimilar =
-    approval.kind === 'commandExecution' &&
-    Array.isArray(approval.proposedExecpolicyAmendment) &&
-    approval.proposedExecpolicyAmendment.length > 0;
-
-  const monoFont = Platform.select({ ios: 'Menlo', default: 'monospace' });
-
-  return (
-    <Animated.View entering={FadeInDown.duration(250)} style={styles.container}>
-      <View style={styles.header}>
-        <Ionicons name="shield-checkmark-outline" size={16} color={colors.accent} />
-        <Text style={styles.title}>Approval requested</Text>
-      </View>
-
-      <Text style={[styles.command, { fontFamily: monoFont }]} numberOfLines={3}>
-        {label}
-      </Text>
-
-      {approval.reason ? (
-        <Text style={styles.reason} numberOfLines={2}>{approval.reason}</Text>
-      ) : null}
-
-      <View style={styles.actions}>
-        <Pressable
-          style={({ pressed }) => [styles.btn, styles.denyBtn, pressed && styles.btnPressed]}
-          onPress={() => handleResolve('decline')}
-          disabled={resolving !== null}
-        >
-          {resolving === 'decline' ? (
-            <ActivityIndicator size="small" color={colors.error} />
-          ) : (
-            <>
-              <Ionicons name="close" size={14} color={colors.error} />
-              <Text style={[styles.btnText, { color: colors.error }]}>Deny</Text>
-            </>
-          )}
-        </Pressable>
-
-        <Pressable
-          style={({ pressed }) => [styles.btn, styles.acceptBtn, pressed && styles.btnPressed]}
-          onPress={() => handleResolve('accept')}
-          disabled={resolving !== null}
-        >
-          {resolving === 'accept' ? (
-            <ActivityIndicator size="small" color={colors.textPrimary} />
-          ) : (
-            <>
-              <Ionicons name="checkmark" size={14} color={colors.textPrimary} />
-              <Text style={[styles.btnText, { color: colors.textPrimary }]}>Allow once</Text>
-            </>
-          )}
-        </Pressable>
-
-        <Pressable
-          style={({ pressed }) => [styles.btn, styles.acceptBtn, pressed && styles.btnPressed]}
-          onPress={() => handleResolve('acceptForSession')}
-          disabled={resolving !== null}
-        >
-          {resolving === 'acceptForSession' ? (
-            <ActivityIndicator size="small" color={colors.textPrimary} />
-          ) : (
-            <>
-              <Ionicons name="time-outline" size={14} color={colors.textPrimary} />
-              <Text style={[styles.btnText, { color: colors.textPrimary }]}>Session</Text>
-            </>
-          )}
-        </Pressable>
-
-        {canAllowSimilar ? (
-          <Pressable
-            style={({ pressed }) => [
-              styles.btn,
-              styles.acceptBtn,
-              styles.allowSimilarBtn,
-              pressed && styles.btnPressed,
-            ]}
-            onPress={() =>
-              handleResolve({
-                acceptWithExecpolicyAmendment: {
-                  execpolicy_amendment: approval.proposedExecpolicyAmendment ?? [],
-                },
-              })
-            }
-            disabled={resolving !== null}
-          >
-            {resolving === 'acceptWithExecpolicyAmendment' ? (
-              <ActivityIndicator size="small" color={colors.textPrimary} />
-            ) : (
-              <>
-                <Ionicons name="flash-outline" size={14} color={colors.textPrimary} />
-                <Text style={[styles.btnText, { color: colors.textPrimary }]}>Allow similar</Text>
-              </>
-            )}
-          </Pressable>
-        ) : null}
-      </View>
-    </Animated.View>
-  );
-}
-
-function decisionKey(decision: ApprovalDecision): string {
-  if (typeof decision === 'string') {
-    return decision;
-  }
-
-  if ('acceptWithExecpolicyAmendment' in decision) {
-    return 'acceptWithExecpolicyAmendment';
-  }
-
-  return 'unknown';
-}
-
-const styles = StyleSheet.create({
-  container: {
-    marginHorizontal: spacing.lg,
-    marginBottom: spacing.sm,
-    backgroundColor: colors.bgItem,
-    borderWidth: 1,
-    borderColor: colors.borderHighlight,
-    borderRadius: radius.md,
-    padding: spacing.md,
-  },
-  header: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: spacing.sm,
-    marginBottom: spacing.sm,
-  },
-  title: {
-    ...typography.headline,
-    color: colors.accent,
-    fontSize: 13,
-  },
-  command: {
-    fontSize: 12,
-    color: colors.textPrimary,
-    lineHeight: 18,
-    backgroundColor: colors.bgItem,
-    borderRadius: radius.sm,
-    padding: spacing.sm,
-    marginBottom: spacing.sm,
-    overflow: 'hidden',
-  },
-  reason: {
-    ...typography.caption,
-    color: colors.textSecondary,
-    marginBottom: spacing.sm,
-  },
-  actions: {
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    gap: spacing.sm,
-  },
-  btn: {
-    flexGrow: 1,
-    minWidth: 112,
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: spacing.xs,
-    paddingVertical: spacing.sm,
-    borderRadius: radius.sm,
-    borderWidth: 1,
-  },
-  btnPressed: {
-    opacity: 0.7,
-  },
-  denyBtn: {
-    borderColor: 'rgba(239, 68, 68, 0.3)',
-    backgroundColor: 'rgba(239, 68, 68, 0.08)',
-  },
-  acceptBtn: {
-    borderColor: colors.borderHighlight,
-    backgroundColor: colors.bgInput,
-  },
-  allowSimilarBtn: {
-    flexBasis: '100%',
-  },
-  btnText: {
-    fontSize: 13,
-    fontWeight: '600',
-  },
-});

package/apps/mobile/src/components/BrandMark.tsx

@@ -1,43 +0,0 @@
-import { Image, StyleSheet, View } from 'react-native';
-import { colors } from '../theme';
-import brandMarkPng from '../../assets/brand/mark.png';
-
-interface BrandMarkProps {
-  size?: number;
-}
-
-export function BrandMark({ size = 18 }: BrandMarkProps) {
-  return (
-    <View
-      style={[
-        styles.container,
-        {
-          width: size,
-          height: size,
-          borderRadius: Math.round(size * 0.28),
-        },
-      ]}
-    >
-      <Image
-        source={brandMarkPng}
-        resizeMode="contain"
-        style={styles.image}
-      />
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor: colors.bgItem,
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: colors.borderLight,
-    alignItems: 'center',
-    justifyContent: 'center',
-    overflow: 'hidden',
-  },
-  image: {
-    width: '80%',
-    height: '80%',
-  },
-});

package/apps/mobile/src/components/ChatHeader.tsx

@@ -1,107 +0,0 @@
-import { Ionicons } from '@expo/vector-icons';
-import { Pressable, StyleSheet, Text, View } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
-import { BrandMark } from './BrandMark';
-import { colors, spacing, typography } from '../theme';
-
-interface ChatHeaderProps {
-  onOpenDrawer: () => void;
-  title: string;
-  onOpenTitleMenu?: () => void;
-  rightIconName?: keyof typeof Ionicons.glyphMap;
-  onRightActionPress?: () => void;
-}
-
-export function ChatHeader({
-  onOpenDrawer,
-  title,
-  onOpenTitleMenu,
-  rightIconName = 'sparkles-outline',
-  onRightActionPress,
-}: ChatHeaderProps) {
-  const titleDisplay = title.trim() || 'New chat';
-
-  return (
-    <View style={styles.headerContainer}>
-      <SafeAreaView edges={['top', 'left', 'right']}>
-        <View style={styles.header}>
-          <Pressable onPress={onOpenDrawer} hitSlop={8} style={styles.menuBtn}>
-            <Ionicons name="menu" size={20} color={colors.textPrimary} />
-          </Pressable>
-          <BrandMark size={18} />
-          {onOpenTitleMenu ? (
-            <Pressable
-              onPress={onOpenTitleMenu}
-              hitSlop={8}
-              style={({ pressed }) => [styles.titleButton, pressed && styles.titleButtonPressed]}
-            >
-              <Text numberOfLines={1} style={styles.modelName}>
-                {titleDisplay}
-              </Text>
-              <Ionicons name="chevron-down" size={12} color={colors.textMuted} />
-            </Pressable>
-          ) : (
-            <View style={styles.modelNameRow}>
-              <Text numberOfLines={1} style={styles.modelName}>
-                {titleDisplay}
-              </Text>
-            </View>
-          )}
-          <View style={{ flex: 1 }} />
-          {onRightActionPress ? (
-            <Pressable onPress={onRightActionPress} hitSlop={8} style={styles.rightBtn}>
-              <Ionicons name={rightIconName} size={18} color={colors.textMuted} />
-            </Pressable>
-          ) : (
-            <Ionicons name={rightIconName} size={18} color={colors.textMuted} />
-          )}
-        </View>
-      </SafeAreaView>
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  headerContainer: {
-    backgroundColor: colors.bgMain,
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: colors.borderLight,
-  },
-  header: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: spacing.sm,
-    paddingHorizontal: spacing.lg,
-    paddingVertical: spacing.sm,
-  },
-  menuBtn: {
-    padding: 2,
-  },
-  rightBtn: {
-    padding: 2,
-  },
-  modelNameRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: spacing.xs,
-    flexShrink: 1,
-  },
-  titleButton: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: spacing.xs,
-    borderRadius: 8,
-    paddingHorizontal: 2,
-    paddingVertical: 1,
-    flexShrink: 1,
-  },
-  titleButtonPressed: {
-    backgroundColor: colors.bgItem,
-  },
-  modelName: {
-    ...typography.headline,
-    fontSize: 17,
-    color: colors.textPrimary,
-    flexShrink: 1,
-  },
-});