Function SensorModal

app/src/components/AgentCard/SensorModal.tsx:89–278

({ isOpen, onClose, systemPrompt, agentName, agentId, onSystemPromptChange })

};

const SensorModal: React.FC<SensorModalProps> = ({ isOpen, onClose, systemPrompt, agentName, agentId, onSystemPromptChange }) => {
  const [streams, setStreams] = useState<StreamState>(() => StreamManager.getCurrentState());
  const [editedPrompt, setEditedPrompt] = useState(systemPrompt);
  const [availableAgents, setAvailableAgents] = useState<{ id: string; name: string }[]>([]);
  const [isPromptExpanded, setIsPromptExpanded] = useState(false);
  const textareaRef = useRef<HTMLTextAreaElement>(null);

  // Listen to stream state changes
  useEffect(() => {
    if (!isOpen) return;
    const handleStreamUpdate = (newState: StreamState) => setStreams(newState);
    StreamManager.addListener(handleStreamUpdate);
    return () => StreamManager.removeListener(handleStreamUpdate);
  }, [isOpen]);

  // Load available agents for memory sensor dropdowns
  useEffect(() => {
    if (!isOpen) return;
    const loadAgents = async () => {
      try {
        const agents = await listAgents();
        setAvailableAgents(agents.map(a => ({ id: a.id, name: a.name })));
      } catch (error) {
        console.error('Failed to load agents:', error);
      }
    };
    loadAgents();
  }, [isOpen]);

  // Reset edited prompt when modal opens or systemPrompt changes
  useEffect(() => {
    setEditedPrompt(systemPrompt);
  }, [systemPrompt, isOpen]);

  // Insert sensor variable at cursor position
  const insertSystemPromptText = (text: string) => {
    if (!textareaRef.current) return;
    const { selectionStart, selectionEnd, value } = textareaRef.current;
    const newPrompt = `${value.substring(0, selectionStart)} ${text} ${value.substring(selectionEnd)}`;
    setEditedPrompt(newPrompt);
    setTimeout(() => {
      textareaRef.current?.focus();
      const newPos = selectionStart + text.length + 2;
      textareaRef.current?.setSelectionRange(newPos, newPos);
    }, 0);
  };

  // Handle modal close with save
  const handleClose = () => {
    if (onSystemPromptChange && editedPrompt !== systemPrompt) {
      onSystemPromptChange(editedPrompt);
    }
    onClose();
  };

  if (!isOpen) return null;

  return (