File size: 3,091 Bytes
1644837 b07d55c 0d7841a 1644837 fe0020d b07d55c 1644837 0d7841a fe0020d 1644837 fe0020d 0d7841a fe0020d 0d7841a fe0020d 1644837 fe0020d 0d7841a 1644837 fe0020d 0d7841a 1644837 fe0020d 0d7841a 1644837 fe0020d 0d7841a 1644837 fe0020d b07d55c fe0020d b07d55c fe0020d b07d55c 1644837 fe0020d 1644837 fe0020d 1644837 fe0020d b07d55c 1644837 fe0020d b07d55c 1644837 fe0020d b07d55c 1644837 fe0020d b07d55c 1644837 b07d55c |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 |
<!-- static/index.html – AnyCoder / Shasha AI (2025‑07) -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>AnyCoder AI Code Generator</title>
<meta name="description"
content="Generate, modify & understand code with advanced AI models.">
<!-- Gradio serves local assets through the “file=” scheme -->
<link rel="stylesheet" href="file=static/style.css">
</head>
<body>
<header>
<h1>🚀 AnyCoder AI</h1>
<p>Your AI partner for generating, modifying & understanding code.</p>
</header>
<main>
<!-- 1 · MODEL -->
<section>
<h2>1. Select Model</h2>
<select id="model" aria-label="AI Model"></select>
</section>
<!-- 2 · CONTEXT -->
<section>
<h2>2. Provide Context</h2>
<div class="tabs" role="tablist">
<button role="tab" id="tab-prompt" aria-controls="pane-prompt" aria-selected="true">Prompt</button>
<button role="tab" id="tab-file" aria-controls="pane-file" aria-selected="false">File</button>
<button role="tab" id="tab-website" aria-controls="pane-website" aria-selected="false">Website</button>
</div>
<div role="tabpanel" id="pane-prompt">
<textarea id="prompt" placeholder="Describe what you want to build…"></textarea>
</div>
<div role="tabpanel" id="pane-file" hidden>
<label for="file">Reference file</label>
<input id="file" type="file" accept=".pdf,.docx,.txt">
</div>
<div role="tabpanel" id="pane-website" hidden>
<label for="url">Website URL</label>
<input id="url" type="url" placeholder="https://example.com">
</div>
</section>
<!-- 3 · OUTPUT -->
<section>
<h2>3. Configure Output</h2>
<label for="lang">Target language</label>
<select id="lang"></select>
<div class="search">
<input id="search" type="checkbox">
<label for="search">Enable web search</label>
</div>
</section>
<!-- ACTIONS -->
<section class="actions">
<button id="clear">Clear session</button>
<button id="gen">Generate code</button>
</section>
<!-- OUTPUT TABS -->
<section>
<h2 class="visually-hidden">Output</h2>
<div class="tabs" role="tablist">
<button role="tab" id="tab-code" aria-controls="pane-code" aria-selected="true">Code</button>
<button role="tab" id="tab-preview" aria-controls="pane-preview" aria-selected="false">Live Preview</button>
<button role="tab" id="tab-hist" aria-controls="pane-hist" aria-selected="false">History</button>
</div>
<div role="tabpanel" id="pane-code">
<pre><code id="code"></code></pre>
</div>
<div role="tabpanel" id="pane-preview" hidden>
<iframe id="preview" title="Live preview"
sandbox="allow-scripts allow-same-origin"></iframe>
</div>
<div role="tabpanel" id="pane-hist" hidden>
<ul id="hist" aria-live="polite"></ul>
</div>
</section>
</main>
<script type="module" src="file=static/index.js"></script>
</body>
</html>
|