@alia.onl/sdk 10.1.0 → 11.0.0

package/src/components/ResearchProgressCard.tsx

@@ -1,159 +0,0 @@
-import { useState } from 'react';
-import { View, Pressable } from 'react-native';
-import { Text } from './ui/text';
-import { cn } from '../lib/utils';
-import Search from 'lucide-react-native/icons/search';
-import BookOpen from 'lucide-react-native/icons/book-open';
-import CircleCheckBig from 'lucide-react-native/icons/circle-check-big';
-import ChevronDown from 'lucide-react-native/icons/chevron-down';
-import ChevronUp from 'lucide-react-native/icons/chevron-up';
-import ExternalLink from 'lucide-react-native/icons/external-link';
-import LoaderCircle from 'lucide-react-native/icons/loader-circle';
-import type { ResearchProgress } from '../types';
-
-interface ResearchProgressCardProps {
-  progress: ResearchProgress;
-}
-
-const PHASE_LABELS: Record<string, string> = {
-  decomposing: 'Planning research',
-  searching: 'Searching the web',
-  reading: 'Reading sources',
-  synthesizing: 'Synthesizing report',
-  follow_up: 'Follow-up research',
-  finalizing: 'Polishing report',
-  complete: 'Research complete',
-  // The engine finished searching but could not write the final answer; the
-  // message carries what was found, and this label keeps the card honest.
-  failed: 'Research incomplete',
-};
-
-const PHASE_ORDER = ['decomposing', 'searching', 'synthesizing', 'follow_up', 'finalizing', 'complete'];
-
-export function ResearchProgressCard({ progress }: ResearchProgressCardProps) {
-  const [showSources, setShowSources] = useState(false);
-  const [showQuestions, setShowQuestions] = useState(true);
-
-  const phaseIndex = PHASE_ORDER.indexOf(progress.phase || '');
-  const isComplete = progress.phase === 'complete' || progress.isComplete;
-
-  return (
-    <View className="mx-3 my-2 rounded-xl border border-border bg-card p-4 gap-3">
-      {/* Header */}
-      <View className="flex-row items-center gap-2">
-        <View className="w-8 h-8 rounded-full bg-primary/10 items-center justify-center">
-          {isComplete ? (
-            <CircleCheckBig size={16} className="text-green-500" />
-          ) : (
-            <Search size={16} className="text-primary" />
-          )}
-        </View>
-        <View className="flex-1">
-          <Text className="text-sm font-semibold text-foreground">
-            Deep Research
-          </Text>
-          <Text className="text-xs text-muted-foreground">
-            {progress.message || PHASE_LABELS[progress.phase || ''] || 'Researching...'}
-          </Text>
-        </View>
-        {progress.sourcesFound !== undefined && (
-          <View className="bg-muted rounded-full px-2 py-0.5">
-            <Text className="text-[10px] text-muted-foreground">
-              {progress.sourcesFound} sources
-            </Text>
-          </View>
-        )}
-      </View>
-
-      {/* Phase progress */}
-      <View className="flex-row gap-1">
-        {PHASE_ORDER.map((phase, i) => (
-          <View
-            key={phase}
-            className={cn(
-              'flex-1 h-1 rounded-full',
-              i <= phaseIndex
-                ? (isComplete ? 'bg-green-500' : 'bg-primary')
-                : 'bg-muted',
-            )}
-          />
-        ))}
-      </View>
-
-      {/* Sub-questions */}
-      {progress.subQuestions && progress.subQuestions.length > 0 && (
-        <View>
-          <Pressable
-            onPress={() => setShowQuestions(!showQuestions)}
-            className="flex-row items-center gap-1 mb-1"
-          >
-            <BookOpen size={12} className="text-muted-foreground" />
-            <Text className="text-xs font-medium text-muted-foreground">
-              Research angles ({progress.subQuestions.length})
-            </Text>
-            {showQuestions ? (
-              <ChevronUp size={12} className="text-muted-foreground" />
-            ) : (
-              <ChevronDown size={12} className="text-muted-foreground" />
-            )}
-          </Pressable>
-          {showQuestions && (
-            <View className="gap-1 pl-4">
-              {progress.subQuestions.map((q, i) => (
-                <Text key={i} className="text-xs text-muted-foreground">
-                  {i + 1}. {q}
-                </Text>
-              ))}
-            </View>
-          )}
-        </View>
-      )}
-
-      {/* Current search query indicator */}
-      {progress.currentQuery && !isComplete && (
-        <View className="flex-row items-center gap-2 bg-muted/50 rounded-lg px-3 py-1.5">
-          <LoaderCircle size={12} className="text-muted-foreground" />
-          <Text className="text-xs text-muted-foreground flex-1" numberOfLines={1}>
-            {progress.currentQuery}
-          </Text>
-        </View>
-      )}
-
-      {/* Sources list (collapsed by default) */}
-      {progress.sources && progress.sources.length > 0 && (
-        <View>
-          <Pressable
-            onPress={() => setShowSources(!showSources)}
-            className="flex-row items-center gap-1"
-          >
-            <ExternalLink size={12} className="text-muted-foreground" />
-            <Text className="text-xs font-medium text-muted-foreground">
-              Sources ({progress.sources.length})
-            </Text>
-            {showSources ? (
-              <ChevronUp size={12} className="text-muted-foreground" />
-            ) : (
-              <ChevronDown size={12} className="text-muted-foreground" />
-            )}
-          </Pressable>
-          {showSources && (
-            <View className="gap-1 pl-4 mt-1">
-              {progress.sources.map((s) => (
-                <Text key={s.id} className="text-xs text-primary" numberOfLines={1}>
-                  [{s.id}] {s.title}
-                </Text>
-              ))}
-            </View>
-          )}
-        </View>
-      )}
-
-      {/* Search count */}
-      {progress.totalSearches !== undefined && isComplete && (
-        <Text className="text-[10px] text-muted-foreground text-right">
-          {progress.totalSearches} searches performed
-        </Text>
-      )}
-    </View>
-  );
-}

package/src/components/ThinkingIndicator.tsx

@@ -1,98 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { View, Text } from "react-native";
-import Animated, {
-  useAnimatedStyle,
-  withRepeat,
-  withTiming,
-  withSequence,
-} from "react-native-reanimated";
-import { IdentityMark } from "./IdentityMark";
-
-const thinkingPhrases = [
-  "Thinking...",
-  "Crafting...",
-  "Pondering...",
-  "Computing...",
-  "Processing...",
-  "Analyzing...",
-  "Reasoning...",
-  "Cooking...",
-  "Brewing...",
-  "Conjuring...",
-];
-
-const workingPhrases = [
-  "Working...",
-  "Executing...",
-  "Running...",
-  "Building...",
-  "Creating...",
-  "Doing the thing...",
-];
-
-export function ThinkingIndicator({ isWorking = false, statusText, color }: { isWorking?: boolean; statusText?: string; color?: string }) {
-  const phrases = isWorking ? workingPhrases : thinkingPhrases;
-  const [phraseIndex, setPhraseIndex] = useState(() =>
-    Math.floor(Math.random() * phrases.length)
-  );
-  const [displayText, setDisplayText] = useState("");
-  const [isTyping, setIsTyping] = useState(true);
-
-  // Reset phraseIndex when isWorking changes (arrays have different lengths)
-  useEffect(() => {
-    setPhraseIndex(Math.floor(Math.random() * phrases.length));
-  }, [isWorking]);
-
-  // Pulsing cursor animation (effect-free, declarative)
-  const cursorStyle = useAnimatedStyle(() => ({
-    opacity: withRepeat(
-      withSequence(
-        withTiming(0.2, { duration: 400 }),
-        withTiming(1, { duration: 400 })
-      ),
-      -1
-    ),
-  }));
-
-  // Typewriter effect — skipped when statusText is provided (real-time status shown directly)
-  useEffect(() => {
-    if (statusText) return;
-    const phrase = phrases[phraseIndex % phrases.length];
-    let charIndex = 0;
-    setIsTyping(true);
-    setDisplayText("");
-
-    const typeInterval = setInterval(() => {
-      if (charIndex < phrase.length) {
-        setDisplayText(phrase.slice(0, charIndex + 1));
-        charIndex++;
-      } else {
-        clearInterval(typeInterval);
-        setIsTyping(false);
-
-        // Wait then switch to next phrase
-        setTimeout(() => {
-          setPhraseIndex((prev) => (prev + 1) % phrases.length);
-        }, 1500);
-      }
-    }, 40);
-
-    return () => clearInterval(typeInterval);
-  }, [phraseIndex, phrases, statusText]);
-
-  const shownText = statusText || displayText;
-
-  return (
-    <View className="flex-row items-center gap-2 py-2">
-      <IdentityMark size={16} state={isWorking ? 'working' : 'thinking'} color={color} />
-      <View className="flex-row items-center">
-        <Text className="text-base text-muted-foreground">{shownText}</Text>
-        {(statusText || isTyping) && (
-          <Animated.View style={cursorStyle}>
-            <Text className="text-base text-muted-foreground">|</Text>
-          </Animated.View>
-        )}
-      </View>
-    </View>
-  );
-}

package/src/components/ui/button.tsx

@@ -1,104 +0,0 @@
-import { cva, type VariantProps } from "class-variance-authority";
-import * as React from "react";
-import { Pressable, ActivityIndicator } from "react-native";
-import { TextClassContext } from "./text";
-import { cn } from "../../lib/utils";
-
-const buttonVariants = cva(
-  "group flex items-center justify-center rounded-xl web:ring-offset-background web:transition-colors web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary web:hover:opacity-90 active:opacity-90",
-        destructive: "bg-destructive web:hover:opacity-90 active:opacity-90",
-        outline:
-          "border border-input bg-background web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent",
-        secondary: "bg-muted web:hover:opacity-80 active:opacity-80",
-        ghost:
-          "web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent",
-        link: "web:underline-offset-4 web:hover:underline web:focus:underline ",
-        pill: "text-primary-foreground rounded-full bg-black web:hover:opacity-90 active:opacity-90",
-      },
-      size: {
-        default: "h-9 px-3.5 py-2 native:h-11 native:px-4",
-        sm: "h-8 rounded-lg px-2.5",
-        lg: "h-10 rounded-xl px-6 native:h-12",
-        icon: "h-9 w-9",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  },
-);
-
-const buttonTextVariants = cva(
-  "web:whitespace-nowrap text-sm native:text-base font-medium text-foreground web:transition-colors",
-  {
-    variants: {
-      variant: {
-        default: "text-primary-foreground",
-        destructive: "text-destructive-foreground",
-        outline: "group-active:text-accent-foreground",
-        secondary:
-          "text-muted-foreground group-active:text-muted-foreground",
-        ghost: "group-active:text-accent-foreground",
-        link: "text-primary group-active:underline",
-        pill: "text-primary-foreground",
-      },
-      size: {
-        default: "",
-        sm: "",
-        lg: "native:text-lg",
-        icon: "",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  },
-);
-
-type ButtonProps = React.ComponentPropsWithoutRef<typeof Pressable> &
-  VariantProps<typeof buttonVariants> & {
-    isLoading?: boolean;
-  };
-
-const Button = React.forwardRef<
-  React.ElementRef<typeof Pressable>,
-  ButtonProps
->(({ className, variant, size, isLoading, children, ...props }, ref) => {
-  return (
-    <TextClassContext.Provider
-      value={cn(
-        props.disabled && "web:pointer-events-none",
-        buttonTextVariants({ variant, size }),
-      )}
-    >
-      <Pressable
-        className={cn(
-          props.disabled && "opacity-50 web:pointer-events-none",
-          isLoading && "web:pointer-events-none",
-          buttonVariants({ variant, size, className }),
-        )}
-        ref={ref}
-        role="button"
-        {...props}
-      >
-        {isLoading ? (
-          <ActivityIndicator
-            color={variant === "outline" ? "black" : "white"}
-          />
-        ) : (
-          children
-        )}
-      </Pressable>
-    </TextClassContext.Provider>
-  );
-});
-Button.displayName = "Button";
-
-export { Button, buttonTextVariants, buttonVariants };
-export type { ButtonProps };

package/src/components/ui/chat-text-input.tsx

@@ -1,185 +0,0 @@
-import * as React from "react";
-import {
-  TextInput,
-  Platform,
-  View,
-  type NativeSyntheticEvent,
-  type TextInputKeyPressEventData,
-  type NativeSyntheticEvent as RNSyntheticEvent,
-  type TextInputContentSizeChangeEventData,
-  type TextStyle,
-} from "react-native";
-import { cn } from "../../lib/utils";
-
-// react-native-web forwards the DOM KeyboardEvent modifier flags on the key-press
-// nativeEvent, but React Native's `TextInputKeyPressEventData` only declares `key`.
-// Augment the type (web-only field, hence optional) so `shiftKey` is readable without a cast.
-declare module "react-native" {
-  interface TextInputKeyPressEventData {
-    shiftKey?: boolean;
-  }
-}
-
-type ChatTextInputProps = React.ComponentPropsWithoutRef<typeof TextInput> & {
-  unstyled?: boolean;
-  noFocus?: boolean;
-  onEnterPress?: () => void;
-  onCompletionKey?: (key: string) => boolean;
-  maxHeight?: number;
-  minHeight?: number;
-  onHeightChange?: (height: number) => void;
-  disableEnterToSubmit?: boolean;
-  disableAutoHeight?: boolean;
-  onImagePaste?: (files: File[]) => void;
-  fillContainer?: boolean;
-};
-
-const ChatTextInput = React.forwardRef<TextInput, ChatTextInputProps>(
-  ({
-    className,
-    unstyled = false,
-    noFocus = false,
-    onEnterPress,
-    onCompletionKey,
-    onKeyPress,
-    maxHeight = 200,
-    minHeight = 44,
-    onContentSizeChange,
-    onHeightChange,
-    style,
-    disableEnterToSubmit = false,
-    disableAutoHeight = false,
-    onImagePaste,
-    fillContainer = false,
-    ...props
-  }, ref) => {
-    const inputRef = React.useRef<TextInput>(null);
-    const wrapperRef = React.useRef<View>(null);
-
-    // react-native-css observes `style` by reference. Memoizing the composed
-    // value prevents its own state update from manufacturing another changed
-    // style prop and recursively re-rendering this TextInput on native.
-    const inputStyle = React.useMemo(() => [
-      style,
-      !fillContainer && props.multiline && !disableAutoHeight && ({
-        minHeight,
-        maxHeight,
-        ...(Platform.OS === 'web'
-          ? { overflow: 'auto' as const, fieldSizing: 'content' }
-          : {}),
-      } as TextStyle & { fieldSizing?: string }),
-      fillContainer && { flex: 1, height: '100%' as const },
-    ], [
-      disableAutoHeight,
-      fillContainer,
-      maxHeight,
-      minHeight,
-      props.multiline,
-      style,
-    ]);
-
-    React.useImperativeHandle(ref, () => inputRef.current as TextInput);
-
-    // Attach paste event listener (web only)
-    React.useEffect(() => {
-      if (Platform.OS !== 'web' || !onImagePaste) return;
-
-      const handlePaste = (e: Event) => {
-        const clipboardEvent = e as ClipboardEvent;
-
-        const activeElement = document.activeElement;
-        const wrapper = wrapperRef.current;
-        // On web the wrapper ref resolves to its underlying DOM node — only react to
-        // pastes whose focused element lives inside this input.
-        const isContained = wrapper instanceof HTMLElement && wrapper.contains(activeElement);
-
-        if (!isContained) return;
-
-        const items = clipboardEvent.clipboardData?.items;
-        if (!items) return;
-
-        const imageFiles: File[] = [];
-        for (let i = 0; i < items.length; i++) {
-          const item = items[i];
-          if (item.type.indexOf('image') !== -1) {
-            const file = item.getAsFile();
-            if (file) {
-              imageFiles.push(file);
-            }
-          }
-        }
-
-        if (imageFiles.length > 0) {
-          clipboardEvent.preventDefault();
-          onImagePaste(imageFiles);
-        }
-      };
-
-      document.addEventListener('paste', handlePaste);
-
-      return () => {
-        document.removeEventListener('paste', handlePaste);
-      };
-    }, [onImagePaste]);
-
-    const handleKeyPress = (
-      e: NativeSyntheticEvent<TextInputKeyPressEventData>
-    ) => {
-      onKeyPress?.(e);
-
-      const key = e.nativeEvent.key;
-
-      if (onCompletionKey && (key === "ArrowUp" || key === "ArrowDown" || key === "Enter" || key === "Escape")) {
-        if (onCompletionKey(key)) {
-          e.preventDefault();
-          return;
-        }
-      }
-
-      if (key === "Enter" && !disableEnterToSubmit) {
-        if (Platform.OS !== 'web' || !e.nativeEvent.shiftKey) {
-          e.preventDefault();
-          onEnterPress?.();
-        }
-      }
-    };
-
-    const handleContentSizeChange = (
-      e: RNSyntheticEvent<TextInputContentSizeChangeEventData>
-    ) => {
-      onContentSizeChange?.(e);
-    };
-
-    return (
-      <View
-        ref={wrapperRef}
-        style={{ width: '100%', ...(fillContainer && { flex: 1 }) }}
-        onLayout={(e) => onHeightChange?.(e.nativeEvent.layout.height)}
-      >
-        <TextInput
-          ref={inputRef}
-          className={cn(
-            "native:text-md native:leading-[1.25] text-base text-foreground file:border-0 file:bg-transparent file:font-medium placeholder:text-muted-foreground web:flex web:w-full web:py-2 lg:text-sm",
-            !unstyled && "rounded-xl border border-input bg-background px-3.5",
-            "web:ring-offset-background web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2",
-            !fillContainer && !props.multiline && "h-9",
-            fillContainer && "h-full",
-            noFocus && "web:focus-visible:ring-0 web:focus-visible:ring-offset-0",
-            props.editable === false && "opacity-50 web:cursor-not-allowed",
-            className
-          )}
-          placeholderClassName={cn("text-muted-foreground", props.placeholderClassName)}
-          onKeyPress={handleKeyPress}
-          onContentSizeChange={handleContentSizeChange}
-          scrollEnabled={fillContainer || props.multiline}
-          style={inputStyle}
-          {...props}
-        />
-      </View>
-    );
-  }
-);
-
-ChatTextInput.displayName = "ChatTextInput";
-
-export { ChatTextInput };

package/src/components/ui/dropdown-menu.tsx

@@ -1,2 +0,0 @@
-// Native: re-export zeego's native context menus
-export * from "zeego/dropdown-menu";