diff options
Diffstat (limited to 'web/index.html')
| -rw-r--r-- | web/index.html | 43 |
1 files changed, 30 insertions, 13 deletions
diff --git a/web/index.html b/web/index.html index 8bfa6bb..d7fb591 100644 --- a/web/index.html +++ b/web/index.html @@ -11,7 +11,6 @@ <body> <header> <h1>Claudomator</h1> - <button id="btn-start-next" class="btn-secondary">Start Next</button> <button id="btn-new-task" class="btn-primary">New Task</button> </header> <nav class="tab-bar"> @@ -25,6 +24,7 @@ <button class="filter-tab active" data-filter="active">Active</button> <button class="filter-tab" data-filter="done">Done</button> <button class="filter-tab" data-filter="all">All</button> + <button id="btn-start-next" class="btn-secondary btn-sm">Start Next</button> </div> <div class="task-list"> <div id="loading">Loading tasks…</div> @@ -46,24 +46,16 @@ <form id="task-form" method="dialog"> <h2>New Task</h2> <div class="elaborate-section"> - <label>Describe what you want Claude to do + <label>Describe what you want the agent to do <textarea id="elaborate-prompt" rows="3" placeholder="e.g. run tests with race detector and check coverage"></textarea> </label> <button type="button" id="btn-elaborate" class="btn-secondary"> Draft with AI ✦ </button> - <p class="elaborate-hint">Claude will fill in the form fields below. You can edit before submitting.</p> + <p class="elaborate-hint">AI will fill in the form fields below. You can edit before submitting.</p> </div> <hr class="form-divider"> - <label>Project - <select name="working_dir" id="project-select"> - <option value="/workspace/claudomator" selected>/workspace/claudomator</option> - </select> - </label> - <div id="new-project-row" hidden> - <label>New project path <input id="new-project-input" placeholder="/workspace/my-project"></label> - </div> <label>Name <input name="name" required></label> <label>Instructions <textarea name="instructions" rows="6" required></textarea></label> <div class="validate-section"> @@ -72,7 +64,24 @@ </button> <div id="validate-result" hidden></div> </div> - <label>Model <input name="model" value="sonnet"></label> + <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px;"> + <label>Agent Type + <select name="type"> + <option value="claude" selected>Claude</option> + <option value="gemini">Gemini</option> + </select> + </label> + <label>Model <input name="model" value="sonnet" placeholder="e.g. sonnet, gemini-2.0-flash"></label> + </div> + <label>Project + <select id="project-select" name="working_dir"> + <option value="/workspace/claudomator" selected>/workspace/claudomator</option> + <option value="__new__">Create new project…</option> + </select> + </label> + <div id="new-project-row" hidden> + <label>New Project Path <input id="new-project-input" placeholder="/workspace/my-new-app"></label> + </div> <label>Max Budget (USD) <input name="max_budget_usd" type="number" step="0.01" value="1.00"></label> <label>Timeout <input name="timeout" value="15m"></label> <label>Priority @@ -94,7 +103,15 @@ <h2>New Template</h2> <label>Name <input name="name" required></label> <label>Description <textarea name="description" rows="2"></textarea></label> - <label>Model <input name="model" value="sonnet"></label> + <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px;"> + <label>Agent Type + <select name="type"> + <option value="claude" selected>Claude</option> + <option value="gemini">Gemini</option> + </select> + </label> + <label>Model <input name="model" value="sonnet" placeholder="e.g. sonnet, gemini-2.0-flash"></label> + </div> <label>Instructions <textarea name="instructions" rows="6" required></textarea></label> <label>Working Directory <input name="working_dir" placeholder="/path/to/repo"></label> <label>Max Budget (USD) <input name="max_budget_usd" type="number" step="0.01" value="1.00"></label> |