Function ToolCallingScreen

example/src/ToolCallingScreen.tsx:35–210

()

];

const ToolCallingScreen = () => {
  const cactusLM = useCactusLM({ model: 'qwen3-0.6b' });
  const [input, setInput] = useState("What's the weather in San Francisco?");
  const [result, setResult] = useState<CactusLMCompleteResult | null>(null);

  useEffect(() => {
    if (!cactusLM.isDownloaded) {
      cactusLM.download();
    }
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [cactusLM.isDownloaded]);

  const handleComplete = async () => {
    const messages: CactusLMMessage[] = [
      {
        role: 'system',
        content: 'You are a helpful assistant that can call tools.',
      },
      { role: 'user', content: input },
    ];

    const completionResult = await cactusLM.complete({
      messages,
      tools,
      options: { forceTools: true },
    });
    setResult(completionResult);
  };

  const handleInit = () => {
    cactusLM.init();
  };

  const handleStop = () => {
    cactusLM.stop();
  };

  const handleReset = () => {
    cactusLM.reset();
  };

  const handleDestroy = () => {
    cactusLM.destroy();
  };

  if (cactusLM.isDownloading) {
    return (
      <View style={styles.centerContainer}>
        <ActivityIndicator size="large" />
        <Text style={styles.progressText}>
          Downloading model: {Math.round(cactusLM.downloadProgress * 100)}%
        </Text>
      </View>
    );
  }

  return (
    <ScrollView style={styles.container} contentContainerStyle={styles.content}>