Val Town Code SearchReturn to Val Town

2import { useLocalStorage } from "https://esm.sh/react-use?dev&deps=react@18.2.0&react-dom@18.2.0";
3
4export function Login() {
5  const [bearerToken, setBearerToken] = useLocalStorage("bearer", "");
6  const [anthropicApiKey, setAnthropicApiKey] = useLocalStorage("anthropic_api_key", "");

11}
12
13export function ImageUpload({ images, setImages, processFiles }: ImageUploadProps) {
14  const fileInputRef = useRef<HTMLInputElement>(null);
15
79}
80
81// Process files utility function - moved from the component to be reusable
82export const processFiles = async (files: File[], images: (string | null)[], setImages: (images: (string | null)[]) => void) => {
83  // Filter for image files only
124
125// Component to display images in messages
126export function ImagePreview({ images }: { images: string[] }) {
127  const [expandedImage, setExpandedImage] = useState<string | null>(null);
128

6}
7
8export function ErrorDisplay({ error }: ErrorDisplayProps) {
9  if (!error) return null;
10  

16}
17
18// Helper function to build a tree structure from flat file list
19const buildFileTree = (files: Array<{ path: string; type: string }>): FileNode[] => {
20  const root: FileNode[] = [];
209};
210
211export function DirectoryTree({ files, onSelectionChange }: DirectoryTreeProps) {
212  const [treeData, setTreeData] = useState<FileNode[]>([]);
213  const [checkedState, setCheckedState] = useState<Record<string, boolean>>({});
220  }, [files]);
221
222  // Helper function to convert numbers to words (for small numbers)
223  const numberToWords = (num: number): string => {
224    const words = [

9}
10
11export function CreateBranch({
12  projectId,
13  bearerToken,

11import { processFiles } from "./ImageUpload.tsx";
12
13export function Chat({
14  project,
15  bearerToken,

12}
13
14export function ChatMessages({
15  messages,
16  usages,

13}
14
15export function ChatInput({
16  input,
17  handleInputChange,
128            onClick={() => {
129              const customStop = (window as any).customStopRef?.current;
130              if (typeof customStop === "function") {
131                customStop();
132              }

17}
18
19export function ChatHeader({
20  project,
21  bearerToken,

17}
18
19export function BranchControl({
20  projectId,
21  projectName,