|
|
<!DOCTYPE html> |
|
|
<html> |
|
|
<head> |
|
|
<title>FragMixt: Your AI-Powered Coding Assistant</title> |
|
|
<script src="https://cdn.jsdelivr.net/npm/@gradio/gradio@latest/gradio.min.js"></script> |
|
|
</head> |
|
|
<body> |
|
|
<div id="my_gradio_app"> |
|
|
|
|
|
</div> |
|
|
<script> |
|
|
const iface = gr.Blocks() |
|
|
.with_tab("Model", [ |
|
|
gr.Dropdown( |
|
|
choices=["Code Generation", "Code Explanation", "Code Optimization", "Code Translation"], |
|
|
label="Model Task", |
|
|
value="Code Generation" |
|
|
), |
|
|
gr.Dropdown( |
|
|
choices=[], |
|
|
label="Hugging Face Model" |
|
|
), |
|
|
gr.Button("Load Model"), |
|
|
gr.Textbox(label="Status"), |
|
|
gr.Markdown(label="Model Description") |
|
|
]) |
|
|
.with_tab("Code Assistant", [ |
|
|
gr.Chatbot(show_label=false, show_share_button=false, show_copy_button=true, likeable=true), |
|
|
gr.Textbox(label="Enter your code or query", placeholder="Ask me anything related to code!"), |
|
|
gr.Dropdown(label="Programming Language", choices=["Python", "JavaScript", "Java", "C++", "C#", "Ruby", "Go", "Rust", "Swift", "Kotlin"], value="Python", interactive=true), |
|
|
gr.Textbox(label="Context", placeholder="Provide any additional context or requirements", max_lines=3, interactive=true), |
|
|
gr.Slider(label="Temperature", minimum=0.0, maximum=1.0, step=0.05, interactive=true, info="Higher values produce more diverse outputs"), |
|
|
gr.Slider(label="Max new tokens", minimum=0, maximum=1048 * 10, step=64, interactive=true, info="The maximum numbers of new tokens"), |
|
|
gr.Slider(label="Top-p (nucleus sampling)", minimum=0.0, maximum=1, step=0.05, interactive=true, info="Higher values sample more low-probability tokens"), |
|
|
gr.Slider(label="Repetition penalty", minimum=1.0, maximum=2.0, step=0.05, interactive=true, info="Penalize repeated tokens"), |
|
|
gr.Button(value="Submit"), |
|
|
gr.State([]), |
|
|
gr.Button(value="+", variant="primary"), |
|
|
]) |
|
|
.with_tab("Project", [ |
|
|
gr.Textbox(label="Project Name", placeholder="MyCodeProject"), |
|
|
gr.Button("Create Project"), |
|
|
gr.Textbox(label="Output", lines=5), |
|
|
gr.Code(label="Code Editor", language="python", lines=20), |
|
|
gr.Textbox(label="File Path", placeholder="src/main.py"), |
|
|
gr.Button("Read File"), |
|
|
gr.Button("Save File"), |
|
|
gr.Textbox(label="Terminal Command", placeholder="pip install -r requirements.txt"), |
|
|
gr.Textbox(label="Command Output", lines=5), |
|
|
gr.Button("Run Command"), |
|
|
gr.Button("Preview Project") |
|
|
]); |
|
|
|
|
|
|
|
|
iface.mount("my_gradio_app"); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
