import time
import re
import pandas as pd
import numpy as np
import torch
import torch.nn.functional as F
import graphviz as graphviz
import pydeck as pdk
import streamlit as st

from transformers import AutoTokenizer, AutoModel
from tokenizers import Tokenizer, AddedToken
from st_click_detector import click_detector


st.graphviz_chart('''
digraph G {
	fontname="Helvetica,Arial,sans-serif"
	node [fontname="Helvetica,Arial,sans-serif"]
	edge [fontname="Helvetica,Arial,sans-serif"]
	subgraph cluster_1 {
		node [ style=filled,shape="box",fillcolor="antiquewhite:aquamarine" ]n5;
		node [ shape="ellipse",fillcolor="bisque4:blue2" ]n4;
		node [ shape="circle",fillcolor="cadetblue1:chocolate1" ]Token;
		node [ shape="diamond",fillcolor="crimson:cyan4" ]n2;
		node [ shape="triangle",fillcolor="deepskyblue2:firebrick" ]n1;
		node [ shape="pentagon",fillcolor="gray24:gray88" ]CreateAccountonHF;
		label = "Log In to HuggingFace Spaces  - Authentication";
	}
	subgraph cluster_2 {
		node [ style=filled,shape="box",fillcolor="bisque:brown" ]n11;
		node [ shape="ellipse",fillcolor="green:darkorchid" ]n10;
		node [ shape="circle",fillcolor="deepskyblue:gold" ]Github;
		node [ shape="diamond",fillcolor="lightseagreen:orangered" ]n8;
		node [ shape="triangle",fillcolor="turquoise:salmon" ]n7;
		node [ shape="pentagon",fillcolor="snow:black" ]n6;
		label = "Github Codespace and Github Actions";
	}
	subgraph cluster_3 {
		node [ style=filled,shape="box",fillcolor="/accent3/1:/accent3/3" ]NewSpace;
		node [ shape="ellipse",fillcolor="/accent4/1:/accent4/4" ]n16;
		node [ shape="circle",fillcolor="/accent5/1:/accent5/5" ]Spaces;
		node [ shape="diamond",fillcolor="/accent6/1:/accent6/6" ]n14;
		node [ shape="triangle",fillcolor="/accent7/1:/accent7/7" ]n13;
		node [ shape="pentagon",fillcolor="/accent8/1:/accent8/8" ]n12;
		label = "Hugging Face Spaces with Gradio, Streamlit, and HTML5";
	}
	subgraph cluster_4 {
		node [ style=filled,shape="box",fillcolor="/blues3/1:/blues3/2" ]Tasks;
		node [ shape="ellipse",fillcolor="/blues4/1:/blues4/3" ]Libraries;
		node [ shape="circle",fillcolor="/blues5/1:/blues5/4" ]MLModel;
		node [ shape="diamond",fillcolor="/blues6/1:/blues6/5" ]Datasets;
		node [ shape="triangle",fillcolor="/blues7/1:/blues7/6" ]Languages;
		node [ shape="pentagon",fillcolor="/blues8/1:/blues8/7" ]Over47kModels;
		label = "HuggingFace Models and Datasets";
	}
Token -> Github -> Spaces -> MLModel;
}
''')