v_goal_composer.html
4.36 KB
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
<!DOCTYPE html>
<!-- v_goal_composer — 静态原型，对应 02-V §2.3，路由 /goals/new -->
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>graphlemon · 提出目标</title>
<style>
:root { --brand:#4f46e5; --border:#e5e7eb; --text:#111827; --text-muted:#6b7280; --bg:#fff; --bg-panel:#f9fafb; }
* { box-sizing: border-box; }
body { font-family:-apple-system,sans-serif; margin:0; color:var(--text); background:var(--bg); }
.proto-banner { background:#fef3c7; border-bottom:1px solid #f59e0b; padding:6px 20px; font-size:12px; }
.app-nav { display:flex; align-items:center; gap:4px; padding:0 20px; height:52px; border-bottom:1px solid var(--border); position:sticky; top:0; background:#fff; z-index:10;}
.app-nav .brand { font-weight:700; margin-right:20px; color:var(--brand); }
.app-nav a.nav-link { padding:8px 12px; border-radius:6px; color:var(--text); text-decoration:none; font-size:14px; }
.app-nav a.nav-link:hover { background:var(--bg-panel); color:var(--brand); }
.app-nav .nav-dropdown { position:relative; }
.app-nav .nav-dropdown > span { padding:8px 12px; border-radius:6px; font-size:14px; cursor:pointer; display:inline-block; }
.app-nav .dropdown-menu { display:none; position:absolute; top:100%; left:0; background:#fff; border:1px solid var(--border); border-radius:8px; padding:6px; min-width:160px; box-shadow:0 4px 12px rgba(0,0,0,.08); }
.app-nav .nav-dropdown:hover .dropdown-menu { display:block; }
.app-nav .dropdown-menu a { display:block; padding:6px 10px; border-radius:4px; color:var(--text); text-decoration:none; font-size:13px; }
.app-nav .nav-project { margin-left:auto; font-size:13px; color:var(--text-muted); }
.app-nav .nav-project a { color:var(--brand); text-decoration:none; margin-left:6px; }
.page { padding:28px; max-width:640px; margin:20px auto 0; }
.page h1 { font-size:20px; margin:0 0 4px; }
.page .page-sub { color:var(--text-muted); font-size:13px; margin-bottom:24px; }
.panel { border:1px solid var(--border); border-radius:10px; padding:20px; background:var(--bg-panel); }
.field label { display:block; font-size:13px; font-weight:600; margin-bottom:6px; }
.field textarea { width:100%; padding:10px; border:1px solid var(--border); border-radius:6px; font-size:14px; font-family:inherit; min-height:140px; resize:vertical; }
.field .hint { font-size:12px; color:var(--text-muted); margin-top:5px; }
.btn { display:inline-block; padding:9px 16px; border-radius:6px; border:1px solid var(--border); background:#fff; font-size:14px; cursor:pointer; }
.btn-primary { background:var(--brand); border-color:var(--brand); color:#fff; }
.btn-row { display:flex; gap:10px; margin-top:20px; justify-content:flex-end; }
</style>
</head>
<body>
<div class="proto-banner">静态原型（mock 数据）· 对应 02-V §2.3 · c_task_create(created_via=human_console)</div>
<nav class="app-nav">
<div class="brand">graphlemon</div>
<a href="v_dashboard.html" class="nav-link">仪表盘</a>
<a href="v_task_board.html" class="nav-link">任务</a>
<a href="v_artifact_browser.html" class="nav-link">产物</a>
<a href="v_skill_library.html" class="nav-link">技能库</a>
<div class="nav-dropdown"><span>设置</span>
<div class="dropdown-menu">
<a href="v_concurrency_settings.html">并发数</a>
<a href="v_budget_settings.html">预算护栏</a>
<a href="v_log_retention_settings.html">日志保留</a>
</div>
</div>
<div class="nav-project">当前项目：snake-game <a href="v_project_setup.html">切换</a></div>
</nav>
<div class="page">
<h1>提出新目标</h1>
<div class="page-sub">从仪表盘"提出新目标"按钮进入，也可独立通过 /goals/new 访问</div>
<div class="panel">
<div class="field">
<label>目标描述（goal_text，必填，maxLen 4000）</label>
<textarea placeholder="用自然语言描述你想让 graphlemon 完成的目标，例如：实现一个可以在终端里玩的贪吃蛇游戏，支持方向键控制、撞墙/撞自身判负、显示当前得分">实现一个可以在终端里玩的贪吃蛇游戏，支持方向键控制、撞墙/撞自身判负、显示当前得分</textarea>
<div class="hint">提交前会先展示确认态摘要，再调用 c_task_create</div>
</div>
<div class="btn-row">
<a class="btn" href="v_dashboard.html">取消</a>
<a class="btn btn-primary" href="v_task_detail.html">确认创建 →</a>
</div>
</div>
</div>
</body>
</html>